.training-request-message {
  padding: 2rem 0;
}

.training-request-message header {
  line-height: 1;
}

.training-request-list__item {
  display: grid;
  grid-template-columns: 1fr 14rem 5rem;
  border-bottom: 2px solid #f3f3f3;
  align-items: center;
}

.training-request-list__item small {
  display: block;
}

.training-request-list__item > a {
  text-align: right;
}

.training_completion_reports.index .page-header {
  margin-bottom: 0;
}

.training-completion-reports__item {
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #f3f3f3;
  padding-top: 1.5rem;
  display: grid;
  grid-template-columns: 1fr 14rem 9rem 8rem 3rem;
  grid-column-gap: 2rem;
  align-items: center;
}

.attendance-dropdown {}

.attendance-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px solid #eee;
}

.attendance-dropdown__dropdown {
  display: none;
}

.attendance-dropdown__dropdown dl {
  margin: 0;
}

.attendance-dropdown__dropdown.active {
  display: block;
  margin-bottom: 2rem;
  border-bottom: 2px solid #eee;
  background: #efefef;
  padding: 2rem;
}

.training-evaluation-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid #f3f3f3;
  padding-top: 1.5rem;
  text-decoration: none;
}

.training-evaluation-row:hover {
  background: #f9f9f9;
}

.training-evaluation-row span {
  display: block;
}

.training-evaluation-row--header:hover {
  background: none;
}

.fixture-repair-filters {
  display: grid;
  grid-template-columns: 1fr 15rem 10rem;
}

.fixture-repair-filters label {
  display: flex;
  margin-top: 0;
  margin-bottom: 2rem;
  flex: 1;
  align-items: center;
}

.fixture-repair-report-row {
  display: grid;
  grid-template-columns: 8rem 10rem 1fr;
  text-decoration: none;
}

.fixture-repair-report-row:hover {
  background: #f3f3f3;
}

@media (min-width: 640px) {
  .fixture-repair-report-row {
    grid-template-columns: 8rem 10rem 1fr 17rem 17rem;
  }
}

.fixture-repair-report-row > div {
  padding-bottom: 0.625rem;
  border-bottom: 2px solid #f3f3f3;
  padding-top: 0.625rem;
}