/*Style for game boxes*/
.gameBox{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 175px;/*250px;*/
    height: 60px;/*70px;*/
    border: 3px solid #73AD21;
    cursor: pointer;
    background-color: white;
    color: #73AD21;
}

.gameBoxLink{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 175px;/*250px;*/
    height: 60px;/*100px;*/
    border: 1.5px dashed #669999;
    
    background-color: #f0f5f5;
    color: black;
}

.gameBoxTeamNeutral{
    position: absolute;
    width:100%;
    height: 30%;
    left: 0px;
    font-size: 10px;/*14px;*/
    font-family: times;
    font-style: normal;
    font-weight: normal;
    text-align: left;
}

.gameBoxTeamWinner{
    position: absolute;
    width:100%;
    height: 30%;
    left: 0px;
    font-size: 9px;/*12px;*/
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    background-color: #73AD21;
    color: white;
}

.gameBoxTeamLoser{
    position: absolute;
    width:100%;
    height: 30%;
    left: 0px;
    font-size: 9px;/*12px;*/
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    background-color: #ffa31a;
    color: white;
}

.gameBoxTeamText
{
   position:absolute;
   left: 3px;
}

/*Styles for game details and reporting winners*/
.gameInfo{
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    text-align: center;
    font-size: 10px;/*14px;*/
    font-family: times;
    font-style: italic;
    font-weight: bold;
}

.gameLine{
	position:    absolute;
	width: 2px;
    	height: 2px;
	border:      2px solid #ccc;
}

.modalContainer
{
   background-color: #cbe7cb;
   height:100%;
   width:100%;
   text-align:center;
}

.modalCloseButton {
    position: absolute;
    left: 25%
    bottom:5%;
    width: 50%;
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 3vh;
}

.teamBox
{
   position: absolute;
   left: 5%;
   width: 90%;
   height: 20%;
   /*border: 3px solid #73AD21;*/
   /*border: 4px solid #e6e600;*/
   border: none;
   text-align: center;
   /*margin:auto;*/
    background-color: #4CAF50;
    color: white;
    border-radius: 20px;
}

.teamText
{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-size: 4vh;
}


.emptyBox
{
    /*position: relative;*/
    border: none;
    /*visibility: hidden;*/
    z-index=-1;
}

.ConsolationLinkBox
{
    /*border: 3px solid #73AD21;*/
    background-color: #f0f5f5;
    color: black;
    border-radius: 10px;
    padding: 5px;
    font-size: 13px;
}

/*Styles for admin pages*/

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even){background-color: white}

th {
    background-color: #4CAF50;
    color: white;
    cursor: pointer;
}

.textInput {
    width: 50%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.submitButton {
    width: 30%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.greenbutton {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}


.pag {
    display: inline-block;
    box-shadow: none;
}

.pag a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    box-shadow: none;
}

.pag a.active {
    background-color: #4CAF50;
    color: white;
    box-shadow: none;
    /*border: 1px solid #4CAF50;*/
}

.pag a:hover:(.active){box-shadow: none;}
.pag a:hover:not(.active) {cursor: pointer;background-color: #ddd;box-shadow: none;}

input[type=submit]:hover {
    background-color: #45a049;
}

input[type=text], select {
    width: 40%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.ToggleSection {
  cursor: pointer;
}