#team-stats-table {
 font-size: 16px;
  font-family: 'Poppins', sans-serif;
  border: none;
  font-weight: 600;
  height: auto;
  overflow-y: auto-flow;
  overflow-x: auto;
	background-color: black;
	margin: 0 auto;
	width: 100%;
  border-collapse: collapse;

}

h4{
    color: white !important; 
		font-size: 20px;
}

.team-stats-tr {
  border-bottom: 1px solid black;
}

.team-stats-heads {
  background-color: #7a7979;
}

.team-stats-heads>tr>th {
  border: 1px solid white;
}

.team-stats-heads>tr>th>button {
  width: 70px;
  background: none;
  color: white;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.player-head>button {
  width: 170px !important;
}

.select-labels {
  font-size: 12pt;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
	color:white;
}

.heading-selects {
  font-size: 12pt;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
	color:white;
	background-color: black;
}

#batter-teams{
    background-color: black;
    color: white;
}

#season-select{
    background-color: black;
    color: white;
}

#pitcher-teams{
    background-color: black;
    color: white;
}

#team-stats-body>tr:hover {
  background-color: lightgray;
}

#team-stats-body>tr>td {
  border: 1px solid white;
  width: 70px;
	color:white;
}

.teams-a {
  text-decoration-color: #fd4f00;
  color: black;
}

.teams-a:hover {
  color: grey;
}

th button[data-dir="asc"]::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpolygon points='0, 0 8,0 4,8 8' fill='orange'/%3E%3C/svg%3E");
}

th button[data-dir="desc"]::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpolygon points='4 0,8 8,0 8' fill='orange'/%3E%3C/svg%3E");
}

#dropdown-container {
  position: relative;
  display: inline-block;
}

#suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  background-color: #fff;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
}

.button {
  padding: 8px 12px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}

.button-container {
  display: flex;
  align-items: center;
}

.add-button {
  margin-left: 8px;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.remove-button {
  margin-left: 8px;
  color: #f00;
}

.button:hover {
  background-color: #f4f4f4;
  color: #333;
  /* Change the text color on hover if needed */
}

.loading-span{
	color: black !important;
}

.name-span {
	color: white !important;
}

#searchInput{
    color:white;
    background-color: black;
}

#suggestions{
    background-color: black;
}

option{
    background-color: black;
    color: white;
}

.button{
    background-color: black;
    color: white;
}
.add-button{
    background-color: black;
}