/* columns */
.root .col {
  padding-top: var(--space-xxsmall);
  padding-bottom: var(--space-xxsmall);
}

.root .metric {
  width: 55%;
  vertical-align: middle;
}

.root .job {
  padding-top: var(--space-xxsmall);
  text-align: right;
}

.root .value {
  text-align: right;
  vertical-align: baseline;
  width: 15%;
}

.root .delta {
  text-align: right;
  font-size: var(--size-xsmall);
  vertical-align: baseline;
  width: 10%;
  color: pink;
}

.root .deltaPercentage {
  width: 5%;
}

.jobName {
  white-space: nowrap;
}

/* columns overrides for showHeaderSum */
.showHeaderSum .job {
  border-bottom: 0;
  padding-bottom: 0;
}

.showHeaderSum .sum {
  padding-top: 0;
  font-size: var(--size-small);
  vertical-align: middle;
  text-transform: none;
}