/*Table Content
 =================================================
 - GLOBLE STYLE
 - Padding and Margin Style
 - BASIC STYLE
 - Header
 - USer_DropDown
 - small_Header_side_bar
 - Side_bar
 - Right_side
 - breadcrumb
 - CHART_BOX
 - social-box
 - Footer
 - BUTTONS_PAGE
 - portlet-advanced_page
 - ICON_FONT_AWESOME
 - WIDGETS_BASE
 - WIDGETS_CHART
 - CALENDAR_BASIC
 - CALENDAR_EXTERNAL_EVENTS
 - CALENDAR_LIST
 - FORM_BASIC_INPUT
 - FORM_INPUT_GROUP
 - FORM_CHECKBOX_RADIO
 - FORM_VALIDATION_BASIC
 - form-wizard
 - Login_Register_Page
 - 404
 - Profile_page

 ================================================
 */
/***********************************************************************
 GLOBLE STYLE
 ***********************************************************************/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Poppins, sans-serif;
	margin: 0px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	color: #444
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}

a,
a:hover {
	text-decoration: none;
	color: #337ab7;
}

a {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

img {
	max-width: 100%;
}

.btn {
	cursor: pointer;
}

.btn,
body {
	font-size: 14px;
}

.bg-gold {
	background: #c1993f !important;
}

.bg-brown {
	background: #7a5449 !important;
}

.bg-beige {
	background: #f7ce99 !important;
}

.bg-light {
	background: #fff !important;
}

.bg-dark {
	background: #324148 !important;
}

.bg-twitter {
	background: #00aced !important;
}

.txt-dark {
	color: #324148 !important;
}

.txt-light {
	color: #fff !important;
}

.txt-grey {
	color: #727272 !important;
}

.txt-light-grey {
	color: #eee !important;
}

.txt-info,
.text-info {
	color: #ed1b60 !important;
}

.txt-warning,
.text-warning {
	color: #ffbf36 !important;
}

.txt-primary,
.text-primary {
	color: #0092ee !important;
}

.txt-success,
.text-success {
	color: #22af47 !important;
}

.txt-danger,
.text-danger {
	color: #f83f37 !important;
}

.txt-purple {
	color: #ab26aa !important;
}

.txt-violet {
	color: #6640b2 !important;
}

.txt-skyblue {
	color: #00acf0 !important;
}

.txt-beige {
	color: #f7ce99 !important;
}

.txt-gold {
	color: #c1993f !important;
}

.txt-brown {
	color: #7a5449 !important;
}

.txt-orange {
	color: #ff9528 !important;
}

.txt-orange-light-1 {
	color: #ffa344;
}

.txt-orange-light-2 {
	color: #ffb76d;
	}

/*Labels*/
.label-default {
	background-color: #777;
}

.label,
.jvectormap-tip {
	padding: 3px 6px 3px;
	font-size: 11px;
	border-radius: 50px;
	text-transform: capitalize;
	font-weight: 400;
	color: #fff;
        text-align: center;
}

.label.label-info,
.label-info.jvectormap-tip {
	background: #ed1b60;
}

.label.label-primary,
.label-primary.jvectormap-tip {
	background: #0092ee;
}

.label.label-success,
.label-success.jvectormap-tip {
	background: #22af47;
}

.label.label-danger,
.label-danger.jvectormap-tip {
	background: #f83f37;
}

.label.label-warning,
.label-warning.jvectormap-tip {
	background: #ffbf36;
}

.label.text-warning,
.text-warning.jvectormap-tip {
	background: #ffbf36;
	color: #fff !important;
}

.label.label-outline,
.label-outline.jvectormap-tip {
	background: transparent;
	color: #727272;
	border: 1px solid;
}

.label.label-outline.label-info,
.label-outline.label-info.jvectormap-tip {
	border-color: #ed1b60;
}

.label.label-outline.label-primary,
.label-outline.label-primary.jvectormap-tip {
	border-color: #0092ee;
}

.label.label-outline.label-success,
.label-outline.label-success.jvectormap-tip {
	border-color: #22af47;
}

.label.label-outline.label-danger,
.label-outline.label-danger.jvectormap-tip {
	border-color: #f83f37;
}

.label.label-outline.label-warning,
.label-outline.label-warning.jvectormap-tip {
	border-color: #ffbf36;
}

.weight-300 {
	font-weight: 300 !important;
}

.weight-500 {
	font-weight: 500 !important;
}

.weight-600 {
	font-weight: 600 !important;
}

/*  Padding and Margin Style   ||-----------*/
.padding {
	padding-top: 90px;
	padding-bottom: 90px;
}

.ptb-20 {
	padding-top: 20px;
}

.padding-20 {
	padding: 20px;
}

.padding-30 {
	padding: 30px;
}

.padding-40 {
	padding: 40px;
}

.padding-60 {
	padding: 60px;
}

.plr-0 {
	padding-left: 0;
	padding-right: 0;
}

.pl-0 {
	padding-left: 0;
}

.pr-0 {
	padding-right: 0;
}

.pr-30 {
	padding-right: 30px;
}

.pl-70 {
	padding-left: 70px;
}

.pr-70 {
	padding-right: 70px;
}

.plr-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.ptb-0 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.pt-0 {
	padding-top: 0px;
}

.pb-0 {
	padding-bottom: 0px;
}

.pt-30 {
	padding-top: 30px;
}

.pb-30 {
	padding-bottom: 30px;
}

.ptb {
	padding-top: 80px;
	padding-bottom: 80px;
}

.pt {
	padding-top: 110px;
}

.pb {
	padding-bottom: 110px;
}

.ptb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.pt-15 {
	padding-top: 15px;
}

.pb-15 {
	padding-bottom: 15px;
}

.ptb-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.pt-60 {
	padding-top: 60px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-40 {
	padding-bottom: 40px;
}

.ptb-40 {
	padding-bottom: 40px;
	padding-top: 40px;
}

.ptb-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.pt-80 {
	padding-top: 80px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pt-90 {
	padding-top: 80px;
}

.pb-90 {
	padding-bottom: 80px;
}

.pt-50 {
	padding-top: 50px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-70 {
	padding-bottom: 70px;
}

.pt-70 {
	padding-top: 70px;
}

.pb-38 {
	padding-bottom: 38px;
}

.mtb-0 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.mlr-0 {
	margin-left: 0px;
	margin-right: 0px;
}

.mt-0 {
	margin-top: 0px;
}

.mb-0 {
	margin-bottom: 0px;
}

.mb-10 {
	margin-bottom: 10px;
}

.ml-0 {
	margin-left: 0px;
}

.mr-0 {
	margin-right: 0px;
}

.mr-10 {
	margin-right: 10px;
}

.mtb-80 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-80 {
	margin-top: 80px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mtb-60 {
	margin-top: 60px;
	margin-bottom: 60px;
}

.mt-60 {
	margin-top: 60px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mtb-45 {
	margin-top: 45px;
	margin-bottom: 45px;
}

.mt-45 {
	margin-top: 45px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mt-40 {
	margin-top: 40px;
}

.mb-40 {
	margin-bottom: 35px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mtb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.ml-15 {
	margin-left: 15px;
}

.mt-30 {
	margin-top: 30px;
}

.mb-30 {
	margin-bottom: 30px;
}

.ml-30 {
	margin-left: 30px;
}

.mr-30 {
	margin-right: 30px;
}

.mtb-25 {
	margin-top: 25px;
	margin-bottom: 25px;
}

.mt-25 {
	margin-top: 25px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mtb-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-10 {
	margin-top: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.mt-up {
	margin-top: -100px;
}

.thumb-sm {
	display: inline-block;
	height: 40px;
	margin-left: 0;
	margin-right: 10px;
	margin-top: 0px;
	width: 40px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.up-80 {
		margin-top: 50px;
	}

	.mt-sm-30 {
		margin-top: 30px;
	}

	.mb-sm-30 {
		margin-bottom: 30px;
	}

	.float-none-sm {
		float: none;
	}

	.float-left-sm {
		float: left;
	}

	.float-right-sm {
		float: right;
	}

	.pl-sm-0 {
		padding-left: 0;
	}

	.plr-xs-15 {
		padding-right: 15px;
		padding-left: 15px;
	}

	.padding-sm-25 {
		padding: 25px;
	}
}

@media (max-width: 767px) {
	.text-xs-left {
		text-align: left;
	}

	.pr-xs-0 {
		padding-right: 0;
	}

	.pl-xs-0 {
		padding-left: 0;
	}

	.pr-xs-0 {
		padding-right: 0;
	}

	.plr-xs-15 {
		padding-right: 15px;
		padding-left: 15px;
	}

	.padding-sm-25 {
		padding: 25px;
	}

	.pb-xs-30 {
		padding-bottom: 30px;
	}

	.pt-xs-60 {
		padding-top: 60px;
	}

	.ptb-xs-40 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.pt-xs-40 {
		padding-top: 40px;
	}

	.pb-xs-40 {
		padding-bottom: 40px;
	}

	.pb-xs-60 {
		padding-bottom: 60px;
	}

	.ptb-xs-60 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.ml-xs-0 {
		margin-left: 0;
	}

	.mtb-xs-0 {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.mt-xs-0 {
		margin-top: 0px;
	}

	.mb-xs-0 {
		margin-bottom: 0px;
	}

	.mtb-xs-15 {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.mt-xs-10 {
		margin-top: 10px;
	}

	.mt-xs-15 {
		margin-top: 15px;
	}

	.mb-xs-15 {
		margin-bottom: 15px;
	}

	.mtb-xs-30 {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.mt-xs-30 {
		margin-top: 30px;
	}

	.mb-xs-30 {
		margin-bottom: 30px;
	}

	.float-none-xs {
		float: none;
	}

	.float-left-xs {
		float: left;
	}

	.float-right-xs {
		float: right;
	}

}

/*-------------------------------------------------------------------------------------------*/
/* BASIC STYLE    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
body,
html {
	margin: 0;
	padding: 0;
}

body {
	background-color: #eef1f5;
	padding: 0 !important;
	margin: 0 !important;
	font-family: Poppins, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.7;
	color: #53505f;
}

.img-circle {
	border-radius: 50%;
}

.form-control {
	display: block;
	width: 100%;
	height: 39px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	outline: 0 !important;
	box-shadow: none !important;
}

.kno_section {
    padding: 10px 0;
}

.btn-text {
	background: 0 0;
	border: none;
	border-radius: 2px;
	color: #53505f;
	position: relative;
	height: 36px;
	margin: 0;
	min-width: 64px;
	padding: 0 16px;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0;
	overflow: hidden;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	line-height: 36px;
	vertical-align: middle;
	outline: none;
}

.btn-text:focus {
	outline: none;
	box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
	background-color: rgba(158, 158, 158, .4);
}

.btn:focus {
	outline: none !important;
	box-shadow: none;
}

/* ===================== */
.wrapper {
	height: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}

.wrapper:before,
.wrapper:after {
	content: " ";
	display: table;
}

/* Header */

.main-header {
	z-index: 5;
	position: relative !important;
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	filter: none;
	opacity: 0.9;
    background-color: #6666ff;
	box-shadow: 0 6px 0 0 rgba(0, 0, 0, .01), 0 15px 32px 0 rgba(0, 0, 0, .06);
	position: fixed;
	right: 0px;
	left: 0px;
	top: 0px;
	min-height: 70px;
}

.container_header {
	float: left;
	width: 100%;
}

.min-h {
	min-height: 70px;
}

.logo {
	float: left;
	display: block;
	width: 250px;
	height: 70px;
	padding: 10px;
	line-height: 1.7 !important;
	background: #2a3142;
}


@media (max-width: 991px) {
	.logo {
		float: none;
		margin: 0 auto;
		text-align: center;
		height: 35px;
		width: 202px;
		padding: 0;
		position: absolute !important;
		left: 0;
		right: 0;
		margin: 0 auto;
		background: transparent;
	}
	.login-content .logo {
			position: static !important;
	}

}

.logo .logo-default {
	display: inline-block;
}

.logo a .logo_icon {
	display: none;
}

.top_function {
	padding: 9px 0px;
}

.icon_menu {
	margin-right: 20px;
}

.search,
.icon_menu {
	display: inline-block;
}

.menu-toggler {
	line-height: 20px;
	cursor: pointer;
	/* opacity: .7; */
	filter: alpha(opacity=70);
	display: block;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	background: none;
	height: 20px;
	width: 25px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	position: relative;
}

.menu-toggler:before {
	content: "";
	position: absolute;
	bottom: 7px;
	left: 0px;
	height: 2px;
	width: 100%;
	background: #ffffff;
}

#toggle_res_search {
	color: #53505f;
	font-size: 20px;
}

.search .search-form {
	background: #f3f4f4;
}

.search-form {
	width: 100%;
	max-width: 340px;
	max-height: 40px;
	background-color: transparent;
	color: #fff;
	border-radius: 30px;
	margin: 0px;
	border: 1px solid #e9ecef;
}

.search-form .form-control {
	background-color: transparent;
	border: 0;
	color: #1E2629;
	padding: 7px 12px;
}

.search .input-group .btn {
	padding: 10px;
	line-height: 1;
	background: #f3f4f4;
	color: #2a3142;
	height: 39px;
	border-radius: 0 20px 20px 0;
	width: 60px;
}

.search .input-group .btn i {
	font-size: 20px;
}

@media (min-width: 992px) {
	#search_form {
		width: 243px
	}
}

@media (min-width: 992px) {
	#search_form {
		display: block;
		height: auto !important;
	    overflow: visible;
	}

	#toggle_res_search {
		display: none;
	}
}

@media (max-width: 991px) {
	#search_form {
		left: 0;
		margin: 0 !important;
		position: absolute;
		width: 100%;
		padding-top: 7px;
		top: 0;
		z-index: 99999;
		max-width: none;
		background: #fff;
		height: 70px;
		max-height: none;
	}

	.search_col {
		position: static;
	}

	.search-form .form-control {

		border-radius: 0;
		height: 60px;
	}

	.search .input-group .btn {

		background: none;
		color: #53505f;
		height: 60px;
	}

	.search .input-group .btn i {
		font-size: 24px;
	}

	.search-form {
		border-radius: 0;
	}
}

.fullscreen-btn {
	padding: 0;
	line-height: 20px;
	position: relative;
	display: inline-block;
}

@media (max-width: 767px) {

	.fullscreen-btn {
		display: none;
	}

}

.fullscreen-btn a {
	color: #53505f;
}

.language-switch {
	margin: 0;
	display: inline-block;
	min-width: 109px;
	text-align: right;
	margin-left: 20px !important;
}

.language-switch,
.dropdown-notification,
.dropdown-inbox,
.dropdown-user {
	margin: 0 0px 0px 20px;
	padding: 10px 0px;
}

@media (max-width: 991px) {

	.language-switch,
	.dropdown-notification,
	.dropdown-inbox,
	.dropdown-user {
		margin: 0 0px 0px 24px;
	}

}

.language-switch .btn {
	background: transparent;
	font-size: 14px;
	padding: 0px;
	color: #53505f;
}

.language-switch .btn span {
	vertical-align: middle;
}

.btn-default {
	text-transform: capitalize;
}

.btn-default a {
	color: #53505f;
	text-decoration: none;
}

.right_bar_top .dropdown-menu {
	left: auto !important;
	right: 0 !important;
	min-width: 175px;
	z-index: 1000;
	list-style: none;
	text-shadow: none;
	padding: 0;
	background-color: #fff;
	-webkit-border-radius: 2px;
	border: none;
	box-shadow: 0 3px 14px rgba(0, 0, 0, .1) !important;
	margin: 0px;
	transform: translate3d(0px, 50px, 0px) !important;
	top: 100% !important;
	transition: all 0.5s;
	display: block;
	visibility: hidden;
	opacity: 0;
	/* padding: 10px 0; */
}

.right_bar_top .dropdown-menu.show {
	transform: translate3d(0px, 0px, 0px) !important;
	visibility: visible;
	opacity: 1;
}

.right_bar_top .open .dropdown-menu{
	transform: translate3d(0px, 0px, 0px) !important;
	visibility: visible;
	opacity: 1;
}
.right_bar_top .dropdown-menu:before {
	position: absolute;
	top: -7px;
	right: 9px;
	display: inline-block !important;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #eff0f4;
	border-left: 7px solid transparent;
	/* border-bottom-color: rgba(0, 0, 0, .2); */
	content: "";
}

.dropdown-menu li a {
	color: #555;
	font-size: 13px;
	padding: 8px 16px;
	color: #6f6f6f;
	text-decoration: none;
	display: block;
	clear: both;
	font-weight: 300;
	line-height: 18px;
	white-space: nowrap;
}

.dropdown-notification .dropdown-toggle i,
.dropdown-inbox .dropdown-toggle i {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
}

.dropdown-notification .dropdown-toggle,
.dropdown-inbox .dropdown-toggle,
.dropdown-user .dropdown-toggle {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	text-decoration: none;
	background: #2a3142;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
}

.dropdown-notification .dropdown-toggle:after,
.dropdown-inbox .dropdown-toggle:after,
.dropdown-user .dropdown-toggle:after {
	display: none;
}

.dropdown-notification .dropdown-menu,
.dropdown-inbox .dropdown-menu {
	min-width: 160px;
	max-width: 355px;
	width: 355px;
	z-index: 9995;
	height: 300px;
}

.dropdown-notification .dropdown-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.dropdown-inbox .dropdown-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #a0a0a0;
}

.dropdown-notification .dropdown-menu .mCSB_scrollTools .mCSB_draggerRail {
	/* background: #6f6d6d; */
}

.dropdown-notification .dropdown-menu li.bigger,
.dropdown-inbox .dropdown-menu li.bigger {
	display: block;
	overflow: hidden;
	padding: 15px;
	letter-spacing: .5px;
	background: #f3f4f4;
}

.dropdown-notification .dropdown-menu li,
.dropdown-inbox .dropdown-menu li {
	list-style: none;
	width: 100%;
}

.dropdown-notification .dropdown-menu li.bigger h3,
.dropdown-inbox .dropdown-menu li.bigger h3 {
	text-transform: uppercase;
	padding: 2px 0;
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	color: #2a3142;
	float: left;
	margin: 0px;
}

.dropdown-notification .dropdown-menu li.bigger .notification-label,
.dropdown-inbox .dropdown-menu li.bigger .notification-label {
	float: right;
	border-radius: 10px;
	padding: 0px 10px;
	color: #fff;
	background-color: #e91e63;
	line-height: 24px;
	font-size: 12px;
}

.dropdown-menu .mCSB_container {
	margin-right: 0px;
}

.badge_coun {
	position: absolute;
	top: -5px;
	right: -5px;
	font-weight: 300;
	padding: 3px 6px;
	background:#36a2f5;
	border-radius: 10px;
	white-space: nowrap;
	display: inline-block;
	min-width: 10px;
	height: 18px;
	line-height: 14px;
	font-size: 11px;
	color: #fff;
	text-align: center;
}

.dropdown-menu-list {
	margin: 0px;
	padding: 0px;
}

.dropdown-menu-list li a {
	display: block;
	clear: both;
	font-weight: 300;
	line-height: 20px;
	white-space: normal;
	font-size: 13px;
	padding: 8px 15px 8px;
	text-shadow: none;
	border-bottom: 1px solid #EFF2F6 !important;
	color: #fff;
}

.dropdown-menu-list li a .time {
	float: right;
	max-width: 75px;
	font-size: 11px;
	font-weight: 400;
	opacity: .7;
	filter: alpha(opacity=70);
	text-align: right;
	padding: 1px 5px;
	margin: 7px 0px;
	background: #e91e63;
	border-radius: 4px;
}

.dropdown-menu-list li a .details {
	overflow: hidden;
	font-weight: 300;
	line-height: 20px;
	white-space: normal;
	font-size: 13px;
	padding: 8px 15px 8px 0;
	text-shadow: none;
	color: #888;
}

.notification-icon {
	width: 36px;
	height: 36px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #fff;
	line-height: 1.2;
	padding: 9px 0;
	border-radius: 50%;
	margin-right: 10px;
}

.deepPink-bgcolor {
	background-color: #e91e63 !important;
	color: #fff !important;
}

.purple-bgcolor {
	background-color: #673ab7;
}

.blue-bgcolor {
	background-color: #2196F3;
}

.pink {
	background-color: #FF1493;
}

.yellow {
	background-color: #f1c500;
}

.red {
	background-color: #F44336;
}

.photo {
	float: left;
}

.photo img {
	height: 40px;
	width: 40px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-ms-border-radius: 50% !important;
	-o-border-radius: 50% !important;
	border-radius: 50% !important;
}

.subject {
	display: block;
	margin-left: 46px;
}

.subject .from {
	font-size: 13px;
	font-weight: 600;
	color: #2a3142;
	margin-top: 12px;
	display: inline-block;
}

.subject .time {
	font-size: 12px;
	font-weight: 400;
	opacity: .5;
	filter: alpha(opacity=50);
	float: right;
}

.message {
	display: block !important;
	font-size: 12px;
	line-height: 1.3;
	margin-left: 46px;
	color: #000;
}

/* USer_DropDown */
.dropdown-user {
	display: inline-block;
}

.dropdown-toggle>img.pro_pic {
	margin-top: 0;
	width: 100%;
	display: inline-block;
	height: 100%;
}

.dropdown-toggle>.username,
.dropdown-user .dropdown-toggle>i {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #53505f;
}

@media (max-width: 991px) {

	.dropdown-user .username,
	.dropdown-user .dropdown-toggle i {
		display: none;
	}
}

@media (max-width: 767px) {

	.dropdown-user>a,
	.dropdown-user {
		width: 30px;
		display: block;
		padding: 0 !important;
	}

	.dropdown-user {
		padding: 0;
		top: -3px;
	}

	.language-switch,
	.dropdown-notification,
	.dropdown-inbox,
	.dropdown-user {
		margin-left: 12px;
		padding: 5px 0;
		z-index: 99;
	}

	.dropdown-notification {
		display: none;
	}

	.menu-toggler {
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		height: 16px;
		width: 18px;
	}

	.menu-toggler:before {
		background: #fff;
		bottom: 5px;
	}

	.right_bar_top .dropdown-menu {
		margin-left: 0;
		right: 0 !important;
		margin: 0 auto;
		width: 290px;
		max-width:290px;
	}

	.container_header {
		padding: 10px 15px 0;
		background: #1c2324;
	}

	.dropdown-notification .dropdown-toggle i,
	.dropdown-inbox .dropdown-toggle i,
	.btn-default a span {
		color: #fff;
	}

	.dropdown-toggle::after {
		border-top: .3em solid #fff;
	}

	.dropdown-user>a {
		border: 1px solid #fff;
		border-radius: 50%;
		height: 30px;
		line-height: 0 !important;
		overflow: hidden;
	}

	.language-switch {
		display: none;
	}

	.badge_coun {

		font-size: 0;
		width: 10px;
		height: 10px;
		padding: 0;
		right: 9px;
	}

}




/* full_Section */
.container_full {
	background: #ffffff;
	margin-top: 0px;
	position: relative;
}



/* Side_bar */

.side_bar {
	position: fixed;
	top: 0;
	left: 0;
	height: 500vh;
	width: 250px;
	background-size:cover;
	padding-bottom: 20px;
	z-index: 999;
}
.side_bar:before{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.9;
}
.user-panel {
	position: relative;
	width: 100%;
	padding: 30px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

@media (max-width: 991px) {
	.user-panel {
		padding: 0px 10px 30px;
	}
}

.user-panel>.user_image {
	width: 100%;
}

.user-panel>.user_image>img {
	width: 80px;
	height: 80px;
	background: #fff;
	z-index: 1000;
	position: inherit;
	border: 1px solid rgba(52, 73, 94, 0.44);
	padding: 2px;
}

.user-panel>.info {
	line-height: 1;
	margin-top: 20px;
}

.user-panel>.info>p {
	font-weight: 500;
	margin-bottom: 10px;
	color: #fff;
	font-size: 16px;
}

.user-panel>.info>a {
	text-decoration: none;
	font-size: 11px;
	color: #fff;
}

.sidebar-menu {
	margin: 0px;
	padding: 0px;
}

.sidebar-menu li {
	list-style: none;
	position: relative;
}

.sidebar-menu li a {
	margin: 0;
	padding: 18px;
	text-decoration: none;
	font-size: 14px;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.23);
	color: #fff;
	line-height: 1.2;
	transition: all 0.3s;
}

.sidebar-menu li a:hover {
	background:#36a2f5;
	color: #fff;
}

.sidebar-menu li a i {
	margin-right: 10px;
	text-shadow: none;
	float: left;
	font-size: 14;
	color: inherit;
	-webkit-transition: background-color .5s ease;
	transition: background-color .5s ease;
	min-height: 20px;
	min-width: 20px;
	line-height: 19px;
	text-align: center;
	vertical-align: top;
}

.sidebar-menu li a .arrow:before {
	float: right;
	width: 20px;
	font-family: "Ionicons";
	content: "\f3d1";
	font-weight: 300;
	text-shadow: none;
	position: absolute;
	top: 18px;
	right: 14px;
	font-size: 20px;
}

.sidebar-menu li a.open_menu .arrow:before {
	content: "\f365"
}

.down_menu {
	display: none;
	list-style: none;
	padding: 0px 0px 0px 32px;
	margin: 0;
}

.down_menu li a {
	padding: 10px 12px;
}

.sidebar-menu li .down_menu li a {
	border: none;
}

.sidebar-menu li .down_menu li a {
	/* 	background: transparent; */
}

.side_bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background:rgba(14, 20, 21, 0.37);
}

/* Right_side */
.content_wrapper {
	margin-left: 285px;
	margin-right: 15px;
	margin-top: 0;
	padding: 0px 0px 0px 0px;
	/* background-color: #eaeef3; */
}

.container_full {
	margin-top:0px;
	padding: 0px;
	min-height: calc(100vh - 133px);
}

.content_wrapper {
	margin-left: 250px;
	margin-right: 0px;

}

@media (max-width: 991px) {

	.side_bar {
		margin-left: -250px;
		transition: all 0.3s;
		height: calc(100vh - 0);
		padding-top: 33px;
	}
	.mobile_nav .side_bar {
    margin-left: 0;
}
	.mobile_nav .side_bar {
		margin-left: 0;
	}

	.content_wrapper {
		margin-left: 0;
		margin-right: 0px;
		transition: all 0.3s;
	}

	.mobile_nav .content_wrapper {
		margin-right: -250px !important;
		margin-left: 250px;
	}

	.min-h {
		min-height: 0;
	}
}

.container-liquid {
    margin-left: 0px;
    margin-bottom: 50px;
}

@media (min-width:992px){
/* small_Header_side_bar */
.nav_small .icon_menu {
    left: 15px;
}
.nav_small .logo {
	width: 70px;
	padding: 10px 10px 10px 2px !important;
	text-align: center;
	    justify-content: center;
}
.nav_small .logo .logo-default {
	display: none;
}
.nav_small .main-header {
    margin-left: 0px;
	width: 100%;
}
.nav_small .right_content{
    margin-left: 70px;
}

.nav_small .header_left_panel {
    padding-left: 45px;
}

.nav_small .logo a .logo_icon {
	display: block;
}
.nav_small .container-liquid {
    margin-left: 0px;
}

.nav_small .side_bar {
	width: 70px;
}

.nav_small .sidebar-menu li a i {
	float: none;
	min-height: 25px;
	min-width: 25px;
	line-height: 25px;
	margin: 0;
	font-size: 18px;
}

.nav_small .sidebar-menu>li>a>span {
	display: none;
}

.nav_small .user-panel {
	display: block;
}

.nav_small .sidebar-menu li {
	position: relative;
	z-index: 10000;
	display: block;

}

.nav_small .sidebar-menu li a {
	padding: 12px 10px;
	text-align: center;
	    margin: 10px 0px;
}

.nav_small .sidebar-menu li:hover>.down_menu {
	width: 230px;
	position: absolute;
	z-index: 2000;
	left: 100%;
	margin-top: 0;
	top: 0;
	display: block !important;
	background-color: #1f2829;
	padding: 10px;
}

.nav_small .sidebar-menu li:hover .down_menu li {
	padding-right: 0;
}

.nav_small .sidebar-menu li:hover .down_menu li a {
    border: none;
    padding: 10px;
    margin: 0;
    color: #a6a8a9;
}

.nav_small .sidebar-menu li:hover .down_menu li a:hover {
	background: transparent;
	box-shadow: none;
	text-shadow: none;
	color: #fff;
}

.nav_small .mCSB_container,
.nav_small .mCustomScrollBox {
	overflow: visible;
}

.nav_small .sidebar-menu li .down_menu li a {
	text-align: left;
}
.nav_small .content_wrapper{
	margin-left:0px;
}
.nav_small .right_detail {
    width: calc(100% - 125px);
}

}
@media (min-width: 992px){
.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
}
/* breadcrumb */
.page-heading {
	padding-top: 20px
}

.page-breadcrumb h1 {
	margin: 0 0 22px;
	color: #000;
}

.breadcrumb_nav {
	margin-bottom: 15px;
}

.breadcrumb_nav .breadcrumb {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

.breadcrumb_nav .breadcrumb li {
	display: inline-block;
	line-height: 1;
	margin: 0px 3px;
	color: #000;
}

.breadcrumb_nav .breadcrumb li a {
	color: #000;
	font-size: 14px;
	text-shadow: none;
	text-decoration: none;
	margin: 0px 3px;
}

.breadcrumb_nav .breadcrumb li.active {

	color:rgba(0, 0, 0, 0.49);
}

/* Site_view_box */
.info_items {
	min-height: 100px;
	background: #fff;
	width: 100%;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	margin-bottom: 30px;
	padding: 20px 15px;
	overflow: hidden;
}

.bg_green {
	background: #2ed8b6;
}

.bg_yellow {
	background: #FFB64D;
}

.bg_blue {
	background: #4099ff;
}

.bg_pink {
	background: #FF5370;
}

.info_items_icon {
	float: left;
	color: #fff;
	height: 65px;
	width: 65px;
	text-align: center;
	font-size: 30px;
	line-height: 65px;
	margin-right: 20px;
	background: rgba(0, 0, 0, .2);
	border-radius: 100%;
}

.info_item_content {
	width: calc(100% - 90px);
	float: left;
	line-height: normal;
	color: #fff;
}

.info_items_text {
	margin-bottom: 8px;
}

.info_items_text,
.progress-description {
	display: block;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
}

.info_items_number {
	font-weight: 300;
	font-size: 21px;
}

.progress-description {
	margin: 0;
}

.info_items .progress,
.info_items .progress .progress-bar {
	border-radius: 0;
}

.info_items .progress {
	background: rgba(0, 0, 0, .2);
	margin: 10px 0px;
	height: 3px;
}

.progress {
	border: 0;
	background-image: none;
	filter: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0 !important;
	margin: 0;
}

.info_items .progress .progress-bar {
	background: #fff;
}

.info_items .progress,
.info_items .progress .progress-bar {
	border-radius: 0;
}

/* CHART_BOX */
.full_chart {
	background: #fff;
}

.full_chart {
	background: #fff;
	box-shadow: none;
	position: relative;
	transition: .5s;
	border: 1px solid #f2f2f2;
	border-radius: 0;
	width: 100%;
}

/* .full_chart:hover {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
	box-shadow: 0 20px 20px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 20px 20px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, .1);
}
 */
.card {
	position: relative;
	margin-top: 0px;
	background-color: #ffffff;
	border-radius: 3px;
}

.chart_header {
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
	padding: 2px;
	color: #3a405b;
	font-size: 14px;
	font-weight: 600;
	line-height: 40px;
	min-height: 40px;
}

.chart_headibg {
	display: inline-block;
	padding: 15px 20px;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.chart_headibg {
		padding: 10px;
	}
}

.tools {
	padding-right: 16px;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 24px;
	line-height: normal;
	vertical-align: middle;
	display: none;
}

.tools .btn-color {
	color: #97a0b3;
	margin-right: 3px;
	font-size: 12px;
	text-decoration: none;
}

.card_chart {
	padding: 10px 24px 14px 24px;
	position: relative;
}

/* social-box */
.social-box {
	min-height: 160px;
	margin-bottom: 30px;
	text-align: center;
	background: #fff;
}

.social-box i {
	display: block;
	font-size: 40px;
	background: #e9ecef;
	line-height: 110px;
}

.social-box.facebook i {
	color: #fff;
	background: #3b5998;
}

.social-box ul {
	list-style: none;
	display: inline-block;
	margin: 7px 0 0;
	padding: 10px;
	width: 100%;
}

.social-box ul li {
	color: #949CA0;
	font-size: 14px;
	font-weight: 700;
	padding: 0 10px 0 0;
	text-align: right;
	display: block;
	float: left;
	width: 50%;
	line-height: 2;
}

.social-box ul li strong {
	display: block;
	font-size: 20px;
	line-height: 1;
}

.social-box ul li span {
	font-size: 14px;
	font-weight: 500;
	color: #949CA0;
	text-transform: uppercase;
}

.social-box ul li:last-child {
	padding-left: 10px;
	padding-right: 0;
	text-align: left;
}

.social-box.twitter i {
	color: #fff;
	background: #00aced;
}

.social-box.linkedin i {
	color: #fff;
	background: #4875b4;
}

.social-box.google-plus i {
	color: #fff;
	background: #d34836;
}

.social-box ul li:first-child {
	border-right: 1px solid #c2cfd6;
}

/* Three_Clumn */
.stats-wrap h2 span {
	float: right;
	color: #ffffff;
	background: #294583;
	font-size: 16px;
	margin: 5px 0 0;
	font-weight: normal;
	padding: 5px;
	border-radius: 2px;
}

.stats-wrap p {
	margin: 10px 0 15px;
	color: #78828B;
	font-size: 14px;
	font-weight: normal;
	background: #f1f1f1;
	padding: 0 9px;
	border-radius: 3px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.stats-wrap p {
	font-size: 13px;
}
}
.stats-wrap h4 {
	color: #1688EC;
	font-weight: 700 !important;
	margin: 0;
	line-height: 1.8;
}

.stats-wrap h4 span {
	float: right;
	color: #ffffff;
	background: #3C64BB;
	font-size: 12px;
	margin: 0;
	font-weight: normal;
	padding: 5px;
	border-radius: 2px;
}
.list-referrals li p{
	background: transparent;
	margin-bottom: 0px;
	padding: 0px;
}
.events-nest .drak_blue {
	margin: -10px -24px 33px;
	padding: 20px;
	background: #5C9DF5;
	color: #f9f9f9;
	overflow: hidden;
}

.events-nest .drak_blue h1 {
	float: left;
	color: #fff;
	font-weight: lighter;
	position: relative;
	top: -5px;
}

.middle_text {
	float: left;
	margin-left: 10px;
}

.events-nest .drak_blue span {
	font-size: 14px;
	background: rgba(255, 255, 255, 0.15);
	padding: 0px 10px;
	border-radius: 2px;
}

.events-nest .drak_blue p {
	font-weight: lighter;
	font-size: 12px;
	background: transparent;
	color: #f9f9f9;
	margin: 0px;
	padding: 0px;
}

.events-nest ul {
	margin: 0px;
	padding: 0px;
}

.events-nest ul li {
	list-style: none;
}

.events-nest ul li h4 {
	font-size: 13px !important;
	color: #222;
}

.events-nest ul li h4 span {
	float: none;
	background: transparent;
	color: #222;
	font-size: 13px;
}

.events-nest ul li h4 small {
	margin: 0 0 0 5px;
}

.events-nest ul li p i {
	float: right;
	margin: 0 0 0 10px;
	color: #ccc;
	font-size: 15px;
	height: 15px;
	width: 15px;
	line-height: 15px;
}

.stats-wrap .card_chart .events-nest ul li p {
	background: transparent;
}

/* School-timetable */
.school-timetable {
	color: #8c92a3;
}

.school-timetable h5 {
	font-size: 12px;
	color: #454545;
	padding: 2px 5px;
}

.school-timetable h5 i {
	font-style: normal;
}

.school-timetable h6 {
	line-height: 1.7;
	color: #8c92a3;
}

.school-timetable h6 i {
	color: #8c92a3;
}

.school-timetable h6 span {
	font-size: 10px;
	background: #8c92a3;
	padding: 2px 4px;
	margin: 0 0 0 5px;
	color: #fff;
	border-radius: 2px;
}

.school-timetable hr {
	border-color: #D5DAE6;
	margin: 17px 0 16px;
}

.school-timetable ul {
	margin: 0px 0px 13px 0px;
	padding: 0px;
}

.school-timetable ul li {
	display: inline-block;
	list-style: none;
	margin: 0 -5px 0 0;
}

.round_small {
	display: inline-block;
	height: 40px;
	margin-left: 0;
	margin-right: 10px;
	margin-top: 0px;
	width: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.round_small {
		display: inline-block;
		height: 35px;
		margin-right: 5px;
		width: 35px;
	}
}

/* Student_table */
.student_table thead tr th {
	border-top: none;
}

.student_table tbody tr td a {
	color: #53505f;
}

.paid_green {
	font-size: 10px;
	font-weight: 600;
	padding: 6px 6px;
	margin-right: 5px;
	background: #59e0c5;
	text-transform: uppercase;
	color: #fff;
}

.unpaid_red {
	font-size: 10px;
	font-weight: 600;
	padding: 6px 6px;
	margin-right: 5px;
	color: #fff;
	background: #ca1b1b
}

.edit_list {
	margin-right: 10px;
}

.mobile_nav .footer{
	padding-left: 70px;
}
@media (max-width:991px){
	.mobile_nav .footer,.footer{
		padding-left: 0;
	}

}
.copy_right p {
	margin: 0px;
	color: #222;
	font-size: 14px;
}

.copy_right p a {
	color:#36a2f5;
}

#back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
	display: block;
	display: none;
	background: #2a3142;
	color: #fff;
	font-size: 15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

/*============== BUTTONS_PAGE */
.btn-primary:hover,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	border-color: #8b39ef;
	background-color: #8b39ef;
}

.btn-demo .btn {
	margin: 0 10px 10px 0;
}

[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}

.btn-outline-primary:hover,
.btn-outline-primary:not([disabled]):not(.disabled).active,
.btn-outline-primary:not([disabled]):not(.disabled):active,
.btn-primary,
.card-primary,
.show>.btn-outline-primary.dropdown-toggle {
	border-color: #a768f3;
	background-color: #a768f3;
}

.btn-danger:not([disabled]):not(.disabled).active,
.btn-danger:not([disabled]):not(.disabled):active,
.btn-dark:not([disabled]):not(.disabled).active,
.btn-dark:not([disabled]):not(.disabled):active,
.btn-info:not([disabled]):not(.disabled).active,
.btn-info:not([disabled]):not(.disabled):active,
.btn-outline-danger:not([disabled]):not(.disabled).active,
.btn-outline-danger:not([disabled]):not(.disabled):active,
.btn-outline-dark:not([disabled]):not(.disabled).active,
.btn-outline-dark:not([disabled]):not(.disabled):active,
.btn-outline-info:not([disabled]):not(.disabled).active,
.btn-outline-info:not([disabled]):not(.disabled):active,
.btn-outline-primary:not([disabled]):not(.disabled).active,
.btn-outline-primary:not([disabled]):not(.disabled):active,
.btn-outline-secondary:not([disabled]):not(.disabled).active,
.btn-outline-secondary:not([disabled]):not(.disabled):active,
.btn-outline-success:not([disabled]):not(.disabled).active,
.btn-outline-success:not([disabled]):not(.disabled):active,
.btn-outline-warning:not([disabled]):not(.disabled).active,
.btn-outline-warning:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.btn-secondary:not([disabled]):not(.disabled).active,
.btn-secondary:not([disabled]):not(.disabled):active,
.btn-success:not([disabled]):not(.disabled).active,
.btn-success:not([disabled]):not(.disabled):active,
.btn-warning:not([disabled]):not(.disabled).active,
.btn-warning:not([disabled]):not(.disabled):active,
.show>.btn-danger.dropdown-toggle,
.show>.btn-dark.dropdown-toggle,
.show>.btn-info.dropdown-toggle,
.show>.btn-outline-danger.dropdown-toggle,
.show>.btn-outline-dark.dropdown-toggle,
.show>.btn-outline-info.dropdown-toggle,
.show>.btn-outline-primary.dropdown-toggle,
.show>.btn-outline-secondary.dropdown-toggle,
.show>.btn-outline-success.dropdown-toggle,
.show>.btn-outline-warning.dropdown-toggle,
.show>.btn-primary.dropdown-toggle,
.show>.btn-secondary.dropdown-toggle,
.show>.btn-success.dropdown-toggle,
.show>.btn-warning.dropdown-toggle {
	box-shadow: none;
}

.btn-demo .btn {
	margin: 0 10px 10px 0;
}

.btn-outline-success {
	color: #34bfa3;
	border-color: #34bfa3;
}

.btn-sm {
	font-size: 12px;
}

.btn {
	cursor: pointer;
}

.btn-outline-primary {
	color: #a768f3;
	border-color: #a768f3;
}

.btn-outline-primary:hover,
.btn-outline-primary:not([disabled]):not(.disabled).active,
.btn-outline-primary:not([disabled]):not(.disabled):active,
.btn-primary,
.card-primary,
.show>.btn-outline-primary.dropdown-toggle {
	border-color: #a768f3;
	background-color: #a768f3;
}

.nav.nav-pills .nav-link.active,
.nav.nav-pills.nav-pills-danger .nav-link.active,
.nav.nav-pills.nav-pills-info .nav-link.active,
.nav.nav-pills.nav-pills-inverse .nav-link.active,
.nav.nav-pills.nav-pills-primary .nav-link.active,
.nav.nav-pills.nav-pills-success .nav-link.active,
.nav.nav-pills.nav-pills-warning .nav-link.active {
	color: #fff;
}

.nav.nav-pills .nav-link,
.nav.nav-tabs .nav-link {
	color: #292b2c;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #a768f3;
}

.default-color,
.default-color a,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #53505f;
}

.bg-dark {
	background-color: #343a40 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:not([disabled]):not(.disabled).active,
.btn-outline-primary:not([disabled]):not(.disabled):active,
.btn-primary,
.card-primary,
.show>.btn-outline-primary.dropdown-toggle {
	border-color: #a768f3;
	background-color: #a768f3;
}

.btn-outline-success:hover,
.btn-outline-success:not([disabled]):not(.disabled).active,
.btn-outline-success:not([disabled]):not(.disabled):active,
.btn-success,
.card-success,
.show>.btn-outline-success.dropdown-toggle {
	border-color: #34bfa3;
	background-color: #34bfa3;
}

.card {
	border: 1px solid #e5e9ec;
}

.btn-info,
.btn-outline-info:hover,
.btn-outline-info:not([disabled]):not(.disabled).active,
.btn-outline-info:not([disabled]):not(.disabled):active,
.card-info,
.show>.btn-outline-info.dropdown-toggle {
	border-color: #36a2f5;
	background-color: #36a2f5;
}

.btn-outline-warning:hover,
.btn-outline-warning:not([disabled]):not(.disabled).active,
.btn-outline-warning:not([disabled]):not(.disabled):active,
.btn-warning,
.card-warning,
.show>.btn-outline-warning.dropdown-toggle {
	border-color: #eac459;
	background-color: #eac459;
}

.btn-danger,
.btn-outline-danger:hover,
.btn-outline-danger:not([disabled]):not(.disabled).active,
.btn-outline-danger:not([disabled]):not(.disabled):active,
.card-danger,
.show>.btn-outline-danger.dropdown-toggle {
	border-color: #ff518a;
	background-color: #ff518a;
}

.btn-danger:not([disabled]):not(.disabled).active,
.btn-danger:not([disabled]):not(.disabled):active,
.btn-dark:not([disabled]):not(.disabled).active,
.btn-dark:not([disabled]):not(.disabled):active,
.btn-info:not([disabled]):not(.disabled).active,
.btn-info:not([disabled]):not(.disabled):active,
.btn-outline-danger:not([disabled]):not(.disabled).active,
.btn-outline-danger:not([disabled]):not(.disabled):active,
.btn-outline-dark:not([disabled]):not(.disabled).active,
.btn-outline-dark:not([disabled]):not(.disabled):active,
.btn-outline-info:not([disabled]):not(.disabled).active,
.btn-outline-info:not([disabled]):not(.disabled):active,
.btn-outline-primary:not([disabled]):not(.disabled).active,
.btn-outline-primary:not([disabled]):not(.disabled):active,
.btn-outline-secondary:not([disabled]):not(.disabled).active,
.btn-outline-secondary:not([disabled]):not(.disabled):active,
.btn-outline-success:not([disabled]):not(.disabled).active,
.btn-outline-success:not([disabled]):not(.disabled):active,
.btn-outline-warning:not([disabled]):not(.disabled).active,
.btn-outline-warning:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.btn-secondary:not([disabled]):not(.disabled).active,
.btn-secondary:not([disabled]):not(.disabled):active,
.btn-success:not([disabled]):not(.disabled).active,
.btn-success:not([disabled]):not(.disabled):active,
.btn-warning:not([disabled]):not(.disabled).active,
.btn-warning:not([disabled]):not(.disabled):active,
.show>.btn-danger.dropdown-toggle,
.show>.btn-dark.dropdown-toggle,
.show>.btn-info.dropdown-toggle,
.show>.btn-outline-danger.dropdown-toggle,
.show>.btn-outline-dark.dropdown-toggle,
.show>.btn-outline-info.dropdown-toggle,
.show>.btn-outline-primary.dropdown-toggle,
.show>.btn-outline-secondary.dropdown-toggle,
.show>.btn-outline-success.dropdown-toggle,
.show>.btn-outline-warning.dropdown-toggle,
.show>.btn-primary.dropdown-toggle,
.show>.btn-secondary.dropdown-toggle,
.show>.btn-success.dropdown-toggle,
.show>.btn-warning.dropdown-toggle {
	box-shadow: none;
}

.btn-info,
.btn-outline-info:hover,
.btn-outline-info:not([disabled]):not(.disabled).active,
.btn-outline-info:not([disabled]):not(.disabled):active,
.card-info,
.show>.btn-outline-info.dropdown-toggle {
	border-color: #36a2f5;
	background-color: #36a2f5;
}

.card-body .dropdown .dropdown-menu {
	left: 0 !important;
	right: auto !important;
}

.card-body .dropdown .dropdown-menu:before,
.btn-group .dropdown-menu:before {
	display: none !important;
}

.grid-view [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid rgba(86, 61, 124, .2);
	background-color: rgba(86, 61, 124, .15);
}

.grid-view {
	margin-bottom: 10px;
	padding: 0 15px;
}

.card .card-header .card-title {
	margin-bottom: 0;
	color: #53505f;
	font-size: 18px;
	font-weight: 500;
}

.lobicard-custom-icon>.card-header .dropdown,
.card-shadow .card-header .dropdown,
.lobicard-custom-control .card-header .dropdown {
	display: inline-block;
	float: right;
	position: relative;
}

.lobicard-custom-icon>.card-header .dropdown .tools,
.card-shadow .card-header .dropdown .tools,
.lobicard-custom-control .card-header .dropdown .tools {
	margin: 0px;
}

.baseline .baseline-list .baseline-info {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.baseline-info {
	border-color: #36a2f5 !important;
}

.baseline-border {
	border-left: 1px solid #e5ebf8;
}

.baseline,
.baseline .baseline-list {
	position: relative;
	border-color: #e5ebf8;
}

.baseline .baseline-list {
	padding-bottom: 1px;
}

.baseline,
.baseline .baseline-list {
	position: relative;
	border-color: #e5ebf8;
}

.baseline .baseline-list:before {
	display: table;
	content: " ";
}

.baseline .baseline-list:after {
	display: table;
	position: absolute;
	top: 18px;
	left: 0;
	width: 12px;
	height: 12px;
	margin-left: -6px;
	content: "";
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 0 0 3px #e5ebf8 inset;
}

.badge-success,
.bg-success,
.nav.nav-pills.nav-pills-success .nav-link.active {
	background-color: #34bfa3 !important;
}

.baseline-primary:after {
	box-shadow: 0 0 0 3px #a768f3 inset !important;
}

.baseline-success:after {
	box-shadow: 0 0 0 3px #34bfa3 inset !important;
}

.baseline-primary {
	border-color: #a768f3 !important;
}

.baseline-success {
	border-color: #34bfa3 !important;
}

.baseline-warning:after {
	box-shadow: 0 0 0 3px #eac459 inset !important;
}

.baseline-info:after {
	box-shadow: 0 0 0 3px #36a2f5 inset !important;
}

.default-color a:hover,
.gray-color a:hover,
.left-sidebar-light .sidebar-menu ul li ul.sub li a:hover,
.left-sidebar-light .sidebar-menu ul li ul.sub li.active a,
.notification-list .nt-info a:hover,
a.default-color:hover,
a.gray-color:hover {
	color: #a768f3;
}

.default-color a,
.default-color a:hover,
a,
a.default-color,
a.default-color:hover,
a:hover {
	text-decoration: none;
}

.card .card-header {
	padding: 1rem;
	border-bottom: 1px solid #e5e9ec;
	background: #fff;
}

.badge-primary,
.bg-primary,
.nav.nav-pills.nav-pills-primary .nav-link.active {
	background-color: #a768f3 !important;
}

.baseline-warning {
	border-color: #eac459 !important;
}

.f24 {
	font-size: 24px;
}

.badge-info,
.bg-info,
.nav.nav-pills.nav-pills-info .nav-link.active {
	background-color: #36a2f5 !important;
}

.badge-danger,
.bg-danger,
.nav.nav-pills.nav-pills-danger .nav-link.active {
	background-color: #ff518a !important;
}

.badge-warning,
.bg-warning,
.nav.nav-pills.nav-pills-warning .nav-link.active {
	background-color: #eac459 !important;
}

.badge-inverse,
.bg-inverse,
.nav.nav-pills.nav-pills-inverse .nav-link.active {
	background-color: #292b2c !important;
}

.portlets-scroll {
	min-height: 101%;
}

.portlets-scroll-wrap {
	overflow-y: scroll;
}

/* portlet-advanced_page */

.nav-pills-sm .nav-link {
	padding: .4em 1em;
	font-size: 12px;
}

.nav-pill-custom .nav-link,
.nav-pills-sm .nav-link {
	border-radius: 30px !important;
}

.lobicard-custom-control .card-header .dropdown .tools {
	margin: 0px;
}

.lobicard-custom-control .card-header .dropdown .tools a {
	color: #fff;
}

.border-primary {
	border-color: #a768f3 !important;
}

.card-shadow {
	border: none;
	box-shadow: 0 1px 3px 0px rgba(115, 108, 203, 0.23);
}

/* ICON_FONT_AWESOME */
.fontawesome-icon-list .preview i,
.simple-icon-list .preview i,
.themify-icon-list .preview i,
.weather-icon-box .preview i {
	padding-right: 15px;
	font-size: 18px;
}

.fontawesome-icon-list .preview,
.simple-icon-list .preview,
.themify-icon-list .preview,
.weather-icon-box .preview {
	padding: 15px;
}

.fontawesome-icon-list .preview:hover,
.simple-icon-list .preview:hover,
.themify-icon-list .preview:hover,
.weather-icon-box .preview:hover {
	background: #f2f6f9;
}

.fontawesome-icon-list,
.simple-icon-list,
.themify-icon-list,
.weather-icon-box {
	margin-bottom: 30px;
}

/* WIDGETS_BASE */
.f30 {
	font-size: 30px;
}

.text-primary {
	color: #a768f3 !important;
}

.app-header .d-user span,
.f12 {
	font-size: 12px;
}

.wb-icon-box {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 60px;
}

.f30 {
	font-size: 30px;
}

.task-d-list {
	margin-bottom: 0;
}

.custom-checkbox .custom-control-indicator {
	border-radius: .25rem;
}

.custom-control-indicator {
	position: absolute;
	top: .25rem;
	left: 0;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #ddd;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

.task-d-list li:hover .task-list-action {
	opacity: 1;
}

.task-d-list li .task-list-action {
	opacity: 0;
}

.task-d-list li {
	margin-bottom: 14px;
}

.quick-links-grid {
	display: inline-block;
	width: 100%;
}

.quick-links-grid .ql-grid-item {
	display: inherit;
	width: 49.3%;
	padding: 20px 5px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #45567c;
}

.quick-links-grid .ql-grid-item i {
	-webkit-transition: all .3s;
	transition: all .3s;
	text-align: center;
	color: #d2d6eb;
	font-size: 32px;
}

.quick-links-grid .ql-grid-item .ql-grid-title {
	display: block;
	margin: 10px 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
}

.f60 {
	font-size: 60px;
}

.table-vertical-middle tr td {
	vertical-align: middle;
}

.table td,
.table th {
	padding: 0.4rem 0.4rem;
}

.border,
.table td,
.table th {
	border-color: #e5e9ec !important;
}

.table tfoot th,
.table thead th {
	vertical-align: bottom;
	border-bottom: none;
}

.table thead th {
	border-top: none;
}

/* WIDGETS_CHART */
.jqvmap-zoomin,
.jqvmap-zoomout,
.jvectormap-zoomin,
.jvectormap-zoomout {
	width: 28px;
	height: 28px;
	cursor: pointer;
	text-align: center;
	color: #545454;
	border: 1px solid #3d3bb3 ;
	border-radius: 0;
	background: #fff;
	line-height: 28px;
}

.jqvmap-zoomin,
.jvectormap-zoomin {
	position: absolute;
	z-index: 70;
	top: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.jqvmap-zoomout,
.jvectormap-zoomout {
	position: absolute;
	z-index: 70;
	top: 0;
	left: 27px;
}

.vmap-wrap {
	position: relative;
	width: 100%;
	height: 250px;
	margin-top: 20px;
}

/* CALENDAR_BASIC */
.fc-unthemed .fc-toolbar .fc-button {
	border: 1px solid #e5e9ec;
	background: #f8fafb;
	text-shadow: none !important;
	height: 2.75 rem;
	padding: 0 1.25 rem;
	outline: none !important;
	font-size: .9rem;
}

.fc-unthemed .fc-toolbar .fc-button.fc-state-active,
.fc-unthemed .fc-toolbar .fc-button:active,
.fc-unthemed .fc-toolbar .fc-button:focus {
	color: #fff;
	border: 0;
	background: #a768f3;
	box-shadow: none;
	text-shadow: none;
}

.fc-event-container a {
	margin-bottom: 3px;
}

.fc-day-grid-event {
	padding: 10px;
}

.fc-event {
	border: 1px solid #eef2f5;
}

.fc-event,
.fc-event-dot {
	background-color: #eef2f5;
}

.fc-unthemed .fc-toolbar h2 {
	margin-top: .7rem;
	text-transform: uppercase;
	font-size: 1.1 rem;
	font-weight: 500;
}

.d-fc-event-danger {
	border: none;
	background: #ff518a;
}

.fc-day-grid-event {
	padding: 10px;
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
	border-color: #e5e9ec;
}

.d-fc-event-danger .fc-title,
.d-fc-event-info .fc-title,
.d-fc-event-primary .fc-title,
.d-fc-event-success .fc-title {
	color: #fff;
}

.fc-title {
	font-weight: 500;
}

.fc-unthemed .fc-day-grid td:not(.fc-axis) {
	padding: .5rem;
}

.d-fc-event-info {
	border: none;
	background: #36a2f5;
}

.d-fc-event-warning {
	border: none;
	background: #eac459;
}

.d-fc-event-success {
	border: none;
	background: #34bfa3;
}

/* CALENDAR_EXTERNAL_EVENTS */
.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
	border-color: #e5e9ec;
}

.calendar-event-list .fc-event {
	margin-bottom: 10px;
	padding: 10px;
	cursor: move;
	color: #2c2c2c;
}

.fc-event {
	border: 1px solid #eef2f5;
}

.fc-event,
.fc-event-dot {
	background-color: #eef2f5;
}

.fc-title {
	font-weight: 500;
}

.calendar-event-list .fc-event {
	margin-bottom: 10px;
	padding: 10px;
	cursor: move;
	color: #2c2c2c;
}

.fc-unthemed th.fc-day-header {
	padding: .7rem .5rem;
	font-size: 1rem;
	font-weight: 500;
}

.d-fc-event-primary {
	border: none;
	background: #a768f3;
}

.d-fc-event-info {
	border: none;
	background: #36a2f5;
}

.d-fc-event-danger {
	border: none;
	background: #ff518a;
}

.d-fc-event-warning {
	border: none;
	background: #eac459;
}

.d-fc-event-success {
	border: none;
	background: #34bfa3;
}

.custom-control-input:checked~.custom-control-indicator {
	background-color: #36a2f5;
}

.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
	background-image: url(../images/check.svg);
}

/* CALENDAR_LIST */
.fc-unthemed .fc-list-item.d-fc-event-red .fc-event-dot {
	border-color: #ff518a;
	background: #ff518a;
}

.fc-unthemed .fc-list-item.d-fc-event-blue .fc-event-dot {
	border-color: #36a2f5;
	background: #36a2f5;
}

.fc-unthemed .fc-list-item.d-fc-event-yellow .fc-event-dot {
	border-color: #eac459;
	background: #eac459;
}

.fc-unthemed .fc-list-item .fc-event-dot {
	border-color: #53505f;
	background: #53505f;
}

.d-fc-event-accent-bg,
.fc-unthemed .fc-list-item.d-fc-event-accent .fc-event-dot {
	border-color: #34bfa3;
	background: #34bfa3;
}

/* FORM_BASIC_INPUT */
.btn-primary.disabled,
.btn-primary:disabled {
	border-color: #c397f7;
	background-color: #c397f7;
}

.custom-control-input.is-invalid~.custom-control-description,
.was-validated .custom-control-input:invalid~.custom-control-description {
	color: #dc3545;
}

.custom-controls-stacked .custom-control+.custom-control {
	margin-left: 0;
}

.custom-controls-stacked .custom-control {
	margin-bottom: .25rem;
}

.custom-control {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	min-height: 1.5 rem;
	padding-left: 1.5 rem;
	margin-right: 1rem;
}

.custom-controls-stacked {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.custom-radio .custom-control-indicator {
	border-radius: 50%;
}

.form-check {
	position: relative;
	display: block;
	margin-bottom: .5rem;

}

.form-check.disabled .form-check-label {
	color: #868e96;
}

.form-check-label {
	padding-left: 1.25 rem;
	margin-bottom: 0;
}

.form-control {
	border-color: #e5e9ec;
	font-size: 13px;
	line-height: 2;
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
	padding: .15rem .5rem;
}

.form-control {
	font-size: 15px;
}

.form-control:focus {
	border-color: #a768f3;
	box-shadow: none;
}

.form-control-pill,
select.form-control-pill {
	border-radius: 40px;
}

.select-wrapper.form-control-pill select.form-control,
.step legend,
select.form-control-square {
	border: none;
}

.select-wrapper.form-control-pill {
	display: inherit;
	padding: 0 15px;
	border: 1px solid #e5e9ec;
	border-radius: 40px;
}

.select-wrapper {
	display: inherit;
	padding: 0 10px;
	border: 1px solid #e5e9ec;
	border-radius: 0;
}

.custom-file-control {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 5;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	line-height: 1.5;
	color: #495057;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.custom-file-control:lang(en)::before {
	content: "Browse";
}

.custom-file-control::before {
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	z-index: 6;
	display: block;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	line-height: 1.5;
	color: #495057;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: 0 .25rem .25rem 0;
}

.custom-file-control:lang(en):empty::after {
	content: "Choose file...";
}

.custom-radio .custom-control-input:checked~.custom-control-indicator {
	background-image: url(../images/radio.svg);
}

.custom-control-input:checked~.custom-control-indicator {
	background-color: #36a2f5;
}

.custom-control-input:disabled~.custom-control-description {
	color: #868e96;
}

.bd-example>.form-control+.form-control {
	margin-top: 1rem;
}

.custom-control-input.is-valid~.custom-control-description,
.was-validated .custom-control-input:valid~.custom-control-description {
	color: #28a745;
}

.custom-file-input.is-invalid~.custom-file-control,
.was-validated .custom-file-input:invalid~.custom-file-control {
	border-color: #dc3545;
}

/* FORM_INPUT_GROUP */
.input-group-addon:not(:last-child) {
	border-right: 0;
}

.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,
.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group>.btn,
.input-group-btn:not(:last-child)>.dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-addon {
	border: 1px solid #e5e9ec;
}

.input-group-addon {
	padding: .375rem .75rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	text-align: center;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: .25rem;
}

.input-group-addon,
.input-group-btn {
	white-space: nowrap;
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

.app-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
	border-radius: 0;
}

.input-group-addon-bg-none {
	background: 0 0;
}

/* FORM_CHECKBOX_RADIO */
.fw-600 {
	font-weight: 600;
}

.control {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-left: 30px;
	cursor: pointer;
	font-weight: 400;
	line-height: normal;
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control-outline input:checked~.control__indicator {
	border: none;
	background: #a768f3;
}

.control input:checked~.control__indicator {
	border: none;
	background: #a768f3;
}

.control__indicator {
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #e5e9ec;
	border-radius: 3px;
	background: #fff;
}

.control input:checked~.control__indicator:after {
	display: block;
}

.control-outline.control--checkbox .control__indicator:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border: solid #a768f3;
	border-width: 0 2px 2px 0;
}

.control--checkbox .control__indicator:after {
	top: 3px;
	left: 7px;
	width: 5px;
	height: 9px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border: solid #fff;
	border-width: 0 2px 2px 0;
}

.control__indicator:after {
	position: absolute;
	display: none;
	content: "";
}

.control--radio .control__indicator {
	border-radius: 50%;
}

.control.control-outline input:checked~.control__indicator {
	border: 1px solid #a768f3;
	background: 0 0;
}

.control.control-outline.control-outline-info input:checked:focus~.control__indicator,
.control.control-outline.control-outline-info:hover input:not([disabled]):checked~.control__indicator {
	border: 1px solid #36a2f5;
	background: 0 0;
}

.control-outline.control-outline-info.control--radio .control__indicator:after {
	border-radius: 50%;
	background: #36a2f5;
}

.control--radio .control__indicator:after {
	top: 6px;
	left: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
}

.control.control-outline.control-outline-success input:checked:focus~.control__indicator,
.control.control-outline.control-outline-success:hover input:not([disabled]):checked~.control__indicator {
	border: 1px solid #34bfa3;
	background: 0 0;
}

.control-outline.control-outline-success.control--radio .control__indicator:after {
	border-radius: 50%;
	background: #34bfa3;
}

.control-outline.control--radio .control__indicator:after {
	border-radius: 50%;
	background: #a768f3;
}

.control.control-outline.control-outline-warning input:checked:focus~.control__indicator,
.control.control-outline.control-outline-warning:hover input:not([disabled]):checked~.control__indicator {
	border: 1px solid #eac459;
	background: 0 0;
}

.control-outline.control-outline-warning.control--radio .control__indicator:after {
	border-radius: 50%;
	background: #eac459;
}

.control.control-outline.control-outline-danger input:checked:focus~.control__indicator,
.control.control-outline.control-outline-danger:hover input:not([disabled]):checked~.control__indicator {
	border: 1px solid #ff518a;
	background: 0 0;
}

.control-outline.control-outline-danger.control--radio .control__indicator:after {
	border-radius: 50%;
	background: #ff518a;
}

.control.control-solid.control-solid-danger input:checked~.control__indicator {
	background: #ff518a;
}

.control-solid.control-solid-danger.control--radio .control__indicator:after {
	background: #ff518a;
}

.control.control-solid.control-solid-warning input:checked~.control__indicator {
	background: #eac459;
}

.control-solid.control-solid-warning.control--radio .control__indicator:after {
	background: #eac459;
}

.control.control-solid.control-solid-success input:checked~.control__indicator {
	background: #34bfa3;
}

.control-solid.control-solid-success.control--radio .control__indicator:after {
	background: #34bfa3;
}

.control.control-solid.control-solid-info input:checked~.control__indicator {
	background: #36a2f5;
}

.control-solid.control-solid-info.control--radio .control__indicator:after {
	background: #36a2f5;
}

.control-solid.control--radio .control__indicator:after {
	background: #a768f3;
}

.control.control-solid.control-solid-danger input:checked~.control__indicator {
	background: #ff518a;
}

/* FORM_VALIDATION_BASIC */
.has-info,
.has-info .form-text {
	color: #36a2f5;
}

.has-success,
.has-success .form-text {
	color: #34bfa3;
}

.has-warning,
.has-warning .form-text {
	color: #eac459;
}

.has-danger,
.has-danger .form-text {
	color: #ff518a;
}

.has-info .has-input {
	border-color: #36a2f5;
}

.has-success .has-input {
	border-color: #34bfa3;
}

.has-warning .has-input {
	border-color: #eac459;
}

.has-danger .has-input {
	border-color: #ff518a;
}

/* form-wizard */
.form-wizard {
	position: relative;
	display: table;
	max-width: 540px;
	margin: 0 auto 30px
}

.form-wizard .steps {
	overflow: hidden;
	margin: 40px 0
}

.form-wizard .steps ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.form-wizard .steps ul li {
	position: relative;
	float: left;
	padding: 0 10px;
	cursor: pointer;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.form-wizard .steps ul li.active,
.form-wizard .steps ul li:hover {
	color: #292b2c
}

.form-wizard .steps ul li.active::after,
.form-wizard .steps ul li:hover::after {
	width: 100%;
	background: #a768f3
}

.form-wizard .steps ul li::before {
	position: absolute;
	top: 20px;
	left: -50%;
	width: 100%;
	height: 2px;
	content: "";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.form-wizard .steps ul li span,
.form-wizard .steps ul li::after,
.form-wizard .steps ul li::before {
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background: #e5e9ec
}

.form-wizard .steps ul li::after {
	top: 20px;
	left: -50%;
	content: "";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	height: 2px;
	width: 0
}

.form-wizard .steps ul li span {
	position: relative;
	z-index: 1;
	display: block;
	width: 35px;
	height: 35px;
	margin: 0 auto 15px;
	text-align: center;
	color: #53505f;
	border-radius: 2px;
	font-size: 18px;
	font-weight: 300;
	line-height: 35px
}

.datepicker table tbody tr>td.day.today,
.datetimepicker table tbody tr>td.day.today,
.form-wizard .steps ul li.active span,
.form-wizard .steps ul li:hover span {
	color: #fff;
	background: #a768f3;
}

.form-wizard .steps ul li:first-child::after,
.form-wizard .steps ul li:first-child::before {
	display: none
}

.form-container {
	left: 100%;
	display: none;
	clear: both;
	padding: 30px;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 10px 70px 0 rgba(108, 158, 195, .25)
}

.aws-container .aws-tooltip span,
.form-container.active,
.step label,
.stepy-titles li span {
	display: block
}

.form-title {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 15px;
	font-size: 18px
}

.stepy-tab {
	margin: 40px 0;
	text-align: center
}

.stepy-tab ul {
	display: inline-block;
	list-style: none
}

.button-back,
.stepy-tab ul li {
	float: left
}

.button-next,
.finish {
	float: right
}

.button-back,
.button-next,
.finish {
	cursor: pointer;
	text-decoration: none
}

.step {
	clear: left
}

.stepy-titles li {
	float: left;
	margin: 10px 15px;
	cursor: pointer;
	color: #757575
}

.stepy-titles li div,
.stepy-titles li.current-step div {
	width: auto;
	height: 50px;
	border-radius: 50px;
	line-height: 50px
}

.stepy-titles li.current-step div {
	cursor: auto;
	color: #fff;
	background: #ff518a
}

.stepy-titles li div {
	padding: 0 40px;
	font-size: 16px;
	font-weight: 300
}

.wizard>.content {
	min-height: 25em;
	margin: .5em;
	border: 1px solid #e5e9ec;
	background: #fff
}

.stepy-titles li div,
.wizard>.steps .disabled a,
.wizard>.steps .disabled a:active,
.wizard>.steps .disabled a:hover {
	color: #fff;
	background: #7a88a7
}

.wizard>.steps .current a,
.wizard>.steps .current a:active,
.wizard>.steps .current a:hover {
	color: #fff;
	background: #a768f3
}

.wizard>.content>.body input:focus {
	border: 1px solid #a768f3
}

.wizard>.content>.body label.error {
	margin-left: 0;
	color: #ff518a
}

.wizard>.content>.body input.error {
	margin-right: 10px;
	color: #ff518a;
	border: 1px solid #ff518a;
	background: #ffd9e6
}

.wizard>.steps .done a,
.wizard>.steps .done a:active,
.wizard>.steps .done a:hover {
	color: #fff;
	background: #dec6fb
}

.wizard>.steps .number {
	display: inline-block;
	width: 80px;
	height: 50px;
	margin-right: 10px;
	text-align: center;
	border-radius: 5px 0 0 5px;
	background: rgba(0, 0, 0, .08);
	font-size: 13px;
	line-height: 50px
}

.wizard>.steps a,
.wizard>.steps a:active,
.wizard>.steps a:hover {
	padding: 0
}

.wizard>.actions a,
.wizard>.actions a:active,
.wizard>.actions a:hover {
	background: #a768f3
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:active,
.wizard>.actions .disabled a:hover {
	color: #282a39;
	border: 1px solid #e5e9ec;
	background: #fff
}

.wizard>.content>.body ul {
	list-style: none !important
}

@media (max-width: 767px) {
	.wizard>.steps .number {
		width: 40px
	}

	.wizard>.steps>ul>li {
		width: 50%
	}
}

@media (min-width: 992px) {

	.picker-form .form-group label,
	.right-text-label-form .form-group label {
		text-align: right
	}
}

/* Login_Register_Page */
.login-content .logo {
	text-align: center;
	margin-bottom: 15px;
	float: none;
	background: transparent;
	text-align: center;
	width: 100%;
}

.bg_darck {
	background-color: #343a40;
}

.login-content {
	max-width: 540px;
	margin: 8vh auto;
}

.login-form {
	background: #ffffff;
	padding: 30px 30px 20px;
	border-radius: 2px;
}

.login-form h4 {
	color: #878787;
	text-align: center;
	margin-bottom: 50px;
}

.login-form .checkbox {
	color: #878787;
}

.login-form .checkbox label {
	text-transform: none;
}

.login-form .btn {
	width: 100%;
	text-transform: uppercase;
	font-size: 14px;
	padding: 15px;
	border: 0px;
}

.login-form .btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

.login-form .btn-success:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}

.login-form label {
	color: #878787;
	text-transform: uppercase;
}

.login-form label a {
	color: #ff2e44;
}

.social-login-content {
	margin: 0px -30px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding: 30px 0px;
	background: #fcfcfc;
}

.social-button {
	padding: 0 30px;

	.facebook {
		background: #3b5998;
		color: #fff;

		&:hover {
			background: #344e86;
		}
	}

	.twitter {
		background: #00aced;
		color: #fff;

		&:hover {
			background: #0099d4;
		}
	}

}

.social-button i {
	padding: 0 19px;
}

.register-link a {
	color: #ff2e44;
}

.cpu-load {
	width: 100%;
	height: 272px;
	font-size: 14px;
	line-height: 1.2em;
}

.cpu-load-data-content {
	font-size: 18px;
	font-weight: 400;
	line-height: 40px;
}

.cpu-load-data {
	margin-bottom: 30px;
}

.cpu-load-data li {
	display: inline-block;
	width: 32.5%;
	text-align: center;
	border-right: 1px solid #e7e7e7;
}

.cpu-load-data li:last-child {
	border-right: 0px;
}

.nestable-cart {
	overflow: hidden;
}

.social-button .facebook {
	background: #3b5998;
	color: #fff;
}

.social-button .facebook:hover {
	background: #344e86;
}

.login-form .btn {
	width: 100%;
	text-transform: uppercase;
	font-size: 14px;
	padding: 15px;
	border: 0px;
}

.social-button .twitter {
	background: #00aced;
	color: #fff;
}

.social-button .twitter:hover {
	background: #0099d4;
}

/* 404 */
.mid_center {
	width: 370px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 20px;
}

.col-middle {
	margin-top: 5%;
}

.error-number {
	font-size: 90px;
	line-height: 90px;
	margin: 20px 0;
	color: #fff;
}

.mid_center {
	width: 370px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 20px;
}

.top_search .form-control {
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, .075);
	border-radius: 25px 0 0 25px;
	padding-left: 20px;
	border: 1px solid rgba(221, 226, 232, .49);
	height: 38px;
	line-height: 38px;
}

.top_search {
	margin: 0px;
}

.input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
}

.color_white {
	color: #fff;
}

.top_search .input-group-btn button {
	border-radius: 0 25px 25px 0;
	border: none;
	border-left: 0;
	color: #93A2B2;
	margin-bottom: 0;
	z-index: 2;
	margin-left: -1px;
	outline: none;
	height: 38px;
	line-height: 38px;
	padding-top: 0px;
	padding-bottom: 0;
}

.mid_center form {
	display: inline-block;
	margin-top: 25px;
}

/* Profile_page */
.profile-cover {
	position: relative;
	z-index: 0
}

.panel {
	margin-bottom: 30px;
	color: #696969;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .08);
}

.profile-cover__action {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	padding: 120px 30px 10px 153px;
	border-radius: 5px 5px 0 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
	overflow: hidden;
	background: url(../images/01_800x150.jpg) no-repeat;
	background-size: cover;
}

.profile-cover__action>.btn {
	margin-left: 10px;
	margin-bottom: 10px
}

.profile-cover__img {
	position: absolute;
	top: 120px;
	left: 30px;
	text-align: center;
	z-index: 1
}

.profile-cover__img>img {
	max-width: 120px;
	border: 5px solid #fff;
	border-radius: 50%
}

.profile-cover__img>.h3 {
	color: #393939;
	font-size: 20px;
	line-height: 30px
}

.profile-cover__img>img+.h3 {
	margin-top: 6px
}

.profile-cover__info .nav {
	margin-right: 28px;
	padding: 15px 0 10px 170px;
	color: #999;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end
}

.profile-cover__info .nav li {
	margin-top: 13px;
	margin-bottom: 13px
}

.profile-cover__info .nav li:not(:first-child) {
	margin-left: 30px;
	padding-left: 30px;
	border-left: 1px solid #eee
}

.profile-cover__info .nav strong {
	display: block;
	margin-bottom: 10px;
	color: #e16123;
	font-size: 34px
}

@media (min-width: 481px) {
	.profile-cover__action>.btn {
		min-width: 125px
	}

	.profile-cover__action>.btn>span {
		display: inline-block
	}
}

@media (max-width: 600px) {
	.profile-cover__info .nav {
		display: block;
		margin: 90px auto 0;
		padding-left: 30px;
		padding-right: 30px
	}

	.profile-cover__info .nav li:not(:first-child) {
		margin-top: 8px;
		margin-left: 0;
		padding-top: 18px;
		padding-left: 0;
		border-top: 1px solid #eee;
		border-left-width: 0
	}
}

.panel {
	margin-bottom: 30px;
	color: #696969;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .08)
}

.panel-heading {
	color: #393939;
	padding: 10px 20px;
	border-width: 0;
	border-radius: 0
}

.panel-heading:after,
.panel-heading:before {
	content: " ";
	display: table
}

.panel-heading:after {
	clear: both
}

.panel-title {
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase
}

.panel-title select {
	border-width: 0;
	background-color: transparent;
	text-transform: uppercase
}

.panel-title select option {
	text-transform: capitalize
}

.panel-title .select2 {
	display: block;
	min-width: 200px
}

.panel-title .select2-selection {
	height: auto;
	padding: 0;
	background-color: transparent;
	border-width: 0;
	border-radius: 0;
	overflow: hidden;
	white-space: nowrap
}

.no-outlines .panel-title .select2-selection {
	outline: 0
}

.panel-title .select2-selection .select2-selection__rendered {
	float: left;
	margin-right: 8px;
	padding: 0;
	line-height: inherit
}

.panel-title .select2-selection .select2-selection__arrow {
	float: left;
	display: block;
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	height: auto
}

.panel-title .select2-selection .select2-selection__arrow:before {
	content: "\f107";
	font-family: "Font Awesome\ 5 Free";
	font-weight: 700
}

.panel-title .select2-container--open .select2-selection__arrow:before {
	content: "\f106"
}

.panel-heading .dropdown {
	float: right
}

.panel-heading .dropdown .dropdown-toggle {
	margin: -10px -20px;
	padding: 10px 20px;
	color: #999;
	border-width: 0;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer
}

.panel-heading .dropdown .dropdown-toggle:after,
.toolbar__nav>li>a>span {
	display: none
}

.panel-heading .dropdown-menu {
	top: 30px !important;
	left: auto !important;
	right: -20px;
	margin: 0;
	padding: 10px 0;
	border-width: 0;
	border-radius: 4px 0 0 4px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .08);
	-webkit-transform: none !important;
	transform: none !important;
	z-index: 1001
}

.panel-heading .dropdown-menu a {
	padding: 5px 15px;
	color: #999;
	font-size: 13px;
	line-height: 23px
}

.panel-heading .dropdown-menu a:hover {
	color: #e16123
}

.panel-heading .dropdown-menu i {
	min-width: 15px;
	margin-right: 6px;
	font-size: 11px;
	text-align: center
}

.panel-subtitle {
	margin: 20px 0
}

.panel-subtitle:first-child {
	margin-top: 0
}

.panel-subtitle .h5 {
	color: #999;
	font-weight: 600
}

.panel-subtitle .h5 small {
	color: #777
}

.panel-body {
	padding: 20px
}

.panel-content,
.panel-social {
	position: relative;
	border-radius: 0 0 4px 4px
}

.panel-content {
	border-top: 1px solid #eee;
	padding: 31px 20px 33px
}

.panel-about table {
	width: 100%;
	word-break: break-word
}

.panel-about table tr+tr td,
.panel-about table tr+tr th {
	padding-top: 8px
}

.panel-about table th {
	min-width: 120px;
	color: #2bb3c0;
	font-weight: 400;
	vertical-align: top
}

.panel-about table th>i {
	min-width: 14px;
	margin-right: 8px;
	text-align: center
}

.panel-social {
	padding: 0 20px 33px;
	z-index: 0
}

.panel-heading+.panel-social {
	padding-top: 21px;
	border-top: 1px solid #eee
}

.panel-social>.nav {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center
}

.panel-social>.nav>li:not(:last-child) {
	margin-right: 20px
}

.panel-social>.nav>li>a {
	color: #ccc
}

.panel-activity__status>.actions {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	padding: 10px 20px;
	background-color: #ebebea;
	border-style: solid;
	border-width: 0 1px 1px;
	border-color: #ccc;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.btn-link {
	display: inline-block;
	color: inherit;
	font-weight: inherit;
	cursor: pointer;
}

button.btn-link {
	border-width: 0;
}

.panel-activity__status>.actions>.btn-group>.btn-link:not(:last-child) {
	margin-right: 25px;
}

.panel-activity__status>.actions>.btn-group>.btn-link {
	padding-left: 0;
	padding-right: 0;
	color: #9c9c9c;
}

.btn-info {
	background-color: #2bb3c0;
	border: none;
}

.btn-group,
.btn-group-vertical {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
}

.panel-activity__status>.actions>.btn-group {
	-ms-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	font-size: 16px;
}

.panel-activity__list {
	margin: 60px 0 0;
	padding: 0;
	list-style: none;
}

.panel-activity__list,
.panel-activity__list>li {
	position: relative;
	z-index: 0;
}

.panel-activity__list:before {
	content: " ";
	display: none;
	position: absolute;
	top: 20px;
	left: 35px;
	bottom: 0;
	border-left: 2px solid #ebebea;
}

.activity__list__icon {
	display: none;
	position: absolute;
	top: 2px;
	left: 0;
	min-width: 30px;
	color: #fff;
	background-color: #2bb3c0;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
}

.panel-activity__list,
.panel-activity__list>li {
	position: relative;
	z-index: 0;
}

.activity__list__header {
	position: relative;
	min-height: 35px;
	padding-top: 4px;
	padding-left: 45px;
	color: #999;
	z-index: 0;
}

.activity__list__body {
	padding-top: 13px;
	padding-left: 43px;
}

.entry-content .gallery {
	margin: 0;
	list-style: none;
	padding: 0;
}

.entry-content .gallery,
.m-error {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.entry-content .gallery>li {
	padding-right: 20px;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.gallery>li img {
	max-width: 100%;
	height: auto;
}

.entry-content blockquote:last-child,
p:last-child,
table:last-child,
ul:last-child {
	margin-bottom: 0;
}

.entry-content blockquote:last-child,
p:last-child,
table:last-child,
ul:last-child {
	margin-bottom: 0;
}

.entry-content blockquote p:before {
	content: "\f10d";
	color: #999;
	margin-right: 12px;
	font-family: "FontAwesome";
	font-size: 24px;
	font-weight: 900;
}

.activity__list__header img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 35px;
	border-radius: 50%;
}

.activity__list__header a {
	color: #222;
	font-weight: 600;
}

.activity__list__footer {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	margin-top: 23px;
	margin-left: 43px;
	padding: 13px 8px 0;
	color: #999;
	border-top: 1px dotted #ccc;
}

.activity__list__footer a {
	color: inherit;
}

.activity__list__footer a+a {
	margin-left: 15px;
}

.activity__list__footer i {
	margin-right: 8px;
}

.activity__list__footer a:hover {
	color: #222;
}

.activity__list__footer span {
	margin-left: auto;
}

.panel-activity__list>li+li {
	margin-top: 51px;
}

.weather--panel {
	padding: 24px 20px 36px;
	border-radius: 5px;
	text-align: center
}

.weather--title {
	font-size: 18px;
	line-height: 28px;
	font-weight: 600
}

.weather--title .fa {
	margin-right: 5px;
	font-size: 30px;
	line-height: 40px
}

.weather--info {
	margin-top: 14px;
	font-size: 46px;
	line-height: 56px
}

.weather--info .wi {
	margin-right: 10px
}

.bg-blue {
	background-color: #2bb3c0;
}

.bg-orange {
	background-color: #e16123;
}

.todo--panel .list-group,
.user--list>li,
.user--list>li>a {
	position: relative;
	z-index: 0;
}

.hero-height {
	max-height: 314px;
}

.hero-height .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgb(233, 236, 238);
}

.todo--panel .list-group {
	margin-bottom: 0;
	padding-top: 23px;
	padding-bottom: 25px;
}

.todo--panel .list-group:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 20px;
	right: 20px;
	border-top: 1px solid #eee;
}

.todo--panel .list-group-item {
	margin-top: 27px;
	padding: 0;
	border-width: 0;
}

li.list-group-item:first-child {
	margin-top: 0;
}

.todo--label {
	padding-left: 20px;
	padding-right: 30px;
	color: #696969;
	font-weight: 400;
}

.todo--input {
	display: none;
}

.todo--text {
	display: block;
	position: relative;
	padding-left: 39px;
	-webkit-transition: color .25s;
	transition: color .25s;
	cursor: pointer;
	z-index: 0;
}

.todo--input:checked+.todo--text {
	color: #999;
	text-decoration: line-through;
}

.todo--text:after,
.todo--text:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border-radius: 2px;
}

.todo--text:before {
	border: 1px solid #ccc;
	content: " ";
}

.todo--text:after {
	content: "\f00c";
	color: #fff;
	background-color: #009378;
	font-family: "FontAwesome";
	font-size: 11px;
	line-height: 21px;
	font-weight: 700;
	text-align: center;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform: scale(.3);
	transform: scale(.3);
	-webkit-transition: opacity .25s linear, -webkit-transform .25s linear;
	transition: opacity .25s linear, transform .25s linear;
	transition: opacity .25s linear, transform .25s linear, -webkit-transform .25s linear;
}

.todo--input:checked+.todo--text:after {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: scale(1);
	transform: scale(1);
}

.todo--remove {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -15px;
	color: #999;
	font-size: 18px;
	line-height: 28px;
}

.todo--panel .input-group {
	border-top: 1px solid #eee;
}

.todo--panel .form-control {
	height: auto;
	padding: 13px 20px 14px;
	border-width: 0;
}

.todo--panel .btn-link {
	padding: 12px 16px;
	color: #ccc;
	font-size: 28px;
	border-width: 0;
	text-decoration: none;
}

.feeds-panel {
	margin: 20px 20px 0;
	padding-top: 17px;
	padding-bottom: 23px;
	border-top: 1px solid #ebebea;
}

.feeds-panel li {
	position: relative;
	width: 100%;
	min-height: 20px;
	padding-left: 40px;
	z-index: 0;
}

.feeds-panel li a {
	color: #e16123;
}

.feeds-panel li+li {
	margin-top: 12px;
}

.bg-red {
	background-color: #ff4040;
}

.bg-green {
	background-color: #009378;
}

.comments-panel>ul>li:after,
.comments-panel>ul>li:before,
.feeds-panel li:after,
.feeds-panel li:before {
	content: " ";
	display: table;
}

.comments-panel>ul>li:after,
.feeds-panel li:after {
	clear: both;
}

.feeds-panel .time {
	float: right;
	margin-left: 5px;
	color: #ccc;
	font-style: italic;
}

.feeds-panel .fa {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 30px;
	border-radius: 2px;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
}

.feeds-panel .text {
	color: #696969;
	line-height: 26px;
}

/* ========COLOR===INDEX2=================== */


.down_menu {
	padding: 0px;
}

.sidebar-menu li ul.down_menu li a {
	padding-left: 32px;
}

.sidebar-menu li ul.down_menu li ul a {
	padding-left: 42px;
}

.list_inline {
	margin: 0px;
	padding: 0px;
}

.list_inline li {
	display: inline-block;
	line-height: 24px;
}

.bl-1 {
	border-left: 1px solid #ebebeb !important;
}

.br-1 {
	border-right: 1px solid #ebebeb !important;
}

.px-10 {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

.mb-5 {
	margin-bottom: 5px !important;
}

.mt-8 {
	margin-top: 8px !important;
}

.pr-5 {
	padding-right: 5px !important;
}

.dis__inline {
	display: inline-block;
}

/* NEW_INDEX */
span.sec_icon {
    height: 50px;
    width: 50px;
    font-size: 26px;
    border: 1px solid #36a2f5;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    border-radius: 100px;
    color:#36a2f5;
}
.homepage_fl_right {
    float: right;
}
.homepage_fl_right h4 {
    font-size: 18px;
    color: #999999;
    font-weight: 400;
    margin-bottom: 9px;
}
.homepage_fl_right h3 {
    font-size: 22px;
    color: #2e2e3a;
    font-weight: 500;
    margin-bottom: 0px;
}
.homepage_single p {
    padding-top:15px;
    font-size: 14px;
    color: #999999;
    border-top: 1px solid #f2f2f2;
    margin-top: 20px;
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
}
span.fl_right {
    float: right;
    color:#36a2f5;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}
span.fl_right i {
    padding-left: 5px;
}
.bg_white{
	background: #fff;
}
.bg_white .vmap-wrap{
	margin: 0px;
}
.text_country h2{
    font-weight: normal;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 10px;
}
.text_country h2 img{
	margin-right: 10px;
}
.text_country h2 span{
	float: right;
}
.card-shadow .todo--panel .list-group-item:first-child{
	margin-top: 0px;
}
.card-shadow .todo--panel .list-group-item{
	    margin-top:32px;
}
.table_style tbody tr:hover{
    background-color: rgba(245,247,250,.5);
}
.table_style tbody tr td{
	vertical-align: middle;
}
.users-list .list_membler{
	display: inline-block;
	width: 32px;
	    position: relative;
    white-space: nowrap;
    border-radius: 1000px;
    vertical-align: bottom;
}
.users-list li+li {
    margin-left: -14px;
}
.users-list li .badge {
background: rgba(255,255,255,.8) !important;
    color: #53505f;
    margin-bottom: 6px;
    font-weight: normal;
}
.users-list li img {
    border: 2px solid #FFF;
    -webkit-box-shadow: 0 2px 10px 0 rgba(107,111,130,.3);
    box-shadow: 0 2px 10px 0 rgba(107,111,130,.3);
        width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 1000px;
}
.pull-up {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}
.pull-up:hover {
    -webkit-transform: translateY(-4px) scale(1.02);
    -moz-transform: translateY(-4px) scale(1.02);
    -ms-transform: translateY(-4px) scale(1.02);
    -o-transform: translateY(-4px) scale(1.02);
    transform: translateY(-4px) scale(1.02);
    -webkit-box-shadow: 0 14px 24px rgba(62,57,107,.2);
    box-shadow: 0 14px 24px rgba(62,57,107,.2);
    z-index: 999;
}
.widthfull{
	width: 100%;
}

/* INDEX1 */
.bg_color{
	    position: fixed;
    top: 0;
    left: 0;
    padding-top:70px;
    height: 100vh;
    width: 250px;
    background: #2a3142;
    padding-bottom: 20px;
    z-index: 9;
}
.bg_color:before{
	display: none;
}

.bg_color .sidebar-menu li a {
    margin: 0;
    padding: 20px 15px;
    text-decoration: none;
    font-size: 14px;
    display: block;
    border-bottom: 1px solid #272c3a;
    color: #999;
    line-height: 1.2;
    transition: all 0.3s;
}
.bg_color .sidebar-menu li a:hover {
    background: #272c3a;
    color: #fff;
}



/*==========Header============*/
.icon_menu {
	display: block;
	position: absolute;
	width: auto;
	top: 30px;
	left: 15px;
	margin: 0px;
	z-index: 99999;
}

.icon_menu .menu-toggler {
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	height: 20px;
	width: 25px;
}

.logo {
	background: transparent;
	position: relative;
	width:250px;
}

@media (min-width:992px){
	.logo {
	width:250px;
}
	.right_detail{
	float:right;
	width:calc(100% - 297px);
	padding-right: 13px;
}

}
.navigation {
	border-top: 1px solid rgba(220, 220, 220, 0.55);
}

.navigation ul.sidebar-menu {
	text-align: center;
}

.navigation ul.sidebar-menu li {
	display: inline-block;
}

.navigation .sidebar-menu li a {
	border-bottom: none;
	padding: 20px 23px 20px 14px;
	color: #2a3142;
	vertical-align: middle;
	vertical-align: middle;
}

.navigation .sidebar-menu li a .arrow:before {
	width: 12px;
	font-family: "FontAwesome";
	content: "\f107";
	font-weight: 300;
	text-shadow: none;
	position: absolute;
	top: 20px;
	right: 10px;
	font-size: 15px;
}

.navigation .sidebar-menu li ul li {
	display: block;
}

.navigation .sidebar-menu li a:hover {
	background: #f3f4f4;
	color: #2a3142;
}



@media (min-width: 992px) {
	#search_form {
		width: 340px;
		border-radius: 5px;
	}

	.navigation ul.sidebar-menu li:hover>.down_menu {
		display: block !important;
		min-width: 260px;
		position: absolute;
		top: 100%;
		left: 0px;
		background: #fff;
		text-align: left;
	}

	.navigation ul.sidebar-menu li:last-child:hover>.down_menu {
		left: auto;
		right: 0px;
	}

	.navigation ul.sidebar-menu li ul li ul {
		left: 100% !important;
		top: 0px !important;
	}

	.navigation .mCustomScrollBox,
	.navigation .mCSB_container {
		overflow: inherit;
		margin: 0px;
	}

	.navigation .mCSB_scrollTools {
		display: none !important;
	}

	.navigation ul.sidebar-menu li .down_menu li a {
		padding: 15px 25px 15px 15px;
	}

}

.dropdown-notification .dropdown-toggle,
.dropdown-inbox .dropdown-toggle,
.dropdown-user .dropdown-toggle {
	background: #f3f4f4;
}

.dropdown-notification .dropdown-toggle i,
.dropdown-inbox .dropdown-toggle i {
	color: #2a3142;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navigation .sidebar-menu li a {
		padding: 20px 15px 20px 10px;
		font-size: 12px;
	}

	.navigation .sidebar-menu li a i {
		min-height: 15px;
		min-width: 20px;
		line-height: 14px;
		margin-right: 0;
	}

	.navigation .sidebar-menu li a .arrow:before {
		top: 18px;
		right: 0;
	}
}

/*
@media (max-width: 991px) {
	.icon_menu {
		display: block;
	}


	.navigation {
		width: 300px;
		position: absolute;
		top: 0px;
		left: -300px;
		background: #fff;
		transition: all 0.3s;
		height: 100vh;
	}


	.navigation ul.sidebar-menu li
	.navigation .sidebar-menu li a {
		text-align: left;
		padding: 18px 25px 18px 26px;
	}

	.main-header .sidebar-menu>li>a>span {
		display: inline-block;
	}

	.main-header .sidebar-menu li {
		padding-right: 0px;
	}

	.container_full {
		margin-top: 0px;
	}

}
*/

/* INBOX_PAGE */
/*------------------------
    mail inbox
------------------------*/

.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
	margin-bottom:30px;
}

.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}

.mail-box .sm-side {
    width: 25%;
    background: #f5f5f5;
}
.mail-box .lg-side {
    width: 75%;

}

.mail-box .sm-side .m-title {
    background:#1087e2;
    padding: 10px 20px;
    color: #32323a;
    min-height: 80px;
}

.mail-box .sm-side .m-title h3 {
    margin: 8px 0 0 0;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}

.mail-box .sm-side .m-title span {
    color: #fff;
    font-size: 14px;
}

.inbox-body {
    padding: 20px;
    /*margin-bottom: 20px;*/
}
.inbox-body .btn-group {
    margin-bottom: 20px;
}

.btn-compose {
    background: #e55957;
    padding: 12px 0;
    text-align: center;
    width: 100%;
    color: #fff;
}
.btn-compose:hover, .btn-compose:focus {
    background: #c74d4c;
    color: #fff;
}

ul.inbox-nav  {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.inbox-divider {
    border-bottom: 1px solid #e0e0e1;
}

ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%;
}

ul.inbox-nav li a  {
    color: #6a6a6a;
    line-height: 45px;
    width: 100%;
    display: inline-block;
    padding: 0 20px;
    border-right: 2px solid #f5f5f5;
}
ul.inbox-nav li a .label, .table-inbox tr td .label {
	    display: inline;
    padding:5px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus  {
    color: #222223;
    background: #fff;
    border-right:2px solid #36a2f5;
}

ul.inbox-nav li a i {
    padding-right: 10px;
    font-size: 16px;
    color: #aaaaaa;
}

ul.inbox-nav li a span.label {
    margin-top: 13px;
}

ul.labels-info li h4 {
    padding-left:15px;
    padding-right:15px;
    padding-top: 5px;
    color: #5c5c5e;
    font-size: 13px;
    text-transform: uppercase;
}

ul.labels-info li, .inbox-small-cells .checkbox label {
    margin: 0;
}
ul.labels-info li{
	width: 100%;
}
ul.labels-info li a {
    color: #6a6a6a;
    border-radius: 0;
    border-right: 2px solid #f5f5f5;
        position: relative;
    display: block;
    padding: 10px 15px;
}

ul.labels-info li a:hover, ul.labels-info li a:focus {
    color: #222223;
    background: #fff;
    border-right: 2px solid #36a2f5;
}

ul.labels-info li a i {
    padding-right: 10px;
}

.nav.nav-pills.nav-stacked.labels-info p {
    margin-bottom: 0;
    padding: 0 22px;
    color: #9d9f9e;
    font-size: 11px;
}

.inbox-head {
    padding:20px 15px;
    color: #333;
    min-height: 80px;
}

.inbox-head  h3 {
    margin: 0;
    display: inline-block;
    padding-top: 6px;
    font-weight: 300;
    color: #fff;
}

.all-check {
    background: #fff;
    border: 1px solid #e7e7e7;
    padding-left: 10px;
    height: 32px;
    margin-right: -1px;
}

.all-check .checkbox-custom {
    width: 30px;
    margin: 5px 0 0 0;
    position: relative;
    top: -10px;
}

.inbox-small-cells .checkbox-custom {
    margin: 0;
    height: 35px;
    width: 20px;
}

.all-check .checkbox-custom label:before {
    /*top: -10px;*/
}

.table-inbox .checkbox {
    margin: 5px 0 0 0;
    width: 10px;
}

.table-inbox {
    margin-bottom: 20px;
    font-size: 13px;
}

.table-inbox > tbody > tr > td {
    border-top: none;
    vertical-align: middle;
}

.table-inbox tr td{
    padding:5px 15px  !important;
}


.table-inbox tr td:hover{
    cursor: pointer;
}

.table-inbox tr td .fa-star.inbox-started ,.table-inbox tr td .fa-star:hover{
    color: #ffd200;
}

.table-inbox tr td .fa-star{
    color: #d5d5d5;
}

.table-inbox tr.unread td {
    font-weight: 600;
}
.inbox-small-cells .control{
	padding-left:0;
}
.table-inbox .avatar img, .table-inbox .avatar span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}

.table-inbox .avatar span {
    /*background: #929292;*/
    text-align: center;
    color: #fff;
}

ul.inbox-pagination  {
    float: right;
}

ul.inbox-pagination li {
    float: left;
}

.mail-option {
    display: inline-block;
    width: 100%;
}

.mail-option .chk-all, .mail-option .btn-group {
    margin-right: 5px;
}

.mail-option .chk-all, .mail-option .btn-group a.btn {
    border: 1px solid #e7e7e7;
    padding: 5px 10px;
    display: inline-block;
    background: #fcfcfc;
    color: #afafaf;
}

.inbox-pagination {
    margin-bottom: 0;
    list-style: none;
}

.inbox-pagination a.np-btn  {
    border: 1px solid #e7e7e7;
    padding: 5px 15px;
    display: inline-block;
    background: #fcfcfc;
    color: #afafaf;
}

.mail-option .chk-all input[type=checkbox] {
    margin-top: 0;
}

.mail-option .btn-group a.all {
    padding: 0;
    border: none;
}

.inbox-pagination a.np-btn {
    margin-left: 5px;
}

.inbox-pagination li span {
    display: inline-block;
    margin-top: 7px;
    margin-right: 5px;
}

.fileinput-button {
    border: 1px solid #e6e6e6;
    background: #eeeeee;
}

.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea{
    border: 1px solid #e6e6e6;
    box-shadow: none;
}

.inbox-body .btn {
    border-radius: 0;
}

.btn-send, .btn-send:hover {
    background: #00A8B3;
    color: #fff;
}

.btn-send:hover {
    background: #009da7;
}

.modal-header h4.modal-title {
    font-weight: normal;
}

.modal-body label {
    font-weight: 400;
}

.heading-inbox h4{
    font-size: 30px;
    font-weight: 300;
    color: #444;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.sender-info {
    margin-bottom: 20px;
}

.sender-info .date {
    margin: 5px 20px 0 0;
    color: #a3a3a3;
}

.sender-info img {
    width: 50px;
    height: 50px;
}

.s-info {
    margin-left: 15px;
    display: inline-block;
}

.s-info strong {
    display: block;
}

.s-info span {
    color: #a3a3a3;
}

.sender-dropdown {
    border:1px solid #3d3bb3 ;
    padding:0 3px;
    color: #777;
    font-size: 10px;
    width: 18px;
    display: inline-block;
}

.view-mail a {
    color: #9c78cd;
}

.view-mail p {
    line-height: 25px;
}

.attachment-mail {
    margin-top: 30px;
}

.attachment-mail h5 {
    font-weight: bold;
}

.attachment-mail ul {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    list-style: none;
    padding: 0;
}

.attachment-mail ul li {
    float: left;
    width: 180px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #dfdfdf;
    text-align: center;
}

.attachment-mail ul li a{
    padding: 5px;
    display: inline-block;
    height: 110px;
    line-height: 98px;
}

.attachment-mail ul li img {
    width: 100%;
}

.attachment-mail ul li span {
    float: right;
}
.attachment-mail .file-name {
    float: left;
    background: #f5f5f5;
    width: 100%;
    padding: 8px;
    border-top: 1px solid #dfdfdf;
    font-size: 12px;
    cursor: pointer;
}


.attachment-mail .file-name i {
    padding-right: 5px;
}


.no-pad {
    padding: 0px;
}


.mail-box .checkbox-custom label::after {
    top: 3px;
}

.mail-box .mail-option .checkbox-custom label::after {
    top: 1px;
}

.team-member-info{
    background-color: #9c78cd;
    width:100%;
}
.reply-mail {
    border-top: 1px solid #e1e1e1;
    padding-top: 30px;
}
.inbox-body .btn-default {
    background-color: #fff;
    border-color: #e2e2e2;
    color: #3a3a3a;
}
.inbox-body .btn-default:hover, .inbox-body .btn-default:focus,
.inbox-body .btn-default:active, .inbox-body .btn-default.active,
.inbox-body .open .dropdown-toggle.btn-default {
    background-color: #e2e2e2;
    border-color: #e2e2e2;
}
.inbox_ckeck .control__indicator{
	height: 16px;
	width: 16px;
	top: 0px;
}
.inbox-head .inbox_ckeck .control__indicator{
	top: 6px;
}
.inbox_ckeck .control__indicator:after{
	top: 2px;
    left: 6px;
}
@media (max-width:531px){
	.m-view{
		display:none;
	}
	.inbox-small-cells .control{
		padding:0 0 7px 17px;
		margin-bottom: 6px;
	}
	.mail-box .inbox-body{
		padding:5px;
	}
	.mail-box .table,.mail-box tbody {
		display:block;
	}
	.mail-box .table tr{
	display: flex;
    width: 100%;
    align-items: center
	}
	.mail-box .table tr td:nth-child(3){
		display:none;
	}
	.mail-box .table tr td:last-child{
		margin-left:auto;
	}
	.mail-box .table-inbox tr td{
		padding:5px !important;
	}
	.mail-option .chk-all, .mail-option .btn-group{
		margin-bottom:5px;
	}
}
/*compose-mail*/
.compose-mail {
    width: 100%;
    display: inline-block;
    position: relative;
}
.compose-mail .compose-options {
    color: #979797;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 7px;
}
.compose-options a {
    color: #545454;
    margin-left: 5px;
}
.compose-mail .form-group label {
    margin-bottom: 0;
    font-weight: normal;
}
.compose-editor input {
    margin-top: 15px;
}
.compose-editor .form-horizontal .form-group {
    margin: 0;
}


.compose-editor textarea {
    border-color: #dfdfdf;
    box-shadow: none;
    border-radius: 0;
}

.compose-mail .form-horizontal .control-label {
    text-align:left;
}
.hidden{
	display: none;
}
.hide {
    display: none!important;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    margin-left: -1px;
        position: relative;
    background: #eee;
    border-radius: 0;
    border: 1px solid #dfdfdf;
        height: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
	body:not(.nav_small) ul.inbox-nav li a{
	font-size: 11px;
	padding: 0px 10px;
}
body:not(.nav_small) ul.labels-info li a, body:not(.nav_small) .compose-mail .form-horizontal .control-label{
	font-size: 11px;
}
body:not(.nav_small) ul.labels-info li h4{
	font-size: 12px;
}
body:not(.nav_small) ul.labels-info li a i {
    padding-right: 0px;
}
body:not(.nav_small) .nav.nav-pills.nav-stacked.labels-info p{
	padding: 0px;
}
.mail-option .chk-all, .mail-option .btn-group a.btn{
	    padding: 5px 7px;
}
.mail-option .chk-all, .mail-option .btn-group{
	margin-right: 0px;
}
}

@media (max-width: 767px) {
	.mail-box .sm-side, .mail-box .lg-side{
		    width: 100%;
    display: inline-block;
	}
	.compose-mail .compose-options{
		top: 30px;
	}

}




/* Color_Header_Red */
.bg_red{
	background:#FF394F;
}

.bg_red .dropdown-notification .dropdown-toggle, .bg_red .dropdown-inbox .dropdown-toggle, .bg_red .dropdown-user .dropdown-toggle{
	background: #de2c40;
}
.bg_red .dropdown-notification .dropdown-toggle i, .bg_red .dropdown-inbox .dropdown-toggle i{
	color: #fff;
}
.icon_menu .white_color_toggle{
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.icon_menu .white_color_toggle:before {
    background: #fff;
}


.bg_red .search .search-form {
	background: #de2c40;
}
.bg_red .badge_coun{
	background:#fff;
	color:#de2c40;
}
.bg_red .search-form{
    background-color: transparent;
    color: #fff;
    border: 1px solid #de2c40;
}
.bg_red .search .input-group .btn {

    background: #de2c40;
    color: #ffffff;

}
.bg_red .icon_menu .menu-toggler {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.bg_red .menu-toggler:before {
    background: #fff;
}
.bg_red .search-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.bg_red .search-form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.bg_red .bg_red.search-form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.bg_red .search-form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.bg_red .search-form .form-control{
	color: #fff;
}

/* Color_Header_Green */
.bg_green{
	background:#09cb9a;
}
.bg_green .dropdown-notification .dropdown-toggle, .bg_green .dropdown-inbox .dropdown-toggle, .bg_green .dropdown-user .dropdown-toggle{
	background:#09ab82;
}
.bg_green .dropdown-notification .dropdown-toggle i, .bg_green .dropdown-inbox .dropdown-toggle i{
	color: #fff;
}
.icon_menu .white_color_toggle{
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.icon_menu .white_color_toggle:before {
    background: #fff;
}
.bg_green .search .search-form {
	background: #09ab82;
}
.bg_green .badge_coun{
	background:#fff;
	color:#09ab82;
}
.bg_green .search-form{
    background-color: transparent;
    color: #fff;
    border: 1px solid #09ab82;
}
.bg_green .search .input-group .btn {
	background: #09ab82;
    color: #ffffff;

}
.bg_green .icon_menu .menu-toggler {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.bg_green .menu-toggler:before {
    background: #fff;
}
.bg_green .search-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.bg_green .search-form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.bg_green .search-form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.bg_green .search-form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.bg_green .search-form .form-control{
	color: #fff;
}
/* Color_Header_Orange */
.bg_orange{
	background:#fb8639;
}
.bg_orange .dropdown-notification .dropdown-toggle, .bg_orange .dropdown-inbox .dropdown-toggle, .bg_orange .dropdown-user .dropdown-toggle{
	background:#e0691b;
}
.bg_orange .dropdown-notification .dropdown-toggle i, .bg_orange .dropdown-inbox .dropdown-toggle i{
	color: #fff;
}
.icon_menu .white_color_toggle{
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.icon_menu .white_color_toggle:before {
    background: #fff;
}
.bg_orange .badge_coun{
	background:#fff;
	color:#e0691b;
}
.bg_orange .search-form{
    background-color: #e0691b;
    color: #fff;
    border: 1px solid #e0691b;
}
.bg_orange .search .input-group .btn {
	background: #e0691b;
    color: #ffffff;

}
.bg_orange .icon_menu .menu-toggler {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.bg_orange .menu-toggler:before {
    background: #fff;
}
.bg_orange .search-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.bg_orange .search-form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.bg_orange .search-form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.bg_orange .search-form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.bg_orange .search-form .form-control{
	color: #fff;
}
/* Color_Header_Purple */
.bg_purple{
	background:#9372e8;
}
.bg_purple .dropdown-notification .dropdown-toggle, .bg_purple .dropdown-inbox .dropdown-toggle, .bg_purple .dropdown-user .dropdown-toggle{
	background:#785ac3;
}
.bg_purple .dropdown-notification .dropdown-toggle i, .bg_purple .dropdown-inbox .dropdown-toggle i{
	color: #fff;
}
.icon_menu .white_color_toggle{
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.icon_menu .white_color_toggle:before {
    background: #fff;
}
.bg_purple .badge_coun{
	background:#fff;
	color:#785ac3;
}
.bg_purple .search-form{
   background: #785ac3;
    color: #fff;
    border: 1px solid #785ac3;
}
.bg_purple .search .input-group .btn {
	background: #785ac3;
    color: #ffffff;

}
.bg_purple .icon_menu .menu-toggler {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.bg_purple .menu-toggler:before {
    background: #fff;
}
.bg_purple .search-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.bg_purple .search-form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.bg_purple .search-form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.bg_purple .search-form .form-control:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.bg_purple .search-form .form-control{
	color: #fff;
}

/*Light Color*/
.bg_light{
	background:#fff;
}
.bg_light:before{
	display:none
}
.bg_light .sidebar-menu li a:hover {
    background: #36a2f5;
    color: #fff;
}
.bg_light .user-panel>.info>p,
.bg_light .user-panel>.info>a,
.bg_light .sidebar-menu li a{
	color: #53505f;
}

@media (max-width:991px) {
	.dt-bootstrap4{
		    overflow-x: scroll;
	}
	.dataTables_length, .dataTables_filter{
		text-align: left !important;
	}
}
.side_bar .mCSB_inside > .mCSB_container {
   * margin-right: 5px;
}
#doughnut div{
	width:100% !important;
}
.h_rainfall{
	    height: 299px;
		width:100%;
}
@media (max-width:480px) {
	.right_bar_top .dropdown-menu {
		margin-left: 0;
		right: 0 !important;
		margin: 0 auto;
		width:245px;
		max-width:245px;
	}
}

@media (max-width: 800px){
	nav.navigation {
		display: block;
	}
}

@charset "utf-8";
/* Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

* {
    padding:0;
    margin:0;
}
/* Wrapper */
.wrapper{
    width:100%;
    height:90%;
	display:table;
	background: #ffffff;
}
.right-sec > div {
	-webkit-animation: frombottom .5s ease-in;
	-moz-animation: frombottom .5s ease-in;
	-o-animation: frombottom .5s ease-in;
	-ms-animation: frombottom .5s ease-in;
	animation: frombottom .5s ease-in;
}

@keyframes frombottom {
    0% { opacity:0; transform: translateY(50px); }
    100% { opacity:1; transform: translateY(0px); }
}
@-moz-keyframes frombottom {
    0% { opacity:0; -moz-transform: translateY(50px); }
    100% { opacity:1; -moz-transform: translateY(0px); }
}
@-webkit-keyframes frombottom {
    0% { opacity:0; -webkit-transform: translateY(50px); }
    100% { opacity:1; -webkit-transform: translateY(0px); }
	}
@-ms-keyframes frombottom {
    0% { opacity:0; -ms-transform: translateY(50px); }
    100% { opacity:1; -ms-transform: translateY(0px); }
}
@-o-keyframes frombottom {
    0% { opacity:0; -o-transform: translateY(50px); }
    100% { opacity:1; -o-transform: translateY(0px); }
}





@-webkit-keyframes fromleft {
    0% {
		opacity:0;
		-moz-transform: translateX(20px);
		-webkit-transform: translateX(20px);
		-o-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
    }
    100% {
		opacity:1;
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
    }
}
.wrapper.centeraligned{
	width:1170px;
	height:100%;
	margin:0 auto;
	position:relative;
}
.structure-table{
	display:table;
	width:100%;
	position:relative;
}
.structure-row{
	display:table-row;
	width:100%;
}
.structure-row.alone{
	display:block;
	width:100%;
}

/* Sidebar Navigation */
.wrapper aside {
    width:250px;
	display:table-cell;
	background:#7575ff;
	vertical-align:top;
	position:relative;
}
aside.sidebarhidden{
	width:68px;
	position:relative;
	z-index:9999;
}
aside .sidebar-in {
	width:250px;
	height:100%;
	display:block;
}
aside.sidebarhidden .sidebar-in {
	width:68px;
}
.wrapper aside .shadows {
    top:0;
	right:0;
	width:25px;
	height:100%;
	display:block;
	position:absolute;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.35)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=1 );
}
aside.sidebarhidden .shadows {
    display:none;
}
.right-sec + aside .shadows {
	left:0;
	right:inherit;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
/* Sidebar Header */
.wrapper aside header{
    width:100%;
	height:76px;
	z-index:2;
	border-bottom:#23262d solid 1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:26px 26px 0 26px;
	/*background: rgb(56,59,68); 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4M2I0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTJmMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(56,59,68,1) 0%, rgba(46,47,52,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,59,68,1)), color-stop(100%,rgba(46,47,52,1))); 
	background: -webkit-linear-gradient(top,  rgba(56,59,68,1) 0%,rgba(46,47,52,1) 100%); 
	background: -o-linear-gradient(top,  rgba(56,59,68,1) 0%,rgba(46,47,52,1) 100%); 
	background: -ms-linear-gradient(top,  rgba(56,59,68,1) 0%,rgba(46,47,52,1) 100%);
	background: linear-gradient(to bottom,  rgba(56,59,68,1) 0%,rgba(46,47,52,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#383b44", endColorstr="#2e2f34",GradientType=0 );*/
	background: #7575ff;
}
/* Logo Section */
.wrapper aside header .logo{
	float:left;
}
aside.sidebarhidden header .logo{
	display:none;
}
/* Toggle Button */
.wrapper aside header .togglemenu{
	width:26px;
	height:26px;
	float:right;
	display:block;
	background:url(../images/sprite.png) no-repeat 0 0;
}
aside.sidebarhidden header .togglemenu{
	float:left;
	margin-left:-5px;
}
.sidebarhidden nav.navigation{
	display:block;
}
/* Sidebar Navigation */
.navi-acc { 
	list-style-type: none;
	float:left;
	width:100%;
}
.navi-acc > li {
	position:relative;
	width:100%;
	float:left;
}

.navi-acc  span{
	padding-left: 15px;
}

.navi-acc a {
	color: #FFFFFF !important;
	display:block;
	padding:17px 20px 20px 30px;
	font-family: "Droid Sans", sans-serif;
	font-size: 13px;
	font-weight:bold;
	width:100%;
	position:relative;
	text-transform:uppercase;
	background:url(../images/sep.gif) repeat-x bottom transparent;
}
aside.sidebarhidden .navi-acc a {
	padding-left:0;
	padding-right:0;
	text-indent:-9999px;
}
.navi-acc li a:before {
	content:"";
	position:absolute;
	left:26px;
	display:inline-block;
	background:url(../images/sprite.png) no-repeat;
}
.sidebarhidden .navi-acc li a:before {
	left:23px;
}
.navi-acc li a.dashboard:before {
	background-position:0px -26px;
	width:22px;
	height:22px;
	top:16px;
}
.navi-acc li a.dashboard:hover:before, .navi-acc li.active a.dashboard:before {
	background-position:-27px -26px;
}
.navi-acc li a.layouts:before {
	background-position:0px -48px;
	width:20px;
	height:20px;
	top:17px;
}
.navi-acc li a.layouts:hover:before, .navi-acc li.active a.layouts:before {
	background-position:-27px -48px;
}
.navi-acc li a.ui-elements:before {
	background-position:0 -69px;
	width:20px;
	height:20px;
	top:17px;
}
.navi-acc li a.ui-elements:hover:before, .navi-acc li.active a.ui-elements:before {
	background-position:-27px -69px;
}
.navi-acc li a.mailbox:before {
	background-position:0px -111px;
	width:24px;
	height:15px;
	top:19px;
}
.navi-acc li a.mailbox:hover:before, .navi-acc li.active a.mailbox:before {
	background-position:-27px -111px;
}
.navi-acc li a.forms:before {
	background-position:0px -127px;
	width:24px;
	height:20px;
	top:16px;
}
.navi-acc li a.forms:hover:before, .navi-acc li.active a.forms:before {
	background-position:-27px -127px;
}
.navi-acc li a.pages:before {
	background-position:0px -148px;
	width:20px;
	height:20px;
	top:17px;
}
.navi-acc li a.pages:hover:before, .navi-acc li.active a.pages:before {
	background-position:-27px -148px;
}
.navi-acc li a.charts:before {
	background-position:0px -90px;
	width:20px;
	height:20px;
	top:16px;
}
.navi-acc li a.charts:hover:before, .navi-acc li.active a.charts:before {
	background-position:-27px -90px;
}
.navi-acc li a.extras:before {
	background-position:0 -169px;
	width:20px;
	height:19px;
	top:17px;
}
.navi-acc li a.extras:hover:before, .navi-acc li.active a.extras:before {
	background-position:-27px -169px;
}
.navi-acc li a.loginoptions:before {
	background-position:0 -189px;
	width:22px;
	height:22px;
	top:15px;
}
.navi-acc li a.loginoptions:hover:before, .navi-acc li.active a.loginoptions:before {
	background-position:-27px -189px;
}
.navi-acc li a.maps:before {
	background-position:-2px -212px;
	width:18px;
	height:25px;
	top:14px;
}
.navi-acc li a.maps:hover:before, .navi-acc li.active a.maps:before {
	background-position:-29px -212px;
}
.navi-acc li.active > a, .navi-acc li a {
	-webkit-transition: background-color 1000ms ease;
	-moz-transition: background-color 1000ms ease;
	-ms-transition: background-color 1000ms ease;
	-o-transition: background-color 1000ms ease;
	transition: background-color 1000ms ease;
}
.navi-acc li.active > a, .navi-acc li:hover > a {
	color:#54acc0 !important;
	background-color:#1e202c;
}
.navi-acc li.active > a {
	background:#1e202c;
}
.navi-acc .label{
	position:absolute;
	right:26px;
	top:20px;
}
.sidebarhidden .label{
	display:none;
}
/* Level 2 */
.navi-acc li ul { 
	background: #222430;
	padding:10px 0;
	margin:0;
	list-style:none;
}
aside.sidebarhidden .navi-acc li ul { 
	left: 68px;
	top:0;
	display:none !important;
    position: absolute;
    text-indent: inherit;
    width: 200px;
}
aside.sidebarhidden .navi-acc li.active ul { 
	display:block !important;
}
.right-sec + aside.sidebarhidden .navi-acc li ul {
	left:auto;
	right:68px;
}
aside.sidebarhidden .navi-acc li ul a{ 
	padding-left:20px;
}
aside.sidebarhidden .navi-acc li:hover ul { 
	display: block !important;
}
aside.sidebarhidden .navi-acc li ul li a {
	text-indent:inherit;
}
.navi-acc li ul li a {
	padding:7px 26px 8px 26px;
	font-size: 13px;
	font-weight:normal;
	text-transform:none;
	background:none;
}
.navi-acc li ul li:hover a {
	background:#181922;
	color:#FFF !important;
}
/*Top Navigation */
.wrapper > header {
	width:100%;
	z-index:2;
	padding-bottom:8px;
	position:relative;
	z-index:999;
	border-bottom:#23262d solid 1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.wrapper > header .logo {
	float:left;
}

.topnavigation {
	float:right;
	margin:18px 20px 0 0px;
}
.topnavigation ul{
	list-style:none;
	float:right;
}
.topnavigation ul li{
	float:left;
	position:relative;
}
.topnavigation ul li:hover{
	background:#1e202c;
}
.topnavigation ul li a{
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	padding:10px 20px;
	display:block;
	text-transform:uppercase;
}
.topnavigation ul li a span{
	margin-left:5px;
	float:right;
	font-size:10px;
	margin-top:2px;
}
.topnavigation ul ul{
	display:none;
	position:absolute;
	left:0;
	top:40px;
	background:#1e202c;
	width:200px;
	margin-left:0;
}
.topnavigation ul li:hover ul{
	display:block;
}
.topnavigation ul ul li{
	width:100%;
}
.topnavigation ul ul li a{
	width:100%;
	display:inline-block;
}
.topnavigation ul ul li a:hover{
	color:#FFF;
	background:#222430;
}
.topnavigation ul ul a{
	text-transform:none;
	color:#9b9ba3;
	font-weight:normal;
}	
/* Right Section */
.right-sec {
	z-index:1;
	display:table-cell;
	/*background:#f4f4f4;*/
	background: #faebd7;
	vertical-align:top;
}
.structure-row.alone .right-sec {
	display:block;
}
/* Right Section Header */
.right-sec > header {
	width:100%;
	z-index:2;
	padding:10px 20px;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:#23262d solid 1px;
	background: #7575ff;
	/*background: rgb(56,59,68);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4M2I0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTJmMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(56,59,68,1) 0%, rgba(46,47,52,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,59,68,1)), color-stop(100%,rgba(46,47,52,1)));
	background: -webkit-linear-gradient(top,  rgba(56,59,68,1) 0%,rgba(46,47,52,1) 100%);
	background: -o-linear-gradient(top,  rgba(56,59,68,1) 0%,rgba(46,47,52,1) 100%);
	background: -ms-linear-gradient(top,  rgba(56,59,68,1) 0%,rgba(46,47,52,1) 100%);
	background: linear-gradient(to bottom,  rgba(56,59,68,1) 0%,rgba(46,47,52,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#383b44", endColorstr="#2e2f34",GradientType=0 );*/
}
/* Header User Section */
.right-sec > header .user {
	float:left;
	margin-top:0px;
}
/* User Avatar */
.user figure{
	padding:5px;
	width:auto;
	height:auto;
	max-height: 50px;
	max-width: 85px;
	float:left;
	border-radius:10px !important;
	-o-border-radius:10px !important;
	-webkit-border-radius:10px !important;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	border:#fff solid 1px;
}
.user figure img{
	width:auto;
	height:auto;
	max-height: 50px;
	max-width: 85px;
	border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
}
.user .welcome{
	margin-top: 10px;
    padding: 0px;
    text-align: left;
}
.home_right{
	margin-top: 10px;
    padding: 0px;
    text-align: right;
}
.home_right_link{
	color: white;
    font-size: 16px;
    text-align: right;
}
.home_right_link:hover {
    color: lightgray;
    text-decoration: none;
}
.user .welcome p, .user .welcome h5{
	padding:0;
	margin:0;
	color:#FFF;
}
.user .welcome h5 a{
	color:#FFF;
}
/* Search Section */
.right-sec .search-box{
	float:left;
	height:33px;
	width:333px;
	margin:11px 0 0 30px;
	border-radius:20px;
	position:relative;
	border:#6b6d73 solid 2px;
	background:#444549;
}
.right-sec .search-box:before{
	content:"";
	width:12px;
	height:12px;
	position:absolute;
	left:16px;
	top:8px;
	display:inline-block;
	background:url(../images/sprite.png) no-repeat -60px -5px;
}
.right-sec .search-box input[type="text"]{
	border:none;
	width:80%;
	color:#D9DBE1;
	margin:6px 0 0 40px;
	padding-right:40px;
	background:transparent;
}
.right-sec .search-box input[type="submit"]{
	font-size:13px;
	color:#6d6f75 !important;
	font-weight:bold;
	padding:0 10px;
	text-transform:uppercase;
	border:none;
	height:23px;
	border-left:#6b6d73 solid 2px;
	background:none;
	position:absolute;
	right:0;
	top:3px;
}
/* Top Section Navigation */
.topnav {
	float:right;
}
.topnav ul{
	list-style:none;
	margin:0;
	padding:0;
}
.topnav ul li{
	float:left;
	padding:5px 10px;
}
.topnav > ul > li > a{
	color:#fff;
}
.topnav > ul > li > a > i{
	margin-right:10px;
}
/* Tasks Dropdown */
.topnav ul li{
	position:relative;
}
.topnav ul li:hover{
	background: #504eba;
}
.topnav ul li:hover a{
	color:#fff;
}
.topnav ul li .popdown{
	position:absolute;
	left:0;
	top:20px;
	display:none;
	background:#666981;
	width:300px;
}
.popdown-right{
	left:inherit !important;
	right:0 !important;
}
.topnav ul li:hover .popdown{
	display:block;
}
/* Tasks List - Dropdown */
.taskslist {
	width:100%;
	float:left;
}
.taskslist ul{
	width:100%;
	padding:10px 20px 20px 20px;
	margin:0;
	list-style:none;
	float:left;
	border-bottom:#797b90 solid 1px;
}
.taskslist ul li{
	width:100%;
	padding:0 0;
	margin:10px 0 0 0;
	list-style:none;
}
.taskslist ul li:first-child{
	margin:0 0 0 0;
}
.taskslist ul li h6{
	color:#FFF;
}
.taskslist ul li h6 span{
	font-weight:normal;
}
.taskslist ul li h6 a{
	color:#FFF;
}
.taskslist ul li .progress{
	margin:0;
	height:8px;
}
.taskslist a.viewall{
	color:#FFF;
	padding:8px 20px 12px 20px;
	float:left;
	font-size:13px;
}
/* Notification List - Dropdown */
.notificationlist {
	width:100%;
	float:left;
}
.notificationlist ul{
	width:100%;
	padding:10px 20px 20px 20px;
	margin:0;
	list-style:none;
	float:left;
	border-bottom:#797b90 solid 1px;
}
.notificationlist ul li{
	width:100%;
	padding:20px 0 0 0;
	margin:10px 0 0 0;
	list-style:none;
	color:#FFF;
	border-top:#797b90 solid 1px;
}
.notificationlist ul li:first-child{
	margin:0 0 0 0;
	padding:10px 0 0 0;
	border:none;
}
.notificationlist ul li h6{
	color:#FFF;
	margin:0 0 5px 0;
}
.notificationlist ul li p{
	margin:0 0 0px 0;
}
.notificationlist ul li span{
	color:#d9d9d9;
	font-size:11px;
	margin:0 0 0px 0;
}
.notificationlist ul li span i{
	font-size:9px;
	margin-right:5px;
}
.notificationlist ul li h6 a{
	color:#FFF;
}
.notificationlist a.viewall{
	color:#FFF;
	padding:8px 20px 12px 20px;
	float:left;
	font-size:13px;
}
/* Settings List - Dropdown */
.popdown.settings{
	width:200px !important;
}
.settings nav{
	width:100%;
}
.settings nav a{
	width:100%;
	color:#FFF;
	display:block;
	background: #504eba;
	padding:10px 20px;
	border-top:#797b90 solid 1px;
}
.settings nav a:hover{
	background:#7575fe;
}
.settings nav a i{
	margin-right:10px;
}
/* Content Section */
.content-section {
	background: #ffffff;
	width:100%;
	position:relative;
	padding: 5px;
}
/* Content Box */
.sec-box {
	width:100%;
	padding: 10px;
	background:#FFF;
	position:relative;
	-webkit-box-shadow: 0px 0px 5px 3px #E8E8E8;
	box-shadow: 0px 0px 5px 3px #E8E8E8;
}
/* Content Box - Header */
.sec-box header{
	width:100%;
	padding-bottom: 20px;
	border-bottom:#e6e7e8 solid 1px;
}
.sec-box header h2{
	padding:0;
	margin:0;
}
/* Content Box - Close Button */
.sec-box a.closethis{
	float:right;
	width:17px;
	height:17px;
	display:inline-block;
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../images/sprite.png) no-repeat -145px -116px;
}
/* Content Box - Toggle Button */
.sec-box a.togglethis{
	float:right;
	width:17px;
	height:17px;
	display:inline-block;
	position:absolute;
	right:45px;
	top:20px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../images/sprite.png) no-repeat -167px -116px;
}
.sec-box.dark a.togglethis{
	background-position:-167px -138px;
}
.sec-box a.togglethis.clicked{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	
}
/* Content Box - Inner Section */
.sec-box .contents{
	width:100%;
	margin: 10px 0px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
/* Content Box with 20px Paddings */
.boxpadding{
	padding:20px;
}
/* Content Box - Dark */
.sec-box.dark {
	color:#cbccd2;
	background:#666981;
}
.sec-box.dark a{
	color:#fff;
}
.sec-box.dark p{
	color:#cbccd2;
}
.sec-box.dark header{
	border-bottom:#797b90 solid 1px;
}
.sec-box.dark header h2{
	color:#FFF;
}
.sec-box.dark a.closethis{
	background:url(../images/sprite.png) no-repeat -145px -138px;
}
.hidden-sec {
	height:0px;
	overflow:hidden;
	padding:0px !important;
}
/* User Section */
.users-section {
	width:100%;
}
.users-section ul{
	width:100%;
	float:left;
	margin:-20px 0 0 -20px;
	list-style:none;
}
.users-section ul li{
	width:50%;
	margin-top:20px;
	float:left;
	padding-left:20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.users-section figure{
	padding:5px;
	width:44px;
	height:44px;
	float:left;
	border-radius:50%;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	border:#d5d5d5 solid 1px;
}
.users-section figure img{
	width:44px;
	height:44px;
	border-radius:50%;
}
.users-section .welcome{
	float:left;
	padding-top:8px;
	margin-left:10px;
}
.users-section .welcome p, .users-section .welcome h5{
	padding:0;
	margin:0;
}
/* Tabs Contents Section */
.tab-content {
	background:#fff;
}
/* Links List Section */
.linkslist {
	width:100%;
}
.linkslist ul{
	width:100%;
	margin:-20px 0 0 0;
	list-style:none;
}
.linkslist ul li{
	width:100%;
	font-size:14px;
	padding:15px 0;
	position:relative;
	border-top:#e6e7e8 solid 1px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.dark .linkslist ul li{
	border-top:#797b90 solid 1px;
}
.linkslist ul li:first-child{
	border-top:none;
}
.linkslist ul li.success-list:after, .linkslist ul li.error-list:after{
	content:"";
	display:inline-block;
	position:absolute;
	right:20px;
	top:16px;
	width:17px;
	height:19px;
	background:url(../images/sprite.png) no-repeat -260px -116px;
}
.linkslist ul li.success-list:after{
	background-position:-260px -116px;
}
.linkslist ul li.error-list:after{
	background-position:-260px -137px;
}
.linkslist ul li a{
	font-size:14px;
}
.dark .linkslist ul li a{
	color:#FFF;
}
.linkslist ul li span{
	color:#9d9d9d;
	font-size:12px;
	padding-left:10px;
}
.dark .linkslist ul li span{
	color:#cbccd2;
}
.linkslist ul li:hover{
	padding-left:20px;
	padding-right:20px;
	background:#f8f8f9;
}
.dark .linkslist ul li:hover{
	background:#3d415d;
}
/* Stat Boxes */
.stat-box{
    width:100%;
    height:120px;
	color:#FFF;
display: table;
text-align: center;
	position:relative;
}
.stat-box-in{
	display: table-cell;
	vertical-align: middle;
}
.stat-box-in h4, .stat-box-in h2{
	margin: 10px 0px !important;
}
/* Stat Boxes icons */
.stat-box i{
	position:absolute;
	display:inline-block;
	background:url(../images/sprite.png) no-repeat;
}
.stat-box i.author{
    left:22px;
	top:23px;
	width:41px;
    height:50px;
	background-position:-82px 0;
}
.stat-box i.chart{
    left:22px;
	top:23px;
	width:47px;
    height:42px;
	background-position:-82px -60px;
}
.stat-box i.pages{
    left:22px;
	top:23px;
	width:44px;
    height:44px;
	background-position:-130px -5px;
}
.stat-box i.users{
    left:22px;
	top:23px;
	width:44px;
    height:44px;
	background-position:-135px -56px;
}
.stat-box i.downloads{
    left:22px;
	top:23px;
	width:37px;
    height:44px;
	background-position:-182px -5px;
}
.stat-box i.comments{
    left:22px;
	top:23px;
	width:46px;
    height:44px;
	background-position:-187px -57px;
}
.stat-box h4{
	color:#FFF;
	margin:0;
	font-weight:normal;
}
.stat-box h1{
	color:#FFF;
	margin:0;
	font-size:32px;
}
/* Stat Boxes colors list */
.stat-box.colorone{
	background:#666981;
}
.stat-box.colortwo{
	background:#68cab6;
}
.stat-box.colorthree{
	background:#e17695;
}
.stat-box.colorfour{
	background:#a285c5;
}
.stat-box.colorfive{
	background:#22ba9b;
}
.stat-box.colorsix{
	background:#fbb168;
}
.stat-box.colorseven{
	background:#fb6868;
}
.stat-box.coloreight{
	background:#96c250;
}
.stat-box.colornine{
	background:#2babc2;
}
.stat-box.colorten{
	background:#304de5;
}
.stat-box.coloreleven{
	background:#9f30e5;
}
.stat-box.colortweleve{
	background:#e53078;
}
/* Stat Boxes - black and white */
.stat-box.bw{
	border:#e4e4e4 solid 1px;
	background: white;
	box-shadow: 1px 2px 2px #ECECEC;
}
.bw i.author{
	background-position:-248px 0;
}
.bw i.chart{
	background-position:-248px -60px;
}
.bw i.pages{
	background-position:-296px -5px;
}
.bw i.users{
	background-position:-301px -56px;
}
.bw i.downloads{
	background-position:-348px -5px;
}
.bw i.comments{
	background-position:-353px -57px;
}
.bw h4{
	color:#323641;
}
.bw h1{
	color:#323641;
}
/* Dark Tabs */
.tabs-section.dark {
	color:#cbccd2;
}
.tabs-section.dark .tab-pane a{
	color:#fff;
}
.tabs-section.dark .tab-pane p{
	color:#cbccd2;
}
.tabs-section.dark .nav-tabs > li > a {
	background:#3d415d;
	color:#898caa;
	border-color:#3d415d;
	border-left-color:#666981;
}
.tabs-section.dark .nav-tabs > li.active > a, .tabs-section.dark .nav-tabs > li.active > a:hover, .tabs-section.dark .nav-tabs > li.active > a:focus {
	color:#fff;
	background:#666981;
	border-top-color:#54acc0;
}
.tabs-section.dark .tab-content {
	background:#666981;
}
/* Success Box */
.sec-box.successbox {
	color:#fff;
	background:#07ba42;
}
.sec-box.successbox a.togglethis{
	background-position:-167px -158px;
}
.sec-box.successbox a{
	color:#fff;
}
.sec-box.successbox p{
	color:#fff;
}
.sec-box.successbox header{
	border-bottom:#59d180 solid 1px;
}
.sec-box.successbox header h2{
	color:#FFF;
}
.sec-box.successbox a.closethis{
	background:url(../images/sprite.png) no-repeat -145px -158px;
}
/* Error Box */
.sec-box.errorbox {
	color:#fff;
	background:#e65b45;
}
.sec-box.errorbox a.togglethis{
	background-position:-167px -158px;
}
.sec-box.errorbox a{
	color:#fff;
}
.sec-box.errorbox p{
	color:#fff;
}
.sec-box.errorbox header{
	border-bottom:#ee9182 solid 1px;
}
.sec-box.errorbox header h2{
	color:#FFF;
}
.sec-box.errorbox a.closethis{
	background:url(../images/sprite.png) no-repeat -145px -158px;
}
/* Information Box */
.sec-box.infobox {
	color:#fff;
	background:#51b2e9;
}
.sec-box.infobox a.togglethis{
	background-position:-167px -158px;
}
.sec-box.infobox a{
	color:#fff;
}
.sec-box.infobox p{
	color:#fff;
}
.sec-box.infobox header{
	border-bottom:#8acbf0 solid 1px;
}
.sec-box.infobox header h2{
	color:#FFF;
}
.sec-box.infobox a.closethis{
	background:url(../images/sprite.png) no-repeat -145px -158px;
}
/* Warning Box */
.sec-box.warningbox {
	color:#fff;
	background:#ffcc00;
}
.sec-box.warningbox a.togglethis{
	background-position:-167px -158px;
}
.sec-box.warningbox a{
	color:#fff;
}
.sec-box.warningbox p{
	color:#fff;
}
.sec-box.warningbox header{
	border-bottom:#ffdd54 solid 1px;
}
.sec-box.warningbox header h2{
	color:#FFF;
}
.sec-box.warningbox a.closethis{
	background:url(../images/sprite.png) no-repeat -145px -158px;
}
/* text color classes */
.redtext {
	color:#db1515;
}
.bluetext {
	color:#304de5;
}
.greentext {
	color:#7ec211;
}
.graytext {
	color:#c8c8c8;
}
.orangetext {
	color:#f39c12;
}
.redhighlight {
	color:#FFF;
	padding:2px 5px;
	background:#db1515;
	display:inline-block;
}
.grayhighlight {
	color:#6d6f75;
	padding:2px 5px;
	background:#ecf0f1;
	display:inline-block;
}
.greenhighlight {
	color:#FFF;
	padding:2px 5px;
	background:#7ec211;
	display:inline-block;
}
/* Gallery */
.gallerybox {
	float:left;
	margin:-20px 0 0 -20px;
	list-style:none;
}
.gallerybox li{
	width:20%;
	float:left;
	margin-top:20px;
	padding-left:20px;
}
.gallerybox li figure{
	width:100%;
	position:relative;
}
.gallerybox li a{
	width:100%;
}
.gallerybox li a img{
	width:100%;
}
.gallerybox li figcaption{
	width:100%;
	left:0;
	bottom:0;
	opacity:0;
	position:absolute;
	padding:5px 0 15px 0;
	background:#33363f;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.gallerybox li:hover figcaption{
	opacity:1;
}
.gallerybox li figcaption a{
	color:#fff;
}
.gallerybox li figcaption h5{
	width:100%;
	text-align:center;
}
.gallerybox li figcaption .controls{
	width:100%;
	text-align:center;
}
.gallerybox li figcaption .edit{
	width:22px;
	height:22px;
	text-indent:-9999px;
	display:inline-block;
	background:url(../images/sprite.png) no-repeat -63px -191px;
}
.gallerybox li figcaption .delete{
	width:22px;
	height:22px;
	margin-left:3px;
	text-indent:-9999px;
	display:inline-block;
	background:url(../images/sprite.png) no-repeat -90px -191px;
}
/* Tables */
.table-box{
	width:100%;
	float:left;
}
.table-box .dataTables_length{
	float:left;
	padding:11px 0 7px 10px;
	width: auto;
}
.table-box .dataTables_filter{
	float:right;
	padding:11px 10px 7px 0px;
}
.table-box .dataTables_info{
	float:left;
	color:#323641;
	padding:24px 0 16px 20px;
}
.table-box .dataTables_paginate{
	display: inline-block;
	padding-left: 0;
	margin: 15px 15px 0px 0px;
	float:right;
	border-radius: 4px;
	color: #6d6f75;
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 0%,#f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fdfdfd", endColorstr="#f7f7f7",GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 2px #E7EBEC;
}
.table-box .dataTables_paginate a{
	position: relative;
	float: left;
	color:#6d6f75;
	font-size:11px;
	padding: 5px 10px;
	margin-left: -1px;
	line-height: 1.428571429;
	text-decoration: none;
	border: 1px solid #dddddd;
}
.dataTable {
	width:100%;
	clear:both;
	color:#323641;
	border-top:#e6e7e8 solid 1px;
}
.dataTable thead{
	width:100%;
	clear:both;
	font-size:15px;
	font-weight:bold;
	background:#f7f7f7;
}
.dataTable thead th{
	padding:16px 20px;
}
.dataTable tr{
	width:100%;
}
.dataTable tbody tr:nth-child(even) {
	background:#f6f8fa;
}
.dataTable tbody tr:nth-child(odd) {
	background: #FFF;
}
#icons tr th{
	width:80%;
}
#icons tr th:first-child{
	width:20%;
}
.dataTables_wrapper tr td{
	padding:15px 20px 17px 20px;
}
#icons tr td:first-child{
	width:20%;
	font-size:16px;
}
#icons tr td:first-child{
	width:20%;
}
.dataTables_wrapper {
	float:left;
	width:100%;
}
/* DataTables sorting */

.sorting_asc {
	background: url("../images/sort_asc.png") no-repeat 99% 47%;
}

.sorting_desc {
	background: url("../images/sort_desc.png") no-repeat 99% 47%;
}

.sorting {
	background: url("../images/sort_both.png") no-repeat 99% 47%;
}

.sorting_asc_disabled {
	background: url("../images/sort_asc_disabled.png") no-repeat 99% 47%;
}

.sorting_desc_disabled {
	background: url("../images/sort_desc_disabled.png") no-repeat 99% 47%;
}
 
table.display thead th:active,
table.display thead td:active {
	outline: none;
}
/* Custom Radios and checkboxes  */
.custom-radio-checkbox {
	width:100%;
	margin:8px 0;
	float:left;
}
td .custom-radio-checkbox:first-child {
	margin-top:0;
}
.custom-radio-checkbox > div{
	float:left;
}
.custom-radio-checkbox label{
	margin:0px 0 0 10px;
	float:left;
}
/* On/Off Switches - Custom Style */
.onoffswitch.customstyle {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch.customstyle .onoffswitch-checkbox {
    display: none;
}

.onoffswitch.customstyle .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border-radius: 20px;
}

.onoffswitch.customstyle .onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch.customstyle .onoffswitch-inner:before, .onoffswitch.customstyle .onoffswitch-inner:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch.customstyle .onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #2489C5; color: #FFFFFF;
}

.onoffswitch.customstyle .onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #d6d6d6; color: #2489C5;
    text-align: right;
}

.onoffswitch.customstyle .onoffswitch-switch {
    width: 18px;
	height:18px;
	margin: 6px;
    background: #FFFFFF;
    border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch.customstyle .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch.customstyle .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/* On/Off Switches - iOS5 */
.onoffswitch.ios5 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch.ios5 .onoffswitch-checkbox {
    display: none;
}

.onoffswitch.ios5 .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border-radius: 30px;
}

.onoffswitch.ios5 .onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch.ios5 .onoffswitch-inner:before, .onoffswitch.ios5 .onoffswitch-inner:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border-radius: 30px;
    box-shadow: 0px 15px 0px rgba(0,0,0,0.08) inset;
}

.onoffswitch.ios5 .onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #2489C5; color: #FFFFFF;
    border-radius: 30px 0 0 30px;
}

.onoffswitch.ios5 .onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
    border-radius: 0 30px 30px 0;
}

.onoffswitch.ios5 .onoffswitch-switch {
    width: 30px; margin: 0px;
    background: #FFFFFF;
    border: 2px solid #2489C5; border-radius: 30px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
    box-shadow: 0 1px 1px white inset;
}

.onoffswitch.ios5 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch.ios5 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/* On/Off Switches - iOS4 */
.onoffswitch.ios4 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch.ios4 .onoffswitch-checkbox {
    display: none;
}

.onoffswitch.ios4 .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border-radius: 5px;
}

.onoffswitch.ios4 .onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch.ios4 .onoffswitch-inner:before, .onoffswitch.ios4 .onoffswitch-inner:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch.ios4 .onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #2489C5; color: #FFFFFF;
}

.onoffswitch.ios4 .onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #d6d6d6; color: #999999;
    text-align: right;
}

.onoffswitch.ios4 .onoffswitch-switch {
    width: 28px; margin: 0px;
    background: #FFFFFF;
    border: 2px solid #2489C5; border-radius: 5px;
    position: absolute; top: 0; bottom: 0; right: 62px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}

.onoffswitch.ios4 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch.ios4 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/* On/Off Switches - Android */
.onoffswitch.android {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch.android .onoffswitch-checkbox {
    display: none;
}

.onoffswitch.android .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 0px solid #2489C5; border-radius: 0px;
}

.onoffswitch.android .onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch.android .onoffswitch-inner > div {
    float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch.android .onoffswitch-inner .onoffswitch-active {
    padding-left: 10px;
    background-color: #EEEEEE; color: #FFFFFF;
}

.onoffswitch.android .onoffswitch-inner .onoffswitch-inactive {
    padding-right: 10px;
    background-color: #EEEEEE; color: #FFFFFF;
    text-align: right;
}

.onoffswitch.android .onoffswitch-switch {
    width: 37px; margin: 0px; text-align: center; 
    border: 0px solid #2489C5;border-radius: 0px; 
    position: absolute; top: 0; bottom: 0;
}
.onoffswitch.android .onoffswitch-active .onoffswitch-switch {
    background: #27A1CA; left: 0;
}
.onoffswitch.android .onoffswitch-inactive .onoffswitch-switch {
    background: #A1A1A1; right: 0;
}

.onoffswitch.android .onoffswitch-active .onoffswitch-switch:before {
    content: " "; position: absolute; top: 0; left: 37px; 
    border-style: solid; border-color: #27A1CA transparent transparent #27A1CA; border-width: 15px 9px;
}


.onoffswitch.android .onoffswitch-inactive .onoffswitch-switch:before {
    content: " "; position: absolute; top: 0; right: 37px; 
    border-style: solid; border-color: transparent #A1A1A1 #A1A1A1 transparent; border-width: 15px 9px;
}


.onoffswitch.android .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
/* On/Off Switches - Windows */
.onoffswitch.windows8 {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch.windows8 .onoffswitch-checkbox {
    display: none;
}

.onoffswitch.windows8 .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #2489C5; border-radius: 0px;
}

.onoffswitch.windows8 .onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch.windows8 .onoffswitch-inner:before, .onoffswitch.windows8 .onoffswitch-inner:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 26px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.onoffswitch.windows8 .onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #EEEEEE; color: #2489C5;
}

.onoffswitch.windows8 .onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #A1A1A1;
    text-align: right;
}

.onoffswitch.windows8 .onoffswitch-switch {
    width: 37px; margin: 0px;
    background: #A1A1A1;
    position: absolute; top: 0; bottom: 0; right: 53px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch.windows8 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch.windows8 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
    background-color: #27A1CA; 
}
/*editors*/
.editor-box {
	width:100%;
}
.editor-box .form-control {
	height:300px;
	border: 1px solid #E0E0DF !important;
}
.editor-box .form-control:focus {
	border-color:inherit;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow:  none;
}
/* Easy wysiwyg editor */
ul.wysihtml5-toolbar {
	margin: 0;
	padding: 0;
	display: block;
}
ul.wysihtml5-toolbar::after {
	clear: both;
	display: table;
	content: "";
}
ul.wysihtml5-toolbar > li {
	float: left;
	display: list-item;
	list-style: none;
	margin: 0 5px 10px 0;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
	font-weight: bold;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
	font-style: italic;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
	text-decoration: underline;
}
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
	background-image: none;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
	background-color: #E6E6E6;
	background-color: #D9D9D9 9;
	outline: 0;
}
ul.wysihtml5-commands-disabled .dropdown-menu {
	display: none !important;
}
.wysihtml5-sandbox {
	background-color: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid #E0E0DF !important;
    border-radius: 2px !important;
    color: #555555 !important;
    font-size: 13px !important;
    height: 34px !important;
    line-height: 1.42857 !important;
    padding: 6px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle !important;
    width: 100% !important;
	height:300px !important;
}
/* Google Map */
.mapsections {
	width:100%;
	height:431px;
}
/* Full Calendar */
.fullcalendar-box {
	position:relative;
}
.fullcalendar-box #external-events{
	float:left;
	width:220px;
	position:absolute;
	left:20px;
	top:10px;
}
#external-events > h5{
	padding-bottom:8px;
}
#external-events > div{
	width:220px;
	color:#FFF;
	border-radius:3px;
	padding:4px 10px 6px 10px;
	background:#2489c5;
	margin-top:5px;
}
.fullcalendar-box .dragables{
	float:left;
	padding-left:260px;
	width:100%;
}
.fullcalendar-box #calendar{
	float:left;
	width:100%;
	border-left:#e6e7e8 1px solid;
}
.fullcalendar-box .fc-header{
	width:100%;
	height:68px;
	background:#f4f4f4;
	border-right:#e6e7e8 1px solid;
}
.fullcalendar-box .fc-header-center h2{
	margin:21px 0 0 20px;
}
.fullcalendar-box .fc-header-left{
	padding:18px 0 0 20px;
}
.fullcalendar-box .fc-header-right{
	padding:18px 20px 0 0;
}
.fullcalendar-box .fc-border-separate thead{
	height:51px;
	font-size:15px;
	color:#323641;
	font-weight:bold;
	background:#f7f7f7;
}
.fullcalendar-box .fc-border-separate thead tr th{
	padding-top:15px;
}
.fullcalendar-box .fc-border-separate thead tr th:first-child{
	border-left:none;
}
.fullcalendar-box .fc-border-separate tbody tr td:first-child{
	border-left:none;
}
/* 404 Page */
.fourofour {
	width:100%;
	padding-top:60px;
	text-align:center;
}
.fourofour h1:first-child{
	font-size:330px;
	line-height:330px;
}
.fourofour a.btn{
	margin-top:20px;
}
/*invoice generator*/
.invoice-box textarea {
	resize:none;
	border:none;
}
.invoice-box #header {
	border:none;
	overflow:hidden;
	resize:none;
	color:#323641;
	font-weight:bold;
	font-size:20px;
	height:54px;
	padding:13px 20px;
	background:#f4f4f4;
	margin-bottom:20px;
}
.invoice-box #address { 
	width: 30%;
	height: 150px;
	float: left;
	resize:none;
	border:none;
}
.invoice-box #customer { 
	overflow: hidden;
}
.invoice-box .table{ 
	border:#e6e7e8 solid 1px;
}
.invoice-box #logo {
	text-align: right;
	float: right;
	position: relative;
	margin-top: 25px;
	border: 1px solid #fff;
	max-width: 540px;
	max-height: 100px;
	overflow: hidden;
}
.invoice-box #logo:hover,
.invoice-box #logo.edit {
	border: 1px solid #000;
	margin-top: 0px;
	max-height: 125px;
}
.invoice-box #logoctr {
	display: none;
}
.invoice-box #logo:hover #logoctr,
.invoice-box #logo.edit #logoctr {
	display: block;
	text-align: right;
	line-height: 25px;
	background: #eee;
	padding: 0 5px;
}
.invoice-box #logohelp {
	text-align: left;
	display: none;
	font-style: italic;
	padding: 10px 5px;
}
.invoice-box #logohelp input {
	margin-bottom: 5px;
}
.invoice-box .edit #logohelp {
	display: block;
}
.invoice-box .edit #save-logo,
.invoice-box .edit #cancel-logo {
	display: inline;
}
.invoice-box .edit #image,
.invoice-box #save-logo,
.invoice-box #cancel-logo,
.invoice-box .edit #change-logo,
.invoice-box .edit #delete-logo {
	display: none;
}
.invoice-box #customer-title {
	font-size: 18px;
	font-weight: bold;
	float: left;
	line-height:23px;
	height:70px;
	width:30%;
}
.invoice-box #meta {
	margin-top: 1px;
	width: 300px;
	float: right;
}
.invoice-box #meta td {
	text-align: right;
}
.invoice-box #meta td.meta-head {
	text-align: left;
	background: #eee;
}
.invoice-box #meta td textarea {
	width: 100%;
	height: 20px;
	text-align: right;
}
.invoice-box #items {
	clear: both;
	width: 100%;
	margin: 30px 0 0 0;
}
.invoice-box #items th {
	background: #eee;
}
.invoice-box #items textarea {
	width: 80px;
	height: 50px;
}
.invoice-box #items tr.item-row td {
	border: 0;
	vertical-align: top;
}
.invoice-box #items td.description {
	width: 500px;
}
.invoice-box #items td.item-name {
	width: 175px;
}
.invoice-box #items td.description textarea,
#items td.item-name textarea { 
	width: 100%;
}
.invoice-box #items td.total-line {
	border-right: 0;
	text-align: right;
}
.invoice-box #items td.total-value {
	border-left: 0;
	padding: 10px;
}
.invoice-box #items td.total-value textarea {
	height: 20px;
	background: none;
}
.invoice-box #items td.balance {
	background: #eee;
}
.invoice-box #items td.blank {
	border: 0;
}
.invoice-box #terms {
	text-align: center;
	margin: 20px 0 0 0;
}
.invoice-box #terms h4 {
	border-bottom: 1px solid #e6e7e8;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
}
.invoice-box #terms textarea { 
	width: 100%;
	text-align: center;
}
.invoice-box textarea:hover, 
.invoice-box textarea:focus, 
.invoice-box #items td.total-value textarea:hover, 
.invoice-box #items td.total-value textarea:focus, 
.invoice-box .delete:hover {
	background-color:#f4f4f4 !important;
	box-shadow:none;
	-moz-box-shadow:none;
}
.invoice-box .delete-wpr {
	position: relative;
}
.invoice-box .delete {
	display: block;
	text-decoration: none;
	position: absolute;
	background: #EEEEEE;
	background:#C00;
	top: -6px;
	left: -34px;
	color:#FFF;
	width:27px;
	font-size:17px;
	border-radius:50%;
	padding:5px 0 5px 5px;
}
.invoice-box .table textarea {
	background:transparent;
}
.invoice-box .table textarea:hover {
	background:transparent;
}
/* Inbox */
.emailbox {
	width:100%;
	background:#FFF;
	position:relative;
}
.emailbox .structure-table{
	position:relative;
}
.emailbox .structure-table:before{
	position:absolute;
	height:100%;
	display:block;
	content:"";
	left:258px;
	border-left:#f3f3f3 solid 1px;
}
.emailbox header{
	width:100%;
	height:68px;
	background:#f4f4f4;
	border-bottom:#e6e7e8 solid 1px;
}
.emailbox header h2{
	float:left;
	padding:4px 0 0 20px;
}
.emailbox header h2 a{
	float:left;
	margin:0px 5px 0 0px;
}
.emailbox header h2 span{
	font-size:10px;
	margin:3px 0 0 3px;
	float:left;
}
.emailbox header .emailoptions{
	float:right;
	padding:18px 18px 0 0;
}
/* Compose Email */
.emailoptions a.compose{
	float:left;
	color:#FFF;
	display:inline-block;
	padding:3px 20px 4px 10px;
	background:#2489c5;
	border-radius:3px;
	margin:3px 20px 0 0;
}
/* Send */
.emailoptions a.send{
	float:left;
	color:#FFF;
	display:inline-block;
	padding:3px 20px 4px 10px;
	background:#2489c5;
	border-radius:3px;
	margin:3px 0 0 3px;
}
/* Save to Drafts */
.emailoptions a.drafts{
	float:left;
	color:#FFF;
	display:inline-block;
	padding:3px 20px 4px 10px;
	background:#e9535e;
	border-radius:3px;
	margin:3px 0 0 3px;
}
/* Cancel */
.emailoptions a.cancel{
	float:left;
	color:#FFF;
	display:inline-block;
	padding:3px 20px 4px 10px;
	background:#8f8f8f;
	border-radius:3px;
	margin:3px 0 0 3px;
}
/* Print */
.emailoptions a.print{
	float:left;
	color:#FFF;
	display:inline-block;
	padding:3px 20px 4px 10px;
	background:#34495e;
	border-radius:3px;
	margin:3px 0 0 3px;
}
/* Delete */
.emailoptions a.delete{
	float:left;
	color:#FFF;
	display:inline-block;
	padding:3px 20px 4px 10px;
	background:#cd1a07;
	border-radius:3px;
	margin:3px 0 0 3px;
}
/* Reply */
.emailoptions a.reply{
	float:left;
	color:#FFF;
	display:inline-block;
	padding:3px 20px 4px 10px;
	background:#2489c5;
	border-radius:3px;
	margin:3px 0 0 3px;
}
/* Forward */
.emailoptions a.forward{
	float:left;
	color:#FFF;
	display:inline-block;
	padding:3px 20px 4px 10px;
	background:#075a8b;
	border-radius:3px;
	margin:3px 0 0 3px;
}
.emailoptions .emailcontrols{
	float:left;
	padding:3px 20px 0 0;
}
.emailcontrols a{
	color: #6d6f75;
	background: #fdfdfd;
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f7f7f7));
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f7f7f7 100%);
	background: -o-linear-gradient(top,  #fdfdfd 0%,#f7f7f7 100%);
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#f7f7f7 100%);
	background: linear-gradient(to bottom,  #fdfdfd 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fdfdfd", endColorstr="#f7f7f7",GradientType=0 );
	border-color: #e4e4e4;
	height:27px;
	display:inline-block;
	border:#e4e4e4 solid 1px;
	float:left;
}
.emailcontrols a.prev-email{
	padding:7px 9px 0 6px;
	border-right:none;
	border-radius:3px 0 0 3px;
}
.emailcontrols a.next-email{
	padding:6px 6px 0 9px;
	border-radius:0px 3px 3px 0px;
}
.emailcontrols a i{
	font-size:10px;
	color:#c8c6c6;
	width:13px;
	padding:0;
	float:left;
}
.emailcontrols a.prev-email i{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.emailcontrols a.next-email i{
}
.emailcontrols p{
	float:left;
	padding:3px 0 0 10px;
}
.emailoptions .searchemail{
	float:left;
	width:400px;
}
/* Email List */
.emailbox .emailslist{
	display:table-cell;
	vertical-align:top;
}
.emailslist .table {
	width:100%;
	font-weight:normal;
}
.emailslist .table td.unread{
	font-size:14px;
	font-weight:bold;
}
.emailslist .table td.sender{
	color:#323641;
}
.emailslist .table td.subject{
	font-size:13px;
}
.emailslist .table td.description{
	width:20%;
}
.emailslist footer{
	height:52px;
	background:#f7f7f7;
	padding:12px;
	border-top:#e6e7e8 solid 1px;
}
/* Email Navigation */
.email-nav {
	width:258px;
	display:table-cell;
	vertical-align:top;
}
.email-nav .effect.affix {
	top:0;
}
.email-nav ul{
	list-style:none;
	margin:0;
}
.email-nav li a{
	width:100%;
	height:56px;
	color:#323641;
	font-size:13px;
	font-weight:bold;
	display:inline-block;
	text-transform:uppercase;
	border-top:#e6e7e8 solid 1px;
	padding:17px 0 0 20px;
}
.email-nav a span{
	display:inline-block;
	float:right;
	margin-right:20px;
	font-size:13px;
	color:#FFF;
	padding:0 12px 1px 12px;
	font-weight:normal;
	background:#e9535e;
	border-radius:12px;
}
.email-nav ul li:first-child a{
	border-top:none;
}
/* Email Details */
.emaildetail {
	display:table-cell;
	vertical-align:top;
}
.sender-date {
	width:100%;
	padding:10px 20px 0px 20px;
	background:#f4f4f4;
	border-left:#e6e7e8 solid 1px;
	border-bottom:#e6e7e8 solid 1px;
}
.sender-date p{
	float:left;
}
.sender-date p:first-child:after{
	content:"|";
	padding:0 10px;
}
.emailbody {
	width:100%;
	padding:20px;
	border-left:#e6e7e8 solid 1px;
}
/* Attachment */
.attachments {
	width:100%;
	padding:20px 0px 20px 0px;
	background:#f8f8f8;
	border-left:#e6e7e8 solid 1px;
}
.attachments h2 {
	float:left;
	margin:0px 0px 0px 20px;
}
.attachments h2 i{
	float:left;
	margin:0px 10px 0px 0px;
}
.attachments ul{
	float:left;
	width:100%;
	margin-top:20px;
	list-style:none;
}
.attachments ul li{
	float:left;
	width:18%;
	padding:15px;
	background:#FFF;
	border-radius:3px;
	margin:0px 0px 0px 20px;
	border:#e6e7e8 solid 1px;
}
.attachments ul li figure{
	width:100%;
}
.attachments ul li figure img{
	width:100%;
}
.attachments ul li .attachment-opts{
	width:100%;
}
.attachment-opts a{
	color:#a3a3a3;
	font-size:11px;
}
.attachment-opts a:first-child:after{
	color:#a3a3a3;
	content:" | ";
}
/* Sliders */
.slider-box .slidersec{
	width:100%;
	margin:20px 0;
}
.slider-box .slidersec:first-child{
	margin-top:0px;
}
/* Morris Charts */
.chartdark {
	
}
.morris-hover {
	position: absolute;
	z-index: 1000;
}
.morris-hover.morris-default-style {
	border-radius: 10px;
	padding: 6px;
	color: #666;
	background: rgba(255, 255, 255, 0.8);
	border: solid 2px rgba(230, 230, 230, 0.8);
	font-family: sans-serif;
	font-size: 12px;
	text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
	font-weight: bold;
	margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
	white-space: nowrap;
	margin: 0.1em 0;
}
/* Custom Scroll Bar */
.scrollable {
	position: relative;
}
.scrollable:focus {
	outline: 0;
}
.scrollable .viewport {
	position: relative;
	overflow: hidden;
}
.scrolable {
	width:100%;
	height:300px;
}
.scrollable .viewport .overview {
	position: absolute;
	width:100%;
}
.scrollable .scroll-bar {
	display: none;
	width:8px;
}
.scrollable .scroll-bar.vertical {
	position: absolute;
	height: 100%;
	right:-10px;
}
.scrollable .scroll-bar.horizontal {
	position: relative;
	width: 100%;
}
.scrollable .scroll-bar .thumb {
	position: absolute;
	background:#e3e4e8;
	border-radius:10px;
}
.scrollable .scroll-bar.vertical .thumb {
	width: 100%;
	min-height: 10px;
}
.scrollable .scroll-bar.horizontal .thumb {
	height: 100%;
	min-width: 10px;
	left: 0;
}
.not-selectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*Default skin*/
.scrollable.default-skin {
	padding-right: 10px;
	padding-bottom: 6px;
}
.scrollable.default-skin .scroll-bar.vertical {
	width: 6px;
}
.scrollable.default-skin .scroll-bar.horizontal {
	height: 6px;
}
.scrollable.default-skin .scroll-bar .thumb {
	background-color: black;
	opacity: 0.4;
	border-radius: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.scrollable.default-skin .scroll-bar:hover .thumb {
	opacity: 0.6;
}
/*Gray skin*/
.scrollable.gray-skin {
	padding-right: 17px;
}
.scrollable.gray-skin .scroll-bar {
	border: 1px solid gray;
	background-color: #d3d3d3;
}
.scrollable.gray-skin .scroll-bar .thumb {
	background-color: gray;
}
.scrollable.gray-skin .scroll-bar:hover .thumb {
	background-color: black;
}
.scrollable.gray-skin .scroll-bar.vertical {
	width: 10px;
}
.scrollable.gray-skin .scroll-bar.horizontal {
	height: 10px;
	margin-top: 2px;
}
/*Modern skin*/
.scrollable.modern-skin {
	padding-right: 17px;
}
.scrollable.modern-skin .scroll-bar {
	border: 1px solid gray;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px #888;
	box-shadow: inset 0 0 5px #888;
}
.scrollable.modern-skin .scroll-bar .thumb {
	background-color: #95aabf;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #536984;
}
.scrollable.modern-skin .scroll-bar.vertical .thumb {
	width: 8px;
	background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
	background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
	background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
	background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
	background: linear-gradient(to right, #95aabf 0%, #547092 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr="#95aabf", endColorstr="#547092",GradientType=1 )";
}
.scrollable.modern-skin .scroll-bar.horizontal .thumb {
	height: 8px;
	background-image: linear-gradient(#95aabf, #547092);
	background-image: -o-linear-gradient(#95aabf, #547092);
	background-image: -moz-linear-gradient(#95aabf, #547092);
	background-image: -webkit-linear-gradient(#95aabf, #547092);
	background-image: -ms-linear-gradient(#95aabf, #547092);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr="#95aabf", endColorstr="#547092",GradientType=0 )";
}
.scrollable.modern-skin .scroll-bar.vertical {
	width: 10px;
}
.scrollable.modern-skin .scroll-bar.horizontal {
	height: 10px;
	margin-top: 2px;
}
/* Ion.RangeSlider */
.irs {
    position: relative;
	display: block;
}
.irs-line {
	position: relative;
	display: block;
	overflow: hidden;
}
.irs-line-left, .irs-line-mid, .irs-line-right {
	position: absolute;
	display: block;
	top: 0;
}
.irs-line-left {
	left: 0;
	width: 10%;
}
.irs-line-mid {
	left: 10%;
	width: 80%;
}
.irs-line-right {
	right: 0;
	width: 10%;
}
.irs-diapason {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
}
.irs-slider {
	position: absolute; display: block;
	cursor: default;
	z-index: 1;
}
.irs-slider.single {
	left: 10px;
}
.irs-slider.single:before {
	position: absolute; display: block; content: "";
	top: -50%; left: -100%;
	width: 300%; height: 200%;
	background: rgba(0,0,0,0.0);
}
.irs-slider.from {
	left: 100px;
}
.irs-slider.from:before {
	position: absolute; display: block; content: "";
	top: -50%; left: -200%;
	width: 300%; height: 200%;
	background: rgba(0,0,0,0.0);
}
.irs-slider.to {
	left: 300px;
}
.irs-slider.to:before {
	position: absolute; display: block; content: "";
	top: -50%; left: 0;
	width: 300%; height: 200%;
	background: rgba(0,0,0,0.0);
}
.irs-slider.last {
	z-index: 2;
}
.irs-min {
	position: absolute; display: block;
	left: 0;
	cursor: default;
}
.irs-max {
	position: absolute; display: block;
	right: 0;
	cursor: default;
}
.irs-from, .irs-to, .irs-single {
	position: absolute; display: block;
	top: 0; left: 0;
	cursor: default;
	white-space: nowrap;
}
.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
.irs-grid-pol {
	position: absolute;
	top: 0; left: 0;
	width: 1px; height: 8px;
	background: #000;
}
.irs-grid-pol.small {
	height: 4px;
}
.irs-grid-text {
	position: absolute;
	bottom: 0; left: 0;
	width: 100px;
	white-space: nowrap;
	text-align: center;
	font-size: 9px; line-height: 9px;
	color: #000;
}
/* Ion.RangeSlider, Flat UI Skin */
.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-diapason,
.irs-slider {
    background: url(../images/sprite-skin-flat.png) repeat-x;
}
.irs {
    height: 40px;
}
.irs-with-grid {
    height: 60px;
}
.irs-line {
    height: 12px; top: 25px;
}
.irs-line-left {
	height: 12px;
	background-position: 0 -30px;
}
.irs-line-mid {
	height: 12px;
	background-position: 0 0;
}
.irs-line-right {
	height: 12px;
	background-position: 100% -30px;
}
.irs-diapason {
    height: 12px; top: 25px;
    background-position: 0 -60px;
}
.irs-slider {
    width: 16px; height: 18px;
    top: 22px;
    background-position: 0 -90px;
}
#irs-active-slider, .irs-slider:hover {
    background-position: 0 -120px;
}
.irs-min, .irs-max {
    color: #999;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: #e1e4e9;
    border-radius: 4px;
}
.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: #ed5565;
    border-radius: 4px;
}
.irs-from:after, .irs-to:after, .irs-single:after {
    position: absolute; display: block; content: "";
    bottom: -6px; left: 50%;
    width: 0; height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565;
}
.irs-grid-pol {
    background: #e1e4e9;
}
.irs-grid-text {
    color: #999;
}
/* Data Tables*/
.dataTables_wrapper {
	position: relative;
	clear: both;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next {
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active,
.paginate_disabled_next:active, .paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous, .paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next, .paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	border-bottom:#e0e0df solid 1px;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I"d suggest setting a border-top/left on th/td"s and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid #e0e0df;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid #e0e0df;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url("../images/sort_asc.png") no-repeat center right;
}

.sorting_desc {
	background: url("../images/sort_desc.png") no-repeat center right;
}

.sorting {
	background: url("../images/sort_both.png") no-repeat center right;
}

.sorting_asc_disabled {
	background: url("../images/sort_asc_disabled.png") no-repeat center right;
}

.sorting_desc_disabled {
	background: url("../images/sort_desc_disabled.png") no-repeat center right;
}
 
table.display thead th:active,
table.display thead td:active {
	outline: none;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #fff;
}

table.display tr.even.gradeA {
	background-color: #f6f8fa;
}

table.display tr.odd.gradeC {
	background-color: #fff;
}

table.display tr.even.gradeC {
	background-color: #f6f8fa;
}

table.display tr.odd.gradeX {
	background-color: #fff;
}

table.display tr.even.gradeX {
	background-color: #f6f8fa;
}

table.display tr.odd.gradeU {
	background-color: #fff;
}

table.display tr.even.gradeU {
	background-color: #f6f8fa;
}


tr.odd {
	background-color: #fff;
}

tr.even {
	background-color: #f6f8fa;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers a:active {
	outline: none
}

.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
 	.paging_full_numbers a.paginate_active {
	color: #6d6f75;
	background: #fdfdfd;
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f7f7f7));
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f7f7f7 100%);
	background: -o-linear-gradient(top,  #fdfdfd 0%,#f7f7f7 100%);
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#f7f7f7 100%);
	background: linear-gradient(to bottom,  #fdfdfd 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fdfdfd", endColorstr="#f7f7f7",GradientType=0 );
	border-color: #e4e4e4;
	box-shadow: 0 1px 2px #E7EBEC;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #f7f7f7;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #f0eded;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}
/* Full Calendar */
.fc {
	direction: ltr;
	text-align: left;
}
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
}
html .fc, .fc table {
	font-size: 1em;
}
.fc td, .fc th {
	padding: 0;
	vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/

.fc-header td {
	white-space: nowrap;
}
.fc-header-left {
	width: 25%;
	text-align: left;
}
.fc-header-center {
	text-align: center;
}
.fc-header-right {
	width: 25%;
	text-align: right;
}
.fc-header-title {
	display: inline-block;
	vertical-align: top;
}
.fc-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
}
.fc .fc-header-space {
	padding-left: 10px;
}
.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top;
}
/* buttons edges butting together */

.fc-header .fc-button {
	margin-right: -1px;
}
.fc-header .fc-corner-right,  /* non-theme */ .fc-header .ui-corner-right { /* theme */
	margin-right: 0; /* back to normal */
}
/* button layering (for border precedence) */
	
.fc-header .fc-state-hover, .fc-header .ui-state-hover {
	z-index: 2;
}
.fc-header .fc-state-down {
	z-index: 3;
}
.fc-header .fc-state-active, .fc-header .ui-state-active {
	z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
	
.fc-content {
	clear: both;
	zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}
.fc-view {
	width: 100%;
	overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */ .fc-widget-content {  /* <td>, usually */
	border: 1px solid #ddd;
}
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
	background: #fcf8e3;
}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}
/* Buttons
------------------------------------------------------------------------*/

.fc-button {
	position: relative;
	display: inline-block;
	padding: 0 .6em;
	overflow: hidden;
	height: 1.9em;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
}
.fc-state-default { /* non-theme */
	border: 1px solid;
}
.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we"ll try to make them look good cross-browser.
*/

.fc-text-arrow {
	margin: 0 .1em;
	font-size: 2em;
	font-family: "Courier New", Courier, monospace;
	vertical-align: baseline; /* for IE7 */
}
.fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
	font-weight: bold;
}
/* icon (for jquery ui) */
	
.fc-button .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
}
.fc-button .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
 *margin-top: 0;
 *top: -50%;
}
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	color: #6d6f75;
	height: 29px;
	background: #fdfdfd;
	background: -moz-linear-gradient(top, #fdfdfd 0%, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f7f7f7));
	background: -webkit-linear-gradient(top, #fdfdfd 0%, #f7f7f7 100%);
	background: -o-linear-gradient(top, #fdfdfd 0%, #f7f7f7 100%);
	background: -ms-linear-gradient(top, #fdfdfd 0%, #f7f7f7 100%);
	background: linear-gradient(to bottom, #fdfdfd 0%, #f7f7f7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fdfdfd", endColorstr="#f7f7f7", GradientType=0 );
	border-color: #e4e4e4;
	box-shadow: 0 1px 2px #E7EBEC;
}
.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}
.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
.fc-state-down, .fc-state-active {
	color: #FFF;
	background-color: #2489c5;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}
/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event-container > * {
	z-index: 8;
}
.fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing {
	z-index: 9;
}
.fc-event {
	border: 1px solid #2489c5; /* default BORDER color */
	background-color: #2489c5; /* default BACKGROUND color */
	color: #fff;               /* default TEXT color */
	font-size: .85em;
	cursor: default;
}
a.fc-event {
	text-decoration: none;
}
a.fc-event, .fc-event-draggable {
	cursor: pointer;
}
.fc-rtl .fc-event {
	text-align: right;
}
.fc-event-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.fc-event-time, .fc-event-title {
	padding: 0 1px;
}
.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
}
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
}
.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end {
	border-left-width: 1px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
	border-right-width: 1px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
/* resizable */
	
.fc-event-hori .ui-resizable-e {
	top: 0 !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px !important;
	width: 7px !important;
	height: 100% !important;
	cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
	top: 0 !important;
	left: -3px !important;
	width: 7px !important;
	height: 100% !important;
	cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
}
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
	border-collapse: separate;
}
.fc-border-separate th, .fc-border-separate td {
	border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
	border-right-width: 1px;
}
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
	border-bottom-width: 1px;
}
.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
	text-align: center;
}
.fc .fc-week-number {
	width: 22px;
	text-align: center;
}
.fc .fc-week-number div {
	padding: 0 2px;
}
.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE *//* opacity with small font can sometimes look too faded
	   might want to set the "color" property instead
	   making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
}
/* event styles */
	
.fc-grid .fc-event-time {
	font-weight: bold;
}
/* right-to-left */
	
.fc-rtl .fc-grid .fc-day-number {
	float: left;
}
.fc-rtl .fc-grid .fc-event-time {
	float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
	border-collapse: separate;
}
.fc-agenda-days th {
	text-align: center;
}
.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
}
.fc-agenda .fc-week-number {
	font-weight: bold;
}
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
}
/* make axis border take precedence */
	
.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
	border-left-width: 0;
}
/* all-day area */
	
.fc-agenda-allday th {
	border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
}
/* divider (between all-day and slots) */
	
.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
}
/* slot rows */
	
.fc-agenda-slots th {
	border-width: 1px 1px 0;
}
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
}
.fc-agenda-slots td div {
	height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
 *border-top-style: solid; /* doesn"t work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
	border-width: 0 1px;
}
.fc-event-vert.fc-event-start {
	border-top-width: 1px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.fc-event-vert.fc-event-end {
	border-bottom-width: 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px;
}
.fc-event-vert .fc-event-inner {
	position: relative;
	z-index: 2;
}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25);
}
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ .fc-select-helper .fc-event-bg {
	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don"t work */
}
/* resizable */
	
.fc-event-vert .ui-resizable-s {
	bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
	width: 100% !important;
	height: 8px !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
	_overflow: hidden;
}
/* Login Wrapper */
.loginwrapper {
	width:100%;
	position:absolute;
	left:0;
	top:0;
	display:block;
	height:100%;
	background:#30333b;
}
.loginwrapper .circle {
	width:550px;
	height:550px;
	left:50%;
	top:50%;
	opacity:.7;
	position:absolute;
	margin:-275px 0 0 -275px;
	border:#FFF solid 2px;
	border-radius:50%;
}
.loginwrapper.whiter {
	background:#fff;
}
.loginwrapper.whiter .circle {
	border:#ccc solid 2px;
}
.loginwrapper.lockscreen header h3 {
	padding:0px 0 0 0;
}
.loginwrapper.lockscreen header h3 a{
	color:#FFF;
}
.loginwrapper.whiter.lockscreen header h3 a{
	color:#9B9BA3;
}
/* Login Wrapper */
.loginwrapper .loginone{
	width:350px;
	height:350px;
	left:50%;
	top:50%;
	position:absolute;
	margin:-175px 0 0 -175px;
}
.loginwrapper header{
	width:100%;
	padding:0 0 16px 0;
	text-align:center;
}
.loginwrapper.lockscreen a.avatar img{
	border-radius:50%;
	border:#fff solid 5px;
}
.loginwrapper.whiter.lockscreen a.avatar img{
	border:#E0E0DF solid 5px;
}
.loginwrapper header p{
	padding:32px 0 0px 0;
	font-size:16px;
	color:#9b9ba3;
}
.loginwrapper form{
	width:100%;
}
.loginwrapper input{
	width:100%;
	height:42px;
	margin-bottom:10px;
	position:relative;
}
.loginwrapper input[type="text"], .loginwrapper input[type="password"]{
	font-size:13px;
	color:#6d6f75;
	padding-left:35px;
}
.loginwrapper .username, .loginwrapper .password{
	position:relative;
}
.loginwrapper i{
	left:10px;
	top:10px;
	color:#6d6f75;
	font-size:18px;
	position:absolute;
}
.loginwrapper label{
	font-weight:normal;
	font-size:13px;
	color:#95969d;
}
.loginwrapper input[type="submit"]{
	margin:0 0 20px 0;
}
.loginwrapper .custom-radio-checkbox {
	margin:10px 0 20px 0;
}
.loginwrapper footer a{
	color:#3498db;
}
.loginwrapper.lockscreen footer {
	text-align:center;
}
.loginwrapper.whiter footer a{
	color:#9B9BA3;
}
.loginwrapper.whiter footer a:hover{
	color:#000;
}
/* Custom Checkboxes */
/* iCheck plugin Flat skin, blue
----------------------------------- */
.icheckbox_flat-blue,
.iradio_flat-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../images/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-blue {
    background-position: 0 0;
}
    .icheckbox_flat-blue.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-blue.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-blue.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-blue {
    background-position: -88px 0;
}
    .iradio_flat-blue.checked {
        background-position: -110px 0;
    }
    .iradio_flat-blue.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-blue.checked.disabled {
        background-position: -154px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_flat-blue,
    .iradio_flat-blue {
        background-image: url(../images/blue%402x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}
/* iCheck plugin Flat skin, green
----------------------------------- */
.icheckbox_flat-green,
.iradio_flat-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../images/green.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-green {
    background-position: 0 0;
}
    .icheckbox_flat-green.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-green.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-green.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-green {
    background-position: -88px 0;
}
    .iradio_flat-green.checked {
        background-position: -110px 0;
    }
    .iradio_flat-green.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-green.checked.disabled {
        background-position: -154px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_flat-green,
    .iradio_flat-green {
        background-image: url(../images/green%402x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}
/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(../images/minimal.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal {
    background-position: 0 0;
}
    .icheckbox_minimal.hover {
        background-position: -20px 0;
    }
    .icheckbox_minimal.checked {
        background-position: -40px 0;
    }
    .icheckbox_minimal.disabled {
        background-position: -60px 0;
        cursor: default;
    }
    .icheckbox_minimal.checked.disabled {
        background-position: -80px 0;
    }

.iradio_minimal {
    background-position: -100px 0;
}
    .iradio_minimal.hover {
        background-position: -120px 0;
    }
    .iradio_minimal.checked {
        background-position: -140px 0;
    }
    .iradio_minimal.disabled {
        background-position: -160px 0;
        cursor: default;
    }
    .iradio_minimal.checked.disabled {
        background-position: -180px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_minimal,
    .iradio_minimal {
        background-image: url(../images/minimal%402x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px;
    }
}
/* iCheck plugin Flat skin, orange
----------------------------------- */
.icheckbox_flat-orange,
.iradio_flat-orange {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../images/orange.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-orange {
    background-position: 0 0;
}
    .icheckbox_flat-orange.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-orange.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-orange.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-orange {
    background-position: -88px 0;
}
    .iradio_flat-orange.checked {
        background-position: -110px 0;
    }
    .iradio_flat-orange.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-orange.checked.disabled {
        background-position: -154px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_flat-orange,
    .iradio_flat-orange {
        background-image: url(../images/orange%402x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}
/* iCheck plugin Flat skin, red
----------------------------------- */
.icheckbox_flat-red,
.iradio_flat-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../images/red.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-red {
    background-position: 0 0;
}
    .icheckbox_flat-red.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-red.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-red.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-red {
    background-position: -88px 0;
}
    .iradio_flat-red.checked {
        background-position: -110px 0;
    }
    .iradio_flat-red.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-red.checked.disabled {
        background-position: -154px 0;
    }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_flat-red,
    .iradio_flat-red {
        background-image: url(../images/red%402x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}
/* iCheck plugin Line skin, blue
----------------------------------- */
.icheckbox_line-blue,
.iradio_line-blue {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 15px 5px 38px;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    background: #2489c5;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
    .icheckbox_line-blue .icheck_line-icon,
    .iradio_line-blue .icheck_line-icon {
        position: absolute;
        top: 50%;
        left: 13px;
        width: 13px;
        height: 11px;
        margin: -5px 0 0 0;
        padding: 0;
        overflow: hidden;
        background: url(../images/line.png) no-repeat;
        border: none;
    }
    .icheckbox_line-blue.hover,
    .icheckbox_line-blue.checked.hover,
    .iradio_line-blue.hover {
        background: #3DA0DB;
    }
    .icheckbox_line-blue.checked,
    .iradio_line-blue.checked {
        background: #2489c5;
    }
        .icheckbox_line-blue.checked .icheck_line-icon,
        .iradio_line-blue.checked .icheck_line-icon {
            background-position: -15px 0;
        }
    .icheckbox_line-blue.disabled,
    .iradio_line-blue.disabled {
        background: #ADD7F0;
        cursor: default;
    }
        .icheckbox_line-blue.disabled .icheck_line-icon,
        .iradio_line-blue.disabled .icheck_line-icon {
            background-position: -30px 0;
        }
    .icheckbox_line-blue.checked.disabled,
    .iradio_line-blue.checked.disabled {
        background: #ADD7F0;
    }
        .icheckbox_line-blue.checked.disabled .icheck_line-icon,
        .iradio_line-blue.checked.disabled .icheck_line-icon {
            background-position: -45px 0;
        }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_line-blue .icheck_line-icon,
    .iradio_line-blue .icheck_line-icon {
        background-image: url(../images/line%402x.png);
        -webkit-background-size: 60px 13px;
        background-size: 60px 13px;
    }
}
/* iCheck plugin Line skin, green
----------------------------------- */
.icheckbox_line-green,
.iradio_line-green {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 15px 5px 38px;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    background: #1b7e5a;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
    .icheckbox_line-green .icheck_line-icon,
    .iradio_line-green .icheck_line-icon {
        position: absolute;
        top: 50%;
        left: 13px;
        width: 13px;
        height: 11px;
        margin: -5px 0 0 0;
        padding: 0;
        overflow: hidden;
        background: url(../images/line.png) no-repeat;
        border: none;
    }
    .icheckbox_line-green.hover,
    .icheckbox_line-green.checked.hover,
    .iradio_line-green.hover {
        background: #24AA7A;
    }
    .icheckbox_line-green.checked,
    .iradio_line-green.checked {
        background: #1b7e5a;
    }
        .icheckbox_line-green.checked .icheck_line-icon,
        .iradio_line-green.checked .icheck_line-icon {
            background-position: -15px 0;
        }
    .icheckbox_line-green.disabled,
    .iradio_line-green.disabled {
        background: #89E6C4;
        cursor: default;
    }
        .icheckbox_line-green.disabled .icheck_line-icon,
        .iradio_line-green.disabled .icheck_line-icon {
            background-position: -30px 0;
        }
    .icheckbox_line-green.checked.disabled,
    .iradio_line-green.checked.disabled {
        background: #89E6C4;
    }
        .icheckbox_line-green.checked.disabled .icheck_line-icon,
        .iradio_line-green.checked.disabled .icheck_line-icon {
            background-position: -45px 0;
        }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_line-green .icheck_line-icon,
    .iradio_line-green .icheck_line-icon {
        background-image: url(../images/line%402x.png);
        -webkit-background-size: 60px 13px;
        background-size: 60px 13px;
    }
}
/* iCheck plugin Line skin, orange
----------------------------------- */
.icheckbox_line-orange,
.iradio_line-orange {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 15px 5px 38px;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    background: #f70;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
    .icheckbox_line-orange .icheck_line-icon,
    .iradio_line-orange .icheck_line-icon {
        position: absolute;
        top: 50%;
        left: 13px;
        width: 13px;
        height: 11px;
        margin: -5px 0 0 0;
        padding: 0;
        overflow: hidden;
        background: url(../images/line.png) no-repeat;
        border: none;
    }
    .icheckbox_line-orange.hover,
    .icheckbox_line-orange.checked.hover,
    .iradio_line-orange.hover {
        background: #FF9233;
    }
    .icheckbox_line-orange.checked,
    .iradio_line-orange.checked {
        background: #f70;
    }
        .icheckbox_line-orange.checked .icheck_line-icon,
        .iradio_line-orange.checked .icheck_line-icon {
            background-position: -15px 0;
        }
    .icheckbox_line-orange.disabled,
    .iradio_line-orange.disabled {
        background: #FFD6B3;
        cursor: default;
    }
        .icheckbox_line-orange.disabled .icheck_line-icon,
        .iradio_line-orange.disabled .icheck_line-icon {
            background-position: -30px 0;
        }
    .icheckbox_line-orange.checked.disabled,
    .iradio_line-orange.checked.disabled {
        background: #FFD6B3;
    }
        .icheckbox_line-orange.checked.disabled .icheck_line-icon,
        .iradio_line-orange.checked.disabled .icheck_line-icon {
            background-position: -45px 0;
        }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_line-orange .icheck_line-icon,
    .iradio_line-orange .icheck_line-icon {
        background-image: url(../images/line%402x.png);
        -webkit-background-size: 60px 13px;
        background-size: 60px 13px;
    }
}
/* iCheck plugin Line skin, red
----------------------------------- */
.icheckbox_line-red,
.iradio_line-red {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 15px 5px 38px;
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    background: #e56c69;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
    .icheckbox_line-red .icheck_line-icon,
    .iradio_line-red .icheck_line-icon {
        position: absolute;
        top: 50%;
        left: 13px;
        width: 13px;
        height: 11px;
        margin: -5px 0 0 0;
        padding: 0;
        overflow: hidden;
        background: url(../images/line.png) no-repeat;
        border: none;
    }
    .icheckbox_line-red.hover,
    .icheckbox_line-red.checked.hover,
    .iradio_line-red.hover {
        background: #E98582;
    }
    .icheckbox_line-red.checked,
    .iradio_line-red.checked {
        background: #e56c69;
    }
        .icheckbox_line-red.checked .icheck_line-icon,
        .iradio_line-red.checked .icheck_line-icon {
            background-position: -15px 0;
        }
    .icheckbox_line-red.disabled,
    .iradio_line-red.disabled {
        background: #F7D3D2;
        cursor: default;
    }
        .icheckbox_line-red.disabled .icheck_line-icon,
        .iradio_line-red.disabled .icheck_line-icon {
            background-position: -30px 0;
        }
    .icheckbox_line-red.checked.disabled,
    .iradio_line-red.checked.disabled {
        background: #F7D3D2;
    }
        .icheckbox_line-red.checked.disabled .icheck_line-icon,
        .iradio_line-red.checked.disabled .icheck_line-icon {
            background-position: -45px 0;
        }

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_line-red .icheck_line-icon,
    .iradio_line-red .icheck_line-icon {
        background-image: url(../images/line%402x.png);
        -webkit-background-size: 60px 13px;
        background-size: 60px 13px;
    }
}


/* Subscriptions Box */

.panel
{
    text-align: center;
}
.panel:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }
.panel-body
{
    padding: 0px;
    text-align: center;
}

.the-price
{
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

.the-price h1
{
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.subscript
{
    font-size: 25px;
}

/* CSS-only ribbon styles    */
.cnrflash
{
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
.cnrflash-inner
{
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after
{
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it"s 				container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
.cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cnrflash-label
{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}

/* Subscriptions Box */

/* Basic form */
.form-class{
	padding-left: 22px;
    padding-right: 10px;
    
}

.form-group{
	padding-top: 10px;
	padding-bottom: 10px;
	 
}
/* Basic form */

/* Credit card css */

.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.visa{background-image:url(../images/visa.jpg);}
.mastercard{background-image:url(../images/mastercard.jpg);}
.amex{background-image:url(../images/amex.jpg);}

.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;height:70px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}
/* Credit card css */

.colorseven h2{
    position: relative;
    z-index: 100000;
}
input#kno {
  padding: 9px;
    margin: 10px;
    width: 250px;
    font-size:20px;
}
.clear_text{    font-size: 18px;
    color: blue;
    text-decoration: underline;
    padding: 20px;
}
.kno_section .btn{
	font-size: 18px;
background: lightsteelblue;
  padding: 5px 30px;
}
.kno_section span {
    color: black;
    font-size: 18px;
}
.cus_label , .cus_text{
    width: 50%;
    font-size: 18px;
    float: left;   min-height: 40px;
    padding: 10px;
}
.amt {
    display: inline-block;
    text-align: center;    width: 100%;
    margin-top: 50px;
    font-size: 18px;
}

.success_msg div h1 {
    font-size: 40px;
    text-align: center;
}
.back_option button {
      margin: 20px;
    border: 1px solid #bbade6;
    padding: 10px 30px;
    background: #bbade6;
    font-size: 15px;
    	box-shadow: 0px 2px 2px 0 #bbade6;

}
.back_option {
    margin-top: 40px;
    display: inline-block;
}
@media (max-width:1440px){
	.user .welcome.col-xs-2{
		width:16.666666666666664% !important;
	}
}
.terms_and_conditions p {
	text-align: justify;
}

.card-body {
    text-align: center;
}

table#example {
    width: 100% !important;
}

.table_error {
    cursor: pointer;
	clear: both;
}

.single_line{
	margin: 0px 5px;
	float: left;
}

.page_header_text{
	text-align: center;
    margin: 0px;
    padding: 10px 10px 10px 10px;
    background: #7575ff;
    color: white;
	width: fit-content;
}

.services_header_text{
	text-align: center;
    margin: 10px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background: #7575ff;
    color: white;
	width: fit-content;
}

.btn-primary {
    color: white;
    background-color: #7575ff;
    border-color: #7575ff;
}

#example td {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 175px;
}

#example td:hover {
    white-space: normal;
}

.alert {
    margin-bottom: 0px !important;
}

.password_reveal{
    position: absolute;
	right: 20px;
	top: 52%;
    border: 0px;
    background: transparent;	
}

.loginwrapper input#email {
	font-size: 13px;
	color: #6d6f75;
	padding-left: 35px !important;
}
.loginwrapper input#email {
	font-size: 13px;
	color: #6d6f75;
	padding-left: 35px !important;
}
.circle::before {
	background: none;
	border: 10px solid #A41247;
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	bottom: 4px;
	right: 4px;
	pointer-events: none;
	margin : -20px;
	border-radius: 50%;
}
.loginwrapper .circle {
	opacity: 1;
}

label > span > i.fa{
    font-size: 15px;
    cursor: pointer;
}


.header-User-balance {
    color:#fff!important;
	font-weight: 600;
    margin: 0px;
}

.small-box > .inner {
text-align:center;
}
.sec-box {
	padding: 5px;
}
.mCustomScrollBox{
	max-height: none !important;
}
@media (min-width: 992px){
	.logo {
		width: 260px;
	}	
	.nav_small .logo {
		width: 10px;
	}
}
@media (max-width:1440px){

	.topnav ul li {
		float: left;
		margin-top: 0;
		padding: 0px 5px;
	}

}

.side_bar:before {
	background: #3d3bb3  !important; /*a7deff*/
}

.balance_sheet_summary{
	padding: 15px;
	background: #3d3bb3  !important; /*#c4e9ff*/
	color: #0c2f55;
	font-size: 15px;
	text-align: center;
}

.marquee_bg{
	background: #F5F5F5 !important;
    padding: 20px 0px 15px 0px;
	color: #ff3c3c;
	font-size: 22px;
}

.mCustomScrollbar {
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: hidden;
}

@media (max-width: 1280px){
	.wrapper > header {
		padding: 0px;
	}
}

.header_left_menu_item1 {
	margin-top: 0px;
}

.header_left_menu_item2 {
	margin-top: 0px !important;	
}

.header_right_menu_item1{
	margin-top: 25px;
	float: right;
}

.header_right_menu_item2{
	margin-top: 15px !important;
	float: right;
}

.header_left_panel {
	padding-left: 45px;
}

.pending_number{    
	border: 1px solid white;
    border-radius: 50%;
    margin-left: 5px;
	padding: 4px !important;
}

select.status {
    padding: 5px 0px;
}

button.dt-button.buttons-collection {
    margin: 10px;
}

textarea {
    padding: 5px
}
	
ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0;
    margin-left: 10px;
}

.dashboard {
	padding: 10px 15px;
}

.stat-box.bw:hover {
    background: #b1a8ff;
}

.text_ellipsis {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
input[type="search"] {
    border: 1px dotted;
}
input[type="search"]:active {
    border: 1px dotted;
}

@media (max-width: 1280px){
	.topnav {
		width: auto;
	}
}

nav.topnav {
    padding: 0;
}

.back_button_icon{
	font-size: 25px;
    color: white;
}

.display_none{
	display: none;
}
.alert-danger {
    color: #ffffff;
    background-color: #7676ff;
    padding: 10px 40px;
    cursor: pointer;
}
.btn-success:hover {
    color: #fff;
    background-color: #0c2f55;
    border-color: #0c2f55;
}

.container-fluid.contact_us {
    margin: 20px 0px;
}

button.dt-button, div.dt-button, a.dt-button {
	margin: 5px;
}

div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button{
    width: 93%;	
}

.header_left_panel > figure {
    margin-left: 15px;
}


@media (max-width:991px) {
	.logo {
		position: absolute;
		z-index: 9;
	}

	.logo a {
		display: block;
		width: 122px;
		margin: 0 auto;
	}

	.container_header {
		background: transparent;
		padding: 0px;
		height: auto;
	}
	
	.main-header {
		padding: 0px;
		height: auto;
		margin:0px;
		width: calc(100% - 0px);
	}

	.user .welcome {
		margin-top: 0px;
	}
	
	.user figure img {
		width: 30px;
		height: 30px;
	}
	
	.user figure {
		width: 30px;
		height: 30px;
	}
	
	.header_left_panel > figure {
		width: 30px;
		height: 30px;
	}

	.logo {
		width: auto;
	}

	.icon_menu {
		right: auto;
		left: 15px;
		top: 20px;
	}

	.menu-toggler:before {
		bottom: 7px;
	}

	.mobile_nav .navigation {
		left: 0;
	}

	#toggle_res_search {
		font-size: 16px;
		color: #53505f;
		margin-left: 44px;
		display: inline-block;
		margin-top: 1px;
		position: relative;
		z-index: 9;
	}

	#search_form {
		height: 60px;
		padding: 0;
	}

	.min-h {
		min-height: 0;
	}

	.badge_coun {
		font-size: 0;
		width: 10px;
		height: 10px;
		padding: 0;
		right: 9px;
	}

	.language-switch,
	.dropdown-notification,
	.dropdown-inbox,
	.dropdown-user {
		margin-left: 12px;
		padding: 5px 0;
		z-index: 99;
	}

	.main-header .container_header+.container_header {
		padding: 0;
	}
}
@media (max-width:767px) {
	.content_wrapper{
		margin-left: 0px;
	}
}

html{
	zoom: 90%;
	background: #f5f5f5;
}


.summary_bg {
	padding: 15px;
	background: #7676ff;
	color: white;
	font-size: 15px;
	text-align: center;
}

.text_style {
    color: white;
}

.footer-title {
    font-family: Lato;
    font-weight: 900;
    font-style: normal;
    color: #FFF;
    font-size: 14px;
    color: #99c0fd;
}
.password + .glyphicon {
	cursor: pointer;
	pointer-events: all;
	margin-top: 5px;
	display: inline-block;
}
.carousel-caption {
	left: 0%;
	right: 0%;
	width: 100%;
	background: #00000096;
	padding-bottom: 20px;
	bottom: 0px;
}
.carousel-caption p {
	font-size:20px; 
	color:#fff;
}
.container-loginfull {
	width: 100%;
	min-height: 85vh;
	display: -ms-flexbox;*/
	justify-content: center;
	align-items: center;
	padding: 15px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.input100 {
    border: none;
}

.login100-form-btn {
    border: none;
}
.alert-success {
    padding: 8px 40px;
}
.marquee_bg1 {
	font-size: 16px;
	padding: 10px 0px;
	background: #3d3bc7;
	color: white;
}
.stat-box {
    height: 100px;
}
.div-quick-link {
    float: left;
    width: 16.5%;
	margin: 0px 1px;
}
@media only screen and (max-width: 720px) {
	.div-quick-link {
		float: left;
		width: auto;
	}
}