.el-radio-group {
  .el-radio-button {
    --el-radio-button-checked-bg-color: #17a1e0;
    --el-radio-button-checked-border-color: #17a1e0;
    --el-border: 1px solid #17a1e0;
    --el-border-color: #17a1e0;
    --el-color-primary: #17a1e0;
    --el-button-bg-color: #0b2647;
    --el-button-text-color: #fff;
    --el-radio-button-checked-text-color: #fff;
  }
}

.el-table {
  --el-table-header-text-color: #fff !important;
  --el-table-text-color: #b3e3e8 !important;
  --el-table-tr-bg-color: transparent !important;
  --el-table-bg-color: transparent !important;
  // background-color: transparent !important;
  --el-table-row-hover-bg-color: rgb(60, 154, 233, 0.2) !important;
  --el-table-border: 2px solid rgb(60, 154, 233, 0.5) !important;
  --el-table-border-color: rgb(60, 154, 233, 0.2) !important;

  .warning-row {
    --el-table-text-color: #e6cf75;
  }

  .danger-row {
    --el-table-text-color: #b64159;
  }

  .primary-row {
    --el-table-text-color: #18222c;
  }

  tr {
    color: var(--el-table-text-color);
    // color: #fff;
    // background-color: transparent !important;
  }

  .el-table__cell {
    padding: 5px 0 !important;
  }

  th.el-table__cell {
    padding: 5px 0;
    background-color: rgb(60, 154, 233, 0.3) !important;
  }

  td.el-table__cell,
  th.el-table__cell.is-leaf {
    // border-bottom: none !important;
  }

  .el-table__inner-wrapper::before {
    background-color: transparent !important;
  }

  .el-table__body-wrapper tr td.el-table-fixed-column--right {
    background-color: rgb(60, 154, 233, 0.2) !important;
  }
}

.el-date-editor {
  --el-date-editor-width: 100% !important;
  --el-input-border-color: #20445e !important;
  --el-input-text-color: #fff !important;
  --el-input-icon-color: #fff !important;
  --el-input-bg-color: #225991 !important;
  --el-input-hover-border-color: #20445e !important;
  .el-icon {
    color: #fff !important;
  }

  // .el-input__wrapper {
  // }
  // .el-input {
  //   --el-input-border: 1px solid #17a1e0 !important;
  // }
}

.el-pagination {
  // color: #fff !important;
  --el-text-color-regular: #fff !important;
}

.el-input {
  --el-input-bg-color: rgba(0, 0, 0, 0) !important;
  // background-color: #1e2f54;
  margin-bottom: 10px;
  border-radius: 4px;

  .el-input__inner:hover {
    box-shadow: none;
  }

  input {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #fff;
    box-shadow: none;
  }
}

.el-form-item__label {
  color: #fff !important;
}

.el-select .el-input__inner {
  background-color: #1e2f54;
  box-shadow: none;
  color: #fff;

  &:hover {
    box-shadow: none;
  }
}

.el-select {
  width: 100%;
  --el-select-border-color-hover: #1e2f54 !important;
}
