@CHARSET "UTF-8";

/* 布局风格 */
.index-layout {
	margin: 0 auto;
	font-size: 14px;
	}
.index-layout-header{
	position:relative; 
	border-bottom: 0px solid #33AECC;
	height:60px;
	/*background-color: RGB(50,134,237);*/
	background-image: url(../images/heardBlue.jpg);
	z-index:1000;
	width:100%;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	}
.index-layout-left{
	position: fixed;
	display: block;
	top: 80px;
	bottom:0px;
	left:0px; 
	width: 266px;
	overflow-x: hidden;
	background-color: rgb(46,52,48);
	z-index:999;
	color:white;
	}
.index-layout-left::-webkit-scrollbar{width: 0; height: 10px;}
.index-layout-main{
	position: absolute;
	top:60px;
	right:0;
	bottom: 0;
	left:0;
	width:auto;
	overflow:hidden;
	padding:0;
	z-index:998;
	}
.index-layout-header-left{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
}
.index-layout-header-logo{
	background:"#ffff00";
	height:100%;
	font-size:48px;
	margin-left:15px;
	padding-right:25px;
}
.index-layout-header-navbar{
	width:auto;
	display:flex;
	flex-direction: row;
	align-content: center;
	height: 60px;
}
.index-layout-header-navbar-item{
	font-size: 20px;
	font-family: "microsoft yahei";
	width:160px;
	height: 60px;
	background:transparent;
	line-height: 60px;
	text-align: center;
	color: white;
}
.index-layout-header-navbar-item.checked{
	background:rgb(44,117,207);
	font-weight: 550;
}
.index-layout-header-navbar-item:hover{
	background:rgb(44,117,207);
	cursor: pointer;
}

.index-top-menu{float: right;height: 40px;margin-right: 15px;margin-top: 20px;}

.index-top-menu-item{width: 40px;height: 40px;cursor: pointer;padding: 0px 0px;border-radius:3px;float: right;margin-right: 5px;text-align: center;}


.index-top-menu-item i{font-size: 24px;color: #fff;}

.header-logo {
	width: auto;
}

.header-user {
	float:right;
	color:#fff;
	height: 80px;
	line-height:80px;
	margin-right: 5px;
	margin-top: -3px;
}

.header-user img{cursor: pointer;}

.header-user li {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
	}

.left-menu {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	background-color: #393D49;
	position: relative;
	font-size: 14px;
	}

.menu-item{
	cursor: pointer;
	width:100%;
	font-size: 16px;
}

.menu-title{
	text-decoration: none;
	width: 100%;
	padding: 2px 0px 2px 45px;
	height: 46px;
	line-height: 38px;
	vertical-align: middle;
}
.menu-title span{
	margin-left:17px;
	margin-right:27px;
}
.menu-title img,.level-one img{margin-top: 0px;}
.menu-title img[src*='arrow']{margin-right: 32px;}

.menu-title i,.level-one i{color: #6B6B6B;float: right;margin-right: 25px;margin-top: 12px;}

a:visited{
	color:#6B6B6B;
}

.menu-item:hover{
	color: #f30;
	background-color: rgba(0,153,102, 0.2);
	color: #fff;
}

/* .subMenu-list{
	height: auto;
} */

.subMenu-item{
	height: 46px;
	line-height: 28px;
	font-size: 14px;
	color: white;
	cursor:pointer;
	width: 100%;
	padding: 8px 0px 8px 62px;
}
.subMenu-item.level-one{
	padding: 2px 0px 2px 45px;
}

.subMenu-item a{
	line-height: 28px;
	height: 28px;
	width: 100%;
	text-decoration: none;
	padding-left: 18px;
	color:white;
}

.menu-bg{
	background-color: #1e8a63;
}
.menu-bg a{
	color: white;
}

.subMenu-item:hover{
	background-color:  #125139;
	color: #fff;
}
.subMenu-item:hover a{
	color: #fff;
}

.level-one {
	text-decoration: none;
	width: 100%;
	padding-left: 45px;
	height: 46px;
	line-height: 38px;
	vertical-align: middle;
}

.level-one a{
	padding-left: 0;
	font-size: 16px;
	color: white;
	margin-left:17px;
}

.header-user-name{
	font-size: 18px;
}
.btn{
	background-color: rgb(39,189,245);
	border:none;
	color:white;
	text-shadow: 0 0px 0 rgb(39,189,245);
}
.btn:hover{
	text-shadow: 0 0px 0 rgb(39,189,245);
	color:white;
	background-color: rgb(39,189,245);
	border-color: rgb(39,189,245);
}
.btn-default{
	text-shadow:none;
	background-color: #EA644A;
	color:white;
	border: none;
}
.btn-default:HOVER{
	color: #EA644A;
	background-color: #dedede;
}

.blockUI{
	border-radius: 7px;
	box-shadow: 0 5px 15px #00000080;
}
.Save-User-System-title{
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	height: 40px;
	width: 400px;
	color:white;
	background-color: rgb(39,189,245);
}
.Save-User-System-div{
	width:300px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#canlSaveUser{
	background-color: #EA644A;
	color: white;
	text-shadow: none;
	/* height: 29px; */
	border: none;
}
.input-group-addon{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.form-control{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
#LoginOut:HOVER{
	color: rgb(39,189,245);
	background-color: #dedede;
}
#saveUser:HOVER{
	background-color: #dedede;
	color:rgb(39,189,245);
}
#canlSaveUser:HOVER{
	background-color: #dedede;
	color: #EA644A;
}