@charset "UTF-8";

.el-card {
    --el-card-border-color : var(--el-border-color-light);
    --el-card-border-radius: 4px;
    --el-card-padding      : 20px;
    --el-card-bg-color     : var(--el-fill-color-blank)
}

.el-card {
    border-radius   : var(--el-card-border-radius);
    border          : 1px solid var(--el-card-border-color);
    background-color: var(--el-card-bg-color);
    overflow        : hidden;
    color           : var(--el-text-color-primary);
    transition      : var(--el-transition-duration)
}

.el-card.is-always-shadow {
    box-shadow: var(--el-box-shadow-light)
}

.el-card.is-hover-shadow:hover,
.el-card.is-hover-shadow:focus {
    box-shadow: var(--el-box-shadow-light)
}

.el-card__header {
    padding      : calc(var(--el-card-padding) - 2px) var(--el-card-padding);
    border-bottom: 1px solid var(--el-card-border-color);
    box-sizing   : border-box
}

.el-card__body {
    padding: var(--el-card-padding)
}

.ele-card {
    --ele-card-bg                : var(--el-bg-color);
    --ele-card-radius            : var(--el-border-radius-base);
    --ele-card-shadow            : var(--el-box-shadow-lighter);
    --ele-card-hover-shadow      : 0 1px 2px -2px rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .12), 0 5px 12px 4px rgba(0, 0, 0, .09);
    --ele-card-header-padding    : 14px 24px;
    --ele-card-header-color      : var(--el-text-color-primary);
    --ele-card-header-font-size  : var(--el-font-size-medium);
    --ele-card-header-line-height: 24px;
    --ele-card-header-font-weight: normal;
    --ele-card-header-border     : 1px solid var(--el-border-color-light)
}

.ele-card.el-card {
    color        : inherit;
    overflow     : visible;
    box-sizing   : border-box;
    background   : var(--ele-card-bg);
    border-radius: var(--ele-card-radius);
    transition   : border-color .2s, background-color .2s, box-shadow .2s
}

.ele-card.el-card>.el-card__body {
    box-sizing: border-box
}

.ele-card.el-card>.el-card__header {
    padding: 0;
    border : none
}

.ele-card.el-card.is-always-shadow {
    box-shadow: var(--ele-card-shadow)
}

.ele-card.el-card.is-hover-shadow:hover,
.ele-card.el-card.is-hover-shadow:focus {
    box-shadow: var(--ele-card-hover-shadow)
}

.ele-card .ele-card-header {
    display      : flex;
    align-items  : center;
    color        : var(--ele-card-header-color);
    font-size    : var(--ele-card-header-font-size);
    font-weight  : var(--ele-card-header-font-weight);
    line-height  : var(--ele-card-header-line-height);
    border-bottom: var(--ele-card-header-border);
    padding      : var(--ele-card-header-padding);
    box-sizing   : border-box
}

.ele-card .ele-card-title {
    flex: 1
}

.ele-card.is-plain {
    border-width: 0
}

.ele-card.is-flex-table {
    flex          : 1;
    display       : flex;
    flex-direction: column;
    overflow      : auto
}

.ele-card.is-flex-table>.el-card__body {
    flex          : 1;
    display       : flex;
    flex-direction: column;
    overflow      : auto
}

.ele-card.is-flex-table>.el-card__body>.ele-pro-table {
    flex          : 1;
    display       : flex;
    flex-direction: column;
    overflow      : auto
}

.ele-card.is-flex-table>.el-card__body>.ele-pro-table>.ele-pro-table-view {
    flex    : 1;
    height  : 100%;
    overflow: hidden
}