table thead th, table thead p, table tfoot th, table tfoot p {
  text-align: center;
  vertical-align: middle;
  margin: 0;
}

.table > thead > tr > th {
  vertical-align: middle;
  text-align: center;
}

.table > tfoot > tr > th {
  vertical-align: middle;
  text-align: center;
}

.student-box {
  position: relative;
  display: block;
  margin-bottom: 15px;
}

.student-cards {
  position: relative;
  color: #fff;
  display: block;
  z-index: 10;
  text-decoration: none;
  padding: 10px;
  text-align: left;
  border-radius: 2rem;
}

.grade-bg-1 {
  background-color: rgb(204, 133, 0);
}

.grade-bg-2 {
  background-color: rgb(201, 166, 144);
}

.grade-bg-3 {
  background-color: rgb(211, 101, 130);
}

.grade-bg-4 {
  background-color: rgb(37, 60, 120);
}

.grade-bg-5 {
  background-color: rgb(120, 113, 170);
}

.grade-bg-6 {
  background-color: rgb(27, 153, 139);
}

.grade-bg-7 {
  background-color: rgb(43, 89, 195);
}

.grade-bg-8 {
  background-color: rgb(89, 74, 38);
}

.loop-col-1 {
  background-color: rgb(204, 133, 0);
}

.loop-col-2 {
  background-color: rgb(201, 166, 144);
}

.loop-col-3 {
  background-color: rgb(211, 101, 130);
}

.loop-col-4 {
  background-color: rgb(37, 60, 120);
}

.loop-col-5 {
  background-color: rgb(120, 113, 170);
}

.loop-col-6 {
  background-color: rgb(27, 153, 139);
}

.loop-col-7 {
  background-color: rgb(43, 89, 195);
}

.loop-col-8 {
  background-color: rgb(89, 74, 38);
}