* {  box-sizing: border-box;}

/* * { overflow-y:auto;} */
html {
    overflow-y: scroll;
    /* width: 100vw; */
    overflow-x:hidden;
}

.columnC {
    float: left;
    width: 33%;
    padding: 10px;
    background-color: #fdfdff;
    margin-left: 0.5%;
}

.columnR {
    float: left;
    width: 33%;
    padding: 10px;
    background-color: #fdfffd;
}

.columnE {
    float: left;
    width: 33%;
    padding: 10px;
    background-color: #fdfdff;
    margin-right: 0.5%;
}

.column_players {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.main_div {
    align-content: center;
    text-align: center;
    float: center;
    display: table;
    clear: both;
    width: 54%;
    margin-left: 23%;
    margin-right: 23%;
    padding: 30px;
    border: solid #999999;
    border-width: 2px;
    background-color: white;
}

.row     {
    content: '';
    align-content: center;
    text-align: center;
    float: center;
    display: table;
    clear: both;
    width: 90%;
    margin-left: 5%;
    padding: 30px;
    background-color: #f1f1ff;
}


.row_classic     {
    content: '';
    align-content: center;
    text-align: center;
    float: center;
    display: table;
    clear: both;
    width: 90%;
    margin-left: 5%;
    padding: 30px;
    background-color: #f6f4f1;
}

.row_rapid     {
    content: '';
    align-content: center;
    text-align: center;
    float: center;
    display: table;
    clear: both;
    width: 90%;
    margin-left: 5%;
    padding: 30px;
    background-color: #f6ecf5;
}

.row_equipe     {
    /* content: ''; */
    /* align-content: center;
    text-align: center;
    float: center;
    display: table; */
    /* clear: both; */
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    background-color: #f2f6f1;

}


.infoclass     {
  content: '';
  align-content: center;
  text-align: center;
  float: center;
  display: table;
  clear: both;
  width: 90%;
  margin-left: 5%;
  padding: 30px;
  background-color: #ffffff;
}

.restable {
  font-size:15px;
  width:100%;
}

.infotable {
    margin-left:auto;
    margin-right:auto;
    width: 60%;
    font-size: 17px;
    padding: 20px;
    align-content: center;
    /* text-align: center; */
    float: center;
    display: table;
}

.category_title {
    text-align: left;
    margin-left: 10%;
    width: 80%;
    color:#225599;
}

.players_list {
    margin-left:auto;
    margin-right:auto;
    width: 80%;
    font-size: 16px;
    align-content: center;
    padding:3px;
    float: center;
    display: table;
}

.advtable {
    font-size:16px;
    text-align: left;
    padding:15px;
    align-content: center;
    width:100%;
  }

.scoretable {
    font-size:14px;
    width:60%;
    align-tracks: center;
    margin-left: auto;
    margin-right: auto;
  }

.mbody {
  font-family: Tahoma, Helvetica, sans-serif;
  margin: 10px;
  background-color: black;
}

.tournament_date {
    color: #999999;
    font-size: 16px;
}

.tournament_name {
    color: #225599;
    font-size: 18px;
}


a:link    {    color: #225599;}
a:visited {    color: #225599;}
a:hover   {    color: #225599;}
a:active  {    color: #225599;}

.year { 
    /* background-color:#eeeeee; */
    background-color:rgb(3, 53, 53);    
    padding: 5px 0;
    margin: 0px;
    font-weight:bold;
    font-size: 30px;
    text-align: center;
    color: white;
    width: 90%;
    margin-left: 5%;
}

.tournament_header {
    font-weight:bold;
    align-items: center;
    /* background-color: #225599; */
    color:rgb(3, 53, 53);
    font-size:40px;
    padding:3px;
}

.player_tour_data {
    font-size: 16px;
}



.button_home {
    background-color:black; 
    cursor: pointer; 
    margin:10px;
    padding:6px; 
    width:150px; 
    text-align:center; 
    color: white;
    font-weight:bold;
}

.button_stat {
    background-color: rgb(5, 53, 3); 
    cursor: pointer; 
    padding:4px;
    margin: 5px;
    width:100px; 
    text-align:center; 
    color: white;
    font-weight:bold;
}
.button_stat_active {
    background-color: rgb(10, 112, 6); 
    cursor: pointer; 
    padding:4px;
    margin: 5px;
    width:100px; 
    text-align:center; 
    color: white;
    font-weight:bold;
}

.button {
    background-color: rgb(3, 53, 53); 
    cursor: pointer; 
    padding:4px; 
    margin: 5px;
    width:80px; 
    text-align:center; 
    color: white;
    font-weight:bold;
}

.button_active {
    background-color: rgb(53, 3, 3); 
    cursor: pointer; 
    padding:4px; 
    margin: 5px;
    width:80px; 
    text-align:center; 
    color: white;
    font-weight:bold;
}

/*  */
/*  */
/*  */

.topnav {
    overflow: hidden;
    background-color: #e9e9e9;
  }
  
  /* Style the links inside the navigation bar */
  .topnav a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  /* Change the color of links on hover */
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  /* Style the "active" element to highlight the current page */
  .topnav a.active {
    background-color: #2196F3;
    color: white;
  }
  
  /* Style the search box inside the navigation bar */
  .topnav input[type=text] {
    float: right;
    padding: 6px;
    border: none;
    margin-top: 8px;
    margin-right: 16px;
    font-size: 17px;
  }
  
  /* When the screen is less than 600px wide, stack the links and the search field vertically instead of horizontally */
  @media screen and (max-width: 600px) {
    .topnav a, .topnav input[type=text] {
      float: none;
      display: block;
      text-align: left;
      width: 100%;
      margin: 0;
      padding: 14px;
    }
    .topnav input[type=text] {
      border: 1px solid #ccc;
    }
  }