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

/** TODO: 整体文字配色 */
a {color: #536be2;} 
a:hover{color: #5867dd;}

.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-color: #d4daee;
}

/** ===================================== */
/** TODO: 面板组件配色区															*/
/** ===================================== */


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

.panel-body {
	border-color: #ebedf2;
	color: #646c9a;
}

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

.panel-tool a {
	opacity: 0.8;
	filter: alpha(opacity = 80);
	color: #FFFFFF;
}

/** ===================================== */
/** TODO: 弹窗组件配色区 															*/
/** ===================================== */
/** 弹窗组件背景颜色,和边框颜色、阴影颜色 */
.window {
 	background:#fff;
 	border-color:#006BB8; 
	-moz-box-shadow: 2px 2px 10px #909090;
	-webkit-box-shadow: 2px 2px 10px #909090;
	box-shadow: 2px 2px 10px #909090;
}
/** 弹窗组件内容区背景颜色 */
.window .window-body {
	background: #ffffff;
}

/** 弹窗组件的标题背景颜色 */
.panel-header {
	background-color: #006BB8;
    border-color: #CEDBE3;
}

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

.window-proxy-mask, .window-mask {
	background-color: #fff;
}

.waf-parser-mask {
	background-color: #FFF;
	background-image: url('../images/waiting.gif');
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	filter: alpha(opacity = 100);
}
 
.waf-parser-mask100 {
	background-color: #FFF;
	background-image: url('../images/waiting.gif');
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

.waf-tooltip {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #0000FF;
	opacity: 0.9;
	filter: alpha(opacity = 90);
	box-shadow: 2px 2px 10px #909090;
	-moz-box-shadow: 2px 2px 10px #909090;
	-webkit-box-shadow: 2px 2px 10px #909090;
}


/** ===================================== */
/** 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;
}

.layout-expand {
	background-color: #ACD9EC;
}

.layout-expand-over {
	background-color: #ACD9EC;
}

.layout-mask {
	background-color: #FAFAFA;
	opacity: 0.1;
	filter: alpha(opacity = 10);
}

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

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

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

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

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

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

/** 表单组件表格区 文字标题说明区背景颜色和文本样式(表格左列) */
.freeform-body table.freeform .label {
    background-color: #fcfdfd;
    border-color: #dbe2eb;
    color: #495057;
    font-weight: normal;
}
/** 表单组件表格区 数据域的边框和文本颜色（表格右列）*/
.freeform-body table.freeform .field {
	border-color: #dbe2eb;
	color: #495057;
	background-color: #fff;
}
/** 表单组件表格区备注域的边框和文本颜色 */
.freeform-body table.freeform .note {
	border-color: #E5E5E5;
	color: #a1a8c3;
	background-color: #fff;
}
/** 表单组件  鼠标经过可编辑表格区时下边框颜色 */
.freeform-body  table.freeform .data-cell-editable-over {
	border-color: #0000ff;
 }

/** 表单组件东、西、南部三个扩展区的背景颜色 */
.freeform-area-west, .freeform-area-east, .freeform-area-south {
	background-color: #FFFFFF;
}
 
.freeform-tool-separator {
	border-left: 1px solid #CCF;
	border-right: 1px solid #EEF;
}

.freeform .layout-split-west {
	border-right: 1px solid #DDD;
}

.freeform .layout-split-east {
	border-left: 1px solid #DDD;
}

.freeform .layout-split-south {
	border-top: 1px solid #DDD;
}


/** ===================================== */
/** TODO: 对话框组件配色区															*/
/** ===================================== */
.dialog-tool-separator {
	border-left: 1px solid #CCC;
	border-right: 1px solid #EEE;
}

.dialog-toolbar, .dialog-button {
	background-color: #DEEDF4;
}

.dialog-toolbar {
	border-bottom: 1px solid #D5DEED;
}

.dialog-button {
	border-top: 1px solid #D5DEED;
}

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

/** 标签组件工具栏区的背颜色 */
.tabs-tool {
	background-color: #eff3f5;
}
 
/**横向标签组件选中标签页的背景、下边框和文本样式 */
.tabs li.tabs-selected a.tabs-inner {
    color: #5867dd;
	border-bottom: 2px solid #5867dd
}

/** 横向标签组件未选中标签页的背景、下边框和文本样式 */
.tabs li.tabs-unselected a.tabs-inner {
	color: #3d4465;
	border-bottom: 2px solid;
	border-color: transparent;
}

/** 鼠标移到标签组件未选中标签页上时标签页的文本颜色 */
.tabs li.tabs-unselected a.tabs-inner:hover {
 	color: #5867dd;
}

/**标签默认状态下的关闭按钮样式 */
.tabs li a.tabs-close-awesome {
    color: #a1a8c3
}

/**标签选中状态下的关闭按钮文本颜色 */
li.tabs-selected a.tabs-close-awesome {
	color: #5867dd
}

/** 鼠标移到标签组件的关闭按钮上时按钮的文本颜色 */
.tabs li:hover a.tabs-close-awesome {
    color: #5867dd;
    cursor: pointer;
}

/** 鼠标移到标签组件的文本颜色 */
.tabs li a.tabs-inner:hover {
	color: #5867dd;
	filter: none;
}

/**标签组件禁用样式 */
.tabs-disabled {
	opacity: 0.3;
	filter: alpha(opacity = 30);
}


/** 标签组件工具栏区鼠标经过的背颜色 */ 
.tabs-p-tool a:hover, .tabs-scroller-over {
	background-color: #FFFFAF;
 }

/*标签栏目分隔线边框颜色*/
.tabs-tool-separator  {
	border-left-color: #CEDBE3;
}


/** ===================================== */
/** 弹窗竖向左标签样式（继承横向样式）*/
.freeform-body .tabs li.tabs-unselected a.tabs-inner {
	border-bottom: none;
}
.freeform-body .tabs li a.tabs-inner {
	padding-left: 15px;
 }
.freeform-body .tabs li.tabs-selected a.tabs-inner {
    color: #5867dd;
 	border-left: 2px solid #5867dd;
	border-bottom: none;
}


.tabs-scroller-right {
	background-color: #cccccc ;
}

.tabs-scroller-left {
	background-color: #cccccc;  
}
.tabs-scroller-left:hover {
	background-color: #bbb  ;
}

.tabs-scroller-right:hover {
	background-color: #bbb ; 
}


/** =====================================                           */
/** TODO: 折叠组件配色区                                                                                          */
/** =====================================                           */
/** 折叠组件的背景、边框和文本颜色    */
.accordion {
	background-color: #FFFFFF;
	border-color: #CEDBE3;
	color: #000000;
}

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

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

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

a.accordion-collapse:hover, a.accordion-expand:hover {
	border-color: #B7D2FF;
	background-color: #EAF2FF;
}

/** ===================================== */
/** TODO: 分组组件配色区															*/
/** ===================================== */
/** 分组区背景颜色边框颜色 */
.group {
	background-color: #fff;
	border-color: #CCC;
}

/*分组组件标题背景、边框颜色*/
.group .group-header {
	background-color: #fff;
	border-color:  #ccc;
}

/*分组组件标题文本、背景颜色*/
.group-noborder .panel-title{
	color: #7e7e80;
	border-bottom-color: #536be2
}

 
/** ===================================== */
/** TODO: 菜单组件配色区															*/
/** ===================================== */
/** 菜单组件背景颜色边框颜色文本颜色及阴影样式*/
.menu {
	background-color: #fff;
	border-color: #bfd2e5;
	color: #444;
    -webkit-box-shadow: 1px 1px 2px 0px #cacbcd;
    -moz-box-shadow: 1px 1px 2px 0px #cacbcd;
    -ms-box-shadow: 1px 1px 2px 0px #cacbcd;
    -o-box-shadow: 1px 1px 2px 0px #cacbcd;
    box-shadow: 1px 1px 2px 0px #cacbcd;
}

/** 菜单组件列表边框颜色、文本颜色 */
.menu-item {
	border-color: transparent;
	_border-color: #FAFAFA;
	color: #006BB8;
}

/** 菜单组件列表默认文本颜色 */
.menu-text {
    color:#5f6281 ;	
}

/** 鼠标经过菜单组件列表时边框颜色 背景颜色 */
.menu-active {
	border-color: rgba(239,243,245,.4);
	background-color:rgba(239,243,245,.4);
}

/** 鼠标经过菜单组件列表时文本颜色*/
.menu-active  .menu-text {
 	color: #5867dd;
 }

/** 默认禁用菜单组件列表边框、背景及背景颜色*/
.menu-item-disabled {
	border-color: transparent;
	background:rgba(161,168,195,.6);
    cursor: not-allowed;

}

/** 默认禁用菜单组件列表文本颜色*/
.menu-item-disabled .menu-text{
	color: #a1a8c3;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    cursor: not-allowed;
}

/** 鼠标经过禁用菜单组件列表时边框、背景及背景颜色*/
.menu-active-disabled {
	border-color: transparent;
	background:rgba(161,168,195,.6);
    cursor: not-allowed;
}

/** 鼠标经过禁用菜单组件列表时文本颜色*/
.menu-active-disabled .menu-text{
	color: #a1a8c3;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    cursor: not-allowed;
}

/** 菜单组件竖向分隔线样式*/
.menu-line {
	border-left: 1px solid #bfd2e5;
	border-right: 1px solid #FFF;
}

/** 菜单组件横向分隔线样式*/
.menu-sep {
	border-top: 1px solid #bfd2e5;
	border-bottom: 1px solid #FFF;
}

.menu-content {
	background-color: #FFFFFF;
} 

/** ===================================== */
/** TODO: 分页组件配色区															*/
/** ===================================== */
/** 分页分隔线边框颜色 */
.pagination-btn-separator {
	border-left: 1px solid #CCC;
	border-right: 1px solid #FFF;
}

/** 分页上下页按钮刷新按钮颜色 */
.pagination a{
	color: #5867dd
}

/** 分页页数列表文本颜色 */
.pagination-page-list {
	color: #495057;
}
/*分页右侧详细信息文本颜色*/
.pagination-info {
	color: #a1a8c3
}
/*分页列表框边框颜色*/
.pagination-page-list, .pagination .pagination-num {
	border-color: #CEDBE3;
}

 

/** ===================================== */
/** TODO: 列表组件配色区															*/
/** ===================================== */
/** 列表组件工具栏的背景和边框颜色 */
.list-toolbar {
    background-color: #fcfcfc;
    border: 1px solid #dbe5ea;
}

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

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

/** 列表组件查询栏的文本颜色 */
.queryitem-title {
 	color: #495057;
}

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

/** 列表组件区整体背景颜色（工具栏+查询栏+列表区）*/
.list-wrap {
    background-color: #fcfcfc;
}

/** 列表组件区边框颜色和背景颜色*/
.list-view {
    border: 1px solid #dbe5ea;
    background-color: : #fff;
}
 
/** 列表组件行列坐标标识的背景颜色 */
.list-hover-coordinate {
	background-color: #ebedf2;
}

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

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

/** 列表组件表头区的背景颜色 */
.list-htable {
	background-color: #f7f8fa;
}

/** 列表组件表头区文本颜色样式 */
.list-header-title {
    font-weight: bold;
    color: #646c9a;
}

/** 列表组件数据区的文本颜色 和 状态样式 */
.list-btable {
	color: #3d4465;
}
.list-btable a{ text-decoration: none; }
.list-btable a:hover{ text-decoration:underline; }

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

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

/** 鼠标移到列表组件数据行上时行的背景和文本颜色 */
.list-row-over {
	background-color: #ebedf2;
	color: #3d4465;
}
/** 鼠标移到已选中的列表组件数据行上时行的背景和文本颜色 */
.list-row-selected {
	background: #cfd9f9;
	color: #3d4465;
 }

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

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

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

/** 列表组件上下两个扩展区(列表上下多余的区域通常可见列表下的备注区)的背景颜色 */
.list-area-top {
	background-color: #FBFAFA;
	border-color: #D5DEED;
}

.list-area-bottom {
	background-color: #FBFAFA;
	border-color: #D5DEED;
}

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

.list-btn-separator {
 	border-left: 1px solid #CCF;
	border-right: 1px solid #EEF;
 }

/**列表行号区文字颜色 */
.data-cell-rownumber {
	color: #646c9a;
}

.list-resize-proxy {
	background-color: #AAC5E7;
}

.list-footer td {
	border-color: #DBE5EA;
}

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

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

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

/** 树组件选中节点的文本颜色 */
.tree-node-selected .tree-title {
	color: #5867dd;
}
/** 树组件节点的icon颜色 */
.tree-icon{
	color: #495057
}

/** 树组件文本默认颜色 */
.tree-title {
	color: #495057
}

 .tree-search-ipt {
	border-color:#CEDBE3;
    color: #959392;
}

.tree-pagination {
	color: #f00;
}

.tree-node-top {
	border-top: 1px solid red;
}

.tree-node-bottom {
	border-bottom: 1px solid red;
}

.tree-node-append .tree-title {
	border: 1px solid red;
}

.tree-editor {
	border: 1px solid #D5DEED;
}

.tree-node-proxy {
	background-color: #FFFFFF;
	color: #000000;
	border-color: #CEDBE3;
}



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

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

/** 鼠标移到禁用状态按钮组件上时组件的背景、边框和文本颜色 */
.l-btn-disabled .l-btn-cell,.l-btn-disabled:hover  .l-btn-cell{
    color: #a1a8c3;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    cursor: not-allowed;
}

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

/** ===================================== */
/** TODO: 组合框编辑器组件（下拉列表组件、下拉查询组件）配色区				*/
/** ===================================== */
/** 下拉组合框背景颜色和边框颜色 */
.combo {
	border-color:#bfd2e5;
	background-color: #FFFFFF;
}

/** 鼠标经过下拉组合框时边框颜色 和 阴影样式 */
.combo:hover {
    border-color: #5867dd;
    box-shadow: 0 0 2px 1px #99ccff;
}
/** 下拉组合框列表默认背景颜色 */
.combo-panel {
	background-color: #FFFFFF;
}
/** 下拉组合框列表默认背景颜色和边框颜色 */
.combobox-item, .combosearch-item, .combosearch-item-title,
	.combosearch-item-page {
	border-color: #f6f6f9;
	background: #fff;
}

/** 下拉列表组件框阴影和背景颜色*/
.combo-p {
    -webkit-box-shadow: 1px 1px 2px 0px #cacbcd;
    -moz-box-shadow: 1px 1px 2px 0px #cacbcd;
    -ms-box-shadow: 1px 1px 2px 0px #cacbcd;
    -o-box-shadow: 1px 1px 2px 0px #cacbcd;
    box-shadow: 1px 1px 2px 0px #cacbcd;
   background: transparent !important;
}

/** 下拉列表组件的斑马线颜色 */
.combobox-item-alt {
	background-color: #fafbfc;
}

/** 鼠标移到下拉列表组件中列表项上时列表项的背景和文本颜色 */
.combobox-item-hover {
	background-color: #f0f3ff;
	color:#5867dd;
	transition: all 0.2s ease-in-out
}

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

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

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

/*下拉查询框背景颜色*/
.combosearch-item-title, .combosearch-item-page {
	background-color: #ACD9EC;
}

/*下拉查询框箭头默认透明样式*/
.combo-arrow {
	opacity: 0.6;
	filter: alpha(opacity = 60);
}
/*鼠标经过下拉查询框时箭头透明样式*/
.combo-arrow-hover {
	opacity: 1.0;
	filter: alpha(opacity = 100);
}


/** ===================================== */
/** TODO: 列表框组件配色区				*/
/** ===================================== */
/*列表框整体背景颜色和边框颜色*/
.select {
	background-color: #FFF;
	border-color:#CEDBE3;
}

/*列表边框颜色*/
.select-item {
	border-color: #f0f3ff;
}

/*斑马线背景颜色*/
.select-item-alt {
	background-color: #FAFBFC;
}

/*鼠标经过列表背景颜色文本颜色*/
.select-item-hover {
	background-color: #fafbff;
    color: #5867dd;
}

/*选中状态下列表背景颜色文本颜色*/
.select-item-selected {
	background-color: #fafbff;
    color: #5867dd;
}

/** ===================================== */
/** TODO: 日历组件配色区				*/
/** ===================================== */
/*星期一到星期五文字颜色*/ 
.calendar-day {
	color: #000000;
}
/*星期日文字颜色*/ 
/*.calendar-sunday {
	color: #a1a8c3;
}*/
/*星期六文字颜色*/ 
/*.calendar-saturday {
	color: #a1a8c3;
}*/
/*当天文字颜色*/ 
.calendar-today {
	color: #536be2;
}

/*日历整体边框颜色*/ 
.calendar {
	border-color: #95B8E7;
}

/*日历上个月或者下个月日期文本颜色*/ 
.calendar-other-month {
/*	opacity: 0.6;
	filter: alpha(opacity = 60);*/
	color: #a1a8c3;
}

/*日历头部下边框、背景颜色*/
.calendar-header {
	border-bottom: 1px solid #d4dfe9;
	background-color: #fff;
}
.calendar-title span {
	border: 1px solid #E0ECFF;
}

/*月标题年边框颜色*/
.calendar-menu-year {
	border-color: #CEDBE3;
}
/*月份表内容区时间边框颜色*/
.calendar-menu-month {
	border-color:#FFF;
} 

/*内容区背景颜色*/
.calendar-body, .calendar-menu {
	background-color: #FFFFFF;
}

/*内容区星期一到星期日标题背景颜色、文字颜色*/
.calendar-body th {
	background-color: #fafafa;
	color: #666;
    font-weight: normal;
}

/*鼠标经过内容区和上下页导航区背景颜色、文字颜色*/
.calendar-hover, .calendar-nav-hover,.calendar-menu-hover {
	background-color: #f8fcff;
 	border: 1px solid #536be2;
}
.calendar-hover {
	border: 1px solid #5867dd;
}

/*鼠标经过时间标题区和内容区时间时背景颜色、文字、边框颜色*/
.calendar-title span.calendar-menu-hover, .calendar-menu-month-inner .calendar-menu-hover
	{
	background-color: #f8fcff;
	color: #000000;
	border: 1px solid #536be2;
}

/*当前已选定的时间以及月份表已选定的时间已经鼠标经过时的背景颜色 、边框颜色和文字颜色*/
.calendar-selected, .calendar-menu-month-inner .calendar-selected.calendar-menu-hover {
	background-color: #5867dd;
	border: 1px solid #5867dd;
	color: #fff;
}
/*上下页导航边框颜色*/ 
.calendar-prevmonth, .calendar-nextmonth, .calendar-prevyear,
	.calendar-nextyear,.calendar-menu-prev,.calendar-menu-next {
	border: 1px solid #fff;
}

/*日期确认按钮区上边框样式 和 背景颜色*/ 
.datebox-button {
	border-top: 1px solid #fafafa;
	background-color: #fafafa;
}
/*日期确认按钮字体颜色和边框颜色*/ 
.datebox-button a {
	color: #000000;
	border-color:#fafafa;
}
/*鼠标经过日期确认按钮时背景颜色和边框颜色、透明度样式*/ 
.datebox-button a:hover {
	background-color: #fafafa;
	border-color: #fafafa;
	opacity: 1.0;
	filter: alpha(opacity = 100);
}
/*日期按钮 今天-关闭-确定 文本颜色、透明度样式*/ 
.datebox-current, .datebox-close, .datebox-ok {
	color: #444;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

/*日历样式*/ 
.monthbox-button {
	background-color: #ACD9EC;
	border-top: 1px solid #D5DEED;
 }

.monthbox-button a {
	color: #000000;
	border-color:  #ACD9EC;
}

.monthbox-button a:hover {
	background-color: #FFFFAF;
	border: 1px solid #DCAC6C;
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

.monthbox-current, .monthbox-close, .monthbox-ok {
 	opacity: 0.6;
	filter: alpha(opacity = 60);
 	color: #444;
}
.monthbox-menu-year-inner span.monthbox-menu-hover {
	background-color: #FFFFAF;
	color: #000000;
	border: 1px solid #DCAC6C;
}

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

.monthbox-menu-prev, .monthbox-menu-next {
 	border-color: #FFF;
 }

.monthbox-menu-month {
 	border-color: #FFF;
}
.monthbox-menu-year-current .monthbox-menu-month-current {
	color: #f00;
}
.monthbox-menu-month-inner .monthbox-menu-hover {
	background-color: #FFFFAF;
	border-color: #E2C608;
}

.monthbox-selected {
	background-color: #AFFFFF;
	border-color: #E2C608;
 }



/** ===================================== */
/** TODO: 复选框组件颜色				*/
/** ===================================== */
/*默认状态 复选框背景颜色  边框颜色*/
input[type='checkbox'] {
    border-color: #d1d7e2;
    background-color: #fbfafa;
}

/*树列表多选框 背景颜色 边框颜色*/
.tree-checkbox0 {
    border: 1px solid #d1d7e2;
    background-color: #fbfafa;
 }
 
/** ===================================== */
/** TODO: 单选框组件颜色				*/
/** ===================================== */
/*默认状态 单选框背景颜色  边框颜色*/
.radio input {
    border: 1px solid #d1d7e2;
    background: #fbfafa
}
/*禁用状态 单选框文本框*/
.radio-item-disable {
	color: #666;
}

/** ===================================== */
/** TODO: 多行文本组件颜色				*/
/** ===================================== */
/*默认边框颜色边框颜色*/
.textarea-text {
	background: #fff;
	border-color:  #bfd2e5;
}

/*必填项背景颜色*/
.textarea-invalid {
	background-color: #FFF4F3;
}

.textarea-prompt {
 	color: #bbb;
}

/** ===================================== */
/** TODO: 单行文本输入框组件颜色				*/
/** ===================================== */
/*单行文本输入框 ，边框颜色*/
.textbox-text {
	border-color:#bfd2e5;
	/*background: #fff*/
 }
/*必填项输入框背景颜色*/
.textbox-invalid {
	background-color: #FFF4F3;
}

.textbox-note {
	color: #0000FF;
}

.textbox-prompt {
	color: #bbb;
}

/*单行文本框获得焦点时边框颜色和阴影样式*/
input:focus{
	border-color: #5867dd;
	box-shadow: 0 0 2px 1px #99ccff;
}


/** ===================================== */
/** TODO: 文件上传组件				*/
/** ===================================== */
/*浏览 上传按钮背景颜色、文字颜色、边框颜色*/
.fileupload input {
	background-color: #EAF2FF;
	color: #000000;
	border-color: 1px solid #B7D2FF;
}

/*上传按钮禁用时背景颜色、边框颜色*/
.fileupload input.disabled {
	background-color: #F5F6F7;
	border-color: #EBEBEB;
	cursor:not-allowed;
}

/*文件显示框背景颜色 边框颜色*/
.fileupload input.tip {
	background-color: #FFFFFF;
	border: 1px solid #CEDBE3;
}
 
/** ===================================== */
/** TODO: colors组件				*/
/** ===================================== */
.color {
 	border-color:#CCC;
}

.colorpicker {
	background-color: #F5F5F5;
	border-color:#D5DEED;
}

.colorpicker-sections-color ul li {
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
}

.colorpicker .colorlayout {
	border: 1px solid #FFFFFF;
}

.colorpicker-bgview-text li div {
	border: 1px solid #CCC;
}

/** colors */
.popupbox {
	border-color: #CEDBE3;
}
.popupbox-icon {
	background-color: transparent;
}
.popupbox-icon-hover {
	background-color: #EAF2FF;
}

/** ===================================== */
/** TODO: 进度条组件  配色区				*/
/** ===================================== */
/** 进度条 */
.progressbar-inner {
    border-color: #CEDBE3;
    background-color: #E0ECFF;
}

.progressbar-pb {
    border-color: #CEDBE3;
    background-color: #FFFF00;
}
.progressbar-tip {
    color : #000000;
}
 
/** ===================================== */
/** TODO: 右下角消息提示区样式				*/
/** ===================================== */
.messager-body {
	height: expression(this.scrollHeight > 100 ? "100px" : "auto")
		!important;
}
.messager-body .messager-input {
	border: 1px solid #95B8E7;
}

 

/** ===================================== */
/** TODO: 滑杆组件  配色区				*/
/** ===================================== */
.slider-disabled {
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

.slider-inner {
	border-color: #CEDBE3;
	background-color: #E0ECFF;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

.slider-rule span {
	border-color: #CEDBE3;
}

.slider-rulelabel span {
	color: #000000;
}

/** ===================================== */
/** TODO: 数字微调控制项组件  配色区				*/
/** ===================================== */
/*微调框组件边框颜色，背景颜色*/
.spinner {
	border-color: #CEDBE3;
    background-color: #fff;
}

/*微调框组件 三角默认透明度*/
.spinner-arrow-up, .spinner-arrow-down {
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

/*鼠标经过微调框组件时 三角默认透明度*/
.spinner-arrow-hover {
	opacity: 1.0;
	filter: alpha(opacity = 100);
	cursor: pointer;
}



#btn_std_query {
	background-color: #006BB8;
    padding: 7px 23px;
    color: #FFFFFF;
}

#btn_std_reset {
    background-color: #F6A300;
    padding: 7px 23px;
    color: #FFFFFF;
}


/** ===================================== */
/** TODO: 设置滚动条的样式   				*/
/** ===================================== */
/* 设置滚动条的样式 */
::-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);
}

/**组件内容区加水印（新增，独立可删除）===面板背景||列表组件背景||查询区背景||表单和树列表 */
.panel, .list-view,.list-querybar,.list-toolbar,.freeform-body{
	background-image: url(../images/sy.png);
}