table td#Blues  {background-color:#5FA2EB; color:white;}
	table td#Game1  {background-color:white; color:black;}
	table td#Game2  {background-color:#00B0F0; color:#000000;}
	table td#Game3  {background-color:#FFC000; color:black;}
	table td#Game4  {background-color:#FF33CC; color:white;}
	table td#Game5  {background-color:#C65911; color:white;}
	table td#Game6  {background-color:yellow; color:black;}
	table td#Game7  {background-color:#33CC33; color:black;}
	table td#Game8  {background-color:#FF99FF; color:black;}
	table td#Maroons{background-color:#73182C; color:white;}	
	table td#Prize  {background-color:#FFD700; color:black;}
	table td#Blank  {background-color:#B2B2B2; color:black;}
 	table td#InProgress {background-color:#00FF00; color:black;}
  table td#Over {background-color: white;color: black;}
mark {
  background-color: #FFD700;
  color: black;
font-size: 20px;
}

.btnPrize {
  background-color: #f44336;
  border: none;
  border-radius: 5px;
  color: black;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 20px;
}

/* Darker background on mouse-over */
.btnPrize:hover {
  background-color: #f44336;
	color: white;
}

.btnPosition {
  background-color: #008CBA;
  border: none;
  border-radius: 5px;
  color: black;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 20px;
}

/* Darker background on mouse-over */
.btnPosition:hover {
  background-color: #008CBA;
	color: white;
}

.btnName {
  background-color: #4CAF53;
  border: none;
  border-radius: 5px;
  color: black;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 20px;
}

/* Darker background on mouse-over */
.btnName:hover {
  background-color: #4CAF53;
	color: white;
}

NoScore {
  background-color: #B2B2B2;
  color: black;
font-size: 20px;
}

.tab { text-indent:40px }

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;

}

.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
  border-radius: 8px;
  font-size: 40px;
  
}

.button1:hover {
 background-color: #4CAF50;
 color: white;
font-size: 40px;
}

.button2 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
border-radius: 8px;
font-size: 40px;

}


.button2:hover {
  background-color: #008CBA;
  color: white;
font-size: 40px;

}

.button3 {
  background-color: white; 
  color: black; 
  border: 2px solid #f44336;
border-radius: 8px;
font-size: 40px;

}

.button3:hover {
  background-color: #f44336;
  color: white;
font-size: 40px;
}
.button4 {
  background-color: white; 
  color: black; 
  border: 2px solid pink;
  border-radius: 8px;
  font-size: 40px;
  
}

.button4:hover {
 background-color: pink;
 color: black;
font-size: 40px;
}
.button5 {
  background-color: white; 
  color: black; 
  border: 2px solid blue;
  border-radius: 8px;
  font-size: 40px;
  
}

.button5:hover {
 background-color: blue;
 color: white;
font-size: 40px;
}

.button6 {
  background-color: white; 
  color: black; 
  border: 2px solid orange;
  border-radius: 8px;
  font-size: 40px;
  
}

.button6:hover {
 background-color: orange;
 color: black;
font-size: 40px;
}
* {
  font-family: sans-serif; /* Change your font family */
}

/* the end of the old button*/


      .content-table {
        width: auto;
	margin: 25px 0;
	font-size: 0.9em;
	min-width: 400px;
        table-layout: fixed;
	border-radius: 5px 5px 0 0;
        border-collapse: collapse;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
      }
      .content-table tbody {
        display: block;
        width: 100%;
        overflow: auto;
        height: 950px;
	border-bottom: 4px solid #dddddd;
      }
      .content-table thead tr {
       
	display: block;
	border-bottom: 1px solid #dddddd;
      

	}



      .content-table thead {
        background: black;
        color: #fff;
      }

.content-table thead tr {
  background-color: #4CAF50;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}
      .content-table th,
      .content-table td {
        padding: 5px;
        text-align: left;
        width: 200px;
      }
.content-table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

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

.content-table tbody tr.active-row {
  font-weight: bold;
  color: #009879;
}
 

.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}
.active, .collapsible:hover {
  background-color: #777;
font-size: 15px
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}