div.tablecontainer {
  overflow-x: auto;
  margin-top: 35px;
}


table {
  width: 100%;
  border-spacing: 0px;
  border-color: magenta;
  border-style: solid;
  border-radius: 21px;
  border-width: 3px;
  font-family: 'Maple Mono', monospace;
}

table td, table th {
  padding: 7px;
}


table tbody tr {
  background: rgba(100, 0, 100, 0.75);
}

table th {
  background: rgba(175, 0, 175, 0.75);
  border-bottom: magenta 3px solid;
}

table thead tr{
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px 18px 0 0;
}
table thead tr th:first-child {
  -moz-border-top-left-radius: 18px;
  -webkit-border-top-left-radius: 18px;
  border-top-left-radius: 18px;
}


table thead tr th:last-child {
  -moz-border-top-right-radius: 18px;
  -webkit-border-top-right-radius: 18px;
  border-top-right-radius: 18px;
}

table tbody tr:nth-child(odd) {
  background: rgba(100, 0, 100, 0.5);
}

table tbody tr:nth-child(even) {
  background: rgba(65, 0, 65, 0.75);
}

table tbody tr:last-child td:last-child {
  -moz-border-bottom-right-radius: 18px;
  -webkit-border-bottom-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

table tbody tr:last-child td:first-child {
  -moz-border-bottom-left-radius: 18px;
  -webkit-border-bottom-left-radius: 18px;
  border-bottom-left-radius: 18px;
}






table.yellow {
  border-color: #d6d600;
}

table.yellow tbody tr {
  background: rgba(100, 100, 0, 0.75);
}

table.yellow th {
  background: rgba(175, 175, 0, 0.75);
  border-bottom: #d6d600 3px solid;
}

table.yellow tbody tr:nth-child(odd) {
  background: rgba(100, 100, 0, 0.5);
}

table.yellow tbody tr:nth-child(even) {
  background: rgba(65, 65, 0, 0.75);
}





table.cyan {
  border-color: #00d6d6;
}

table.cyan tbody tr {
  background: rgba(0, 100, 100, 0.75);
}

table.cyan th {
  background: rgba(0, 175, 175, 0.75);
  border-bottom: #00d6d6 3px solid;
}

table.cyan tbody tr:nth-child(odd) {
  background: rgba(0, 100, 100, 0.5);
}

table.cyan tbody tr:nth-child(even) {
  background: rgba(0, 65, 65, 0.75);
}