body {
  background-color: #fef8f9;
  align-content: center;
  text-align: center;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.home {
  background-color: #36454F;
  color: white;
  border: 1px solid black;
}

.ball-header {
  margin: 5px 5px;
  width: 20px;
  height: 20px;
}

.padding-home {
  padding: 15px;
}

.home-facts {
  height: 100px; 
}

.blank-row-3 {
  height: 25px; 
}

.container {
    background-color: #F5F5F5;
    margin: 1px;
    text-align: center;
    border: 1px solid black;
    padding: 5px 0;
}

.logo {
    display: inline-block;
    align-content: center;
    margin: 1px;
}

.nav ul {
  background-color: #F5F5F5;
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  list-style-type: none;
  width: 65%;
  margin: 10px;
  height: 18px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.nav ul li {
  display: table-cell;
  line-height: 20px
}

.footer {
    background: #fef8f9;
    margin: 15px;
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    margin-bottom: 20px; /* Adds space below the footer */
    padding-bottom: 10px; /* Optional: adds padding inside the footer */
}

header {
    background: #fef8f9;
    margin: 10px;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}

.no-bullets {
  list-style-type: none;
  padding-left: 0;
  margin: 5px 0;
}

/* League Tables */

.leagueheading {
  width: 100%;
  padding: 5px;
  background-color: #36454F;
  color: white;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  margin-left:auto; 
  margin-right:auto;
}

.divisionheader {
  background-color: #36454F;
  height: 40px;
  font-size: 16px;
  color: white;
  border-bottom: 1px solid black;
  padding: 8px;
}

.previous {
  background-color: #36454F;  
  text-align: left;
  padding-left: 10px;
}

.next {
  background-color: #36454F;
  text-align: right;
  padding-right: 10px;
}

.containerheading {
  background-color: #36454F;
  border: 1px solid black;
  width: 65%;
  margin-left:auto; 
  margin-right:auto;
}

.pageheading3 {
  background-color: #36454F;
  color: white;
  font-family: 'Rubik', sans-serif;
  font-weight: bold;
  font-size: 35px;
  text-align: center;
  margin-left:auto; 
  margin-right:auto;
}

.promotion {
  color: #00cc66;
}

.relegation {
  color: red;
}

.reelection {
  color: #e49353;
}

.resignation {
  color: #e77353;
}

.relegationplayoffs {
  color: #cfd13d;
}

#wrapper {
  min-height: 100%;
  position: relative;
}

#content {
  padding-bottom: 15px;
}

.page-wrap {
  width: 100%;
  margin: auto;
  align-content: center;
}

.container .logo {
    height: 40px;
    display: block;
    margin: 0 auto 10px auto;
}


.logo-text {
  font-family: 'Your Chosen Font', sans-serif; /* Specify the font you want to use */
  font-size: 24px; /* Adjust the font size */
  font-weight: bold; /* Optionally set font weight */
  text-align: center; /* Center the text */
  margin: 0; /* Remove default margin */
  padding: 10px; /* Add some padding for spacing */
}

.featured-content {
  text-align: center;
  margin: 20px auto;
  font-size: 16px;
  color: #666;
  font-family: "Rubik", sans-serif; /* Change the font family here */
  transition: transform 0.5s ease;
  transform: translateY(0);
}


.table-header {
    height: 40px;
    background-color: #36454F;
    font-size: 17px;
    column-span: all;
}

.player_name {
    background-color: #f5f5f5;
}

.g-images {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex; /* Display images in a row */
    justify-content: space-around; /* Distribute space evenly between images */
    align-items: center; /* Center images vertically */
}

.g-images img {
    border: 1px solid black;
    max-width: 100%; /* Maximum width of the image within its container */
    height: auto; /* Maintain aspect ratio */
    margin-right: 10px; /* Margin between images (adjust as needed) */
}

abbr[title] {
  cursor: default; /* Optional: Change cursor to a help pointer on hover */
}

/* Styling for the error message */
.error-container {
    font-family: 'Signika Negative', sans-serif;
    text-align: center;
    margin-top: 50px;
    max-width: 600px;
    margin: 50px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.error-container h1 {
    color: #D8000C;
    font-size: 2em;
    margin-bottom: 20px;
}

.error-container p {
    color: #666;
    font-size: 1em;
    line-height: 1.5;
}

.today-in-history {
  width: 65%;
  margin: 20px auto;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
}

.date {
  color: #FF007F;
}

/* Common styling for arrows */
.arrow {
  font-size: 16px; /* Adjust the size as needed */
  font-weight: bold; /* Make it bold for better visibility */
  text-align: center;
  line-height: 1; /* Center the arrow vertically */
}

/* Styling for down arrow */
.arrow.down::before {
  content: "↓"; /* Unicode character for down arrow */
  color: red;
}

/* Styling for up arrow */
.arrow.up::before {
  content: "↑"; /* Unicode character for up arrow */
  color: green;
}

/* Styling for right arrow */
.arrow.right::before {
  content: "→"; /* Unicode character for right arrow */
  color: pink;
}

.stadium {
    color: black;
    background-color: #f5f5f5; /* Light gray background */
    border-style: solid;
    border-width: 1px;
}

.scaled-image {
    transform: scale(0.85); /* Scales the image to 90% of its original size */
}

.scorer-text {
    vertical-align: middle;
}

.flags {
  border-width: 1px;
  border-style: solid;
  width: 23px;
  height: 15px;
  vertical-align: middle; 
}

.flag-border {
  border-width: 1px;
  border-style: solid;
  vertical-align: middle; 
}

.flags-alt {
  border-width: 1px;
  border-style: solid;
  width: 23px;
  height: 15px;
  vertical-align: top; 
}

.flags2 {
  border-width: 1px;
  border-style: solid;
  width: 15px;
  height: 15px;
  vertical-align: middle; 
}

.flags01 {
  margin-left: 10px;
}

.flags02 {
  margin-right: 10px;
}

.cards {
  vertical-align: middle; 
}

.england-club {
  border-width: 1px;
  border-style: solid;
}

.player-table {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
  vertical-align: middle; 
}

.player-flag {
  margin-top: 10px;
  margin-bottom: -11px;
}

.player-flags {
  border-width: 1px;
  border-style: solid;
  width: 23px;
  height: 15px;
  vertical-align: text-bottom
}

.career-total {
    font-weight: bold;
}

.player-default {
  background-color: #2F4F4F;
  color: white;
  border: 1px solid black;
}

/* Style for the table with the 'data_table' class */
.data_table {
    font-family: "Signika Negative", Courier, monospace; /* Monospace font appearance */
    background-color: #f4f4f4; /* Light background */
    border-collapse: collapse; /* Combine borders for a cleaner look */
    border-spacing: 0; /* Remove any gap between cells */
    width: 65%; /* Adjust table width */
    font-size: 15px; /* Adjust font size */
    font-weight: 300;
    text-align: center; /* Center text for the entire table */
    margin: 0 auto; /* Center the table horizontally */
    outline: 1px solid black; /* Outer border around the whole table */
}

/* Style for table headers (you can style them separately) */
.data_table th {
    padding: 5px; /* Space inside headers */
    background-color: #2F4F4F; /* Light gray background for headers */
    color: white;
    border: none; /* Remove border on th elements */
}

/* Style for table data cells */
.data_table td {
    padding: 3px; /* Space inside cells */
    border: 0.5px solid #dcdcdc; /* Border for data cells */
    box-sizing: border-box; /* Ensure proper width and height calculations */
}

.data_table .data-table-line {
    border-bottom: 1px solid black; /* 1px solid black line under the second row */
}

.data_table .data-table-left {
    border-left: 1px solid black; /* 1px solid black line under the second row */
}

.data_table .data-table-right {
    border-right: 1px solid black; /* 1px solid black line under the second row */
}

.season-info {
  width: 65%;
  background-color: #fcfcfc;
  font-family: "Montserrat", serif;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
  table-layout: fixed; /* Makes the table cells evenly spaced */
  border-collapse: collapse; /* Neatens the table borders */
}

.align-left {
  text-align: left; /* Aligns content to the left */
  width: 20%; /* Allocates a fixed width to the left cell */
}

.align-right {
  text-align: right; /* Aligns content to the right */
  width: 20%; /* Allocates a fixed width to the right cell */
}

.center-content {
  text-align: center; /* Centers the content horizontally */
  width: 60%; /* Allocates the remaining width for the center cell */
}

.squad-table + .squad-table {
  border-top: none;
}

.squad-table {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Quicksand';
  font-weight: 400;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.squad-table td, .squad-table th {
  vertical-align: middle; /* Aligns content vertically in the middle */
}

.results-table {
  background-color: #fcfcfc;
  vertical-align: top;
  width: 65%;
  font-family: "Signika Negative", Courier, monospace; /* Monospace font appearance */
  font-weight: 300;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.results-table td {
    padding: 3px;
    vertical-align: top; /* Align text to the top */
}

.bold {
    font-weight: bold; /* Makes the text bold */
}

.minute {
  font-size: 85%;
}

.match-ball {
  vertical-align: middle;
}

.arrow-back {
  width: 10%;
  vertical-align: middle;
  font-size: 34px;
}

.arrow-forward {
  width: 10%;
  vertical-align: middle;
  font-size: 34px;
}

.previous-season {
  font-family: 'Montserrat';
  font-size: 16px;
  margin: 0; 
}

.next-season {
  font-family: 'Montserrat';
  font-size: 16px;
}

.nationalflags {
  border-width: 1px;
  border-style: solid;
  max-height: 100px; /* Set maximum height */
  width: auto; /* Allow variable width */
  vertical-align: baseline; /* Change from middle to baseline */
  margin-top: 10px;
  margin-bottom: -15px;
}

.nationalflags2 {
  border-width: 1px;
  border-style: solid;
  max-height: 50px; /* Set maximum height */
  width: auto; /* Allow variable width */
  vertical-align: baseline; /* Change from middle to baseline */
}

.about {
  background-color: #3b125b;
  color: white;
}

.about-section {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.clublogohome {
  max-height: 50px; /* Set maximum height */
  width: auto; /* Allow variable width */
  vertical-align: baseline; /* Change from middle to baseline */
}

.underline-row {
    border-bottom: 1px solid #000; 
    margin: auto;
    font-weight: bold;
}

.club {
  margin: auto;
  width: 65%;
  vertical-align: middle;
  line-height: 50px;
  font-family: 'Quicksand', sans-serif;
  font-size: 40px;
  text-shadow: 1px 1px 2px black;
}

.clubAge {
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
  display: inline-block;
}

.featuretitle {
  margin: auto;
  width: 65%;
  vertical-align: middle;
  line-height: 50px;
  font-family: 'Quicksand', sans-serif;
  font-size: 40px;
  color: #000099;
  background: #F0F8FF;
}

.season {
  background-color: #F0F8FF;
  margin: auto;
  width: 65%;
  vertical-align: middle;
  line-height: 50px;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px;
}

.level1 {
  background-color: #f9f9f9;
}

.level2 {
  background-color: #f4f4f4;
}

.level3 {
  background-color: #efefef;
}

.level4 {
  background-color: #eaeaea;
}

.dissolved {
  font-style: italic;
}

/* New Styles */

.info-table {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.info-logo {
  margin-top: 10px;
  margin-bottom: -12px;
}

.footballfacts-crest {
  margin-top: 10px;
  margin-bottom: -12px;
  width: 100px;
  height: 100px;
}

.about-links ul {
    list-style-type: none; /* Optional: Removes default bullets */
    padding: 0;
    margin: 0 auto; /* Centers the list */
    text-align: center; /* Aligns list items' content to the center */
}

.league-history {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: center;
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  box-sizing: border-box;
}

.league-history .empty-row {
  height: 10px;
}

.league-history .th {
  height: 40px;
}

.top-scorers {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: center;
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  box-sizing: border-box;
}

.top-scorers .empty-row {
  height: 10px;
}

.top-scorers .th {
  height: 40px;
}

.most-appearances {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  text-align: center;
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  box-sizing: border-box;
}

.most-appearances .empty-row {
  height: 10px;
}

.most-appearances .th {
  height: 40px;
}

/* Common styles for all tables */
.maintable, .maintable1, .leaguehistorytable, .topgoalscorerstable, .careertable, .appearancestable, .managertable {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.club-profile {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: left; /* Changed from center to left */
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.club-profile td {
  padding: 10px; /* Add spacing inside all cells */
  padding-bottom: 10px; /* Adds space between rows */
}

.club-profile .table-header th {
  text-align: center; /* Center the header text */
}

.position {
  font-size: 14px;
}

/* Common styles for all tables */
.test-table {
  background-color: #fcfcfc;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.test-table th {
  position: sticky;
  top: 1px;
  z-index: 2; /* Bring the header above other content */
}

.scrollable-table {
  height: 500px;
  overflow-y: auto;
  width: 65%; /* Match the table width */
  margin: 0 auto; /* Center-align the div */
  border-bottom: 1px solid black; /* Adds a bottom border */
  box-sizing: border-box; /* Ensures padding/border are included in width */
}

.league-season-summary {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Quicksand', sans-serif;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid black;
  box-sizing: border-box; /* Include border width in the specified width */
}

.line {
    border-bottom: 2px dotted black;
}

/* Player stats table */

.maintable1 {
  border-collapse: collapse;
  width: 65%; /* Adjust to fill the container width */
  border: 1px solid black;
}

.appearancestable {
  width: 65%; /* Adjust to fill the container width */
  border: 1px solid black;
}

.managertable {
  width: 65%; /* Adjust to fill the container width */
  border: 1px solid black;
}

.maintable1 td {
  padding: 8px;
  border: 1px solid #ddd;
}

.maintable1 th, .maintable1 td {
  padding: 8px;
  border: 1px solid #ddd;
}

.right-border {
    border-right: 1px solid #ddd;
}

.left-border {
    border-left: 1px solid #ddd;
}

.no-border {
    border: none;
}

.playertable, .playertable-alt {
    background-color: #fcfcfc;
    width: 65%;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    text-align: center;
    box-sizing: border-box;
}

.playertable th, .playertable td, .playertable-alt th, .playertable-alt td {
    padding: 10px;
}

.playertable th, .playertable-alt th {
    background-color: #ddd;
}

.player_league { 
    background-color: #fdfbf2;
}

.player_league_header {
    background-color: #fbf8e6;
}

.borderleft {
    border-left: 1px solid #D3D3D3;
}

.borderright {
    border-right: 1px solid #D3D3D3;
}

/* Styles for the first table */
.maintable .table-header th {
  height: 40px; /* Set a specific height for consistency */
}

.maintable .empty-row,
.maintable1 .empty-row,
.appearancestable .empty-row,
.leaguehistorytable .empty-row,
.topgoalscorerstable .empty-row,
.managertable .empty-row {
  height: 10px;
}

/* Styles for the second table, the new leaguehistorytable, and the new topgoalscorerstable */
.topgoalscorerstable, .appearancestable, .leaguehistorytable {
  max-height: 300px; /* Adjust the max height as needed */
  overflow-y: auto;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}

.topgoalscorerstable .table-header th,
.appearancestable .table-header th,
.careertable .table-header th,
.leaguehistorytable .table-header th {
  height: 40px; /* Set the same height as in the first table */
}

/* Styles for the managertable */
.managertable .table-header th {
  height: 40px; /* Set a specific height for consistency */
}

.topscorers {
  height: 40px;  
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  text-align: center;
  box-sizing: border-box; /* Include border width in the specified width */
}

.topscorers td {
  padding: 2px;
}

.league {
  font-size: 16px;
  column-span: all;
  height: 30px;
  border-bottom: 1px solid black;
  padding: 8px;
}

.player {
  text-decoration: underline dotted;
  opacity: 1;
}

/* Start of Overflow */





/* End of Overflow */

.five {
  width: 5%;
}

.pos {
  width: 5%;
}

.playerstats {
  width: 8%;
}

.team {
  width: 23%;
}

.worldcupyear {
  width: 12.5%;
}

.worldcupnation {
  width: 25%;
}

/* Old column names */
.stats {
  width: 4%;
}

.four {
  width: 4%;
}

.leagueseason {
  width: 10%;
}

.ten {
  width: 10%;
}

.playerclub {
  width: 13%;
}

.fifteen {
  width: 15%;
}

.division {
  width: 18%;
}

.playerhistory {
  width: 20%;
}

.columntwenty {
  width: 20%;
}

.twenty {
  width: 20%;
}

.playerseasons {
  width: 30%;
}

.thirty {
  width: 30%;
}

.thirtythree {
  width: 33%;
}

.playerseasons2 {
  width: 38%;
}

.playerhistoryheader {
  width: 40%;
}

.playerworldcup {
  width: 45%;
}

.fifty {
  width: 50%;
}

.twentyfive {
  width: 25%;
}

.abbreviations {
  font-family: 'monaco', monospace;
  font-size: 14px;
}

/* New column names */

.width-4 {
  width: 4%;
}

.width-5 {
  width: 5%;
}

.width-6 {
  width: 6%;
}

.width-7 {
  width: 7%;
}

.width-8 {
  width: 8%;
}

.width-10 {
  width: 10%;
}

.width-11 {
  width: 10%;
}

.width-12 {
  width: 12%;
}

.width-14 {
  width: 14%;
}

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16%;
}

.width-17 {
  width: 17%;
}

.width-18 {
  width: 18%;
}

.width-19 {
  width: 19%;
}

.width-20 {
  width: 20%;
}

.width-21 {
  width: 21%;
}

.width-22 {
  width: 22%;
}

.width-23 {
  width: 23%;
}

.width-25 {
  width: 25%;
}

.width-26 {
  width: 26%;
}

.width-27 {
  width: 27%;
}

.width-28 {
  width: 28%;
}

.width-30 {
  width: 30%;
}

.width-32 {
  width: 32%;
}

.width-34 {
  width: 34%;
}

.width-35 {
  width: 35%;
}

.width-36 {
  width: 36%;
}

.width-37 {
  width: 37%;
}

.width-44 {
  width: 44%;
}

.width-45 {
  width: 45%;
}

.width-46 {
  width: 46%;
}

.width-47 {
  width: 47%;
}

.width-48 {
  width: 48%;
}

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
}

.width-70 {
  width: 70%;
}

.width-80 {
  width: 80%;
}

.away-team {
    text-align: left;
}

.home-team {
    text-align: right;
}

.substitutes {
    text-align: center;
    font-weight: bold;
}

.scorers {
    font-weight: 400;
    color: #50C878;
    vertical-align: middle;
}

.arrow {
    cursor: pointer;
    margin: 0 5px;
}

img {
  max-width: 100%;
  max-height: 100%;
}

.pitchheader {
  margin: 4px 4px;
  width: 20px;
  height: 20px;
}

.titles {
  margin: 4px 4px;
  width: 20px;
  height: 19px;
}



.trophy {
  margin: 5px 5px;
  width: 20px;
  height: 20px;
}

.player-flag2 {

    align-items: center; /* Align text and image vertically */
}

.player-flag2 img.flags {
    vertical-align: bottom; /* Ensures image aligns with the text line */
}

.country {
  margin: 5px 5px;
  width: 20px;
  height: 20px;
}

.clublogo {
  margin-top: 10px;
  margin-bottom: -12px;
}

.clublogoleft {
  padding: 0px 0;
  width: 30%;
  margin-left: auto;
}

.clublogoright {
  padding: 0px 0;
  width: 30%;
  margin-right: auto;
}

.clublogocentre {
  width: 30%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-size: 20px;
  text-align: center;
  margin-left:auto; 
  margin-right:auto;
}

.playerflag {
  margin-top: 10px;
  margin-bottom: -15px;
  border: 1px solid black;
}

.notes {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.highlights {
  font-size: 18px;
  column-span: all;
}

.emoji-history {
  font-size: 16px;
}

.emoji-magnifier {
  font-size: 16px;
}
  
.image-container {
  width: 65%;
  background-color: #fcfcfc;
  margin-left:auto; 
  margin-right:auto;
  border: 1px solid black;
  padding-top: 10px;
  padding-bottom: 10px; 
}

.image-container img {
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid black; 
}

.homerandom {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
  vertical-align: text-top;
}

.social {
  width: 65%;
  background-color: #fef8f9;
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  vertical-align: baseline;
  margin-left:auto; 
  margin-right:auto;
}

.socialmedia {
  margin: 0 10px;
}

.clubtable {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.clubrecordstable {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.clubrecordstable2 {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-size: 18px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

td.clubsplayed {
  width: 20%
}

.homediv {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-size: 35px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.clubname {
  height: auto;
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-weight: 800;
  font-size: 35px;
  text-align: center;
  margin-left:auto; 
  margin-right:auto;
}

.playername {
  height: auto;
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-weight: 800;
  font-size: 35px;
  text-align: center;
  margin-left:auto; 
  margin-right:auto;
  border: 1px solid black;
}

h1 {
  width: 65%;
  height: 50px;
  font-family: 'Rubik', sans-serif;
  font-weight: 800;
  font-size: 35px;
  text-align: center;
  margin: 0 auto; /* Use shorthand for centering horizontally */
  display: flex; /* Use Flexbox */
  justify-content: center; /* Horizontally center content */
  align-items: center; /* Vertically center content */
}

.today-background {
  background-color: #008080;
  color: white;
}

h2 {
  height: 35px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  text-align: center;
  margin: 0 auto; /* Use shorthand for centering horizontally */
  display: flex; /* Use Flexbox */
  justify-content: center; /* Horizontally center content */
  align-items: center; /* Vertically center content */
}

.font-effect-shadow-multiple {
  text-shadow: .04em .04em 0 #fff,.08em .08em 0 #aaa;
  -webkit-text-shadow: .04em .04em 0 #fff, .08em .08em 0 #aaa;
}

.playerstats {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Quicksand', sans-serif;
  font-size: 15px;
  border: 1px solid black;
  border-collapse: collapse;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

.playernotes {
  background-color: #fcfcfc;
  width: 65%;
  font-family: 'Quicksand', sans-serif;
  font-size: 12px;
  border: 1px solid black;
  border-collapse: collapse;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

.inline-container {
  display: inline;
}

/* Player Info Popup */

body {
    font-family: Arial, sans-serif;
}

.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

.popup-content {
    text-align: center;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

.tablelines {
    border-bottom: 0.5pt solid black;
}

.tablelines2 {
    border-bottom: 0.5pt dashed;
}

.clublist {
  width: 65%;
  text-align: center;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-size: 17px;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.feature {
  width: 65%;
  background-color: white;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  border: 1px solid black;
  margin-left:auto;
  margin-right:auto;
}

.featurenotes {
  width: 65%;
  background-color: white;
  font-family: 'Rubik', sans-serif;
  font-size: 15px;
  border: 1px solid black;
  margin-left:auto;
  margin-right:auto;
}

.featurenotes td {
  padding: 10px; /* Adjust the padding value as needed */
}

.italic {
  font-style: italic;  
}

.pageheading {
  width: 65%;
  background-color: #fcfcfc;
  font-family: 'Rubik', sans-serif;
  font-weight: bold;
  font-size: 35px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.pageheading2 {
  width: 65%;
  background-color: #FAF0E6;
  font-family: 'Rubik', sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

.container404 {
  height: 480px; /* Fixed height for container */
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  background-color: #fcfcfc; /* Light background color */
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid black;
}

.table404 {
  background-color: #fcfcfc;
  height: 100%;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin: 0 auto; /* Center the table horizontally */
  border-collapse: collapse; /* Ensure borders collapse correctly */
  text-align: center;
  box-sizing: border-box; /* Include border width in the specified width */
}

.container-today {
  height: 480px; /* Fixed height for container */
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  background-color: #fcfcfc; /* Light background color */
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid black;
}

.table-today {
  background-color: #fcfcfc;
  height: 100%;
  width: 65%;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin: 0 auto; /* Center the table horizontally */
  border-collapse: collapse; /* Ensure borders collapse correctly */
  text-align: center;
  box-sizing: border-box; /* Include border width in the specified width */
}

.table-today td {
  padding: 5px 10px; /* Adjust as needed */
  margin: 0;
  line-height: 2; /* Prevent excessive vertical spacing */
}

.table-today tr {
  margin: 0;
  padding: 0;
}

.containerother {
  height: 620px; /* Fixed height for container */
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  background-color: #fcfcfc; /* Light background color */
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid black;
}

/* Remove height from table cells */
.table404 td {
  padding: 5px; /* Add padding for better appearance */
}

.fact-text {
  font-family: 'Montserrat', sans-serif; /* Change to your preferred font */
  font-size: 20px; /* Change to your preferred font size */
  font-weight: bold; /* Optional: Change to your preferred font weight */
  color: #333; /* Optional: Change to your preferred font color */
  padding: 20px; /* Optional: Add padding for better appearance */
}

.other-text {
  font-family: 'Montserrat', sans-serif; /* Change to your preferred font */
  font-size: 20px; /* Change to your preferred font size */
  font-weight: normal; /* Optional: Change to your preferred font weight */
  color: #333; /* Optional: Change to your preferred font color */
}

.featurecontainer {
  height: 100px;    
  background-color: #36454F;
  color: white;
  width: 65%;
  border: 1px solid black;
  margin-left:auto; 
  margin-right:auto;
}

label {
  display: block;
  margin-bottom: 5px;
}

select, select option {
  font-family: "Rubik", sans-serif;
}

#seasonSelect {
  margin-bottom: 10px; 
}

.blank-row {
  height: 15px; 
}

.blank-row-2 {
  height: 10px; 
}

.bold-row {
  font-weight: bold;
  font-size: 16px;
}

.home_current {
  height: 25px; 
}

.home_logo {
  width: 25%;
  height: 25%; 
}

.playoffvenue {
  vertical-align: sub;
  font-size: smaller;
}

.notation {
    font-size: 10px; /* Adjust the font size to your preference */
    font-style: italic;
}

#chartContainer {
    width: 70%;
    overflow-x: auto;
}

u {    
  text-decoration:underline;
}

html {
  overflow-y: scroll;
}

/* unvisited link */
a, a:link, a:visited {
    color: blue;
    text-decoration: none;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Added box-shadow transition */
}

/* mouse over link */
a:hover {
    color: blue;
    text-decoration: underline;
}

/* selected link */
a:active {
    text-decoration: underline;
}

a img {
    border: 2px solid black; /* Adjust thickness if needed */
    box-shadow: none; /* Ensure no unwanted shadows */
}

.link-2:hover {
    color: blue; /* Change color as needed */
    text-decoration: underline;
}

.link-2:active {
    text-decoration: underline;
}

.center {
    display: block;
    margin-left: 500px;
    margin-right: auto;
}

.tooltip {
  position: relative;
  cursor: help;
  text-decoration: underline dotted;
}

.tooltip .tooltiptext {
  visibility: hidden;
  padding: 0.25em 0.5em;
  background-color: #333333;
  color: #fff;
  text-align: center;
  border-radius: 0.3em;
  white-space: nowrap;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  right: 100%;
  transition-property: visibility;
  transition-delay: 0s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  transition-delay: 0.3s;
}

.tooltip2 {
  position: relative;
  display: inline-block;
  cursor: help; /* Change cursor to indicate it's clickable */
  text-decoration: underline dotted;
}

.tooltip2 .tooltiptext2 {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip2:hover .tooltiptext2 {
  visibility: visible;
  opacity: 1;
}


.last-updated {
  font-style: italic;
  color: #654321;
  font-size: 18px;
  font-family: "EB Garamond", sans-serif;
  text-decoration: underline dotted;
  margin-left: auto;
  margin-right: auto;
}

/* Colour 3498db */
.current {
 color: #008080;
 font-weight: normal;
 font-style: normal;
}

.incomplete {
  color: #ad001e;
}

/* club colours */

.a-league {
  background-color: black;
  color: white;
  border: 1px solid #222;
}

.accrington {
  background-color: #bc0c04;
  color: white;
  border: 1px solid black;
}

.accrington-stanley {
  background-color: #bc0c04;
  color: white;
  border: 1px solid black;
}

.afc-wimbledon {
  background-color: #0b2b57;
  color: #fffb00;
  border: 1px solid black;
}

.ajax {
  background-color: #d9344c;
  color: white;
  border: 1px solid black;
}

.al-nassr {
  background-color: #ffd02d;
  color: #22558c;
  border: 1px solid black;
}

.argentina {
  background-color: #00b0db;
  color: white;
  border: 1px solid black;
}

.arsenal {
  background-color: #ef0107;
  color: white;
  border: 1px solid black;
}

.adelaide-united {
  background-color: #9d202f;
  color: white;
  border: 1px solid black;
}

.albania {
  background-color: #d54243;
  color: black;
  border: 1px solid black;
}

.algeria {
  background-color: white;
  color: #008339;
  border: 1px solid black;
}

.andorra {
  background-color: #d52b1e;
  color: #fedd00;
  border: 1px solid black;
}

.angola {
  background-color: #ed1c24;
  color: #ffc20e;
  border: 1px solid black;
}

.armenia {
  background-color: #e04445;
  color: white;
  border: 1px solid black;
}

.ascoli {
  background-color: black;
  color: white;
  border: 1px solid #222;
}

.aston-villa {
  background-color: #7d1142;
  color: #94bee5;
  border: 1px solid black;
}

.atalanta {
  background-color: #0067b2;
  color: black;
  border: 1px solid black;
}

.atlanta-united {
  background-color: #9d2136;
  color: black;
  border: 1px solid black;
}

.atletico-madrid {
  background-color: #ce3524;
  color: white;
  border: 1px solid black;
}

.australia {
  background-color: #fcc152;
  color: #00482d;
  border: 1px solid black;
}

.australia2 {
  background-color: #00482d;
  color: #ffac00;
}

.austria {
  background-color: #f01515;
  color: white;
  border: 1px solid black;
}

.azerbaijan {
  background-color: #1969bc;
  color: white;
  border: 1px solid black;
}

.bangkok-united {
  background-color: #ed1b24;
  color: black;
  border: 1px solid black;
}

.barcelona {
  background-color: #004d98;
  color: #edbb00;
  border: 1px solid black;
}

.bari {
  background-color: white;
  color: #d9000d;
  border: 1px solid black;
}

.barnet {
  background-color: #ff7700;
  color: black;
  border: 1px solid black;
}

.barnsley {
  background-color: #ef3340;
  color: white;
  border: 1px solid black;
}

.barrow {
  background-color: #235ba8;
  color: white;
  border: 1px solid black;
}

.belarus {
  background-color: #800020;
  color: white;
  border: 1px solid black;
}

.belgium {
  background-color: #fa0000;
  color: #ffd700;
  border: 1px solid black;
}

.belize {
  background-color: white;
  color: #003f87;
  border: 1px solid black;
}

.benevento {
  background-color: #e31523;
  color: #ffee01;
  border: 1px solid black;
}

.benin {
  background-color: #f6e83f;
  color: #d83e49;
  border: 1px solid black;
}

.bermuda {
  background-color: #001b5b;
  color: #ef90b2;
  border: 1px solid black;
}

.birmingham-city {
  background-color: #0032a0;
  color: white;
  border: 1px solid black;
}

.blackburn-rovers {
  background-color: #009ee0;
  color: white;
  border: 1px solid black;
}

.blackpool {
  background-color: #e55613;
  color: white;
  border: 1px solid black;
}

.blackwhite {
  background-color: black;
  color: white;
  border: 1px solid #222;
}

.bolivia {
  background-color: #006200;
  color: white;
  border: 1px solid black;
}

.bologna {
  background-color: #2e2b54;
  color: #a21c26;
  border: 1px solid black;
}

.bolton-wanderers {
  background-color: white;
  color: #263c7e;
  border: 1px solid black;
}

.bootle {
  background-color: #1262ac;
  color: white;
  border: 1px solid black;
}

.bosnia-and-herzegovina {
  background-color: #22459b;
  color: #f4cb3c;
  border: 1px solid black;
}

.botswana {
  background-color: #75aadb;
  color: white;
  border: 1px solid black;
}

.bournemouth {
  background-color: #e4010b;
  color: black;
  border: 1px solid black;
}

.bradford-city {
  background-color: #721434;
  color: #f7a30a;
  border: 1px solid black;
}

.bradford-park-avenue {
  background-color: white;
  color: #008037;
  border: 1px solid black;
}

.brazil {
  background-color: #fddc02;
  color: #0c87d1;
  border: 1px solid black;
}

.brentford {
  background-color: #e4010b;
  color: white;
  border: 1px solid black;
}

.brescia {
  background-color: #075da8;
  color: white;
  border: 1px solid black;
}

.brighton {
  background-color: #0054a5;
  color: white;
  border: 1px solid black;
}

.brisbane-roar {
  background-color: #f26522;
  color: white;
  border: 1px solid black;
}

.bristol-city {
  background-color: #e21a23;
  color: white;
  border: 1px solid black;
}

.bristol-rovers {
  background-color: #0033a0;
  color: white;
  border: 1px solid black;
}

.bromley {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.bulgaria {
  background-color: white;
  color: #00a859;
  border: 1px solid black;
}

.burkina-faso {
  background-color: #006139;
  color: white;
  border: 1px solid black;
}

.burnley {
  background-color: #81204c;
  color: #9fd4f4;
  border: 1px solid black;
}

.burton-albion {
  background-color: #f5dd15;
  color: black;
  border: 1px solid black;
}

.burton-swifts {
  background-color: #d42f2f;
  color: #0f2592;
  border: 1px solid black;
}

.burton-wanderers {
  background-color: #172a8e;
  color: white;
  border: 1px solid black;
}

.burundi {
  background-color: #009e45;
  color: white;
  border: 1px solid black;
}

.bury {
  background-color: white;
  color: #002060;
  border: 1px solid black;
}

.caf {
  background-color: #126035;
  color: white;
  border: 1px solid black;
}

.cagliari {
  background-color: #001461;
  color: white;
  border: 1px solid black;
}

.cambridge-united {
  background-color: #ffc139;
  color: black;
  border: 1px solid black;
}

.cameroon {
  background-color: #449d47;
  color: #f8d712;
  border: 1px solid black;
}

.canada {
  background-color: #c5281c;
  color: white;
  border: 1px solid black;
}

.cape-verde {
  background-color: #003c8f;
  color: white;
  border: 1px solid black;
}

.cardiff-city {
  background-color: #00519b;
  color: white;
  border: 1px solid black;
}

.carlisle-united {
  background-color: #276fb7;
  color: white;
  border: 1px solid black;
}

.carrarese {
  background-color: #0072ba;
  color: #ffed00;
  border: 1px solid black;
}

.catanzaro {
  background-color: #e73d34;
  color: #fee431;
  border: 1px solid black;
}

.central-african-republic {
  background-color: #172983;
  color: white;
  border: 1px solid black;
}

.central-coast-mariners {
  background-color: #f8c542;
  color: #1a3450;
  border: 1px solid black;
}

.cesena {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.chad {
  background-color: #0078b4;
  color: white;
  border: 1px solid black;
}

.championship {
  background-color: white;
  color: #283271;
  border: 1px solid black;
}

.champions-league {
  background-color: #000040;
  color: white;
  border: 1px solid black;
}

.charlton-athletic {
  background-color: #c30017;
  color: white;
  border: 1px solid black;
}

.chelsea {
  background-color: #004495;
  color: white;
  border: 1px solid black;
}

.cheltenham-town {
  background-color: #da291c;
  color: white;
  border: 1px solid black;
}

.chester-city {
  background-color: #0057a2;
  color: white;
  border: 1px solid black;
}

.chesterfield {
  background-color: #00488d;
  color: white;
  border: 1px solid black;
}

.chile {
  background-color: #e30c19;
  color: #005091;
  border: 1px solid black;
}

.china {
  background-color: #e20613;
  color: white;
  border: 1px solid black;
}

.chinese-super-league {
  background-color: #db372d;
  color: white;
  border: 1px solid black;
}

.cincinnati {
  background-color: #263b80;
  color: #f05323;
  border: 1px solid black;
}

.cittadella {
  background-color: #9c182f;
  color: white;
  border: 1px solid black;
}

.colchester-united {
  background-color: #1566a5;
  color: white;
  border: 1px solid black;
}

.colombia {
  background-color: #f6e200;
  color: #045da3;
  border: 1px solid black;
}

.como {
  background-color: #114169;
  color: white;
  border: 1px solid black;
}

.comoros {
  background-color: #009a3e;
  color: white;
  border: 1px solid black;
}

.congo {
  background-color: #c51218;
  color: #faf127;
  border: 1px solid black;
}

.conmebol {
  background-color: #002f5e;
  color: white;
  border: 1px solid black;
}

.cosenza {
  background-color: #213a58;
  color: white;
  border: 1px solid black;
}

.coventry-city {
  background-color: #69b3e7;
  color: white;
  border: 1px solid black;
}

.crawley-town {
  background-color: #be2026;
  color: white;
  border: 1px solid black;
}

.cremonese {
  background-color: #e1052c;
  color: white;
  border: 1px solid black;
}

.crewe-alexandra {
  background-color: #da291c;
  color: white;
  border: 1px solid black;
}

.croatia {
  background-color: white;
  color: #e41b23;
  border: 1px solid black;
}

.crystal-palace {
  background-color: #0055a5;
  color: #ee2e24;
  border: 1px solid black;
}

.cyprus {
  background-color: #0b4793;
  color: white;
  border: 1px solid black;
}

.czech-republic {
  background-color: #e92b1e;
  color: white;
  border: 1px solid black;
}

.dagenham-redbridge {
  background-color: #f52517;
  color: #111d6e;
  border: 1px solid black;
}

.darlington {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.darwen {
  background-color: #f4afb0;
  color: white;
  border: 1px solid black;
}

.denmark {
  background-color: #cd181e;
  color: white;
  border: 1px solid black;
}

.derby-county {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.djibouti {
  background-color: #3181c7;
  color: white;
  border: 1px solid black;
}

.doncaster-rovers {
  background-color: #da291c;
  color: white;
  border: 1px solid black;
}

.dr-congo {
  background-color: #1a93ce;
  color: #ce1a3d;
  border: 1px solid black;
}

.ecuador {
  background-color: #ffce00;
  color: #002255;
  border: 1px solid black;
}

.egypt {
  background-color: #cb0000;
  color: white;
  border: 1px solid black;
}

.el-salvador {
  background-color: #0070af;
  color: white;
  border: 1px solid black;
}

.empoli {
  background-color: #01579c;
  color: white;
  border: 1px solid black;
}

.england {
  background-color: white;
  color: #2c58ac;
  border: 1px solid black;
}

.england2 {
  background-color: white;
  color: #ce1124;
  border: 1px solid black;
}

.equatorial-guinea {
  background-color: #fc000e;
  color: white;
  border: 1px solid black;
}

.eritrea {
  background-color: #2677ab;
  color: #dbd433;
  border: 1px solid black;
}

.estonia {
  background-color: #2263a1;
  color: white;
  border: 1px solid black;
}

.eswatini {
  background-color: #0053aa;
  color: #ffff00;
  border: 1px solid black;
}

.ethiopia {
  background-color: #08752f;
  color: #f8e300;
  border: 1px solid black;
}

.everton {
  background-color: #1a11a2;
  color: white;
  border: 1px solid black;
}

.exeter-city {
  background-color: #da291c;
  color: white;
  border: 1px solid black;
}

.faroe-islands {
  background-color: white;
  color: #2f4694;
  border: 1px solid black;
}

.feralpisalo {
  background-color: #1a427d;
  color: white;
  border: 1px solid black;
}

.finland {
  background-color: white;
  color: #00308c;
  border: 1px solid black;
}

.fiorentina {
  background-color: #583089;
  color: white;
  border: 1px solid black;
}

.fleetwood-town {
  background-color: #d71921;
  color: white;
  border: 1px solid black;
}

.forest-green-rovers {
  background-color: #96cf1d;
  color: black;
  border: 1px solid black;
}

.france {
  background-color: #004687;
  color: white;
  border: 1px solid black;
}

.frosinone {
  background-color: #ffdd00;
  color: #004393;
  border: 1px solid black;
}

.fulham {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.gabon {
  background-color: #fad905;
  color: #125ba3;
  border: 1px solid black;
}

.gainsborough-trinity {
  background-color: #304189;
  color: white;
  border: 1px solid black;
}

.gambia {
  background-color: #e90006;
  color: #180093;
  border: 1px solid black;
}

.georgia {
  background-color: #ca003d;
  color: white;
  border: 1px solid black;
}

.genoa {
  background-color: #ae1919;
  color: white;
  border: 1px solid black;
}

.germany {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.ghana {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.gibraltar {
  background-color: #dc0d1d;
  color: white;
  border: 1px solid black;
}

.gillingham {
  background-color: #0084c4;
  color: white;
  border: 1px solid black;
}

.greece {
  background-color: #14448b;
  color: white;
  border: 1px solid black;
}

.grimsby-town {
  background-color: black;
  color: white;
  border: 1px solid #222;
}

.guinea {
  background-color: #cd1716;
  color: #fbc608;
  border: 1px solid black;
}

.guinea-bissau {
  background-color: #f10808;
  color: white;
  border: 1px solid black;
}

.halifax-town {
  background-color: #0462a9;
  color: white;
  border: 1px solid black;
}

.halifax-town-afc {
  background-color: #0462a9;
  color: white;
  border: 1px solid black;
}

.harrogate-town {
  background-color: #ffdb22;
  color: black;
  border: 1px solid black;
}

.hartlepool-united {
  background-color: #204284;
  color: white;
  border: 1px solid black;
}

.hellas-verona {
  background-color: #002f6c;
  color: #ffd100;
  border: 1px solid black;
}

.hereford-united {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.huddersfield-town {
  background-color: #0071cd;
  color: white;
  border: 1px solid black;
}

.hull-city {
  background-color: #ef8902;
  color: black;
  border: 1px solid black;
}

.hungary {
  background-color: #ee2624;
  color: white;
  border: 1px solid black;
}

.iceland {
  background-color: #0042e5;
  color: white;
  border: 1px solid black;
}

.india {
  background-color: #3f94e8;
  color: white;
  border: 1px solid black;
}

.internazionale {
  background-color: #011ea0;
  color: white;
  border: 1px solid black;
}

.ipswich-town {
  background-color: #0033a0;
  color: white;
  border: 1px solid black;
}

.iran {
  background-color: white;
  color: #e11e25;
  border: 1px solid black;
}

.iraq {
  background-color: #006d29;
  color: white;
  border: 1px solid black;
}

.ireland {
  background-color: #007025;
  color: white;
  border: 1px solid black;
}

.israel {
  background-color: #39aadc;
  color: white;
  border: 1px solid black;
}

.italy {
  background-color: #0053b6;
  color: white;
  border: 1px solid black;
}

.ivory-coast {
  background-color: #f25c00;
  color: white;
  border: 1px solid black;
}

.jamaica {
  background-color: #39b54a;
  color: #fff600;
  border: 1px solid black;
}

.japan {
  background-color: #052667;
  color: white;
  border: 1px solid black;
}

.juventus {
  background-color: black;
  color: white;
  border: 1px solid #222;
}

.juve-stabia {
  background-color: #f3e42b;
  color: #000062;
  border: 1px solid black;
}

.kazakhstan {
  background-color: #ffd540;
  color: #123c8b;
  border: 1px solid black;
}

.kenya {
  background-color: #e53935;
  color: white;
  border: 1px solid black;
}

.kidderminster-harriers {
  background-color: #d02424;
  color: white;
  border: 1px solid black;
}

.kjobenhavns-boldklub {
  background-color: #0000ff;
  color: white;
  border: 1px solid black;
}

.korea-dpr {
  background-color: #ff1100;
  color: white;
  border: 1px solid black;
}

.korea-republic {
  background-color: #eb072a;
  color: white;
  border: 1px solid black;
}

.kosovo {
  background-color: #1d3d92;
  color: white;
  border: 1px solid black;
}

.la-liga {
  background-color: #ff4b44;
  color: white;
  border: 1px solid black;
}

.latvia {
  background-color: #b61b41;
  color: white;
  border: 1px solid black;
}

.lazio {
  background-color: #84d8f9;
  color: white;
  border: 1px solid black;
}

.lecce {
  background-color: #fbd80b;
  color: #d80d16;
  border: 1px solid black;
}

.lecco {
  background-color: #06215a;
  color: #689fca;
  border: 1px solid black;
}

.leeds-city {
  background-color: #000066;
  color: #f8c913;
  border: 1px solid black;
}

.leeds-united {
  background-color: white;
  color: #0060aa;
  border: 1px solid black;
}

.leicester-city {
  background-color: #0052a1;
  color: white;
  border: 1px solid black;
}

.lesotho {
  background-color: #046dac;
  color: white;
  border: 1px solid black;
}

.leyton-orient {
  background-color: #e20714;
  color: white;
  border: 1px solid black;
}

.liberia {
  background-color: #e3001c;
  color: white;
  border: 1px solid black;
}

.libya {
  background-color: #e3001c;
  color: black;
  border: 1px solid black;
}

.liechtenstein {
  background-color: #00338d;
  color: white;
  border: 1px solid black;
}

.lincoln-city {
  background-color: #da0000;
  color: white;
  border: 1px solid black;
}

.lithuania {
  background-color: #fabb00;
  color: #007735;
  border: 1px solid black;
}

.liverpool {
  background-color: #d0011a;
  color: white;
  border: 1px solid black;
}

.luton-town {
  background-color: #f47831;
  color: #1b365d;
  border: 1px solid black;
}

.luxembourg {
  background-color: #da2028;
  color: white;
  border: 1px solid black;
}

.maidstone-united {
  background-color: #f7a32e;
  color: black;
  border: 1px solid black;
}

.macarthur {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.macclesfield-town {
  background-color: #004495;
  color: white;
  border: 1px solid black;
}

.madagascar {
  background-color: #009646;
  color: white;
  border: 1px solid black;
}

.major-league-soccer {
  background-color: #da231b;
  color: white;
  border: 1px solid black;
}

.malawi {
  background-color: #ec1a23;
  color: white;
  border: 1px solid black;
}

.mali {
  background-color: #158355;
  color: #ffde10;
  border: 1px solid black;
}

.malta {
  background-color: #ce132d;
  color: white;
  border: 1px solid black;
}

.manchester-city {
  background-color: #98c2e8;
  color: white;
  border: 1px solid black;
}
  
.manchester-united {
  background-color: #c70101;
  color: white;
  border: 1px solid black;
}

.mansfield-town {
  background-color: #f3b21a;
  color: #005d93;
  border: 1px solid black;
}

.mantova {
  background-color: white;
  color: #e4272c;
  border: 1px solid black;
}

.mauritania {
  background-color: #11ad01;
  color: #ffff01;
  border: 1px solid black;
}

.mauritius {
  background-color: #DC143C;
  color: white;
  border: 1px solid black;
}

.melbourne-city {
  background-color: #7ab2e1;
  color: white;
  border: 1px solid black;
}

.melbourne-victory {
  background-color: #002d62;
  color: white;
  border: 1px solid black;
}

.mexico {
  background-color: #0a9841;
  color: white;
  border: 1px solid black;
}

.middlesbrough {
  background-color: #d71b21;
  color: white;
  border: 1px solid black;
}

.milan {
  background-color: #de051a;
  color: black;
  border: 1px solid black;
}

.millwall {
  background-color: #00184b;
  color: white;
  border: 1px solid black;
}

.milton-keynes-dons {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.modena {
  background-color: #ffeb00;
  color: #000052;
  border: 1px solid black;
}

.moldova {
  background-color: #214290;
  color: white;
  border: 1px solid black;
}

.montenegro {
  background-color: #e81d2c;
  color: #fedf1b;
  border: 1px solid black;
}

.monza {
  background-color: #e10032;
  color: white;
  border: 1px solid black;
}

.morecambe {
  background-color: #981915;
  color: white;
  border: 1px solid black;
}

.morocco {
  background-color: #ee1524;
  color: white;
  border: 1px solid black;
}

.mozambique {
  background-color: #ee3238;
  color: black;
  border: 1px solid black;
}

.namibia {
  background-color: #C8102E;
  color: white;
  border: 1px solid black;
}

.napoli {
  background-color: #199fd6;
  color: white;
  border: 1px solid black;
}

.nelson {
  background-color: #164ac2;
  color: white;
  border: 1px solid black;
}

.netherlands {
  background-color: #f36c21;
  color: white;
  border: 1px solid black;
}

.newcastle-united {
  background-color: black;
  color: white;
  border: 1px solid #222;
}

.newcastle-united-jets {
  background-color: #12538f;
  color: #bea56e;
  border: 1px solid black;
}

.newport-county {
  background-color: #f9a31a;
  color: black;
  border: 1px solid black;
}

.new-zealand {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.niger {
  background-color: #ff6600;
  color: #24a007;
  border: 1px solid black;
}

.nigeria {
  background-color: #008751;
  color: white;
  border: 1px solid black;
}

.northampton-town {
  background-color: #8b2942;
  color: white;
  border: 1px solid black;
}

.north-macedonia {
  background-color: #e9362a;
  color: #fed11b;
  border: 1px solid black;
}

.northern-ireland {
  background-color: #0e6743;
  color: white;
  border: 1px solid black;
}

.norway {
  background-color: #dc1430;
  color: #142861;
  border: 1px solid black;
}

.norwich-city {
  background-color: #fff200;
  color: #038c40;
  border: 1px solid black;
}

.nottingham-forest {
  background-color: #c8102e;
  color: white;
  border: 1px solid black;
}

.notts-county {
  background-color: black;
  color: white;
  border: 1px solid #222;
}

.oldham-athletic {
  background-color: #0054a6;
  color: white;
  border: 1px solid black;
}

.oxford-united {
  background-color: #ffd700;
  color: #00205b;
  border: 1px solid black;
}

.palermo {
  background-color: #eec0c8;
  color: black;
  border: 1px solid black;
}

.paraguay {
  background-color: #00619e;
  color: white;
  border: 1px solid black;
}

.parma {
  background-color: #fdc82f;
  color: #29356d;
  border: 1px solid black;
}

.perth-glory {
  background-color: #4a2465;
  color: white;
  border: 1px solid black;
}

.peru {
  background-color: white;
  color: #e41d25;
  border: 1px solid black;
}

.perugia {
  background-color: #e20613;
  color: white;
  border: 1px solid black;
}

.peterborough-united {
  background-color: #0050b4;
  color: white;
  border: 1px solid black;
}

.pisa {
  background-color: black;
  color: white;
  border: 1px solid #222;
}

.plymouth-argyle {
  background-color: #374f46;
  color: white;
  border: 1px solid black;
}

.poland {
  background-color: white;
  color: #dc143c;
  border: 1px solid black;
}

.portsmouth {
  background-color: #253785;
  color: white;
  border: 1px solid black;
}

.portugal {
  background-color: #d9534f;
  color: #49b949;
  border: 1px solid black;
}

.port-vale {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.premier-league {
  background-color: #3b125b;
  color: white;
  border: 1px solid black;
}

.preston-north-end {
  background-color: white;
  color: #001b55;
  border: 1px solid black;
}

.qatar {
  background-color: #973e4d;
  color: white;
  border: 1px solid black;
}

.queens-park-rangers {
  background-color: white;
  color: #175ba5;
  border: 1px solid black;
}

.reading {
  background-color: white;
  color: #0032b9;
  border: 1px solid black;
}

.real-madrid {
  background-color: white;
  color: #004996;
  border: 1px solid black;
}

.reggiana {
  background-color: #7c0201;
  color: white;
  border: 1px solid black;
}

.reggina {
  background-color: #890035;
  color: white;
  border: 1px solid black;
}

.reunion {
  background-color: #2e9845;
  color: white;
  border: 1px solid black;
}

.rochdale {
  background-color: #1a5ba0;
  color: white;
  border: 1px solid black;
}

.roma {
  background-color: #8e001c;
  color: #ffb300;
  border: 1px solid black;
}

.romania {
  background-color: #ffcb06;
  color: #0d4ba0;
  border: 1px solid black;
}

.rotherham-united {
  background-color: #e31720;
  color: white;
  border: 1px solid black;
}

.russia {
  background-color: #d52b1e;
  color: white;
  border: 1px solid black;
}

.rwanda {
  background-color: #fad509;
  color: #62bb46;
  border: 1px solid black;
}

.saint-lucia {
  background-color: #FADA5E;
  color: black;
  border: 1px solid black;
}

.salernitana {
  background-color: #611b1a;
  color: white;
  border: 1px solid black;
}

.salford-city {
  background-color: #e31f11;
  color: white;
  border: 1px solid black;
}

.sampdoria {
  background-color: #0079bb;
  color: white;
  border: 1px solid black;
}

.san-marino {
  background-color: #57b3e4;
  color: white;
  border: 1px solid black;
}

.sao-tome {
  background-color: #FFD100;
  color: #009739;
  border: 1px solid black;
}

.sassuolo {
  background-color: #33b65b;
  color: black;
  border: 1px solid black;
}

.saudi-arabia {
  background-color: #136239;
  color: white;
  border: 1px solid black;
}

.scarborough {
  background-color: #e20714;
  color: white;
  border: 1px solid black;
}

.score {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.scotland {
  background-color: #1d355f;
  color: white;
  border: 1px solid black;
}

.scunthorpe-united {
  background-color: #862633;
  color: #69b3e7;
  border: 1px solid black;
}

.senegal {
  background-color: #11a335;
  color: #ffdc00;
  border: 1px solid black;
}

.serbia {
  background-color: #b42129;
  color: white;
  border: 1px solid black;
}

.serie-a {
  background-color: #0032a0;
  color: white;
  border: 1px solid black;
}

.seychelles {
  background-color: #cf0000;
  color: white;
  border: 1px solid black;
}

.sheffield {
  background-color: #c52443;
  color: black;
  border: 1px solid black;
}

.sheffield-united {
  background-color: #e31720;
  color: white;
  border: 1px solid black;
}

.sheffield-wednesday {
  background-color: #4685c3;
  color: white;
  border: 1px solid black;
}

.shrewsbury-town {
  background-color: #004a99;
  color: #f2a900;
  border: 1px solid black;
}

.sierra-leone {
  background-color: #0070c0;
  color: white;
  border: 1px solid black;
}

.slovakia {
  background-color: #0b4ea2;
  color: white;
  border: 1px solid black;
}

.slovenia {
  background-color: white;
  color: #7abd21;
  border: 1px solid black;
}

.somalia {
  background-color: #7bcbea;
  color: white;
  border: 1px solid black;
}

.south-africa {
  background-color: #fbd049;
  color: #00684f;
  border: 1px solid black;
}

.south-sudan {
  background-color: white;
  color: #07892f;
  border: 1px solid black;
}

.southampton {
  background-color: #d10a11;
  color: white;
  border: 1px solid black;
}

.southend-united {
  background-color: #003781;
  color: white;
  border: 1px solid black;
}

.spain {
  background-color: #e4002b;
  color: #ffc845;
  border: 1px solid black;
}

.spal {
  background-color: white;
  color: #00a3dd;
  border: 1px solid black;
}

.spezia {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.sri-lanka {
  background-color: #f3bb2a;
  color: black;
  border: 1px solid black;
}

.stevenage {
  background-color: #aa1f2f;
  color: white;
  border: 1px solid black;
}

.stockport-county {
  background-color: #194f90;
  color: white;
  border: 1px solid black;
}

.stoke-city {
  background-color: #e31720;
  color: white;
  border: 1px solid black;
}

.sudan {
  background-color: #dc2035;
  color: white;
  border: 1px solid black;
}

.sudtirol {
  background-color: white;
  color: #bc091b;
  border: 1px solid black;
}

.sunderland {
  background-color: #e31720;
  color: white;
  border: 1px solid black;
}

.supercoppa-italiana {
  background-color: #9db5b4;
  color: #106ef0;
  border: 1px solid black;
}

.sutton-united {
  background-color: #fdc623;
  color: black;
  border: 1px solid black;
}

.swansea-city {
  background-color: white;
  color: black;
  border: 1px solid black;
}

.sweden {
  background-color: #ffd600;
  color: #015794;
  border: 1px solid black;
}

.swindon-town {
  background-color: #ed3424;
  color: white;
  border: 1px solid black;
}

.switzerland {
  background-color: #da291c;
  color: white;
  border: 1px solid black;
}

.sydney-fc {
  background-color: #7db1e0;
  color: #08466e;
  border: 1px solid black;
}

.tanzania {
  background-color: #083090;
  color: #fdd117;
  border: 1px solid black;
}

.ternana {
  background-color: #d5252a;
  color: #246334;
  border: 1px solid black;
}

.thailand {
  background-color: #102c52;
  color: white;
  border: 1px solid black;
}

.thai-league-1 {
  background-color: #b31f24;
  color: white;
  border: 1px solid black;
}

.togo {
  background-color: #ffeb00;
  color: #38a647;
  border: 1px solid black;
}

.torino {
  background-color: #711c1f;
  color: white;
  border: 1px solid black;
}

.torquay-united {
  background-color: #ffd100;
  color: #1553b7;
  border: 1px solid black;
}

.tottenham-hotspur {
  background-color: white;
  color: #1e3a5b;
  border: 1px solid black;
}

.tranmere-rovers {
  background-color: white;
  color: #144c96;
  border: 1px solid black;
}

.trinidad-and-tobago {
  background-color: #d52027;
  color: black;
  border: 1px solid black;
}

.tunisia {
  background-color: #e70013;
  color: white;
  border: 1px solid black;
}

.turkey {
  background-color: #e30a17;
  color: white;
  border: 1px solid black;
}

.udinese {
  background-color: black;
  color: white;
  border: 1px solid #222;
}
.uefa {
  background-color: #005eb4;
  color: white;
  border: 1px solid black;
}

.uganda {
  background-color: #efeb0c;
  color: black;
  border: 1px solid black;
}

.ukraine {
  background-color: #ffd700;
  color: #0057b7;
  border: 1px solid black;
}

.united-states {
  background-color: white;
  color: #1f2742;
  border: 1px solid black;
}

.uruguay {
  background-color: #7dcaeb;
  color: white;
  border: 1px solid black;
}

.uzbekistan {
  background-color: white;
  color: #1b4c9b;
  border: 1px solid black;
}

.venezia {
  background-color: black;
  color: #ee732e;
  border: 1px solid #222;
}

.venezuela {
  background-color: #510e26;
  color: #bd9b52;
  border: 1px solid black;
}

.vicenza {
  background-color: white;
  color: #ff0003;
  border: 1px solid black;
}

.vietnam {
  background-color: #e41b23;
  color: #fff100;
  border: 1px solid black;
}

.wales {
  background-color: #e5231b;
  color: white;
  border: 1px solid black;
}

.walsall {
  background-color: #eb1f3a;
  color: white;
  border: 1px solid black;
}

.watford {
  background-color: #fbef1e;
  color: #ee1b22;
  border: 1px solid black;
}

.wellington-phoenix {
  background-color: #ffdd00;
  color: black;
  border: 1px solid black;
}

.west-bromwich-albion {
  background-color: white;
  color: #020c52;
  border: 1px solid black;
}

.western-sydney-wanderers {
  background-color: #c60c30;
  color: black;
  border: 1px solid black;
}

.western-united {
  background-color: #2bb56c;
  color: black;
  border: 1px solid black;
}

.west-ham-united {
  background-color: #7c2c3b;
  color: #2fafe5;
  border: 1px solid black;
}

.wigan-athletic {
  background-color: #1759b0;
  color: white;
  border: 1px solid black;
}

.wimbledon {
  background-color: #0b2b57;
  color: #fffb00;
  border: 1px solid black;
}

.wolverhampton-wanderers {
  background-color: #fdb913;
  color: black;
  border: 1px solid black;
}

.world-cup {
  background-color: #045694;
  color: white;
  border: 1px solid black;
}

.worldcup2 {
  background-color: #FFD700;
  color: white;
  border: 1px solid black;
}

.wrexham {
  background-color: #ee4035;
  color: white;
  border: 1px solid black;
}

.wycombe-wanderers {
  background-color: #003362;
  color: #4eb6e3;
  border: 1px solid black;
}

.yeovil-town {
  background-color: #4dac26;
  color: white;
  border: 1px solid black;
}

.york-city {
  background-color: #ee1229;
  color: #13347c;
  border: 1px solid black;
}

.zambia {
  background-color: #008000;
  color: white;
  border: 1px solid black;
}

.zimbabwe {
  background-color: #ffd100;
  color: #286c36;
  border: 1px solid black;
}
  
@media (max-width: 767px) {
  .maintable1-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .maintable1 {
    width: max-content;
    min-width: 600px;
    font-size: 12px !important;
  }

  .maintable1 th,
  .maintable1 td {
    white-space: nowrap;
    padding: 4px !important;
  }
}