/*页面主体部分 */
/* html,
body {
	background-color: var(--bg-html);
} */
body{
	color: var(--tx-default);
	background-color: var(--bg-html);
}
/* br-mainpanel */
.br-mainpanel{
	background-color: var(--bg-mainpanel);
}
.br-pageheader {
    background-color: var(--bg-html);
}
.bg-mainpanel{background-color: var(--bg-mainpanel);}
.bd-b{border-color: var(--border);}
/* 按钮 */ 
.btn-primary,.btn-info{
	/* background-color: var(--theme);
	border-color: var(--theme) ; */
	/* background-color: var(--bg-mainpanel);
	border-color:var(--border);
	color: var(--tx-default); */
	background-color: var(--theme);
	border-color: var(--theme) ;
	color: #fff;
}
/* 频道结构管理页面按钮 */
.channel-handle .btn-primary{
	background-color: var(--bg-mainpanel);
	border-color:var(--border);
	color: var(--tx-default);
}
.btn-grey{background: var(--bg-mainpanel);color: var(--default);border: 1px solid var(--border);}

.btn-grey:hover,
.btn-grey:visited,
.btn-grey:focus{
	background-color: var(--mainpanel);
	border-color: var(--default) ;
}
.btn-primary:hover,.btn-info:hover,
.btn-primary:visited,.btn-info:visited
.btn-primary:focus,.btn-info:focus{
	background-color: var(--theme);
	border-color: var(--theme) ;
	color: #fff;
}

.btn-primary.disabled, .btn-primary:disabled {
	background-color: rgba(42, 141, 255, 0.7);
    border-color: rgba(42, 141, 255, 0.7);
	color: rgba(255, 255, 255, 0.7);
}

.btn-outline-info {
    color: #475669;
    background-color: #f5f6fa;
    font-weight: bold;
    background-image: none;
    border-color: rgba(8, 8, 8, 0.06);
}

.btn-primary.hover-btn,
.btn-info.hover-btn{
	background-color: var(--bg-mainpanel);
	border-color:var(--border);
	color: var(--tx-default);
}
.btn-primary.hover-btn:hover,.btn-info.hover-btn:hover,
.btn-primary.hover-btn:visited,.btn-info.hover-btn:visited
.btn-primary.hover-btn:focus,.btn-info.hover-btn:focus{
	background-color: var(--theme);
	border-color: var(--theme) ;
	color: #fff;
}


.el-cascader-panel .el-cascader-menu{
	color: var(--tx-default); 
}
.el-cascader-panel .el-cascader-menu .el-cascader-node.in-active-path, 
.el-cascader-panel .el-cascader-menu .el-cascader-node.is-active, 
.el-cascader-panel .el-cascader-menu .el-cascader-node.is-selectable.in-checked-path{color: var(--theme);}
.btn-outline-info:hover {
    color: #fff;
    background-color: var(--theme, #1890ff);
    font-weight: bold;
    border-color: var(--theme, #1890ff);
}
.btn-outline-info.active, 
.btn-outline-info:active, 
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: var(--theme, #1890ff);
    font-weight: bold;
    border-color: var(--theme, #1890ff);
}
/* 弹窗取消按钮样式 */
.modal-footer .btn-secondary,
.confirm-box .btn-secondary,
.modal-footer .btn-secondary:hover,
.confirm-box .btn-secondary:hover{
	color: var(--tx-default);
	background-color: var(--bg-mainpanel);
	background-image: none;
	border-color: var(--border);
}
/* 弹窗确认按钮样式 */
.modal-footer .btn-primary,
.confirm-box .btn-primary{
	background-color: var(--theme);
	border-color: var(--theme) ;
	color: #fff;
}
a:hover ,
a.hover-info:focus,
a.hover-info:hover{color: var(--tx-a-hover);}
a {color: var(--tx-a);}
/* input框 */
/* textarea.form-control{
	border:1px solid var(--border-input);
} */
.form-control{
	border:1px solid var(--border-input)
}
.form-control:focus {
  color: var(--tx-default);background-color: var(--white);border-color: var(--theme);outline: 0;
}
input::placeholder, .form-control::placeholder{
	color: var(--tx-explain);
}
.tx-success{color:var(--tx-success)}
.tx-warning {color: var(--tx-warning);}
.tx-danger{color:var(--tx-danger)}
.tx-orange{color:var(--tx-warning);}
.left-fn-title.required:after {color: var(--required-icon-color);}
.tx-explain{color: var(--tx-explain);}

/* 下拉框 部分待定 */
.select2-results__options::-webkit-scrollbar-thumb{
	border-radius:5px;
	-webkit-box-shadow: inset 5px rgba(0,0,0,0.2);
	background:rgba(0,0,0,0.2);
}
.select2-results__options::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 5px rgba(0,0,0,0.2);
	border-radius:2px;
	background:rgba(0,0,0,0.1);
	background: #f0f0f0;
}
.select2-dropdown{
	border-color: #f0f0f0;
}
.select2-container--open .select2-dropdown--above,
.select2-container--default .select2-selection--single
{
	border-color: var(--border);
}
.input-group-addon{
	background: var(--bg-mainpanel);
	border-color: var(--border);
}
#tide_content_tfoot .select2-container--default .select2-selection--single
{
	border-color: var(--border);
	background-color: var(--bg-mainpanel);
}
#tide_content_tfoot .form-control{
	background-color: var(--bg-mainpanel);
}
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #f8f9fa; color: var(--tx-default);
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color:  var(--theme) ;
	color: var(--white);
}
.select2-container--default .select2-selection--single{
	/* background-color: var(--bg-mainpanel); */
}
.select2-placeholder-empty .select2-selection__rendered{
	color:var(--tx-explain) !important
}
.select2-container--default.select2-container--disabled .select2-selection--single{
	background-color: var(--bg-mainpanel);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	color: var(--tx-default);
}
/* 单选框 */
.rdiobox input[type=radio]:checked+span:before{
	background-color:  var(--theme) ;
	border-color: transparent;
}
/* 复选框 */
.ckbox span:after{
	background-color:  var(--theme) ;
	color: var(--white);
}

.ckbox input[type=checkbox][disabled]+span:before{
	background-color:#f5f5f5;
	border: 1px solid #DCDFE6;
	opacity: 1;
}
.ckbox input[type=checkbox][disabled]+span:after{
	background-color:#f5f5f5;
	color: #c0c4cc;
	border: 1px solid #DCDFE6;
	opacity: 1;
}

.rdiobox input[type=radio][disabled]+span:before{
	background-color:#f5f5f5;
	border: 1px solid #DCDFE6;
	opacity: 1;
}
.rdiobox input[type=radio][disabled]+span:after{
	background-color:#c0c4cc;
	color: #c0c4cc;
	border: 1px solid #DCDFE6;
	opacity: 1;
}
.ckbox input[type=checkbox][disabled]+span, 
.ckbox input[type=checkbox][disabled]+span:after, 
.ckbox input[type=checkbox][disabled]+span:before{
	opacity: 1;
}
.rdiobox input[type=radio][disabled]+span, 
.rdiobox input[type=radio][disabled]+span:after, 
.rdiobox input[type=radio][disabled]+span:before{
	opacity: 1;
}

/* 说明图标 */
.sidebar-sys-box .markallread,
.sidebar-sys-box .sys-tips,
.ion-information-circled,
.el-icon-warning,
.row .ion-help-circled{
	color: var(--explain-icon-color);
}

/* table */
.table td, 
.table th{
	border-color: var(--border);
}
.table thead th {
    background: var(--bg-th);
}
.table tfoot>tr>th, .table thead>tr>th {
    color: var(--tx-default);
}
table{
	border-color: var(--border);
}
.table:not(.table-fixed, .multilevel-table) tr:hover td {
	background: #F3F3F4;
}
/* 开关 */
.toggle-light .toggle-on{
  background-color:  var(--bg-toggle);
}
.toggle-light .toggle-on.active{
	background-color: var(--theme)!important;
}
.toggle-light .toggle-off {
  color: var(--white);
  background-color: var(--bg-toggle);
}
.toggle-light .toggle-on.active+.toggle-blob{
	border-color: var(--theme)!important;
}
.toggle-light .toggle-blob{
	background: var(--white);
}

/* 操作栏更多 */
.dropdown-menu {color: var(--tx-default);background-color: var(--white);background-clip: padding-box;border: 1px solid var(--border);}
.nav-style-1 .nav-link:focus, .nav-style-1 .nav-link:hover {background-color: var(--theme-btn-rgb-1);color: var(--theme);}
.nav-style-1 .nav-link {color: var(--tx-default);}

/* 其他 */
.search-content{border:1px solid var(--border)}
.card{border: 1px solid var(--border);box-shadow: none;}
.bd {border: 1px solid var(--border);}
/* .br-menu-sub{background-color:var(--white)} */
.br-menu-sub .nav-link:hover{color:var(--theme)}
.br-menu-sub .nav-link.active{color:var(--theme)}
.br-menu-sub .nav-link {color:var(--tx-nav);}
.br-subleft {background-color: var(--bg-nav2);border-right: 1px solid var(--nav2-border);border-top: 1px solid var(--nav2-border);}
#tide_content_tfoot {border-top: 1px solid var(--border);color: var(--tx-default);;font-weight: normal;}
#tide_content_tfoot a {color: var(--tx-default);}




/* 一稿多发分组 */
/* .sidebar-menu-template .sidebar-menu a:hover, 
.sidebar-menu-template .sidebar-menu li.active>a {color: var(--theme) ;}
.sidebar-menu-template .sidebar-menu a:hover, 
.sidebar-menu-template .sidebar-menu li.active>a{background-color: var(--theme-btn-rgb-1) ;} */

.cont-multiple .tx-warning{color:var(--tx-warning)!important}
.cont-multiple .push-col-row #push-nav{border-bottom:1px solid var(--border);}
.cont-multiple .push-col-row #push-nav li{color:var(--tx-default);}
.cont-multiple .push-col-row #push-nav li.ac{color:var(--theme);border-bottom:2px solid var(--theme);}
.cont-multiple .td_node a {color: var(--tx-default) }
.cont-multiple .mul-left-cont .td-handle button{color: var(--theme);}
.cont-multiple #mul-left-cont .td-handle button.btn{background-color: transparent;border-color: transparent;color: var(--theme);}

/* 历史版本 con-history */
.con-history .title-wrap {overflow: hidden;color:var(--tx-default);}
.con-history .title-merge{background-color: var(--bg-mainpanel);}
.con-history .CodeMirror-gutters {background-color: var(--bg-mainpanel);}
.con-history .CodeMirror-linenumber{font-size:14px;color: var(--tx-default)}
.con-history .CodeMirror-merge-gap {background: var(--bg-mainpanel);}
.con-history .title-merge{border: 1px solid var(--border);}
.con-history .border-merge{background: rgb(255, 255, 227);border:1px solid rgb(239, 238, 158);}
.con-history .CodeMirror-merge-r-chunk {background: rgb(255, 255, 227);}
.con-history .CodeMirror-merge-r-chunk-start {border-top: 1px solid rgb(239, 238, 158);}
.con-history .CodeMirror-merge-r-inserted,.con-history .CodeMirror-merge-l-inserted {color: #30da14;}
.con-history .CodeMirror-merge-r-deleted,.con-history .CodeMirror-merge-l-deleted{color: #cd2d25;}
.con-history .title2 .CodeMirror-merge-l-inserted{color: #30da14;}
.con-history .title2 .CodeMirror-merge-r-deleted{color: #cd2d25;}
.con-history .CodeMirror-gutters {border-right: 1px solid var(--border);}
.con-history .CodeMirror-merge {border: 1px solid var(--border);}
.con-history .CodeMirror-merge-gap {border-left: 1px solid var(--border);border-right: 1px solid var(--border);}

/* 图片集/photo/document_photo_list.jsp */
.doc-photo-l table.table-fixed, .doc-photo-l table.table-fixed th, .doc-photo-l table.table-fixed td {border: 1px solid var(--border);}

/* 
* 内容页部分
 */
/*  内容页header */
body:not(.document-edit) .br-header .docs-data{
	color: var(--white);
}
.br-header .docs-data .icon-box {
	border-right: 1px solid var(--border);
}
.document-edit .br-header .docs-data .icon-box{
	color: var(--theme)
}
.br-header .docs-data .docs-info{

}
.document-edit .br-header .docs-data .docs-info .doc-tl {
	color: var(--theme)
}
.document-edit .article-title .row .left-fn-title{
	color: var(--tx-default);
}
body:not(.document-edit) #header_nav .br-menu-link {
	color: var(--white);
}

#header_nav .br-menu-link.active {
	background-color: var(--theme-rgb-2);
	/* color: var(--white); */
}

body:not(.document-edit) #header_nav .br-menu-link:focus,
body:not(.document-edit) #header_nav .br-menu-link:hover {
	color: var(--white);
	background-color: inherit;
}

body:not(.document-edit) #header_nav .br-menu-link.active:focus,
body:not(.document-edit) #header_nav .br-menu-link.active:hover {
	background-color: var(--theme-rgb-2);
	color: var(--white);
}
/* 
 内容页头部样式 
 */
.document-edit .br-header ,.document-edit #header_nav .br-menu-link {
	color: var(--tx-default);
	transition: 0ms;
}
.document-edit #header_nav .br-menu-link.active {
	background-color: var(--theme-btn-rgb-1);
	color: var(--theme);
}
.document-edit #header_nav .br-menu-link:focus,
.document-edit #header_nav .br-menu-link:hover {
	color: var(--theme);
	background-color: inherit;
}
.document-edit #header_nav .br-menu-link:focus,
.document-edit #header_nav .br-menu-link:hover {
	background-color: var(--theme-btn-rgb-1);
	color: var(--theme);
}
.document-edit .br-header .btn {
    background-color: var(--bg-mainpanel);
	border-color:var(--border);
	color: var(--tx-default);
	font-weight: 600;
}
.document-edit .br-header .btn:hover,
.document-edit .br-header .btn:focus,
.document-edit .br-header .btn:visited {
  	background-color: var(--theme);
	border-color:var(--theme) ;
	color: #fff;
}

/* 
 内容页头部样式  end
 */

/* 高级版内容页  document_ziyuan_2020.jsp 左侧模板样式 */
.document-edit{background-color: var(--bg-mainpanel);}
.document-edit #form{background: var(--bg-mainpanel)}
body:not(.document-edit) .br-header{
	background-color: var(--bg-header);
	color: var(--tx-header);
}
.br-header .btn{
    background-color: var(--theme-rgb-2);
}
.br-header .btn:hover,.br-header .btn:focus,.br-header .btn:visited{
    background-color: var(--theme-rgb-2);
}
.index-edit-header .btn-primary,
.index-edit-header .btn-info,
.index-edit-header .btn-secondary  {
    background-color: var(--theme-rgb-2);
	border-color: var(--theme-rgb-2);
}
.document-edit .br-pagebody {
    border: 1px solid var(--border)
}
div .form-control:disabled,div .form-control[readonly]{
	background-color: var(--bg-mainpanel) ;
}

/* 基础版内容页 */
.document-normal {background-color: var(--bg-html);}
.document-normal #main_left .br-content-box {background: var(--white);}
.document-normal .bg-default{background-color: var(--bg-mainpanel);}
.document-normal .bg-selected{background-color: var(--bg-active);}
.document-normal .approve-item:before{border:1px solid var(--bg-mainpanel);}
.document-normal .approve-item-line:before{background:var(--bg-mainpanel);}
.document-normal .approve-item-line.approve-line-ac:before{background:var(--theme)}
.document-normal .approve-item .approve-tx-ac{color:var(--theme)}
.document-normal .approve_body .card-body .bg-gray-300 { background-color: var(--bg-mainpanel);}
.document-normal .approve_body .card-body .tx-inverse {color: var(--tx-default);}
.document-normal .approve_body .card-body .tx-inverse span {color: var(--tx-default)!important;}
.document-normal .card-header .card-title{color: var(--theme);border-bottom: 2px solid var(--theme);}
.document-normal .approve_body .card-body .sh-reason .bd {border: 1px solid var(--border-input);}  


/* 顶部导航出现左右切换按钮样式 */
.document-normal #header_nav .h-nav-l,
.document-normal #header_nav .h-nav-r{color:var(--tx-icon);}
.document-normal #header_nav .h-nav-l.disabled,
.document-normal #header_nav .h-nav-r.disabled{color: var(--tx-icon-disabled);}

/* 审核内容页 */
.document-normal .main_right {background: var(--white);}
.document-normal .main_right .main_right_nav ul{border-bottom: 1px solid var(--border);}
.document-normal .main_right .main_right_nav ul li a{color: var(--tx-default);}
.document-normal .main_right .main_right_nav ul li a.ac{color: var(--theme);border-bottom: 2px solid var(--theme);}
.document-approve .row.flex-row .wd-content-lable input{border: 1px solid var(--border-input);}
.document-approve .row.flex-row .wd-content-lable .disabled{border: none;background-color: var(--bg-mainpanel);}
.document-approve .approve-content .card-body .bg-gray-300{background-color: var(--bg-mainpanel);}
.document-approve .approve-content .card-body .tx-inverse{color: var(--tx-default)}
.document-approve .approve-content .card-body .tx-inverse span{color: var(--tx-default)!important;}
.document-approve .approve-content .card-body .tx-inverse span.tx-warning {color: var(--tx-warning)!important;}

/* 查看页面 新增
*/
.document-look-new .row.flex-row .wd-content-lable input{border: 1px solid var(--border-input);}
.document-look-new .row.flex-row .wd-content-lable .disabled{border: none;background-color: var(--bg-mainpanel);}

.document-grouping .border-bottom-12{border-bottom: 12px solid var(--bg-mainpanel);}
.document-grouping .border-top-12{border-top: 12px solid var(--bg-mainpanel);}
.document-grouping .border-right-12{border-right: 12px solid var(--bg-mainpanel);}
.h-bg-12{height:12px;width:100%;background-color: var(--bg-mainpanel);}
/* document-grouping 分组通用类 */
.document-grouping{background-color: var(--bg-mainpanel);} 
.document-grouping .br-pageheader {background-color: var(--bg-mainpanel);}
/* .document-grouping .br-mainpanel {background-color: var(--bg-html);} */
.document-grouping .handle-btns-bg{background-color: var(--bg-html);}
.document-grouping .table thead th {background: var(--bg-th);}
.document-grouping .list-no-data{border-top: 1px solid var(--border);}
.document-grouping .select2-container--default .select2-selection--single .select2-selection__rendered{color: var(--tx-default);}
.document-grouping #tide_content_tfoot{color: var(--tx-default);}
.document-grouping #tide_content_tfoot .form-control{background-color: var(--bg-mainpanel);}
.document-grouping #tide_content_tfoot .jump_go{background-color: var(--bg-mainpanel);border: 1px solid var(--border);color: var(--tx-default);}
.document-grouping .pagination a{color: var(--tx-default);}
.document-grouping #tide_content_tfoot .pagination a{ background-color: var(--bg-mainpanel);}
.document-grouping .pagination a .fa{color: var(--tx-default);}
.document-grouping .select2-container--default .select2-selection--single {background-color: var(--bg-mainpanel);}
/* 一稿多发 */
.cont-multiple .bg-mpanel{background: var(--bg-mainpanel)}
.sidebar-menu a{color:var(--tx-default);}
.sidebar-menu .treeview-menu>li.active>a>.fa{color:var(--theme)}
.sidebar-menu .treeview-menu>li.active>a>.fa.fa-angle-double-right,
.sidebar-menu .treeview-menu>li.active>a>.fa.fa-angle-right,
.sidebar-menu .treeview-menu>li.active>a>.fa.fa-folder,
.sidebar-menu .treeview-menu>li.active>a>.fa.fa-folder-open{color:var(--tx-independent-active)}

.con-gather .br-pagebody{background: var(--white);}

/* 分组 /content/content_gather */


/* 图片集 /photo/document_photo_list.jsp */


/* content_gather.jsp */

/* 任务管理审核预览页面 */
.renwu-opera #doc_main{background: var(--bg-mainpanel);}

/* 历史记录预览页面 */
.document-preview-version{background-color: var(--bg-mainpanel);}

/* 问政管理-审核预览页面 */
.wz-operation{background-color: var(--bg-mainpanel);}

/* three_terminal_preview.jsp 多端预览  */
.three-terminal-preview .br-header1{background-color: var(--theme);}
.three-terminal-preview .br-header1 .btn-primary,.three-terminal-preview .br-header1 .btn-info,.three-terminal-preview .br-header1 .btn-secondary  { background-color: var(--theme-rgb-2);border-color: var(--theme-rgb-2);}
.three-terminal-preview .br-mainpanel {background-color: var(--white);}



/* 功能权限 中间内容区 multi_category_content.jsp、navigation_content.jsp*/
.category-multi-category-content .topic-list-box::-webkit-scrollbar-thumb{background: var(--bg-menu-link);border: 2px solid var(--border);}
.category-multi-category-content .topic-list-box::-webkit-scrollbar-thumb:hover{border: 2px solid var(--bg-menu-link);background-color: var(--bg-menu-link);}
.category-multi-category-content .topic-list-box::-webkit-scrollbar-track{background: var(--bg-active);}
.category-multi-category-content .topicItem1{border:1px solid var(--border);}
.category-multi-category-content ul li a{color:var(--tx-default);}
.category-multi-category-content ul li.on{background:var(--bg-html);}
.category-multi-category-content ul li.on a{color:var(--tx-a);}
.category-multi-category-content ul li.on .fa {color: var(--tx-a);}
.category-multi-category-content ul li.cur{background:var(--theme-btn-rgb-1);}
.category-multi-category-content ul li.cur a{color:var(--tx-a)}
.category-multi-category-content ul li.cur .fa{color: var(--tx-a);}
/* 功能权限 中间内容区 multi_category_content.jsp、navigation_content.jsp end*/

/* content_post.jsp */
.content-post table.table-fixed,
.content-post table.table-fixed td,
.content-post table.table-fixed th{border:1px solid var(--border);}
.content-post .td-video-box{background:rgba(0,0,0,.3);}
.content-post .td-video-box:after{background-color:rgba(0,0,0,.3);}
.content-post .imgmore:after{background:rgba(0,0,0,.3);color:var(--white)}
.media-box .slh:after {background-color: rgba(0,0,0,0.3);}
/* content_post.jsp */
/* 聚视文件 end


/*列表部分*/
.list-html{background:var(--bg-mainpanel)}
.list-html .br-pageheader{background: var(--bg-mainpanel);padding-bottom: 3px;} 
.list-html .br-mainpanel form .br-section{border: 1px solid var(--border);border-radius: 4px;}

/*分离版内容页*/


.document-content .el-main{background-color:var(--bg-mainpanel)}
.document-content .el-form.demo-ruleForm {background-color: var(--white)}
.document-content .el-form .el-input__inner::-webkit-input-placeholder,
.document-content .picker-year .el-form .el-date-editor.el-input .el-input__inner::-webkit-input-placeholder,
.document-content .el-form .el-date-editor.el-range-editor.el-input__inner.el-date-editor--datetimerange .el-range-input::-webkit-input-placeholder,
.document-content .el-form .el-textarea__inner::-webkit-input-placeholder,
.document-content .el-form-item .general-input-wrapper .el-date-editor .el-range-input::placeholder,
.document-content .el-input__inner::placeholder,
.document-content .el-textarea__inner::placeholder,
.document-content .picker-year .el-date-editor.el-input .el-input__inner::placeholder{color: var(--tx-explain);}
.document-content .el-input__inner,
.document-content .el-input__inner:hover,
.document-content .el-textarea__inner,
.document-content .el-textarea__inner:hover{border: 1px solid var(--border-input);color:#495057}
.document-content.approve-content .is-disabled .el-input__inner,
.document-content.approve-content .is-disabled .el-input__inner:hover,
.document-content.approve-content .is-disabled .el-textarea__inner,
.document-content.approve-content .is-disabled .el-textarea__inner:hover{border: 0;}
.document-content .el-input.is-active .el-input__inner,
.document-content .el-input__inner:focus,
.document-content .el-input .el-input__inner:focus,
.document-content .el-input.is-focus .el-input__inner,
.document-content .el-range-editor.is-active, .el-range-editor.is-active:hover,
.document-content .el-textarea__inner:focus{border-color:var(--theme) !important;color:#495057}
.document-content .picker-year .line,
.document-content .el-date-editor .el-range-separator{color: var(--tx-default);}
.document-content  .el-date-editor .el-range-input{ color: #495057;}
.document-content .el-button--primary{background-color:var(--theme);border-color:var(--theme)}
.document-content .el-button--primary:focus,
.document-content .el-button--primary:hover{background-color:var(--theme);border-color:var(--theme)}
.document-content .el-select-dropdown:not(div[data-field-id]) .el-select-dropdown__item.hover,
.document-content .el-select-dropdown:not(div[data-field-id]) .el-select-dropdown__item:hover{background-color:var(--theme);color:var(--white)}
.document-content .tag-wrapper{border:1px solid var(--border-input)}
.document-content .el-picker-panel.el-date-range-picker .el-date-table td.end-date span, 
.document-content .el-picker-panel.el-date-range-picker .el-date-table td.start-date span{background-color: var(--theme);}
.document-content .el-picker-panel.el-date-range-picker .el-date-table td.in-range div{background-color: var(--theme-btn-rgb-1);}
.document-content .el-picker-panel.el-date-picker .el-date-table td.current:not(.disabled) span{background-color: var(--theme);}
.document-content .el-picker-panel .el-date-table td.today span,
.document-content .el-picker-panel .el-time-panel__btn.confirm,
.document-content .el-picker-panel .el-picker-panel__footer .el-button--text,
.document-content .el-picker-panel .el-picker-panel__footer .el-button.is-plain:hover,
.document-content .el-picker-panel .el-date-table td.available:hover{color: var(--theme);}
.document-content .el-picker-panel .el-picker-panel__footer .el-button.is-plain:hover{border-color: var(--theme);}
/* 头部样式 */
.document-content .el-header{border-bottom:1px solid var(--theme);background-color:var(--theme)}
.document-content .el-header .header-right .button-list .el-button--primary{background-color:var(--theme-rgb-2)}
.document-content .el-header .header-left .logo-wrapper{border-right:1px solid var(--theme-rgb-2)}
.document-content .el-header .header-left .logo-wrapper .fa{color:var(--white)}
.document-content .el-header .header-left .text-wrapper .channel-path{color:var(--white)}
.document-content .el-header .header-left .text-wrapper .content-title{color:var(--white)}
.document-content .el-header .header-center .group-list .group-item{color:var(--white)}
.document-content .el-header .header-center .group-list .group-item.active{background-color:rgba(255,255,255,.2)}
.document-content .el-header .header-center .el-tabs__nav-next,
.document-content .el-header .header-center .el-tabs__nav-prev{color:var(--white)}
.document-content .el-header .header-center .el-tabs__nav-next.is-disabled, 
.document-content .el-header .header-center .el-tabs__nav-prev.is-disabled{color: var(--tx-icon-disabled);}
.document-content .el-header .header-center button { background-color: transparent; color: #000; color: var(--white);border: none;}
.document-content .el-header .header-center button.active,
.document-content .el-header .header-center button.active:hover,
.document-content .el-header .header-center button.active:focus{color: var(--white); border-color: transparent; background-color: var(--theme-rgb-2);}
/* 头部审核和驳回按钮 */
.document-content .el-header .header-center .el-button--danger{ background-color: #dc3545; border-color: #dc3545; }
.document-content .el-header .header-center .el-button--danger:focus, 
.document-content .el-header .header-center .el-button--danger:hover{ background-color: #c82333; border-color: #bd2130;}
/* 头部审核和驳回按钮 end*/
/*定制的头部样式*/
.document-content .el-header.custom-header{background-color:var(--white);border-bottom-color:var(--border)}
.document-content .el-header.custom-header .header-left .logo-wrapper{border-right-color:var(--border)}
.document-content .el-header.custom-header .header-left .logo-wrapper .fa,.document-content .el-header.custom-header .header-left .logo-wrapper .icon{color:var(--theme)}
.document-content .el-header.custom-header .header-left .text-wrapper .channel-path{color:var(--tx-default)}
.document-content .el-header.custom-header .header-left .text-wrapper .content-title{color:var(--theme)}
.document-content .el-header.custom-header .header-center .group-list .group-item{color:var(--tx-default)}
.document-content .el-header.custom-header .header-center .group-list .group-item:hover,
.document-content .el-header.custom-header .header-center button:hover{background-color:var(--theme-btn-rgb-1);color:var(--theme)}
.document-content .el-header.custom-header .header-center button{color:var(--tx-default)}
.document-content .el-header.custom-header .header-center .group-list .group-item.active,
.document-content .el-header.custom-header .header-center button.active,
.document-content .el-header.custom-header .header-center button.active:focus{background-color:var(--theme-btn-rgb-1);color:var(--theme)}
.document-content .el-header.custom-header .header-right .button-list .el-button--primary{background-color:var(--bg-mainpanel);border-color:var(--border);color:var(--tx-default)}
.document-content .el-header.custom-header .header-right .button-list .el-button--primary:hover{background-color:var(--theme);border-color:var(--theme);color:var(--white)}
.document-content .el-header.custom-header .online-box .flex-box a.open-drodown{color:var(--tx-default)}
.document-content .el-header.custom-header .header-center .el-tabs__nav-next,
.document-content .el-header.custom-header .header-center .el-tabs__nav-prev{color:var(--tx-icon)}
.document-content .el-header.custom-header .header-center .el-tabs__nav-next.is-disabled,
.document-content .el-header.custom-header .header-center .el-tabs__nav-prev.is-disabled{color:var(--tx-icon-disabled)}
/*定制的头部样式 end*/
/*分离版内容页 end*/


/*数据定义*/
/*公共*/
#data-design .el-form-item__label {color: var(--tx-default);}
#data-design .el-input__inner,
#data-design .el-textarea__inner{background-color: var(--white);border-color: var(--border);color:var(--tx-default);}
#data-design .el-input__inner:focus,
#data-design .el-textarea__inner:focus{border-color: var(--theme);}
#data-design .el-select-dropdown__item.selected{color: var(--theme);}
#data-design .el-select-dropdown__item:not(.colored-option).hover, 
#data-design .el-select-dropdown__item:not(.colored-option):focus {background-color: var(--theme);color: var(--white);}
#data-design .el-slider__bar {background-color: var(--theme);}
#data-design .el-slider__button{background-color: var(--white);border-color:var(--theme);}
#data-design .el-form-item.is-required .el-form-item__label:after{color: var(--tx-danger)}
body .el-switch.is-checked .el-switch__core,
#data-design .el-switch.is-checked .el-switch__core {border-color: var(--theme) !important;background-color: var(--theme) !important;}
#data-design .el-switch__core{border: 1px solid #DCDFE6;background: #DCDFE6;}
#data-design .el-dialog .el-dialog__footer button.confirm-btn{background-color: var(--theme);border-color: var(--theme);}
#data-design .el-dialog .el-dialog__footer button.cancel-btn{background-color: var(--bg-mainpanel);border-color: var(--border);color: var(--tx-default);}
#data-design .el-dialog .el-dialog__footer button.el-button--danger  {background-color: #F56C6C;border-color: #F56C6C;}
#data-design .drawing-board .el-form-item .el-form-item__label .label-text-wrapper .label-text {color: var(--tx-default);}
#data-design .field-caption-wrapper.label .field-caption .field-caption-text{color:var(--tx-default)}
#data-design .el-input .el-input-group__append .el-button,
#data-design .el-checkbox__input.is-checked .el-checkbox__inner, 
#data-design .el-checkbox__input.is-indeterminate .el-checkbox__inner, 
#data-design .el-button--primary:focus, 
#data-design .el-button--primary:hover, 
#data-design .el-radio-button__orig-radio:checked+.el-radio-button__inner,
#data-design .el-radio__input.is-checked .el-radio__inner {background-color:var(--theme);border-color:var(--theme);}
#data-design .el-input__inner::-webkit-input-placeholder,
#data-design .picker-year .el-form .el-date-editor.el-input .el-input__inner::-webkit-input-placeholder,
#data-design .el-date-editor.el-range-editor.el-input__inner.el-date-editor--datetimerange .el-range-input::-webkit-input-placeholder,
#data-design .el-textarea__inner::-webkit-input-placeholder{ color: var(--tx-explain); }
#data-design .drawing-board .edited-form-item>.el-form-item .label-text-wrapper .label-text,
#data-design .el-form-item.form-item-changed .el-form-item__label{color: #e6a23c;}
#data-design .drawing-board .unsave-components>.el-form-item .label-text-wrapper .label-text {color: var(--tx-danger); }
#data-design .el-radio-button__inner:hover{color: var(--tx-default);}
#data-design .el-radio-button__orig-radio:checked+.el-radio-button__inner{color: var(--white);}
#data-design .container .header .header-right .el-button:hover{background-color: var(--theme);border-color: var(--theme); color: #fff;}

/*公共*/
/*头部*/
#data-design .header-board {background: var(--white);border-bottom:1px solid var(--border)}
#data-design .header-board .header-left .logo-wrapper .logo > i {color: var(--theme);}
#data-design .header-board .header-left .logo-wrapper .logo > .iconpark-icon{color: var(--theme);width: 30px;height: 30px;}
#data-design .header-board .header-left .logo-wrapper { border-right: 1px solid var(--border);}
#data-design .header-board .header-left .channel-path-and-pattern .channel-path {color: var(--tx-default);}
#data-design .header-board .header-left .channel-path-and-pattern .el-select .el-input .el-input__inner,
#data-design .header-board .header-left .channel-path-and-pattern .el-select .el-input .el-select__caret{color:var(--theme);}
#data-design .header-board .header-center .header-center-group .group-list .group-item.active {background-color: var(--theme-btn-rgb-1);color: var(--theme);}
#data-design .header-board .header-center .header-center-group .group-list .group-item.active .group-item-name {font-weight: bold;}
#data-design .header-board .header-center .header-center-group .group-list .group-item,
#data-design .header-board .header-center .header-center-group .add-group-item-wrapper .add-group-item{color: var(--tx-default)}
#data-design .header-board .header-center .publish-type {background-color: var(--theme-btn-rgb-1);color: var(--theme);border-color: var(--theme-btn-rgb-1);}
#data-design .header-board .header-right .el-button,#data-design .form-layout-scheme-wrap .layout-scheme-buttons .el-button {background-color: var(--bg-mainpanel);border-color: var(--border);color: var(--tx-default);}
#data-design .el-range-editor .el-range-input{color:var(--tx-default);border-color:var(--border);}
#data-design .header-board .header-right .el-button:hover, #data-design .form-layout-scheme-wrap .layout-scheme-buttons .el-button:hover{background-color:var(--theme);color: var(--white);border-color: var(--theme);}
#data-design .el-select .el-input .el-select__caret{color:var(--tx-default);}
#data-design .el-date-editor .el-range__icon,
#data-design .el-input__prefix, #data-design .el-input__suffix {color: #C0C4CC;}
#data-design .header-board .header-center .header-center-group .group-list.el-tabs .el-tabs__header .el-tabs__nav-next, 
#data-design .header-board .header-center .header-center-group .group-list.el-tabs .el-tabs__header .el-tabs__nav-prev {color: var(--tx-icon);}
#data-design .el-header .header-center .el-tabs__nav-next.is-disabled, 
#data-design .el-header .header-center .el-tabs__nav-prev.is-disabled {color: var(--tx-icon-disabled);}
/*头部 end*/

#data-design .left-board {background-color: var(--white);border: 1px solid var(--border);}
#data-design .left-board .left-scrollbar {background: var(--white); border-radius: 4px; padding: 12px 0;}
#data-design .left-board .components-title {color: var(--tx-default)}
#data-design .left-board .components-body {color: var(--tx-default);background-color: #f7f8fa;}
#data-design .left-board .components-body.unopen {background-color: #dfdfdf;}
#data-design .left-board .components-body:hover{border: 1px dashed var(--theme);background-color: var(--theme);color: var(--white);border-radius: 4px;}

/*右侧*/
#data-design .right-board {position: absolute; right: 12px; top: 72px; padding-top: 3px;border-radius: 4px;background-color: var(--white);width: 350px;border: 1px solid var(--border);}
#data-design .right-board .center-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__active-bar {background-color: var(--theme);height: 3px;}
#data-design .right-board .center-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item {color: var(--tx-default)}
#data-design .right-board .center-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active {color: var(--theme)}
#data-design .right-board .field-box .right-scrollbar[data-v-a017af42] .el-scrollbar__view{padding: 12px 22px 15px 18px;}
#data-design .right-board .el-form-item--mini.el-form-item, 
#data-design .right-board .el-form-item--small.el-form-item{margin-bottom: 15px;}
#data-design .right-board .component-type{color: var(--tx-default);}
/*右侧 end*/
/*中间*/
#data-design .center-board{background-color: var(--white);border-color: var(--border);}
#data-design .center-board-row{padding-right:16px;}
#data-design .center-board .drawing-item > .drawing-item-copy, 
#data-design .center-board .drawing-row-item > .drawing-item-copy {border-color: var(--theme);color: var(--theme);}
#data-design .center-board .drawing-item > .drawing-item-copy:hover,
#data-design .center-board .drawing-row-item > .drawing-item-copy:hover{background: var(--theme);color: var(--white);}
#data-design .center-board .drawing-item .drawing-item-delete, 
#data-design .center-board .drawing-row-item .drawing-item-delete {border-color: #d00707;color: #d00707;}
#data-design .center-board .drawing-item .drawing-item-delete:hover, 
#data-design .center-board .drawing-row-item .drawing-item-delete:hover {border-color: #d00707;color: var(--white);}
#data-design .center-board .drawing-item.unfocus-bordered:not(.active-form-item) > div:first-child {border: 1px dashed #ccc;}
#data-design .center-board .active-form-item > .el-form-item{border-color: rgba(24, 144, 255, 0.1);}
#data-design .center-board .active-form-item > .el-form-item:hover {background-color: rgba(24, 144, 255, 0.1);}
#data-design .center-board .drawing-item:hover > .el-form-item, 
#data-design .center-board .drawing-row-item:hover > .el-form-item {background-color: #f1f8ff;}
/*中间 end*/
#data-design .el-scrollbar__bar.is-vertical{width: 10px;background: rgba(0,0,0,0.03);border-radius:6px;}
#data-design .el-scrollbar__thumb,
#data-design .el-scrollbar__thumb:hover{background:#ccc;}
/* 弹窗 */	
#data-design .el-popover .el-button--info
#data-design .el-popover .el-button--info:hover{background-color: var(--bg-mainpanel);border-color: var(--border);color: var(--tx-default);}
#data-design .icon-box .icon .iconpark-icon, 
#data-design .icon-check .icon-check-show .icon .iconpark-icon,
#data-design .group-item-icon .iconpark-icon
{width: 16px;height: 16px;vertical-align: sub;}
/*数据定义 end*/


/* 列表页配置嵌入到数据定义后缺少这些样式 注意：引入bracket.css 和 structure.css会使页面错乱 */
#tide_alert_box{z-index: 9999;position: relative;}
#tide_alert{ position: fixed; z-index: 99999; width: 100%; left: 0; top: 80px; margin: 0; animation: tide-alert-fadein 0.1s ease 1; }
#tide_alert .tide_alert_content{ display: block; text-align: center; }
#tide_alert .tide_alert_content .alert-box{ display: inline-block; margin-bottom: 0; }
#tide_alert #alert-box .alert-text{ word-break: break-all; }
@keyframes tide-alert-fadein {from {top:70px }to {top: 80px; } }
.alert-danger {color: #b51f2e;background-color: #f7d1d5;border-color: #dc3545;}
.alert-success {color: #1c9806;background-color: #bcfcb1;border-color: #23bf08;}
.alert-danger-white {color: var(--tx-default);background-color: #fff;box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);}
.alert-danger-white .fa{color: #ff3033;}
.alert {border-width: 0;padding: 15px 20px;position: relative;border: 1px solid transparent;border-radius: 3px;font-size: .875rem;font-weight: 400;line-height: 1.5;}
.tx-16 {font-size: 16px;}
.mg-r-5 {margin-right: 5px;}
/* 列表页配置嵌入到数据定义后缺少这些样式 end*/