#ff-alignment {
  font-size: 13px;
}

.ff_bold {
  font-weight: bold;
}

.top_row, .ff_row{
  display: grid;
  grid-template-columns: 2fr 2fr 5fr;
  grid-column-gap: 15px;
  grid-row-gap: 20px;
}

.public_top_row, .public_ff_row{
  display: grid;
  grid-template-columns: 1.5fr 5fr;
  grid-column-gap: 15px;
  grid-row-gap: 20px;
}

.top_row, .public_top_row {
  margin-bottom: 10px;
  padding-top: 20px;
}
.ff_row, .public_ff_row {
  line-height: 2.5;
  border-top: 1px solid #dee2e6;
}

.top_row_end{
  display: grid;
  grid-template-columns: auto;
  text-align: center;
}

.five_way_split{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
}

[data-alignmentNum="0"]{
  background-color: #00B050;
}

[data-alignmentNum="1"]{
  background-color: #FFFF00;
}

[data-alignmentNum="2"]{
  background-color: #ED7D31;
}

[data-alignmentNum="3"]{
  background-color: #C00000;
  color: white;
}