table.problems-table {
  font-size: 14px;
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
}

.problems-table th,
.problems-table td {
  padding: 0px 0px 2px 2px;
  border-right: 1px solid #b5b5b5;
}

.problems-table thead>tr {
  color: white;
  background-color: #000000;
}

.problems-table tr:nth-child(even) {
  background-color: #f6f6f6;
}

.problems-table tbody>tr:nth-child(odd) {
  background-color: #e0e0e0;
}


.problems-table .id {
  width: 38px;
}

.problems-table .extension {
  width: 75px;
}
.problems-table tr td:nth-child(4) button {
  border: none;
  background-color: #d7d7d7;
  padding: 3px;
  cursor: pointer;
}

.problems-table tr td:nth-child(1)>div {
  text-align: center;
}

.problems-table td:nth-child(3) span::after {
  content: " , ";
  margin-right: 3px;
}

.problems-table td:nth-child(3) span:last-of-type::after {
  content: "";
}

.problems-table span {
  font-size: 11px;
}

.problems-table td:nth-child(4),
.problems-table td:nth-child(5),
.problems-table td:nth-child(4) span,
.problems-table td:nth-child(5) span {
  font-size: 18px;
  text-align: center;
}

.problems-table p.similar-group-name {
  margin: 3px 0;
  border-top: solid 1px black;
  border-left: 3px solid #888;
  padding-left: 3px;
  font-size: 12px;
  opacity: 0.8;
}

.problems-table .problem-has-note {
  border-left: 3px solid black;
  padding-left: 2px;
}

#problemPageContainer .problems-table summary,
#problemPageContainer .problems-table *[data-type] {
  cursor: pointer;
}

#problemPageContainer .problems-table *[data-type]:hover {
  background-color: lavender;
}