/* 主样式文件 */

/* 全局样式 */
html,
body {
  margin: 0;
  padding: 0;
  font-family: 'PingFang SC', 'Hiragino Sans GB', 'Helvetica Neue', Helvetica,
    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

button {
  background-color: transparent;
}

:root {
  --el-color-primary: #3b82f6;
  --bali-hai-100: #f2f3f5;
}

/* 表格样式 */
.el-table .cell {
  font-size: 14px;
}

.el-table__header .cell {
  color: #5d697a;
  font-weight: 600;
}

td.el-table__cell .cell {
  color: #323843;
}

/* 针对el-table的cell内容，设置除第一个子元素外的样式 */
/* td.el-table__cell .cell > *:not(:first-child) {
  color: #5d697a;
  font-size: 12px;
} */

/* 针对el-table的cell内容，如果有多个子元素，第一个子元素文字加粗font-weight: 500，如果只有一个子元素则不添加 */
/* .el-table .cell > *:first-child:not(:last-child) {
  font-weight: 500;
} */

.cell-content > *:not(:first-child) {
  color: #5d697a;
  font-size: 12px;
}

/* .cell-content > *:first-child:not(:last-child) {
  font-weight: 500;
} */

.el-table .cell .el-button,
.el-button--small,
.is-link {
  font-size: 14px;
  line-height: 23px;
  font-weight: 400;
  margin-left: 0;
  padding: 0;
}

.el-table .el-table__cell {
  padding: 12px 0;
  vertical-align: top;
}

.el-table__cell:not(.el-table-column--selection) .cell {
  padding: 0 16px;
  line-height: 23px;
}

.el-table {
  --el-table-border-color: #e6e9ee;
  --el-table-border: 1px solid #e6e9ee;
}

/* 开关样式 */
.el-switch__label {
  height: auto;
}

.el-checkbox__label {
  font-size: 14px;
  color: #5d697a;
  font-weight: 400;
}

.el-checkbox .el-checkbox__label .el-text {
  font-size: 14px;
  color: #5d697a;
  font-weight: 400;
}

.el-checkbox.is-checked .el-checkbox__label .el-text {
  color: #323843;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .el-form-item {
    margin-bottom: 18px;
  }

  .el-form-item__label {
    float: none;
    display: block;
    text-align: left;
    padding: 0 0 8px;
  }

  .el-form-item__content {
    margin-left: 0 !important;
  }
}

/* element-plus reset */
.container,
.login-page {
  --el-color-primary: #3b82f6;
  --el-button-font-weight: 400;
}
.container .el-button {
  --el-button-font-weight: 400;
}

.gray-breadcrumb-item {
  --el-text-color-regular: #828da5;
}

.flex-operator .operator-cell-btn {
  --el-button-font-weight: 400;
  margin-left: 0 !important;
  padding-left: 0;
}
/* type=link 的 el-button文字颜色 */
.operator-cell-btn.el-button--text {
  color: #5d697a;
}

.operator-col .el-dropdown-menu__item {
  font-size: 12px !important;
}

.el-range-separator {
}

.el-form-item__label {
  /* font-size: 14px; */
  color: #323843;
}

/* siderbar 样式重写 */
.app-sidebar {
  --el-menu-text-color: #5d697a;
  --el-menu-active-color: #323843;
}
.app-sidebar .el-menu-item.is-active {
  background-color: #eef5ff;
  border-left: 2px solid #3b82f6;
  border-right: none;
}

.page {
  padding: 16px;
}
.page > * + * {
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .app-sidebar .el-menu-item.is-active {
    background-color: #eef5ff;
    border-left: none;
    border-right: 2px solid #3b82f6;
  }

  .page {
    padding: 24px;
  }
}

/* dialog */
.el-drawer__header {
  margin-bottom: 0;
}

/* 自定义样式 */
.label {
  display: inline-block;
  width: 70px;
  font-weight: 400;
  font-size: 14px;
  color: #707a91;
  margin-right: 12px;
  text-align: right;
  white-space: nowrap;
  line-height: 32px;
}

.title {
  font-size: 16px;
  font-weight: 500;
  color: #323843;
  white-space: nowrap;
}

.form-label {
  font-weight: 400;
  font-size: 14px;
  color: #323843;
  margin-right: 12px;
  white-space: nowrap;
}

.bg-bali-hai-100 {
  background-color: var(--bali-hai-100);
}

/*  */
/* .el-radio-group {
  --el-radio-button-checked-bg-color: var(--el-color-white);
  --el-radio-button-checked-text-color: var(--el-color-primary);
} */
.el-radio-button__inner {
  font-size: 14px;
  font-weight: 400;
}

label.el-radio-button.is-active > .el-radio-button__inner {
  background-color: white !important;
  color: var(--el-color-primary) !important;
}
label.el-radio-button.danger > .el-radio-button__inner {
  background-color: white !important;
  color: var(--el-color-danger) !important;
}