/* 全局配置 */
body {
    /* 全局定义默认颜色 */
    --defaultcolors: #5682F7 !important;
    --defaaultTabColor: #5682F7 !important;
}

.el-header {
    width: 100%;
    height: 64px!important;
    line-height: 64px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.main-content {
    height: calc(100vh - 64px);
    padding: 16px;
    border-radius: 6px;
    overflow: auto;
}

.el-menu {
    border-right: none;
    background-size: 100% 100%;
    background-color: #242832;
}

/* 侧边栏菜单 */

.el-menu-item {
    color: #fff;
    font-size: 16px;
    margin-left: 3px;
    opacity: 0.8;
    filter: alpha(80);
}

.el-menu-item:hover,
.el-menu-item:focus {
    background-color: rgba(255, 255, 255, 0.25);
}

.el-menu-item i{
    color: #fff;
}

.el-menu-item.is-active {
    opacity: 1;
    filter: alpha(100);
    background: linear-gradient(to right, rgba(51, 113, 252, 1) 50%, rgba(80, 94, 126, 0.7) 100%);
    border-left: #FFFFFF 3px solid;
    margin-left: 0px;
}

.el-menu-item,
.el-submenu__title {
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
}


/* popover */

.el-popover {
    width: fit-content;
    min-width: unset;
    padding: unset;
}


/* drawer */

.el-drawer__body {
    padding: 0 22px 22px;
}

.el-drawer__header {
    margin-bottom: 0;
    padding: 32px;
    color: #121212;
}

.el-drawer__header>:first-child {
    font-size: 20px;
}


/* tree */

.el-tree {
    color: #3A424F;
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: rgb(72, 128, 255, 0.08);
    border-radius: 6px;
}

.el-tree-node__content:hover {
    background-color: #F5F7FA;
    border-radius: 6px;
}

.el-tree-node__content {
    height: 34px;
    line-height: 34px;
}

.left-contain .el-tree-node__content,
.right-contain .el-tree-node__content {
    /* border-bottom: #D2D5DC 1px solid; */
}
.el-tree__empty-block {
    min-height: 30px;
}
.el-tree__empty-text {
    font-size: 12px;
}


/* el-form */

.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
    margin-bottom: 22px;
}

.el-form--label-top .el-form-item--small .el-form-item__label {
    line-height: 1;
    margin-bottom: 8px;
}
.el-input--small {
    font-size: 12px;
}


.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    width: 34px;
}

.el-input-group__prepend {
    color: #121212;
    background-color: #fff;
}

.el-input__inner {
    color: #121212;
}

.el-form--inline .el-form-item {
    margin-right: 16px;
}

.el-form-item__label {
    color: #121212;
}

.el-textarea__inner {
    height: 100%;
}

.el-textarea__inner {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 2;
}
.el-form-item__content {
    font-size: 12px;
}


/* el-checkbox */

.strategy-box .el-checkbox {
    width: 100%;
}

.strategy-box .el-checkbox__label {
    width: 100%;
}


/* el-button */

.el-button--small:not(.is-circle,
.el-button--text),
.el-button--small.is-round {
    padding: 0 15px;
    line-height: 32px;
    height: 32px;
}

.el-button--text {
    padding-left: 0;
    padding-right: 0;
    color: var(--defaultcolors);
}

.drawer-footer .el-button--mini,
.drawer-footer .el-button--small {
    min-width: 120px;
}

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


/* el-table */

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    float: left;
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #F0F5FA;
}

.el-table th {
    background-color: #F0F5FA;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
}

.el-table thead {
    color: #494F55;
    font-weight: normal;
}

.el-table {
    color: #121212;
}


/* 针对子元素 表格缩进 */

span.el-table__indent::after {
    content: '❷';
    font-size: 20px;
    color: var(--defaultcolors);
    vertical-align: bottom;
}


/* collapse */

.el-collapse-item__header {
    font-size: var(--f14);
    background: linear-gradient(#F4F7FC, #EAF0F5);
    padding: 0 20px;
}

.el-collapse-item__content {
    padding-bottom: 0px;
}


/* el-tag */

/* .el-tag--small {
    padding: 3px 14px;
    border-radius: 28px;
    height: unset;
    line-height: unset;
} */

/* tooltip */

.el-tooltip__popper {
    line-height: 1.5;
    max-width: 600px;
    word-break: break-all;
}


/* bread */

.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
    color: #999DA4;
    font-weight: normal;
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: var(--defaultcolors);
}


/* tab */

.el-tabs__header {
    margin: 0;
}

.out-tab .el-tabs__item {
    font-size: 20px;
}

.in-tab .el-tabs__item {
    font-size: 16px;
}

.pc-strategy .el-tabs__content {
    height: calc(100% - 40px);
    overflow-y: auto;
}


/* 上传文件(只能上传一个文件的情况) - 列表放在按钮的左侧 */

.single-file .el-upload-list {
    display: inline-block;
    vertical-align: bottom;
}

/* 系统管理员 禁用checkbox 背景色 */
.perm-box .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: rgba(51, 113, 252, 0.6);
    border-color: rgba(41, 148, 255, 0.2);
}
.perm-box .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
    border-color: #fff;
}


/* el-dialog */
.el-dialog__header * {
    font-size: 14px;
}
.el-dialog__body {
    color: #333333;
}