/* This styling will set the border colour and padding of the table cells */
.gms-table { width: 100%; margin: 0; border-collapse: collapse }
.gms-table thead th { text-align: left; background-color: silver }
.gms-table th, .gms-table td { border: 1px solid; padding: 3px 10px; border-color: silver }
.gms-footnote { margin: 0 0 2rem }

/* This hides the 'Officials' column and ensures the 'Date' does not wrap on the fixtures table */
.gms-table-fixtures tr th:last-child, .gms-table-fixtures tr td:last-child { display: none }
.gms-table-fixtures td:first-child { white-space: nowrap; }

/* The following will create the styling of the 'Form' column on the league table */
.gms-table-league td:last-child { text-align: right; white-space: nowrap; }
.gms-table-league .formW, .gms-table-league .formD, .gms-table-league .formL { color: white; display: inline-block; width: 1.25rem; text-align: center; font-weight: 600 }
.gms-table-league .formW { background-color: green }
.gms-table-league .formD { background-color: dimgray }
.gms-table-league .formL { background-color: red }

/* This makes GMS tables responsive on smaller screens */
@media screen and (max-width: 767px) { .gms-table { overflow-x: auto; display: block; white-space: nowrap } }

/* Creates a loader image for the AJAX wait */
div.gms-loader { margin: 1rem auto; border: 16px solid silver; border-top: 16px solid black; border-radius: 50%; width: 120px; height: 120px; animation: gms-spin 1s linear infinite } @keyframes gms-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }