.playoff-table *{
    box-sizing: border-box;
  }
  .playoff-table {
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.42857143;
    font-weight: 400;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f5;
    border:2px solid var(--table-border);
  }
  .playoff-table .playoff-table-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    padding: 20px;
    box-sizing: border-box;
  }

  .playoff-table .playoff-table-tour {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    position: relative;
  }
  .playoff-table .playoff-table-pair {
    position: relative;
  }
  .playoff-table .playoff-table-pair:before {
    content: '';
    position: absolute;
    top: 31px;
    right: -12px;
    width: 12px;
    height: 1px;
    background-color: var(--table-border);
  }
  .playoff-table .playoff-table-pair:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 1000px;
    background-color: #f5f5f5;
    right: -12px;
    z-index: 1;
  }
  .playoff-table .playoff-table-pair:nth-child(even):after {
    top: 32px;
  }
  .playoff-table .playoff-table-pair:nth-child(odd):after {
    bottom: 32px;
  }
  .playoff-table .playoff-table-pair-style {
    border: 1px solid #cccccc;
    background-color: white;
    width: 350px;
    margin-bottom: 20px;
  }
  .playoff-table .playoff-table-group {
    padding-right: 11px;
    padding-left: 10px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .playoff-table .playoff-table-group .playoff-table-pair-style:last-child {
    margin-bottom: 0px;
  }
  .playoff-table .playoff-table-group:after {
    content: '';
    position: absolute;
    top: 32px;
    bottom: 0px;
    right: 0px;
    width: 1px;
    background-color: var(--table-border);
  }
  .playoff-table .playoff-table-group:last-child {
    margin-bottom: 0;
  }
  .playoff-table .playoff-table-left-player,
  .playoff-table .playoff-table-right-player {
    min-height: 28px;
    padding: 3px 5px;
  }
  .playoff-table .playoff-table-left-player {
    border-bottom: 1px solid #cccccc;
  }
  .playoff-table .playoff-table-left-player:before {
    content: '';
    position: absolute;
    bottom: 31px;
    left: -12px;
    width: 12px;
    height: 1px;
    background-color: var(--table-border);
  }
  .playoff-table .playoff-table-right-player {
    margin-top: -1px;
    border-top: 1px solid #cccccc;
  }

  #winner{
    background-color: var(--table-border); 
    font-weight: bold;
  }

  .playoff-table .playoff-table-third-place {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 100px;
  }
  .playoff-table .playoff-table-third-place .playoff-table-left-player:before {
    display: none;
  }
  .playoff-table .playoff-table-tour:first-child .playoff-table-group {
    padding-left: 0;
  }
  .playoff-table .playoff-table-tour:first-child .playoff-table-left-player:before {
    display: none;
  }
  .playoff-table .playoff-table-tour:last-child .playoff-table-group:after {
    display: none;
  }
  .playoff-table .playoff-table-tour:last-child .playoff-table-pair:after,
  .playoff-table .playoff-table-tour:last-child .playoff-table-pair:before {
    display: none;
  }
  /*# sourceMappingURL=playoff-table.css.map */
  
  #seasons_full_scroll{  
    width: 90%;
    overflow-x: scroll;
    }

  #playoffpage{
    margin:auto
  }

.test{
    background: var(--table-header);
    color: var(--table-header-text);
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 7px;
    padding-right: 7px;
}

#btn {
    cursor: pointer;
    width: 100%;
    font-weight: bold;

}

.content{
  border:2px solid var(--table-border)
}
  @media screen and (max-width: 800px) {

    #playoffpage{
      margin:unset
    }

    #seasons_full_scroll{  
      width: 100%;
      }
    .results_date_container-full{
        width: 90%;
        border-bottom: 2px solid var(--topnav-defaultbg);
        box-shadow: 0px 2px 0px var(--table-border), 0px 2px 0px  var(--table-border);
        margin:auto;
        font-weight: bold;
        font-size: 22px;
        padding-top:10px;
        overflow: hidden;
        display: flex;
        flex-direction: row; /* Arrange children in a row */
        }
      
}


#winner{
  border: 1px solid var(--table-border); 
}