.lb-content,.lb-ranking {
  display: flex;
  flex-flow: column nowrap;
  background-color: white;
  margin: 10px auto;
  border-radius: 4px;
  box-shadow: 5px 1px 15px rgba(0, 0, 0, .08);
  width:100%;
  max-height: 580px;
  overflow-y: auto;
 
  }

.lb-ranking-header{ padding:0 10px;}
  .lb-content-line{ display: flex;
    flex-flow: row nowrap;
    width: 100%;
    border-bottom: 1px solid #dadada;
  }

  .lb-content-line.selected{background-color: antiquewhite;}

    .lb-content-line:hover {
      cursor: pointer;
      background-color: #F0F0F0;
      color:#a31726;
    /*   box-shadow: 0px 1px 4px rgba(0, 0, 0, .08); */
    }

    .lb-ranking{background: #a31726; color:white;}
    .lb-ranking-header{  color:white;display: flex;flex-flow: row nowrap;
      width: 100%;
      
    }

      .lb-ranking-header div,.lb-content-line div{
      display: flex;
      flex: 1;
      font-size: 12px;
      padding: 8px 0;
      justify-content: left;
      align-items: center;
      transition: all 0.15s ease-in-out;
    }
    .dot,.lb-card-dot{
      border-radius: 50%;
      width: 35px;
      /* height: 34px; */
      padding: 10px;
      border: 1px solid #dadada;
      color: #000;
      text-align: center;
      font: 12px Arial, sans-serif;
      background-color: #a31726;
      color: #e4d426;
      margin: 0 10px;
      }

      .lb-card-dot{
        border-radius: 50%;
        width: 50px;
        /* height: 34px; */
        font-size:20px;
        position:absolute;
        bottom:-25px;
        }

      .lb-card{
        position:relative;
        /* border:solid 1px #DADADA; */
        /*background-color: #323337;*/
        border-radius: 4px;
        box-shadow: 5px 1px 15px rgba(0, 0, 0, .08);
        margin: 10px;
        padding: 10px;
        }
      .lb-card-totals {position:absolute;top:-10px;left:0px;right:10px;display: block;text-align: right;margin-right:20px}
      .lb-card-totals label{background-color: #e4d426;color:#a31726;border-radius: 10px 10px;padding:0 20px;z-index:11;}
      .lb-card-totals span{background-color: #a31726;color:#FFF;border-radius: 25px 25px;padding:10px 40px;z-index: 10;}

      .lb-card-avatar{
        border-radius: 50%;
        width: 100px;
        height: 100px;
        /* height: 34px; */
        /* padding: 10px; */
        border: 1px solid #dadada;
        color: #000;
        text-align: center;
        font: 12px Arial, sans-serif;
        background-image: url(img/player-m.png);
        background-position: center;
        background-size: cover;
        color: #e4d426;
        margin: 40px auto;
        position:relative;
        }
        .lb-card-club{
          border-radius: 50%;
          width: 100px;
          height: 100px;
          /* height: 34px; */
          /* padding: 10px; */
          border: 1px solid #dadada;
          color: #000;
          text-align: center;
          font: 12px Arial, sans-serif;
          background-image: url(img/home-club.webp);
          background-position: center;
          background-size: cover;
          color: #e4d426;
          margin: 40px auto;
          position:relative;
          }
      .lb-card-avatar.woman{
        background-image: url(img/player-w.png);
      }
    .lb-card-stats{max-height: 400px;overflow-y: auto;}
    .lb-card-name{margin:0 auto;width:100%;text-align: center;padding:10px 0 s20px 0;font-size: 16px;font-weight: bolder;}
    .lb-card-name a{color:#a31726;}
    .lb-card-results{width:90%;margin:0 auto;text-align: center;margin-bottom:30px;font-size: 1;}
    .lb-card-results-line{border-bottom:solid 1px #DADADA;padding:5px 0;text-align:left;    font-size: 12px;}

    #playerStats{margin-bottom:20px;}

    #playerStatsRanking{margin-bottom:20px;}

    .ranking-filter select{width:100%;background-color: antiquewhite;}
    .ranking-filter {text-align: left;}

    .club-top-header{padding: 10px 0;}
    .club-top-player{padding-bottom: 20px;}
    .club-top-player a{color:#a31726;}
    .club-top-players{max-height: 580px;overflow-y: auto;}

    #Progressbar{
      display: none;
    margin: 10px auto;}
      #Progressbar H2{
        font-size: 8px;}

    #myProgress {
  width: 100%;
  background-color: antiquewhite;
}

#myBar {
  width: 1%;
  height: 20px;
  background-color: #a31726;
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 1200px) {
  .club-top-header div,.club-top-player div{font-size:12px;}
  .club-top-player .lb-card-dot {margin: 10px 0px;padding: 6px 9px;}
}