div.colorKey {
  padding: 5px;
}

span.colorKey {
  font-weight: bold;
}

.inlineColorKeyEntries .colorKey .colorKeyEntry {
    display: inline-block;
}

.colorKey .colorKeyEntry div {margin-bottom: 3px; }

.colorKeyTitleSmallWidth {
  width: 95px;
}

.colorKeyTitleAutoWidth {
  width: auto;
}

.colorKeyEntry div {
  display: inline-block;
  line-height: 12px;
  margin-right: 5px;
  min-height: 9px;
  min-width: 7px;
  padding: 3px 4px;
  text-align: center;
}

.colorKeyEntry div span {
  display: block;
  text-align: center;
  font-size: 14px;
}

/* settings specific to the assignment metric key (revision screen) */
[sk-assignment-metric-key] .colorKeyEntry {
  width: auto;
  padding-right: 15px;
}

[sk-assignment-metric-key] div {
  padding: 0;
  margin-right: 0;
}
/* ----------------- */

.payrollPaidActivity, .payroll {
  background-color: #76BAFE;
}

/* ShiftTx colors as defined in StyleSvc */
.shiftTxTrade {
   background-color: #76BAFE
}

.shiftTxSplit {
  background-color: #E699CC;
}

.shiftTxGive {
  background-color: #7FDC81;
}

.shiftTxTake {
  background-color: #FBBD79;
}

.shiftTxRegrets {
  background-color: #F57E85
}