:root {
    --el-border-radius-base:6px;
    --el-component-size:34px;
   
}
// 按钮
.el-button+.el-button{
    margin-left: 8px;
}

.el-button{
    
    
    line-height: normal;
    transition: all 0.2s ease;
    // border-color: #d9d9d9;
    // color:#262626;
    // background-color: #fff;

    font-size: 14px;
    padding: 5px 10px;
    // // min-width: 72px;
    // border-radius: 6px;
    // &:focus{
    //     border-color: #d9d9d9;
    //     color:#262626;
    //     background-color: #fff;
    // }
    // &:hover{
    //     @include themeColor("border-color",'hover');
    //     @include themeColor("color",'hover');
    //     background-color: #fff;
    // }
    // &:active{
    //     @include themeColor("border-color",'down');
    //     @include themeColor("color",'down');
    //     background-color: #fff;
    // }
    // &.active{
    //     @include themeColor("border-color",'active');
    //     @include themeColor("background-color",'active',0.1);
    //     @include themeColor("color",'active');
    // }
    
    
    &.lan{
        @include themeColor("color",'color');
    }
    &.themeColor{
        @include themeColor("color",'color');
    }
    
   
    &.hui{
        background: #f5f5f5;
    }
    &.dashed{
        border-style: dashed;
    }
    &.btnIcon{
        // padding: 7px 10px;
        // padding:0  !important;
        min-width: 32px !important;
        height: 32px !important;
        // color: #bfbfbf;
        position: relative;
        overflow: hidden;
        &.hui{
            color: #bfbfbf;
            background: #fff;
        }
        
        &.active{
            @include themeColor('border-color','active');
            @include themeColor('color','active');
            &::before{
                content: "";
                width: 18px;
                height: 18px;
                position: absolute;
                left: 0;
                top: 0;
                // background: url("@/assets/img/btnActive/1.png");
                @include themeColor('background-image','button_activeImg');
                background-size: 100% 100%;
            }
        }

    }

    &.el-button--primary.is-disabled,&.el-button--primary.is-disabled:hover{
        background: #f5f5f5 !important;
        border-color: #d0d0d0 !important;
        color: #bfbfbf !important;
    }

    &.el-button--primary{
        color: #FFF;
        @include themeColor("background-color",'color');
        @include themeColor("border-color",'color');
        &:hover{
            color: #fff !important;
            @include themeColor("background-color",'hover');
            @include themeColor("border-color",'hover');
        }
        &:active{
            color: #fff !important;
            @include themeColor("background-color",'down');
            @include themeColor("border-color",'down');
        }
    }

    &.mini{
        width: auto;
        min-width: auto ;
        height: auto;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 14px;
        line-height: 1;
    }
}



// 输入框
.el-input--small .el-input__wrapper,
.el-input__wrapper{
    padding: 0 15px;
    // border-radius: 6px;
    // --el-input-border-color:#d9d9d9;
    // box-shadow: 0 0 0 1px var(--el-input-border-color) inset;
    // @include themeColor("--el-input-border-color",'hover');
    &.is-focus{
        // @include themeColor("border-color",'hover');
        @include themeColor("--el-input-focus-border-color",'hover');
        // box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;

    }
}
.el-input__inner{
    border-color: #d9d9d9;
    border-radius: 6px;
    // --el-input-inner-height:32px;
    transition: all 0.2s ease;
    // height: 32px;
    &:hover{
        @include themeColor("border-color",'hover');
    }
    &:focus{
        @include themeColor("border-color",'hover');
        // @include themeColor("--box-shadow-color",'hover',0.2);
        // box-shadow:0 0 0 2px var(--box-shadow-color);
    }
}
.el-textarea__inner:focus{
    // @include themeColor("border-color",'hover');
    @include themeColor("--box-shadow-color",'hover');
    box-shadow: 0 0 0 1px var(--box-shadow-color) !important;
    
}

.el-input-number__decrease:hover, .el-input-number__increase:hover{
    @include themeColor("color",'hover');
}
.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){
    @include themeColor("border-color",'hover');
}
// 下拉框
.el-input.is-focus .el-input__inner{
    // @include themeColor("border-color",'hover');
}
.el-select{
    // --el-select-width:200px;
    width: 200px;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
    @include themeColor("color",'color');
}
.el-select-dropdown__item.selected{
    @include themeColor("color",'color');
}
.el-select .el-input.is-focus .el-input__wrapper,
.el-select .el-input__wrapper.is-focus{
    @include themeColor("--box-shadow-color",'hover');
    box-shadow: 0 0 0 1px var(--box-shadow-color) !important;
}

//开关
.el-switch__core{
    transform: scale(0.8)
}
.el-switch{
    height: 20px
}
.el-switch.is-checked .el-switch__core{
    @include themeColor("border-color",'color');
    @include themeColor("background-color",'color');
}

// 日期控件
// .el-month-table td .cell:hover{
    // @include themeColor("color",'hover');
// }
.time-select-item.selected:not(.disabled){
    @include themeColor("color",'active');
}
.el-month-table td.today .cell{
    @include themeColor("color",'color');
}
.el-month-table td.current:not(.disabled) .cell{
    color: #fff;
}

.el-date-table td.current:not(.disabled) span,
.el-date-table td.end-date span, .el-date-table td.start-date span
{
    @include themeColor("background-color",'active');
}
.el-date-table td.available:hover{
    @include themeColor("color",'hover');
}
.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{
    @include themeColor("background-color",'active',0.1);
}
.el-picker-panel__shortcut:hover{
    @include themeColor("color",'hover');
}
.el-date-table td.today span{
    @include themeColor("color",'color');
}
.el-date-table td.today.start-date span, .el-date-table td.today.end-date span{
    color: #fff;
}

.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell{
    @include themeColor("color",'active');
}
.el-year-table td.today .cell{
    @include themeColor("color",'hover');
}
.el-date-table td.selected span{
    @include themeColor("background-color",'active');
}
// 单选
.el-radio{
    margin-right: 16px;
}
.el-radio.el-radio--small{
    height: unset;
}
.el-radio.el-radio--small .el-radio__inner{
    width: 14px;
    height: 14px
}
.el-radio__input.is-checked .el-radio__inner{
    @include themeColor("background-color",'active');
    @include themeColor("border-color",'active');

}
.el-radio__input.is-checked+.el-radio__label{
    @include themeColor("color",'active');

}
.el-radio-button__inner:hover{
    @include themeColor("color",'hover');
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner{
    color: #FFF;
    @include themeColor("background-color",'active');
    @include themeColor("border-color",'active');
    @include themeColor("--box-shadow-color",'active');
    box-shadow: -1px 0 0 0 var(--box-shadow-color);
}
.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){
    @include themeColor("--box-shadow-color",'hover',0.5);
    box-shadow: 0 0 2px 2px var(--box-shadow-color);
}

.el-radio-group{
    flex-wrap: nowrap;
    .el-radio-button__original-radio:checked+.el-radio-button__inner{
        // background: #000 !important;
        @include themeColor("background",'active');
        @include themeColor("border-color",'active');
        @include themeColor("--box-shadow-color",'active');
        box-shadow: -1px 0 0 0 var(--box-shadow-color);
    }
    .is-active .el-radio-button__inner:hover{
        color: #fff;
    }

    &.plain{
        .el-radio-button__original-radio:checked+.el-radio-button__inner{
            background: #fff !important;
            @include themeColor("border-color",'active');
            @include themeColor("--box-shadow-color",'active');
            box-shadow: -1px 0 0 0 var(--box-shadow-color);
            @include themeColor("color",'active');
        }
        .is-active .el-radio-button__inner:hover{
            @include themeColor("color",'active');
        }
    }
}
// 复选框
.el-checkbox__input.is-checked+.el-checkbox__label{
    @include themeColor("color",'active');
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
    @include themeColor("background-color",'active');
    @include themeColor("border-color",'active');
}

// 分页
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
    color: #262626;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover{
    @include themeColor("color",'active');
}
.el-pagination.is-background .btn-next.is-active, 
.el-pagination.is-background .btn-prev.is-active, 
.el-pagination.is-background .el-pager li.is-active{
    background: #fff;
    @include themeColor("color",'active');
    border: 1px solid ;
    @include themeColor("border-color",'active');
}
// 加载中
.el-loading-spinner .path{
    @include themeColor("stroke",'active');
}
//单选按钮组
// .el-radio-button__inner:hover{
//     color: #19bfa5;
// }
// .el-radio-button__orig-radio:checked+.el-radio-button__inner{
//     background-color: #19bfa5;
//     border-color: #19bfa5;
// }





//textarea
// .el-textarea__inner:focus{
//     border-color: #19bfa5;
// }


//复选框check
// .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
//     background-color: #19bfa5;
//     border-color: #19bfa5;
// }
// .el-checkbox__input.is-checked+.el-checkbox__label{
//     color: #19bfa5;
// }
.el-checkbox__label{
    padding-left: 5px;
}
//table操作popover
.caozuo_popover{
    min-width: 60px;

}

.el-form-item__content{
    line-height: unset;   
}

.el-input{
    input{
        display: block;
    }
}

.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input{
    padding: 8px 10px;
}
//搜索按钮框
.input_search{
    width: 210px;
    .el-input__inner{
        border-right: none;
    }
    >.el-input__wrapper{
        flex: 1;
    }
    .el-input-group__append{
        padding:0;
        @include themeColor('background-color','color');
        color: #fff;
        width:36px;
        text-align: center;
        &:hover{
            @include themeColor('background-color','hover');
        }
        &:active{
            color: #fff !important;
            @include themeColor('background-color','active');
            // @include themeColor('background-color','hover',0.1);
            // @include themeColor('color','active');
        }
        
    }
}





//月份范围选择器，“至”字宽度调整
.el-range-editor.is-active{
    @include themeColor("--el-input-focus-border-color",'hover');
}
.el-date-editor .el-range-separator{
    // width: 6%;
    width: 24px;
    padding: 0;
}

.el-checkbox{
    height: auto;
    // height: unset;
    margin-right: 10px;
}
.el-dialog{
    padding: 0 ;
}
.el-dialog__footer{
    padding: 20px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
    margin-top: 10px;
}
.el-dialog__title{
    font-size: 16px;
}
.el-dialog__header{
    padding: 0 16px;
}
.el-dialog__header,
.dialog_title{
    text-align:left;
    
    height: 50px;
    line-height: 50px;
    color: #0e2626;
    font-weight: bold;
    border-bottom: 1px solid #f0f0f0;
    font-size: 16px;
    border-radius: 6px 6px 0 0;
}
.el-dialog__body{
    padding:10px 16px;
    // padding: 0 16px;
}
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
    margin-bottom: 10px;
}

.el-input__suffix{
    line-height: 28px;
}
.el-tooltip__popper{
    max-width: 40%;
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{
    @include themeColor('background-color','hover',0.1);
    @include themeColor('color','hover');
}
.el-popover{
    min-width: 60px;
    // padding: 5px 0;
    // padding: 16px;
    padding: 0;
}
.el-popover__title{
    font-size: 14px;
    padding: 16px 16px 0 16px;
    font-weight: bold;
    margin-bottom: 16px;
}
.el-form-item{
    margin-bottom: 0 !important;
}

.el-scrollbar__thumb{
    background-color: #6b6e76;
}