*,
ul,
li,
div,
span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.el-divider__text,
.el-link{
  font-size: 12px !important;
}
.mb-15{
  /* margin-bottom: 15px; */
  margin-bottom: 20px;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mlf-14{
  margin-left: 14px !important;
}
.mleft-15{
  margin-left: 10px !important;
}
.mleft-20{
  margin-left: 20px !important;
}
/*默认*/
.navbar{
  /* background-color: #304156 !important; */
  background-color: #020D1A !important;
}
.sidebar-logo-link .sidebar-title{
  color: #fff !important;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-title{
  color: #fff !important;
}
.app-global .hideSidebar .el-menu--collapse .el-submenu>.el-submenu__title {
  text-align: center;
}
.el-breadcrumb__inner{
  color: #fff !important;
}
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link{
  color: #fff !important;
}
.sidebar-logo-container{
  /* background-color: #304156  !important; */
  background-color: #191d24 !important;
}
.hamburger {
  fill: #fff !important;
}
.navbar .right-menu .right-menu-item svg{
  fill: #fff !important;
}
.navbar .right-menu span.mobile{
  color: #fff !important;
}
.navbar>.right-menu .item .bell {
  color: #fff;
  font-size: 20px;
}
.right-menu .close {
  color: #fff;
  font-size: 20px;
}
.right .department>div,
.self-define-form-statistics .department>div{
  background-color: #fff !important;
}
.app-global .el-button--primary{
  background: #00ccb8;
  border-color: #00ccb8;
}
.app-global .el-button.el-button--primary:focus,
.app-global .el-button.el-button--primary:hover,
.app-global .el-button.el-button--primary:active {
  background: #00ccb8;
  border-color: #00ccb8;
  opacity: 0.8;
}
.app-global .el-button--primary.is-active,
.app-global .el-button--primary:active{
  background: #00ccb8;
  border-color: #00ccb8;
}
.app-global .sidebar-container .el-menu-item,
.app-global .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
.app-global .sidebar-container .el-submenu .el-menu-item.is-active {
  /* background-color: #001528 !important; */
}
.app-global .sidebar-container .el-submenu .el-submenu-item,
.app-global .sidebar-container .nest-menu .el-submenu>.el-submenu__title:hover,
.app-global .sidebar-container .el-submenu .el-submenu-item:hover {
  background-color: rgb(38, 52, 69) !important;
}
.app-global .sidebar-container .el-menu-item,
.app-global .sidebar-container .el-submenu__title{
  height: 50px;
  line-height: 50px;
}
.app-global .sidebar-container .el-menu a,
.app-global .sidebar-container .nest-menu a{
  position: relative;
}
.app-global .sidebar-container .el-menu a.router-link-active::before,
.app-global .sidebar-container .nest-menu a.router-link-active::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: #00ccb8;
  display: block;
  width: 5px;
  height: 100%;
  z-index: 1;
}
.icon-close {
  top: 5px;
  right: 8px;
  display: block;
  width: 15px;
  height: 15px;
  /* color: #aaa; */
  color: #fff;
  font-size: 20px;
  z-index: 31;
}
.icon-close.disabled:hover {
  opacity: 1;
  cursor: default;
}
.icon-close:hover {
  opacity: 0.8;
  cursor: pointer;
}
/* .system-theme-white .tags-view-container { */
.tags-view-container {
  background: #fff !important;
  /* background: #304156 !important; */
  /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.005); */
}
/* .system-theme-white .tags-view-container .tags-view-wrapper { */
.tags-view-container .tags-view-wrapper {
  background-color: #fff !important;
  /* background-color: #304156 !important; */
  /* background-color: #f0f0f0 !important; */
}
/* .system-theme-white .tags-view-container .tags-view-wrapper .tags-view-item { */
.tags-view-container .tags-view-wrapper .tags-view-item {
  background-color: transparent !important;
  /* color: #fff !important; */
  /* color: #c0c0c0 !important; */
  color: #666 !important;
  border-color: #fff !important;
}
/* .system-theme-white .tags-view-container .tags-view-wrapper .tags-view-item.active { */
.tags-view-container .tags-view-wrapper .tags-view-item.active {
  /* background-color: transparent !important; */
  /* background-color: #4d6480 !important; */
  background-color: #f5f5f5 !important;
  /* color: #409EFF !important; */
  /* color: #fff !important; */
  color: #00ccb8 !important;
  border-color: #409EFF !important;
}
.app-global .el-submenu__title,
.app-global .sidebar-container .el-menu,
.app-global .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
.app-global .sidebar-container .el-submenu .el-menu-item,
.app-global .sidebar-container .el-menu-item {
  /* background-color: #02534c !important; */
  background-color: #272b34 !important;
}
.app-global .el-menu--popup .el-menu-item {
  background-color: #272b34 !important;
}
.app-global .el-menu--popup .el-menu-item.is-active {
  color: #00ccb8 !important;
}
.app-global .el-menu--popup .el-menu-item:hover,
.app-global .el-menu--popup .nest-menu .el-submenu .el-submenu__title:hover {
  background-color: #3c414c !important;/*021a38*/
}
.app-global .sidebar-container .el-submenu .el-menu-item:hover,
.app-global .sidebar-container .el-menu-item:hover {
  background-color: #3c414c !important;
}
/* .app-global.system-theme-blue .sidebar-container .nest-menu .el-submenu>.el-submenu__title, */
.app-global .sidebar-container .el-menu-item.is-active,
.app-global .sidebar-container .el-submenu .el-menu-item.is-active {
  color: #00ccb8 !important;
  font-weight: 600;
  background-color: #3c414c !important;
}
.app-global .sidebar-container .el-submenu .el-submenu-item,
.app-global .sidebar-container .nest-menu .el-submenu>.el-submenu__title:hover,
.app-global .sidebar-container .el-submenu .el-submenu-item:hover{
  background-color: #3c414c !important;
}
.app-global .pb-detail .pb-nav ul li:nth-child(2n + 1) {
    background-color: #00ccb8 !important;
}
.app-global .el-tree-node__content .custom-tree-node .el-button--text {
  color: #333 !important;
}
.app-global .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  color: #fff;
  /* background-color: #00ccb8; */
  background-color: rgba(0, 204, 184, 0.6);
}
.app-global .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .custom-tree-node,
.app-global .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .custom-tree-node .el-button--text {
  color: #fff !important;
}
.app-global .el-tree-node:focus>.el-tree-node__content {
  /* background-color: #00ccb8; */
  background-color: rgba(0, 204, 184, 0.6);
}
.app-global .el-tree-node__content:hover {
  color: #fff;
  /* background-color: #00ccb8; */
  background-color: rgba(0, 204, 184, 0.6);
}
.app-global .el-tree-node__content:hover .custom-tree-node .el-button--text{
  color: #fff !important;
}
.app-global .modal-dialog{
  padding: 0;
  background-color: #fff;
}
.app-global .modal-dialog.modal-default{
  background-color: #f5f5f5;
}
.system-theme-white .tags-view-container .tags-view-wrapper .tags-view-item.active::before {
  background: #409EFF !important;
}
/* .system-theme-white .contextmenu li:hover {
  background: #409EFF !important;
} */
.system-theme-white .tree-item-active {
  /* border: 1px solid rgba(64, 158, 255, 1); */
  color: #fff;
  background-color: rgba(64, 158, 255, .65);
}
.system-theme-white .self-define-form-statistics .icon-panel>div {
  background-color: #77a9d6 !important;
}
.system-theme-white .el-pagination.is-background .btn-next,
.system-theme-white .el-pagination.is-background .btn-prev,
.system-theme-white .el-pagination.is-background .el-pager li {
   background-color: transparent;
   color: #999;
   border: 1px solid #ccc;
}
.system-theme-white .el-pagination.is-background .el-pager li:not(.disabled).active {
  border-color: #409EFF;
}
.system-theme-white .left .filter-tree {
  background-color: #f0f0f0 !important;
}
.app-global .self-column .pop-section {
  /* background-color: #00ccb8 !important; */
}
.app-global .el-checkbox__input.is-checked+.el-checkbox__label {
  /* color: #069583; */
  color: #666;
}
.app-global .el-checkbox__input .el-checkbox__inner{
  border-color: #999;
}
.app-global .el-checkbox__input.is-focus .el-checkbox__inner{
  border-color: #00ccb8;
}
.app-global.system-theme-blue .el-checkbox__input .el-checkbox__inner,
.app-global.system-theme-green .el-checkbox__input .el-checkbox__inner{
  border-color: #fff;
}
.app-global .el-checkbox__input.is-checked .el-checkbox__inner,
.app-global .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  /* background-color: transparent; */
  background-color: #00ccb8;
}
.app-global .el-checkbox__input.is-checked .el-checkbox__inner,
.app-global .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #00ccb8 !important;
}
.app-global .el-checkbox__input .el-checkbox__inner::after{
  border-color: #666;
}
.app-global .el-checkbox__input.is-checked .el-checkbox__inner::after,
.app-global .el-checkbox__input.is-indeterminate .el-checkbox__inner::after{
  border-color: #fff;
}
.app-global.system-theme-blue .el-checkbox__input.is-checked .el-checkbox__inner,
.app-global.system-theme-blue .el-checkbox__input.is-indeterminate .el-checkbox__inner,
.app-global.system-theme-green .el-checkbox__input.is-checked .el-checkbox__inner,
.app-global.system-theme-green .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #fff !important;
}
.app-global.system-theme-blue .el-checkbox__input .el-checkbox__inner::after,
.app-global.system-theme-green .el-checkbox__input .el-checkbox__inner::after {
  border-color: #fff;
}
.app-global .el-checkbox__input.is-indeterminate .el-checkbox__inner::before{
  background-color: #fff;
}
.app-global.system-theme-blue .el-checkbox__input.is-indeterminate .el-checkbox__inner::before,
.app-global.system-theme-green .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  background-color: #fff;
}
.app-global.system-theme-blue .el-checkbox__input.is-indeterminate .el-checkbox__inner::before,
.app-global.system-theme-green .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  background-color: #fff;
}
.app-global .self-column .pop-section .el-checkbox__input.is-checked .el-checkbox__inner,
.app-global .self-column .pop-section .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #00ccb8 !important;
}
.app-global.system-theme-blue .self-column .pop-section .el-checkbox__input.is-checked .el-checkbox__inner,
.app-global.system-theme-blue .self-column .pop-section .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #409EFF !important;
}
/* .system-theme-white .self-column .pop-section>div::before {
  border-bottom-color: #ccc !important;
} */
.app-global .self-column .pop-section .el-checkbox{
  /* color: #fff; */
  color: #666;
}
.app-global .el-checkbox__input.is-checked+.el-checkbox__label {
  color: #00ccb8;
}
.app-global .self-column .pop-section .el-checkbox__inner::after{
  border-color: #00ccb8;
}
.app-global.system-theme-blue .self-column .pop-section .el-checkbox__inner::after{
  border-color: #409EFF;
}
.app-global.system-theme-green .self-column .pop-section .el-checkbox__inner::after{
  border-color: #069583;
}
.table-pagination-page .pageSizeText{
  font-size: 13px;
}
.app-global .el-table,
.app-global .el-table__expanded-cell {
  color: #333;
}
.app-global .el-table td,
.app-global .el-table th.is-leaf {
  border-bottom: none;
}
.app-global .el-date-editor .el-range__icon{
  line-height: 20px;
}
/*科技蓝*/
.system-theme-blue{
  background-color: #042045;
}
.system-theme-blue .navbar{
  background-color: #000826 !important; /*021a38*/
}
.system-theme-blue .sidebar-logo-container .sidebar-logo-link .sidebar-title{
  color: #fff !important;
}
.system-theme-blue .el-breadcrumb__inner{
  color: #fff !important;
}
.system-theme-blue .el-breadcrumb__inner a,
.system-theme-blue .el-breadcrumb__inner.is-link{
  color: #fff;
}
.system-theme-blue .sidebar-logo-container{
  background-color: #000826 !important;  /*021a38*/
}
.system-theme-blue .hamburger {
  fill: #fff !important;
}
.system-theme-blue .navbar .right-menu .right-menu-item svg{
  fill: #fff !important;
}
.system-theme-blue .navbar > .right-menu .item .bell{
  color: #fff;
  font-size: 20px;
}
.system-theme-blue .right-menu .close {
  color: #fff;
  font-size: 20px;
}
.system-theme-blue .navbar .right-menu span.mobile{
  color: #fff;
}
.app-global.system-theme-blue .self-column .pop-section {
  background-color: #2F6AA0 !important;
}
.app-global.system-theme-blue .self-column .pop-section .el-checkbox,
.app-global.system-theme-green .self-column .pop-section .el-checkbox {
  color: #fff;
}
.app-global.system-theme-blue .el-checkbox__input.is-checked+.el-checkbox__label {
  color: #409eff;
}
.app-global.system-theme-blue .sidebar-container {
  background-color: #000826 !important; /*021a38*/
}
.app-global.system-theme-blue .sidebar-container .el-menu a.router-link-active::before,
.app-global.system-theme-blue .sidebar-container .nest-menu a.router-link-active::before {
  background-color: #409EFF;
}
.app-global.system-theme-blue .el-submenu__title,
.app-global.system-theme-blue .sidebar-container .el-menu,
.app-global.system-theme-blue .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
.app-global.system-theme-blue .sidebar-container .el-submenu .el-menu-item,
.app-global.system-theme-blue .sidebar-container .el-menu-item {
  background-color: #000826 !important; /*021a38*/
}
.app-global.system-theme-blue .el-menu--popup .el-menu-item {
  background-color: #000826 !important; /*021a38*/
}
.app-global.system-theme-blue .el-menu--popup .el-menu-item.is-active {
  color: #fff !important;
}
.app-global.system-theme-blue .el-menu--popup .el-menu-item:hover,
.app-global.system-theme-blue .el-menu--popup .nest-menu .el-submenu .el-submenu__title:hover {
  background-color: #065EAF !important; /*021a38*/
}
/* .app-global.system-theme-blue .sidebar-container .nest-menu .el-submenu>.el-submenu__title, */
.app-global.system-theme-blue .sidebar-container .el-menu-item{
  background-color: #000826 !important;
}
.app-global.system-theme-blue .sidebar-container .el-menu-item.is-active,
.app-global.system-theme-blue .sidebar-container .el-submenu .el-menu-item.is-active {
  color: #fff !important;
  background-color: #065EAF !important; /*1e3758*/
}
.app-global.system-theme-blue .sidebar-container .el-submenu .el-menu-item:hover,
.app-global.system-theme-blue .sidebar-container .el-menu-item:hover {
  background-color: #065EAF !important; /*021a38*/
}
.app-global.system-theme-blue .sidebar-container .el-submenu .el-submenu-item,
.app-global.system-theme-blue .sidebar-container .nest-menu .el-submenu>.el-submenu__title:hover,
.app-global.system-theme-blue .sidebar-container .el-submenu .el-submenu-item:hover {
  background-color: #065EAF !important;
}
.system-theme-blue .app-main{
  background-color: #0A1026 ;
}
.system-theme-blue .app-main > div,
.system-theme-blue .app-main .board {
  background-color: #141E3F !important;
}
.system-theme-blue .el-button{
  background: transparent;
  background-color: transparent;
}
.system-theme-blue .el-button:focus,
.system-theme-blue .el-button:active{
  background: transparent !important;
  background-color: transparent !important;
}
.system-theme-blue .el-button.is-plain{
  color: #fff;
  background-color: transparent;
}
.system-theme-blue .el-picker-panel__footer .el-button.is-plain{
  color: #606266;
}
/* .system-theme-blue .el-picker-panel{
  background: red;
} */
.system-theme-blue .el-button.is-plain:active,
.system-theme-blue .el-button.is-plain:link,
.system-theme-blue .el-button.is-plain:visited,
.system-theme-blue .el-button.is-plain:hover{
  background-color: transparent;
}
.system-theme-blue .el-button.el-button--primary{
  color: #fff;
  border-color: #065eaf;
  background-color: #065eaf;
}
.system-theme-blue .el-button.el-button--primary:focus,
.system-theme-blue .el-button.el-button--primary:active,
.system-theme-blue .el-button.el-button--primary:link,
.system-theme-blue .el-button.el-button--primary:visited,
.system-theme-blue .el-button.el-button--primary:hover{
  background-color: #065eaf;
  background: #065eaf !important;
  background-color: #065eaf !important;
  border-color: #065eaf;
  opacity: 0.8;
}
.app-global.system-theme-blue .el-table,
.app-global.system-theme-blue .el-table__expanded-cell {
  color: #f0f0f0;
  background-color: transparent;
}
.system-theme-blue .el-table th{
  color: #fff;
  background-color: #132C61; /*254774*/
}
.system-theme-blue .el-table th,
.system-theme-blue .el-table tr{
  background-color: transparent;
}
.system-theme-blue .el-table td,
.system-theme-blue .el-table th.is-leaf {
  border: none;
}
.system-theme-blue .el-table tr:nth-child(2n + 1){
  background-color: transparent;
}
.system-theme-blue .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: #152850; /*234168*/
}
.system-theme-blue .el-table tr:nth-child(2n){
  background-color: #152850; /*234168*/
}
.system-theme-blue .el-table--enable-row-hover .el-table__body tr:hover>td{
  background-color: #3c5f8e;
}
.system-theme-blue .el-form-item__label{
  color: #fff;
}
.system-theme-blue .el-input__inner,
.system-theme-blue .el-textarea__inner {
  color: #fff;
  /* border: 0.5px solid #e0e0e0; */
  border: 0.5px solid #aaa;
  background-color: transparent;
}
.system-theme-blue .el-date-editor .el-range-input{
   color: #fff;
   border: 0px solid #e0e0e0;
   background-color: transparent;
}
.system-theme-blue .el-date-editor .el-range-separator{
   color: #fff;
   line-height: 20px;
}

.system-theme-blue .el-input.is-disabled .el-input__inner,
.system-theme-blue .el-textarea.is-disabled .el-textarea__inner {
  /* background-color: #1D395D; */
  background-color: #203B5D;
  /* border-color: #e0e0e0; */
  border-color: #aaa;
  color: #fff;
}
.app-global.system-theme-blue .el-tree {
  color: #fff;
  background-color: transparent;
}
.app-global.system-theme-blue .el-tree-node__content .custom-tree-node .el-button--text {
  color: #fff !important;
}
.app-global.system-theme-blue .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: #065EAF; /*3c5f8e*/
}
.app-global.system-theme-blue .el-tree-node:focus>.el-tree-node__content {
  background-color: #065EAF; /*3c5f8e*/
}
.app-global.system-theme-blue .el-tree-node__expand-icon {
  color: #fff;
}
.app-global.system-theme-blue .el-tree-node__content:hover {
  background-color: #065EAF; /*3c5f8e*/
}
.app-global.system-theme-white .el-tree-node__expand-icon {
  color: #C0C4CC;
}
.app-global.system-theme-blue .left .filter-tree {
  /* border: 1px solid #808080 !important; */
}
.system-theme-blue .el-link.el-link--default{
  color: #fff;
}
.system-theme-blue .el-loading-mask{
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.app-global.system-theme-blue .modal-dialog,
.app-global.system-theme-blue .modal-dialog.modal-default{
  padding: 0;
  background-color: #234168; /*042045*/
}
.system-theme-blue .modal-dialog .part .title{
  color: #fff;
  background-color: #065EAF;
}
.system-theme-blue .dialog-wrap.dialog-main-common .nav-tab-block .part-block .section-info .si-mark {
  background-color: #234168;
}
.system-theme-blue .dialog-wrap.dialog-main-common .nav-tab-block .part-block .section-info .order-info .order-line .order-item,
.system-theme-green .dialog-wrap.dialog-main-common .nav-tab-block .part-block .section-info .order-info .order-line .order-item,
.system-theme-blue .dialog-wrap.dialog-main-common .pile-info .pile-detail .device-data .total-info div span,
.system-theme-green .dialog-wrap.dialog-main-common .pile-info .pile-detail .device-data .total-info div span,
.system-theme-blue .dialog-wrap.dialog-main-common .device-info li div,
.system-theme-green .dialog-wrap.dialog-main-common .device-info li div,
.system-theme-blue .dialog-wrap.dialog-main-common .device-info>div>div>div,
.system-theme-green .dialog-wrap.dialog-main-common .device-info>div>div>div,
.system-theme-blue .dialog-wrap.dialog-main-common .pile-info .pi-mark span,
.system-theme-green .dialog-wrap.dialog-main-common .pile-info .pi-mark span,
.system-theme-blue .show-device-icon,
.system-theme-green .show-device-icon {
  color: #fff;
}
.system-theme-blue .dialog-wrap.dialog-main-common .nav-tab-block .part-block .section-info .order-info .order-line .order-item span,
.system-theme-green .dialog-wrap.dialog-main-common .nav-tab-block .part-block .section-info .order-info .order-line .order-item span,
.system-theme-blue .dialog-wrap.dialog-main-common .pile-info .pile-detail .device-data .total-info,
.system-theme-green .dialog-wrap.dialog-main-common .pile-info .pile-detail .device-data .total-info,
.system-theme-blue .dialog-wrap.dialog-main-common .device-info li span,
.system-theme-green .dialog-wrap.dialog-main-common .device-info li span,
.system-theme-blue .dialog-wrap.dialog-main-common .device-info>div>div>span,
.system-theme-green .dialog-wrap.dialog-main-common .device-info>div>div>span {
  color: #ddd;
}
.system-theme-blue .self-define-form-statistics .modal-dialog .part-content{
  border-radius: 0 !important;
}
.system-theme-blue .self-define-form-statistics .el-input.is-disabled .el-input__inner{
  /* background-color: #f0f0f0; */
}
.system-theme-blue .self-define .el-input.is-disabled .el-input__inner{
  color: #fff;
  /* background-color: #1D395D; */
  background-color: #203B5D;
}
.system-theme-blue .bg-fff{
  background-color: #234168 !important; /*143056*/
}
.system-theme-blue .dialog-flex .relative-wrap{
  background-color: #234168; /*143056*/
  border-radius: 0;
}
.system-theme-blue .el-textarea__inner/* ,
.system-theme-blue .el-textarea.is-disabled .el-textarea__inner */ {
  color: #fff;
  background-color: transparent;
}
.system-theme-blue .el-textarea .el-input__count{
  background-color: transparent;
}
.system-theme-blue .el-select-dropdown {
  /* background-color: #042045; */
  background-color: #255b9e;
  border: 1px solid #4f82c2;
}
.system-theme-blue .el-select-dropdown.el-popper .popper__arrow{
  border-bottom-color: #4f82c2;
}
.system-theme-blue .el-select-dropdown.el-popper .popper__arrow::after{
  border-bottom-color: #255b9e;
}
.system-theme-blue .el-select-dropdown__empty {
  color: #f0f0f0;
}
.system-theme-blue .el-select-dropdown .el-select-dropdown__item,
.system-theme-blue .el-select-dropdown .el-select-dropdown__item.selected,
.system-theme-blue .el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
  color: #fff;
}
.system-theme-blue .el-select-dropdown .el-select-dropdown__item.hover,
.system-theme-blue .el-select-dropdown.is-multiple .el-select-dropdown__item.selected,
.system-theme-blue .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #2d7dc7;
}
.system-theme-blue .self-define-form-statistics .el-input.is-disabled.disabled-class .el-input__inner{
  background-color: #1D395D; /*#bbb*/
}
.system-theme-blue .dialog-wrap.dialog-main-common .relative-wrap .pst-layer{
  background-color: transparent;
}
.system-theme-blue .dialog-wrap.dialog-main-common .relative-wrap .pst-layer.pst-layer-over {
  background-color: #34537b;
}
.system-theme-blue .dialog-flex .relative-wrap{
  margin-bottom: 0;
}
.system-theme-blue .dialog-bottom{
  /* padding: 15px 0; */
  padding: 10px 0 30px 0;
  background-color: #234168;
}
.system-theme-blue .el-checkbox__inner{
  background-color: transparent;
}
.system-theme-blue .el-checkbox__input.is-checked .el-checkbox__inner,
.system-theme-blue .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: transparent;
}
.system-theme-blue .el-checkbox__input.is-disabled .el-checkbox__inner{
  background-color: transparent;
}
.system-theme-blue .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
  background-color: transparent;
}
.system-theme-blue .el-radio{
  color: #fff;
}
.system-theme-blue .el-checkbox{
  color: #fff;
  margin-top: 3px;
}
.system-theme-blue .el-checkbox .el-checkbox__label{
  font-size: 12px;
}
.system-theme-blue .self-checkbox .el-checkbox{
  padding: 0 5px;
  margin-right: 0;
}
.system-theme-blue .self-checkbox .el-checkbox__input.is-checked+.el-checkbox__label{
  font-weight: 600;
}
.system-theme-blue .table-pagination-default,
.system-theme-blue .table-pagination-page .page-size{
  color: #fff;
}
.system-theme-blue .right .department>div,
.system-theme-blue .self-define-form-statistics .department>div {
  background-color: #1D395D !important;
}
.system-theme-blue .el-table-component .el-loading-spinner i,
.system-theme-blue .el-table-component .el-loading-spinner .el-loading-text,
.system-theme-blue .el-loading-extend .el-loading-spinner i,
.system-theme-blue .el-loading-extend .el-table-component .el-loading-spinner i,
.system-theme-blue .el-loading-extend .el-loading-spinner .el-loading-text,
.system-theme-blue .el-loading-extend .el-table-component .el-loading-spinner .el-loading-text {
  color: #00a8ff !important;
}
.system-theme-blue .tags-view-container {
  background: #000826 !important;
  border: none;
}
.system-theme-blue .tags-view-container .tags-view-wrapper {
  /* background-color: #000826 !important; */
  background-color: #1c2c62 !important;
}
.system-theme-blue .tags-view-container .tags-view-wrapper .tags-view-item {
  background-color: transparent !important;
  /* color: #fff !important; */
  color: #c0c0c0 !important;
  border-color: #fff !important;
}
.system-theme-blue .tags-view-container .tags-view-wrapper .tags-view-item.active {
  /* background-color: transparent !important; */
  background-color: #183678 !important;
  /* color: #065eaf !important; */
  color: #fff !important;
  border-color: #065eaf !important;
}
.system-theme-blue .tags-view-container .tags-view-wrapper .tags-view-item.active::before {
  background: #065eaf !important;
}
.app-global.system-theme-blue .contextmenu {
  color: #fff !important;
  background: #1D395D !important;
}
.system-theme-blue .contextmenu li:hover {
  background: #065eaf !important;
}
.system-theme-blue .tree-item-active {
  /* border: 1px solid rgba(6, 94, 175, 1); */
  background-color: rgba(6, 94, 175, .65);
}
.system-theme-blue .self-define-form-statistics .icon-panel>div{
  background-color: #1D395D !important;
}
.system-theme-blue .el-pagination.is-background .el-pager li:not(.disabled).active {
  border-color: #409EFF;
}

/*国网绿*/
.system-theme-green{
  background-color: #02534c;
}
.system-theme-green .navbar {
  /* background-color: #00796A !important; */
  background-color: #02534c !important;
}
.system-theme-green .sidebar-logo-container .sidebar-logo-link .sidebar-title {
  color: #fff !important;
}
.system-theme-green .el-breadcrumb__inner {
  color: #fff !important;
}
.system-theme-green .el-breadcrumb__inner a,
.system-theme-green .el-breadcrumb__inner.is-link {
  color: #fff;
}
.system-theme-green .sidebar-logo-container {
  background-color: #02534c !important;  /*00796A*/
}
.system-theme-green .hamburger {
  fill: #fff !important;
}
.system-theme-green .navbar .right-menu .right-menu-item svg {
  fill: #fff !important;
}
.system-theme-green .navbar>.right-menu .item .bell {
  color: #fff;
  font-size: 20px;
}
.system-theme-green .right-menu .close {
  color: #fff;
  font-size: 20px;
}
.system-theme-green .navbar .right-menu span.mobile {
  color: #fff;
}
.app-global.system-theme-green .sidebar-container {
  background-color: #02534c !important; /*00796A*/
}
.app-global.system-theme-green .el-submenu__title,
.app-global.system-theme-green .sidebar-container .el-menu,
.app-global.system-theme-green .sidebar-container .nest-menu .el-submenu>.el-submenu__title,
.app-global.system-theme-green .sidebar-container .el-submenu .el-menu-item,
.app-global.system-theme-green .sidebar-container .el-menu-item {
  background-color: #02534c !important; /*00796A*/
}
.app-global.system-theme-green .el-menu--popup .el-menu-item {
  background-color: #02534c !important; /*021a38*/
}
.app-global.system-theme-green .el-menu--popup .el-menu-item.is-active{
  color: #fff !important;
}
.app-global.system-theme-green .el-menu--popup .el-menu-item:hover,
.app-global.system-theme-green .el-menu--popup .nest-menu .el-submenu .el-submenu__title:hover {
  background-color: #12a290 !important;/*021a38*/
}
.app-global.system-theme-green .sidebar-container .el-submenu .el-menu-item:hover,
.app-global.system-theme-green .sidebar-container .el-menu-item:hover {
  background-color: #12a290 !important; /*021a38*/
}
/* .app-global.system-theme-blue .sidebar-container .nest-menu .el-submenu>.el-submenu__title, */
.app-global.system-theme-green .sidebar-container .el-menu-item.is-active,
.app-global.system-theme-green .sidebar-container .el-submenu .el-menu-item.is-active {
  color: #fff !important;
  background-color: #12a290 !important; /*1e3758*/
}
.app-global.system-theme-green .sidebar-container .el-menu a.router-link-active::before,
.app-global.system-theme-green .sidebar-container .nest-menu a.router-link-active::before {
  background-color: #0fcab3;
}
.app-global.system-theme-green .sidebar-container .el-submenu .el-submenu-item,
.app-global.system-theme-green .sidebar-container .nest-menu .el-submenu>.el-submenu__title:hover,
.app-global.system-theme-green .sidebar-container .el-submenu .el-submenu-item:hover{
  background-color: #12a290 !important;
}
.system-theme-green .app-main {
  background-color: #024842 !important; /*02534c*/
}
.system-theme-green .app-main > div,
.system-theme-green .app-main .board {
  background-color: #00796a !important; /*143056*/
}
.system-theme-green .el-button {
  background: transparent;
  background-color: transparent;
}
.system-theme-green .el-button:focus,
.system-theme-green .el-button:active {
  background: transparent !important;
  background-color: transparent !important;
}
.system-theme-green .el-button.is-plain {
  color: #fff;
  background-color: transparent;
}
.system-theme-green .el-picker-panel__footer .el-button.is-plain {
  color: #606266;
}
.system-theme-green .el-button.is-plain:active,
.system-theme-green .el-button.is-plain:link,
.system-theme-green .el-button.is-plain:visited,
.system-theme-green .el-button.is-plain:hover {
  background-color: transparent;
}
.system-theme-green .el-button.el-button--primary {
  color: #fff;
  border-color: #0BE5CA;
  background-color: #0BE5CA;
}
.system-theme-green .el-button.el-button--primary:focus,
.system-theme-green .el-button.el-button--primary:active,
.system-theme-green .el-button.el-button--primary:link,
.system-theme-green .el-button.el-button--primary:visited,
.system-theme-green .el-button.el-button--primary:hover {
  background-color: #0BE5CA;
  background: #0BE5CA !important;
  background-color: #0BE5CA !important;
  opacity: 0.8;
}
.app-global.system-theme-green .el-table,
.app-global.system-theme-green .el-table__expanded-cell {
  color: #f0f0f0;
  background-color: transparent;
}
.system-theme-green .el-table th {
  color: #fff;
  background-color: #078b7b !important; /*254774*/
}
.system-theme-green .el-table th,
.system-theme-green .el-table tr {
  background-color: transparent;
}
.system-theme-green .el-table td,
.system-theme-green .el-table th.is-leaf {
  border: none;
}
.system-theme-green .el-table tr:nth-child(2n + 1) {
  background-color: transparent;
}
.system-theme-green .el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: #058575; /*234168*/
}
.system-theme-green .el-table tr:nth-child(2n) {
  background-color: #058575; /*234168*/
}
.system-theme-green .el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #046e61;
}
.system-theme-green .el-form-item__label {
  color: #fff;
}
.system-theme-green .el-input__inner,
.system-theme-green .el-textarea__inner {
  color: #fff;
  /* border: 0.5px solid #e0e0e0; */
  border: 0.5px solid #aaa;
  background-color: transparent;
}
.system-theme-green .el-input.is-disabled .el-input__inner,
.system-theme-green .el-textarea.is-disabled .el-textarea__inner {
  background-color: #02695C;
  /* border-color: #e0e0e0; */
  border-color: #aaa;
  color: #fff;
}
.app-global.system-theme-green .el-tree {
  color: #fff;
  background-color: transparent;
}
.app-global.system-theme-green .el-tree-node__content .custom-tree-node .el-button--text {
  color: #fff !important;
}
.app-global.system-theme-green .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: #12a290; /*3c5f8e*/
}
.app-global.system-theme-green .el-tree-node:focus>.el-tree-node__content {
  background-color: #12a290; /*3c5f8e*/
}
.app-global.system-theme-green .el-tree-node__expand-icon {
  color: #fff;
}
.app-global.system-theme-green .el-tree-node__content:hover {
  background-color: #12a290; /*3c5f8e*/
}
.app-global.system-theme-green .left .filter-tree {
  /* border: 1px solid #808080 !important; */
  background-color: #058b7b !important;
}
.system-theme-green .el-link.el-link--default{
  color: #fff;
}
.system-theme-green .el-loading-mask {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.app-global.system-theme-green .modal-dialog,
.app-global.system-theme-green .modal-dialog.modal-default {
  padding: 0;
  background-color: #00796a; /*042045*/
}
.system-theme-green .modal-dialog .part .title {
  color: #fff;
  background-color: #0BE5CA;
}
.system-theme-green .self-define-form-statistics .modal-dialog .part-content {
  border-radius: 0 !important;
}
.system-theme-green .self-define-form-statistics .el-input.is-disabled .el-input__inner {
  background-color: #f0f0f0;
}
.system-theme-green .self-define .el-input.is-disabled .el-input__inner {
  color: #fff;
  background-color: #02695C;
}
.system-theme-green .bg-fff {
  background-color: #00796a !important; /*143056*/
}
.system-theme-green .dialog-flex .relative-wrap {
  background-color: #00796a; /*143056*/
  border-radius: 0;
}
.system-theme-green .el-date-editor .el-range-input{
  color: #fff;
  border: 0px solid #e0e0e0;
  background-color: transparent;
}
.system-theme-green .el-date-editor .el-range-separator{
  color: #fff;
  line-height: 20px;
}
.system-theme-green .el-textarea__inner/* ,
.system-theme-green .el-textarea.is-disabled .el-textarea__inner */ {
  color: #fff;
  background-color: transparent;
}
.system-theme-green .el-textarea .el-input__count {
  background-color: transparent;
}
.system-theme-green .el-select-dropdown {
  /* background-color: #02534c; */
  background-color: #15aa98;
  border: 1px solid #4bc2b4;
}
.system-theme-green .el-select-dropdown.el-popper .popper__arrow {
  border-bottom-color: #4bc2b4;
}
.system-theme-green .el-select-dropdown.el-popper .popper__arrow::after {
  border-bottom-color: #15aa98;
}
.system-theme-green .el-select-dropdown__empty {
  color: #f0f0f0;
}
.system-theme-green .el-select-dropdown .el-select-dropdown__item,
.system-theme-green .el-select-dropdown .el-select-dropdown__item.selected,
.system-theme-green .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #fff;
}
.system-theme-green .el-select-dropdown .el-select-dropdown__item.hover,
.system-theme-green .el-select-dropdown.is-multiple .el-select-dropdown__item.selected,
.system-theme-green .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #028c7b;
}
.system-theme-green .self-define-form-statistics .el-input.is-disabled.disabled-class .el-input__inner {
  background-color: #02695C; /*#bbb*/
}
.system-theme-green .dialog-wrap.dialog-main-common .relative-wrap .pst-layer {
  background-color: transparent;
}
.system-theme-green .dialog-flex .relative-wrap{
  margin-bottom: 0;
}
.system-theme-green .dialog-bottom {
  /* padding: 15px 0; */
  padding: 10px 0 30px 0;
  background-color: #00796a;
}
.system-theme-green .el-checkbox__inner {
  background-color: transparent;
}
.system-theme-green .el-checkbox__input.is-checked .el-checkbox__inner,
.system-theme-green .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: transparent;
}
.system-theme-green .el-checkbox__input.is-disabled .el-checkbox__inner{
  background-color: transparent;
}
.system-theme-green .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: transparent;
}
.system-theme-green .el-radio {
  color: #fff;
}
.system-theme-green .el-checkbox {
  color: #fff;
  margin-top: 3px;
}
.system-theme-green .el-checkbox .el-checkbox__label {
  font-size: 12px;
}
.system-theme-green .self-checkbox .el-checkbox {
  padding: 0 5px;
  margin-right: 0;
}
.system-theme-green .self-checkbox .el-checkbox__input.is-checked+.el-checkbox__label {
  font-weight: 600;
}
.system-theme-green .table-pagination-default,
.system-theme-green .table-pagination-page .page-size {
  color: #fff;
}
.system-theme-green .self-column .pop-section{
  background-color: #24E5CD !important;
}
.system-theme-green .el-checkbox__input.is-checked+.el-checkbox__label{
  color: #069583;
}
.system-theme-green .el-checkbox__input.is-checked .el-checkbox__inner,
.system-theme-green .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  border-color: #069583 !important;
}
.system-theme-green .self-column .pop-section>div::before{
  border-bottom-color: #24E5CD !important;
}
.system-theme-green .el-link.el-link--default:hover{
  color: #24E5CD;
}
.system-theme-blue .el-link.el-link--default.is-disabled:hover,
.system-theme-green .el-link.el-link--default.is-disabled:hover{
  color: #C0C4CC;
}
.system-theme-green .icon-close,
.system-theme-blue .icon-close {
  color: #fff;
}
.system-theme-green .right .department>div,
.system-theme-green .self-define-form-statistics .department>div {
  background-color: #02695C !important;
}
.system-theme-green .el-table-component .el-loading-spinner i,
.system-theme-green .el-table-component .el-loading-spinner .el-loading-text,
.system-theme-green .el-loading-extend .el-loading-spinner i,
.system-theme-green .el-loading-extend .el-table-component .el-loading-spinner i,
.system-theme-green .el-loading-extend .el-loading-spinner .el-loading-text,
.system-theme-green .el-loading-extend .el-table-component .el-loading-spinner .el-loading-text {
  color: #0BE5CA !important;
}
.system-theme-green .tags-view-container {
  background: #00796a !important;
  border: none;
}
.system-theme-green .tags-view-container .tags-view-wrapper{
  /* background-color: #00796a !important; */
  background-color: #058b7b !important;
}
.system-theme-green .tags-view-container .tags-view-wrapper .tags-view-item{
  background-color: transparent !important;
  /* color: #fff !important; */
  color: #c0c0c0 !important;
  border-color: #fff !important;
}
.system-theme-green .tags-view-container .tags-view-wrapper .tags-view-item.active {
  /* background-color: transparent !important; */
  background-color: #05695d !important;
  /* color: #0BE5CA !important; */
  color: #fff !important;
  border-color: #0BE5CA !important;
}
.system-theme-green .tags-view-container .tags-view-wrapper .tags-view-item.active::before {
  background: #0BE5CA !important;
}
.app-global.system-theme-green .contextmenu {
  color: #fff !important;
  background: #02695C !important;
}
.system-theme-green .contextmenu li:hover{
  background: #0BE5CA !important;
}
.system-theme-green .self-define-form-statistics .icon-panel>div {
  background-color: #02695C !important;
}
.system-theme-green .tree-item-active{
  /* border: 1px solid rgba(11, 229, 202, 1); */
  background-color: rgba(11, 229, 202, .65);
}
.system-theme-blue .scroll-container .el-scrollbar__bar.is-horizontal,
.system-theme-green .scroll-container .el-scrollbar__bar.is-horizontal{
  height: 5px !important;
}
.system-theme-blue .hasTagsView .el-scrollbar__thumb,
.system-theme-green .hasTagsView .el-scrollbar__thumb {
  cursor: pointer;
  background-color: #fff !important;
  width: 20px !important;
}
.system-theme-blue .el-upload__tip,
.system-theme-green .el-upload__tip{
  color: #fff;
}
.system-theme-blue .org-tree-container,
.system-theme-green .org-tree-container {
  color: #fff;
  font-size: 13px;
  background-color: transparent;
}
.system-theme-white .org-tree-container{
  font-size: 13px;
  background-color: transparent;
}
.system-theme-blue .org-tree-node-label .org-tree-node-label-inner,
.system-theme-green .org-tree-node-label .org-tree-node-label-inner{
  box-shadow: 0 1px 5px rgba(255, 255, 255, .25);
}
.system-theme-blue .org-tree-node:not(:first-child):before,
.system-theme-blue .org-tree-node:not(:last-child):after,
.system-theme-green .org-tree-node:not(:first-child):before,
.system-theme-green .org-tree-node:not(:last-child):after {
  border-top: 1px solid rgba(255, 255, 255, .35);
  /* border-top: 1px solid #ddd; */
}
.system-theme-blue .horizontal .org-tree-node:not(:last-child):before,
.system-theme-blue .horizontal .org-tree-node:not(:first-child):before,
.system-theme-green .horizontal .org-tree-node:not(:last-child):before,
.system-theme-green .horizontal .org-tree-node:not(:first-child):before {
  border-top: 1px solid rgba(255, 255, 255, 0);
}
.system-theme-blue .org-tree-node-children:before,
.system-theme-green .org-tree-node-children:before,
.system-theme-blue .org-tree-node:after,
.system-theme-green .org-tree-node:after {
  border-left: 1px solid rgba(255, 255, 255, .35);
  /* border-left: 1px solid #ddd; */
}
.system-theme-blue .horizontal .org-tree-node-children:after,
.system-theme-green .horizontal .org-tree-node-children:after,
.system-theme-blue .horizontal .org-tree-node-children .org-tree-node:last-child:after,
.system-theme-green .horizontal .org-tree-node-children .org-tree-node:last-child:after {
  border-left: 1px solid rgba(255, 255, 255, 0);
}
.system-theme-blue .org-tree>.org-tree-node:after,
.system-theme-green .org-tree>.org-tree-node:after{
  border-left: 0;
}
.app-global .el-pagination.is-background .btn-next.disabled,
.app-global .el-pagination.is-background .btn-next:disabled,
.app-global .el-pagination.is-background .btn-prev.disabled,
.app-global .el-pagination.is-background .btn-prev:disabled,
.app-global .el-pagination.is-background .el-pager li.disabled {
  color: #fff;
  background-color: #ccc;
}
.app-global.system-theme-blue .el-pagination.is-background .btn-next,
.app-global.system-theme-blue .el-pagination.is-background .btn-prev,
.app-global.system-theme-blue .el-pagination.is-background .el-pager li,
.app-global.system-theme-green .el-pagination.is-background .btn-next,
.app-global.system-theme-green .el-pagination.is-background .btn-prev,
.app-global.system-theme-green .el-pagination.is-background .el-pager li {
  background-color: transparent;
  color: #e0e0e0;
  border: 1px solid #ccc;
}
.app-global .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #00ccb8;
  border: 1px solid #00ccb8;
}
.app-global.system-theme-blue .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #409EFF;
  border: 1px solid #409EFF;
}
.app-global.system-theme-green .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #0BE5CA;
  border: 1px solid #0BE5CA;
}
.system-theme-blue .search-wrapper .search-line,
.system-theme-green .search-wrapper .search-line{
  background-color: transparent !important;
}
.pop-blue {
  /* background-color: #1D395D !important;
  border: 1px solid #1D395D !important; */
  background-color: #255b9e !important;
  border: 1px solid #255b9e !important;
}
.pop-blue .popper__arrow,
.pop-blue.el-popper .popper__arrow::after {
  /* border-bottom-color: #1D395D !important; */
  border-bottom-color: #255b9e !important;
}
.pop-green {
  background-color: #02695C !important;
  border: 1px solid #02695C !important;
}
.pop-green .popper__arrow,
.pop-green.el-popper .popper__arrow::after {
  border-bottom-color: #02695C !important;
}
.pop-white {
  background-color: rgba(9, 12, 16, 1) !important;
  border: 1px solid rgba(9, 12, 16, 1) !important;
}
.pop-white .popper__arrow,
.pop-white.el-popper .popper__arrow::after {
  border-bottom-color: rgba(9, 12, 16, 1) !important;
}
.pop-white .collection-panel .cp-item,
.pop-white .collection-panel .no-data {
  /* color: #666 !important; */
}
.pop-white .collection-panel .cp-item .cp-icon{
  /* background-color: rgba(153, 153, 153, 0.7); */
}
.pop-blue.el-popover,
.pop-green.el-popover,
.pop-white.el-popover{
  padding: 12px 0;
}
.system-theme-white .el-button.el-button--default:active,
.system-theme-blue .el-button.el-button--default:active {
  color: #065eaf;
}
.system-theme-green .el-button.el-button--default:active {
  color: #0BE5CA;
}
.system-theme-blue .info-title,
.system-theme-green .info-title{
  color: #fff;
}
.system-theme-blue .info-title.it-top,
.system-theme-green .info-title.it-top{
  border-top: 2px solid #f0f0f0;
}
.system-theme-white .info-title{
  color: #000;
  border-top: 2px solid #333;
}
.system-theme-green .opt-relative .text:hover {
  color: #24E5CD;
}
.system-theme-white .opt-relative .el-link.el-link--default{
  
}
.system-theme-green .opt-relative .el-link.el-link--default:hover {
  color: #069583;
}
.system-theme-green .opt-relative .el-link.el-link--default.is-disabled,
.system-theme-green .opt-relative .el-link.el-link--default.is-disabled:hover{
  color: #e0e0e0;
}
.system-theme-white .opt-relative .el-link.el-link--default.is-disabled,
.system-theme-white .opt-relative .el-link.el-link--default.is-disabled:hover {
  color: #eee;
}
.system-theme-white .opt-child {
  background-color: #ccc;
}
.system-theme-white .opt-child::before {
  border-bottom: 6px solid #ccc;
}
.system-theme-green .opt-child{
  background-color: #24E5CD;
}
.system-theme-green .opt-child::before {
  border-bottom: 6px solid #24E5CD;
}
.section-part-title.spt-top {
  padding-top: 20px;
}
.section-part-title {
  padding: 10px 0 30px 0;
  color: #fff;
  display: flex;
  align-items: center;
}
.system-theme-white .section-part-title {
  color: #606266;
}
.section-part-title::before {
  content: '';
  display: block;
  width: 4px;
  height: 14px;
  background-color: #0c73d2;
  margin-right: 10px;
}
.system-theme-green .section-part-title::before {
  background-color: #2ec2b0;
}
.system-theme-blue .rule-list .item.title .column,
.system-theme-blue .rule-list .item .column,
.system-theme-green .rule-list .item.title .column,
.system-theme-green .rule-list .item .column {
  color: #fff;
}
.system-theme-blue .rule-list .item.title .column,
.system-theme-blue .rule-list .item.title .column .sub-columns {
  background-color: #132C61;
}
.system-theme-blue .rule-list .list > div:nth-child(2n) .item.row-line .column,
.system-theme-blue .rule-list .list > div:nth-child(2n) .item.row-line .column .sub-columns {
  background-color: #152850;
}
.system-theme-green .rule-list .item.title .column,
.system-theme-green .rule-list .item.title .column .sub-columns {
  background-color: #078b7b;
}
.system-theme-green .rule-list .list > div:nth-child(2n) .item.row-line .column,
.system-theme-green .rule-list .list > div:nth-child(2n) .item.row-line .column .sub-columns {
  background-color: #058575;
}
.system-theme-white .rule-list .item.title .column,
.system-theme-white .rule-list .item.title .column .sub-columns {
  background-color: #EBEEF5;
}
.system-theme-white .rule-list .list > div:nth-child(2n) .item.row-line .column,
.system-theme-white .rule-list .list>div:nth-child(2n) .item.row-line .column .sub-columns {
  background-color: #FAFAFA;
}
.system-theme-white .el-date-editor .el-range-input{
  color: #000;
  border: 0px solid #e0e0e0;
  background-color: transparent;
}
.system-theme-white .el-date-editor .el-range-separator{
  color: #000;
  line-height: 20px;
}

.app-global.system-theme-blue .pb-title {
  color: #fff;
  background-color: #058bf8;
}
.app-global.system-theme-blue .pb-detail {
  background-color: #255b9e;
}
.system-theme-blue .pb-detail .person-info {
  color: #fff;
}
.app-global.system-theme-blue .pb-detail .pb-nav {
  background-color: #234d82;
}
.system-theme-blue .pb-detail .pb-nav ul li:nth-child(2n + 1) {
  background-color: #058bf8 !important;
}
.app-global.system-theme-green .pb-title{
  color: #fff;
  background-color: #02dfc4;
}
.app-global.system-theme-green .pb-detail {
  background-color: #15aa98;
}
.system-theme-green .pb-detail .person-info {
  color: #fff;
}
.app-global.system-theme-green .pb-detail .pb-nav {
  background-color: #039482;
}
.system-theme-green .pb-detail .pb-nav ul li:nth-child(2n + 1) {
  background-color: #02c4ac !important;
}
.app-global .pb-title{
  color: #fff;
  background-color: #00ccb8;
}
.app-global .pb-detail {
  background-color: #fff;
}
.system-theme-white .pb-detail .person-info{
  color: #333;
}
.app-global .pb-detail .pb-nav {
  /* background-color: #eee; */
  background-color: #f5f5f5;
}
.system-theme-blue .el-table__expand-icon,
.system-theme-green .el-table__expand-icon {
  color: #f0f0f0;
}
.system-theme-white .is-collapse{
  /* color: #333; */
  color: #aaa;
}
.system-theme-blue .dialog-wrap.dialog-main-common .timeline-footprint>li ul li>div>i,
.system-theme-green .dialog-wrap.dialog-main-common .timeline-footprint>li ul li>div>i {
  background-color: #989898;
}
.system-theme-blue .dialog-wrap.dialog-main-common .timeline-footprint>li:before,
.system-theme-green .dialog-wrap.dialog-main-common .timeline-footprint>li:before{
  border-left-color: #989898;
}
.system-theme-blue .dialog-wrap.dialog-main-common .timeline-footprint>li ul li>div>div>div,
.system-theme-green .dialog-wrap.dialog-main-common .timeline-footprint>li ul li>div>div>div {
  color: #fff;
}
.system-theme-blue .dialog-wrap.dialog-main-common .timeline-footprint>li ul li>div>div>div>.timeline-time,
.system-theme-green .dialog-wrap.dialog-main-common .timeline-footprint>li ul li>div>div>div>.timeline-time {
  color: #fff;
}
.system-theme-blue .table-pagination-page .pageSizeText,
.system-theme-green .table-pagination-page .pageSizeText {
  color: #fff;
}
.system-theme-blue .dialog-wrap.dialog-main-common .repair-record,
.system-theme-green .dialog-wrap.dialog-main-common .repair-record,
.system-theme-blue .section-part-half-parent .section-part-half>div,
.system-theme-green .section-part-half-parent .section-part-half>div,
.system-theme-blue .dialog-wrap.dialog-main-common .pile-info .pi-part .pi-attr>div,
.system-theme-green .dialog-wrap.dialog-main-common .pile-info .pi-part .pi-attr>div {
  color: #fff;
}
.system-theme-blue .modal-dialog .part .title.bg-none,
.system-theme-green .modal-dialog .part .title.bg-none {
  /* padding: 15px 0; */
  background-color: transparent;
}
.app-global.system-theme-blue .modal-dialog .part .part-content{
  /* background-color: #34537b !important; */
}
.app-global.system-theme-green .modal-dialog .part .part-content {
  /* background-color: #15aa98 !important; */
}
.system-theme-blue .dialog-wrap.dialog-main-common .timeline-footprint>li>div>i,
.system-theme-green .dialog-wrap.dialog-main-common .timeline-footprint>li>div>i {
  color: #fff;
}
.system-theme-blue .dialog-wrap.dialog-main-common .timeline-footprint>li>div>i{
  background-color: #234168;
}
.system-theme-green .dialog-wrap.dialog-main-common .timeline-footprint>li>div>i {
  background-color: #00796a;
}
.app-global.system-theme-blue .el-message.message-update-by-myself .message-tip-box .message-tip-box-title,
.app-global.system-theme-blue .el-message-box.messagebox-update-self-define .el-message-box__header {
  background-color: #065EAF;
}
.app-global.system-theme-blue .el-message.message-update-by-myself .message-tip-box .message-tip-box-info,
.app-global.system-theme-blue .el-message-box.messagebox-update-self-define {
  color: #fff;
  background-color: #234168;
}
.app-global.system-theme-blue .el-message-box.messagebox-update-self-define .el-message-box__content{
  color: #fff;
}
.app-global.system-theme-blue .el-message-box.messagebox-update-self-define .el-message-box__btns .el-button.el-button--default.el-button--primary,
.app-global.system-theme-blue .el-message-box.messagebox-update-self-define .el-message-box__btns .el-button.el-button--default.el-button--primary:hover{
  border-color: #065eaf !important;
  background-color: #065eaf !important;
}
.app-global.system-theme-blue .el-message-box.messagebox-update-self-define .el-message-box__btns .el-button,
.app-global.system-theme-blue .el-message-box.messagebox-update-self-define .el-message-box__btns .el-button:hover{
  color: #fff;
  background-color: transparent;
}
.app-global.system-theme-blue .tree-structure-update .el-tree-node:before {
  border-left: 1px dashed #065eaf;
}
.app-global.system-theme-blue .tree-structure-update .el-tree-node:after {
  border-top: 1px dashed #065eaf;
}
.app-global.system-theme-green .tree-structure-update .el-tree-node:before {
  border-left: 1px dashed #0BE5CA;
}
.app-global.system-theme-green .tree-structure-update .el-tree-node:after {
  border-top: 1px dashed #0BE5CA;
}
.app-global .tree-structure-update .el-tree>.el-tree-node:after {
  border-top: none;
}
.system-theme-blue .el-button.el-button--danger,
.system-theme-green .el-button.el-button--danger{
  border-color: #f00;
  background-color: #f00;
}
.system-theme-blue .el-button.el-button--danger:focus,
.system-theme-blue .el-button.el-button--danger:active,
.system-theme-green .el-button.el-button--danger:focus,
.system-theme-green .el-button.el-button--danger:active {
  border-color: #f00 !important;
  background-color: #f00 !important;
  opacity: 0.7;
}
.app-global.system-theme-blue .dialog-wrap.dialog-main-common .nav-tab-block .part-block .section-info .order-info .order-desc,
.app-global.system-theme-green .dialog-wrap.dialog-main-common .nav-tab-block .part-block .section-info .order-info .order-desc {
  color: #fff;
}
/*左右树形-列表结构-start*/
.app-global .board.board-children-split{
  /* background-color: #fafafa; */
  background-color: #f0f0f0;
  box-shadow: none;
}
.system-theme-blue .app-main .board.board-children-split {
  background-color: #0A1026 !important;
}
.system-theme-green .app-main .board.board-children-split {
  background-color: #024842 !important;
}
.app-global .board.board-children-split .top-relative .left,
.app-global .board.board-children-split .top-relative .right{
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);
}
.app-global.system-theme-blue .board.board-children-split .top-relative .left,
.app-global.system-theme-blue .board.board-children-split .top-relative .right {
  background-color: #141E3F;
}
.app-global.system-theme-green .board.board-children-split .top-relative .left,
.app-global.system-theme-green .board.board-children-split .top-relative .right {
  background-color: #058575;
}
.app-global .top-relative .left,
.app-global .top-relative .right{
  border: 1px solid #eee;
}
.app-global.system-theme-blue .top-relative .left,
.app-global.system-theme-blue .top-relative .right {
  border: 1px solid #122152;
}
.app-global.system-theme-green .top-relative .left,
.app-global.system-theme-green .top-relative .right {
  border: 1px solid #069583;
}
/*左右树形-列表结构-end*/

/*消息框-start*/
.app-global .badge-item-header .message-hover-panel>div::after{
  border-bottom-color: #00ccb8;
}
.app-global .badge-item-header .message-hover-panel>div .mhp-title,
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .tab-items-message-list li:active,
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .tab-items-message-list li.active {
  background-color: #00ccb8;
}
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div::after {
  border-bottom-color: #058bf8;
}
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-title,
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .tab-items-message-list li:active,
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .tab-items-message-list li.active {
    background-color: #058bf8;
}
.app-global .badge-item-header .message-hover-panel>div .mhp-panel {
  background-color: #fff;
}
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel {
  background-color: #255b9e;
}
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel {
  background-color: #00796a;
}
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .tab-items-message-list li{
  color: #666;
}
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .tab-items-message-list li,
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel .tab-items-message-list li {
  color: #fff;
}
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .tab-items-message-list li.active{
  color: #fff;
}
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .tab-items-message-list li.active>span,
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel .tab-items-message-list li.active>span {
  color: #fff;
}
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .tab-items-message-list li>span,
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel .tab-items-message-list li>span {
  color: #fff;
}
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item,
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .mhp-more {
  /* background-color: #eee; */
  background-color: #f5f5f5;
}
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item,
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .mhp-more {
  color: #fff;
  background-color: #234d82;
}
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item,
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel .mhp-more {
  color: #fff;
  background-color: #079d8e;
}
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item>span,
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item>span,
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item>span {
  color: #fff;
  border-bottom: 17px solid #c86111;
}
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-title>span,
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-title>span,
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-title>span {
  color: #fff;
  background-color: #c86111;
}
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-title>div{
  color: #222;
  font-weight: 600;
}
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-title>div,
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-title>div {
  color: #ffaf49;
}
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-content,
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-operation,
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .mhp-more,
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .no-data {
  color: #666;
}
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-content,
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-content,
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-source,
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-source {
  color: #fff;
}
.app-global .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-operation > div,
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-operation,
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .mis-item .mis-item-operation {
  color: #f0f0f0;
}
.app-global.system-theme-blue .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .no-data,
.app-global.system-theme-green .badge-item-header .message-hover-panel>div .mhp-panel .mhp-panel-items .mhp-items-section .no-data {
  color: #fff;
}
/*消息框-end*/
.app-global.system-theme-green .dialog-wrap.dialog-main-common .pile-info .pi-part .pi-attr>div span{
  color: #ddd;
}
/*el-dialog弹出框*/
.app-global.system-theme-blue .el-dialog {
  background-color: #234168;
}
.app-global.system-theme-blue .el-dialog .el-dialog__header {
  background-color: #065EAF;
}
.app-global.system-theme-green .el-dialog{
  background-color: #00796a;
}
.app-global.system-theme-green .el-dialog .el-dialog__header {
  background-color: #0BE5CA;
}
.app-global.system-theme-blue .dialog-wrap.dialog-main-common .timeline-footprint>li:last-child ul li:last-child:before{
  border: 5px solid#34537b;
}
.app-global.system-theme-green .dialog-wrap.dialog-main-common .timeline-footprint>li:last-child ul li:last-child:before{
  border: 5px solid#15aa98;
}
/*列表卡片设计*/
.app-global.system-theme-blue .card-list-pattern li > div,
.app-global.system-theme-green .card-list-pattern li > div{
    color: #eee;
}
.app-global.system-theme-blue .card-list-pattern li > div.title,
.app-global.system-theme-green .card-list-pattern li > div.title{
    color: #fff
}
.app-global.system-theme-blue .card-list-pattern li > div.description{
    background-color: #152850;
}
.app-global.system-theme-green .card-list-pattern li > div.description{
    background-color: #058575;
}
.app-global.system-theme-blue .card-list-pattern li > div.address,
.app-global.system-theme-green .card-list-pattern li > div.address{
    color: #ddd;
}



/* 时间选择器 */
.system-theme-blue .el-date-picker__time-header .el-input__inner {
    color: #333;
}

.system-theme-blue .el-date-editor .el-range-input {
    color: #fff;
    border: 0px solid #e0e0e0;
    background-color: transparent;
}
.system-theme-blue .el-date-picker__editor-wrap .el-input.el-input--small .el-input__inner{
    background-color: transparent;
    color: #79aad9;
    border: 1px solid #79aad9;
}
.system-theme-blue .popperClass1 .el-date-picker__time-header {
    border-bottom: 1px solid #4f82c2;
}
.system-theme-blue .popperClass1 .el-time-panel__footer .el-time-panel__btn{
    color: #79aad9;
}
.system-theme-blue .popperClass1 .el-time-panel{
   background-color: #042b57 !important;
}
.system-theme-blue .popperClass1 .el-time-spinner__item.active:not(.disabled) {
    color: white;
    font-weight: 700;
}
.system-theme-blue .popperClass1 .el-time-spinner__item{
    color: #79aad9;
}
.system-theme-blue .el-date-editor .el-range-separator {
    color: #41a7b8;
    line-height: 20px;
}
  .system-theme-blue .popperClass1 {
    /* background-color: #001e3e; */
    /* color: #fff; */
    /* border: 1px solid #144d8e; */
    border: none !important;
    background-color: #042b57 !important;
    color: #79AAD9 !important;
    box-shadow: 0 0 20px #010913;
  }
  .system-theme-blue .popperClass1 td.prev-month,.system-theme-blue .popperClass1 td.next-month{
    color: #79AAD9;
    opacity: .7;
  }
  /* 536F7E */
  .system-theme-blue .popperClass1 .el-date-table th,
  .system-theme-blue .popperClass1 .el-date-picker__header--bordered,
  .system-theme-blue .popperClass1 .el-date-range-picker__time-header
  /* .system-theme-blue .popperClass1 .el-date-range-picker__content.is-left,
  .system-theme-blue .popperClass1 .el-date-range-picker__content.is-right */
  {
    color: #79AAD9;
    border-bottom:1px solid #1A3852
  }
  .system-theme-blue .popperClass1 .el-date-range-picker__content.is-left {
    border-right: 1px solid #1A3852;
  }
  .system-theme-blue .el-picker-panel__footer .el-button.is-plain {
    color: #fff ;
    border: none;
    
}
  .system-theme-blue .popperClass1 .el-picker-panel__footer {
    border-top: 1px solid #1A3852;
  }
  .system-theme-blue .el-picker-panel__footer {
    background-color: #001e3e;
  }
  .system-theme-blue .tps .el-tooltip__popper {
    background: #0d3460;
  }
  .system-theme-blue .popperClass1 .el-date-table.is-week-mode .el-date-table__row.current div, .system-theme-blue .popperClass1 .el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #0D5AAA !important;
  }
  .system-theme-blue .el-date-table td.in-range div,
  .el-date-table td .in-range div:hover,
  .el-date-table .is-week-mode .el-date-table__row.current div,
  .el-date-table .is-week-mode .el-date-table__row:hover div {
    background-color: #104174 !important;
  }
  .