$white_bg: rgba(255, 255, 255, 0.55);

// loading
.vxe-loading {
  background-color: $white_bg !important;
  color: #4b4b68 !important;
  font-family: $font_special;
  font-size: 3vh;
  z-index: 10000 !important;
  // border-radius: 1.67vh;
  // overflow: hidden;
}

// toast
.type--message {
  z-index: 10000 !important;
  .vxe-modal--box {
    background-color: rgba(0, 0, 0, 0.65) !important;
    box-shadow: 0 0.33vh 0.67vh 0 rgba(#000, 0.08);
    border: none !important;
    padding: 0.42vh 10px;

    .vxe-modal--content {
      color: #fff;
      font-size: 1.33vh;
    }
  }
}

// 下拉框的面板
.vxe-select--panel {
  padding-top: 0.83vh !important;

  .vxe-select--panel-wrapper {
    background-color: #fff;
    border-radius: 0.67vh;
    border: none !important;
    overflow: hidden;

    .vxe-select-option,
    .vxe-select--empty-placeholder {
      padding: 0.42vh 10px;
      height: 3.33vh;
      line-height: 2.5vh;

      &.is--selected {
        // background-color: $primary-color;
        color: #fff;
      }
    }
  }
}

// 对话框
.type--confirm,
.type--alert,
.type--modal {
  .vxe-modal--box {
    background-color: #fff;
    border-radius: 0.67vh;
    border: none !important;
    overflow: hidden;
    .vxe-modal--header {
      padding-top: 0.67vh;
      border: none !important;
      background-color: #fff !important;

      .vxe-modal--header-title {
        font-size: 1.33vh;
        color: #444;
        padding-left: 15px;
      }

      .vxe-modal--header-right {
        display: flex;
        align-items: center;
        gap: 15px;
        padding-right: 15px;

        .trigger--btn {
          background-color: #eee !important;
          border-radius: 50%;
          margin: 0;
          i {
            font-size: 1.17vh;
          }
        }
      }
    }

    .vxe-modal--body-default {
      padding-left: 15px !important;
      padding-right: 15px !important;

      .vxe-icon-question-circle-fill::before {
        color: #e44e4e !important;
        content: '\e785';
      }
    }
  }
}

// 表单组件
.vxe-form--item {
  .vxe-form--item-title {
    padding-right: 0 !important;
  }
}

$form_radius: 4px;
$form_placeholder: #969799;
$form_bg: #f5f5f5;
$form_icon: #444;
$form_color: #000;

.mj-table-select {
  border-radius: $form_radius;
  color: $form_color !important;
  height: 2.83vh !important;
  border: none !important;
  background-color: $form_bg !important;
  font-size: 1.17vh !important;

  &.disabled {
    background-color: #f3f3f3 !important;

    .placeholder {
      color: $form_placeholder !important;
    }
  }

  .placeholder {
    color: $form_placeholder !important;
  }

  > .right > .el-icon svg {
    color: $form_icon !important;
  }
}

.vxe-input {
  border: none !important;
  border-radius: $form_radius !important;
  background-color: $form_bg !important;

  .vxe-input--suffix {
    background-color: $form_bg !important;
    i {
      color: $form_icon !important;
    }
  }

  .vxe-input--inner {
    color: $form_color !important;
    padding-left: 10px;
  }

  input::placeholder {
    color: $form_placeholder !important;
  }
}

.vxe-form {
  .vxe-form--item-title-label {
    color: #444 !important;
  }
  .vxe-form--item-title-content:before {
    color: #e32929 !important;
  }
}

.vxe-button.type--button.theme--primary:not(.is--disabled) {
  // background-color: $primary-color !important;
  // border-color: $primary-color !important;

  &:hover {
    // opacity: $hover-opacity;
  }
}
