.class-attendance-table th,
.class-attendance-table td {
  min-width: 100px;
  padding: 8px;
}

.class-attendance-table .student-column {
  min-width: 275px;
  max-width: 275px;
}

.class-attendance-table .total-column {
  min-width: 115px;
}

.attendance-matrix-student > span {
  width: 42px;
  min-width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #d9e4df;
}

.attendance-matrix-student > div {
  min-width: 0;
}

.attendance-total.low-attendance {
  border: 1px solid #efc4bc;
  background: #fce9e5;
}

.attendance-total.low-attendance strong {
  color: #a33f32;
}

.attendance-total.low-attendance small {
  color: #8f5148;
}

@media (max-width: 850px) {
  .class-attendance-table .student-column {
    min-width: 235px;
    max-width: 235px;
  }
}