/*-----------*/
/*  Wrapper  */
/*-----------*/

#content {
  width: 100%;
}

/*---------*/
/*  Title  */
/*---------*/

#title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#title p:nth-child(1) {
  margin-bottom: 0rem;
  font-size: 125%;
}

#title p:nth-child(2) {
  margin-top: 0rem;
  font-size: 75%;
}

/*--------------------*/
/*  Table formatting  */
/*--------------------*/

#ranking {
  overflow: scroll;
}

table {
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}

/* Table cell alignment */

td {
  text-align: right;
}

td:nth-child(1) {
  text-align: left; /* Person */
}

td:nth-last-child(9) {
  text-align: left; /* Team. Sometimes a dynamic column is added by BBC during live matches, between this and Person, so match from end instead of start. */
}

/* Table column spacing */

td {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/*-------------------*/
/*  Table cosmetics  */
/*-------------------*/

table {
  border-collapse: collapse; /* Allows solid background colors. */
  border: 1px solid dimgrey !important;
}

/* Table header background */

tr:first-of-type td {
  background-color: lightgrey !important;
  border-bottom: 1px solid dimgrey !important;
}

/* Table header borders */

tr:first-of-type td {
  border-bottom: 1px solid dimgrey !important;
  border-right: 1px solid dimgrey !important;
}

tr:first-of-type td:last-child {
  border-right: none;
}

/* Table header weight */

tr:first-of-type td
{
  font-weight: bold;
}

/* First two columns coloring */

td:nth-child(1), td:nth-child(2) {
  background-color: whitesmoke;
}

/* Lines between cells */

td {
  border-right: 1px solid gainsboro;
}

td:last-child {
  border-right: none;
}

tr {
  border-bottom: 1px solid gainsboro;
}

tr:last-child {
  border-bottom: none;
}

/*-------------------*/
/*  Hide scrollbars  */
/*-------------------*/

#ranking::-webkit-scrollbar {
  display: none; /* Chrome, Safari, and Opera */
}

#ranking {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}