// cover some element-ui styles
.tableScopeSwitch .el-switch__label {
    position: absolute;
    display: none;
    color: #fff !important;
}


/*打开时文字位置设置*/

.tableScopeSwitch .el-switch__label--right {
    z-index: 1;
    /*不同场景下可能不同，自行调整*/
}


/*关闭时文字位置设置*/

.tableScopeSwitch .el-switch__label--left {
    z-index: 1;
    left: 20px;
    /*不同场景下可能不同，自行调整*/
}


/*显示文字*/

.tableScopeSwitch .el-switch__label.is-active {
    display: block;
}

.tableScopeSwitch.el-switch .el-switch__core,
.el-switch .el-switch__label {
    width: 60px !important;
    /*开关按钮的宽度大小*/
}

.el-button {
    border-radius: 3px;
    height: 36px;
    // min-width: 80px;
}

.el-button--primary {
    color: #fdfefe;
    background-color: #4AB5A5!important;
    border-color: #4AB5A5!important;
}

.el-button--primary:hover {
    background-color: #fffdfc !important;
    border-color: #4AB5A5 !important;
    color: #000;
}

.el-button--primary:focus {
    background-color: #f1f9f6 !important;
    border-color: #01755e !important;
    color: #01755e;
    cursor: wait;
}

.tags-view-container .tags-view-wrapper .tags-view-item.active {
    background-color: #4AB5A5;
    border-color: #4AB5A5;
    font-size: 14px;
    font-weight: bold;
}

.el-input--small .el-input__inner {
    height: 36px;
    line-height: 36px;
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #4AB5A5;
}

.el-scrollbar__bar.is-vertical {
    width: 8px;
    top: 2px;
    background: white;
    background-color: #ececec;
}

.el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: #4AB5A5;
    -webkit-transition: .3s background-color;
    transition: .3s background-color;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #343535;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: #F5F7FA;
    // color:#000;
    // font-size: 16px;
}

.el-range-editor.is-disabled {
    background-color: #F5F7FA;
    border-color: #E4E7ED;
    color: #C0C4CC;
    cursor: not-allowed;
    // height: 36px;
    // top: -2px
}

.el-range-editor--small.el-input__inner {
    // height: 36px;
    // top: -2px
}

.el-form--inline .el-form-item__label {
    float: none;
    display: inline-block;
    //color: #000;
}

.el-form-item__label {
    color: #444444;
    font-family: '微软雅黑';
    font-size: 14px;
}

.el-header,
.el-main {
    padding: 0;
}

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
    font-weight: 400 !important;
}

.el-upload {
    input[type="file"] {
        display: none !important;
    }
}

.el-upload__input {
    display: none;
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
    position: relative;
    left: 0;
    margin: 0 auto;
    transform: none;
    .el-dialog__body {
        max-height: 70vh;
        padding: 20px;
        overflow-y: auto;
    }
    .el-dialog__header {
        height: 36px;
        padding: 0 20px;
        line-height: 36px;
        background: $themeColor;
        .el-dialog__title {
            font-size: 16px;
            font-weight: bold;
            color: #FFF;
        }
        .el-dialog__headerbtn {
            top: 6px;
            font-size: 24px;
            i {
                color: #fff;
            }
        }
    }
    .el-dialog__footer {
        height: 36px;
        padding: 0 20px;
        line-height: 36px;
        border-top: 1px solid #DCDFE6;
    }
}

.PAGE-SIZE-small .el-dialog {
    .el-dialog__header {
        height: 42px;
        line-height: 42px;
        .el-dialog__headerbtn {
            top: 7px;
        }
    }
    .el-dialog__footer {
        height: 42px;
        line-height: 42px;
    }
}

.PAGE-SIZE-medium .el-dialog {
    .el-dialog__header {
        height: 50px;
        line-height: 50px;
        .el-dialog__headerbtn {
            top: 11px;
        }
    }
    .el-dialog__footer {
        height: 49px;
        line-height: 49px;
    }
}

// refine element ui upload
.upload-container {
    .el-upload {
        width: 100%;
        .el-upload-dragger {
            width: 100%;
            height: 200px;
        }
    }
}

.el-card__body {
    padding: 10px;
    margin-bottom: 10px;
}

// dropdown
.el-dropdown-menu {
    a {
        display: block;
    }
}

//阻止右边出现padding
.el-popup-parent--hidden {
    padding-right: 0 !important;
    overflow: hidden;
}

//防止tab被遮住
::-webkit-scrollbar {
    width: 5px;
    height: 14px;
}

// to fix el-date-picker css style
.el-range-separator {
    box-sizing: content-box;
}

.el-drawer__header {
    &>span,
    &>button {
        outline: none !important;
    }
}

.el-transfer-panel__list.is-filterable {
    height: 79vh;
    padding-top: 0;
}

// el-table
.el-table {
    border-right: 1px solid #EBEEF5;
    // 无边框模式下增加外边框
    border-left: 1px solid #EBEEF5;
    // 表头样式
    thead {
        color: #333;
    }
    .el-table__header {
        tr,
        th {
            background: #E5E7F2;
        }
        // td {
        //   background-color: #dbf6f6 !important;
        // }
    }
    // 斑马纹样式
    &.el-table--striped .el-table__body tr.el-table__row--striped td {
        background-color: #79aeac !important;
    }
    // hover样式
    &.el-table--enable-row-hover .el-table__body tr:hover>td {
        background-color: #dbf6f6 !important;
    }
    // 选中列样式
    &.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
    .el-table__body tr.current-row>td {
        background: $themeColor-8 !important;
    }
    // mini版大小样式调整
    &.el-table--mini {
        th {
            padding: 4px 0;
            .caret-wrapper {
                height: 24px;
                .sort-caret.ascending {
                    top: 0;
                }
                .sort-caret.descending {
                    bottom: 2px;
                }
            }
        }
        td {
            padding: 2px 0;
        }
    }
    &.el-table--mini,
    &.el-table--small,
    &.el-table__expand-icon {
        font-size: 14px;
    }
    // small版大小样式调整
    &.el-table--small {
        th {
            padding: 6px 0;
        }
        td {
            padding: 4px 0;
        }
    }
    // medium版大小样式
    &.el-table--medium {
        th {
            padding: 8px 0;
        }
        td {
            padding: 6px 0;
        }
    }
}

// el-tree-select
.el-tree-select-popper {
    [aria-disabled=true]>.el-tree-node__content {
        color: #ccc !important;
    }
}

// el-select
// 增加loading样式
.el-select.el-select-loading .el-icon-arrow-up {
    animation: rotating 2s linear infinite;
    &::before {
        content: "\e6cf";
    }
}

.el-form-item--small.el-form-item {
    margin-bottom: 10px;
}

// el-step
.el-step__head.is-success {
    color: $themeColor;
    border-color: $themeColor;
}

.el-step__title.is-success {
    color: $themeColor !important;
}

.is-success .el-step__line {
    background-color: $themeColor !important;
}

.el-pagination.is-background .el-pager li.active:not(.disabled):hover {
    color: #fff !important;
}

.readonly {
    &.el-input-number .el-input.is-disabled .el-input__inner {
        color: #606266;
        background: #fff;
    }
}

.el-table.el-table--enable-row-hover .el-table__body tr:hover>td {
    background: $hoverf!important;
    color: aliceblue;
    //opacity: 0.5;
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: $themeColor !important;
    color: #fff;
}

.ele-tree-menu {
    width: 100%;
    background: rgba(204, 200, 200, 0.164);
    color: #424141 !important;
}

.el-tree .el-tree-node:focus>.el-tree-node__content {
    background: $themeColor !important;
    color: #fff
}

.el-tree .el-tree-node__content:hover {
    background-color: $themeColor !important;
    ;
    color: #fff;
}

.menu-tree {
    background: rgba(238, 240, 241, 0.192);
    padding: 0px;
    margin-right: 0px;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 0px #cad1d4;
}

// .el-form-item__label {
//   font-size: 14px;
//   color: $themeColor;
// }
.el-checkbox__label {
    display: inline-block;
    padding-left: 10px;
    line-height: 19px;
    font-size: 14px;
    color: $themeColor !important
}

.table_header {
    background-color: $themeColor !important;
    color: #fff !important;
}

.el-table__body-wrapper::-webkit-scrollbar {
    width: 12px !important;
    /*滚动条宽度*/
    height: 12px !important;
    /*滚动条高度*/
}

.el-table__body-wrapper::-webkit-scrollbar-track {
    border-radius: 0px;
    /*滚动条的背景区域的圆角*/
    background-color: $themeColor;
    /*滚动条的背景颜色*/
    opacity: 0.5;
    cursor: pointer !important;
}

.el-table__body-wrapper::-webkit-scrollbar-corner {
    background-color: $themeColor;
    opacity: 0.8;
    cursor: pointer;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
    border-radius: 4px;
    /*滚动条的圆角*/
    background-color: $themeColor;
    /*滚动条的背景颜色*/
    opacity: 0.8;
}

//elememtui的样式修改
::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
    background-color: #b7c1c169;
}

::v-deep.el-table.el-table--enable-row-hover .el-table__body tr:hover>td {
    background: $hoverf;
    color: aliceblue;
    cursor: pointer;
}

.el-tree-node__expand-icon {
    font-size: 25px;
    color: rgb(169, 170, 172);
}

.vxe-table--render-default .vxe-cell {
    /* white-space: pre-line; */
    white-space: nowrap !important;
    /* word-break: break-all; */
    height: 25px !important;
    //line-height: 25px !important;
    /* align-items: center; */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
}

.vxe-body--row.row--hover {
    background-color: $themeColor !important;
    color: #FFF;
}


/*表格滚动条样式*/

.vxe-table--body-wrapper::-webkit-scrollbar {
    width: 12px;
}

.vxe-table--body-wrapper::-webkit-scrollbar-thumb {
    border-radius: 5px;
    height: 12px;
    background-color: $themeColor !important;
    border-radius: 30px !important;
}

.vxe-table--body-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(174, 173, 173);
    border-radius: 2px;
    background: rgb(177, 175, 175);
}

.vxe-body--row.row--current {
    background-color: rgb(2, 132, 123) !important;
    color: #fff !important;
}

// 斑马纹样式
.vxe-body--row.row--stripe {
    background-color: #79aeac !important;
}

.vxe-body--row {
    background-color: #dbf6f6 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.vxe-button.type--button {
    //font-family: inherit !important;
    // height:34px !important;
    //line-height: 25px !important;
    /* margin: 0 0 0 0; */
    margin-top: -1% !important;
    // height: 25px !important;
    // border: 1px solid #dcdfe6 ;
}

.vxe-button.type--button.theme--primary:not(.is--disabled):hover {
    border-color: rgb(13, 115, 103) !important;
    background-color: rgb(13, 115, 103) !important;
}

.el-table td {
    background-color: #dbf6f6 !important;
}

// .el-tree-node__expand-icon:hover {
//   font-size: 25px; 
//   color: green;
// }

