.nosee {
  display: none;
}
.wrapper {
  border: 2px solid #f76707;
  border-radius: 5px;
  background-color: #fff4e6;
  color: black;
}
#pageDiv {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10%;
}
.wrapper > div {
  border: 2px solid #ffa94d;
  border-radius: 5px;
  background-color: #ffd8a8;
  padding: 1em;
  color: black;
}
.wrapper {
  display: grid;
  grid-template-rows: 50px, 100px, 1fr;
}
header {
  grid-row: 1;
}
#npclist {
  grid-row: 2;
  border: 2px solid #ffa94d;
  border-radius: 5px;
  background-color: #ffd8a8;
  padding: 1em;
  color: #d9480f;
}
#stats {
  grid-row: 3;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  border: 2px solid #ffa94d;
  border-radius: 5px;
  background-color: #ffd8a8;
  padding: 1em;
  /* color: #d9480f; */
}
#grouplist {
  grid-row: 4;
  border: 2px solid #ffa94d;
  border-radius: 5px;
  background-color: #ffd8a8;
  padding: 1em;
  /* color: #d9480f; */
}
#groupStats {
  grid-row: 5;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  border: 2px solid #ffa94d;
  border-radius: 5px;
  background-color: #ffd8a8;
  padding: 1em;
  /* color: #d9480f; */
}
legend {
  color: #d9480f;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.tac {
  text-align: center;
}
input:focus,
select:focus {
  background-color: chartreuse;
}

.h4 {
  grid-column-start: 1;
  grid-column-end: 2;
}
table.bl td,
th {
  border: solid 1px black;
  border-collapse: collapse;
}
.s {
  overflow {
    overflow-y: scroll;
  }
}
table {
  table-layout: fixed;
  /* width: 100%; */
  border-collapse: collapse;
  border: 3px solid purple;
}
caption {
  padding: 10px;
  caption-side: top;
}
#groupUnitStats th:nth-child(1) {
  width: 75%;
}
#groupUnitStats th:nth-child(2) {
  width: 25%;
}
#groupDropStats th:nth-child(1) {
  width: 75%;
}
#groupAvgStats th:nth-child(2) {
  width: 25%;
}
#groupAvgStats th:nth-child(1) {
  width: 75%;
}
#groupDropStats th:nth-child(2) {
  width: 25%;
}
#unitStats th:nth-child(1) {
  width: 75%;
}
#unitStats th:nth-child(2) {
  width: 25%;
}
#dropStats th:nth-child(1) {
  width: 75%;
}
#avgStats th:nth-child(2) {
  width: 25%;
}
#avgStats th:nth-child(1) {
  width: 75%;
}
#dropStats th:nth-child(2) {
  width: 25%;
}
thead th:nth-child(1) {
  /* width: 15%; */
}

thead th:nth-child(2) {
  /* width: 10%; */
}

thead th:nth-child(3) {
  /* width: 30%; */
}
thead th:nth-child(4) {
  /* width: 30%; */
}
thead th:nth-child(5) {
  /* width: 15%; */
}
tbody td:nth-child(1) {
  /* width: 15%; */
}

tbody td:nth-child(2) {
  /* width: 10%; */
}

tbody td:nth-child(3) {
  /* width: 30%; */
}
tbody td:nth-child(4) {
  /* width: 30%; */
}
tbody td:nth-child(5) {
  /* width: 15%; */
}

tbody tr:nth-child(odd) {
  background-color: gold;
}

tbody tr:nth-child(even) {
  background-color: goldenrod;
}
td {
  border: solid black 1px;
  border-collapse: collapse;
}
span.bspan {
  padding: 2px;
  background-color: #e1e1e1;
  border: 2px solid #f76707;
  border-radius: 5px;
}