/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/dt-1.10.16/r-2.2.1
 *
 * Included libraries:
 *   DataTables 1.10.16, Responsive 2.2.1
 */

 
body {
  font-family: Lato, sans-serif;
} 
 
/*
 * Table styles
 */

 
 .styled-table {
    border-collapse: collapse;
    margin: 15px 0;
    font-size: 0.9em;
	font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
    background-color: #1b0666;
    color: #ffffff;
    text-align: left;
}

.styled-table th,
.styled-table td {
    padding: 8px 8px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

/*
 * League table styles
 */

/* Styling for gender-specific league tables */
.league-container {
    margin-bottom: 40px;
}

.league-title {
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: bold;
  /*  color: #1b0666;*/
  color: blue;
}

/* Different styles for men's and women's tables */
#mens-table thead tr {
    background-color: #003366; /* Darker blue */
}

#womens-table thead tr {
    background-color: #660033; /* Darker pink/burgundy */
}

.styled-table tbody tr.gold-position {
    background-color: gold !important;
}

/*
 * Form styles
 */
 
 
/* FOR MOBILE PHONES AND SMALL SCREENS*/
@media only screen and (max-width: 600px) {
	select {		
	  padding: 5px 5px;
	  width: 30%;
	  border: 1px solid black;
	  margin: 5px 5px 5px 5px;
	  background-color: white;
	  color: #008CBA;
	  font-size: 0.8em;
	  font-family: sans-serif;
	  font-weight: bold;
	}
	label {
	
	  padding: 5px 5px;
	  border: none;
	  border-radius: 4px;
	  font-size: 0.8em;
	  background-color: #f1f1f1;
	  font-family: sans-serif;
	}
	button {
	
	  padding: 5px;
	  border: 1px solid black;
	  color:white;
	  font-size: 0.8em;
	  background-color: #008CBA;
	  
	}
	
}

/* FOR iPADS AND LARGER SCREENS*/
@media only screen and (min-width: 601px) {
	select {		
	  padding: 5px 5px;
	  border: 1px solid black;
	  border-radius: 4px;
	  width: 12%;
	  margin: 5px 5px 5px 5px;
	  background-color: #f1f1f1;
	  font-size: 0.9em;
	  font-family: sans-serif;
	  color: #008CBA;
	  font-weight: bold;
	}

	label {
	
	  padding: 5px 5px;
	  border: none;
	  border-radius: 4px;
	  font-size: 0.9em;
	  background-color: #f1f1f1;
	  font-family: sans-serif;
	}
	button {
	
	  padding: 5px;
	  width: 20%;
	  border: 1px solid black;
	  font-size: 0.9em;
	  background-color: #008CBA;
	  font-family: sans-serif;
	  color:white;
	}
	
	
}