/* -------------
   * commom *
* ------------- */

*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
/*a:hover{text-decoration:underline;outline:none}*/
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    /*margin-top: 4px;*/
}
button, input[type="button"], input[type="submit"] {
    line-height: normal!important;
}
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"] {
    -webkit-appearance: none;
    outline: 0;
}
input[type="text"],input[type="password"],textarea{
	box-sizing: border-box;
    border: solid 1px #ddd;
    width: 100%;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    font-size: 14px;
    /*height: 28px;
    line-height: 1.42857;
    padding: 4px;*/
   border-radius: 2px;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
    border: solid 1px #3bb4f2;
}

input[type="submit"],input[type="reset"],input[type="button"]{
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;  text-align:center;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    /*-moz-padding-start: npx;
    -moz-padding-end: npx;*/
    /*border: solid 1px #ddd;
    background-color: #fff;*/
   	/*background-color: #C2C2C2;
    border-color: #C2C2C2;*/
    width: auto;
    /*padding: 4px 12px;*/
   	padding: 3px 8px;
   	font-size: 12px;
    height: 27px;
    /*padding: 3px;*/
    line-height: 1.42857;
    /*-webkit-transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;*/
    border-radius: 4px;
    color: #fff;
	background-color: #4898d5;
    border: solid 1px #2e8ded;
}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="submit"].active,
input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="reset"].active,
input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="button"].active 
 {
    /*color: #333;
    background-color: #c7c7c7;
    border-color: #c7c7c7;*/
   	color: #fff;
	background-color: #2e8ded;
    border-color: #4898d5;
}
/*.btn-default {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}*/

.l-clear {
	clear: both;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.l-hidden {
	display: none;
}

.l-loading {
	position: absolute;
	z-index: 91000;
	top: 40%;
	left: 50%;
	overflow: hidden;
	background: url('../images/common/loading.gif') no-repeat 0px 0px;
	width: 24px;
	height: 24px;
	display: none;
}


/* -------------
   * 滚动条颜色 *
* ------------- */

.l-scroll {
	scrollbar-face-color: #C6D7FF;
	scrollbar-3dlight-color: #B5CBF7;
	scrollbar-darkshadow-color: #B5CBF7;
	scrollbar-base-color: #B5CBF7;
	scrollbar-shadow-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-arrow-color: #4A6184;
}

.l-noscroll {
	overflow: hidden;
}


/* Draggable */

.l-draggable {
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 14000;
	background: #f2f1f1;
	border-color: #aaa;
}


/* Resizable */

.l-resizable {
	display: none;
	overflow: hidden;
	border-style: dashed;
	border-width: 1px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15000;
	background: #f2f1f1;
}

.l-dragging-mask {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 11000;
	display: none;
	filter: Alpha (opacity=1);
	background: white;
	-moz-opacity: .01;
	opacity: 0.01;
}


/* --------------
   *   icon  *
* ------------ */

.l-icon-checkbox {
	background: url('../images/icon/checkbox.gif') no-repeat center;
}

.l-icon-cross {
	background: url('../images/icon/cross.gif') no-repeat center;
	width: 16px;
	height: 16px;
	line-height: 16px;
}


/* -------------
   * 按钮 *
* ------------- */

.l-button {
	/*   height: 23px;
    overflow: hidden;
    width: 60px;
    line-height: 23px;
    cursor: pointer;
    position: relative;
    text-align: center;
    border: solid 1px #A3C0E8;
    color: #333333;
    background: #E0EDFF url(../images/controls/button-bg.gif) repeat-x center;*/
	display: inline-block;
	padding: 1px 5px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
	height: 23px;
	line-height: 23px;
	/*line-height: 1.42857;*/
	position: relative;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	border-radius: 3px;
	/*color: #fff;
    background-color: #C2C2C2;
    border-color: #C2C2C2;*/
    text-decoration: none;
    border-color: #4898d5;
    background: #2e8ded url()  repeat-x center;
    background-size: cover;
    /*background-color: #2e8ded;*/
    color: #fff;
    overflow: hidden;
    /*width: 60px;*/
}

a.l-button:hover, .l-button-over {
	/*background: #FFBE76 url(../images/controls/button-bg-over.gif) repeat-x center; border-color:#D6A886;*/
	color: #fff;
	/*background-color:#0a6999;border-color:#0a6999;*/
	background-color: #4898d5;
    border-color: #2e8ded;
}

.l-button-disabled {
	/*background-image: url('../images/common/button-disabled.gif');
	color: #9D9D9E;
	border: solid 1px #D3D3D3;*/
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.l-button-hasicon {
	padding-left: 20px;
}

.l-button-hasicon img {
	position: absolute;
	top: 4px;
	left: 3px;
	width: 16px;
	height: 16px;
}


/*
    Draggable
*/

.l-drag-proxy {
	border: 1px solid #BDD1EE;
	position: absolute;
	z-index: 1001;
	height: 25px;
	line-height: 25px;
	padding-left: 19px;
	padding-right: 4px;
	background: white;
}

.l-drag-proxy .l-drop-icon {
	position: absolute;
	top: 5px;
	left: 4px;
	width: 16px;
	height: 16px;
}

.l-drop-no {
	background: white url('../images/common/drop-icons.gif') no-repeat 0px -20px;
	width: 16px;
	height: 16px;
	overflow: hidden;
}

.l-drop-yes {
	background: white url('../images/common/drop-icons.gif') no-repeat 0px 0px;
	width: 16px;
	height: 16px;
	overflow: hidden;
}

.l-drop-add {
	background: white url('../images/common/drop-icons.gif') no-repeat -20px 0px;
	width: 16px;
	height: 16px;
	overflow: hidden;
}

.l-drag-coldroptip {
	width: 9px;
	position: absolute;
	height: 44px;
	z-index: 1000;
}

.l-drop-move-up {
	background: transparent url('../images/common/drop-icons.gif') no-repeat -40px 0px;
	width: 9px;
	height: 9px;
	overflow: hidden;
	position: absolute;
	top: 0px;
}

.l-drop-move-down {
	background: transparent url('../images/common/drop-icons.gif') no-repeat -60px 0px;
	width: 9px;
	height: 9px;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
}

.l-drag-nodedroptip,
.l-drag-rowdroptip {
	width: 9px;
	position: absolute;
	height: 1px;
	background-color: red;
	z-index: 1000;
	line-height: 1px;
	overflow: hidden;
}


/* filter */

table.l-filter-group {
	background: white;
	font-size: 12px;
}

table.l-filter-group select,
table.l-filter-group .valtxt {
	border: 1px solid #d3d3d3;
}

table.l-filter-group .addgroup {}

table.l-filter-group .addrule {}

table.l-filter-group .deletegroup {}

table.l-filter-group .deleterole {
	cursor: pointer;
}

table.l-filter-group-alt {
	background: #F2F2F2;
}

td.l-filter-groupcell {
	padding-left: 20px;
}

td.l-filter-column {
	padding: 2px;
}

td.l-filter-op {
	padding: 2px;
}

td.l-filter-value {
	padding: 2px;
}

tr.l-filter-rowlastcell {
	text-align: right;
	_width: 300px;
	min-width: 300px;
	padding: 2px;
}

table.l-filter-group-alt,
.l-panel table.l-filter-group-alt {
	background: #f5f5f5;
	/*margin-left: 20px;*/
	margin-top: 4px;
	padding: 5px;
	border: 1px solid #d3d3d3;
}

table.l-filter-group-alt .l-filter-value {
	padding-right: 6px;
}

td.l-filter-cellgroup {
	padding: 3px;
}

table.l-filter-group-alt table.l-filter-group {
	background: white;
	margin-left: 20px;
	margin-top: 4px;
	padding: 5px;
	border: 1px solid #d3d3d3;
}

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

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-clearfix {
	min-height: 0;
	/* support: IE7 */
}

.ui-widget-content {
	border: 1px solid #aaaaaa;
	color: #222222;
}

.ui-widget-content a {
	color: #222222;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6;
	font-weight: normal;
	color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada;
	font-weight: normal;
	color: #212121;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	font-weight: normal;
	color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}