.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 #2a2a2a 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 #2a2a2a 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;
  }
}