/*
 CSS
 */
html, body {
    scrollbar-face-color: #DDEEFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #99BBCC;
    scrollbar-3dlight-color: #AACCDD;
    scrollbar-arrow-color: #6688AA;
    scrollbar-track-color: #EEEEEE;
    scrollbar-darkshadow-color: #DDEEFF;
    font-family: Microsoft Yahei, Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0;
	line-height:150%;
}

.tree-node-selected {
	background: #6cc944 !important;
}

.tree-node {
	padding: 8px 0;
}

/* app css stylesheet */
::-webkit-scrollbar {
	width: 13px;
	height: 13px;
}

::-webkit-scrollbar-track-piece {
	background-color: #f5f5f5;
	border-left: 1px solid #d2d2d2;
}

::-webkit-scrollbar-thumb {
	background-color: #FFFFFF;
	background-clip: padding-box;
	border: 1px solid #979797;
	min-height: 28px;
}

::-webkit-scrollbar-thumb:hover {
	border: 1px solid #636363;
	background-color: #EEEEEE;
}

#topbar {
	margin-bottom: 10px;
}
a {
    color: #08d;
    text-decoration: none;
    border: 0;
    background-color: transparent;
}

a:hover {
    color: #f80;
    text-decoration: underline;
}


a:active, a:focus {
    color: #f60;
    text-decoration: none;
}

a.selected {
    background: #2266BB;
    color: #CCFFFF;
    text-decoration: none;
}

a[href
^= "#"]:focus, a[href ^= "javascript"]:focus {
    outline: 0;
    -moz-outline-style: none;
}
/**windows*/
h5{ font-size:12px;margin: 0;	padding: 0;color: #444;}

/* 娓呴櫎娴姩灞�*/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} 
.clearfix {display: inline-block;} 
* html .clearfix{height: 1%;} 
.clearfix {display: block;}
/*form*/
input {
    margin: 0;
    vertical-align: middle;
    color: #114477;
}

input.inputText {
    color: #336699;
    background: url(../images/text_bg.gif) #F7FAFC repeat-x left top;
    border: 1px solid #6688AA;
    border-color: #778899 #AABBCC #AABBCC #8899AA;
    padding: 2px;
    vertical-align: middle;
}

input[type ="text"], input[type = "password"]{
    color: #336699;
    background: url(../images/text_bg.gif) #F7FAFC repeat-x left top;
    border: 1px solid #6688AA;
    border-color: #778899 #AABBCC #AABBCC #8899AA;
    padding: 2px 2px 3px; 
	+padding:2px;
	vertical-align:middle;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

input.inputTextHover {
    border-color: #00ccff;
}

input[type ="text"]:hover, input[type = "password"]:hover {
    border-color: #00ccff;
}

input.inputTextFocus {
    border-color: #FF8800;
    background: #F7FAFC url(../images/text_bg.gif) repeat-x left top;
}

input[type ="text"]:focus, input[type = "password"]:focus {
    border-color: #FF8800;
    background: #F7FAFC url(../images/text_bg.gif) repeat-x left top;
}

input.disabled,input.readonly {
    border-color: #ccc;
    background: #f5f5f5 none;
}

input[type ="text"][disabled],input[type ="text"][readonly]{
    border-color: #ccc;
    background: #f5f5f5 none;
}

input.inputButton { 
	+overflow:visible;
	color:#0099DD;
	background:#fff url(../images/button_bg.gif)
	repeat-x bottom left;
	border:1px solid #667788;
	border-color:#AABBCC #99AABB #667788 #99AABB;
	cursor:pointer;
	height:20px;
	padding-left:5px;
	padding-right:4px;
	vertical-align:middle;
}

button {
    background: #fff url(../images/button_bg.gif) repeat-x bottom left;
    border: 1px solid #667788;
    border-color: #AABBCC #99AABB #667788 #99AABB;
    cursor: pointer;
    height: 20px;
    vertical-align: middle;
    color: #147;
    padding-left: 5px;
    padding-right: 4px;
}

input[type ="submit"], input[type = "reset"], input[type = "button"] {
    color: #0099DD;
    background: #fff url(../images/button_bg.png) repeat-x bottom left;
    cursor: pointer;
    padding-left: 8px;
    padding-right: 7px;
    height: 21px;
    border: 1px solid #667788;
    border-color: #AABBCC #99AABB #667788 #99AABB;
    -moz-border-radius: 1px;
    vertical-align: middle;
}

input[type ="submit"]:hover, input[type = "reset"]:hover, input[type = "button"]:hover {
    border-color: #0bf;
}

a.textInputBtn {
    display: inline-block;
	+zoom:1;
	+display:inline;
	vertical-align:middle;
	height:21px;
	margin-right:2px;
	background:transparent
    url(../images/text_button_bg.gif)
	no-repeat 0 0;
	padding-left:2px;
}

a.textInputBtn input, a.textInputBtn input.inputButton{
    background: transparent url(../images/text_button_bg.gif) no-repeat right top;
    position: relative;
    left: 2px;
    color: #09D; +
	height:21px;
	-height:21px;
	line-height:21px;
	-line-height:15px;
	padding:0 11px 2px 7px; 
	+padding:0px 14px 0px 10px;
	vertical-align:middle;
	cursor:pointer;
	border:0 none #fff;
	outline:none;
}

a.textInputBtn input:hover, a.textInputBtn input:active, a.textInputBtn input:focus {
    border: 0 none #fff;
    outline: none;
    -moz-outline: none;
}

a.textInputBtn input:focus {
    color: #000;
}

a.textInputBtn:hover {
    background-image: url(../images/text_button_over.gif);
    text-decoration: none;
}

a.textInputBtn:hover input {
    background-image: url(../images/text_button_over.gif);
}

select {
    color: #336699;
    border: 1px solid #AABBCC;
    vertical-align: middle;
    margin: 0;
	padding:2px;
	font-size: 1em;
}

option {
    color: #336699;
}

textarea {
    color: #336699;
    border: 1px solid #667788;
    border-color: #667788 #AABBCC #AABBCC #778899;
    line-height: 19px;
    padding: 1px 1px 1px 4px;
    background: #F7FAFC url(../images/textarea_bg.gif);
    height: 80px;
    margin: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	*overflow:scroll; 
	* overflow-x:hidden;
}

textarea:hover {
    border-color: #00AAEE;
}

textarea:focus {
    border-color: #FF8800;
}

textarea.disabled, textarea.readonly {
    border-color: #ccc;
    background: #f5f5f5 none; 
	*overflow:hidden;
}

textarea[disabled], textarea[readonly] {
    border-color: #ccc;
    background: #f5f5f5 none;
}

input.inputImage {
    padding: 0;
    margin: 0;
    border: none;
}

input[type ="image"] {
    padding: 0;
    margin: 0;
    border: none;
}

input.inputFile { 
	*height:21px;
	background:#F7FAFC url(../images/text_bg.gif)repeat-x left top;
	border:1px solid #667788;
	margin:0;
	vertical-align:middle;
}

input[type ="file"] {
	*height:21px;
	background:#F7FAFC url(../images/text_bg.gif) repeat-x left top;
	border:1px solid #667788;
	margin:0;
	vertical-align:middle;
}

input.inputCheckbox {
    margin: -2px 0 -1px -2px;
}

input[type ="checkbox"] {
    margin: 1px 3px 0 0; 
	*margin:-2px 0 -1px -2px;
}

input.inputRadio {
    margin: -2px 0 -1px -2px;
}

input[type ="radio"] {
    margin: 1px 3px 0 0; 
	*margin:-2px 0 -1px -2px;
}

fieldset {
    padding: 0.5em;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 3px;
}

legend {
    color: #445566;
    font-weight: bold;
    padding: 1px 6px 2px 6px; 
	*margin-left:-5px;
	-moz-border-radius:3px;
}
/*鍘诲浘鐗囪竟妗�/
a img
{
	border: none 0;
	vertical-align: middle;
}
/*div鎸夐挳*/

a.divBtn
{
	text-decoration: none;
	height: 24px;
	margin: 0 5px 0 0;
	background: url(../images/btnout_left_bg.gif) no-repeat left center;
	float: left;
	_display: inline;
	-moz-user-select:none;
}
a.divBtn img
{
	margin: 4px 0px 4px 4px;
	_display: inline;
	float: left;
}
a.divBtn b
{
	cursor:pointer;
	white-space: nowrap;
	color: #666;
	font-weight: normal;
	height: 24px;
	line-height: 24px;
	padding: 0 4px 0 3px;
	background: url(../images/btnout_right_bg.gif) no-repeat right center;
	display:inline-block;
 +zoom: 1;
 +display: inline;
}
a.divBtn:hover
{
	text-decoration: none;
	background: url(../images/btnover_left_bg.gif) no-repeat left center;
}
a.divBtn:hover b
{
	color: #147;
	background: url(../images/btnover_right_bg.gif) no-repeat right center;
}
a.divBtnDisabled, a.divBtnDisabled:hover
{
	cursor: not-allowed;
	background: url(../images/btnDsb_left_bg.gif) no-repeat left center;
}
a.divBtnDisabled img, a.divBtnDisabled:hover img
{
	opacity: 0.5;
	filter: gray Alpha(Opacity = 50);
}
a.divBtnDisabled b, a.divBtnDisabled:hover b
{
	cursor: not-allowed;
	color: #999;
	background: url(../images/btnDsb_right_bg.gif) no-repeat right center;
}

/*琛ㄦ牸 */
table { border-collapse: collapse; }
table.cellspacing { border-collapse: separate; }
table.dataGrid
{
	border: 1px solid #C6C6C6;
	border-collapse: collapse;
	background: url(../images/thbg.gif) #FFFFFF repeat-x left top;
	table-layout: fixed;
	font-size:12px;
}

table.dataGrid td,table.dataGrid th
{
	color: #555555;
	border-bottom: 1px solid #DDDDDD;
	border-right: none 0;
	line-height:16px;
	+line-height:18px;
	padding: 3px 7px 3px 6px;
	+padding: 2px 7px 2px 6px;
	white-space: nowrap;
}
table.dataGrid td
{
	white-space: nowrap;
	overflow: hidden;
	/**
	 *	鏂囨湰瓒呴暱鏄剧ず涓変釜鐐�
	 * 	text-overflow: ellipsis;
	 *  -o-text-overflow: ellipsis;
	 * */

}

table.dataGrid .wrap { white-space:normal; }
table.dataGrid thead th, table.dataGrid thead span
{
	color: #445055;
	font-weight: bold;
}

table.dataGrid thead th
{
	height: auto;
	line-height:27px;
	padding: 0 7px 0 6px;
	border-left: #D6D6D6 0px solid;
	border-bottom: #C6C6C6 0px solid;
	background: url(../images/th.gif) no-repeat left top;
}
table.dataGrid tbody tr:hover{
	background:#EDFBD2;
}

/***TabPanel***/
.divtab,.divtabHover,.divtabCurrent,.divtabDisabled
	{
	position: relative;
	text-decoration: none;
	height: 26px;
	_height: 25px;
	margin: 3px 0 0 4px;
	cursor: pointer;
	background: url(../images/tabout_left_bg.gif) no-repeat left
		top;
	display: block;
	float: left;
	border-bottom: #99a7b1 1px solid;
}

.divtabHover,.divtabCurrent {
	background: url(../images/tabover_left_bg.gif) no-repeat left
		top;
	border-bottom: #fff 1px solid;
}

.divtabDisabled {
	cursor: not-allowed;
	background: url(../images/tabDsb_left_bg.gif) no-repeat left
		top;
}

.divtab img,.divtabHover img,.divtabCurrent img,.divtabDisabled img
	{
	width: 16px;
	height: 16px;
	margin: 3px 5px 0px 8px;
	display: inline;
	float: left;
}

.divtab b,.divtabHover b,.divtabCurrent b,.divtabDisabled b
	{
	color: #666;
	font-weight: normal;
	height: 25px;
	line-height: 24px;
	padding: 1px 20px 0 0;
	background: url(../images/tabout_right_bg.gif) no-repeat
		right top;
	display: block;
	float: left;
	border-bottom: #99a7b1 1px solid;
	_border-bottom: none;
}

.divtabHover b,.divtabCurrent b {
	color: #147;
	background: url(../images/tabover_right_bg.gif) no-repeat
		right top;
	border-bottom: #fff 1px solid;
	_border-bottom: none;
}

.divtabDisabled b {
	color: #999;
	background: url(../images/tabDsb_right_bg.gif) no-repeat
		right top;
}

.divtabHover {
	border-bottom: #99a7b1 1px solid;
}

.divtabHover b {
	border-bottom: #99a7b1 1px solid;
	_border-bottom: none;
}

.divtabCurrent b {
	color: #000000;
}

.tabsnav
{
height: 30px;
background:url(../images/tab_bar_bg.gif) repeat-x left bottom;
margin:0px 5px 1px 0px;
padding-left:5px;	
}

.divtabHide{display:none;} 
.divtabShow {display:block;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{zoom:1;}

form .bar{
	padding:5px 0px;
}
form .bar label.labelbox{
	width:80px;
	display: inline-block;
	text-align: right;
}

form .bar label.labelbox1{
	width:100px;
	display: inline-block;
	text-align: right;
}



form .bar label.labelbox2{
	width:90px;
	display: inline-block;
	text-align: right;
}

.searchPanel{
	background-color: #E0ECFF;
	padding: 5px;
	border-top: 1px solid #95B8E7;
}

.searchArea{
	display: block;
	/*margin: 0px 9px 0 9px;*/
	margin: 0px 8px 0 8px;
	line-height: 30px;
	/*border: 1px dotted #999;*/
	border: 1px solid #d8d8d8;
	padding: 0px 5px 5px 5px;
	background: #f4f4f4;
}
.searchArea .criteria{
	display: inline-block;
	margin-right: 8px;
	float:left;
}
.searchArea .criteria>label{
	display: inline-block;
	width:100px;	
	text-align: right;
}
.searchArea .criteria input,.searchArea .criteria select{
	box-sizing: border-box;
	width:120px!important;
}
.searchArea .criteria .easyui-linkbutton{
	margin-top:4px;
	margin-left: 30px;
}
.textbox {
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}
.textbox .textbox-text {
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}
.max-width{
	max-width: 1250px;
}
#tree>li>div>.tree-title{
	font-weight: bold;
}
#wrapper{
	background-size: 100%;
}


.green {
	color: #71CA54;
}
.multiple-dialog-config {
	border: 1px solid #000066;
	border-radius: 8px;
	margin-bottom: 10px;
	padding: 11px 4px 5px 9px;
	min-height: 34px;
}
.multiple-dialog-config .drag-groups{
	display: inline-block;
}
.multiple-dialog-config span.drag-item {
	margin-right: 5px;
	background: #F2F2F2;
	display: inline-block;
	width: 125px;
	height: 26px;
	line-height: 26px;
	margin-bottom: 0px;
	padding-left: 12px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 6px;
}
.multiple-dialog-config span.drag-item>i {
	font-style: normal;
}
#config_defination{
	padding: 10px;
	/* box-sizing: border-box; */
	height: 100%!important;
}
.multiple-dialog-config .define-change-color{
	color:green;
}
#config_defination .colNameInit{
	position: absolute;
	right: 22px;
	text-decoration:underline;
}