/** =====================================                           */
/** CSS配色说明：                                                                                                       */
/** xxxxxx {                                                        */
/**     background-color: 背景颜色                                                                     */
/**     border-color: 边框颜色                                                                             */
/**     border-[top|bottom|left|right]-color: 上|下|左|右边框颜色	*/
/**     color: -->文本颜色											*/
/** }																*/
/** =====================================                           */

/** =====================================                           */
/** TODO: 折叠组件配色区                                                                                          */
/** =====================================                           */
/** 折叠组件的背景、边框和文本颜色                                                                       */

a {
    color: #006BB8;
}

.accordion {
	background-color: #FFFFFF;
	border-color: #CEDBE3;
	color: #000000;
}

/** 折叠组件的各折叠区头部的背景颜色 */
.accordion .accordion-header {
	/*background-color: #ACD9EC;*/
	background-color: #006BB8;
}

/** 折叠组件的选中折叠区头部的背景颜色 */
/* .accordion .accordion-header-selected {
	background-color: #ACD9EC;
} */

/** 折叠组件的选中折叠区头部的文本颜色 */
/* .accordion .accordion-header-selected .panel-title {
	color: #006BB8;
} */

/** ===================================== */
/** TODO: 表单组件配色区															*/
/** ===================================== */

/** 表单组件工具栏的背景和边框颜色 */
.freeform-toolbar {
	background-color: #F5F5F5;
	border-color: #E5E5E5;
}

.freeform-toolbar-rtools {
	position: inherit;
	float: right;
}

/** 表单组件内容区的背景颜色 */
.freeform-body {
	background-color: #FFFFFF;
}

/** 表单组件表格区的背景颜色 */
.freeform-body table.freeform {
	background-color: #F7F7F7;
}

/** 表单组件表格区的斑马线颜色 */
.freeform-body table.freeform tr.freeform-row-alt {
	background-color: #F7F7F7;
}

/** 表单组件表格区标签域的边框和文本颜色 */
.freeform-body table.freeform .label {
    background-color: #F7F7F7;
    border-color: #E5E5E5;
    color: #696969;
    font-weight: normal;
}

/** 表单组件表格区数据域的边框和文本颜色 */
.freeform-body table.freeform .field {
	border-color: #E5E5E5;
	color: #000000;
	background-color: #FBFAFA;
}

/** 表单组件表格区备注域的边框和文本颜色 */
.freeform-body table.freeform .note {
	border-color: #E5E5E5;
	color: #006BB8;
}

/** 表单组件东、西、南部三个扩展区的背景颜色 */
.freeform-area-west, .freeform-area-east, .freeform-area-south {
	background-color: #FFFFFF;
}

/** ===================================== */
/** TODO: 布局组件配色区															*/
/** ===================================== */
/** 布局组件北部区的下边框颜色 */
.layout-split-north {
	border-bottom-color: #DAEEF5;
}

/** 布局组件南部区的上边框颜色 */
.layout-split-south {
	border-top-color: #DAEEF5;
}

/** 布局组件东部区的左边框颜色 */
.layout-split-east {
	border-left-color: #DAEEF5;
}

/** 布局组件西部区的右边框颜色 */
.layout-split-west {
	border-right-color: #DAEEF5;
}

/** 布局组件分割代理线的背景颜色 */
.layout-split-proxy-h, .layout-split-proxy-v {
	background-color: #ACD9EC;
}

/** ===================================== */
/** TODO: 列表组件配色区															*/
/** ===================================== */
/** 列表组件行列坐标标识的背景颜色 */
.list-hover-coordinate {
	background-color: #D0E0F0;
}

/** 列表组件表头区的背景和边框颜色 */
.list-header {
	background-color: #E8E8E8;
	border-color: #E5E5E5;
}

/** 列表组件行号区的背景颜色 */
.list-rownumber {
	background-color: #F5F5F5;
}

/** 列表组件分页栏的背景和边框颜色 */
.list-pager {
	background-color: #F5F5F5;
	border-color: #E5E5E5;
}

/** 列表组件工具栏的背景和边框颜色 */
.list-toolbar {
	background-color: #F5F5F5;
	border-width: 0px;
}

/** 列表组件工具栏消息区的文本颜色 */
.list-toolbar-msg {
	color: #DA9520;
}

/** 列表组件表头区的文本颜色 */
.list-htable {
	color: #000000;
}

/** 列表组件数据区的文本颜色 */
.list-btable {
	color: #000000;
}

/** 列表组件表头区列的边框颜色 */
.list-header td {
	border-color: #fbfafa;
}

/** 列表组件数据区列的边框颜色 */
.list-body td {
	border-color: #F0F0F0;
}

/** 列表组件数据区的斑马线颜色 */
.list-row-alt {
	background-color: #F6F6F6;
}

/** 鼠标移到列表组件表头列上时列的背景和文本颜色 */
.list-header td.list-header-over {
	background-color: #FFFFAF;
	color: #000000;
}

/** 鼠标移到列表组件数据行上时行的背景和文本颜色 */
.list-row-over {
	background-color: #FFFFAF;
	color: #000000;
}

/** 鼠标移到列表组件可编辑数据单元上时数据单元的下边框颜色 */
.list-body td.data-cell-editable-over {
	border-bottom-color: #0000ff;
}

/** 列表组件查询栏的背景和下边框颜色 */
.list-querybar {
	background-color: #DEEDF4;
	border-bottom-color: #E5E5E5;
}

/** 列表组件上下两个扩展区的背景颜色 */
.list-area-top {
	background-color: #F5F5F5;
}

.list-area-bottom {
	background-color: #F5F5F5;
}

/** ===================================== */
/** TODO: 面板组件配色区															*/
/** ===================================== */
/** 面板组件标题区的背景和边框颜色 */
.panel-header {
	background-color: #6698E3;
	border-color: #CEDBE3;
}

/** 面板组件标题区的文本颜色 */
.panel-title {
	color: #FFFFFF;
    font-weight: normal;
}

/** 面板组件内容区的背景、边框和文本颜色 */
.panel-body {
	background-color: #f7f7f7;
	border-color: #CEDBE3;
	color: #000000;
}

/** ===================================== */
/** TODO: 标签组件配色区															*/
/** ===================================== */
/** 标签组件标题区的背景颜色 */
.tabs-header {
	background-color: #ACD9EC;
}

/** 标签组件工具栏区的背颜色 */
.tabs-tool {
	background-color: #ACD9EC;
}

/** 标签组件选中标签页的背景、下边框和文本颜色 */
.tabs li.tabs-selected a.tabs-inner {
    background-color: #F7F7F7;
    border-bottom-color: #FCFCFC;
    color: #006BB8;
}

/** 标签组件未选中标签页的背景、下边框和文本颜色 */
.tabs li.tabs-unselected a.tabs-inner {
	background-color: #ACD9EC;
	color: #333333;
}

/** 鼠标移到标签组件未选中标签页上时标签页的下边框颜色 */
.tabs li.tabs-unselected a.tabs-inner:hover {
	border-bottom-color: #006BB8;
	color: #006BB8;
}

/** 鼠标移到标签组件标签页中的关闭按钮上时按钮的背景颜色 */
.tabs li a.tabs-close:hover {
	background-color: #C0C0C0;
}

/** ===================================== */
/** TODO: 树组件配色区 																*/
/** ===================================== */
/** 鼠标移到树组件节点上时的节点的背景颜色 */
.tree-node-hover {
	background-color: #EFF4F5;
}

/** 鼠标移到树组件节点上时的节点的文本颜色 */
.tree-node-hover span {
	color: #006BB8;
}

/** 树组件选中节点的背景和文本颜色 */
.tree-node-selected {
	background-color: #EFF4F5;
	color: #006BB8;
}

/** ===================================== */
/** TODO: 弹窗组件配色区 															*/
/** ===================================== */
/** 弹窗组件的标题区和边框的背景颜色 */
.window {
	background-color: #6698E3;
}

/** 弹窗组件移动时的代理边框颜色 */
.window-proxy {
	border-color: #CEDBE3;
}

/** ===================================== */
/** TODO: 按钮组件配色区															*/
/** ===================================== */
/** 鼠标移到按钮组件上时组件的背景、边框和文本颜色 */
.l-btn {
    color: #006BB8;
}

.l-btn:hover {
    border-color: transparent;
    color: #DA9520;
}

/** 状态按钮组件选中时的背景、边框和文本颜色 */
.l-btn-checked {
    background-color: #FFFFAF;
    border-color: #DCAC6C;
    color: #006BB8;
}

/** ===================================== */
/** TODO: 组合框编辑器组件（下拉列表组件、下拉查询组件）配色区				*/
/** ===================================== */
/** 下拉列表组件的斑马线颜色 */
.combobox-item-alt {
	background-color: #F6F6F6;
}

/** 鼠标移到下拉列表组件中列表项上时列表项的背景和文本颜色 */
.combobox-item-hover {
	background-color: #F3EDDD;
	color: #000000;
}

/** 下拉列表组件中选中列表项的背景和文本颜色 */
.combobox-item-selected {
	background-color: #DCE6F0;
	color: #0000FF;
}

/** 鼠标移到下拉查询组件中列表项上时列表项的背景和文本颜色 */
.combosearch-item-hover {
	background-color: #F3EDDD;
	color: #000000;
}

/** 下拉查询组件中选中列表项的背景和文本颜色 */
.combosearch-item-selected {
	background-color: #DCE6F0;
	color: #0000FF;
}

.calendar-menu-year {
	border-color: #95B8E7;
}

.calendar {
	border-color: #95B8E7;
}

.combo {
	border: 1px solid #95B8E7;
}

.fileupload input.tip {
	border: 1px solid #95B8E7;
}

.freeform {
	background-color: #FCFCFC;
}

.freeform-body {
	margin: 0px 0px;
	padding: 2px 4px;
}

.freeform-header {
	margin: 0px 0px;
	padding: 0px 0px;
	height: auto !important;
}

.freeform-toolbar {
	overflow: hidden;
	margin: 0px 0px;
	padding: 2px 4px;
	border-width: 0px 0px 1px;
	border-style: solid;
	z-index: 20;
}

.list-wrap {
	padding: 0px;
    margin: 0px 0px;
    background-color: #FCFCFC;
}

.list-wrap .list-hover-coordinate {
	background-color: #F0E2BD;
}

.list-wrap .list-header td.list-header-over {
	background-color: #F0E2BD;
	color: #000000;
}

.list-wrap .list-row {
	background-color: #FFFFFF;
}

.list-wrap .list-row-alt {
	background-color: #F6F6F6;
}

.list-wrap .list-row-selected {
	background-color: #DCE6F0;
	color: #000000;
}

.list-wrap .list-row-over {
	background-color: #F3EDDD;
	color: #000000;
}

.list-wrap .list-toolbar {
	overflow: hidden;
    margin: 0px;
    padding: 1px 2px;
    background-color: #fcfcfc;
    border: 1px solid #dbe3eb;
    margin-bottom: -1px;
}

.list-wrap .list-querybar {
    padding: 3px 4px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #fcfcfc;
    border: 1px solid #dbe3eb;
}

.list-wrap .list-view {
    margin: 0px 0px;
    padding: 0px 0px;
    border: 1px solid #E8E8E8;
}

.list-wrap .list-view .list-view1 {
	/* border-right: 2px solid #F5F5F5 !important; */
}

.list-wrap .list-pager {
	margin: 0px 0px;
	padding: 0px 4px;
	border-width: 0px;
}

.list-header-row {
	height: 32px;
	font-size: 14px;
}

.list-row {
	height: 27px;
}

.list-header td, .list-body td {
	border-width: 0px 1px 1px 0px;
}

.list-body td {
	border-right-color: transparent;
}

.list-tool-separator {
	border-right: 1px solid #95B8E7;
}

.list-querybar {
	margin: 0px 0px 5px;
	padding: 3px 4px;
	border-width: 1px;
}

.messager-body {
	height: expression(this.scrollHeight > 100 ? "100px" : "auto")
		!important;
}

.messager-body .messager-input {
	border: 1px solid #95B8E7;
}

.monthbox-menu-year {
	border: 1px solid #95B8E7;
}

.panel-header {
	padding: 0px;
}

.tabs-header {
	padding: 2px 0px 0px;
	background-color: #eff3f5;
}

.tabs-header .tabs-tool {
	background-color: #eff3f5;
}

.tabs li a.tabs-close-awesome {
    position: absolute;
    font-size: 12px;
    display: block;
    height: 12px;
    padding: 0;
    top: 50%;
    margin-top: -6px;
    overflow: hidden;
}

.tabs li a.tabs-close-awesome {
    width: 12px;
    right: 5px;
    text-decoration: none;
    color: #4689D7;
}

.tabs li a:hover.tabs-close-awesome {
    color: #006BB8;
    cursor: hand;
    cursor: pointer;
}

.panel-header {
	background-color: #FCFCFC;
	border-color: #CEDBE3;
}

.tabs {
	height: 30px;
}

.tabs li.tabs-selected a.tabs-inner {
	color: #4689D7;
}

.tabs li.tabs-unselected a.tabs-inner {
	background-color: #F7F7F7;
	color: #000000;
}

.tabs li a.tabs-inner {
	height: 29px;
	line-height: 29px;
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
}

.tabs li a.tabs-inner {
    background-color: #F7F7F7;
    color: #000000;
}

.tabs li a.tabs-inner:hover {
    background-color: #F7F7F7;
    border-bottom-color: #006BB8;
    color: #006BB8;
}

.tabs-scroller-left, .tabs-scroller-right {
	height: 45px !important;
	height: 30px;
}

.tabs-header-plain .tabs-scroller-left, .tabs-header-plain .tabs-scroller-right
	{
	height: 29px !important;
	height: 30px;
}

.tabs-tool {
	padding: 5px 0px 0px 5px;
}

.tabs-tool-separator {
	height: 29px !important;
	height: 30px;
	border-left: 1px solid #95B8E7;
	vertical-align: middle;
}

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

.window {
	background-color: #FCFCFC;
	border-radius: 5px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	-moz-box-shadow: 2px 2px 2px #909090;
	-webkit-box-shadow: 2px 2px 2px #909090;
	box-shadow: 2px 2px 2px #909090;
}

.window .panel-header .panel-title {
    border-width: 0px;
}

.window .window-header {
	padding: 5px 0px 5px 0px;
	background-color: #006BB8;
}

.window .window-header .panel-with-icon {
	padding-left: 30px;
}

.window .window-header .panel-icon, .window .window-header .panel-tool {
	top: 0%;
	margin-top: 0px;
	padding: 5px 10px;
}

.fa {
	font-size: 16px;
}

.fa-fw {
	width: 1em;
    text-align: center;
}

#btn_std_query {
	background-color: #006BB8;
    padding: 6px 20px;
    color: #FFFFFF;
}

#btn_std_reset {
    background-color: #F6A300;
    padding: 6px 20px;
    color: #FFFFFF;
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	background: #FFFFFF;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: rgba(158, 158, 158, 0.5);
}

::-webkit-scrollbar-thumb:hover {
	border-radius: 3px;
	background-color: rgba(158, 158, 158, 1);
}

.group {
	background-color: #F7F7F7;
}

.group-noborder .group-header {
	background-color: #F7F7F7;
}

.tabs-scroller-right {
	background: #cccccc url('../images/tabs_icons.png') no-repeat -15px
		center;
}

.tabs-scroller-left {
	background: #cccccc url('../images/tabs_icons.png') no-repeat -1px
		center;
}

.tabs-scroller-left, .tabs-scroller-right {
	width: 14px;
}

.tabs-scroller-left:hover {
	background: #bbb url('../images/tabs_icons.png') no-repeat -1px center;
}

.tabs-scroller-right:hover {
	background: #bbb url('../images/tabs_icons.png') no-repeat -15px center;
}

.tabs-scroller-left, .tabs-scroller-right {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

ul>li>div.tree-node-leaf span {
    font-size: 12px;
}