.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

/******** select start *********/

.el-select > .el-select__wrapper.is-disabled {
  background-color: var(--vxe-ui-input-disabled-background-color);
}

/******** select *********/

/** drawer */
.el-drawer {
  &__header {
    padding-top: 0;
    margin-bottom: 0;
  }

  &__body {
    padding: 0;
  }
}

/***************  */

/** drawer */
.el-backtop {
  z-index: 4096;
}

/***************  */

.el-upload {
  input[type='file'] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

.el-button--small {
  height: 25px;
  padding: 5px 15px;
}

// dropdown

.el-dropdown {
  // &-menu {
  //   // padding: 2px 0 !important;
  //   // &__item {
  //   //   padding-bottom: 5px !important;
  //   // }
  // }
  .el-button--small {
    height: 25px;
    padding: 2px 3px;
    font-size: 12px;
  }
}

.el-range-separator {
  box-sizing: content-box;
}

.is-dark {
  z-index: 99999 !important;
}

.el-popper {
  z-index: 99999 !important;
}

/* 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);
  }
}

.el-dropdown-menu .el-dropdown-menu__item {
  // margin-top: 8px;
  padding: 2px 5px 2px 0;
}

.el-message {
  z-index: 8688 !important;
}

.el-message__closeBtn {
  transform: none;
}

// 详情view
.el-scrollbar__view {
  width: 100%;
  height: 100%;

  .ut-main-wrapper {
    width: 100%;
    height: 100%;
  }
}

.el-select-dropdown__item {
  padding: 0 10px !important;
}

/* 自定义菜单搜索样式 */
.udp-search-dialog {
  @media screen and (width > 760px) and (width <= 940px) {
    .el-input__inner {
      font-size: 12px;
    }
  }

  @media screen and (width <= 470px) {
    .el-input__inner {
      font-size: 12px;
    }
  }

  .el-dialog__header {
    display: none;
  }

  .el-dialog__body {
    padding-top: 12px;
    padding-bottom: 0;
  }

  .el-input__inner {
    font-size: 1.2em;
  }

  .el-dialog__footer {
    padding-bottom: 10px;
    box-shadow:
      0 -1px 0 0 #e0e3e8,
      0 -3px 6px 0 rgb(69 98 155 / 12%);
  }
}

/* 自定义popover */
.udp-popper {
  padding: 0 !important;
}

// 重置disable 颜色
.el-input.is-disabled .el-input__inner {
  color: #040404;
  -webkit-text-fill-color: #040404;
}

/* 仿 el-scrollbar 滚动条样式，支持大多数浏览器，如Chrome、Edge、Firefox、Safari等。整体暗色风格在 src/style/dark.scss 文件进行了适配 */
.udp-scrollbar {
  scrollbar-color: rgb(221 222 224) transparent; /* 滑块颜色、轨道颜色 */

  /* Firefox */
  scrollbar-width: thin; /* 可选值为 'auto', 'thin', 'none' */
  ::-webkit-scrollbar {
    width: 6px; /* 滚动条宽度 */
  }

  /* 滚动条轨道 */
  ::-webkit-scrollbar-track {
    background: transparent; /* 轨道颜色 */
  }

  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    background-color: rgb(221 222 224);
    border-radius: 4px;
  }

  /* 滚动条滑块：hover状态 */
  ::-webkit-scrollbar-thumb:hover {
    background: rgb(199 201 203); /* 滑块hover颜色 */
  }
}