.DarkMode{
    .el-submenu__title{
        background:linear-gradient(to right,rgb(37,54,110),rgb(30,43,89),rgb(23,35,74),rgb(23,35,73));
    }
    .el-submenu.is-opened .el-submenu__title{
        // background:linear-gradient(to right,rgb(0,248,247),rgb(0,172,253),rgb(4,113,210),rgb(18,52,103));
    }
    .el-submenu .el-submenu__title{
        &:hover{
            background:linear-gradient(to right,rgb(0,248,247),rgb(0,172,253),rgb(4,113,210),rgb(18,52,103));
  
        }
        &:focus{
            background:linear-gradient(to right,rgb(0,248,247),rgb(0,172,253),rgb(4,113,210),rgb(18,52,103));
  
        }
    }
    .el-menu-item.is-active{
        background:linear-gradient(to right,rgb(0,248,247),rgb(0,172,253),rgb(4,113,210),rgb(18,52,103));
        color: #f0f9ff;
        &:hover{
            // background:linear-gradient(to right,rgb(37,54,110),rgb(30,43,89),rgb(23,35,74),rgb(23,35,73));
  
        }
    }
    .el-menu{
        border-right: solid 1px rgb(5,14,48);
    }
    .el-tabs--border-card>.el-tabs__header{
        // border-bottom: 1px solid rgb(5,14,48);
    }
    .el-tabs--border-card{
        background: rgb(23, 35, 73);
        // border: 1px solid rgb(5,14,48);
    }
    .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{
        background-color:rgb(23, 35, 73);
        // border-right-color: rgb(74,79,91);
        // border-left-color: rgb(74,79,91);
    }
    .el-tabs__item .el-icon-close{
        background: rgb(0,136,255);
        color: rgb(208,233,255);
    }
    .el-tabs--border-card>.el-tabs__header .el-tabs__item{
        color: rgb(241,242,255)
    }
    .el-submenu__title i{
        color: rgb(241,242,255)
    }
    .el-select{
        .el-input__inner{
            background: rgb(44,55,94);
            color: rgb(242,243,255);
           
        }
    }
    .el-input__inner{
        background: rgb(8,18,51);
        border: 1px solid rgb(137,146,172)
    }
    .el-input-group__append{
      
            border: 1px solid rgb(137,146,172);
           
      
    }
    .el-button:focus,
    .el-button:hover {
       
        
        background-color: none
    }

    .headSearch{
        .el-input__inner{
            // border-right:none; 
        }
        .el-input-group__append{
            background: rgb(8,18,51);
            border-left:none; 
        
    }
    
    }
    .el-button:focus.el-button--default:not(.is-plain):not(.el-button--primary), .el-button:hover.el-button--default:not(.is-plain):not(.el-button--primary){
        background-color: transparent;
    }
    .btn{
        .el-button{
            background: rgb(30, 41, 86);
            border: 1px solid rgb(5,14,48);
        }
    }
    .el-table thead {
        tr{
            background: rgb(44,55,94)
        }
        th{
            background: rgb(44,55,94);
            color: rgb(254,254,254);
        }
       
    }
    .el-checkbox__inner{
        background:transparent; 
        border:  1px solid rgb(137,146,172)
    }
    .el-table__row{
        &:hover{
            background: rgb(19,29,66);
            
        }
    }
    .el-table th, .el-table tr{
        background:  rgb(19,29,66);
        color: rgb(254,254,254);
       
    }
    .el-table--striped .el-table__body tr.el-table__row--striped td{
        background:rgb(19,39,66)
    }
    .el-table td, .el-table th.is-leaf{
        border:1px solid #5f5f5f; 
        // border-left: none;
        // border-right:none; 
    }
    .el-table--enable-row-hover .el-table__body tr:hover>td{
        border-color:rgb(0,136,255);
        background: transparent;
    }
    .el-table--border::after, .el-table--group::after, .el-table::before{
        background: transparent;
    }
    .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
        // background: rgb(0,136,255); 
        background: rgb(31,43,88);
        box-shadow:2px 2px 5px rgb(21,29,56);
    }
    .el-tabs__nav-wrap{
        background: rgb(23, 35, 73);
    }
    .basePage-in{
        background: rgb(27,37,70);
    }
    .el-pagination{
        background: transparent;
    }
    .el-popover{
        background: rgb(27,37,70);
        border-color: transparent;
        box-shadow: 0px 0px 6px 5px #084d92;
    }
    .el-form-item__label{
        color: rgb(137,146,172);
    }
    .el-button{
       
      
    }
    .common_icon{
         background: rgb(16,22,41);
         color: rgb(127,137,147);
         border-color:rgb(127,137,147) ;
    }
    .el-menu-item:focus, .el-menu-item:hover{
        // background: transparent;
        background:linear-gradient(to right,rgb(0,248,247),rgb(0,172,253),rgb(4,113,210),rgb(18,52,103));
     
    }
    .detail_item_box{
        border:1px solid rgb(137,146,172);
    }
    .detail_item > div:nth-child(1){
        color:rgb(137,146,172);
     }
     .detail_item > div:nth-child(2){
        color: rgb(254,254,254);
     }
     .TUI-gallery-content{
         background: transparent;
     }
     .TUI-gallery-thumbimg{
        background: transparent;
     }
     .TUI-gallery-count{
        background: transparent;
        color: rgb(244,244,244);
        font-size: m(13);
     }
     .TUI-gallery-count strong{
        color: rgb(244,244,244);
     }
     .TUI-scroll-left {
        
        background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAMAAACETmeaAAAAGXRFW…piYAQBBgYGKMUA5TFABRkY4WIQJTA+XB6uHqEIyAAIMAAIUAAvIhokxQAAAABJRU5ErkJggg==) no-repeat 50% 50%;
    }
    .TUI-scroll-right {
        border-bottom: 1px solid transparent;
        background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAMAAACETmeaAAAAGXRFW…BgBAEGBgiDgRHCYGCEMBggcowMSIqgfKg8XAymBGweQIABAAgwAC/Vk4SXAAAAAElFTkSuQmCC) no-repeat 50% 50%;
    }
    .TUI-gallery-vertical .TUI-scroll-left{
        border-bottom: 1px solid transparent;
    }
    .TUI-gallery-vertical .TUI-scroll-right{
        border-top: 1px solid transparent;
    }
    .TUI-gallery {
        border: 1px solid rgb(137,146,172);
    }
    .TUI-gallery-vertical .TUI-gallery-thumbimg{
        border: 1px solid rgb(137,146,172);
    }
    .el-textarea__inner{
        background: transparent;
        border: 1px solid #8992ac;
    }
    .el-radio__inner{
        background: transparent;
    }
    .el-dialog, .el-pager li{
        background: rgb(27,37,70);
    }
    .edit_1 .edit_title span{
        color: #fefefe;
    }
    .edit_1 .edit_group{
        border: 1px solid #fefefe;
    }
    .edit_1 .edit_group > p{
        color: #fefefe;
    }
    .detail_title span{
        color: #fefefe;
    }
    .search_title span{
        color: #fefefe;
    }
    .basePage-in{
        border-color:  #101010;
        background: rgb(27,37,71);
    }
    .tab_info{
         border: 1px solid #fefefe;
        
         >p{
           color: #fefefe;
         
         }
         table{
         
           th{
           
             color: rgb(112,119,139);
            
           }
           td{
            
             color: #fefefe;
           }
          
         }
       }
       .tabList{
        border-bottom:1px solid rgb(0,136,255); 
        >.tabs{
          
          color: #fefefe;
          
      
        }
        .tab_on{
           border-bottom:3px solid rgb(0,136,255); 
        }
        
      
      }
      .prod > p{
        color: #fff;
    }
    .tab_info table th{
        background-color:transparent;
        color: #dadfec;
    }
    .el-notification{
        border: 1px solid #255bda;
        background-color: #1d1616;
    } 
    .el-notification__content{
        color: #fbfcff;
        
    }
    .el-form-item__content{
        color: #fbfcff;
    }
    .imgBox{
        p{
            color: #fbfcff;
        }
    }
  
    .el-table__row.current-row>td {
        border-color: #08f;
    background: transparent;
    }
    .el-table__row.current-row.el-table__row--striped{
        border-color: #08f;
        // background: transparent;
    }
    .el-table, .el-table__expanded-cell{
        background: transparent;
    }
    .el-input.is-disabled .el-input__inner {
        background: #081233;
    border: 1px solid #8992ac;
   
    }
    .el-input__inner {
        color: #c0c4cc;
    }
    .el-upload--picture-card{
        background: #081233;
    }
    .el-textarea__inner{
        background: #081233;
    }
    .el-picker-panel__footer{
        background: #081233;
        border: 1px solid #8992ac
    }
    .el-picker-panel{
        background: #081233;
        border: 1px solid #8992ac;
        color: #f0f3f7;
    }
    .el-date-table th{
        border-bottom: 1px solid #8992ac;
        color: #f0f3f7;
    }
    .el-date-picker__header-label{
        color: #f9f9f9;
    }
    .el-date-picker__time-header{
        border-bottom: 1px solid #8992ac;
    }
    .el-menu--vertical{
        background: #003077;
      }
     .el-tooltip__popper.is-dark{
        background: #003077;
     }
     .expandBtn{
        background: #003077;
     }
     .itemmainBox{
       border-color: rgb(5,14,48);
     }
     .dialog-footer{
        .el-pagination.is-background .el-pager li:not(.disabled):hover {
           color: inherit;
        }
        }
        .el-table--border, .el-table--group{
            border: none;
        }
        .el-dialog__headerbtn:focus .el-dialog__close,
        .el-dialog__headerbtn:hover .el-dialog__close{
              
                color: #d4e7fd;
              
            }
            .el-dialog__headerbtn .el-dialog__close{
                color: white;
               
              }
}