/* This styling applies to all GMS tables */
.gms-table { width: 100%; margin: 0; border-collapse: collapse }
.gms-table th { text-align: left; background-color: silver }
.gms-table th, .gms-table td { border: 1px solid; padding: 3px 10px; border-color: silver }
.gms-footnote, .gms-filter { margin: 0 0 2rem }
.gms-clubteam { font-weight: 700 }
.gms-filter > div { margin: 0 0 1rem }
.gms-filter fieldset { width: fit-content }
.gms-filter legend { padding: 0px }

/* This styling sets alignment for specific tables */
.gms-table-results th:nth-child(4), .gms-table-results td:nth-child(4) { text-align: center }
.gms-table-league th { min-width: 5em }
.gms-table-league td:not(:first-child), .gms-table-league th:not(:first-child) { text-align: right }

/* This ensures the 'Date' does not wrap on the fixtures or results table */
.gms-table-fixtures td:first-child, .gms-table-results td:first-child { white-space: nowrap; }

/* The following will highlight team or club win, draw and loss on the results table */
.gms-win { background-color: green }
.gms-draw { background-color: dimgray }
.gms-loss { background-color: red }
.gms-win, .gms-draw, .gms-loss { color: white; font-weight: 700 }

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

/* Creates a loader image for the AJAX wait */
.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); } }