/* Utility classes*/
:root {
  --status--released-color: #c6e8d8;
  --status--processing-color: #fde8a6;
  --status--entry-color: #ffe5e5;
  --status--canceled-color: #dbcde2;
  --status--released-hover-color: rgba(198, 232, 216, 0.9);
  --status--processing-hover-color: rgba(253, 232, 166, 0.9);
  --status--entry-hover-color: rgba(255, 229, 229, 0.9);
  --status--canceled-hover-color: rgba(219, 205, 226, 0.9);
  --status--released-focus-within-color: rgba(198, 232, 216, 0.78);
  --status--processing-focus-within-color: rgba(253, 232, 166, 0.78);
  --status--entry-focus-within-color: rgba(255, 229, 229, 0.78);
  --status--canceled-focus-within-color: rgba(219, 205, 226, 0.78);
}

/* Theme sample request statuses and financial payments. */
.u-status-bg-request--released,
.u-status-bg--complete,
.u-status-bg--approved,
.u-status-bg--doctor {
  background-color: var(--status--released-color);
}

.u-status-bg-request--canceled {
  background-color: var(--status--canceled-color);
}

.u-status-bg-request--canceled:hover {
  background-color: var(--status--canceled-hover-color);
}

.u-status-bg-request--canceled:focus-within {
  background-color: var(--status--canceled-focus-within-color);
}

.u-status-bg-request--released:hover,
.u-status-bg--complete:hover,
.u-status-bg--approved:hover,
.u-status-bg--doctor:hover {
  background-color: var(--status--released-hover-color);
}
.u-status-bg-request--released:focus-within,
.u-status-bg--complete:focus-within,
.u-status-bg--approved:focus-within,
.u-status-bg--doctor:focus-within {
  background-color: var(--status--released-focus-within-color);
}

.u-status-bg--entry,
.u-status-bg--lab,
.u-status-bg-request--entry,
.u-status-bg--unknown {
  background-color: var(--status--entry-color);
}

.u-status-bg--entry:hover,
.u-status-bg-request--entry:hover,
.u-status-bg--lab:hover,
.u-status-bg--unknown:hover {
  background-color: var(--status--entry-hover-color);
}

.u-status-bg--entry:focus-within,
.u-status-bg-request--entry:focus-within,
.u-status-bg--lab:focus-within,
.u-status-bg--unknown:focus-within {
  background-color: var(--status--entry-focus-within-color);
}

.u-status-bg--processing,
.u-status-bg--evaluated,
.u-status-bg-request--processing,
.u-status-bg-request--complete,
.u-status-bg--reevaluated,
.u-status-bg--patient {
  background-color: var(--status--processing-color);
}

.u-status-bg--processing:hover,
.u-status-bg--evaluated:hover,
.u-status-bg-request--processing:hover,
.u-status-bg-request--complete:hover,
.u-status-bg--reevaluated:hover,
.u-status-bg--patient:hover {
  background-color: var(--status--processing-hover-color);
}

.u-status-bg--processing:focus-within,
.u-status-bg--evaluated:focus-within,
.u-status-bg-request--processing:focus-within,
.u-status-bg-request--complete:focus-within,
.u-status-bg--reevaluated:focus-within,
.u-status-bg--patient:focus-within {
  background-color: var(--status--processing-focus-within-color);
}

.u-text-strikethrough {
  text-decoration: line-through;
}