/* 改变主题色变量 */
$--color-primary: #1460F3;

/* 改变 icon 字体路径变量，必需 */
$--font-path: 'element-ui/lib/theme-chalk/fonts';

@import "element-ui/packages/theme-chalk/src/index";

// 导航菜单
.el-menu {
  text-align: left;
  border-right: none;
}

li.el-menu-item,
.el-submenu__title {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0;
  padding-left: 6px !important;
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;

  svg {
    margin-right: 8px;
  }

  i {
    color: #232A40;
  }
}

.el-submenu__icon-arrow {
  right: 0;
  font-size: 14px;
  font-weight: 800;
  transform: rotateZ(-90deg);
}

.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
  transform: rotateZ(0deg);
}

.el-submenu .el-menu-item {
  height: 40px;
  padding: 0;
  padding-left: 34px !important;
  margin-bottom: 8px;
  line-height: 28px;
  font-size: 14px;
}

.el-menu-item:hover,
.el-menu-item:focus,
.el-menu-item.is-active {
  background-color: #F6F7F9;
  border-radius: 6px;
}

.el-submenu__title:hover {
  background-color: unset;
}

// 表格 - Product页
.el-table {
  th.el-table__cell {
    padding: 16px 0;

    >.cell {
      padding: 0;
      color: #232A40;
      line-height: 20px;
    }
  }
  td.el-table__cell {
    padding: 16px 0;
  }

  .el-table__body tr.el-table__row {
    .el-table__expand-column {
      .el-table__expand-icon {
        .el-icon.el-icon-arrow-right {
          top: 8px;
          width: 16px;
          height: 16px;
          background-image: url('/src/assets/images/unfold.svg');

          &::before {
            display: none;
          }
        }
      }

      .el-table__expand-icon.el-table__expand-icon--expanded {
        transform: rotate(0deg);

        .el-icon.el-icon-arrow-right {
          background-image: url('/src/assets/images/fold.svg');
        }
      }
    }
  }

  .el-table__cell {
    padding: 10px 0 16px;

    .cell {
      position: relative;
      padding: 0;
      color: #505258;
      line-height: 20px;
    }
  }

  th.el-table__cell.is-leaf,
  td.el-table__cell {
    border-bottom: 1px solid #D9D9D9;
  }

  .el-table__cell.el-table__expanded-cell {
    padding: 0;

    form {
      display: flex;
      padding-top: 8px;
      padding-left: 68px;
      flex-direction: column;
      background: #F6F7F980;

      .el-form-item {
        display: flex;
        margin-bottom: 8px;
        flex-direction: column;

        label {
          font-size: 12px;
          color: #808185;
          font-weight: 700;
          line-height: 16px;
          margin-bottom: 2px;
        }

        .el-form-item__content {
          color: #808185;
          line-height: 16px;
        }
      }
    }
  }
}

.el-table::before,
.el-table--group::after,
.el-table--border::after {
  background-color: #D9D9D9;
}

// 分页
.el-pagination {
  padding: 20px 0;
}

.el-pagination::v-deep button {
  color: #232a40;
  background-color: #e7eaee !important;
}

.el-pagination::v-deep ul>li {
  color: #232a40;
  border-radius: 4px;
  margin-left: 6px;
  font-weight: normal !important;
  min-width: 24px !important;
  height: 24px !important;
  background-color: #fff;
}

.el-pagination::v-deep ul>.active {
  color: #232a40 !important;
  background-color: #c6c9cc !important;
}

// ToolTip
.el-tooltip__popper.is-dark {
  font-size: 14px;
  max-width: 320px;
  padding: 4px 8px;
  font-weight: 400;
  line-height: 20px;
  background: #373A47;
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.12);
}

.el-tooltip__popper {
  margin-top: 0 !important;
}

.el-message {
  top: 20px !important;
}

.el-message.el-message--success {
  height: 36px;
  padding: 12px;
  min-width: auto;
  border-color: #373A47;
  background-color: #373A47;

  .el-message__icon.el-icon-success {
    width: 20px;
    height: 20px;
    background-image: url('/src/assets/images/success.svg');

    &::before {
      display: none;
    }
  }

  p {
    color: #fff;
  }
}

.el-message--error {
  border-color: #ff5054 !important;
  height: 36px;
  min-width: auto !important;
  padding: 12px !important;
}

.el-message__closeBtn {
  right: 10px
}

.el-dialog {
  border-radius: 8px !important;

  .el-dialog__header {
    display: none !important;
  }

  .el-dialog__body {
    display: flex;
    padding: 24px;
    text-align: center;
    word-break: normal;
    align-items: center;
    flex-direction: column;
  }

  .el-dialog__footer {
    padding: 0 24px 24px;

    .el-button {
      width: 133px;
      height: 32px;
      padding: 0;

      &.el-button--default {
        border-color: #1460F3;

        span {
          color: #1460F3;
        }
      }

      span {
        line-height: 20px;
      }
    }

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

  .el-dialog__footer_div {
    padding: 24px 20px 4px !important;

    .el-button {
      width: 133px !important;
      height: 32px !important;
      padding: 0 !important;

      &.el-button--default {
        border-color: #1460F3 !important;

        span {
          color: #1460F3 !important;
        }
      }

      span {
        line-height: 20px !important;
      }
    }

    .el-button+.el-button {
      margin-left: 8px !important;
    }
  }
}


.el-select-dropdown {
  margin-top: 0px !important;
  .popper__arrow {
    display: none !important;
  }
}

.el-select ::v-deep .el-tag {
  color: #505258 !important;
  border: 1px solid #8D9CB9 !important;
  background-color: #EEF4FF !important;
}

.el-input {
  .el-input__suffix {
    right: 18px;
  }
}
// 下拉框placeholder颜色，文字颜色
.el-input__inner:not(.el-pagination .el-input__inner) {
  color: #232A40;

  &::placeholder {
    color: #808185;
  }
}

.el-popper.el-cascader__dropdown {
  box-shadow: none;
  background: transparent;
  border: solid 1px transparent;

  .el-cascader-panel {
    & .el-scrollbar.el-cascader-menu:nth-child(1) {
      border-right: none;

      .el-cascader-menu__wrap {
        height: auto;
        overflow: hidden;
        border-radius: 4px;
        background: white;
        margin: 0 !important;
        box-shadow: 0px 4px 12px 0px #1018281A;

        .el-icon-check.el-cascader-node__prefix {
          display: none;

          &::before {
            display: none;
          }
        }
      }
    }

    & .el-scrollbar.el-cascader-menu:nth-child(2) {
      border-radius: 4px;
      box-shadow: 0px 4px 12px 0px #1018281A;

      .el-cascader-menu__wrap {
        height: 368px;
        background: white;

        .el-icon-check.el-cascader-node__prefix {
          display: none;

          &::before {
            display: none;
          }
        }
      }
    }

    .el-cascader-menu {
      min-width: 160px;

      .el-cascader-node {
        &:hover {
          background-color: #E6F2FF;
        }

        padding-left: 16px;

        .el-cascader-node__label {
          padding-left: 0;
        }
      }
    }
  }
}
.el-popper.el-cascader__dropdown {
  margin-top: 0;
  .el-scrollbar.el-cascader-menu {
    height: 100%;
    box-shadow: 0px 4px 12px 0px #1018281A;
  }
  .popper__arrow {
    display: none;
    &::after {
      display: none;
    }
  }
}
.el-dropdown-menu.el-popper {
  padding: 4px 0;
  .el-dropdown-menu__item {
    padding: 0;
    font-size: 14px;
    color: #101828;
    line-height: 20px;
    button {
      padding: 10px 12px;
    }
    &:hover {
      background: #F1F1F2;
    }
  }
}
.el-loading-mask .el-loading-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.signSelect {
  thead {
    .el-table-column--selection {
      .cell {
        display: none;
      }
    }
  }
}
.el-loading-text {
  color: #808185 !important;
}