/**************************************************************
* ------------------------------------------------------------
* 修改日期   修改人    修改描述
* ----------  ---------  -------------------------------------
* 20170223      dengzl      修改悬停行颜色
* 20170706      dengzl      DC01012715-删除多余的filter，否则会IE8下会出现字体模糊
*20171102		daih		datagrid-mask-msg  修改高度为自动
*20190629       daih        CBD000327-去掉datagrid-cell默认指定font-weight:normal,默认改到datagrid-row样式，因为颜色管理会通过行控制tr是否加粗
* *********************************************************/

/*\
	背景色： #dedede
	悬停或选中颜色： #f4f4f4
	边框颜色： #808080
	标题的字体颜色： # 808080
*/

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.align-center,
.align-items {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.panel {
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	font-family: Microsoft YaHei,微软雅黑,tahoma,arial,宋体;
	line-height: 1.5;
	font-style: normal;
	font-stretch: normal;
	overflow: hidden;
	font-variant: normal;
}

.panel:focus-visible {
	outline: none;
}

.panel-header, .panel-body
{
	border: none;
}
.panel-header
{
	position: relative;
	display: inline-block;
	padding: 0 8px;
    box-sizing: border-box;
}
.panel-title
{
	font-size: 16px;
	white-space: nowrap;
    flex: 1;
	/*width: 80%;*/
}
.panel-header-noborder
{
	border-width: 0 0 1px 0;
}
.panel-body
{
	overflow: auto;
	border-top-width: 0px;
}

.panel-body iframe {
    border-width: 0;
}

.panel-body-noheader {
    border-top-width: 1px;
}
.panel-body-noborder
{
	border-width: 0px;
}
.panel-with-icon
{
	padding-left: 18px;
}
.panel-icon, .panel-tool
{
	display: inline-block;
}
.panel-icon
{
	left: 5px;
	width: 16px;
}
.panel-tool
{
	width: 20%;
	text-align: right;
	/*vertical-align: middle;*/
}
.panel-tool a
{
	display: inline-block;
	width: 16px;
	height: 16px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	margin: 0 0 0 2px;
}
/*面板悬停效果*/
.panel-tool a:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
	background-color: #fafafa; /*-moz-border-radius: 3px 3px 3px 3px;   -webkit-border-radius: 3px 3px 3px 3px;   border-radius: 3px 3px 3px 3px;*/

}
.panel-loading
{
	padding: 11px 0px 10px 30px;
}
.panel-noscroll
{
	overflow: hidden;
}
.panel-fit, .panel-fit body
{
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
.panel-loading
{
	background: url('images/loading.gif') no-repeat 10px 10px;
}
.panel-tool a.panel-tool-close {
    /*background: url('icons/close.png') no-repeat;*/
    position: relative;
    color: #000;
    width: auto;
    height: auto;
    margin-left: 5px;
    line-height: 1;
}
.panel-tool a.panel-tool-close::before {
    /*background: url('icons/close.png') no-repeat;*/
    font-family: 'iconfont';
    content: '\e783';
    font-size: 14px;
}

.panel-tool a.panel-tool-min {
    /*background: url('images/panel_tools.png') no-repeat 0px 0px;*/
    position: relative;
    color: #000;
    width: auto;
    height: auto;
    margin-left: 5px;
    line-height: 1;
}

.panel-tool a.panel-tool-min::before {
    font-family: 'iconfont';
    content: '\e629';
    font-size: 14px;
}

.panel-tool a.panel-tool-max {
    /*background: url('images/panel_tools.png') no-repeat 0px -16px;*/
    position: relative;
    color: #000;
    width: auto;
    height: auto;
    margin-left: 5px;
    line-height: 1;
}
.panel-tool a.panel-tool-max::before {
    /*background: url('images/panel_tools.png') no-repeat 0px -16px;*/
    font-family: 'iconfont';
    content: '\e887';
    font-size: 14px;
}

.panel-tool a.panel-tool-restore {
    /*background: url('images/panel_tools.png') no-repeat -16px -16px;*/
    position: relative;
    color: #000;
    width: auto;
    height: auto;
    margin-left: 5px;
    line-height: 1;
}

.panel-tool a.panel-tool-restore::before {
    font-family: 'iconfont';
    content: '\e886';
    font-size: 14px;
}

.panel-tool a.panel-tool-collapse {
    /*background: url('icons/collapse.png') no-repeat;*/
    position: relative;
    color: #000;
    width: auto;
    height: auto;
    margin-left: 5px;
    line-height: 1;
}

.panel-tool a.panel-tool-collapse::before {
    font-family: 'iconfont';
    content: "\e627";
    font-size: 14px;
}

.panel-tool a.panel-tool-expand {
    /*background: url('icons/collapse.png') no-repeat;
    transform: rotate(180deg);*/
    position: relative;
    color: #000;
    width: auto;
    height: auto;
    margin-left: 5px;
    line-height: 1;
    transform: rotate(180deg);
}

.panel-tool a.panel-tool-expand::before {
    font-family: 'iconfont';
    content: "\e627";
    font-size: 14px;
}

/*边框颜色*/
.panel-header, .panel-body {
    border-color: #dedede;
    border-top: none;
    border-left: none;
    border-right: none;
}
/*面板背景颜色*/
.panel-header
{
	/* background: #f2f2f2; */
}
/*-----------------------------------------------------------面板内容，颜色，整体的-----------------------------------*/
.panel-body
{
	background-color: White; /*f5f5f5;*/ /*color: #555555;*/
	color: #333333; /* background-color: #f5f5f5;   background: -webkit-linear-gradient(top,#f5f5f5 0,#ededed 75%);    background: -moz-linear-gradient(top,#f5f5f5 0,#ededed 75%);      background: -o-linear-gradient(top,#f5f5f5 0,#ededed 75%);   background: linear-gradient(to bottom,#f5f5f5 0,#ededed 75%);   background-repeat: repeat-x;   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5,endColorstr=#ededed,GradientType=0);*/
}
/*标题栏*/
.panel-title
{
	font-weight: bold;
	/* color: #808080; */
	display: inline-block;
	margin: 0;
    padding: 0;
}

.panel-title > * {
	display: inline-block;
}

.accordion
{
	overflow: hidden;
	border-width: 0;
	border-style: solid;
    padding: 8px 0 0 8px;
}
.accordion .accordion-header
{
	/*border-bottom: 1px solid #D6D6D6;*/
	cursor: pointer;
    border-left: 4px solid var(--theme-color);
}
.accordion .accordion-body
{
	border-width: 0 0 1px;
}
.accordion-noborder
{
	border-width: 0;
}
.accordion-noborder .accordion-header
{
	border-width: 0 0 1px;
}
.accordion-noborder .accordion-body
{
	border-width: 0 0 1px;
}
.accordion-collapse
{
	background: url('images/accordion_arrows.png') no-repeat 0 0;
}
.accordion-expand
{
	background: url('images/accordion_arrows.png') no-repeat -16px 0;
}
.accordion
{
	background: #ffffff;
	border-color: #f4f4f4;
}
/*标题颜色*/
.accordion .accordion-header
{
	/*background: #f0f0f0;*/
	filter: none;
	cursor: pointer;
	/* background-color: #fafafa;
	background: -webkit-linear-gradient(top,#ffffff 60%,#fafafa 100%);
	background: -moz-linear-gradient(top,#ffffff 60%,#fafafa 100%);
	background: -o-linear-gradient(top,#ffffff 60%,#fafafa 100%);
	background: linear-gradient(to bottom,#ffffff 60%,#fafafa 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#fafafa,GradientType=0); */
}
/*选中一项*/
.accordion .accordion-header-selected
{
	/*background: #e9e9e9;*/
	/* background-color: #e9e9e9;
	background: -webkit-linear-gradient(top,#e9e9e9 0,#ffffff 75%);
	background: -moz-linear-gradient(top,#e9e9e9 0,#ffffff 75%);
	background: -o-linear-gradient(top,#e9e9e9 0,#ffffff 75%);
	background: linear-gradient(to bottom,#e9e9e9 0,#ffffff 75%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e9e9e9,endColorstr=#ffffff,GradientType=0); */
}
/*选中时标题的样式*/
.accordion .accordion-header-selected .panel-title
{
	/*color: #CC2222;*/
}
.window
{
	overflow: hidden;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	transform: translate(0,0);
	background: white;
}
.window .window-header
{
	background: #F5F5F5;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	vertical-align: middle;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.window[mode="modal"] .window-header{
	background: white;
	height: 40px;
	line-height: 40px;
}

.window[mode="modal"] {
	
}


/*弹出窗口的内容部分*/
.window .window-body
{
	border: none;
	background-color: White;
}
.window .window-body-noheader
{
	border-top-width: 1px;
}
.window .window-header .panel-icon, .window .window-header .panel-tool
{

}
.window .window-header .panel-icon
{
	left: 1px;
}
.window .window-header .panel-tool
{

}
.window .window-header .panel-with-icon
{
	padding-left: 5px;
}
.window-proxy
{
	position: absolute;
	overflow: hidden;
}
.window-proxy-mask
{
	position: absolute;
	filter: alpha(opacity=5);
	opacity: 0.05;
}
.window-mask
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=40);
	opacity: 0.40;
	font-size: 1px; *zoom:1;
overflow:hidden;
}
.window, .window-shadow
{
	position: absolute;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
/*窗口边框阴影样式*/
.window-shadow
{
	box-shadow: 1px 5px 10px 2px #D9D9D9;
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
}
.window, .window .window-body
{
	border-color: transparent;
}
/*外边框样式*/
.window
{
	background-color: #ffffff;
	background: -webkit-linear-gradient(top,#ffffff 0,#e9e9e9 20%);
	background: -moz-linear-gradient(top,#ffffff 0,#e9e9e9 20%);
	background: -o-linear-gradient(top,#ffffff 0,#e9e9e9 20%);
	background: linear-gradient(to bottom,#ffffff 0,#e9e9e9 20%);
	background-repeat: repeat-x; /*dengzl 20170706 删除多余的filter*/ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e9e9e9,GradientType=0); dengzl 20170629 清除渐变*/
}
.window-proxy
{
	border: 1px dashed #808080;
}
/*提示框*/
.window-proxy-mask, .window-mask
{
	background: #333;
    opacity: 0.3;
}
.dialog-content
{
	overflow: auto;
}
.dialog-toolbar
{
	padding: 2px 5px;
}
.dialog-tool-separator
{
	float: left;
	height: 24px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 2px 1px;
}
.dialog-button
{
	padding: 5px;
	text-align: right;
}
.dialog-button .l-btn
{
	margin-left: 5px;
}
.dialog-toolbar, .dialog-button
{
	background: #F4F4F4;
}
.dialog-toolbar
{
	border-bottom: 1px solid #dddddd;
}
.dialog-button
{
	border-top: 1px solid #dddddd;
}
/*---------------下拉框样式-------------------*/
.combo
{
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
	vertical-align: middle;
}
.combo .combo-text
{
	border: 0px;
	line-height: 25px;
	height: 25px;
	margin: 0;
	padding: 0px 2px; *margin-top:-1px;
*height:18px;
*line-height:18px;
_height:18px;
_line-height:18px;
vertical-align:baseline;
color:#555555;
}
.combo-arrow
{
	width: 20px;
	height: 25px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.combo-arrow-hover
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.combo-panel
{
	overflow: auto;
}
.combo-arrow
{
	background: url('images/down4.png') no-repeat center center;
}
/*下拉面板样式*/
.combo, .combo-panel
{
	background-color: #ffffff;
	color: #808080;
	border: 1px solid #dedede;
}
/*下拉框 框的样式*/
.combo
{
	border-color: #ddd;
	background-color: #ffffff;
}
.combo-arrow
{
	background-color: #ffffff;
}
.combo-arrow-hover
{
	background-color: #f4f4f4;
	cursor: pointer;
}
.combobox-item
{
	padding: 2px;
	font-size: 12px;
	padding: 3px;
	padding-right: 0px;
}
.combobox-item-hover
{
	background-color: #f4f4f4;
	color: #000000;
	cursor: pointer;
}
.combobox-item-selected
{
	background-color: #ddd;
	color: #000000;
	font-weight: bold;
}
.layout
{
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 0;
}
.layout-panel
{
	position: absolute;
	overflow: hidden;
}
.layout-panel-east, .layout-panel-west
{
	z-index: 2;
}
.layout-panel-north, .layout-panel-south
{
	z-index: 3;
}
.layout-expand
{
	position: absolute;
	padding: 0px;
	font-size: 1px;
	cursor: pointer;
	z-index: 1;
}
.layout-expand .panel-header, .layout-expand .panel-body
{
	background: transparent;
	filter: none;
	overflow: hidden;
}
.layout-expand .panel-header
{
	border-bottom-width: 0px;
}
.layout-split-proxy-h, .layout-split-proxy-v
{
	position: absolute;
	font-size: 1px;
	display: none;
	z-index: 5;
}
.layout-split-proxy-h
{
	width: 5px;
	cursor: e-resize;
}
.layout-split-proxy-v
{
	height: 5px;
	cursor: n-resize;
}
.layout-mask
{
	position: absolute;
	background: #fafafa;
	filter: alpha(opacity=10);
	opacity: 0.10;
	z-index: 4;
}
.layout-button-up
{
	background: url('images/layout_arrows.png') no-repeat -16px -16px;
}
.layout-button-down
{
	background: url('images/layout_arrows.png') no-repeat -16px 0;
}
.layout-button-left
{
	background: url('images/layout_arrows.png') no-repeat 0 0;
}
.layout-button-right
{
	background: url('images/layout_arrows.png') no-repeat 0 -16px;
}
.layout-split-proxy-h, .layout-split-proxy-v
{
	background-color: #dedede;
}
/*边框颜色*/
.layout-split-north
{
	border-bottom: 1px solid #dedede; /*E6EEF8*/
}
.layout-split-south
{
	border-top: 1px solid #dedede; /*E6EEF8*/
}
.layout-split-east
{
	border-left: 1px solid #dedede; /*E6EEF8*/
}
.layout-split-west
{
	border-right: 1px solid #dedede; /*E6EEF8*/
}
/*折叠在旁边时的颜色*/
.layout-expand
{
	background-color: #f2f2f2; /*background: -webkit-linear-gradient(top,#ccffff 0,#99ccff 75%);  /*454545 == (cedef7)c9e0ff*/ /*background: -moz-linear-gradient(top,#ccffff 0,#99ccff 75%);   /*383838 ==c9e0ff */ /* background: -o-linear-gradient(top,#ccffff 0,#99ccff 75%);   background: linear-gradient(to bottom,#ccffff 0,#99ccff 75%);   background-repeat: repeat-x;   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffff,endColorstr=#99ccff,GradientType=0);*/
}
/*悬停在折叠上时*/
.layout-expand-over
{
	background-color: #f4f4f4;
}

/*--------------------------------------------tabs选项板--------------------------------------------------*/





.tabs-container
{
	overflow: hidden;
}
.tabs-header
{
	border-width: 1px;
	border-style: solid;
	border-bottom-width: 0;
	position: relative;
	padding: 0;
	padding-top: 2px;
	overflow: hidden;
}

/*.sf-layout-content .tabs{
    border-bottom: 1px solid #D6D6D6;
}*/

.tabs-header-plain
{
	border: 0;
	background: transparent;
}
.tabs-scroller-left, .tabs-scroller-right
{
	position: absolute;
	top: auto;
	bottom: 0;
	width: 18px;
	height: 28px !important;
	height: 30px;
	font-size: 1px;
	display: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
}
.tabs-scroller-left
{
	left: 0;
}
.tabs-scroller-right
{
	right: 0;
}
.tabs-header-plain .tabs-scroller-left, .tabs-header-plain .tabs-scroller-right
{
	height: 25px !important;
	height: 27px;
}
.tabs-tool
{
	position: absolute;
	bottom: 0;
	padding: 1px;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
}
.tabs-header-plain .tabs-tool
{
	padding: 0 1px;
}
.tabs-wrap
{
	position: relative;
	left: 0;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}
.tabs-scrolling
{
	margin-left: 18px;
	margin-right: 18px;
}
.tabs-disabled
{
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.tabs
{
	list-style-type: none;
	height: 26px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	width: 5000px;
	border-style: solid;
    border-color: #D6D6D6;
	border-width: 0 0 1px 0;
}
    .tabs li {
        float: left;
        display: inline-block;
        padding: 0;
        position: relative;
        background: #E0E0E0;
        border-radius: 8px 24px 0px 0px;
        /*border: 0;*/
    }
.tabs li a.tabs-inner
{
	display: inline-block;
	text-decoration: none;
	margin: 0;
	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid; /*-moz-border-radius: 5px 5px 0 0;   -webkit-border-radius: 5px 5px 0 0;   border-radius: 5px 5px 0 0;*/
}
.tabs li.tabs-selected a.tabs-inner
{
	font-weight: bold;
	outline: none;
}
.tabs li.tabs-selected a:hover.tabs-inner
{
	cursor: default;
	pointer: default;
}
.tabs li a.tabs-close, .tabs-p-tool
{
	position: absolute;
	font-size: 1px;
	display: block;
	height: 12px;
	padding: 0;
	top: 50%;
	margin-top: -6px;
	overflow: hidden;
}
.tabs li a.tabs-close
{
	width: 12px;
	right: 5px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.tabs-p-tool
{
	right: 16px;
}
.tabs-p-tool a
{
	display: inline-block;
	font-size: 1px;
	width: 12px;
	height: 12px;
	margin: 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.tabs li a:hover.tabs-close, .tabs-p-tool a:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: hand;
	cursor: pointer;
}
.tabs-with-icon
{
	padding-left: 18px;
}
.tabs-icon
{
	position: absolute;
	width: 16px;
	height: 16px;
	left: 10px;
	top: 50%;
	margin-top: -8px;
}
.tabs-closable
{
	padding-right: 8px;
}
.tabs-panels
{
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-top-width: 0;
	overflow: hidden;
}
.tabs-header-bottom
{
	border-width: 0 1px 1px 1px;
	padding: 0 0 2px 0;
}
.tabs-header-bottom .tabs
{
	border-width: 1px 0 0 0;
}
.tabs-header-bottom .tabs li
{
	margin: -1px 4px 0 0;
}
.tabs-header-bottom .tabs li a.tabs-inner
{
	/*-moz-border-radius: 0 0 5px 5px;   -webkit-border-radius: 0 0 5px 5px;   border-radius: 0 0 5px 5px;*/
}
.tabs-header-bottom .tabs-tool
{
	top: 0;
}
.tabs-header-bottom .tabs-scroller-left, .tabs-header-bottom .tabs-scroller-right
{
	top: 0;
	bottom: auto;
}
.tabs-panels-top
{
	border-width: 1px 1px 0 1px;
}
.tabs-header-left
{
	float: left;
	border-width: 1px 0 1px 1px;
	padding: 0;
}
.tabs-header-right
{
	float: right;
	border-width: 1px 1px 1px 0;
	padding: 0;
}
.tabs-header-left .tabs-wrap, .tabs-header-right .tabs-wrap
{
	height: 100%;
}
.tabs-header-left .tabs
{
	height: 100%;
	padding: 4px 0 0 4px;
	border-width: 0 1px 0 0;
}
.tabs-header-right .tabs
{
	height: 100%;
	padding: 4px 4px 0 0;
	border-width: 0 0 0 1px;
}
.tabs-header-left .tabs li, .tabs-header-right .tabs li
{
	display: block;
	width: 100%;
	position: relative;
}
.tabs-header-left .tabs li
{
	left: auto;
	right: 0;
	margin: 0 -1px 4px 0;
	float: right;
}
.tabs-header-right .tabs li
{
	left: 0;
	right: auto;
	margin: 0 0 4px -1px;
	float: left;
}
.tabs-header-left .tabs li a.tabs-inner
{
	display: block;
	text-align: left; /*-moz-border-radius: 5px 0 0 5px;   -webkit-border-radius: 5px 0 0 5px;   border-radius: 5px 0 0 5px;*/
}
.tabs-header-right .tabs li a.tabs-inner
{
	display: block;
	text-align: left; /*-moz-border-radius: 0 5px 5px 0;   -webkit-border-radius: 0 5px 5px 0;   border-radius: 0 5px 5px 0;*/
}
.tabs-panels-right
{
	float: right;
	border-width: 1px 1px 1px 0;
}
.tabs-panels-left
{
	float: left;
	border-width: 1px 0 1px 1px;
}
.tabs-header-noborder, .tabs-panels-noborder
{
	border: 0px;
}
.tabs-header-plain
{
	border: 0px;
	background: transparent;
}
.tabs-scroller-left
{
	/* background: url('images/tabs_icons_1.png') no-repeat 1px center; */
	color: #0C6CE9;
	color: var(--theme-color);
	font-size: 16px;
}

.tabs-scroller-left::before {
	font-family: 'iconfont';
	content: '\e7cb';
    line-height: 30px;
}

.tabs-scroller-left2
{
	/* background: url('images/tabs_icons_-1.png') no-repeat 1px center; */
}
.tabs-scroller-right
{
	/* background: url('images/tabs_icons_1.png') no-repeat -15px center; */
	color: #0C6CE9;
	color: var(--theme-color);
	font-size: 16px;
}
    .tabs-scroller-right::before {
        font-family: 'iconfont';
        content: '\e7cc';
        line-height: 30px;
    }

.tabs-scroller-right2
{
	/* background: url('images/tabs_icons_-1.png') no-repeat -15px center; */
}
.tabs li a.tabs-close
{
	background: url('images/tabs_icons_1.png') no-repeat -34px center;
}
/*悬停*/
.tabs li a.tabs-inner:hover
{
	/* background:#ffffff; /*777*/
	/* background: #e5eff9; */
	color: #0C6CE9;
	color: var(--theme-color);
	filter: none;
}
/*选中一项的颜色*/
/*.tabs li.tabs-selected a.tabs-inner {
  background-color: #ffffff;  
  color: #CC2222;
  background: -webkit-linear-gradient(top,#fafafa 0,#ffffff 100%); 
  background: -moz-linear-gradient(top,#fafafa 0,#ffffff 100%);
  background: -o-linear-gradient(top,#fafafa 0,#ffffff 100%);
  background: linear-gradient(to bottom,#fafafa 0,#ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa,endColorstr=#ffffff,GradientType=0);
}*/

.tabs li.tabs-selected a.tabs-inner {
    /* background-color: blue; */
    color: white;
}

/*暂不修改*/
.tabs-header-bottom .tabs li.tabs-selected a.tabs-inner
{
	background-color: #ffffff;
	background: -webkit-linear-gradient(top,#f5f5f5 0,#ffffff 100%);
	background: -moz-linear-gradient(top,#f5f5f5 0,#ffffff 100%);
	background: -o-linear-gradient(top,#f5f5f5 0,#ffffff 100%);
	background: linear-gradient(to bottom,#f5f5f5 0,#ffffff 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5,endColorstr=#ffffff,GradientType=0);
}
/*暂不修改*/
.tabs-header-left .tabs li.tabs-selected a.tabs-inner
{
	background-color: #ffffff;
	background: -webkit-linear-gradient(top,#f5f5f5 0,#ffffff 100%);
	background: -moz-linear-gradient(top,#f5f5f5 0,#ffffff 100%);
	background: -o-linear-gradient(top,#f5f5f5 0,#ffffff 100%);
	background: linear-gradient(to bottom,#f5f5f5 0,#ffffff 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5,endColorstr=#ffffff,GradientType=0);
}
.tabs-header-right .tabs li.tabs-selected a.tabs-inner
{
	background-color: #ffffff;
	background: -webkit-linear-gradient(top,#f5f5f5 0,#ffffff 100%);
	background: -moz-linear-gradient(top,#f5f5f5 0,#ffffff 100%);
	background: -o-linear-gradient(top,#f5f5f5 0,#ffffff 100%);
	background: linear-gradient(to bottom,#f5f5f5 0,#ffffff 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5,endColorstr=#ffffff,GradientType=0);
}

/*默认颜色*/
/*.tabs li a.tabs-inner {
    color: #555555;
 background-color:#f5f5f5;
  background: -webkit-linear-gradient(top,#f5f5f5 0,#e9e9e9 75%); 
  background: -moz-linear-gradient(top,#f5f5f5 0,#e9e9e9 75%); 
  background: -o-linear-gradient(top,#f5f5f5 0,#e9e9e9 75%);
  background: linear-gradient(to bottom,#f5f5f5 0,#e9e9e9 75%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5,endColorstr=#e9e9e9,GradientType=0);
}*/
.tabs li a.tabs-inner
{
	color: #0b0b0b;
	background-color: #ebebe4;
}

.tabs-header, .tabs-tool
{
	/* background-color: #f5f5f5;
	background: -webkit-linear-gradient(top,#f5f5f5 0,#e9e9e9 75%);
	background: -moz-linear-gradient(top,#f5f5f5 0,#e9e9e9 75%);
	background: -o-linear-gradient(top,#f5f5f5 0,#e9e9e9 75%);
	background: linear-gradient(to bottom,#f5f5f5 0,#e9e9e9 75%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5,endColorstr=#e9e9e9,GradientType=0); */

	background: none;
	background-color: transparent;
}

.tabs-header-plain
{
	background: bule;
}
.tabs-header, .tabs-scroller-left, .tabs-scroller-right, .tabs-tool, /*.tabs,*/ .tabs-panels, .tabs li a.tabs-inner, .tabs li.tabs-selected a.tabs-inner, .tabs-header-bottom .tabs li.tabs-selected a.tabs-inner, .tabs-header-left .tabs li.tabs-selected a.tabs-inner, .tabs-header-right .tabs li.tabs-selected a.tabs-inner
{
	border: none;
}
/*选项卡的关闭按钮 及下边的切换按钮*/
.tabs-p-tool a:hover, .tabs li a:hover.tabs-close, .tabs-scroller-over
{
	background-color: #ffffff;
}
/*选中选项卡的下边框*/
/*选项卡点击的样式*//* tangcc 10.30点中时背景为红*/
.tabs li.tabs-selected a.tabs-inner
{
	border-bottom: none;
	box-shadow: none;
	background: transparent;
}

.tabs li.tabs-selected {
    /*border-bottom: 2px solid #0C6CE9;
    border-bottom: 2px solid var(--theme-color);
    height: inherit;*/
    background-color: #0C6CE9;
    background-color: var(--theme-color);
}

.tabs-header-bottom .tabs li.tabs-selected a.tabs-inner
{
	border-top: 1px solid #666;
}
.tabs-header-left .tabs li.tabs-selected a.tabs-inner
{
	border-right: 1px solid #666;
}
.tabs-header-right .tabs li.tabs-selected a.tabs-inner
{
	border-left: 1px solid #666;
}
a.l-btn
{
	background-position: right 0;
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	zoom: 1;
	height: 24px;
	padding-right: 18px;
	cursor: pointer;
	outline: none;
	border: 1px solid transparent;
}
a.l-btn-plain
{
	padding-right: 5px;
	/*border: 0;*/
	padding: 1px 6px 1px 1px;
}
/*按钮禁用*/
a.l-btn-disabled
{
	color: #ccc;
	opacity: 0.6;
	filter: alpha(opacity=50);
	cursor: not-allowed;
}
a.l-btn span.l-btn-left
{
	display: inline-block;
	background-position: 0 -48px;
	padding: 4px 0px 4px 18px;
	line-height: 16px;
	height: 16px;
}
a.l-btn-plain span.l-btn-left
{
	padding-left: 5px;
}
a.l-btn span span.l-btn-text
{
	display: inline-block;
	vertical-align: baseline;
	width: auto;
	height: 16px;
	line-height: 16px;
	padding: 0;
	margin: 0;
}
a.l-btn span span.l-btn-icon-left
{
	padding: 0 0 0 4px;
	/* background-position: left center; */
}

a.l-btn span span.l-btn-icon-left [class*="icon-"]{
	margin-left: 4px;
}

a.l-btn span span.l-btn-icon-right
{
	padding: 0 4px 0 0;
	/* background-position: right center; */
}
a.l-btn span span span.l-btn-empty
{
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 16px;
}
a: hover.l-btn
{
	background-position: right -24px;
	outline: none;
	text-decoration: none;
}
a:hover.l-btn span.l-btn-left
{
	background-position: 0 bottom;
}
a:hover.l-btn-plain
{
	padding: 0 5px 0 0;
}
a:hover.l-btn-disabled
{
	background-position: right 0;
}
a:hover.l-btn-disabled span.l-btn-left
{
	background-position: 0 -48px;
}
/*暂不修改*/
a.l-btn .l-btn-focus
{
	outline: none;
}
/*(原来)按钮样式
a.l-btn
{
	color: #555555;
	background-image: url('images/linkbutton_bg.png');
	background-repeat: no-repeat;
	background: #fafafa;
	background-repeat: repeat-x;
	border: 1px solid #dedede;
	background: -webkit-linear-gradient(top,#fafafa 0,#dedede 100%);
	background: -moz-linear-gradient(top,#fafafa 0,#dedede 100%);
	background: -o-linear-gradient(top,#fafafa 0,#dedede 100%);
	background: linear-gradient(to bottom,#fafafa 0,#dedede 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa,endColorstr=#dedede,GradientType=0);
}*/
/*(唐改)按钮样式(确定取消)*/
a.l-btn
{
	color: #555;
}

.panel a.l-btn {
    /*color: #0C6CE9;
    color: var(--theme-color);
    border-color: #0C6CE9;
    border-color: var(--theme-color);
    border-radius: 4px;*/
}

/*唐改按钮本身样式（下一页，尾面，设置）１０.０９
a.l-btn
{
	color: #555;
	background-image: url('images/linkbutton_bg.png');
	background-repeat: no-repeat;
	background: #fafafa;
	background-repeat: repeat-x;
	border: 1px solid #dedede;
	background: -webkit-linear-gradient(top,#fafafa 0,rgba(104, 163, 95, 0.62) 100%);
	background: -moz-linear-gradient(top,#fafafa 0,rgba(104, 163, 95, 0.62) 100%);
	background: -o-linear-gradient(top,#fafafa 0,rgba(104, 163, 95, 0.62) 100%);
	background: linear-gradient(to bottom,#fafafa 0,rgba(104, 163, 95, 0.62) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa,endColorstr=#a0c59b,GradientType=0);
}
a.l-btn span.l-btn-left
{
	background-image: url('images/linkbutton_bg.png');
	background-repeat: no-repeat;
	background-image: none;
}*/
/*鼠标悬停*/
a:hover.l-btn:not(.l-btn-disabled) {
    filter: none;
    color: #0C6CE9;
    color: var(--theme-color);
    /*border: 1px solid #0C6CE9;*/
    /*border: 1px solid var(--theme-color);*/
}

.panel a:hover.l-btn:not(.l-btn-disabled) {
    /*background: #0C6CE9;
    background: var(--theme-color);
    color: white;*/
}

.sf-form dd a.l-btn-plain:hover{
    
}
/*唐改鼠标悬停１０.９background:#75ab6d;
a:hover.l-btn
{
	color:#555;
	filter: none;
	background-repeat: repeat-x;
	border: 1px solid #dedede;
	background: -webkit-linear-gradient(top,#fafafa 0,rgba(104, 163, 95, 1) 100%);
	background: -moz-linear-gradient(top,#fafafa 0,rgba(104, 163, 95, 1) 100%);
	background: -o-linear-gradient(top,#fafafa 0,rgba(104, 163, 95, 1) 100%);
	background: linear-gradient(to bottom,#fafafa 0,rgba(104, 163, 95, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa,endColorstr=#75ab6d,GradientType=0);
}*/
/*唐10.09*/
a .l-btn-plain, a.l-btn-plain span.l-btn-left {
    background: transparent;
    border: 0;
    filter: none;
}
/*唐改上一句为
a.l-btn-plain, a.l-btn-plain span.l-btn-left
{
	border: 0;
}*/

/*悬停唐去掉color: #CC2222;*/
a:hover.l-btn-plain
{
	padding-right: 5px;
	/*border: 0;*/
	padding: 1px 6px 1px 1px;
}
a.l-btn-disabled, /*鼠标悬停在禁用的按钮上*/ a:hover.l-btn-disabled
{
	filter: alpha(opacity=50);
    color: #555;
}

a.btn-theme {
    background: #0C6CE9;
    background: var(--theme-color);
    color: white;
    border-radius: 4px;
    border-color: #0C6CE9;
    border-color: var(--theme-color);
}

a:hover.btn-theme:not(.l-btn-disabled) {
    color: white;
    background: rgba(var(--theme-color-r), var(--theme-color-g), var(--theme-color-b), 0.8);
}
.datagrid .panel-body
{
	overflow: hidden;
	position: relative;
	background-color: White;
}
.datagrid-view
{
	position: relative;
	overflow: hidden;
}
.datagrid-view1, .datagrid-view2
{
	position: absolute;
	overflow: hidden;
	top: 0;
}
.datagrid-view1
{
	left: 0;
}
.datagrid-view2
{
	right: 0;
}
.datagrid-mask
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	filter: alpha(opacity=30);
	display: none;
}
.datagrid-mask-msg
{
	/*position: absolute;
	top: 50%;
	margin-top: -20px;
	padding: 12px 5px 10px 30px;
	width: auto;
	height: auto;
	border-width: 2px;
	border-style: solid;
	display: none;*/
}
.datagrid-sort-icon
{
	padding: 0;
}
.datagrid-toolbar
{
	height: auto;
	padding: 1px 2px;
	border-width: 0 0 1px 0;
	border-style: solid;
}
.datagrid-btn-separator
{
	float: left;
	height: 24px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 2px 1px;
}
.datagrid .datagrid-pager {
    margin: 0;
    border: none !important;
    background: transparent;
    display: flex;
    flex-direction: row-reverse;
}
.datagrid .datagrid-pager-top
{
	border-width: 0;
}
.datagrid-header
{
	overflow: hidden;
	cursor: default;
	border-width: 0 0 1px 0;
	border-style: solid;
}
.datagrid-header-inner
{
	float: left;
	width: 20000px;
}
.datagrid-header-row, .datagrid-row
{
	height: 40px;
	font-weight:normal;
}
.datagrid-header td, .datagrid-body td, .datagrid-footer td
{
	border-width: 0 1px 2px 0;
	border-style: solid;
	margin: 0;
	padding: 0;
}
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber
{
	margin: 0;
	padding: 0 4px;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	height: 18px;
	line-height: 18px;
	/*20190629  daih    CBD000327-去掉datagrid-cell默认指定-标准，因为颜色管理会通过行控制tr是否加粗
    font-weight: normal;*/
	font-size: 12px;
}
.datagrid-cell-group
{
	text-align: center;
}
.datagrid-header-rownumber, .datagrid-cell-rownumber
{
	width: 25px;
	text-align: center;
	margin: 0;
	padding: 0;
}
.datagrid-body
{
	margin: 0;
	padding: 0;
	overflow: auto;
	zoom: 1;
}
.datagrid-view1 .datagrid-body-inner
{
	padding-bottom: 20px;
}
.datagrid-view1 .datagrid-body
{
	overflow: hidden;
}
.datagrid-footer
{
	overflow: hidden;
}
.datagrid-footer-inner
{
	border-width: 1px 0 0 0;
	border-style: solid;
	width: 10000px;
	float: left;
}
.datagrid-row-editing .datagrid-cell
{
	height: auto;
}
.datagrid-header-check, .datagrid-cell-check
{
	padding: 0;
	width: 27px;
	height: 18px;
	font-size: 1px;
	text-align: center;
	overflow: hidden;
}
.datagrid-header-check input, .datagrid-cell-check input
{
	margin: 0;
	padding: 0;
	width: 15px;
	height: 18px;
}
.datagrid-resize-proxy
{
	position: absolute;
	width: 1px;
	height: 10000px;
	top: 0;
	cursor: e-resize;
	display: none;
}
.datagrid-body .datagrid-editable
{
	margin: 0;
	padding: 0;
}
.datagrid-body .datagrid-editable table
{
	width: 100%;
	height: 100%;
}
.datagrid-body .datagrid-editable td
{
	border: 0;
	margin: 0;
	padding: 0;
}
.datagrid-body .datagrid-editable .datagrid-editable-input
{
	margin: 0;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
}
.datagrid-sort-desc .datagrid-sort-icon
{
	padding: 0 13px 0 0;
	background: url('images/datagrid_icons.png') no-repeat -16px center;
}
.datagrid-sort-asc .datagrid-sort-icon
{
	padding: 0 13px 0 0;
	background: url('images/datagrid_icons.png') no-repeat 0px center;
}
.datagrid-row-collapse
{
	background: url('images/datagrid_icons.png') no-repeat -48px center;
}
.datagrid-row-expand
{
	background: url('images/datagrid_icons.png') no-repeat -32px center;
}
.datagrid-mask-msg
{
	/*background: #ffffff url('images/loading.gif') no-repeat scroll 5px center;*/
}
/*行号*/
.datagrid-header, .datagrid-td-rownumber
{
	/* border-color: #dedede;
	background-color: #f5f5f5;
	background: -webkit-linear-gradient(top,#f5f5f5 0,#ffffff 75%);
	background: -moz-linear-gradient(top,#f5f5f5 0,#ffffff 75%);
	background: -o-linear-gradient(top,#f5f5f5 0,#ffffff 75%);
	background: linear-gradient(to bottom,#f5f5f5 0,#ffffff 75%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5,endColorstr=#ffffff,GradientType=0); */
}
/*网格的 数字排列的字体样式*/
.datagrid-cell-rownumber
{
	color: #555555;
}
.datagrid-resize-proxy
{
	background: #aac5e7;
}
.datagrid-mask
{
	background: #ccc;
}
.datagrid-mask-msg
{
	border-color: #808080;
}
/*分页栏*/
.datagrid-toolbar, .datagrid-pager
{
	background: #f2f2f2;
}
/*头部与底部(分页栏)*/
.datagrid-header, .datagrid-toolbar, .datagrid-pager, .datagrid-footer-inner
{
	border-color: #F5F5F5;
	background: #F5F5F5;
}
/*网格*/
.datagrid-header td, .datagrid-body td, .datagrid-footer td
{
	border-color: #D6D6D6; /*border-bottom:1px solid #808080;   border-left:0px;   border-right:0px;*/
}
.datagrid-htable, .datagrid-btable, .datagrid-ftable
{
	color: #333333;
}
.datagrid-row-alt
{
	background: #fafafa;
}
/*悬停*/
.datagrid-row-over, .datagrid-header td.datagrid-header-over
{
	/*background: #eaf2ff;*/
	color: #555555;
	cursor: pointer; /*background: #faffd1;*/ /*dengzl 20170223*/
	background: rgba(var(--theme-color-r),var(--theme-color-g),var(--theme-color-b), 0.3)
}
/*选中*/
.datagrid-row-selected
{
	background: #d2d2d2;
	color: #000000;
	background-color: aqua;
	nt-weight: bold;
}
.datagrid-body .datagrid-editable .datagrid-editable-input
{
	border-color: #ccc;
}
/*-------------------------------------------分页栏-------------------------------------------------*/
.propertygrid .datagrid-view1 .datagrid-body td
{
	padding-bottom: 1px;
	border-width: 0 1px 0 0;
}
.propertygrid .datagrid-group
{
	height: 21px;
	overflow: hidden;
	border-width: 0 0 1px 0;
	border-style: solid;
}
.propertygrid .datagrid-group span
{
	font-weight: bold;
}
.propertygrid .datagrid-view1 .datagrid-body td
{
	border-color: #dddddd;
}
.propertygrid .datagrid-view1 .datagrid-group
{
	border-color: #E0ECFF;
}
.propertygrid .datagrid-view2 .datagrid-group
{
	border-color: #dddddd;
}
.propertygrid .datagrid-group, .propertygrid .datagrid-view1 .datagrid-body, .propertygrid .datagrid-view1 .datagrid-row-over, .propertygrid .datagrid-view1 .datagrid-row-selected
{
	background: #dedede;
}
.pagination
{
	zoom: 1;
}
.pagination table
{
	float: left;
	height: 30px;
}
.pagination td
{
	border: 0;
}
.pagination-btn-separator
{
	float: left;
	height: 24px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 3px 1px;
}
.pagination .pagination-num
{
	border-width: 1px;
	border-style: solid;
	margin: 0 2px;
	padding: 2px;
	width: 2em;
	height: auto;
}
.pagination-page-list
{
	margin: 0px 6px;
	padding: 1px 2px;
	width: auto;
	height: auto;
	border-width: 1px;
	border-style: solid;
}
.pagination-info
{
	float: right;
	margin: 0 6px 0 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}
.pagination span
{
	font-size: 14px;
	white-space: nowrap;
}
.pagination-first
{
	background: url('images/pagination_icons.png') no-repeat 0 0;
}
.pagination-prev
{
	background: url('images/pagination_icons.png') no-repeat -16px 0;
}
.pagination-next
{
	background: url('images/pagination_icons.png') no-repeat -32px 0;
}
.pagination-last
{
	background: url('images/pagination_icons.png') no-repeat -48px 0;
}
.pagination-load
{
	background: url('images/pagination_icons.png') no-repeat -64px 0;
}
.pagination-loading
{
	background: url('images/loading.gif') no-repeat;
}
/*文本框样式*/
.pagination-page-list, .pagination .pagination-num
{
	border-color: #dedede;
}
.calendar
{
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	overflow: hidden;
	font-size: 12px;
}
.calendar table
{
	border-collapse: separate;
	font-size: 12px;
	width: 100%;
	height: 100%;
}
.calendar-noborder
{
	border: 0;
}
.calendar-header
{
	position: relative;
	height: 22px;
}
.calendar-title
{
	text-align: center;
	height: 22px;
}
.calendar-title span
{
	position: relative;
	display: inline-block;
	top: 2px;
	padding: 0 3px;
	height: 18px;
	line-height: 18px;
	cursor: pointer; /*-moz-border-radius: 5px 5px 5px 5px;   -webkit-border-radius: 5px 5px 5px 5px;   border-radius: 5px 5px 5px 5px;*/
}
.calendar-prevmonth, .calendar-nextmonth, .calendar-prevyear, .calendar-nextyear
{
	position: absolute;
	top: 50%;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	cursor: pointer;
	font-size: 1px; /*-moz-border-radius: 5px 5px 5px 5px;   -webkit-border-radius: 5px 5px 5px 5px;   border-radius: 5px 5px 5px 5px;*/
}
.calendar-prevmonth
{
	left: 20px;
	background: url('images/calendar_arrows.png') no-repeat -18px -2px;
}
.calendar-nextmonth
{
	right: 20px;
	background: url('images/calendar_arrows.png') no-repeat -34px -2px;
}
.calendar-prevyear
{
	left: 3px;
	background: url('images/calendar_arrows.png') no-repeat -1px -2px;
}
.calendar-nextyear
{
	right: 3px;
	background: url('images/calendar_arrows.png') no-repeat -49px -2px;
}
.calendar-body
{
	position: relative;
}
.calendar-body th, .calendar-body td
{
	text-align: center;
}
.calendar-day
{
	border: 0;
	padding: 1px;
	cursor: pointer; /*-moz-border-radius: 5px 5px 5px 5px;   -webkit-border-radius: 5px 5px 5px 5px;   border-radius: 5px 5px 5px 5px;*/
}
.calendar-other-month
{
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.calendar-menu
{
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 150px;
	padding: 5px;
	font-size: 12px;
	display: none;
	overflow: hidden;
}
.calendar-menu-year-inner
{
	text-align: center;
	padding-bottom: 5px;
}
.calendar-menu-year
{
	width: 40px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	margin: 0;
	padding: 2px;
	font-weight: bold;
}
.calendar-menu-prev, .calendar-menu-next
{
	display: inline-block;
	width: 21px;
	height: 21px;
	vertical-align: top;
	cursor: pointer; /*-moz-border-radius: 5px 5px 5px 5px;   -webkit-border-radius: 5px 5px 5px 5px;   border-radius: 5px 5px 5px 5px;*/
}
.calendar-menu-prev
{
	margin-right: 10px;
	background: url('images/calendar_arrows.png') no-repeat 2px 2px;
}
.calendar-menu-next
{
	margin-left: 10px;
	background: url('images/calendar_arrows.png') no-repeat -45px 2px;
}
.calendar-menu-month
{
	text-align: center;
	cursor: pointer;
	font-weight: bold; /*-moz-border-radius: 5px 5px 5px 5px;   -webkit-border-radius: 5px 5px 5px 5px;   border-radius: 5px 5px 5px 5px;*/
}
.calendar-body th, .calendar-menu-month
{
	color: #4d4d4d;
}
.calendar-day
{
	color: #000000;
}
.calendar-sunday
{
	color: #CC2222;
}
.calendar-saturday
{
	color: #00ee00;
}
.calendar-today
{
	color: #0000ff;
}
.calendar-menu-year
{
	border-color: #95B8E7;
}
.calendar
{
	border-color: #95B8E7;
}
.calendar-header
{
	background: #E0ECFF;
}
.calendar-body, .calendar-menu
{
	background: #ffffff;
}
.calendar-body th
{
	background: #F4F4F4;
}
.calendar-hover, .calendar-nav-hover, .calendar-menu-hover
{
	background-color: #eaf2ff;
	color: #000000;
}
.calendar-hover
{
	border: 1px solid #b7d2ff;
	padding: 0;
}
.calendar-selected
{
	background-color: #FBEC88;
	color: #000000;
	border: 1px solid #E2C608;
	padding: 0;
}
.datebox-calendar-inner
{
	height: 180px;
}
.datebox-button
{
	height: 18px;
	padding: 2px 5px;
	font-size: 12px;
	text-align: center;
}
.datebox-current, .datebox-close, .datebox-ok
{
	text-decoration: none;
	font-weight: bold;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.datebox-current, .datebox-close
{
	float: left;
}
.datebox-close
{
	float: right;
}
.datebox-button-hover
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}
/*图片*/
.datebox .combo-arrow
{
	background-image: url('images/datebox_arrow.png');
	background-position: center center;
}
.datebox-button
{
	background-color: #F4F4F4;
}
.datebox-current, .datebox-close, .datebox-ok
{
	color: #444;
}
.spinner
{
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
	vertical-align: middle;
}
.spinner .spinner-text
{
	font-size: 12px;
	border: 0px;
	line-height: 20px;
	height: 20px;
	margin: 0;
	padding: 0 2px; *margin-top:-1px;
*height:18px;
*line-height:18px;
_height:18px;
_line-height:18px;
vertical-align:baseline;
}
.spinner-arrow
{
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
.spinner-arrow-up, .spinner-arrow-down
{
	opacity: 0.6;
	filter: alpha(opacity=60);
	display: block;
	font-size: 1px;
	width: 18px;
	height: 10px;
}
.spinner-arrow-hover
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.spinner-arrow-up
{
	background: url('images/spinner_arrows.png') no-repeat 1px center;
}
.spinner-arrow-down
{
	background: url('images/spinner_arrows.png') no-repeat -15px center;
}
.spinner
{
	border-color: #95B8E7;
}
.spinner-arrow
{
	background-color: #E0ECFF;
}
.spinner-arrow-hover
{
	background-color: #eaf2ff;
}
.progressbar
{
	border-width: 1px;
	border-style: solid; /*-moz-border-radius: 5px 5px 5px 5px;   -webkit-border-radius: 5px 5px 5px 5px;   border-radius: 5px 5px 5px 5px;*/
	overflow: hidden;
}
.progressbar-text
{
	text-align: center;
	position: absolute;
}
.progressbar-value
{
	position: relative;
	overflow: hidden;
	width: 0; /* -moz-border-radius: 5px 0 0 5px;   -webkit-border-radius: 5px 0 0 5px;   border-radius: 5px 0 0 5px;*/
}
.progressbar
{
	border-color: #95B8E7;
}
.progressbar-text
{
	color: #000000;
}
.progressbar-value .progressbar-text
{
	background-color: #FBEC88;
	color: #000000;
}
.searchbox
{
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
}
.searchbox .searchbox-text
{
	font-size: 12px;
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 20px;
	height: 20px; *margin-top:-1px;
*height:18px;
*line-height:18px;
_height:18px;
_line-height:18px;
vertical-align:baseline;
}
.searchbox .searchbox-prompt
{
	font-size: 12px;
	color: #ccc;
}
.searchbox-button
{
	width: 18px;
	height: 20px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.searchbox-button-hover
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.searchbox a.l-btn-plain
{
	height: 20px;
	border: 0;
	padding: 0 6px 0 0;
	vertical-align: top; /*-moz-border-radius: 0;   -webkit-border-radius: 0;   border-radius: 0;*/
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.searchbox a.l-btn .l-btn-left
{
	padding: 2px 0 2px 4px;
}
.searchbox a.l-btn-plain:hover
{
	/*-moz-border-radius: 0;   -webkit-border-radius: 0;   border-radius: 0;*/
	border: 0;
	padding: 0 6px 0 0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.searchbox a.m-btn-plain-active
{
	/*-moz-border-radius: 0;   -webkit-border-radius: 0;   border-radius: 0;*/
}
.searchbox-button
{
	background: url('images/searchbox_button.png') no-repeat center center;
}
.searchbox
{
	border-color: #95B8E7;
	background-color: #fff;
}
.searchbox a.l-btn-plain
{
	background: #E0ECFF;
}
.slider-disabled
{
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.slider-h
{
	height: 22px;
}
.slider-v
{
	width: 22px;
}
.slider-inner
{
	position: relative;
	height: 6px;
	top: 7px;
	border-width: 1px;
	border-style: solid; /* border-radius: 3px;*/
}
.slider-handle
{
	position: absolute;
	display: block;
	outline: none;
	width: 20px;
	height: 20px;
	top: -7px;
	margin-left: -10px;
}
.slider-tip
{
	position: absolute;
	display: inline-block;
	line-height: 12px;
	white-space: nowrap;
	top: -22px;
}
.slider-rule
{
	position: relative;
	top: 15px;
}
.slider-rule span
{
	position: absolute;
	display: inline-block;
	font-size: 0;
	height: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
}
.slider-rulelabel
{
	position: relative;
	top: 20px;
}
.slider-rulelabel span
{
	position: absolute;
	display: inline-block;
}
.slider-v .slider-inner
{
	width: 6px;
	left: 7px;
	top: 0;
	float: left;
}
.slider-v .slider-handle
{
	left: 3px;
	margin-top: -10px;
}
.slider-v .slider-tip
{
	left: -10px;
	margin-top: -6px;
}
.slider-v .slider-rule
{
	float: left;
	top: 0;
	left: 16px;
}
.slider-v .slider-rule span
{
	width: 5px;
	height: 'auto';
	border-left: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
}
.slider-v .slider-rulelabel
{
	float: left;
	top: 0;
	left: 23px;
}
.slider-handle
{
	background: url('images/slider_handle.png') no-repeat;
}
.slider-inner
{
	border-color: #95B8E7;
	background: #E0ECFF;
}
.slider-rule span
{
	border-color: #95B8E7;
}
.slider-rulelabel span
{
	color: #555555;
}
/*-------------------菜单----------------------*/
.menu
{
	position: absolute;
	margin: 0;
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
	background: white;
}
.menu-item
{
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
}
/*列表子项*/
.menu-text
{
	height: 20px;
	line-height: 20px;
	float: left;
	padding-left: 28px;
	color: #555555;
}
.menu-icon
{
	position: absolute;
	width: 16px;
	height: 16px;
	left: 2px;
	top: 50%;
	margin-top: -7px;
}
.menu-rightarrow
{
	position: absolute;
	width: 16px;
	height: 16px;
	right: 0;
	top: 50%;
	margin-top: -8px;
}
/*竖分割线*/
.menu-line
{
	/*position: absolute;   left: 26px;   top: 0;   height: 2000px;   font-size: 1px;*/
}
/*横分割线*/
.menu-sep
{
	/*margin: 3px 0px 3px 25px;   font-size: 1px;*/
}
/*列表子项悬停*/
.menu-active
{
	/*-moz-border-radius: 5px 5px 5px 5px;   -webkit-border-radius: 5px 5px 5px 5px;   border-radius: 5px 5px 5px 5px;*/
}
/*列表子项禁用*/
.menu-item-disabled
{
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}
/*列表子项*/
.menu-text, .menu-text span
{
	font-size: 12px;
}
/*边框阴影部分*/
.menu-shadow
{
	position: absolute; /*-moz-border-radius: 5px 5px 5px 5px;   -webkit-border-radius: 5px 5px 5px 5px;   border-radius: 5px 5px 5px 5px;*/
	background: #ccc;
	-moz-box-shadow: 4px 4px 6px #cccccc;
	-webkit-box-shadow: 4px 4px 6px #cccccc;
	box-shadow: 4px 4px 6px #cccccc;
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
}
.menu-rightarrow
{
	background: url('images/menu_arrows_1.png') no-repeat -32px center;
}
.menu-line
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
}
.menu-sep
{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}
/*默认列表子项*/
.menu
{
	background-color: White; /*#f2f2f2;*/
	border-color: #ddd;
	color: #444;
}
.menu-content
{
	background: #ffffff;
}
.menu-item
{
	border-color: transparent;
	_border-color: #fafafa;
}
/*悬停*/
.menu-active
{
	color: #555555; /*font-weight:bold;*/
	background-color: #dedede;
	background: -webkit-linear-gradient(top,#ffffff 0,#dedede 75%);
	background: -moz-linear-gradient(top,#ffffff 0,#dedede 75%);
	background: -o-linear-gradient(top,#ffffff 0,#dedede 75%);
	background: linear-gradient(to bottom,#ffffff 0,#dedede 75%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#dedede,GradientType=0);
}
.menu-active-disabled
{
	border-color: transparent;
	background: transparent;
	color: #444;
}
.m-btn-downarrow
{
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	_vertical-align: middle;
}
a.m-btn-active
{
	background-position: bottom right;
}
a.m-btn-active span.l-btn-left
{
	background-position: bottom left;
}
a.m-btn-plain-active
{
	background: transparent;
	padding: 0 5px 0 0;
	border-width: 1px;
	border-style: solid; /* -moz-border-radius: 5px 5px 5px 5px;   -webkit-border-radius: 5px 5px 5px 5px;   border-radius: 5px 5px 5px 5px;*/
}
/*---------菜单按钮上的图片样式--------------*/
.m-btn-downarrow
{
	background: url('images/menu_arrows_1.png') no-repeat 2px center;
}
/*悬停在按钮上*/
a.m-btn-plain-active
{
	/*border-color: #ccc;   background-color: #ccc;   color: #CC2222;*/
	text-decoration: underline;
	padding-right: 5px;
	border: 0;
	padding: 1px 6px 1px 1px;
}
.s-btn-downarrow
{
	display: inline-block;
	margin: 0 0 0 4px;
	padding: 0 0 0 1px;
	width: 14px;
	height: 16px;
	line-height: 16px;
	border-width: 0;
	border-style: solid;
	_vertical-align: middle;
}
a.s-btn-active
{
	background-position: bottom right;
}
a.s-btn-active span.l-btn-left
{
	background-position: bottom left;
}
a.s-btn-plain-active
{
	background: transparent;
	padding: 0 5px 0 0;
	border-width: 1px;
	border-style: solid; /*-moz-border-radius: 5px 5px 5px 5px;   -webkit-border-radius: 5px 5px 5px 5px;   border-radius: 5px 5px 5px 5px;*/
}
.s-btn-downarrow
{
	background: url('images/menu_arrows_1.png') no-repeat 2px center;
	border-color: #aac5e7;
}
a:hover.l-btn .s-btn-downarrow, a.s-btn-active .s-btn-downarrow, a.s-btn-plain-active .s-btn-downarrow
{
	background-position: 1px center;
	padding: 0;
	border-width: 0 0 0 1px;
}
a.s-btn-plain-active
{
	border-color: #ffffff;
	background-color: #ffffff;
	color: #CC2222;
}
.messager-body
{
	padding: 10px;
	overflow: hidden;
	min-height: 80px;
}
.messager-button {
    text-align: center;
    padding: 8px 16px 16px 16px;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

.message-confirm a.l-btn,
.message-alert a.l-btn,
.message-prompt a.l-btn {
	color: white;
}

.messager-icon
{
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 10px 10px 0;
}
.messager-error
{
	background: url('images/messager_icons.png') no-repeat scroll -64px 0;
}
.messager-info
{
	background: url('images/messager_icons.png') no-repeat scroll 0 0;
}
.messager-question
{
	background: url('images/messager_icons.png') no-repeat scroll -32px 0;
}
.messager-warning
{
	background: url('images/messager_icons.png') no-repeat scroll -96px 0;
}
.messager-progress
{
	padding: 10px;
}
.messager-p-msg
{
	margin-bottom: 5px;
}
.messager-body .messager-input
{
	width: 100%;
	padding: 1px 0;
	border: 1px solid #808080;
}
.tree
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*根目录*/
.tree li
{
	white-space: nowrap;
}
.tree li ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tree-node {
    height: 18px;
    white-space: nowrap;
    cursor: pointer;
    padding: 5px 0px;
}
.tree-hit
{
	cursor: pointer;
}
.tree-expanded, .tree-collapsed, .tree-folder, .tree-file, .tree-checkbox, .tree-indent
{
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: top;
	overflow: hidden;
}
.tree-expanded
{
	background: url('images/tree_icons.png') no-repeat -18px 0px;
}
.tree-expanded-hover
{
	background: url('images/tree_icons.png') no-repeat -50px 0px;
}
.tree-collapsed
{
	background: url('images/tree_icons.png') no-repeat 0px 0px;
}
.tree-collapsed-hover
{
	background: url('images/tree_icons.png') no-repeat -32px 0px;
}
.tree-lines .tree-expanded, .tree-lines .tree-root-first .tree-expanded
{
	background: url('images/tree_icons.png') no-repeat -144px 0;
}
.tree-lines .tree-collapsed, .tree-lines .tree-root-first .tree-collapsed
{
	background: url('images/tree_icons.png') no-repeat -128px 0;
}
.tree-lines .tree-node-last .tree-expanded, .tree-lines .tree-root-one .tree-expanded
{
	background: url('images/tree_icons.png') no-repeat -80px 0;
}
.tree-lines .tree-node-last .tree-collapsed, .tree-lines .tree-root-one .tree-collapsed
{
	background: url('images/tree_icons.png') no-repeat -64px 0;
}
.tree-line
{
	background: url('images/tree_icons.png') no-repeat -176px 0;
}
.tree-join
{
	background: url('images/tree_icons.png') no-repeat -192px 0;
}
.tree-joinbottom
{
	background: url('images/tree_icons.png') no-repeat -160px 0;
}
.tree-folder {
    /*background: url('images/tree_icons.png') no-repeat -208px 0;*/
    display: none;
}
.tree-folder-open {
    /*background: url('images/tree_icons.png') no-repeat -224px 0;*/
    display: none;
}
.tree-file {
    /*background: url('images/tree_icons.png') no-repeat -240px 0;*/
    display: none;
}
.tree-loading
{
	background: url('images/loading.gif') no-repeat center center;
}
.tree-checkbox0
{
	background: url('images/tree_icons.png') no-repeat -208px -18px;
}
.tree-checkbox1
{
	background: url('images/tree_icons.png') no-repeat -224px -18px;
}
.tree-checkbox2
{
	background: url('images/tree_icons.png') no-repeat -240px -18px;
}
/*根目录*/
.tree-title
{
	font-size: 12px;
	display: inline-block;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	padding: 0 2px;
	height: 18px;
	line-height: 18px;
}
.tree-node-proxy
{
	font-size: 12px;
	line-height: 20px;
	padding: 0 2px 0 20px;
	border-width: 1px;
	border-style: solid;
	z-index: 9900000;
}
.tree-dnd-icon
{
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 18px;
	left: 2px;
	top: 50%;
	margin-top: -9px;
}
.tree-dnd-yes
{
	background: url('images/tree_icons.png') no-repeat -256px 0;
}
.tree-dnd-no
{
	background: url('images/tree_icons.png') no-repeat -256px -18px;
}
.tree-node-top
{
	border-top: 1px dotted red;
}
.tree-node-bottom
{
	border-bottom: 1px dotted red;
}
.tree-node-append .tree-title
{
	border: 1px dotted red;
}
.tree-editor
{
	border: 1px solid #ccc;
	font-size: 12px;
	height: 14px !important;
	height: 18px;
	line-height: 14px;
	padding: 1px 2px;
	width: 80px;
	position: absolute;
	top: 0;
}
.tree-node-proxy
{
	background-color: #ffffff;
	color: #555555;
	border-color: #808080;
}
/*鼠标悬停*/
.tree-node-hover {
    /*background: #faffd1;*/
    background: rgba(var(--theme-color-r),var(--theme-color-g),var(--theme-color-b), 0.2);
    color: #555555;
}
/*选中一项*/
.tree-node-selected {
    /*background: #d2d2d2;*/
    background: rgba(var(--theme-color-r),var(--theme-color-g),var(--theme-color-b), 0.3);
    color: #555555;
}
/*验证框*/
/*文字提醒*/
.validatebox-tip
{
	position: absolute;
	width: 200px;
	height: auto;
	display: none;
	z-index: 9900000;
}
/*文字提醒层*/
.validatebox-tip-content
{
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 18px;
	width: 150px;
	border-width: 1px;
	border-style: solid;
	padding: 3px 5px;
	z-index: 9900001;
	font-size: 12px;
}
.validatebox-tip-pointer
{
	display: inline-block;
	width: 8px;
	height: 16px;
	position: absolute;
	left: 1px;
	top: 0px;
	z-index: 9900002;
}
.validatebox-tip-left .validatebox-tip-content
{
	left: auto;
	right: 8px;
}
.validatebox-tip-left .validatebox-tip-pointer
{
	background-position: -20px center;
	left: auto;
	right: 1px;
}
/*点击样式*/
.validatebox-invalid
{
	/*验证框中的图片*/ /*background-image: url('images/validatebox_warning.png');   background-repeat: no-repeat;   background-position: right center;*/
	border-color: #ffa8a8;
	background-color: #fff3f3;
	color: #555555;
}
.validatebox-tip-pointer
{
	/*background: url('images/validatebox_arrows.png') no-repeat -4px center;*/
}
/*文字提醒层*/
.validatebox-tip-content
{
	border-color: #CC9933;
	background-color: #FFFFCC;
	color: #555555;
}

#datagrid-loadding {
	/* position: fixed; */
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

#datagrid-loading-progress {
	display: flex;
	align-items: center;
	justify-content: center;
}

#datagrid-loading-progress>span {
	display: inline;
	width: 8px;
	height: 100%;
	margin-right: 5px;
	border-radius: 4px;
	-webkit-animation: datagrid-load 1.04s ease infinite;
	animation: datagrid-load 1.04s ease infinite;
}

#datagrid-loadding>p {
	display: block;
	text-align: center;
	width: 100%;
	font-size: 12px;
	color: #0C6CE9;
	color: var(--theme-color);
	margin: 12px;
}

@keyframes datagrid-load {
	0%,
	100% {
		height: 40px;
		background: #0C6CE9;
		background: var(--theme-color);
		opacity: 0.2;
	}

	50% {
		height: 60px;
		margin-top: -20px;
		background: #0C6CE9;
		background: var(--theme-color);
		opacity: 1;
	}
}