@use './var.css';
@use './FormCreate/index.scss';
@use './theme.scss';
@use 'element-plus/theme-chalk/dark/css-vars.css';
// * {
//   font-family:
//     'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑',
//     Arial, sans-serif;
// }
.reset-margin [class*='el-icon'] + span {
  margin-left: 2px !important;
}

// 解决抽屉弹出时，body宽度变化的问题
.el-popup-parent--hidden {
  width: 100% !important;
}

// 解决表格内容超过表格总宽度后，横向滚动条前端顶不到表格边缘的问题
.el-scrollbar__bar {
  display: flex;
  justify-content: flex-start;
}

/* nprogress 适配 element-plus 的主题色 */
#nprogress {
  & .bar {
    background-color: var(--el-color-primary) !important;
  }

  & .peg {
    box-shadow:
      0 0 10px var(--el-color-primary),
      0 0 5px var(--el-color-primary) !important;
  }

  & .spinner-icon {
    border-top-color: var(--el-color-primary);
    border-left-color: var(--el-color-primary);
  }
}
/* 导航栏 v-tags-view 标题样式 */
.v-tags-view__item--label {
  font-size: 14px;
  position: relative;
}
/* 强制 Dialog 标题左对齐 */
.el-dialog__title {
  text-align: left !important;
}
/* 改变 el-table, form 样式 :参照ant-design风格*/
.el-table__header thead tr th {
  background-color: #fafafa !important;
  color: rgba(0, 0, 0, 0.88) !important;
}
.el-table__inner-wrapper {
  color: rgba(0, 0, 0, 0.88) !important;
}
.el-table--border {
  border: 1px solid #f0f0f0 !important;
  border-radius: 8px !important;
}
.el-table--border:before,
.el-table--border:after,
.el-table--border .el-table__inner-wrapper:after,
.el-table__border-left-patch,
.el-table__border-bottom-patch,
.el-table__border-right-patch {
  display: none !important;
}
.el-button {
  border-radius: 6px !important;
}
.el-form-item__label {
  color: rgba(0, 0, 0, 0.88) !important;
}
.el-input__wrapper,
.el-select__wrapper {
  border-radius: 6px !important;
}
.el-card,
.el-card__body {
  border-radius: 8px !important;
}
.el-pagination.is-background .el-pager li {
  background-color: #fff !important;
  color: rgba(0, 0, 0, 0.88) !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 4px !important;
}
.el-pagination.is-background .el-pager li.is-active {
  background-color: #fff !important;
  color: #1677ff !important;
  border-color: #1677ff !important;
  font-weight: 400 !important;
}
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next {
  background-color: #fff !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 4px !important;
}
/* 改变 顶部导航栏 样式 :参照ant-design风格*/
.v-tags-view__item {
  border-radius: 6px !important;
  color: rgba(0, 0, 0, 0.88) !important;
}
.v-tags-view__item.is-active {
  background-color: #e9f1fe !important;
  color: #1677ff !important;
  border: none !important;
  border-radius: 8px !important;
  position: relative;
  margin-bottom: 16px;
  overflow: visible;
}
.is-active .v-tags-view__item--close svg {
  color: rgba(0, 0, 0, 0.44) !important;
}
.v-tags-view__item--close {
  right: -13px !important;
}
.edit-table .el-form-item {
  margin-bottom: 0 !important;
}
// .el-button--default {
//   color: rgba(0, 0, 0, 0.88);
// }
.el-button--default:hover {
  border-color: #409eff;
  background-color: #fff;
  color: #409eff;
}
.el-button.el-button--primary:hover {
  background-color: rgb(121, 187, 255);
  color: #fff;
  border-color: rgb(121, 187, 255);
}
.el-button.el-button--success:hover {
  background-color: rgb(149, 212, 117);
  color: #fff;
  border-color: rgb(149, 212, 117);
}
.el-button.el-button--warning:hover {
  background-color: rgb(238, 190, 119);
  color: #fff;
  border-color: rgb(238, 190, 119);
}
.el-button.el-button--danger:hover {
  background-color: rgb(248, 152, 152);
  color: #fff;
  border-color: rgb(248, 152, 152);
}
.el-button--primary.is-plain,
.el-button--primary.is-text {
  background-color: #409eff;
  color: #fff;
  border-color: #409eff;
}
.el-button--primary.is-link:hover {
  color: rgb(121, 187, 255);
}
.el-button--success.is-link:hover {
  color: rgb(149, 212, 117);
}
.el-button--warning.is-link:hover {
  color: rgb(238, 190, 119);
}
.el-button--danger.is-link:hover {
  color: rgb(248, 152, 152);
}
.el-tag.el-tag--primary {
  background-color: #1677ff !important;
  color: #fff !important;
  border-color: #1677ff !important;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #e9f1fe;
  color: var(--el-color-primary);
  border-radius: 4px;
}
.el-dropdown-menu__item:not(.is-disabled):focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--el-fill-color-light);
  color: var(--el-color-primary);
}
.el-button:hover {
  border-color: #409eff;
  background-color: #fff;
  color: #409eff;
}
.el-button--default:hover {
  border-color: #409eff;
  background-color: #fff;
  color: #409eff;
}
.el-button.el-button--primary:hover {
  background-color: rgb(121, 187, 255);
  color: #fff;
  border-color: rgb(121, 187, 255);
}
.el-button.el-button--success:hover {
  background-color: rgb(149, 212, 117);
  color: #fff;
  border-color: rgb(149, 212, 117);
}
.el-button.el-button--warning:hover {
  background-color: rgb(238, 190, 119);
  color: #fff;
  border-color: rgb(238, 190, 119);
}
.el-button.el-button--danger:hover {
  background-color: rgb(248, 152, 152);
  color: #fff;
  border-color: rgb(248, 152, 152);
}
.el-button--primary.is-plain,
.el-button--primary.is-text {
  background-color: #409eff;
  color: #fff;
  border-color: #409eff;
}
.el-button--primary.is-link:hover {
  color: rgb(121, 187, 255);
}
.el-button--success.is-link:hover {
  color: rgb(149, 212, 117);
}
.el-button--warning.is-link:hover {
  color: rgb(238, 190, 119);
}
.el-button--danger.is-link:hover {
  color: rgb(248, 152, 152);
}
.el-tag.el-tag--primary {
  background-color: #1677ff !important;
  color: #fff !important;
  border-color: #1677ff !important;
}
.el-tag.el-tag--primary.el-tag--light {
  background-color: rgb(236, 245, 255) !important;
  color: #409eff !important;
  border-color: rgb(217, 236, 255) !important;
}
.el-card {
  border: none;
  box-shadow:
    0 1px 2px 0 rgba(0, 0, 0, 0.03),
    0 1px 6px -1px rgba(0, 0, 0, 0.02),
    0 2px 4px 0 rgba(0, 0, 0, 0.02);
}
.v-tags-view {
  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
}
.el-tree,
.el-input__inner,
.el-select__placeholder,
.el-date-editor .el-range-input {
  color: rgba(0, 0, 0, 0.88);
}
.el-tree-node__content {
  height: 34px;
  margin: 1px 0;
}
.section-title {
  font-weight: bold;
  font-size: 14px;
  color: #303133;
  margin-top: 15px;
  margin-bottom: 15px;
  border-left: 4px solid var(--el-color-primary);
  padding-left: 8px;
  height: 14px;
  line-height: 14px;
}

.section-title:first-child {
  margin-top: 0;
}
.el-button.is-disabled.el-button--primary {
  background-color: color-mix(in srgb, var(--el-color-primary) 60%, white 40%) !important;
  border-color: color-mix(in srgb, var(--el-color-primary) 60%, white 40%) !important;
}
.el-button.is-disabled.el-button--primary:hover {
  background-color: color-mix(in srgb, var(--el-color-primary) 75%, white 25%) !important;
  border-color: color-mix(in srgb, var(--el-color-primary) 75%, white 25%) !important;
}
.customer-tab-content .el-card__body {
  padding: 0 !important;
}
.el-calendar-table td.is-selected {
  background-color: var(--el-color-primary) !important;
  color: #fff !important;
}
// .el-calendar-table td.is-today {
//   color: #fff !important;
// }
.el-calendar-table .el-calendar-day:hover {
  background-color: var(--el-color-primary) !important;
  color: #fff !important;
}
.el-loading-mask {
  z-index: 999 !important;
}
.noCard.el-card {
  box-shadow: none !important;
}
.noCard.el-card .el-card__body {
  padding: 0 !important;
}
.el-collapse,
.el-collapse-item__header,
.el-collapse-item__content {
  border: none !important;
}
