.GreenMode{
    // .el-submenu__title{
    //     background: linear-gradient(to right, #e4e3db, #d8dbe2, #cfd2dc, #c6cce0);
    // }
    .el-submenu.is-opened .el-submenu__title{
        // background: linear-gradient(to right, #00f8f7, #9cd8f5, #b8c9d8, #a0a0a0);
        // background: #dee4ed;
        // color: #409EFF;
      i{
        // color: #409EFF;
      }
    }
    .el-menu-item.el-submenu__title.submenu_title.is-active{
        // background: linear-gradient(to right, #00f8f7, #9cd8f5, #b8c9d8, #a0a0a0);
        background: rgb(22,26,31);
        
    }
    .el-menu-item.is-active{
        background: rgb(22,26,31);
    }
    .tabList{
        border-bottom:none; 
        >.tabs{
          
          color: #101010;
          
      
        }
        .tab_on{
           border-bottom:3px solid #22952f; 
        }
        
      
      }
    .tab_info{
        border: 1px solid #101010;
       
        >p{
          color: #101010;
        
        }
        table{
        
          th{
          
            color: rgb(112,119,139);
           
          }
          td{
           
            color: #101010;
          }
         
        }
      }
    .basePage-in{
        border-color:$color-bg ;
        background: #fefefe;
    }
    .search_title span{
        color: #101010;
    }
    .detail_title span{
        color: #101010;
    }
    .edit_1 .edit_group > p{
        color: #101010;
    }
    .edit_1 .edit_group{
        border: 1px solid #101010;
    }
    .edit_1 .edit_title span{
        color: #101010;
    }
    .detail_item_box{
        border:1px solid $color-border-1;
    }
     .detail_item > div:nth-child(1){
        color: $color-text-main;
     }
     .detail_item > div:nth-child(2){
        color:  $color-text-normal;
     }
     .submenu_title.el-submenu.is-opened{
         .el-menu.el-menu--inline{
            background: rgb(22,26,31);
         }
        
     }
     .container{
        background: #ffffff;
    }
    .basePage-in{
        background: #ffffff;
    }
    .tab_info table th{
        background-color: #f5f5f5;
    }
    .el-table__body tr.current-row>td {
        background-color: #d4e7fd;
    }
    .el-tabs__item .el-icon-close{
        background: rgb(176,187,201);
        color: white;
    }
    .el-tabs__item.is-top.is-active.is-closable{
       .el-icon-close{
            background: #22954A;
            color: white;
        }
    }
    .el-table th{
        background: rgb(222,236,249);
        color: rgb(47,67,107);
        font-weight: 600;
    }
    .ty-header {
        background: rgb(34,149,47);
      }
      .el-submenu__title i{
        color: rgb(241,242,255)
    }
    .itemmainBox{
        border-color: rgb(243,246,250);
      }
      .el-menu-item{
        color: #ffffff;
        &:hover{
            background:rgb(22,26,31);
  
        }
        &:focus{
            background:rgb(22,26,31);
  
        }
    }
    .mainBox {
        background: rgba(255, 255, 255, 1);
    }
    .ty-header{

        .el-input__inner{
          background:  rgb(29,131,65);
        }
         .el-input-group__append, .el-input-group__prepend{
            background:  rgb(29,131,65);
         }
       }
     .expandBtn{
        background: rgb(29,131,65);
     }
     .el-menu--vertical{
      background: rgb(22,26,31);
    }
    .el-tooltip__popper.is-dark{
      background: rgb(22,26,31);
   }
   .el-menu-item:focus, .el-menu-item:hover{
    background: #161a1f;
    // background:linear-gradient(to right,rgb(0,248,247),rgb(0,172,253),rgb(4,113,210),rgb(18,52,103));
 
}
.el-submenu.is-opened .el-submenu__title{
  background: #161a1f;
  
}
.el-submenu .el-submenu__title{
  color: #ffffff;
  &:hover{
      background:#161a1f;

  }
  &:focus{
      background:#161a1f;

  }
}
.splitter-pane-resizer {
  background-color: #f3f6fa;
}
.el-button--primary.is-plain{
  color: #22954A;
  background: rgba(34,149,74,0.14);
  border-color: #22954A;
}

.el-button--primary:focus, .el-button--primary:hover {
    background-color:rgba(0,0,0,0.5);
}
.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover {
  background-color:rgba(0,0,0,0.5);
  color: #f3f6fa;
}
.dialog-footer{
  .el-pagination.is-background .el-pager li:not(.disabled):hover {
     color: inherit;
  }
  }
  .el-dialog__header{
    background: rgb(34,149,47);
   >span{
    color: white;
   }
  } 
  .el-dialog__headerbtn:focus .el-dialog__close,
  .el-dialog__headerbtn:hover .el-dialog__close{
        
          color: #d4e7fd;
        
      }
  .el-dialog__headerbtn .el-dialog__close{
    color: white;
   
  }
}