/*滚动条美化**/
::-webkit-scrollbar-track {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.05);
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.2);
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}

::-webkit-scrollbar {
	width: 16px;
	height: 16px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
	border-radius: 999px;
	border: 5px solid transparent;
}

::-webkit-scrollbar-track {
	box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-thumb {
	min-height: 20px;
	background-clip: content-box;
	box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-corner {
	background: transparent;
}
/**
    Tab
*/
.content-tabs {
	border-bottom: solid 2px #e7ebee;
	background: #fff !important;
	border-top: none;
	height: 41px;
}

	.content-tabs .page-tabs a.active {
		background: whitesmoke;
		color: #fff !important;
		border-right: solid 1px #e7ebee;
	}

	.content-tabs .roll-left {
		border-right: solid 1px #e7ebee;
	}

	.content-tabs .roll-right {
		border-left: solid 1px #e7ebee;
	}

#content-wrapper {
	background-color: #f9f9f9;
	border-left: 2px solid #e7ebee;
}

@media (min-width:768px) {
	.nav-small #nav-col {
		width: 64px;
	}

	.nav-small #content-wrapper {
		margin-left: 64px;
	}

	.content-tabs {
		position: relative;
		height: 42px;
		line-height: 39.5px;
		background: #fafafa;
		border-bottom: solid 2px #2c3e50;
		font-size: 14px;
		border-top: 1px solid #ddd;
	}

		.content-tabs .roll-nav, .page-tabs-list {
			position: absolute;
			width: 40px;
			height: 39px;
			text-align: center;
			color: #475059;
			z-index: 2;
			top: 0;
		}

		.content-tabs .roll-left {
			left: 0;
			border-right: solid 1px #ddd;
		}

		.content-tabs .roll-right {
			right: 0;
			border-left: solid 1px #ddd;
		}

		.content-tabs button {
			background: #fff;
			border: 0;
			height: 39px;
			line-height: 39px;
			width: 40px;
			outline: 0;
			vertical-align: auto;
		}

			.content-tabs button:hover {
				background: #fafafa;
			}

			.content-tabs button i {
				color: #999;
			}

		.content-tabs nav.page-tabs {
			margin-left: 40px;
			width: 100000px;
			height: 40px;
			overflow: hidden;
		}

			.content-tabs nav.page-tabs .page-tabs-content {
				float: left;
			}

		.content-tabs .page-tabs a {
			display: block;
			float: left;
			border-right: solid 0px #ddd;
			padding: 0 15px;
			padding-right: 8px;
			text-decoration: none;
			color: #475059;
		}

			.content-tabs .page-tabs a:first-child {
				padding-right: 15px;
			}

			.content-tabs .page-tabs a.active {
				background: #2c3e50;
				color: #fff;
				border-right: solid 1px #2c3e50;
			}

			.content-tabs .page-tabs a i {
				margin-top: -10px;
				right: 0px;
				position: relative;
				color: #999;
			}

				.content-tabs .page-tabs a i:hover {
					color: #c00 !important;
				}

			.content-tabs .page-tabs a.active i:hover {
				color: #fff !important;
			}

		.content-tabs .roll-right.tabRight {
			right: 120px;
		}

		.content-tabs .roll-right.btn-group {
			right: 40px;
			width: 80px;
			padding: 0;
		}

			.content-tabs .roll-right.btn-group button {
				width: 80px;
			}

		.content-tabs .roll-right.tabExit {
			background: #fff;
			height: 39px;
			width: 40px;
			outline: 0;
		}
}

@media(max-width:768px) {
	.content-tabs {
		display: none;
	}
}


.nav-link {
	cursor: pointer;
}


/***
UI Loading
***/
.loading-message {
	display: inline-block;
	min-width: 125px;
	margin-left: -60px;
	padding: 10px;
	margin: 0 auto;
	color: #000 !important;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
}

	.loading-message.loading-message-boxed {
		border: 1px solid #ddd;
		background-color: #eee;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	}

	.loading-message > span {
		line-height: 20px;
		vertical-align: middle;
	}

.page-loading {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 125px;
	margin-left: -60px;
	margin-top: -30px;
	padding: 7px;
	text-align: center;
	color: #333;
	font-size: 13px;
	border: 1px solid #ddd;
	background-color: #eee;
	vertical-align: middle;
	-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

	.page-loading > span {
		line-height: 20px;
		vertical-align: middle;
	}

.page-spinner-bar {
	position: fixed;
	z-index: 10051;
	width: 100px;
	top: 40%;
	left: 50%;
	margin-left: -55px;
	text-align: center;
}

	.page-spinner-bar > div {
		margin: 0 5px;
		width: 18px;
		height: 18px;
		background: #eee;
		border-radius: 100% !important;
		display: inline-block;
		-webkit-animation: bounceDelay 1.4s infinite ease-in-out;
		animation: bounceDelay 1.4s infinite ease-in-out;
		/* Prevent first frame from flickering when animation starts */
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.page-spinner-bar .bounce1 {
		-webkit-animation-delay: -0.32s;
		animation-delay: -0.32s;
	}

	.page-spinner-bar .bounce2 {
		-webkit-animation-delay: -0.16s;
		animation-delay: -0.16s;
	}

.block-spinner-bar {
	display: inline-block;
	width: 80px;
	text-align: center;
}

	.block-spinner-bar > div {
		margin: 0 2px;
		width: 15px;
		height: 15px;
		background: #eee;
		border-radius: 100% !important;
		display: inline-block;
		-webkit-animation: bounceDelay 1.4s infinite ease-in-out;
		animation: bounceDelay 1.4s infinite ease-in-out;
		/* Prevent first frame from flickering when animation starts */
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.block-spinner-bar .bounce1 {
		-webkit-animation-delay: -0.32s;
		animation-delay: -0.32s;
	}

	.block-spinner-bar .bounce2 {
		-webkit-animation-delay: -0.16s;
		animation-delay: -0.16s;
	}


	/****
 CSS3 Spinner Bar
****/
	.page-spinner-bar > div,
	.block-spinner-bar > div {
		background: #4bccd8;
	}


/***
Bootstrap Select
***/
.bootstrap-select .btn {
	border-color: #c2cad8;
}

.has-error .bootstrap-select .btn {
	border-color: #fbe1e3;
}

.has-success .bootstrap-select .btn {
	border-color: #abe7ed;
}

.has-warning .bootstrap-select .btn {
	border-color: #f9e491;
}

.bootstrap-select.open .btn {
	border-color: #93a1bb;
}

.bootstrap-select.open.dropup .btn {
	border-color: #93a1bb;
}

.bootstrap-select .btn:focus {
	outline: none !important;
	outline-offset: 0;
}

.bootstrap-select.btn-group .dropdown-menu {
	margin-top: 1px;
}

	.bootstrap-select.btn-group .dropdown-menu > li > dt > .text {
		font-weight: 600;
		font-family: 'Open Sans';
		font-size: 14px;
	}

	.bootstrap-select.btn-group .dropdown-menu .text-muted {
		color: #999 !important;
	}

.bootstrap-select .caret {
	border: 0;
	width: auto;
	height: auto;
	margin-top: -10px !important;
}

	.bootstrap-select .caret:before {
		content: "\f107";
		display: inline-block;
		border: 0;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
	}

.bootstrap-select .selected i {
	color: #aaa;
}

.bootstrap-select .dropdown-menu {
	z-index: 9999 !important;
}

/*index*/
.menu-open > a
{
    color:#b8c7ce !important;
}
.menu-active > a
{
    color:#ffffff !important;
}
html {
	/*overflow: hidden;*/
}

.tabClose {
	top: -3px;
}

.main-header .sidebar-toggle {
	font-size: 21px;
	padding: 10px;
}

	.main-header .sidebar-toggle:before {
		content: "\f060";
	}

.sidebar-collapse .main-header .sidebar-toggle:before {
	content: "\f0c9";
}

.navbar-nav > .user-menu .user-fa {
	font-size: 18px;
}

.navbar-nav .current {
	background: #2b85e4;
}

.navbar-collapse.collapse {
	display: block;
}

#rootMenu li 
{
	float: left;
}

#rootMenu li a{
	font-size:16px;
	margin-bottom:1px;
}

#rootMenu li i
{
    margin-right:5px;
}

.tab-pane iframe {
	border: none;
	width: 100%;
	height: 100%;
}

.search-menu-panel
{
    margin:10px 10px;   
}

.search-menu-panel .l-box-select-visible .l-trigger-icon {
    transform:rotate(0deg) !important; 
}

.index-loading {
    font-size: 48px;
    position: absolute;
    z-index: 99000;
    display: block;
    width: 100%;
	height: 100%;
	line-height: 200px;
	text-align: center;
	background-color: white;
}