:root {
  --ops-item-blue: #f2f8ff;
  --ops-item-green: #f2faf5;
  --ops-item-divider: #8d99a8;
  --ops-panel-grey: #f1f3f5;
}

/* Standard Ops item-table theme. */
.table tbody tr:nth-child(odd) > * {
  background-color: var(--ops-item-blue);
}

.table tbody tr:nth-child(even) > * {
  background-color: var(--ops-item-green);
}

.table.ops-item-table tbody tr > * {
  border-top: 2px solid var(--ops-item-divider);
}

/* Data-entry controls remain visually distinct from their row. */
.table .form-control,
.table .form-select,
.table textarea,
.table input:not([type="checkbox"]):not([type="radio"]) {
  background-color: #fff;
}

/* Use these classes when one logical item occupies more than one table row. */
.table tbody tr.item-shade-blue > * {
  background-color: var(--ops-item-blue);
}

.table tbody tr.item-shade-green > * {
  background-color: var(--ops-item-green);
}