.barcoding-table {
  margin: 0 auto;
  width: 575px;
  font-family: Karla, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.barcoding-title {
  font-size: 1.25rem;
  font-weight: 600;
}

.barcoding-tbl {
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.header {
  border-bottom: 2px solid #555;
  font-size: 0.8125rem;
  font-weight: 400;
  text-transform: uppercase;
}

.header:hover {
  background-color: #eee;
}

.bar-cell {
  display: flex;
  align-items: center;
}

.number {
  font-family: "Fira Mono", Consolas, Monaco, monospace;
  font-size: 0.84375rem;
  white-space: pre;
}

.bar-chart {
  flex-grow: 1;
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  height: 1.2rem;
}

.bar {
  height: 100%;
}