html,
body {
  height: 100%;
  background-color: #333;
  color: #fff;
}

pre,
a,
a:focus,
a:hover {
  color: #fff;
}

h1,h2,h3,h4,h5,h6{
  margin-bottom:1rem;
}

h4{
  margin-top:1rem;
  margin-bottom:0;
}

h3{
  margin-top:2rem;
  margin-bottom:1rem;
}


table{
  border-collapse: separate;
  border-spacing: 0;
  white-space: nowrap;
}

.table td, .table th{
  padding:0.25rem 0.5rem;
  background-color: rgb(51, 51, 51);
}

.resetfilter{
  margin: 0 auto; text-align: center;
  margin-top:15px;
}

table.dataTable{
  max-width: 100%!important;
}

.matchdate{
  padding-top:0!important;
  padding-bottom:0!important;
  background:#a0a0a0!important;
  color:#000;
}

.round_ends{
  text-align:center;
  margin-top:20px;
  margin-bottom:20px;
}

.round_ends img{
  width:20px;
  padding:2px;
}

.round_ends td{
  width:30px;
  border-top:0;
}


.leaderboard-divider{
  margin-top:2rem!important;
  margin-bottom:2rem!important;
}


.winindex{
  margin-top: 2rem;
}

.playername{
  width:30%;
  text-align:left;
}

.playerawards{
  margin:auto;
  margin-bottom:25px;
}

.card{
  background:#444;
  width: 20rem;
}

.card-title{
  font-weight: bold;
}

.gotm{
  float:left;
  margin-right:20px;
}

#leaderboard-ranked_wrapper{
  clear:both;
  margin-top:2rem;
}

.mapstats{
  margin-top:50px;
}

.resultinfo{
  padding:0;
  margin-top:10px;
  margin-bottom:10px;
}
.resultinfo h3{
  margin:0;
}

#matchmetainfo{
  margin-bottom:30px!important;
}

.backlink{
  margin-bottom:10px;
  display:block;
}

.dt-column-title{
  cursor: pointer;
}

.row-lose > td > a{
  color:#F38987;
}
.row-win > td > a{
  color:#94CF97;
    }

@media only screen and (max-width: 767px) {
  .sticky{
    position:sticky;
    left:0;
  }
  
}

@media only screen and (min-width: 768px) {
  .spr-statistics{
    width:50%;
  }

  .development-tabs{
    width:50%;
    margin:auto;
  }

  .mapchart{
    width:50%;
    height:400px;
  }

  .mapchartplayer{
    width:50%;
    margin:auto;
  }
  
  .playerawards{
    
    width:33%;
  }

  main{
    width:100%;
    margin:auto;
    margin-top:0!important;
    margin-bottom:0!important;
  }

    
  .matchlist{
    width:50%;
    margin:auto;
  }
  .resulttable{
    width:100%;
    margin:auto;
    display:table;
  }



  #matchmetainfo{
    width:30%;
    text-align: center;
    margin:auto;
  }


}

.tab-content{
  margin-top:30px;
}

#stats-tab li{
  margin: 0 5px;
}

#pills-tab li button{
  border: 0;
}



.nav-tabs .nav-link{
  background-color: #555555;
}

/*
 * Header
 */
 .masthead {
  margin:auto;
  margin-bottom: 2rem!important;
  margin-top: 0!important;
  
  width:100%;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}

.playercard{
  width:372px;
  height:500px;
  margin:auto;
  background-image: url('../images/cardbg.png');
  position:relative;
  color: #ebcd5b;
}

.playercard img{
  position: absolute;
  top: 158px;
  left: 130px;
  width: 110px;
}

.playercard .player-name{
  position: absolute;
  left: 10px;
  top: 273px;
  text-align: center;
  width: 352px;
  font-weight: bold;
}

.playercard .ovr{
  position: absolute;
  left: 83px;
  top: 100px;
  font-size: 2.7rem;
  font-weight: bold;
}

.playercard .firepower{
  position: absolute;
  left: 120px;
  top: 315px;
  font-size: 16px;
}

.playercard .entrying{
  position: absolute;
  left: 120px;
  top: 340px;
  font-size: 16px;
}

.playercard .opening{
  position: absolute;
  left: 120px;
  top: 365px;
  font-size: 16px;
}

.playercard .trading{
  position: absolute;
  left: 198px;
  top: 315px;
  font-size: 16px;
}
.playercard .utility{
  position: absolute;
  left: 198px;
  top: 340px;
  font-size: 16px;
}
.playercard .performance{
  position: absolute;
  left: 198px;
  top: 365px;
  font-size: 16px;
}
.trophies img{
  width:100px;
}

.green{
  color: #94CF97;
}

.red{
  color:#F38987;
}