/* This styling will set the text size, border colour and padding of the table cells */
.gms-table { font-size: 12px; margin: 0}
.gms-table thead th { text-align: left; background-color: #c0c0c0; }
.gms-table th, .gms-table td { padding: 3px 10px; border-color: #c0c0c0; }

/* The following will create the styling of the "Form" column on the results table */
.gms-table-league td:last-child { text-align: right; white-space: nowrap; }
.formW { color: white; background-color: green; font-weight: 600; padding:3px; text-align: right; }
.formD { color: white; background-color: #6a6a6a; font-weight: 600; padding:3px; padding-right: 4px; padding-left: 4.5px; text-align: right }
.formL { color: white; background-color: #ba0000; font-weight: 600; padding:3px; padding-right: 5px; padding-left: 5px; text-align: right }

/* This would remove the "Officials" column from the fixtures table if not required */
.gms-table-fixtures tr th:last-child, .gms-table-fixtures tr td:last-child { display:none }

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

/* Creates a loader image for the "ajax" method */
p.gms-loader { text-align: center }
div.gms-loader { margin: 0px auto 25px; border: 16px solid #f3f3f3; border-top: 16px solid #66071b; border-radius: 50%; width: 120px; height: 120px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }