body
{
    background-color: #071c24;
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    font-family: 'Eczar', serif;
    font-weight: bold;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #020a0e91; 
    margin-top: 3em;
    margin-bottom: 3em;
    border-radius: 30px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #076969; 
    border-radius: 30px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #064e4e; 
  }
  
  
#TableWrapper
{
  background-color:#758186a9;
  width: 40%;
  height:75%;
  position:relative;
  left:5%;
  top:25%;
  border:0 solid transparent;
  border-radius:25px;
  overflow-y:scroll;
}

#LeagueTable
{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border-collapse: collapse;

}
#LeagueHeader
{
  width:70%; 
}
th
{
  height:2em;
  font-size:2em;
  border-bottom:1px solid black;

}
td
{
  font-size:1.3em;
  text-align:center;
}
.league
{
    cursor:pointer;
}

#span
{
  color:#9fc3c3;
  font-size: 2em;
  position:relative;
  top:calc(100% - 1.4em);
}

.hidden
{
  display:none;
}
.sideWrapper
{

  width:40%;
  height:75%;
  position:absolute;
  top:25%;
  right:5%; 
}
.button
{
  width:8em;
  height:5%;
  background-color:#758186a9;
  background-position:10%;
  margin:0;
  position:relative;
  top:0;
  left:0;
  float:left;
  border-radius:25px 25px 0px 0px;
  text-align:center;
  cursor:pointer;
}
.scheduleBt
{
    margin-left:-5%;
}
.button > span
{
    position: relative;
    top:calc(50% - 0.5em);
}
.active
{
    background-color:#385663;
    display: block !important;
    z-index:1;
}
.bg_div
{
  /* background-color:#758186a9; */
  border-radius:0px 25px 25px 25px;
  position:relative;
  top:10%;
  left:0;
  width:100%;
  height:90%;
}
.results
{
  background-color:#385663;
  height:105.5%;
  width:100%;
  position:relative;
  top:-5.7%;
  left:0;
  border-radius:0px 25px 25px 25px;
  font-weight:bold;
  text-align:left;
  display: none;
}
.schedule
{
  background-color:#385663;
  height:105.5%;
  width:100%;
  position:relative;
  top:-5.7%;
  left:0;
  border-radius:2px 25px 25px 25px;
  font-weight:bold;
  text-align:left;
  display: none;
}
.schedule  .matchPlayers
{
    cursor:pointer;
}
.winner
{
  color:green;
}
.tab
{
    font-size:1.5em;
    font-family: 'Eczar', serif;
    color:#9fc3c3;
}
#day
{
  color:#9fc3c3;
  margin-top:0px;
  width:90%;
  position:relative;
  left:10px;
  text-align:left;
  border-bottom:2px solid #9fc3c3;
}
#dayp
{
    text-align: left;
}
#day > p
{
  position:relative;
  margin:0; 
  left:-28%;
}

.match
{
  display:flex;
  position:relative;
  width:90%;
  left:2%;
  margin:0;
  font-weight:bolder;
  cursor:pointer;
}
.matchPlayers
{
  flex:1;
  flex-direction: column; 
  justify-content: left; 
}
.matchPlayers > p
{
  margin:0;
  position:relative;
  left:2.5%;
}
.matchResult
{
  width:15%;
  
}