// cover some element-ui styles

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

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

.el-upload__input {
    display: none;
}

.cell {
    .el-tag {
        margin-right: 0px;
    }
}

.small-padding {
    .cell {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.fixed-width {
    .el-button--mini {
        padding: 7px 10px;
        width: 60px;
    }
}

.status-col {
    .cell {
        padding: 0 10px;
        text-align: center;

        .el-tag {
            margin-right: 0px;
        }
    }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
    transform: none;
    left: 0;
    position: relative;
    margin: 0 auto;
}

// refine element ui upload
.upload-container {
    .el-upload {
        width: 100%;

        .el-upload-dragger {
            width: 100%;
            height: 200px;
        }
    }
}

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

// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
    display: inline-flex !important;
}

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


.el-menu-item:focus, .el-menu-item:hover {
    background-color: inherit;
}

.el-form-item__label {
    font-weight: normal;
}

.el-pagination {
    text-align: center;
    padding: 20px;
}

// rest el-table style
.el-table {
    font-size: 14px;

    th {
        background-color: #f5f5f5;
        color: #333;

        font-weight: 500;

        &.is-leaf {
            border-bottom: 0;
        }
    }

    td {
        padding: 10px 0;
        border-bottom: none;
    }

    .el-button {
        padding: 2px 3px;
        font-size: 14px;

        & + .el-button {
            margin-left: 3px;
        }
    }
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: #f7f7f7;
}

.el-table--small th, .el-table--small td {
    padding: 6px 0;
}

.el-table--small th {
    padding: 10px 0;
}

.el-drawer__header > :first-child,
.el-drawer__close-btn {
    outline: none;
}