/*
 * top header 
 */

.header-bar {
	position: relative;
	padding: 0 20px;
	overflow: hidden;
	background-color: #f3f3f3;
    z-index: 1000;
    background-color: #1d2127;
    color:lightgray;
}

.header-bar .header-bar_left {
	display: inline-block;
	height:100%;
}
@media (max-width: 640px) {
	.header-bar .header-bar_left {
		display: none;
	}
}

.header-bar .header-bar_right {
	display: inline-block;
	float: right;
	height: 100%;
	text-align: center;
}

.header-bar_left .header-bar_logo {
	height: 80%;
	margin: 5px 8px 5px -10px;
	float: left;
}

.header-bar_left .header-bar_name{
	margin:0;
	height:100%;
	line-height: 50px;
	vertical-align: top;
	float: left;
}

.header-bar .separator{
	background-color: gray;
    display: inline-block;
    height: 100%;
    margin: 0 25px 0;
    width: 1px;
    vertical-align: middle;
}

.header-bar .header-user-message {
	position: relative;
	cursor: pointer;
}
.header-bar .header-user-message .fa{
	font-size: 16px;
	color:yellow;
}
.header-bar .header-user-message .msgNum{
	position:absolute;
	top:-10px;
	right:-5px;
	color:yellow;
}

.header-bar .userbox {
    display: inline-block;
    outline: none;
    color:lightgray;
	height:100%;
}
.header-bar .userbox > div {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.header-bar .userbox .headPic{
	width:40px;
	height:40px;
	margin-right:10px;
	background: url(logoImg.png) no-repeat center center;
	background-size: contain;
	border:2px solid #fff;
	border-radius: 100%;
	padding:2px;
	box-sizing: border-box;
	background-color: #fff;
}


.header-bar .userbox .user_name {
    font-size: 16px;
}
.header-bar .userbox .user_phone {
    font-size: 12px;
}

.header-bar .logout {
	color: lightgray;
	font-size: 14px;
	text-decoration: none;
	outline: none;
}
.header-bar .logout .fa{
	font-size: 16px;
	margin-right:5px;
}
.icon-exit{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 10px;
}

/*
 * top tabs && center
 */
/*此处与页面中center的嵌套有关联*/
.layout-panel-center .easyui-layout .layout-panel-center .layout-body {
	border: 0;
	padding: 3px 8px;
	background-color: #f6f6f6;
}

.tabs-header {
	border: 0;
	height: 36px;
	background: transparent;
}

.tabs-header .tabs {
	min-height: 36px;
	padding:0;
	border:none;
}

.tabs-header .tabs > li {
	height: 36px;
	margin: 0;
}

.tabs-header .tabs > li .tabs-inner {
	min-height: 33px;
	border:none;
	border-top: 3px solid #555555;
	padding: 0 20px;
	background: #f4f4f4;
	border-radius: 6px 6px 0 0;
	text-decoration: none;
}
.tabs-header .tabs > li a:hover {
	/*background:transparent;*/
}

.tabs-header .tabs > li.tabs-selected .tabs-inner {
	border-top-color: #0088cc;
	color: #0088cc;
	background: #FFF;
	border-left: 1px solid #f4f4f4;
	border-right: 1px solid #f4f4f4;
}

.tabs-panels {
	border: 0;
	box-shadow: none;
/*	background-color: #ccc; */
}

.tabs-panels .panel-body {
	background-color: #fff;
	box-sizing: border-box;
}

.wui-page{
	padding:5px;
}
.layout-split-west{
	border:none;
}

.dialog-button {
	padding: 10px 5px 5px;
	border: none;
	background-color: transparent;
}

.dialog-button .l-btn-left{
	min-width:80px;
	box-sizing: border-box;
}


.dialog-button #btnOk .l-btn-left, .messager-window .dialog-button .l-btn:first-of-type .l-btn-left{
	background-color: #0088cc;
	color:#fff;
	border:none;
}
/*
.dialog-button .l-btn:nth-of-type(2) .l-btn-left{
	background-color: #fff;
	color:#000;
}
*/

/*
 * west header
 */
.layout-panel-west, .layout-panel-west .panel-header, .layout-panel-west .panel-body,
.layout-expand-west, .layout-expand-west .panel-header, .layout-expand-west .panel-body {
	background:#1d2127;
	border: none;
}
/* splitter */
.layout-panel-west .panel-body {
	border-right: 5px solid #1d2127;
}
.layout-panel-west .panel-header .panel-title{
	color:lightgray;
}
.layout-button-right,.layout-button-left{
	background:none!important;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:lightgray;
	text-decoration: none;
	opacity: 1!important;
	font-size: 18px;
}
.layout-button-left:before{
	content: "\f100";
}
.layout-button-right:before{
	content: "\f101";
}

.panel-header{
	border:none;
}

.window .window-body{
	border:none;
}

.window{
	background-color: #f6f6f6 !important;
}

.datagrid-toolbar .l-btn-plain{
	text-align: center;
	border: 1px solid #ccc;
	margin: 2px 3px;
	padding: 0;
}
.qsearch-btn{
	border: none !important;
}
.qsearch-btn input {
	line-height: 24px;
}
.qsearch-btn .l-btn-icon{
	width: 30px;
	height: 30px;
	top:0;
	right: 0 !important;
	margin-top: 0px;
	background-color: #0088cc;
}
.qsearch-btn .l-btn-text {
	margin: 0px;
}

.messager-button .l-btn{
	border:none;
	width: auto;
}


/* 框架样式改造 */
/* .header-bar{
	background-color:#FFFFFF;
	color:#202020;
}

.header-bar_right .separator, .header-bar_right .headPic{
	display: none;
}

.header-bar .header-user-message{
	margin-right: 20px;
}

.header-bar .header-user-message .fa,.header-bar .header-user-message .msgNum{
	color:#659CC9;
}

.header-bar_right .userInfo{
	display: flex !important;
	align-items: center;
	height: 100%;
	color:#202020;
}

.header-bar_right .logout{
	vertical-align: middle;
	color:#202020;
	font-size: 14px;
}

.header-bar_left .header-bar_name{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	color:#202020;
	font-size: 16px;
} */

/* .layout-panel-west{
	background-color:transparent;
	background-image: url(images/westBg.png);
	background-size: 100% 100%;
} */

/* .layout-panel-west .panel-header,.layout-panel-west #menu{
	background-color:transparent;
	border-right: none;
}

.layout-panel-west .panel-header{
	height: 20px;
} */

#menu .my-menu-item{
	color:#fff;
}

#menu .my-menu-item:hover{
	background: rgba(255,255,255,0.2);
}

.layout-panel-west .panel-header .panel-title,.layout-panel-west .layout-button-right,.layout-panel-west .layout-button-left{
	color:#fff;
	/* display: none; */
}

#menu .expanded,#menu .menu-expandable{
	background-color: transparent;
	border:none;
}

.layout-expand-west .panel-body,.layout-expand-west .panel-header{
	background-color: #659CC9;
}

#menu{
	position: relative;
}

#menu .searchWrap{
	position: relative;
	left:20px;
	width: calc(220px - 40px);
	height: 30px;
	background-color: rgba(255,255,255,0.9);
	padding:5px 20px;
	box-sizing: border-box;
	border-radius: 60px;
}

#menu .searchWrap input{
	width: 100%;
	height: 100%;
	background-color: transparent;
	outline: none;
	border:none;
	color:#606060;
}

#menu .my-menu-item.active:not(.menu-item-head){
	box-shadow: #fff 4px 0px inset;
}

#menu::-webkit-scrollbar{
	width: 6px;
}

#menu::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background-color: #BCC7D8;
}

#menu::-webkit-scrollbar-track{
	border-radius: 10px;
	background-color:transparent;
}


#dlgLogin{
	padding:0px;
}

#dlgLogin form{
	margin-bottom:0px;
}

/* 必填项在td中加星号标识 */
td.required:after {
	content: "*";
	color: red;
}