@charset "GBK";
/*===========Content============*/
.btn-default {
	color: #fff;
	background-color: #abbac3;
	border-color: #abbac3;
}

.btn-default:hover {
	color: #fff;
	background-color: #abbac3;
	border-color: #adadad;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
background-color: #abbac3;
border-color: #ccc;
}
.btn-primary {
	background-color: #eb6a5a;
	border-color: #e5412d;
}

.btn-primary:hover {
	background-color: #c72b18;
	border-color: #b02615;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #e5412d;
	border-color: #de301b;
}

.btn-black {
	background-color: #1f232a;
	border-color: #16191e;
	color: #FFF;
}

.btn-black:hover {
	background-color: black;
	border-color: black;
	color: #FFF;
}

.icon-animated-bell {
	display: inline-block;
	-moz-animation: ringing 2.0s 15 ease 1.0s;
	-webkit-animation: ringing 2.0s 15 ease 1.0s;
	-o-animation: ringing 2.0s 15 ease 1.0s;
	-ms-animation: ringing 2.0s 15 ease 1.0s;
	animation: ringing 2.0s 15 ease 1.0s;
	-moz-transform-origin: 50% 0;
	-webkit-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

@-moz-keyframes ringing {
	0% {
		-moz-transform: rotate(-15deg);
	}

	2% {
		-moz-transform: rotate(15deg);
	}

	4% {
		-moz-transform: rotate(-18deg);
	}

	6% {
		-moz-transform: rotate(18deg);
	}

	8% {
		-moz-transform: rotate(-22deg);
	}

	10% {
		-moz-transform: rotate(22deg);
	}

	12% {
		-moz-transform: rotate(-18deg);
	}

	14% {
		-moz-transform: rotate(18deg);
	}

	16% {
		-moz-transform: rotate(-12deg);
	}

	18% {
		-moz-transform: rotate(12deg);
	}

	20% {
		-moz-transform: rotate(0deg);
	}
}

@-webkit-keyframes ringing {
	0% {
		-webkit-transform: rotate(-15deg);
	}

	2% {
		-webkit-transform: rotate(15deg);
	}

	4% {
		-webkit-transform: rotate(-18deg);
	}

	6% {
		-webkit-transform: rotate(18deg);
	}

	8% {
		-webkit-transform: rotate(-22deg);
	}

	10% {
		-webkit-transform: rotate(22deg);
	}

	12% {
		-webkit-transform: rotate(-18deg);
	}

	14% {
		-webkit-transform: rotate(18deg);
	}

	16% {
		-webkit-transform: rotate(-12deg);
	}

	18% {
		-webkit-transform: rotate(12deg);
	}

	20% {
		-webkit-transform: rotate(0deg);
	}
}

@-ms-keyframes ringing {
	0% {
		-ms-transform: rotate(-15deg);
	}

	2% {
		-ms-transform: rotate(15deg);
	}

	4% {
		-ms-transform: rotate(-18deg);
	}

	6% {
		-ms-transform: rotate(18deg);
	}

	8% {
		-ms-transform: rotate(-22deg);
	}

	10% {
		-ms-transform: rotate(22deg);
	}

	12% {
		-ms-transform: rotate(-18deg);
	}

	14% {
		-ms-transform: rotate(18deg);
	}

	16% {
		-ms-transform: rotate(-12deg);
	}

	18% {
		-ms-transform: rotate(12deg);
	}

	20% {
		-ms-transform: rotate(0deg);
	}
}

@keyframes ringing {
	0% {
		transform: rotate(-15deg);
	}

	2% {
		transform: rotate(15deg);
	}

	4% {
		transform: rotate(-18deg);
	}

	6% {
		transform: rotate(18deg);
	}

	8% {
		transform: rotate(-22deg);
	}

	10% {
		transform: rotate(22deg);
	}

	12% {
		transform: rotate(-18deg);
	}

	14% {
		transform: rotate(18deg);
	}

	16% {
		transform: rotate(-12deg);
	}

	18% {
		transform: rotate(12deg);
	}

	20% {
		transform: rotate(0deg);
	}
}

.icon-animated-vertical {
	display: inline-block;
	-moz-animation: vertical 2.0s 15 ease 2.0s;
	-webkit-animation: vertical 2.0s 15 ease 2.0s;
	-o-animation: vertical 2.0s 15 ease 2.0s;
	-ms-animation: vertical 2.0s 15 ease 2.0s;
	animation: vertical 2.0s 15 ease 2.0s;
}

@-moz-keyframes vertical {
	0% {
		-moz-transform: translate(0, -3px);
	}

	4% {
		-moz-transform: translate(0, 3px);
	}

	8% {
		-moz-transform: translate(0, -3px);
	}

	12% {
		-moz-transform: translate(0, 3px);
	}

	16% {
		-moz-transform: translate(0, -3px);
	}

	20% {
		-moz-transform: translate(0, 3px);
	}

	22% {
		-moz-transform: translate(0, 0);
	}
}

@-webkit-keyframes vertical {
	0% {
		-webkit-transform: translate(0, -3px);
	}

	4% {
		-webkit-transform: translate(0, 3px);
	}

	8% {
		-webkit-transform: translate(0, -3px);
	}

	12% {
		-webkit-transform: translate(0, 3px);
	}

	16% {
		-webkit-transform: translate(0, -3px);
	}

	20% {
		-webkit-transform: translate(0, 3px);
	}

	22% {
		-webkit-transform: translate(0, 0);
	}
}

@-ms-keyframes vertical {
	0% {
		-ms-transform: translate(0, -3px);
	}

	4% {
		-ms-transform: translate(0, 3px);
	}

	8% {
		-ms-transform: translate(0, -3px);
	}

	12% {
		-ms-transform: translate(0, 3px);
	}

	16% {
		-ms-transform: translate(0, -3px);
	}

	20% {
		-ms-transform: translate(0, 3px);
	}

	22% {
		-ms-transform: translate(0, 0);
	}
}

@keyframes vertical {
	0% {
		transform: translate(0, -3px);
	}

	4% {
		transform: translate(0, 3px);
	}

	8% {
		transform: translate(0, -3px);
	}

	12% {
		transform: translate(0, 3px);
	}

	16% {
		transform: translate(0, -3px);
	}

	20% {
		transform: translate(0, 3px);
	}

	22% {
		transform: translate(0, 0);
	}
}

.icon-animated-hand-pointer {
	display: inline-block;
	-moz-animation: hand-pointer 2.0s 15 ease 2.0s;
	-webkit-animation: hand-pointer 2.0s 15 ease 2.0s;
	-o-animation: hand-pointer 2.0s 15 ease 2.0s;
	-ms-animation: hand-pointer 2.0s 15 ease 2.0s;
	animation: hand-pointer 2s 15 ease 2s;
}

@-moz-keyframes hand-pointer {
	0% {
		-moz-transform: translate(0, 0);
	}

	6% {
		-moz-transform: translate(5px, 0);
	}

	12% {
		-moz-transform: translate(0, 0);
	}

	18% {
		-moz-transform: translate(5px, 0);
	}

	24% {
		-moz-transform: translate(0, 0);
	}

	30% {
		-moz-transform: translate(5px, 0);
	}

	36% {
		-moz-transform: translate(0, 0);
	}
}

.icon-animated-wrench {
	display: inline-block;
	-moz-animation: wrenching 2.5s 4 ease;
	-webkit-animation: wrenching 2.5s 4 ease;
	-o-animation: wrenching 2.5s 4 ease;
	-ms-animation: wrenching 2.5s 4 ease;
	animation: wrenching 2.5s 4 ease;
	-moz-transform-origin: 90% 35%;
	-webkit-transform-origin: 90% 35%;
	-o-transform-origin: 90% 35%;
	-ms-transform-origin: 90% 35%;
	transform-origin: 90% 35%;
}

@-moz-keyframes wrenching {
	0% {
		-moz-transform: rotate(-12deg);
	}

	8% {
		-moz-transform: rotate(12deg);
	}

	10% {
		-moz-transform: rotate(24deg);
	}

	18% {
		-moz-transform: rotate(-24deg);
	}

	20% {
		-moz-transform: rotate(-24deg);
	}

	28% {
		-moz-transform: rotate(24deg);
	}

	30% {
		-moz-transform: rotate(24deg);
	}

	38% {
		-moz-transform: rotate(-24deg);
	}

	40% {
		-moz-transform: rotate(-24deg);
	}

	48% {
		-moz-transform: rotate(24deg);
	}

	50% {
		-moz-transform: rotate(24deg);
	}

	58% {
		-moz-transform: rotate(-24deg);
	}

	60% {
		-moz-transform: rotate(-24deg);
	}

	68% {
		-moz-transform: rotate(24deg);
	}

	75% {
		-moz-transform: rotate(0deg);
	}
}

@-webkit-keyframes wrenching {
	0% {
		-webkit-transform: rotate(-12deg);
	}

	8% {
		-webkit-transform: rotate(12deg);
	}

	10% {
		-webkit-transform: rotate(24deg);
	}

	18% {
		-webkit-transform: rotate(-24deg);
	}

	20% {
		-webkit-transform: rotate(-24deg);
	}

	28% {
		-webkit-transform: rotate(24deg);
	}

	30% {
		-webkit-transform: rotate(24deg);
	}

	38% {
		-webkit-transform: rotate(-24deg);
	}

	40% {
		-webkit-transform: rotate(-24deg);
	}

	48% {
		-webkit-transform: rotate(24deg);
	}

	50% {
		-webkit-transform: rotate(24deg);
	}

	58% {
		-webkit-transform: rotate(-24deg);
	}

	60% {
		-webkit-transform: rotate(-24deg);
	}

	68% {
		-webkit-transform: rotate(24deg);
	}

	75% {
		-webkit-transform: rotate(0deg);
	}
}

@-o-keyframes wrenching {
	0% {
		-o-transform: rotate(-12deg);
	}

	8% {
		-o-transform: rotate(12deg);
	}

	10% {
		-o-transform: rotate(24deg);
	}

	18% {
		-o-transform: rotate(-24deg);
	}

	20% {
		-o-transform: rotate(-24deg);
	}

	28% {
		-o-transform: rotate(24deg);
	}

	30% {
		-o-transform: rotate(24deg);
	}

	38% {
		-o-transform: rotate(-24deg);
	}

	40% {
		-o-transform: rotate(-24deg);
	}

	48% {
		-o-transform: rotate(24deg);
	}

	50% {
		-o-transform: rotate(24deg);
	}

	58% {
		-o-transform: rotate(-24deg);
	}

	60% {
		-o-transform: rotate(-24deg);
	}

	68% {
		-o-transform: rotate(24deg);
	}

	75% {
		-o-transform: rotate(0deg);
	}
}

@-ms-keyframes wrenching {
	0% {
		-ms-transform: rotate(-12deg);
	}

	8% {
		-ms-transform: rotate(12deg);
	}

	10% {
		-ms-transform: rotate(24deg);
	}

	18% {
		-ms-transform: rotate(-24deg);
	}

	20% {
		-ms-transform: rotate(-24deg);
	}

	28% {
		-ms-transform: rotate(24deg);
	}

	30% {
		-ms-transform: rotate(24deg);
	}

	38% {
		-ms-transform: rotate(-24deg);
	}

	40% {
		-ms-transform: rotate(-24deg);
	}

	48% {
		-ms-transform: rotate(24deg);
	}

	50% {
		-ms-transform: rotate(24deg);
	}

	58% {
		-ms-transform: rotate(-24deg);
	}

	60% {
		-ms-transform: rotate(-24deg);
	}

	68% {
		-ms-transform: rotate(24deg);
	}

	75% {
		-ms-transform: rotate(0deg);
	}
}

@keyframes wrenching {
	0% {
		transform: rotate(-12deg);
	}

	8% {
		transform: rotate(12deg);
	}

	10% {
		transform: rotate(24deg);
	}

	18% {
		transform: rotate(-24deg);
	}

	20% {
		transform: rotate(-24deg);
	}

	28% {
		transform: rotate(24deg);
	}

	30% {
		transform: rotate(24deg);
	}

	38% {
		transform: rotate(-24deg);
	}

	40% {
		transform: rotate(-24deg);
	}

	48% {
		transform: rotate(24deg);
	}

	50% {
		transform: rotate(24deg);
	}

	58% {
		transform: rotate(-24deg);
	}

	60% {
		transform: rotate(-24deg);
	}

	68% {
		transform: rotate(24deg);
	}

	75% {
		transform: rotate(0deg);
	}
}

.header {
	margin: 0;
	padding: 0;
	
	min-height: 60px;
	border: 0;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
	-moz-box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
	box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
	position: relative;
	-webkit-transition: compact(compact(all 0.3s ease 0s, false, false, false, false, false, false, false, false, false) false false);
	-moz-transition: compact(compact(all 0.3s ease 0s, false, false, false, false, false, false, false, false, false) false false false);
	-o-transition: compact(compact(all 0.3s ease 0s, false, false, false, false, false, false, false, false, false) false false false);
	transition: compact(all 0.3s ease 0s, false, false, false, false, false, false, false, false, false);
}

.header .nav-container {
	padding-left: 10px;
	padding-right: 20px;
}

.nav-header {
	margin: 0 !important;
	font-family: 'Open Sans';
}

.nav-header .navbar-brand {
	margin-right: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 24px;
	text-shadow: compact(none, false, false, false, false, false, false, false, false, false);
	color: white;
	line-height: 28px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.nav-header .navbar-brand:hover {
	color: white;
}

.function-nav {
	margin: 0 !important;
}

.function-nav li {
	margin-right: 20px;
	height: 60px;
	float: left;
	position: relative;
}

.function-nav li .link-items {
	margin-top: 7px;
	padding: 8px 11px;
	height: 44px;
	line-height: 24px;
	text-align: center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}

.function-nav li .link-items [class*="fa-"] {
	display: inline-block;
	font-size: 20px;
	text-align: center;
	width: 20px;
	line-height: 26px;
}

.function-nav li .link-items .badge {
	position: absolute;
	display: block;
	top: -5px;
	left: 26px;
	font-weight: normal;
}

/*.function-nav li .link-items:hover {
	background-color: #fce5e2;
	color: #eb6a5a;
}*/

.function-nav li.profile .link-items {
	margin: 0;
	padding: 0 12px;
	height: 60px;
	line-height: 60px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	border: none;
}

.function-nav li.profile .link-items .profile-face {
	margin: -4px 8px 0 0;
	max-width: 40px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid #fce5e2;
}

.function-nav li.profile .link-items .profile-info {
	display: inline-block;
	line-height: 15px;
	/* max-width: 76px; */
	overflow: hidden;
	position: relative;
	text-align: left;
	text-overflow: ellipsis;
	top: 12px;
	vertical-align: top;
	white-space: nowrap;
	margin-top: 10px;
}

.function-nav li.profile .link-items .profile-info small {
	display: block;
}

.function-nav li.profile .link-items i {
	padding-left: 6px;
}

.function-nav li.profile .link-items:hover {
	color: white;
}

.function-nav li .dropdown-navbar {
	padding: 0;
	width: 50px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: compact(0 2px 4px rgba(30, 30, 100, 0.25), false, false, false, false, false, false, false, false, false);
	-moz-box-shadow: compact(0 2px 4px rgba(30, 30, 100, 0.25), false, false, false, false, false, false, false, false, false);
	box-shadow: compact(0 2px 4px rgba(30, 30, 100, 0.25), false, false, false, false, false, false, false, false, false);
	border-color: #FFF;
	z-index: 1031;
}

.function-nav li .dropdown-navbar.dropdown-close {
	left: auto;
	top: 95%;
	min-width: 180px;
}

.function-nav li .dropdown-navbar.dropdown-caret:before {
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	display: inline-block;
	left: 10px;
	position: absolute;
	top: -6px;
}

.function-nav li .dropdown-navbar.pull-right.dropdown-caret:before {
	left: auto;
	right: 10px;
}

.function-nav li .dropdown-navbar.dropdown-caret:after {
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	display: inline-block;
	left: 10px;
	position: absolute;
	top: -6px;
}

.function-nav li .dropdown-navbar.pull-right.dropdown-caret:after {
	left: auto;
	right: 11px;
}

.function-nav li .dropdown-navbar li {
	margin-right: 0;
	padding: 0 8px;
	height: 40px;
	background-color: #FFF;
	float: none;
}

.function-nav li .dropdown-navbar li.dropdown-header {
	padding: 0 10px;
	height: auto;
	line-height: 42px;
	background-color: #EEE !important;
	font-size: 13px;
	font-weight: bold;
	border-bottom-color: #BCD4E5;
	color: #1f659d;
}

.function-nav li .dropdown-navbar li .sub-link-cont {
	padding: 6px 3px;
	display: block;
	border-bottom: 1px solid #EEE;
	text-align: center;
}

.function-nav li .dropdown-navbar li .sub-link-cont:hover {
	background-color: transparent;
}

.function-nav li .dropdown-navbar li .sub-link-cont .title {
	margin: 0;
}

.function-nav li .dropdown-navbar li .sub-link-cont .time {
	font-size: 12px;
	color: #999;
}

.function-nav li .dropdown-navbar li:hover {
	background-color: #F5F5F5;
}

/*.function-nav li .dropdown-navbar li:last-child .sub-link-cont {
	border-bottom: 0 solid #DDD;
	border-top: 1px dotted transparent;
	color: #4F99C6;
	font-size: 13px;
	text-align: center;
}*/

.function-nav li .profile-list {
	width: auto;
}

.function-nav li .profile-list li a {
	padding: 8px;
}

.function-nav li .profile-list li a i {
	padding-right: 10px;
	font-size: 16px;
}

.function-nav li .profile-list .divider {
	margin: 4px 0 0;
	height: 1px;
	background-color: #E5E5E5;
}

/*.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: #fce5e2;
	color: #eb6a5a;
	border-color: #fce5e2;
}*/

/*.nav .profile.open > a, .nav .profile.open > a:hover, .nav .profile.open > a:focus {
	background-color: #ee7f71 !important;
	color: #FFF;
	border-color: #EEE;
}*/

/*badge label coror*/
.badge-red {
	background-color: #FFF;
	color: #555;
}

.col-sub {
	width: 222px;
	float: left;
	background-color: #3A3D4E;
	position: relative;
}

.col-sub ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.col-sub a {
	outline: none;
}

.col-sub:before {
	background-color: #3A3D4E;
	bottom: 0;
	content: "";
	display: block;
	position: fixed;
	top: 0;
	width: 222px;
	z-index: 0;
}

.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

.nav-list > li {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	margin-top: 2px;
}

.nav-list > li > a {
	margin: 0;
	padding: 0 0px 0 0px;
	height: 48px;
	line-height: 46px;
	display: block;
	background-color: #3e5974;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	text-shadow: none !important;
	overflow: hidden;
}

.nav-list > li > a:hover, .nav-list > li > a:focus, .nav-list > li > a:active {
	background-color: #4d749b;
	color: #fff;
}

.nav-list > li > a [class*="fa-"]:first-child {
	margin-right: 10px;
	min-width: 48px;
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	background-color: #0d68b9;
	height: 48px;
	line-height: 48px;
}

.nav-list > li > a .arrow {
	color: #818c8e;
	display: inline-block;
	font-size: 18px;
	height: 14px;
	line-height: 14px;
	padding: 0;
	position: absolute;
	right: 11px;
	text-shadow: none;
	top: 16px;
	width: 14px !important;
	transition: all 0.3s ease 0s;
}

.nav-list > li .span-navList {
	position: absolute;
	top: 16px;
	right: 34px;
	padding-bottom: 0.1em;
}

.nav-list > li.active, .nav-list > li.current {
	background-color: #5B6074;
}

.nav-list > li.active > a, .nav-list > li.current > a {
	background-color: #4d749b;
	color: #fff;
	font-size: 16px;
}

/*.nav-list > li.active > a i, .nav-list > li.current > a i {
	color: #eb6a5a;
}*/

.nav-list > li.active > a:hover:before, .nav-list > li.current > a:hover:before {
	display: none;
}

.nav-list > li.active > a:hover, .nav-list > li.active > a:focus, .nav-list > li.active > a:active, .nav-list > li.current > a:hover, .nav-list > li.current > a:focus, .nav-list > li.current > a:active {
	background-color: #4d749b;
	color: #fff;
	font-size: 16px;
}

.nav-list > li.active .sub-nav li.current a, .nav-list > li.current .sub-nav li.current a {
	color: #ecf0ef;
}

.nav-list > li.active .sub-nav li.current a [class*="fa-"]:first-child, .nav-list > li.current .sub-nav li.current a [class*="fa-"]:first-child {
	color: #C86139;
}

.nav-list > li.active .sub-nav li.active a:after, .nav-list > li.current .sub-nav li.active a:after {
	display: block;
}

.nav-list > li.active.open li.active a:after, .nav-list > li.current.open li.active a:after {
	border-color: transparent #2b7dbc transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 10px 8px;
	content: "";
	display: block;
	position: absolute !important;
	right: 0;
	top: 6px;
}

.nav-list > li.open {
	border-bottom-color: #E5E5E5;
}

.nav-list > li.open > a:after {
	display: none;
}

.nav-list > li:first-child {
	border-top: 0 none;
}

.nav-list > li .sub-nav {
	background-color: #FFF;
	display: none;
	position: relative;
	overflow: hidden;
}

.nav-list > li .sub-nav > li {
	margin-left: 0;
	position: relative;
	border-bottom: none;
}

.nav-list > li .sub-nav > li a {
	margin: 0;
	padding: 10px 0 11px 37px;
	display: block;
	position: relative;
	font-size: 15px;
	color: #8fa1a1;
	background-color: #30374a;
}

.nav-list > li .sub-nav > li a:hover, .nav-list > li .sub-nav > li a:focus, .nav-list > li .sub-nav > li a:active {
	text-decoration: none;
	color: #ecf0ef;
}

.nav-list > li .sub-nav > li a [class*="fa-"]:first-child {
	width: 18px;
	height: auto;
	position: absolute;
	top: 14px;
	left: 12px;
	background-color: #30374a;
	display: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	text-align: center;
	z-index: 12;
}

.nav-list > li .sub-nav > li a .arrow {
	padding: 0;
	width: 14px !important;
	height: 14px;
	line-height: 14px;
	display: inline-block;
	text-shadow: none;
	color: #6B828E;
	font-size: 16px;
	position: absolute;
	right: 11px;
	top: 10px;
}

.nav-list > li .sub-nav > li:before {
	width: 11px;
	display: inline-block;
	border-top: 1px solid #697676;
	content: "";
	position: absolute;
	left: 19px;
	top: 21px;
	z-index: 10;
}

.nav-list > li .sub-nav > li:first-child a {
	border-top: 1px solid #5B6074;
}

.nav-list > li .sub-nav > li.open a {
	color: #25639E;
}

.nav-list > li .sub-nav > li .span-navList {
	position: absolute;
	top: 11px;
	right: 11px;
	padding-bottom: 0.1em;
}

.nav-list > li .sub-nav > li .sub-nav {
	background-color: transparent;
	border-top: 0 none;
	display: none;
}

.nav-list > li .sub-nav > li .sub-nav li {
	line-height: 16px;
}

.nav-list > li .sub-nav > li .sub-nav li > a {
	margin-left: 20px;
	padding-left: 22px;
}

.nav-list > li .sub-nav > li .sub-nav li a {
	color: #777;
	font-size: 13px;
	border-top: 1px dotted #E4E4E4;
}

.nav-list > li .sub-nav > li .sub-nav li a:hover {
	text-decoration: underline;
	color: #316292;
}

.nav-list > li .sub-nav > li .sub-nav li a:hover i {
	text-decoration: none;
}

.nav-list > li .sub-nav > li .sub-nav li:before {
	border-top: none;
}

.nav-list > li .sub-nav:before {
	border-left: 1px solid #697676;
	bottom: 0;
	content: "";
	display: block;
	left: 18px;
	position: absolute;
	top: 0;
	z-index: 1;
}

li [class^="fa-"], li [class*=" fa-"], .nav-list li [class^="fa-"], .nav-list li [class*=" fa-"] {
	width: auto;
}

.nav-list > li a:hover > .arrow, .nav-list > li.active > a > .arrow, .nav-list > li.open > a > .arrow {
	color: #ecf0ef;
}

.nav-list > li.active > a > .arrow, .nav-list > li.current > a > .arrow {
	top: 22px;
	right: 14px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.nav-list .open > a, .nav-list .open > a:hover, .nav-list .open > a:focus {
	background-color: #3A3D4E;
}

.nav-list > li > .sub-nav li.open > a > [class*="fa-"]:first-child, .nav-list > li .sub-nav > li.current > a > [class*="fa-"]:first-child, .nav-list > li .sub-nav > li:hover > a > [class*="fa-"]:first-child {
	display: inline-block;
}

.nav-list > li > .sub-nav .open > a, .nav-list > li > .sub-nav .open > a:hover, .nav-list > li > .sub-nav .open > a:focus {
	background-color: transparent;
	border-color: #E4E4E4;
}

.nav-list > li > .sub-nav li.open > a .arrow {
	color: #25639E;
}

.nav-list > li > .sub-nav li > .sub-nav li.open > a > [class*="fa-"]:first-child {
	color: #1963AA;
	display: inline-block;
}

.nav-list > li > .sub-nav li > .sub-nav > li a > [class*="fa-"]:first-child {
	background-color: transparent;
	color: inherit;
	display: inline-block;
	font-size: 14px;
	margin-right: 1px;
	position: static;
}

.page-breadcrumb {
	background-color: #ebeff2;
	border-bottom: 1px solid #f4f6f8;
}

.page-breadcrumb .panel-breadcrumb {
	position: relative;
}

.page-breadcrumb .breadcrumb {
	margin-bottom: 0;
	background-color: #FFFFFF;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

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

.help-bg {
	padding: 15px;
}

.help-bg.bg-primary {
	background-color: #eb6a5a;
	color: #FFF;
}

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

.content {
	padding: 0;
	position: static;
}

.content .content-box {
	position: relative;
}

.content:after {
	background-color: white;
	bottom: 0;
	content: "";
	display: block;
	max-width: inherit;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -2;
}

.col-main {
	margin: 0 0 0 222px;
	padding: 0;
	min-height: 100%;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #ebeff2;
}

.page-header {
	margin: 0;
	padding: 10px 25px;
	border-top: 1px solid #c3cfd8;
	border-bottom: 1px solid #c3cfd8;
	background-color: #dce3e8;
	position: relative;
}

.page-header h2 {
	margin: 10px 0;
	color: #555;
	font-size: 26px;
}

.page-header h2 small {
	padding-top: 5px;
	display: block;
	color: #888;
	font-size: 14px;
	font-weight: normal;
}

.page-header .function-btn {
	height: 30px;
	position: absolute;
	top: 30px;
	right: 25px;
}

.page-header .function-btn .btn {
	margin-left: 8px;
}

.page-content {
	/*padding: 15px 20px;*/
}

.page-content:after {
	clear: both;
	content: "";
	display: block;
}

.mod {
	background-color: #FFF;
	/*box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;*/
}

.mod .hd {
	background-color: #eb6a5a;
	border-bottom: 1px solid #c72b18;
}

.mod .hd h4 {
	padding: 15px 15px 15px 20px;
	font-weight: 700;
	color: white;
	font-size: 16px;
}

.mod .bd {
	padding: 30px;
}
.mod .bd1 {
	padding: 30px 15px;
}
.totip {
	cursor: pointer;
}

.width-10 {
	width: 10% !important;
	display: inline-block;
}
.width-20 {
	width: 20% !important;
	display: inline-block;
}
.width-30 {
	width: 30% !important;
	display: inline-block;
}
.width-40 {
	width: 40% !important;
	display: inline-block;
}

.width-50 {
	width: 50% !important;
	display: inline-block;
}
.width-60 {
	width: 60% !important;
	display: inline-block;
}
.width-70 {
	width: 70% !important;
	display: inline-block;
}
.width-80 {
	width: 80% !important;
	display: inline-block;
}
.width-90 {
	width: 90% !important;
	display: inline-block;
}
.mar-5 {margin-top: 5px;}
.mar-10{margin-top: 10px;}
.mar-15{margin-top: 15px;}
.mar-20{margin-top: 20px;}
.mar-25{margin-top: 25px;}
.mar-30{margin-top: 30px;}
.mar-35{margin-top: 35px;}
.mar-40{margin-top: 40px;}
.marbottom-10{margin-bottom: 10px;}
.marbottom-15{margin-bottom: 15px;}
.marbottom-20{margin-bottom: 20px;}
.marbottom-25{margin-bottom: 25px;}
.marbottom-30{margin-bottom: 30px;}
.marbottom-35{margin-bottom: 35px;}
.marbottom-40{margin-bottom: 40px;}
.marleft-10{margin-left: 10px;}
.marleft-15{margin-left: 15px;}
.marleft-20{margin-left: 20px;}
.marleft-25{margin-left: 25px;}
.marleft-30{margin-left: 30px;}
.marright-10{margin-right: 10px;}
.marright-15{margin-right: 15px;}
.marright-20{margin-right: 20px;}
.marright-25{margin-right: 25px;}
.marright-30{margin-right: 30px;}
.mar-top25 {margin-top: -25px;}
.height110 {height: 110px !important;}
.size16 {font-size: 16px !important;}
.noResize {
	resize: none;
}

.form-group-bd {
	padding: 20px 30px !important;
}

.form-group-bd .form-inline .control-label {
	padding-top: 8px;
	text-align: right;
}

.form-group-bd .form-inline .form-control {
	width: 100%;
}

.form-bd .row {
	margin-bottom: 20px;
}

.form-bd .form-group {
	margin-bottom: 24px;
	overflow: hidden;
}

.form-bd .form-group .form-control-feedback {
	height: 40px;
	line-height: 40px;
}

.form-bd .form-group-text {
	margin-bottom: 5px;
}

.form-bd .help-block {
	margin-bottom: 0;
}

.form-bd .input-group-addon {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.form-bd .form-control {
	padding-left: 6px;
	height: 40px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.form-bd .input-sm {
	height: 30px;
}

.form-bd .input-lg {
	height: 46px;
}

.form-bd .help-inline {
	padding-left: 6px;
	display: inline-block;
	color: #757575;
}

.form-bd .form-btn {
	margin-right: 10px;
	padding: 12px 36px;
	font-size: 18px;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0px;
}
/*==============multi-select 插件===================*/
.ms-container {
	background: transparent url("../images/switch.png") no-repeat 50% 50%;
	width: 370px;
}

.ms-container:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
	min-height: 0;
	visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection {
	background: #fff;
	color: #555555;
	float: left;
	width: 45%;
}

.ms-container .ms-selection {
	float: right;
}

.ms-container .ms-list {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	height: 200px;
	padding: 0;
	overflow-y: auto;
}

.ms-container .ms-list.ms-focus {
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0;
	outline: thin dotted \9;
}

.ms-container ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

.ms-container .ms-optgroup-container {
	width: 100%;
}

.ms-container .ms-optgroup-label {
	margin: 0;
	padding: 5px 0px 0px 5px;
	cursor: pointer;
	color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
	border-bottom: 1px #eee solid;
	padding: 2px 10px;
	color: #555;
	font-size: 14px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	background-color: #08c;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
	background-color: #eee;
	color: #aaa;
	cursor: text;
}

.table .thead-bg {
	background-color: #BFBFBF;
	color: #333333;
}

.no-header-border th {
	border-bottom: none !important;
}

.table-cc > thead > tr > th {
	border-bottom: medium none;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	vertical-align: middle;
}

.table-cc > thead > tr > th, .table-cc > tbody > tr > th, .table-cc > tfoot > tr > th, .table-cc > thead > tr > td, .table-cc > tbody > tr > td, .table-cc > tfoot > tr > td {
	border-top-color: #E6E9ED;
	vertical-align: middle;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    border-bottom-width: 1px;
}

.footer {
	margin: 20px 0 -15px;
	padding: 15px;
	background-color: #FFF;
	border-top: 1px solid #E6E9ED;
	font-size: 13px;
	line-height: 170%;
	text-align: center;
}

@media (max-width: 760px) {
	.col-sub {
		margin-top: 37px;
		box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, 0.2);
		float: none;
		left: 0;
		bottom: auto;
		position: absolute;
		top: auto !important;
		z-index: 999;
		overflow: hidden;
	}

	.col-sub:before {
		content: "";
		display: block;
		position: fixed;
		top: auto;
		bottom: auto;
		width: 222px;
		z-index: -1;
	}

	.col-main {
		margin-left: 0;
	}

	.nav-header {
		float: none !important;
	}

	.nav-header .navbar-brand {
		height: 40px;
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 18px;
		line-height: 24px;
	}

	.nav-function .function-nav {
		padding-bottom: 10px;
	}

	.nav-function .function-nav li {
		margin-right: 10px;
		height: 30px;
	}

	.nav-function .function-nav li .link-items {
		margin-top: 0;
		padding: 2px 15px;
		height: 18px;
		line-height: 18px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		border: 0;
	}

	.nav-function .function-nav li .link-items:hover {
		background-color: transparent;
		color: #FFF;
	}

	.function-nav li .dropdown-navbar.dropdown-close {
		left: 0;
	}

	.function-nav li.profile .link-items, .nav .profile.open > a, .nav .profile.open > a:hover, .nav .profile.open > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
		background-color: transparent !important;
		color: #FFF !important;
	}

	.function-nav li .dropdown-navbar.pull-right.dropdown-caret:before, .function-nav li .dropdown-navbar.pull-right.dropdown-caret:after {
		left: 18px;
		right: auto;
	}

	.function-nav li.profile .link-items .profile-info {
		top: 8px;
		font-size: 14px;
	}

	.function-nav li .dropdown-navbar li {
		height: 50px;
	}

	.function-nav li .dropdown-navbar li:last-child {
		height: 36px;
		line-height: 36px;
	}

	.function-nav li.profile .link-items .profile-info small {
		display: none;
	}

	.function-nav li.profile .link-items .profile-face {
		display: none;
	}

	.navbar-toggle {
		float: none;
		margin-top: 0;
		margin-bottom: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		background-color: #5B6074;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}

	.navbar-toggle .icon-bar {
		background-color: #FFF;
		height: 3px;
		width: 28px;
	}

	.navbar-toggle:hover, .navbar-toggle:focus {
		background-color: #3A3D4E;
	}

	.nav-function .function-nav .profile-list {
		min-width: 110px;
	}

	.nav-function .function-nav .profile-list li {
		height: 30px;
		line-height: 30px;
	}

	.function-nav li .profile-list .divider {
		height: 1px;
	}

	.breadcrumb {
		padding-left: 80px;
		text-align: right;
		display: inline-block;
	}

	.page-content {
		/*padding: 15px;*/
	}

	.mod .bd {
		padding: 15px;
	}

	.footer {
		padding: 15px 0;
		font-size: 12px;
	}
}

.zh {
	font-family: "Microsoft Yahei",Helvetica,"SimHei",Arial,Tahoma;
}

/*hr*/
.hr {
	margin: 12px 0 6px;
	border-top: 1px solid #E3E3E3;
	display: block;
	font-size: 0;
	height: 0;
	overflow: hidden;
}

.hr-m18 {
	margin: 18px 0;
}

.hr-double {
	border-bottom: 1px solid #E3E3E3;
	border-top: 1px solid #E3E3E3;
	border-left: 0;
	border-right: 0;
	height: 3px;
}

.dotted {
	border-style: dotted !important;
}

/*================= ***Table module*** ====================*/
.search-box {
	padding-bottom: 10px;
}

.search-box [class*=" col-sm"] {
	padding-left: 8px;
	padding-right: 8px;
}

.search-box .form-group {
	margin-bottom: 15px;
}

.search-box .control-label {
	padding-right: 15px;
	width: 30%;
	display: inline-block;
	line-height: 32px;
	text-align: right;
	font-weight: normal;
}

.search-box .form-control {
	width: 68%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.function-box {
	margin-bottom: 15px;
}

.function-box .mid-function {
	text-align: center;
}

.function-box .right-function {
	text-align: right;
}

.btn-circle {
	margin-bottom: 2px;
	width: 28px;
	height: 28px;
	margin-right: 2px;
	padding: 3px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	color: #FFF;
	font-size: 14px;
}

.page-box {
	padding: 6px 4px;
	overflow: hidden;
}

.page-info {
	padding-top: 10px;
}

.page-info span {
	display: inline-block;
	color: #7A7676;
}

.page-cont {
	height: 40px;
}

.page-cont .pagination {
	margin: 0;
}

.page-cont .other-pagi {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.page-cont .other-pagi > li:first-child > a, .page-cont .other-pagi > li:first-child > span, .page-cont .other-pagi > li:last-child > a, .page-cont .other-pagi > li:last-child > span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.page-cont .other-pagi > li > a, .page-cont .other-pagi > li > span {
	margin-left: 3px;
	padding: 7px 13px;
}

.page-cont .other-pagi li {
	border-color: #DDD;
}

.page-cont .other-pagi li a {
	color: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.page-cont .other-pagi li.active a {
	color: #FFF;
}

.page-cont .other-pagi > .disabled > span, .page-cont .other-pagi > .disabled > span:hover, .page-cont .other-pagi > .disabled > span:focus, .page-cont .other-pagi > .disabled > a, .page-cont .other-pagi > .disabled > a:hover, .page-cont .other-pagi > .disabled > a:focus {
	color: #bbb;
	background-color: #f2f2f2;
}

.page-cont .other-pagi > .active > a, .page-cont .other-pagi > .active > span, .page-cont .other-pagi > .active > a:hover, .page-cont .other-pagi > .active > span:hover, .page-cont .other-pagi > .active > a:focus, .page-cont .other-pagi > .active > span:focus {
	background-color: #eb6a5a;
	border-color: #eb6a5a;
}

.customer-pager a {
	color: #eb6a5a;
}

.customer-pager a:hover {
	color: #c72b18;
}

.customer-pager .disabled > a, .customer-pager .disabled > a:hover, .customer-pager .disabled > a:focus, .customer-pager .disabled > span {
	color: #bbb;
}

.panel-heading {
	padding: 15px;
}

.panel {
	border-color: #DDD;
}

.panel > .panel-heading {
	background-color: #F5F5F5;
	border-color: #DDD;
}

.panel > .panel-footer {
	background-color: #F5F5F5;
}

.panel-default {
	border-color: #424f63;
}

.panel-default > .panel-heading {
	background-color: #424f63;
	border-color: #424f63;
	color: #fff;
}

.panel-primary {
	border-color: #428bca;
}

.panel-primary > .panel-heading {
	background-color: #428bca;
	border-color: #428bca;
	color: #fff;
}

.panel-default > .panel-footer {
	background-color: #424f63;
	color: #FFF;
}

.panel-success {
	border-color: #5cb85c;
}

.panel-success > .panel-heading {
	background-color: #5cb85c;
	border-color: #5cb85c;
	color: #fff;
}

.panel-info {
	border-color: #46b8da;
}

.panel-info > .panel-heading {
	background-color: #46b8da;
	border-color: #46b8da;
	color: #fff;
}

.panel-warning {
	border-color: #f0ad4e;
}

.panel-warning > .panel-heading {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
	color: #fff;
}

.panel-danger {
	border-color: #d9534f;
}

.panel-danger > .panel-heading {
	background-color: #d9534f;
	border-color: #d9534f;
	color: #fff;
}

.page-search-cont {
	margin: 0 auto;
	width: 700px;
	height: 40px;
	overflow: hidden;
}

.page-search-cont .other-pagi, .page-search-cont .total-page, .page-search-cont .jump-page {
	line-height: 36px;
	float: left;
}

.page-search-cont .total-page {
	margin: 0 15px 0 30px;
	line-height: 40px;
	color: #999;
}

.page-search-cont .jump-page {
	padding-left: 10px;
	color: #999;
}

.page-search-cont .jump-page label {
	font-weight: normal;
	color: #999;
}

.page-search-cont .jump-page .inp-num {
	width: 55px;
	height: 34px;
	border: 1px solid #DEDEDE;
	text-align: center;
	color: #9D9D9D;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-ms-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	border-radius: 5px !important;
}

.page-search-cont .jump-page .btn-num {
	padding: 0 6px;
	height: 43px;
	line-height: 43px;
	background-color: #eb6a5a;
	border: 1px solid #e5412d;
	font-size: 12px;
	color: #FFF;
}

.page-search-cont .jump-page .btn-num:hover {
	text-decoration: none;
	background-color: #c72b18;
	border: 1px solid #992113;
}

/*======500 page=====*/
.error-500 h1 {
	color: #777;
	font-weight: normal;
}

.error-500 h1 span {
	color: #eb6a5a;
}

.error-500 h3 {
	padding-bottom: 20px;
	color: #777;
	font-weight: normal;
}

.error-500 .text {
	padding-bottom: 40px;
	color: #777;
}
.error{
 color:#d16e6c !important;
 border-color:#f09784 !important;
    }

/*================= ***Table module*** ====================*/
/*===input effect===*/
/*
  <div class="form-group col-sm-4">
    <input type="text" class="search-control" id="a1" required="">
    <label class="" for="a1"  alt='Enter User Email' placeholder='User Email'></label>
  </div><!--E .form-group--> 
*/
.search-control[type="text"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: -webkit-calc(3em + 2px);
	height: calc(3em + 2px);
	margin: 0 0 1em;
	padding: 1em;
	border: 1px solid #cccccc;
	background: #fff;
	resize: none;
	outline: none;
}

.search-control[type="text"][required]:focus {
	border-color: #00bafa;
}

.search-control[type="text"][required]:focus + label[placeholder]:before {
	color: #00bafa;
}

.search-control[type="text"][required]:focus + label[placeholder]:before,
.search-control[type="text"][required]:valid + label[placeholder]:before {
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transform: translate(0, -1.5em) scale(0.9, 0.9);
	-ms-transform: translate(0, -1.5em) scale(0.9, 0.9);
	transform: translate(0, -1.5em) scale(0.9, 0.9);
	box-shadow: none !important;
}

.search-control[type="text"][required]:invalid + label[placeholder][alt]:before {
	content: attr(alt);
	box-shadow: none !important;
}

.search-control[type="text"][required] + label[placeholder] {
	display: block;
	pointer-events: none;
	line-height: 1.3em;
	margin-top: -webkit-calc(-3em - 2px);
	margin-top: calc(-3em - 2px);
	margin-bottom: -webkit-calc((3em - 1em) + 2px);
	margin-bottom: calc((3em - 1em) + 2px);
}

.search-control[type="text"][required] + label[placeholder]:before {
	content: attr(placeholder);
	display: inline-block;
	margin: 0 -webkit-calc(1em + 2px);
	margin: 0 calc(1em + 2px);
	padding: 0 2px;
	color: #898989;
	white-space: nowrap;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
	background-image: -webkit-linear-gradient(top, white, white);
	background-image: linear-gradient(to bottom, white, white);
	-webkit-background-size: 100% 5px;
	background-size: 100% 5px;
	background-repeat: no-repeat;
	background-position: center;
}

/*===input effect===*/


/*===Nestable Lists===*/
.dd {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	max-width: 600px;
	list-style: none;
	line-height: 20px;
}

.dd-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dd-list .dd-list {
	padding-left: 30px;
}

.dd-collapsed .dd-list {
	display: none;
}

.dd-item,.dd-empty,.dd-placeholder {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 20px;
	line-height: 20px;
}

.dd-handle,.dd2-content {
	display: block;
	min-height: 38px;
	margin: 5px 0;
	padding: 8px 12px;
	background: #f8faff;
	border: 1px solid #dae2ea;
	color: #7c9eb2;
	text-decoration: none;
	font-weight: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dd-handle:hover,.dd2-content:hover {
	color: #438eb9;
	background: #f4f6f7;
	border-color: #dce2e8;
}

.dd-handle[class*="btn-"],.dd2-content[class*="btn-"] {
	color: #FFF;
	border: 0;
	padding: 9px 12px;
}

.dd-handle[class*="btn-"]:hover,.dd2-content[class*="btn-"]:hover {
	opacity: .85;
	color: #FFF;
}

.dd2-handle+.dd2-content,.dd2-handle+.dd2-content[class*="btn-"] {
	padding-left: 44px;
}

.dd-handle[class*="btn-"]:hover,.dd2-content[class*="btn-"] .dd2-handle[class*="btn-"]:hover+.dd2-content[class*="btn-"] {
	color: #FFF;
}

.dd-item>button:hover ~ .dd-handle,.dd-item>button:hover ~ .dd2-content {
	color: #438eb9;
	background: #f4f6f7;
	border-color: #dce2e8;
}

.dd-item>button:hover ~ .dd-handle[class*="btn-"],.dd-item>button:hover ~ .dd2-content[class*="btn-"] {
	opacity: .85;
	color: #FFF;
}

.dd2-handle:hover ~ .dd2-content {
	color: #438eb9;
	background: #f4f6f7;
	border-color: #dce2e8;
}

.dd2-handle:hover ~ .dd2-content[class*="btn-"] {
	opacity: .85;
	color: #FFF;
}

.dd2-item.dd-item>button {
	margin-left: 34px;
}

.dd-item>button {
	display: block;
	position: relative;
	z-index: 1;
	cursor: pointer;
	float: left;
	width: 25px;
	height: 20px;
	margin: 5px 1px 5px 5px;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: transparent;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	top: 4px;
	left: 1px;
	color: #707070;
}

.dd-item>button:before {
	font-family: FontAwesome;
	content: '\f067';
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	text-indent: 0;
	font-weight: normal;
	font-size: 14px;
}

.dd-item>button[data-action="collapse"]:before {
	content: '\f068';
}

.dd-item>button:hover {
	color: #707070;
}

.dd-item.dd-colored>button,.dd-item.dd-colored>button:hover {
	color: #EEE;
}

.dd-placeholder,.dd-empty {
	margin: 5px 0;
	padding: 0;
	min-height: 30px;
	background: #f0f9ff;
	border: 2px dashed #bed2db;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dd-empty {
	border-color: #AAA;
	border-style: solid;
	background-color: #e5e5e5;
}

.dd-dragel {
	position: absolute;
	pointer-events: none;
	z-index: 999;
	opacity: .8;
}

.dd-dragel>li>.dd-handle {
	color: #4b92be;
	background: #f1f5fa;
	border-color: #d6e1ea;
	border-left: 2px solid #777;
	position: relative;
}

.dd-dragel>li>.dd-handle[class*="btn-"] {
	color: #FFF;
}

.dd-dragel>.dd-item>.dd-handle {
	margin-top: 0;
}

.dd-list>li[class*="item-"] {
	border-width: 0;
	padding: 0;
}

.dd-list>li[class*="item-"]>.dd-handle {
	border-left: 2px solid;
	border-left-color: inherit;
}

.dd-list>li>.dd-handle .sticker {
	position: absolute;
	right: 0;
	top: 0;
}

.dd2-handle,.dd-dragel>li>.dd2-handle {
	left: 0;
	top: 0;
	width: 36px;
	margin: 0;
	border-width: 1px 1px 0 0;
	text-align: center;
	padding: 0!important;
	line-height: 38px;
	height: 38px;
	background: #ebedf2;
	border: 1px solid #dee4ea;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

.dd2-handle:hover,.dd-dragel>li>.dd2-handle {
	background: #e3e8ed;
}

.dd2-content[class*="btn-"] {
	text-shadow: none!important;
}

.dd2-handle[class*="btn-"] {
	text-shadow: none!important;
	background: rgba(0,0,0,0.1)!important;
	border-right: 1px solid #EEE;
}

.dd2-handle[class*="btn-"]:hover {
	background: rgba(0,0,0,0.08)!important;
}

.dd-dragel .dd2-handle[class*="btn-"] {
	border-color: transparent;
	border-right-color: #EEE;
}

.dd2-handle.btn-yellow {
	text-shadow: none!important;
	background: rgba(0,0,0,0.05)!important;
	border-right: 1px solid #FFF;
}

.dd2-handle.btn-yellow:hover {
	background: rgba(0,0,0,0.08)!important;
}

.dd-dragel .dd2-handle.btn-yellow {
	border-color: transparent;
	border-right-color: #FFF;
}

.dd-item>.dd2-handle .drag-icon {
	display: none;
}

.dd-dragel>.dd-item>.dd2-handle .drag-icon {
	display: inline;
}

.dd-dragel>.dd-item>.dd2-handle .normal-icon {
	display: none;
}

.btn-yellow {
	color: #963!important;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.4)!important;
}

.btn-yellow,.btn-yellow:focus {
	background-color: #fee188!important;
	border-color: #fee188;
}

.btn-yellow:hover,.open .btn-yellow.dropdown-toggle {
	background-color: #f7d05b!important;
	border-color: #fee188;
}

.btn-yellow.no-border:hover {
	border-color: #f7d05b;
}

.btn-yellow.no-hover:hover {
	background-color: #fee188!important;
}

.btn-yellow.active {
	background-color: #fbd972!important;
	border-color: #f9cf4f;
}

.btn-yellow.no-border.active {
	background-color: #fad463!important;
	border-color: #fad463;
}

.btn-yellow.disabled,.btn-yellow[disabled],fieldset[disabled] .btn-yellow,.btn-yellow.disabled:hover,.btn-yellow[disabled]:hover,fieldset[disabled] .btn-yellow:hover,.btn-yellow.disabled:focus,.btn-yellow[disabled]:focus,fieldset[disabled] .btn-yellow:focus,.btn-yellow.disabled:active,.btn-yellow[disabled]:active,fieldset[disabled] .btn-yellow:active,.btn-yellow.disabled.active,.btn-yellow[disabled].active,fieldset[disabled] .btn-yellow.active {
	background-color: #fee188!important;
	border-color: #fee188;
}

li.item-orange {
	border-left-color: #e8b110;
}

li.item-red {
	border-left-color: #d53f40;
}

li.item-blue2 {
	border-left-color: #3983c2;
}

.btn-info, .btn-info:focus {
	background-color: #6fb3e0!important;
	border-color: #6fb3e0;
}

/*===Nestable Lists===*/

/*===jQuery UI===*/

.ui-datepicker {
	background-color: #FFF;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2)
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
	height: 26px;
	min-width: 32px;
	max-width: 32px;
	text-align: center;
	cursor: pointer;
	color: transparent;
	line-height: 26px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.ui-datepicker .ui-datepicker-prev .ui-icon,.ui-datepicker .ui-datepicker-next .ui-icon {
	color: transparent;
	visibility: hidden
}

.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover {
	background-color: #EEE;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-prev:before,.ui-datepicker .ui-datepicker-next:before {
	display: inline;
	font-family: FontAwesome;
	font-size: 14px;
	content: "\f060";
	color: #393939
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
	top: 2px
}

.ui-datepicker .ui-datepicker-next:before {
	content: "\f061"
}

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

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

.ui-datepicker td {
	padding: 0
}

.ui-datepicker td>a,.ui-datepicker td>span {
	display: inline-block;
	height: 22px;
	min-width: 24px;
	max-width: 24px;
	text-align: center;
	color: #393939;
	font-size: 13px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.ui-datepicker td>a:hover {
	background-color: #EEE
}

.ui-datepicker td>a.ui-state-highlight {
	background-color: #d5e5ef
}

.ui-datepicker td>a.ui-state-active {
	background-color: #2283c5;
	color: #FFF
}

.ui-datepicker td>a.ui-priority-secondary {
	color: #888
}

.ui-datepicker td>span {
	color: #999
}

.ui-datepicker td .ui-datepicker-title select {
	height: 24px;
	line-height: 24px;
	padding: 2px 3px
}

.ui-datepicker td .ui-datepicker-buttonpane {
	background-color: #DDD;
	height: 1px
}

.header-two {
	line-height: 28px;
	margin-bottom: 16px;
	margin-top: 18px;
	padding-bottom: 4px;
	border-bottom: 1px solid #c72b18;
}

.space-4 {
	max-height: 1px;
	min-height: 1px;
	overflow: hidden;
	margin: 4px 0 3px;
}

.ui-spinner-button {
	border-width: 0!important;
	font-size: 10px;
	height: 26px;
	line-height: 26px;
	width: 26px;
	color: #fff!important;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25)!important;
	display: inline-block;
	text-align: center;
	padding: 0;
}

.ui-accordion .ui-accordion-header {
	color: #478fca;
	font-weight: normal;
	background-color: #f9f9f9;
	border: 1px solid #cdd8e3;
	padding: 8px 8px 9px 24px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	text-indent: 0;
	margin-top: 0;
	position: absolute;
	left: 10px;
	top: 7px;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 3px;
	margin-bottom: 0px;
	min-height: 0;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
	display: inline;
	font-family: FontAwesome;
	font-size: 15px;
	content: "\f0da";
}

.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
	content: "\f0d7";
	font-weight: normal;
}

.ui-tabs .ui-tabs-nav {
	padding: 0;
	border-bottom: 1px solid #c5d0dc;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-tabs .ui-tabs-nav li.ui-state-default>a {
	background-color: #f9f9f9;
	border: 1px solid #c5d0dc;
	border-bottom-width: 0;
	color: #999;
	line-height: 16px;
	margin-right: -1px;
	z-index: 11;
	padding: 8px 12px;
	position: relative;
	top: 2px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active>a {
	background-color: #FFF;
	border: 1px solid;
	border-color: #eb6a5a #c5d0dc transparent;
	border-top-width: 2px;
	-webkit-box-shadow: 0 -2px 3px 0 rgba(0,0,0,0.15);
	box-shadow: 0 -2px 3px 0 rgba(0,0,0,0.15);
	color: #576373;
	position: relative;
	top: 1px;
}

.ui-tabs .ui-tabs-panel {
	border: 1px solid #c5d0dc;
	border-top-width: 0;
	margin: 0;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	padding: 1em 1.4em;
}

.ui-tabs .ui-tabs-nav li>a:focus {
	outline: 0;
}

.ui-accordion .ui-accordion-content {
	border: 1px solid #cdd8e3;
	border-top-width: 0;
	padding: 11px 16px;
}

    /*===Menu ===*/
.ui-menu {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 150px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	background-color: #FFF;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 3px;
}

.ui-menu .ui-state-disabled {
	font-weight: 400;
	margin: .4em 0 .2em;
	line-height: 1.5;
}

.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	line-height: 26px;
}

.ui-menu .ui-state-disabled a {
	color: #999;
	cursor: default;
}

.ui-menu .ui-menu-item a {
	padding: 4px 7px 5px;
	color: #444;
	cursor: pointer;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

.ui-menu .ui-menu-item a .ui-menu-icon {
	float: right;
	position: relative;
	top: 0;
	left: auto;
	right: auto;
	bottom: auto;
	text-indent: 0;
}

.ui-menu .ui-menu-item a .ui-menu-icon:before {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 14px;
	display: inline;
}

.ui-menu {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 150px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	background-color: #FFF;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 3px;
}

.ui-menu .ui-menu-item a {
	display: block;
}

.ui-menu .ui-menu-item a:hover,.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active {
	background-color: #eb6a5a;
	color: #FFF;
	margin: auto;
	font-weight: normal;
}

.ui-menu .ui-menu-item a:hover .ui-menu-icon,.ui-menu .ui-menu-item a.ui-state-focus .ui-menu-icon,.ui-menu .ui-menu-item a.ui-state-active .ui-menu-icon {
	color: #FFF;
}

.ui-menu .ui-state-disabled a:hover,.ui-menu .ui-state-disabled a.ui-state-focus,.ui-menu .ui-state-disabled a.ui-state-active {
	background-color: #FFF;
	color: #999;
}

.ui-state-disabled {
	color: #BBB;
}

.btn-purple:hover, .open .btn-purple.dropdown-toggle {
	background-color: #7461aa!important;
	border-color: #9585bf;
	color: #FFF;
}

.btn-purple, .btn-purple:focus {
	background-color: #9585bf!important;
	border-color: #9585bf;
	color: #FFF;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
	color: #fff;
	background-color: #6fb3e0;
	border-color: #269abc;
}

btn-info, .btn-info:focus {
	background-color: #6fb3e0!important;
	border-color: #6fb3e0;
	color: #FFF;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}

.ui-widget-overlay {
	background: rgba(0,0,0,0.25);
	opacity: 1!important;
	filter: alpha(opacity=100)!important;
	z-index: 1040!important
}

.ui-dialog, .ui-jqdialog {
	z-index: 1050!important;
	background-color: #FFF;
	padding: 0;
	border: 1px solid #DDD;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.ui-dialog .ui-dialog-titlebar, .ui-jqdialog .ui-dialog-titlebar, .ui-dialog .ui-jqdialog-titlebar, .ui-jqdialog .ui-jqdialog-titlebar {
	background-color: #f1f1f1;
	font-size: 16px;
	color: #669fc7;
	padding: 0;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-title, .ui-jqdialog .ui-dialog-title, .ui-dialog .ui-jqdialog-title, .ui-jqdialog .ui-jqdialog-title {
	float: none;
	width: auto;
}

.ui-dialog .widget-header, .ui-jqdialog .widget-header {
	margin: 0;
	border-width: 0 0 1px 0;
}

.widget-header {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	min-height: 38px;
	background: #f7f7f7;
	background-image: -webkit-gradient(linear,left 0,left 100%,from(#fff),to(#eee));
	background-image: -webkit-linear-gradient(top,#fff,0%,#eee,100%);
	background-image: -moz-linear-gradient(top,#fff 0,#eee 100%);
	background-image: linear-gradient(to bottom,#fff 0,#eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffeeeeee',GradientType=0);
	color: #669fc7;
	border: 1px solid #CCC;
	border-bottom: 1px solid #DDD;
	padding-left: 12px;
}


.widget-header:after {
	clear: right;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}

.ui-dialog .ui-dialog-titlebar-close,.ui-jqdialog .ui-dialog-titlebar-close,.ui-dialog .ui-jqdialog-titlebar-close,.ui-jqdialog .ui-jqdialog-titlebar-close {
	border: 0;
	background: transparent;
	opacity: .4;
	color: #d15b47;
	padding: 0;
	top: 50%;
	right: 8px!important;
	text-align: center
}

.ui-dialog .ui-dialog-titlebar-close:before, .ui-jqdialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-jqdialog-titlebar-close:before, .ui-jqdialog .ui-jqdialog-titlebar-close:before {
	content: "\f00d";
	display: inline;
	font-family: FontAwesome;
	font-size: 16px;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-text, .ui-jqdialog .ui-dialog-titlebar-close .ui-button-text, .ui-dialog .ui-jqdialog-titlebar-close .ui-button-text, .ui-jqdialog .ui-jqdialog-titlebar-close .ui-button-text {
	text-indent: 0;
	visibility: hidden;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: 0;
	overflow: auto;
}

.space-6 {
	max-height: 1px;
	min-height: 1px;
	overflow: hidden;
	margin: 12px 0;
	margin: 6px 0 5px;
}

.center, .align-center {
	text-align: center!important;
}

.ui-dialog .ui-dialog-buttonpane, .ui-jqdialog .ui-dialog-buttonpane, .ui-dialog .ui-jqdialog-buttonpane, .ui-jqdialog .ui-jqdialog-buttonpane {
	background-color: #eff3f8;
	border-top: 1px solid #e4e9ee;
}

.btn-danger, .btn-danger:focus {
	background-color: #fff!important;
	border-color: #d15b47;
}

.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}

.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}

.ui-spinner-button {
	border-width: 0!important;
	font-size: 10px;
	height: 14px;
	line-height: 14px;
	width: 18px;
	color: #fff!important;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25)!important;
	display: inline-block;
	position: absolute;
	text-align: center;
	padding: 0
}

.ui-spinner-button>[class*="icon-"] {
	width: 18px;
	display: inline-block
}

.ui-spinner-up {
	top: 0;
	right: 5px
}

.ui-spinner-down {
	bottom: 3px;
	right: 5px
}

.ui-spinner-input {
	margin-top: 0;
	padding: 5px;
	max-width: 100px;
	font-size: 14px
}

/*===jQuery UI===*/


/*===Tabs & Accordions===*/

.nav-tabs {
	border-color: #c5d0dc;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
	top: 1px;
}

.nav-tabs>li>a {
	padding: 8px 12px;
}

.nav-tabs>li>a,.nav-tabs>li>a:focus {
	border-radius: 0!important;
	background-color: #f9f9f9;
	color: #999;
	margin-right: -1px;
	line-height: 16px;
	position: relative;
	z-index: 11;
	border-color: #c5d0dc;
}

.nav-tabs>li>a:active,.nav-tabs>li>a:focus {
	outline: none!important
}

.nav-tabs>li:first-child>a {
	margin-left: 0;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
	color: #576373;
	border-color: #c5d0dc;
	border-top: 2px solid #eb6a5a;
	border-bottom-color: transparent;
	background-color: #FFF;
	z-index: 12;
	line-height: 16px;
	margin-top: -1px;
	box-shadow: 0 -2px 3px 0 rgba(0,0,0,0.15);
}

.tabs-below>.nav-tabs {
	top: auto;
	margin-bottom: 0;
	margin-top: -1px;
	border-color: #c5d0dc;
	border-bottom-width: 0;
}

.nav-tabs>li>a:hover {
	background-color: #FFF;
	color: #eb6a5a;
	border-color: #ddd;
}

.tabs-below>.nav-tabs>li>a,.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus {
	border-color: #ddd;
}

.tabs-below>.nav-tabs>li.active>a,.tabs-below>.nav-tabs>li.active>a:hover,.tabs-below>.nav-tabs>li.active>a:focus {
	border-color: #c5d0dc;
	border-top-width: 1px;
	border-bottom: 2px solid #eb6a5a;
	border-top-color: transparent;
	margin-top: 0;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15);
}

.tabs-left>.nav-tabs {
	top: auto;
	margin-bottom: 0;
	border-color: #c5d0dc;
	float: left;
}

.tabs-left>.nav-tabs>li {
	float: none;
}

.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a {
	min-width: 60px;
}

.tabs-left>.nav-tabs>li>a,.tabs-left>.nav-tabs>li>a:focus,.tabs-left>.nav-tabs>li>a:hover {
	border-color: #ddd;
	margin: 0 -1px 0 0;
}

.tabs-left>.nav-tabs>li.active>a,.tabs-left>.nav-tabs>li.active>a:focus,.tabs-left>.nav-tabs>li.active>a:hover {
	border-color: #c5d0dc;
	border-top-width: 1px;
	border-left: 2px solid #eb6a5a;
	border-right-color: transparent;
	margin: 0 -1px 0 -1px;
	-webkit-box-shadow: -2px 0 3px 0 rgba(0,0,0,0.15);
	box-shadow: -2px 0 3px 0 rgba(0,0,0,0.15);
}

.tabs-right>.nav-tabs {
	top: auto;
	margin-bottom: 0;
	border-color: #c5d0dc;
	float: right;
}

.tabs-right>.nav-tabs>li {
	float: none;
}

.tabs-right>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:hover {
	border-color: #c5d0dc;
	margin: 0 -1px;
}

.tabs-right>.nav-tabs>li.active>a,.tabs-right>.nav-tabs>li.active>a:focus,.tabs-right>.nav-tabs>li.active>a:hover {
	border-color: #c5d0dc;
	border-top-width: 1px;
	border-right: 2px solid #4c8fbd;
	border-left-color: transparent;
	margin: 0 -2px 0 -1px;
	-webkit-box-shadow: 2px 0 3px 0 rgba(0,0,0,0.15);
	box-shadow: 2px 0 3px 0 rgba(0,0,0,0.15);
}

.nav-tabs>li>a>.badge {
	padding: 0 4px;
	line-height: 15px;
	opacity: .7;
}

.nav-tabs>li>a>[class*="icon-"] {
	opacity: .75;
}

.nav-tabs>li.active>a>.badge,.nav-tabs>li.active>a>[class*="icon-"] {
	opacity: 1;
}

.nav-tabs li [class*=" icon-"],.nav-tabs li [class^="icon-"] {
	width: 1.25em;
	display: inline-block;
	text-align: center;
}

.nav-tabs>li.open .dropdown-toggle {
	background-color: #4f99c6;
	border-color: #4f99c6;
	color: #FFF;
}

.nav-tabs>li.open .dropdown-toggle>[class*="icon-"] {
	color: #FFF!important
}

.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus {
	background-color: #4f99c6;
	border-color: #4f99c6;
	color: #fff;
}

.nav-pills .open .dropdown-toggle>[class*="icon-"],.nav>li.dropdown.open.active>a:hover>[class*="icon-"],.nav>li.dropdown.open.active>a:focus>[class*="icon-"] {
	color: #FFF!important
}

.nav-tabs>li:not(.active):not(.open)>a:not(:hover)>[class*="icon-"]:first-child.disabled {
	color: #909090!important
}

.nav-tabs.tab-size-bigger>li>a {
	padding-left: 14px;
	padding-right: 14px;
}

.nav-tabs.tab-size-bigger>li>a>[class*="icon-"]:first-child {
	display: block;
	margin-bottom: 6px;
	width: auto;
}

.nav-tabs.tab-space-1>li>a {
	margin-right: 1px;
}

.nav-tabs.tab-space-2>li>a {
	margin-right: 2px;
}

.nav-tabs.tab-space-3>li>a {
	margin-right: 3px;
}

.nav-tabs.tab-space-4>li>a {
	margin-right: 4px;
}

.nav-tabs[class*="tab-color-"]>li>a,.nav-tabs[class*="tab-color-"]>li>a:focus,.nav-tabs[class*="tab-color-"]>li>a:hover {
	color: #FFF;
	border-color: transparent;
	margin-right: 3px;
}

.nav-tabs[class*="tab-color-"]>li>a>.badge {
	border-radius: 2px;
}

.nav-tabs[class*="tab-color-"]>li:not(.active)>a:hover {
	opacity: .85;
	border-color: rgba(0,0,0,0.15);
	border-bottom-color: transparent;
}

.nav-tabs[class*="tab-color-"]>li:not(.active)>a>[class*="icon-"]:first-child {
	color: #FFF!important
}

.nav-tabs[class*="tab-color-"]>li:not(.active)>a>.badge {
	color: rgba(0,0,0,0.4)!important;
	background-color: #FFF!important;
	border-radius: 2px;
}

.nav-tabs.tab-color-blue>li>a,.nav-tabs.tab-color-blue>li>a:focus {
	background-color: #eb6a5a
}

.nav-tabs[class*="tab-color-"]>li.active>a,.nav-tabs[class*="tab-color-"]>li.active>a:focus,.nav-tabs[class*="tab-color-"]>li.active>a:hover {
	background-color: #FFF;
	color: #4f80a0;
	box-shadow: none;
}

.nav-tabs.tab-color-blue>li.active>a,.nav-tabs.tab-color-blue>li.active>a:focus,.nav-tabs.tab-color-blue>li.active>a:hover {
	color: #4c718a;
	border-color: #eb6a5a #eb6a5a transparent;
}

.tabs-below .nav-tabs.tab-color-blue>li.active>a {
	border-color: transparent #7db4d8 #7db4d8;
}

.nav-tabs.tab-color-blue {
	border-bottom-color: #c5d0dc
}

.nav-tabs.background-blue {
	padding-top: 6px;
	
	border: 1px solid #ddd;
    background-image: linear-gradient(to bottom,#fff 0,#eee 100%);
}

.space {
	max-height: 1px;
	min-height: 1px;
	overflow: hidden;
	margin: 12px 0;
}

.tab-content {
	border: 1px solid #ddd;
	padding: 16px 12px;
	position: relative;
	z-index: 11;
}

.tab-content.no-padding {
	padding: 0;
}

.tab-content.no-border {
	border: 0;
	padding: 12px;
}

.tab-content.padding-32 {
	padding: 32px 24px;
}

.tab-content.no-border.padding-32 {
	padding: 32px;
}

.tab-content.padding-30 {
	padding: 30px 23px;
}

.tab-content.no-border.padding-30 {
	padding: 30px;
}

.tab-content.padding-28 {
	padding: 28px 21px;
}

.tab-content.no-border.padding-28 {
	padding: 28px;
}

.tab-content.padding-26 {
	padding: 26px 20px;
}

.tab-content.no-border.padding-26 {
	padding: 26px;
}

.tab-content.padding-24 {
	padding: 24px 18px
}

.tab-content.no-border.padding-24 {
	padding: 24px;
}

.tab-content.padding-22 {
	padding: 22px 17px;
}

.tab-content.no-border.padding-22 {
	padding: 22px;
}

.tab-content.padding-20 {
	padding: 20px 15px;
}

.tab-content.no-border.padding-20 {
	padding: 20px;
}

.tab-content.padding-18 {
	padding: 18px 14px;
}

.tab-content.no-border.padding-18 {
	padding: 18px;
}

.tab-content.padding-16 {
	padding: 16px 12px;
}

.tab-content.no-border.padding-16 {
	padding: 16px;
}

.tab-content.padding-14 {
	padding: 14px 11px;
}

.tab-content.no-border.padding-14 {
	padding: 14px;
}

.tab-content.padding-12 {
	padding: 12px 9px;
}

.tab-content.no-border.padding-12 {
	padding: 12px;
}

.tab-content.padding-10 {
	padding: 10px 8px;
}

.tab-content.no-border.padding-10 {
	padding: 10px;
}

.tab-content.padding-8 {
	padding: 8px 6px;
}

.tab-content.no-border.padding-8 {
	padding: 8px;
}

.tab-content.padding-6 {
	padding: 6px 5px;
}

.tab-content.no-border.padding-6 {
	padding: 6px;
}

.tab-content.padding-4 {
	padding: 4px 3px;
}

.tab-content.no-border.padding-4 {
	padding: 4px;
}

.tab-content.padding-2 {
	padding: 2px 2px;
}

.tab-content.no-border.padding-2 {
	padding: 2px;
}

.tab-content.padding-0 {
	padding: 0;
}

.tab-content.no-border.padding-0 {
	padding: 0;
}

.tab-content,.tabs-right .tab-content {
	overflow: auto;
}

.tabs-left .tab-content, .tabs-right .tab-content {
	overflow: auto;
}

.inline {
	display: inline-block!important;
}

.smaller-80 {
	font-size: 80%;
}

.no-margin {
	margin: 0!important;
}

.center,.align-center {
	text-align: center!important
}

.align-left {
	text-align: left!important
}

.align-right {
	text-align: right!important
}

.middle {
	vertical-align: middle;
}

.align-middle {
	vertical-align: middle!important
}

.align-top {
	vertical-align: top!important
}

.align-bottom {
	vertical-align: bottom!important
}

.smaller-90 {
	font-size: 90%;
}

.smaller-80 {
	font-size: 80%;
}

.smaller-70 {
	font-size: 70%;
}

.smaller-60 {
	font-size: 60%;
}

.smaller-50 {
	font-size: 50%;
}

.smaller-40 {
	font-size: 40%;
}

.smaller-30 {
	font-size: 30%;
}

.smaller-20 {
	font-size: 20%;
}

.smaller-75 {
	font-size: 75%;
}

.panel-heading+.panel-collapse .panel-body {
	border-top-color: #cdd8e3!important
}

.accordion-style1.panel-group .panel-heading {
	padding: 0;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle {
	color: #4c8fbd;
	background-color: #eef4f9;
	position: relative;
	font-weight: bold;
	font-size: 13px;
	line-height: 1;
	padding: 10px;
	display: block;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle.collapsed {
	color: #478fca;
	font-weight: normal;
	background-color: #f9f9f9;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle:hover {
	color: #6ea6cc;
	background-color: #f1f8fd;
	text-decoration: none;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle:focus,.accordion-style1.panel-group .panel-heading .accordion-toggle:active {
	outline: 0;
	text-decoration: none;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle>[class*="icon-"]:first-child {
	width: 16px;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle:hover>[class*="icon-"]:first-child {
	text-decoration: none;
}

.accordion-style1.panel-group .panel-body,.accordion-style1.panel-group .collapse.in>.panel-body {
	border-top: 1px solid #cdd8e3;
}

.accordion-style1.panel-group.no-padding {
	padding: 0;
}

.accordion-style2.panel-group .panel {
	border-width: 0;
}

.accordion-style2.panel-group .panel:last-child {
	border-bottom-width: 0;
}

.accordion-style2.panel-group .panel+.panel {
	margin-top: 4px;
}

.accordion-style2.panel-group .panel .panel-body {
	border-top: 0;
}

.accordion-style2.panel-group .panel-heading .accordion-toggle {
	background-color: #edf3f7;
	border: 2px solid #6eaed1;
	border-width: 0 0 0 2px;
}

.accordion-style2.panel-group .panel-heading .accordion-toggle:hover {
	text-decoration: none
}

.accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed {
	background-color: #f3f3f3;
	color: #606060;
	border-width: 0 0 0 1px;
	border-color: #d9d9d9;
}

.accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed:hover {
	background-color: #f6f6f6;
	color: #438eb9;
	text-decoration: none;
}

.accordion-style2.panel-group .panel-body,.accordion-style2.panel-group .collapse.in>.panel-body {
	border-top: 0;
}

.accordion-style2.panel-group .accordion-style2.panel-group .panel {
	border-bottom: 1px dotted #d9d9d9;
}

.accordion-style2.panel-group .accordion-style2.panel-group .panel:last-child {
	border-bottom: 0;
}

.accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading,.accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading .accordion-toggle {
	background-color: transparent;
	border-width: 0;
	font-size: 13px;
	padding-top: 6px;
	padding-bottom: 8px;
}

.accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading {
	padding-top: 0;
	padding-bottom: 0;
}

.btn-lg {
	border-width: 1px;
	line-height: 1.35;
	padding: 7px 16px;
}

.btn-sm {
	border-width: 1px;
	font-size: 13px;
	padding: 4px 9px;
	line-height: 1.39;
}



.btn-minier {
	padding: 0 4px;
	line-height: 18px;
	border-width: 2px;
	font-size: 12px;
}

button.btn:active {
	top: 1px;
	left: 1px;
}

.widget-main {
	padding: 12px;
}
.btn-inverse{
    background-color: #555!important;
    border-color: #555;
}
.btn-inverse:hover, .open .btn-inverse.dropdown-toggle {
    background-color: #303030!important;
    border-color: #555;
}
.mod .hd h4.p-d-32{
    padding-bottom:32px;}
.l-h-48{
    padding-bottom:48px;
    }
/*===Tabs & Accordions===*/


/*===Treeview===*/


.tree {
	padding-left: 9px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}

.tree:before {
	display: inline-block;
	content: "";
	position: absolute;
	top: -20px;
	bottom: 16px;
	left: 0;
	/*border: 1px dotted #67b2dd;*/
	border-width: 0 0 0 1px;
	z-index: 1;
}

.tree .tree-folder {
	width: auto;
	min-height: 20px;
	cursor: pointer;
}

.tree .tree-folder .tree-folder-header {
	position: relative;
	height: 20px;
	line-height: 20px;
}

.tree .tree-folder .tree-folder-header:hover {
	background-color: #f0f7fc;
}

.tree .tree-folder .tree-folder-header .tree-folder-name,.tree .tree-item .tree-item-name {
	display: inline;
	z-index: 2;
}

.tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child,.tree .tree-item>[class*="icon-"]:first-child {
	display: inline-block;
	position: relative;
	z-index: 2;
	top: -1px;
}

.tree .tree-folder .tree-folder-header .tree-folder-name {
	margin-left: 2px;
}

.tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child {
	margin: -2px 0 0 -2px;
}

.tree .tree-folder:last-child:after {
	display: inline-block;
	content: "";
	position: absolute;
	z-index: 1;
	top: 15px;
	bottom: 0;
	left: -15px;
	border-left: 1px solid #FFF;
}

.tree .tree-folder .tree-folder-content {
	margin-left: 23px;
	position: relative;
}

.tree .tree-folder .tree-folder-content:before {
	display: inline-block;
	content: "";
	position: absolute;
	z-index: 1;
	top: -14px;
	bottom: 16px;
	left: -14px;
	/*border: 1px dotted #67b2dd;*/
	border-width: 0 0 0 1px;
}

.tree .tree-item {
	position: relative;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

.tree .tree-item:hover {
	background-color: #f0f7fc;
}

.tree .tree-item .tree-item-name {
	margin-left: 3px;
}

.tree .tree-item .tree-item-name>[class*="icon-"]:first-child {
	margin-right: 3px;
}

.tree .tree-item>[class*="icon-"]:first-child {
	margin-top: -1px;
}

.tree .tree-folder,.tree .tree-item {
	position: relative;
}

.tree .tree-folder:before,.tree .tree-item:before {
	display: inline-block;
	content: "";
	position: absolute;
	top: 14px;
	left: -13px;
	width: 18px;
	height: 0;
	/*border-top: 1px dotted #67b2dd;*/
	z-index: 1;
}

.tree .tree-selected {
	background-color: rgba(98,168,209,0.1);
	color: #6398b0;
}

.tree .tree-selected:hover {
	background-color: rgba(98,168,209,0.1);
}

.tree .tree-item,.tree .tree-folder {
	/*border: 1px solid #FFF;*/
}

.tree .tree-folder .tree-folder-header {
	border-radius: 0;
}

.tree .tree-item,.tree .tree-folder .tree-folder-header {
	margin: 0;
	padding: 5px;
	color: #4d6878;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.tree .tree-item>[class*="icon-"]:first-child {
	color: #f9e8ce;
	width: 13px;
	height: 13px;
	line-height: 13px;
	font-size: 11px;
	text-align: center;
	border-radius: 3px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-color: #fafafa;
	border: 1px solid #CCC;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.tree .tree-selected>[class*="icon-"]:first-child {
	background-color: #f9a021;
	border-color: #f9a021;
	color: #FFF;
}

.tree .icon-plus[class*="icon-"]:first-child,.tree .icon-minus[class*="icon-"]:first-child {
	border: 1px solid #DDD;
	vertical-align: middle;
	height: 11px;
	width: 11px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: center;
	border: 1px solid #8baebf;
	line-height: 10px;
	background-color: #FFF;
	position: relative;
	z-index: 1;
}

.tree .icon-plus[class*="icon-"]:first-child:before {
	display: block;
	content: "+";
	font-family: "Open Sans";
	font-size: 16px;
	position: relative;
	z-index: 1;
}

.tree .icon-minus[class*="icon-"]:first-child:before {
	content: "";
	display: block;
	width: 7px;
	height: 0;
	border-top: 1px solid #4d6878;
	position: absolute;
	top: 5px;
	left: 2px;
}

.tree .tree-unselectable .tree-item>[class*="icon-"]:first-child {
	color: #5084a0;
	width: 13px;
	height: 13px;
	line-height: 13px;
	font-size: 10px;
	text-align: center;
	border-radius: 0;
	background-color: transparent;
	border: 0;
	box-shadow: none;
}

.tree [class*="icon-"][class*="-down"] {
	transform: rotate(0deg);
}

.tree .icon-spin {
	height: auto;
}

.tree .tree-loading {
	margin-left: 36px;
}

.tree img {
	display: inline;
	veritcal-align: middle;
}

.widget-box {
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 3px 0;
	border-bottom: 1px solid #CCC;
}

@media only screen and (max-width:767px) {
	.widget-box {
		margin-top: 7px;
		margin-bottom: 7px
	}
}

.widget-header {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	min-height: 38px;
	background: #f7f7f7;
	background-image: -webkit-gradient(linear,left 0,left 100%,from(#fff),to(#eee));
	background-image: -webkit-linear-gradient(top,#fff,0%,#eee,100%);
	background-image: -moz-linear-gradient(top,#fff 0,#eee 100%);
	background-image: linear-gradient(to bottom,#fff 0,#eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffeeeeee',GradientType=0);
	color: #ffffff;
	border: 1px solid #CCC;
	border-bottom: 1px solid #DDD;
	padding-left: 12px;
}

.widget-header:before,.widget-header:after {
	content: "";
	display: table;
	line-height: 0;
}

.widget-header:after {
	clear: right;
}

.collapsed .widget-header {
	border-bottom-width: 0;
}

.collapsed .widget-body {
	display: none;
}

.widget-header-flat {
	background: #f7f7f7;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.widget-header-large {
	min-height: 49px;
	padding-left: 18px;
}

.widget-header-small {
	min-height: 31px;
	padding-left: 10px;
}

.widget-header>.widget-caption,.widget-header>:first-child {
	line-height: 36px;
	padding: 0;
	margin: 0;
	display: inline;
}

.widget-header>.widget-caption>[class*="icon-"],.widget-header>:first-child>[class*="icon-"] {
	margin-right: 5px;
	font-weight: normal;
	display: inline-block;
}

.widget-header-large>.widget-caption,.widget-header-large>:first-child {
	line-height: 48px;
}

.widget-header-small>.widget-caption,.widget-header-small>:first-child {
	line-height: 30px;
}

.widget-toolbar {
	display: inline-block;
	padding: 0 10px;
	line-height: 37px;
	float: right;
	position: relative;
}

.widget-header-large>.widget-toolbar {
	line-height: 48px;
}

.widget-header-small>.widget-toolbar {
	line-height: 29px;
}

.widget-toolbar.no-padding {
	padding: 0;
}

.widget-toolbar.padding-5 {
	padding: 0 5px;
}

.widget-toolbar:before {
	display: inline-block;
	content: "";
	position: absolute;
	top: 3px;
	bottom: 3px;
	left: -1px;
	border: 1px solid #d9d9d9;
	border-width: 0 1px 0 0;
}

.widget-header-large>.widget-toolbar:before {
	top: 6px;
	bottom: 6px;
}
[class*="header-color-"]>.widget-toolbar:before {
	border-color: #EEE;
}

.header-color-orange>.widget-toolbar:before {
	border-color: #FEA;
}

.header-color-dark>.widget-toolbar:before {
	border-color: #222;
	box-shadow: -1px 0 0 rgba(255,255,255,0.2),inset 1px 0 0 rgba(255,255,255,0.1);
}

.widget-toolbar.no-border:before {
	display: none;
}

.widget-toolbar label {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}

.widget-toolbar>a {
	font-size: 14px;
	margin: 0 1px;
	display: inline-block;
	padding: 0;
	line-height: 24px;
}

.widget-toolbar>a:hover {
	text-decoration: none;
}

.widget-header-large>.widget-toolbar>a {
	font-size: 15px;
	margin: 0 1px;
}

.widget-toolbar>.btn.smaller {
	line-height: 26px;
}

.widget-toolbar>.btn.bigger {
	line-height: 28px;
}

.widget-toolbar>.btn-sm {
	line-height: 24px;
}

.widget-toolbar>.btn-sm.smaller {
	line-height: 23px;
}

.widget-toolbar>.btn-sm.bigger {
	line-height: 25px;
}

.widget-toolbar>.btn-xs {
	line-height: 22px;
}

.widget-toolbar>.btn-xs.smaller {
	line-height: 21px;
}

.widget-toolbar>.btn-xs.bigger {
	line-height: 23px;
}

.widget-toolbar>.btn-minier {
	line-height: 18px;
}

.widget-toolbar>.btn-minier.smaller {
	line-height: 17px;
}

.widget-toolbar>.btn-minier.bigger {
	line-height: 19px;
}

.widget-toolbar>.btn-lg {
	line-height: 36px;
}

.widget-toolbar>.btn-lg.smaller {
	line-height: 34px;
}

.widget-toolbar>.btn-lg.bigger {
	line-height: 38px;
}

.widget-toolbar-dark {
	background: #444;
}

.widget-toolbar-light {
	background: rgba(255,255,255,0.85);
}

.widget-toolbar>[data-action]>[class*="icon-"] {
	margin-right: 0;
}

.widget-toolbar>[data-action]:focus {
	text-decoration: none;
}
[class*="header-color-"]>.widget-toolbar>[data-action] {
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
[class*="header-color-"]>.widget-toolbar>[data-action="settings"] {
	color: #d3e4ed;
}
[class*="header-color-"]>.widget-toolbar>[data-action="reload"] {
	color: #deead3;
}
[class*="header-color-"]>.widget-toolbar>[data-action="collapse"] {
	color: #e2e2e2;
}
[class*="header-color-"]>.widget-toolbar>[data-action="close"] {
	color: #ffd9d5;
}

.header-color-orange>.widget-toolbar>[data-action] {
	text-shadow: none;
}

.header-color-orange>.widget-toolbar>[data-action="settings"] {
	color: #559aab;
}

.header-color-orange>.widget-toolbar>[data-action="reload"] {
	color: #7ca362;
}

.header-color-orange>.widget-toolbar>[data-action="collapse"] {
	color: #777;
}

.header-color-orange>.widget-toolbar>[data-action="close"] {
	color: #a05656;
}

.widget-toolbar>[data-action="settings"],.header-color-dark>.widget-toolbar>[data-action="settings"] {
	color: #99cadb;
}

.widget-toolbar>[data-action="reload"],.header-color-dark>.widget-toolbar>[data-action="reload"] {
	color: #acd392;
}

.widget-toolbar>[data-action="collapse"],.header-color-dark>.widget-toolbar>[data-action="collapse"] {
	color: #aaa;
}

.widget-toolbar>[data-action="close"],.header-color-dark>.widget-toolbar>[data-action="close"] {
	color: #e09e96;
}

.widget-toolbar .progress {
	vertical-align: middle;
	display: inline-block;
	margin: 0;
}

.widget-toolbar>.dropdown,.widget-toolbar>.dropup {
	display: inline-block;
}

.widget-toolbar>.dropdown>.dropdown-menu:before,.dropdown-menu.dropdown-caret:before {
	border-bottom: 7px solid rgba(0,0,0,0.2);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	content: "";
	display: inline-block;
	left: 9px;
	position: absolute;
	top: -7px;
}

.widget-toolbar>.dropdown>.dropdown-menu:after,.dropdown-menu.dropdown-caret:after {
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	display: inline-block;
	left: 10px;
	position: absolute;
	top: -6px;
}

.widget-toolbar>.dropdown>.dropdown-menu.pull-right:before,.dropdown-menu.pull-right.dropdown-caret:before {
	left: auto;
	right: 9px;
}

.widget-toolbar>.dropdown>.dropdown-menu.pull-right:after,.dropdown-menu.pull-right.dropdown-caret:after {
	left: auto;
	right: 10px;
}

.widget-header[class*="header-color-"] {
	color: #FFF;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #eb6a5a;
}

.header-color-blue {
	background: #307ecc;
	border-color: #307ecc;
}

.header-color-blue2 {
	background: #5090c1;
	border-color: #5090c1;
}

.header-color-blue3 {
	background: #6379aa;
	border-color: #6379aa;
}

.header-color-green {
	background: #82af6f;
	border-color: #82af6f;
}

.header-color-green2 {
	background: #2e8965;
	border-color: #2e8965;
}

.header-color-green3 {
	background: #4ebc30;
	border-color: #4ebc30;
}

.header-color-red {
	background: #e2755f;
	border-color: #e2755f;
}

.header-color-red2 {
	background: #e04141;
	border-color: #e04141;
}

.header-color-red3 {
	background: #d15b47;
	border-color: #d15b47;
}

.header-color-orange {
	background: #ffc657;
	border-color: #e8b10d;
	color: #855d10!important;
}

.header-color-purple {
	background: #7e6eb0;
	border-color: #7e6eb0;
}

.header-color-pink {
	background: #ce6f9e;
	border-color: #ce6f9e;
}

.header-color-dark {
	background: #404040;
	border-color: #454545;
}

.header-color-grey {
	background: #848484;
	border-color: #989898;
}

/*===Treeview===*/

/*===Dashboard===*/
.widget-main.no-padding .table, .widget-main.padding-0 .table {
    margin-bottom: 0;
    border: 0;
}
.easyPieChart {
	position: relative;
	text-align: center;
}

.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0
}

.legendLabel {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 20px;
	font-size: 10px;
}

.grid2,.grid3,.grid4 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 0;
	float: left;
	border-left: 1px solid #e3e3e3
}

.grid2:first-child,.grid3:first-child,.grid4:first-child {
	border-left: none
}

.grid2 {
	width: 48%;
	padding: 0 2%
}

.grid3 {
	width: 33%;
	padding: 0 2%
}

.grid4 {
	width: 23%;
	margin: 0 1%;
	padding: 0 1%
}

.infobox-container {
	text-align: center;
	font-size: 0
}

.infobox {
	display: inline-block;
	width: 210px;
	height: 66px;
	color: #555;
	background-color: #FFF;
	box-shadow: none;
	border-radius: 0;
	margin: -1px 0 0 -1px;
	padding: 8px 3px 6px 9px;
	border: 1px dotted;
	border-color: #d8d8d8!important;
	vertical-align: middle;
	text-align: left;
	position: relative
}

.infobox>.infobox-icon {
	display: inline-block;
	vertical-align: top;
	width: 44px
}

.infobox>.infobox-icon>[class*="icon-"] {
	display: inline-block;
	height: 42px;
	margin: 0;
	padding: 1px 1px 0 2px;
	background-color: transparent;
	border: 0;
	text-align: center;
	position: relative;
	border-radius: 100%;
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	box-shadow: 1px 1px 0 rgba(0,0,0,0.2)
}

.infobox>.infobox-icon>[class*="icon-"]:before {
	font-size: 24px;
	display: block;
	padding: 6px 0 7px;
	width: 40px;
	text-align: center;
	border-radius: 100%;
	color: rgba(255,255,255,0.9);
	background-color: rgba(255,255,255,0.2);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.14)
}

.infobox .infobox-content {
	color: #555
}

.infobox .infobox-content:first-child {
	font-weight: bold
}

.infobox>.infobox-data {
	display: inline-block;
	border: 0;
	border-top-width: 0;
	font-size: 13px;
	text-align: left;
	line-height: 21px;
	min-width: 130px;
	padding-left: 8px;
	position: relative;
	top: 0
}

.infobox>.infobox-data>.infobox-data-number {
	display: block;
	font-size: 22px;
	margin: 2px 0 4px;
	position: relative;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.15)
}

.infobox>.infobox-data>.infobox-text {
	display: block;
	font-size: 16px;
	margin: 2px 0 4px;
	position: relative;
	text-shadow: none;
}

.infobox.no-border {
	border: none!important
}

@media only screen and (max-width:460px) {
	.infobox {
		min-width: 95%;
		margin-top: 2px;
		margin-bottom: 2px
	}
}

.infobox-purple {
	color: #6f3cc4;
	border-color: #6f3cc4
}

.infobox-purple>.infobox-icon>[class*="icon-"] {
	background-color: #6f3cc4
}

.infobox-purple.infobox-dark {
	background-color: #6f3cc4;
	border-color: #6f3cc4
}

.infobox-purple2 {
	color: #5f47b0;
	border-color: #5f47b0
}

.infobox-purple2>.infobox-icon>[class*="icon-"] {
	background-color: #5f47b0
}

.infobox-purple2.infobox-dark {
	background-color: #5f47b0;
	border-color: #5f47b0
}

.infobox-pink {
	color: #cb6fd7;
	border-color: #cb6fd7
}

.infobox-pink>.infobox-icon>[class*="icon-"] {
	background-color: #cb6fd7
}

.infobox-pink.infobox-dark {
	background-color: #cb6fd7;
	border-color: #cb6fd7
}

.infobox-blue {
	color: #6fb3e0;
	border-color: #6fb3e0
}

.infobox-blue>.infobox-icon>[class*="icon-"] {
	background-color: #6fb3e0
}

.infobox-blue.infobox-dark {
	background-color: #6fb3e0;
	border-color: #6fb3e0
}

.infobox-blue2 {
	color: #3983c2;
	border-color: #3983c2
}

.infobox-blue2>.infobox-icon>[class*="icon-"] {
	background-color: #3983c2
}

.infobox-blue2.infobox-dark {
	background-color: #3983c2;
	border-color: #3983c2
}

.infobox-blue3 {
	color: #1144eb;
	border-color: #1144eb
}

.infobox-blue3>.infobox-icon>[class*="icon-"] {
	background-color: #1144eb
}

.infobox-blue3.infobox-dark {
	background-color: #1144eb;
	border-color: #1144eb
}

.infobox-red {
	color: #d53f40;
	border-color: #d53f40
}

.infobox-red>.infobox-icon>[class*="icon-"] {
	background-color: #d53f40
}

.infobox-red.infobox-dark {
	background-color: #d53f40;
	border-color: #d53f40
}

.infobox-brown {
	color: #c67a3e;
	border-color: #c67a3e
}

.infobox-brown>.infobox-icon>[class*="icon-"] {
	background-color: #c67a3e
}

.infobox-brown.infobox-dark {
	background-color: #c67a3e;
	border-color: #c67a3e
}

.infobox-wood {
	color: #7b3f25;
	border-color: #7b3f25
}

.infobox-wood>.infobox-icon>[class*="icon-"] {
	background-color: #7b3f25
}

.infobox-wood.infobox-dark {
	background-color: #7b3f25;
	border-color: #7b3f25
}

.infobox-light-brown {
	color: #cebea5;
	border-color: #cebea5
}

.infobox-light-brown>.infobox-icon>[class*="icon-"] {
	background-color: #cebea5
}

.infobox-light-brown.infobox-dark {
	background-color: #cebea5;
	border-color: #cebea5
}

.infobox-orange {
	color: #e8b110;
	border-color: #e8b110
}

.infobox-orange>.infobox-icon>[class*="icon-"] {
	background-color: #e8b110
}

.infobox-orange.infobox-dark {
	background-color: #e8b110;
	border-color: #e8b110
}

.infobox-orange2 {
	color: #f79263;
	border-color: #f79263
}

.infobox-orange2>.infobox-icon>[class*="icon-"] {
	background-color: #f79263
}

.infobox-orange2.infobox-dark {
	background-color: #f79263;
	border-color: #f79263
}

.infobox-green {
	color: #9abc32;
	border-color: #9abc32
}

.infobox-green>.infobox-icon>[class*="icon-"] {
	background-color: #9abc32
}

.infobox-green.infobox-dark {
	background-color: #9abc32;
	border-color: #9abc32
}

.infobox-green2 {
	color: #0490a6;
	border-color: #0490a6
}

.infobox-green2>.infobox-icon>[class*="icon-"] {
	background-color: #0490a6
}

.infobox-green2.infobox-dark {
	background-color: #0490a6;
	border-color: #0490a6
}

.infobox-grey {
	color: #999;
	border-color: #999
}

.infobox-grey>.infobox-icon>[class*="icon-"] {
	background-color: #999
}

.infobox-grey.infobox-dark {
	background-color: #999;
	border-color: #999
}

.infobox-black {
	color: #393939;
	border-color: #393939
}

.infobox-black>.infobox-icon>[class*="icon-"] {
	background-color: #393939
}

.infobox-black.infobox-dark {
	background-color: #393939;
	border-color: #393939
}

.infobox-dark {
	margin: 1px 1px 0 0;
	border-color: transparent!important;
	border: 0;
	color: #FFF;
	padding: 4px
}

.infobox-dark>.infobox-icon>[class*="icon-"],.infobox-dark>.infobox-icon>[class*="icon-"]:before {
	background-color: transparent;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
	font-size: 30px
}

.infobox-dark>.infobox-icon>[class*="icon-"]:before {
	opacity: 1;
	filter: alpha(opacity=100)
}

.infobox-dark .infobox-content {
	color: #FFF
}

.infobox>.infobox-progress {
	padding-top: 0;
	display: inline-block;
	vertical-align: top;
	width: 44px
}

.infobox>.infobox-chart {
	padding-top: 0;
	display: inline-block;
	vertical-align: text-bottom;
	width: 44px;
	text-align: center
}

.infobox>.infobox-chart>.sparkline {
	font-size: 24px
}

.infobox>.infobox-chart canvas {
	vertical-align: middle!important
}

.infobox>.stat {
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 11px;
	text-shadow: none;
	color: #abbac3;
	font-size: 13px;
	font-weight: bold;
	padding-right: 18px;
	padding-top: 3px
}

.infobox>.stat:before {
	display: inline-block;
	content: "";
	width: 8px;
	height: 11px;
	background-color: #abbac3;
	position: absolute;
	right: 4px;
	top: 7px
}

.infobox>.stat:after {
	display: inline-block;
	content: "";
	position: absolute;
	right: 1px;
	top: -8px;
	border: 12px solid transparent;
	border-width: 8px 7px;
	border-bottom-color: #abbac3
}

.infobox>.stat.stat-success {
	color: #77c646
}

.infobox>.stat.stat-success:before {
	background-color: #77c646
}

.infobox>.stat.stat-success:after {
	border-bottom-color: #77c646
}

.infobox>.stat.stat-important {
	color: #e4564f
}

.infobox>.stat.stat-important:before {
	background-color: #e4564f;
	top: 3px
}

.infobox>.stat.stat-important:after {
	border-top-color: #e4564f;
	border-bottom-color: transparent;
	bottom: -6px;
	top: auto
}

.infobox.infobox-dark>.stat {
	color: #FFF
}

.infobox.infobox-dark>.stat:before {
	background-color: #e1e5e8
}

.infobox.infobox-dark>.stat:after {
	border-bottom-color: #e1e5e8;
}

.infobox.infobox-dark>.stat.stat-success {
	color: #FFF
}

.infobox.infobox-dark>.stat.stat-success:before {
	background-color: #d0e29e
}

.infobox.infobox-dark>.stat.stat-success:after {
	border-bottom-color: #d0e29e
}

.infobox.infobox-dark>.stat.stat-important {
	color: #FFF
}

.infobox.infobox-dark>.stat.stat-important:before {
	background-color: #ff8482;
	top: 3px
}

.infobox.infobox-dark>.stat.stat-important:after {
	border-top-color: #ff8482;
	border-bottom-color: transparent;
	bottom: -6px;
	top: auto
}

.infobox>.badge {
	position: absolute;
	right: 20px;
	top: 11px;
	border-radius: 0;
	text-shadow: none;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	height: 16px;
	padding: 0 1px
}

.infobox.infobox-dark>.badge {
	color: #FFF;
	background-color: rgba(255,255,255,0.2)!important;
	border: 1px solid #f1f1f1;
	top: 2px;
	right: 2px
}

.infobox.infobox-dark>.badge.badge-success>[class*="icon-"] {
	color: #c6e9a1
}

.infobox.infobox-dark>.badge.badge-important>[class*="icon-"] {
	color: #ecb792
}

.infobox.infobox-dark>.badge.badge-warning>[class*="icon-"] {
	color: #ecb792
}

.infobox-small {
	width: 208px;
	height: 52px;
	text-align: left;
	padding-bottom: 5px
}

.infobox-small>.infobox-icon,.infobox-small>.infobox-chart,.infobox-small>.infobox-progress {
	display: inline-block;
	width: 40px;
	max-width: 40px;
	height: 42px;
	line-height: 38px;
	vertical-align: middle
}

.infobox-small>.infobox-data {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	max-width: 72px;
	min-width: 0
}

.infobox-small>.infobox-chart>.sparkline {
	font-size: 14px;
	margin-left: 2px
}

.percentage {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	vertical-align: top
}

.infobox-small .percentage {
	font-size: 13px;
	font-weight: normal;
	margin-top: 2px;
	margin-left: 2px
}
 
 

 
/*.dark{color:#333!important}
.white{color:#fff!important}
.red{color:#dd5a43!important}
.light-red{color:#f77!important}
.blue{color:#478fca!important}
.light-blue{color:#93cbf9!important}
.green{color:#69aa46!important}
.light-green{color:#b0d877!important}
.orange{color:#ff892a!important}
.light-orange{color:#fcac6f!important}
.orange2{color:#feb902!important}
.purple{color:#a069c3!important}
.pink{color:#c6699f!important}
.pink2{color:#d6487e!important}
.brown{color:#a52a2a!important}
.grey{color:#777!important}
.light-grey{color:#bbb!important}*/


/*===Form Date===*/
.btn-colorpicker {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #DDD;
	vertical-align: middle;
	border-radius: 0
}

.wizard-steps {
	list-style: none;
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative
}

.wizard-steps li {
	display: table-cell;
	text-align: center;
	width: 1%
}

.wizard-steps li .step {
	border: 5px solid #ced1d6;
	color: #546474;
	font-size: 15px;
	border-radius: 100%;
	background-color: #FAFAFA;
	position: relative;
	z-index: 0;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 30px;
	text-align: center
}

.wizard-steps li:before {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	font-size: 0;
	overflow: hidden;
	border-top: 4px solid #ced1d6;
	position: relative;
	top: 21px;
	z-index: 0
}

.wizard-steps li:last-child:before {
	max-width: 50%;
	width: 50%
}

.wizard-steps li:first-child:before {
	max-width: 51%;
	left: 50%
}

.wizard-steps li.active:before,.wizard-steps li.complete:before,.wizard-steps li.active .step,.wizard-steps li.complete .step {
	border-color: #0D68B9
}

.wizard-steps li.complete .step {
	cursor: default;
	color: #FFF;
	-webkit-transition: transform ease .1s;
	transition: transform ease .1s
}

.wizard-steps li.complete .step:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	content: "\f00c";
	background-color: #FAFAFA;
	z-index: 3;
	font-family: FontAwesome;
	font-size: 17px;
	color: #0D68B9
}

.wizard-steps li.complete:hover .step {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	border-color: #0D68B9
}

.wizard-steps li.complete:hover:before {
	border-color: #0D68B9
}

.wizard-steps li .title {
	display: block;
	margin-top: 4px;
	max-width: 100%;
	color: #949ea7;
	font-size: 14px;
	z-index: 104;
	text-align: center;
	table-layout: fixed;
	word-wrap: break-word
}

.wizard-steps li.complete .title,.wizard-steps li.active .title {
	color: #2b3d53
}

.step-content .step-pane {
	display: none;
	min-height: 200px;
	padding: 4px 8px 12px
}

.step-content .active {
	display: block
}

.wizard-actions {
	text-align: center
}

@media only screen and (max-width:767px) {
	.wizard-steps li .step {
		width: 30px;
		height: 30px;
		line-height: 24px;
		border-width: 3px
	}

	.wizard-steps li:before,.wizard-steps li:after {
		border-width: 3px
	}

	.wizard-steps li.complete .step:before {
		line-height: 24px;
		font-size: 13px
	}

	.wizard-steps li:before {
		top: 16px
	}

	.step-content .step-pane {
		padding: 4px 4px 6px
	}
}

.position-relative {
	position: relative
}

.position-absolute {
	position: absolute
}

h1 {
	font-size: 32px;
	font-weight: normal;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

h1.smaller {
	font-size: 31px
}

h1.bigger {
	font-size: 33px
}

h1.block {
	margin-bottom: 16px
}

h2 {
	font-size: 26px;
	font-weight: normal;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

h2.smaller {
	font-size: 25px
}

h2.bigger {
	font-size: 27px
}

h2.block {
	margin-bottom: 16px
}

h3 {
	font-size: 22px;
	font-weight: normal;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

h3.smaller {
	font-size: 21px
}

h3.bigger {
	font-size: 23px
}

h3.block {
	margin-bottom: 16px
}

h4 {
	font-size: 18px;
	font-weight: normal;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #0d68b9;
}

h4.smaller {
	font-size: 17px
}

h4.bigger {
	font-size: 19px
}

h4.block {
	margin-bottom: 16px
}

h5 {
	font-size: 15px;
	font-weight: normal;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

h5.smaller {
	font-size: 14px
}

h5.bigger {
	font-size: 16px
}

h5.block {
	margin-bottom: 16px
}

h6 {
	font-size: 13px;
	font-weight: normal;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

h6.smaller {
	font-size: 12px
}

h6.bigger {
	font-size: 14px
}

h6.block {
	margin-bottom: 16px
}

.form-group.has-warning .control-label,.form-group.has-warning .help-block,.form-group.has-warning .help-inline {
	color: #d19d59
}

label {
	font-weight: normal;
	font-size: 14px
}

.form-group>label[class*="col-"] {
	padding-top: 4px;
	margin-bottom: 4px
}

label,.lbl {
	vertical-align: middle
}

td>label,th>label,label.inline {
	margin-bottom: 0;
	line-height: inherit
}

textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"] {
	border-radius: 0!important;
	color: #858585;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	padding: 5px 4px;
	line-height: 1.2;
	font-size: 14px;
	font-family: inherit;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	-webkit-transition-duration: .1s;
	transition-duration: .1s
}

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	float: left;
}

.form-group.has-warning [class*="icon-"] {
	color: #d3bd50;
}

.input-icon {
	position: relative;
}

.block {
	display: block!important;
}

.input-icon.input-icon-right>input {
	padding-left: 6px;
	padding-right: 24px;
}

.input-icon.input-icon-right>[class*="icon-"] {
	left: auto;
	right: 3px;
}

.input-icon>[class*="icon-"] {
	padding: 0 3px;
	z-index: 2;
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: 3px;
	line-height: 28px;
	display: inline-block;
	color: #909090;
	font-size: 16px;
}

.form-group select,.form-group textarea,.form-group input[type="text"],.form-group input[type="password"],.form-group input[type="datetime"],.form-group input[type="datetime-local"],.form-group input[type="date"],.form-group input[type="month"],.form-group input[type="time"],.form-group input[type="week"],.form-group input[type="number"],.form-group input[type="email"],.form-group input[type="url"],.form-group input[type="search"],.form-group input[type="tel"],.form-group input[type="color"] {
	background: #FFF
}

.form-group.has-success input,.form-group.has-success select,.form-group.has-success textarea {
	border-color: #92bf65;
	color: #8bad4c;
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-group.has-success input:focus,.form-group.has-success select:focus,.form-group.has-success textarea:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(130,188,58,0.3);
	box-shadow: 0 0 0 2px rgba(130,188,58,0.3);
	color: #786;
	border-color: #81a85a
}

.form-group.has-success input:focus+[class*="icon-"],.form-group.has-success select:focus+[class*="icon-"],.form-group.has-success textarea:focus+[class*="icon-"] {
	color: #8bad4c
}

.form-group.has-success [class*="icon-"] {
	color: #8bad4c
}

.form-group.has-success .btn [class*="icon-"] {
	color: inherit
}

.form-group.has-success .control-label,.form-group.has-success .help-block,.form-group.has-success .help-inline {
	color: #7ba065
}

.form-group.has-info input,.form-group.has-info select,.form-group.has-info textarea {
	border-color: #64a6bc;
	color: #4b89aa;
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-group.has-info input:focus,.form-group.has-info select:focus,.form-group.has-info textarea:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(58,120,188,0.3);
	box-shadow: 0 0 0 2px rgba(58,120,188,0.3);
	color: #678;
	border-color: #5a81a8
}

.form-group.has-info input:focus+[class*="icon-"],.form-group.has-info select:focus+[class*="icon-"],.form-group.has-info textarea:focus+[class*="icon-"] {
	color: #4b89aa
}

.form-group.has-info [class*="icon-"] {
	color: #4b89aa
}

.form-group.has-info .btn [class*="icon-"] {
	color: inherit
}

.form-group.has-info .control-label,.form-group.has-info .help-block,.form-group.has-info .help-inline {
	color: #657ba0
}

.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea {
	border-color: #f09784;
	color: #d68273;
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(219,137,120,0.3);
	box-shadow: 0 0 0 2px rgba(219,137,120,0.3);
	color: #866;
	border-color: #db8978
}

.form-group.has-error input:focus+[class*="icon-"],.form-group.has-error select:focus+[class*="icon-"],.form-group.has-error textarea:focus+[class*="icon-"] {
	color: #d68273
}

.form-group.has-error [class*="icon-"] {
	color: #d68273
}

.form-group.has-error .btn [class*="icon-"] {
	color: inherit
}

.form-group.has-error .control-label,.form-group.has-error .help-block,.form-group.has-error .help-inline {
	color: #d16e6c
}

.form-group.has-warning input,.form-group.has-warning select,.form-group.has-warning textarea {
	border-color: #e0c43a;
	color: #d3bd50;
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-group.has-warning input:focus,.form-group.has-warning select:focus,.form-group.has-warning textarea:focus {
	-webkit-box-shadow: 0 0 0 2px rgba(216,188,65,0.3);
	box-shadow: 0 0 0 2px rgba(216,188,65,0.3);
	color: #875;
	border-color: #d8bc41
}

.form-group.has-warning input:focus+[class*="icon-"],.form-group.has-warning select:focus+[class*="icon-"],.form-group.has-warning textarea:focus+[class*="icon-"] {
	color: #d3bd50
}

.form-group.has-warning [class*="icon-"] {
	color: #d3bd50
}

.form-group.has-warning .btn [class*="icon-"] {
	color: inherit
}

.form-group.has-warning .control-label,.form-group.has-warning .help-block,.form-group.has-warning .help-inline {
	color: #d19d59
}

.form-group input[disabled],.form-group input:disabled {
	color: #848484!important;
	background-color: #eee!important
}

.block {
	display: block!important;
}

.input-icon>[class*="icon-"] {
	padding: 0 3px;
	z-index: 2;
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: 3px;
	line-height: 28px;
	display: inline-block;
	color: #909090;
	font-size: 16px;
}

@media (min-width: 768px) {
	.col-sm-reset {
		width: auto;
		padding-left: 0;
		padding-right: 0;
		float: none;
	}
}

.width-100 {
	width: 100%!important;
}

input[type=checkbox].ace,input[type=radio].ace {
	opacity: 0;
	position: absolute;
	z-index: 12;
	width: 18px;
	height: 18px;
	cursor: pointer
}

input[type=checkbox].ace.ace-switch {
	width: 55px;
	height: 25px
}

input[type=checkbox].ace:checked,input[type=radio].ace:checked,input[type=checkbox].ace:focus,input[type=radio].ace:focus {
	outline: none!important
}

input[type=checkbox].ace+.lbl,input[type=radio].ace+.lbl {
	position: relative;
	z-index: 11;
	display: inline-block;
	margin: 0;
	line-height: 20px;
	min-height: 18px;
	min-width: 18px;
	font-weight: normal
}

input[type=checkbox].ace+.lbl.padding-16::before,input[type=radio].ace+.lbl.padding-16::before {
	margin-right: 16px
}

input[type=checkbox].ace+.lbl.padding-12::before,input[type=radio].ace+.lbl.padding-12::before {
	margin-right: 12px
}

label, .lbl {
	vertical-align: middle;
}

input[type=checkbox].ace.ace-switch+.lbl {
	margin: 0 4px;
	min-height: 24px
}

input[type=checkbox].ace.ace-switch+.lbl::before {
	font-family: Arial,Helvetica,sans-serif;
	content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
	color: #999;
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	line-height: 21px\9;
	height: 20px;
	overflow: hidden;
	border-radius: 12px;
	background-color: #f5f5f5;
	-webkit-box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.2);
	box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.2);
	border: 1px solid #CCC;
	text-align: left;
	float: left;
	padding: 0;
	width: 52px;
	text-indent: -19px;
	text-indent: -21px\9;
	margin-right: 0;
	-webkit-transition: text-indent .4s ease;
	transition: text-indent .4s ease
}

input[type=checkbox].ace.ace-switch+.lbl::after {
	font-family: Arial,Helvetica,sans-serif;
	content: '|||';
	font-size: 10px;
	font-weight: lighter;
	color: #d5d5d5;
	background-color: #FFF;
	text-shadow: -1px 0 0 rgba(0,0,0,0.15);
	text-align: center;
	border-radius: 100%;
	width: 22px;
	height: 22px;
	line-height: 20px;
	position: absolute;
	top: -2px;
	left: -3px;
	padding: 0;
	-webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
	-webkit-transition: left .4s ease;
	transition: left .4s ease
}

input[type=checkbox].ace.ace-switch:checked+.lbl::before {
	text-indent: 9px;
	color: #FFF;
	background-color: #8ab2c9;
	border-color: #468fcc
}

input[type=checkbox].ace.ace-switch:checked+.lbl::after {
	left: 34px;
	background-color: #FFF;
	color: #8ab2c9
}

input[type=checkbox].ace.ace-switch.ace-switch-2+.lbl::before {
	content: "YES\a0\a0\a0\a0\a0\a0\a0\a0NO"
}

input[type=checkbox].ace.ace-switch.ace-switch-3+.lbl::after {
	font-family: FontAwesome;
	font-size: 13px;
	line-height: 23px;
	content: "\f00d";
	top: -1px
}

input[type=checkbox].ace.ace-switch.ace-switch-3:checked+.lbl::after {
	content: "\f00c"
}

input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before,input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
	content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bolder;
	font-size: 12px;
	line-height: 23px;
	height: 24px;
	overflow: hidden;
	line-height: 25px\9;
	border-radius: 12px;
	background-color: #8b9aa3;
	border: 1px solid #8b9aa3;
	color: #FFF;
	width: 56px;
	text-indent: -25px;
	text-indent: -28px\9;
	display: inline-block;
	position: relative;
	box-shadow: none;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::after,input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::after {
	font-family: Helvetica,Arial,sans-serif;
	content: '|||';
	text-shadow: -1px 0 0 rgba(0,0,0,0.2);
	font-size: 8px;
	font-weight: lighter;
	color: #8b9aa3;
	text-align: center;
	position: absolute;
	border-radius: 12px;
	color: #5b6a73;
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	line-height: 18px;
	background-color: #FFF;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::before,input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
	text-indent: 9px;
	background-color: #468fcc;
	border-color: #468fcc
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::after,input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::after {
	left: 34px;
	background-color: #FFF
}

input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
	content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO"
}

input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
	text-indent: 8px
}

input[type=checkbox].ace.ace-switch.ace-switch-6+.lbl {
	position: relative
}

input[type=checkbox].ace.ace-switch.ace-switch-6+.lbl::before {
	font-family: FontAwesome;
	content: "\f00d";
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	box-shadow: none;
	border: 0;
	font-weight: lighter;
	font-size: 16px;
	border-radius: 12px;
	display: inline-block;
	background-color: #888;
	color: #f2f2f2;
	width: 52px;
	height: 22px;
	line-height: 20px;
	text-indent: 32px;
	-webkit-transition: background .1s ease;
	transition: background .1s ease
}

input[type=checkbox].ace.ace-switch.ace-switch-6+.lbl::after {
	content: '';
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	position: absolute;
	top: 2px;
	left: 3px;
	border-radius: 12px;
	box-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	width: 18px;
	height: 18px;
	text-align: center;
	background-color: #f2f2f2;
	border: 4px solid #f2f2f2;
	-webkit-transition: left .2s ease;
	transition: left .2s ease
}

input[type=checkbox].ace.ace-switch.ace-switch-6:checked+.lbl::before {
	content: "\f00c";
	text-indent: 6px;
	color: #FFF;
	border-color: #b7d3e5;
	background-color: #ff893c
}

input[type=checkbox].ace.ace-switch.ace-switch-6:checked+.lbl::after {
	left: 32px;
	background-color: #FFF;
	border: 4px solid #FFF;
	text-shadow: 0 -1px 0 rgba(0,200,0,0.25)
}

input[type=checkbox].ace.ace-switch.ace-switch-7 {
	width: 75px
}

input[type=checkbox].ace.ace-switch.ace-switch-7+.lbl {
	position: relative
}

input[type=checkbox].ace.ace-switch.ace-switch-7+.lbl::before {
	content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
	font-weight: bolder;
	font-size: 14px;
	line-height: 20px;
	background-color: #FFF;
	border: 2px solid #AAA;
	border-radius: 0;
	box-shadow: none;
	color: #aaa;
	width: 74px;
	height: 26px;
	line-height: 22px;
	overflow: hidden;
	text-indent: 4px;
	display: inline-block;
	position: relative;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

input[type=checkbox].ace.ace-switch.ace-switch-7+.lbl::after {
	content: '\f00d';
	font-family: FontAwesome;
	font-size: 16px;
	position: absolute;
	top: 3px;
	left: 39px;
	width: 32px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	background-color: #aaa;
	color: #FFF;
	border-radius: 0;
	box-shadow: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

input[type=checkbox].ace.ace-switch.ace-switch-7:checked+.lbl::before {
	color: #468fcc;
	background-color: #FFF;
	text-indent: -33px;
	border-color: #6fb3e0
}

input[type=checkbox].ace.ace-switch.ace-switch-7:checked+.lbl::after {
	left: 3px;
	content: '\f00c';
	background-color: #468fcc;
	color: #FFF
}

label, .lbl {
	vertical-align: middle;
}

.widget-body .md-header .btn>[class*="icon-"] {
	font-size: 14px;
	width: 25px;
	max-width: 25px;
	display: inline-block
}

.widget-box {
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 3px 0;
	border-bottom: 1px solid #CCC
}

@media only screen and (max-width:767px) {
	.widget-box {
		margin-top: 7px;
		margin-bottom: 7px
	}
}



.widget-header:before,.widget-header:after {
	content: "";
	display: table;
	line-height: 0
}

.widget-header:after {
	clear: right
}

.collapsed .widget-header {
	border-bottom-width: 0
}

.collapsed .widget-body {
	display: none
}

.widget-header-flat {
	background: #eb6a5a;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.widget-header-large {
	min-height: 49px;
	padding-left: 18px
}

.widget-header-small {
	min-height: 31px;
	padding-left: 10px
}

.widget-header>.widget-caption,.widget-header>:first-child {
	line-height: 36px;
	padding: 0;
	margin: 0;
	display: inline
}

.widget-header>.widget-caption>[class*="icon-"],.widget-header>:first-child>[class*="icon-"] {
	margin-right: 5px;
	font-weight: normal;
	display: inline-block
}

.widget-header-large>.widget-caption,.widget-header-large>:first-child {
	line-height: 48px
}

.widget-header-small>.widget-caption,.widget-header-small>:first-child {
	line-height: 30px
}

.widget-toolbar {
	display: inline-block;
	padding: 0 10px;
	line-height: 37px;
	float: right;
	position: relative
}

.widget-header-large>.widget-toolbar {
	line-height: 48px
}

.widget-header-small>.widget-toolbar {
	line-height: 29px
}

.widget-toolbar.no-padding {
	padding: 0
}

.widget-toolbar.padding-5 {
	padding: 0 5px
}

.widget-toolbar:before {
	display: inline-block;
	content: "";
	position: absolute;
	top: 3px;
	bottom: 3px;
	left: -1px;
	border: 1px solid #d9d9d9;
	border-width: 0 1px 0 0
}

.widget-body {
	border: 1px solid #CCC;
	background-color: #FFF
}

.widget-main {
	padding: 12px
}

.widget-main.padding-32 {
	padding: 32px
}

.widget-main.padding-30 {
	padding: 30px
}

.widget-main.padding-28 {
	padding: 28px
}

.widget-main.padding-26 {
	padding: 26px
}

.widget-main.padding-24 {
	padding: 24px
}

.widget-main.padding-22 {
	padding: 22px
}

.widget-main.padding-20 {
	padding: 20px
}

.widget-main.padding-18 {
	padding: 18px
}

.widget-main.padding-16 {
	padding: 16px
}

.widget-main.padding-14 {
	padding: 14px
}

.widget-main.padding-12 {
	padding: 12px
}

.widget-main.padding-10 {
	padding: 10px
}

.widget-main.padding-8 {
	padding: 8px
}

.widget-main.padding-6 {
	padding: 6px
}

.widget-main.padding-4 {
	padding: 4px
}

.widget-main.padding-2 {
	padding: 2px
}

.widget-main.padding-0 {
	padding: 0
}

.widget-main.no-padding {
	padding: 0
}

.widget-toolbar .progress {
	vertical-align: middle;
	display: inline-block;
	margin: 0
}

.widget-toolbar>.dropdown,.widget-toolbar>.dropup {
	display: inline-block
}

.widget-toolbar>.dropdown>.dropdown-menu:before,.dropdown-menu.dropdown-caret:before {
	border-bottom: 7px solid rgba(0,0,0,0.2);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	content: "";
	display: inline-block;
	left: 9px;
	position: absolute;
	top: -7px
}

.widget-toolbar>.dropdown>.dropdown-menu:after,.dropdown-menu.dropdown-caret:after {
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	display: inline-block;
	left: 10px;
	position: absolute;
	top: -6px
}

.widget-toolbar>.dropdown>.dropdown-menu.pull-right:before,.dropdown-menu.pull-right.dropdown-caret:before {
	left: auto;
	right: 9px
}

.widget-toolbar>.dropdown>.dropdown-menu.pull-right:after,.dropdown-menu.pull-right.dropdown-caret:after {
	left: auto;
	right: 10px
}

.widget-header[class*="header-color-"] {
	color: #FFF;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
/*===Form Date===*/

/*===Simple & Dynamic Table===*/
.dataTables_filter {
text-align: right;
}
.dataTables_paginate {
text-align: right;
}
input[type=checkbox].ace, input[type=radio].ace {
opacity: 0;
position: absolute;
z-index: 12;
width: 18px;
height: 18px;
cursor: pointer;
}
input[type=checkbox].ace+.lbl, input[type=radio].ace+.lbl {
position: relative;
z-index: 11;
display: inline-block;
margin: 0;
line-height: 20px;
min-height: 18px;
min-width: 18px;
font-weight: normal;
}
input[type=checkbox].ace+.lbl::before, input[type=radio].ace+.lbl::before {
font-family: fontAwesome;
font-weight: normal;
font-size: 12px;
color: #32a3ce;
content: "\a0";
background-color: #fafafa;
border: 1px solid #c8c8c8;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
border-radius: 0;
display: inline-block;
text-align: center;
vertical-align: middle;
height: 16px;
line-height: 14px;
min-width: 16px;
margin-right: 1px;
}
.label-inverse, .badge-inverse {
background-color: #333!important;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
z-index: 2;
color: #fff;
background-color: #eb6a5a;
border-color: #eb6a5a;
cursor: default;
}
.pagination>li > a, .pagination>li > span {
margin-left: 3px;
padding: 7px 13px;
color: #333333;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
color: #333333;
background-color: #eee;
border-color: #ddd;
}

.dataTable th[class*=sort]:after {
content: "\f0dc";
display: inline-block;
color: #555;
font-family: FontAwesome;
font-size: 13px;
font-weight: normal;
float: right;
margin-right: 4px;
position: relative;
}
/*===Simple & Dynamic Table===*/
/*.subactive a{
	color: white !important;
	font-size: 16px;
}*/
.subactive a i{
	display: block !important;
}
.function-nav li .link-items [class*="Hui-"] {
    display: inline-block;
    font-size: 20px;
    text-align: center;
    width: 20px;
    line-height: 26px;
}

.ico-list div{ margin: 10px 0;}
.ico-list div .fa{ padding-right: 10px; font-size: 20px;}
.example-cont{ padding-top: 15px; padding-bottom: 20px;}

.marright-10{margin-right: 10px;}
.marright-20{margin-right: 20px;}
.marright-30{margin-right: 30px;}

@media only screen and (max-width: 900px) {
	.nav-function.pull-right{display: none;}
}

@media (min-width: 768px){
	.modal-dialog {
		width: 700px;
	}
}