/* 颜色 */
:root{
  --primary:#0857E8;
}
.primary {
  color: #0857E8;
}

.delete {
  color: #ff4d4f;
}

.green {
  color: #1bbc9b;
}

.clofff {
  color: #fff;
}

.orange {
  color: orange;
}

.bgdel {
  background-color: #ff4d4f;
}

.bgpr {
  background-color: #1890ff;
}

.bgg {
  background-color: #1bbc9b;
}
.bgw{
  background-color: #fff;
}
.primary-bg{
  background: linear-gradient(90deg, #1845c6 0%, #2999ff 100%);
}

.pagination {
  margin-top: 10px;
  text-align: right;
}

/**
    element-ui
*/
/* el-table列数据为空自动显示-- */
.cell:empty::before {
  content: "--";
  color: gray;
}

.el-dialog__body {
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  padding: 20px !important;
}

.el-card {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.el-card__body {
  width: 100%;
  flex: 1;
  padding-bottom: 10px !important;
}

.gutter {
  width: 6px !important;
}
.auto-scroll{
  overflow-y: auto;
}
// ::-webkit-scrollbar {
//   width: 6px;
//   height: 6px;
//   overflow-y: auto;
// }

// ::-webkit-scrollbar-thumb {
//   border-radius: 6px;
//   background-color: rgba(144, 147, 153, 0.5);
// }

// ::-webkit-scrollbar-track {
//   border-radius: 6px;
//   background: rbga(0, 0, 0, 0);
// }

.autoWidth {
  min-width: 120px;
}
.autoWidth .el-input__prefix {
  position: relative;
  left: 0px;
  box-sizing: border-box;
  border: 1px solid #ffffff00;
  padding: 0px 30px;
  height: 32px;
  line-height: 32px;
  visibility: hidden;
}
.autoWidth .el-input__inner {
  padding-left: 15px !important;
  position: absolute;
}
.el-tooltip__popper {
  max-width: 20%;
}
.el-drawer__header {
  margin-bottom: 20px !important;
}
.el-drawer__body {
  border-top: 1px solid #ececec;
}
// .el-button--primary {
//   background: linear-gradient(90deg, #5ab6ff, #2e9aff) !important;
//   border: none !important;
//   border-color: transparent !important;
// }
.el-dialog__header {
  .el-dialog__title {
    color: #1890ff !important;
    font-size: 18px;
    font-weight: bold;
  }
  .el-dialog__close {
    color: #188fff !important;
    font-size: 26px;
    font-weight: bold;
  }
}
.el-pagination__jump {
  margin-left: 0px !important;
}
.el-tabs__nav-scroll {
  padding-left: 15px;
  .tab-label {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.65);
  }
  .is-active {
    .tab-label {
      color:var(--primary)
    }
  }
}
.el-tabs__header{
  margin: 0px !important;
}
.el-tabs__active-bar{
  background-color:var(--primary)
}

.el-descriptions-item__content:empty::before {
  content: "--";
  color: gray;
}

// .search-popover{
//   box-shadow: 0 0 12px 0 rgba(24, 144, 255, 0.1);
//   border: 1px solid var(--primary);
//   .popper__arrow::after{
//     border-bottom-color: var(--primary) !important;

//   }
// }
