.el-form-item__label {
  font-size: 14px;
  color: #909399 !important;
}

.el-select {
  width: 230px;

  .el-select__placeholder {
    color: #d9dbdc !important;
  }

  .el-select__wrapper {
    background-color: var(--bg-secondary) !important;
    box-shadow: 0 0 0 1px #434343 inset !important;
  }

  .el-input {
    background-color: var(--bg-secondary);

    input {
      color: #d9dbdc;
      background-color: transparent;

      &::placeholder {
        color: rgba(255, 255, 255, 0.5);
      }
    }
  }
}

.el-select-dropdown {
  background-color: var(--bg-secondary);
  border: none;

  .el-select-dropdown__item {
    color: #d9dbdc;

    &.selected {
      background-color: rgba(255, 255, 255, 0.1);
    }

    &:hover {
      background-color: rgba(255, 255, 255, 0.05);
    }
  }
}

.el-popper.is-light,
.el-popper.is-light>.el-popper__arrow:before {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--bg-secondary) !important;
}

.el-select-dropdown__item.is-hovering {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.el-select-dropdown__item {
  color: #d9dbdc;

  &.selected {
    background-color: rgba(255, 255, 255, 0.1);
  }

  &:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
}

.el-select-dropdown__item.is-hovering {
  background-color: rgba(255, 255, 255, 0.1);
}

.el-popper__arrow {
  background-color: #253a67 !important;
}

.el-range-editor {
  background-color: var(--bg-secondary) !important;
  border-color: var(--bg-secondary) !important;

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

  .el-range-input {
    color: #d9dbdc !important;
    background-color: transparent !important;
    font-size: 15px !important;

    &::placeholder {
      color: rgba(255, 255, 255, 0.5) !important;
    }
  }

  .el-range-separator {
    color: rgba(255, 255, 255, 0.7) !important;
  }
}

.el-icon {
  color: rgba(255, 255, 255, 0.7) !important;
}


.el-date-editor.el-input__wrapper {
  box-shadow: 0 0 0 1px #434343 inset !important;
}

.el-popper.is-light {
  border: 1px solid #181d21 !important;
}

.date-picker-popper {
  border: 1px solid #181d21 !important;
  box-shadow: #181d21 !important;

  .el-date-editor {
    background: #00000040;
    box-shadow: 0 0 0 2px #181d21 inset !important;
  }

  .el-input__wrapper {
    box-shadow: 0 0 0 1px #535252 inset !important;
  }

  .el-date-range-picker__time-header {
    border-bottom: 1px solid #8a9199 !important;
  }

  .el-picker-panel {
    color: #d9dbdc !important;
  }

  .el-picker-panel__body {
    background: #181d21;
  }

  .el-date-range-picker__content.is-left {
    border-right: 1px solid #181d21 !important;
  }

  .el-date-table th {
    border-bottom: 1px solid #181d21 !important;
  }

  .el-date-table th {
    color: #d9dbdc !important;
  }

  .el-date-table td.in-range .el-date-table-cell {
    background-color: #181d21 !important;
  }

  .el-date-editor .el-range__icon,
  .el-date-editor .el-range-separator,
  .el-date-editor .el-range-input {
    color: #d9dbdc !important;
    font-size: 14px !important;
  }

  .el-picker-panel__footer {
    background-color: #181d21 !important;
    border-top-color: #181d21 !important;
  }

  .el-input__wrapper {
    background-color: #181d21 !important;
  }

  .el-button.is-text {
    color: #d9dbdc !important;
  }

  .el-button.is-plain {
    color: #4e7bfa !important;
    background-color: rgba(78, 123, 250, 0.2) !important;
    border-color: #4e7bfa !important;
  }

  .el-button.is-text:not(.is-disabled):hover {
    background-color: #9b9a9a !important;
  }

  .el-select__wrapper {
    background-color: #181d21 !important;
  }

  .el-input__inner {
    color: #d9dbdc !important;
  }

  .el-picker-panel .el-time-panel {
    background-color: #181d21 !important;
    border-color: #181d21 !important;
  }

  .el-time-panel__footer {
    border-color: #181d21 !important;
  }

  .el-time-spinner__item.is-active:not(.is-disabled) {
    color: #d9dbdc !important;
  }

  .el-select-dropdown {
    background-color: #181d21 !important;
  }

  .el-select-dropdown__item {
    color: #d9dbdc !important;
  }

  .el-select-dropdown__item .is-hovering {
    color: #181d21 !important;
  }

  .date-picker-popper .el-picker-panel__body {
    background-color: #181d21 !important;
  }
}
.common-table {
  
  .el-table tr,.el-table th.el-table__cell {
    background-color: #101418 !important;
    color: #ccc !important;
  }

  .el-table--border .el-table__cell {
    border-color: #000000 !important;
  }
}
.el-table {
  --el-table-border-color: #101418 !important;
}
.el-scrollbar__wrap {
  background-color: #101418 !important;
}


.el-table .el-table__body tr:hover > td {
  background-color:rgba(82, 82, 82, 0.5) !important;
}

.el-table__border-left-patch {
  background-color: #101418 !important;
}

.collectorList .health-score {
  color: rgba(54, 241, 205, 0.7) !important;
}

.el-pagination button.is-disabled, .el-pagination button:disabled {
  background-color: #181d21 !important;
  cursor: not-allowed;
}
.el-pager li ,.btn-next,.btn-prev{
  background-color: #181d21 !important;
  color: #ccc;
}
.el-table__header,
.el-table__body {
  width: 100% !important;
}

.el-table__header th {
  user-select: none;
}

.el-table {

  // 设置表头样式
  th.el-table__cell {
    background-color: #181D21 !important;
    color: #dce0e4;
    font-weight: 600;
    border-bottom: 1px solid #434343 !important;
    border-right: 1px solid #434343 !important;
  }

  td.el-table__cell {
    background-color: #181D21 !important;
    color: #c5c8cc;
    border-bottom: 1px solid #434343 !important;
    border-right: 1px solid #434343 !important;
  }

  .el-table__border-left-patch,
  .el-table__inner-wrapper:after,
  .el-table__inner-wrapper:before {
    background-color: #434343 !important;
  }

  .el-table__body-wrapper {
    background-color: #181D21;
  }
}
.el-table--border:after {
  background-color: #434343 !important;
}

.all-select-btn {
  .search-btn-balck-theme {
    background-color: #36f1cd33;
    color: #36f1cd;
    border-color: #36f1cd;
  }
  .search-btn-balck-theme:hover {
    background-color: #36f1cc7c;
    color: #36f1cd;
    border-color: #36f1cd;
  }
  .reset-btn-balck-theme {
    background-color: #4e7bfa33;
    color: #4e7bfa;
    border-color: #4e7bfa;
  }
  .reset-btn-balck-theme:hover {
    background-color: #4e7bfa7c;
    color: #e8eaef;
    border-color: #4e7bfa;
  }
  .export-btn-balck-theme {
    background-color: #f5b83d33;
    color: #f5b83d;
    border-color: #f5b83d;
  }
  .export-btn-balck-theme:hover {
    background-color: #f5b83d7c;
    color: #f5b83d;
    border-color: #f5b83d;
  }
  .cancel-btn-balck-theme {
    background-color: #8a898933;
    color: #8a8989;
    border-color: #5b4f4fbd;
  }
  .cancel-btn-balck-theme:hover {
    background-color: #8a89897c;
    color: #d2cfcf;
    border-color: #a7a3a3;
  }
}
.green-color {
  color: #36f1cd !important;
}
.black-theme {
  background-color: #181D21 !important;
}

.el-input {
  .el-input__wrapper {
    background-color: #181d21 !important;
    box-shadow: 0 0 0 1px #434343 inset !important;
  }
}

.el-pagination button {
    background: var(--bg-secondary) !important;
}

.el-pager li {
    background: var(--bg-secondary) !important;
}

.el-pager li.is-active, .el-pager li:hover {
    color: var(--success) !important;
}
.el-pager li { 
    color: var(--text-secondary) !important;
    &:hover {
        color: var(--success) !important;
    }
}
.el-pagination__total {
    color: var(--text-secondary) !important;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #36f1cd !important;
  background-color: #36f1cd !important;
}
.el-radio__input.is-checked+.el-radio__label {
  color: #36f1cd !important;
}
.el-dialog {
  background-color: #181d21 !important;
  .el-dialog__title {
    color: #fff !important;
  }
}

.el-textarea {
  .el-textarea__inner {
    background-color: #181d21 !important;
    box-shadow: 0 0 0 1px #434343 inset !important;
    color: #fff !important;
  }
  .el-textarea__inne:focus {
    box-shadow: 0 0 0 1px #36f1cd inset !important;
    outline: none !important;
  }
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #36f1cd !important;
  border-color: #36f1cd !important;
}

.el-input-number.is-controls-right .el-input-number__decrease {
  background-color: #181d21 !important;
  border-left: 1px solid #434343 !important;
}
.el-input-number.is-controls-right .el-input-number__increase {
  background-color: #181d21 !important;
  border-bottom: 1px solid #434343 !important;
  border-left: 1px solid #434343 !important;
}

.el-dropdown-menu {
  background-color: #181d21 !important;
  border-color: #434343 !important;
  .el-dropdown-menu__item {
    color: #ccc !important;
    &:hover {
      background-color: #434343 !important;
    }
  }
  .el-dropdown-menu__item:not(.is-disabled):focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #434343 !important;
  }
}

.el-tag {
  background-color: #181d21 !important;
  border-color: #434343 !important;
  color: #ccc !important;
}