.leaderboard{
    width:100%;
    font-size:12px;
}
.header{
    text-align: center;
    width:100%;
}

.header-active > img{
    filter:invert(100%);
}

.header-table{
    margin:0 auto;
}
.header-col{
    width:16.67%;
}
.header-icon{
    padding:7px;
    border-radius:8px;
    cursor:pointer;
    margin:0px 3px;
}

body{
    padding-top: 3px;
    position: relative;
    margin:0;
    max-width:600px;
}


.outdated{
    background-color: #ebebeb !important;
}


.center-60{
    width:60%;
    margin:0 auto!important;
}
.table{
    background-color: white;
    font-size:10px;
    width:95%;
    border-collapse: collapse;
    border-radius: 5px;
    overflow: hidden;
    margin: 5px auto;
    line-height:1.8;
    text-align:left;
    padding-left:2px;
}
.user{
    text-align: center;
    font-size:11px;
    margin-top:1px;
    margin-bottom:2px;
    color: #585858;
}


.table thead{
    background-color:#f5f5f5;
    border-bottom:1px solid #999999;
    font-size:10px;
}
.table thead th{
    padding-left:3px;
}
.table tbody tr td{
    padding-left:3px;
}
.table tbody tr:nth-child(even), .odd {
    background-color: #f5f5f5;
}
.even{
    background-color: white;
}
.table tbody tr td:nth-child(2){
    width:45%;
}
.table tbody tr td:nth-child(8){
    width:9%;
}
.table tbody tr td:last-child, .table thead th:last-child{
    text-align:right;
    padding-right:4px;
}



#leaderboard-last-updated{
    font-size:10px;
    text-align:center;
    margin-top:5px;
}

.feed-extra{
    text-align:center;
    margin-top:1px;
    color:darkred;
    font-weight: bold;
    text-transform: uppercase;
    font-size:10px;
}

.leaderboard-toggle{
    font-size:10px;
    text-align: center;
    margin-bottom: 4px;
    cursor:pointer;
    width:auto;
    margin:0 auto;
}

.leaderboard-open-bet{
    text-align: left!important;
    border-bottom:1px solid grey;
}
.leaderboard-open-user{
    border-top:1px solid grey;
    background-color:white;
}
.open-tournaments{
    position: absolute;
    padding:1px 4px;
    font-size:11px;
    border-radius:5px;
    right:-14px;
    top:-13px;
    font-weight: bold;
}
.notification{
    position: absolute;
    padding:1px 4px;
    font-size:11px;
    border-radius:5px;
    right:2px;
    top:-13px;
    font-weight: bold;
}

.medal-info{
    width:95%;
    margin:7px auto;
    background-color: white;
    border-radius: 7px;
    padding:5px;
    max-width:600px;
}

.medal-name{
    font-size:13px;
}

.medal-info tr td:nth-child(1){
    width:20%;
    text-align: center;
}
.medal-info tr td:nth-child(2){
    width:15%;
}
.medal-info tr td:nth-child(3){
    width:65%;
}

.progress-info{
    width:95%;
    margin:7px auto;
    background-color: white;
    border-radius: 7px;
    padding:7px;
    max-width:600px;
    line-height: 0.7;
}

.progress-info tr:nth-child(1) td:nth-child(1){
    text-align: center;
    font-size:11px;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 5px;
}

.progress-info tr:nth-child(2) td:nth-child(1), .progress-info tr:nth-child(4) td:nth-child(1){
    text-align: left;
    font-size:11px;
    width:47%;
}

.progress-info tr:nth-child(2) td:nth-child(2), .progress-info tr:nth-child(4) td:nth-child(2){
    text-align: center;
    font-size:11px;
    width:6%;
}


.progress-info tr:nth-child(2) td:nth-child(3),.progress-info tr:nth-child(4) td:nth-child(3){
    text-align: right;
    font-size:11px;
    width:47%;
}

.progressbar-holder{
    border:1px solid #cbcbcb;
    background-color: #f2f2f2;
    border-radius:5px;
    margin-top: 2px;

}
.progressbar{
    height:15px;
    background-color: grey;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;

}

.progressbar-info{
    font-size: 11px;
    padding-top: 3px;
    padding-left: 4px;
    color: white;
    overflow-x: visible;
    white-space: nowrap;
}

.progress-inner-table{
    width:auto;
    margin:0 auto;
}


.black{
    color:black!important;
}
.fire{
    background: linear-gradient(#ff8e00, red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ice{
    background: linear-gradient(#00d0ff,#0052ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dice{
   color: #9e0000;
}

.coins{
    background: linear-gradient(#d7c000, #ffa308);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.medal-adjust{
    margin-top:8px;
}
.medal-info-text{
    font-size:10px;
    color:grey;
}
.medal-count{
    font-weight: bold;
    text-align: center;
    font-size:12px;
}
.medal-name{
    text-align: center;
    font-weight: bold;
}

.circle {
    text-align: center;
    background-color: #f6f6f6;
    border:2px solid black;
    height:50px;
    width:50px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}

.small {
    height: 40px !important;;
    width:40px!important;
}

#feed{
    margin-bottom:25px;
}
#other{
    margin-top:7px;
    margin-bottom:25px;
}

#awards{
    margin-bottom:25px;
}

.empty-leaderboard{
    text-align: center;
    padding:5px 0px;
}
.leaderboard-not-enough{
    color: #aaaaaa;
}

#leaderboard-legend{
    font-size:11px;
    margin-left:20px;
    margin-bottom:15px;
    text-align: left;
}

.won{
    background-color: #d6e9c6 !important;
}

.lost{
    background-color: #fabca3 !important;
}

#history-feed{
    margin-bottom:25px;
}
.award-header{
    width:93%;
    font-size:12px;
    margin:7px auto;
    background-color: white;
    border-radius: 7px;
    padding:4px;
    text-align: center;
    font-weight: bold;
    max-width: 600px;
    display:none;
}

.loader{
    text-align: center;
}

.loader-text{
    margin-bottom:12px;
    text-align: center;
    margin-top: 10px;
}

.help{
    text-align: center;
    margin-top:12px;
    cursor:pointer;
    margin-bottom: 20px;
}
.icon-class{
  color:black!important;
    text-decoration: none!important;
    margin:0 3px;
}
#awards .medal-name {
    font-size:11px;
    font-weight: normal
}

.alert-divider{
    margin-top:5px;
    padding-top:2px;
}
.alert-body {
    margin-bottom: 10px;
    text-align: center;
    font-size: 11px;
}

.feedback{
    padding:10px;
}

.feedback-header{
    font-size: 11px;
    margin-bottom: 10px;
}

#feedback-text{
    width: 95%;
    margin-bottom: 10px;
    font-family: inherit;
    font-size: 11px;
}
.feedback-button{
    text-align: right;
}

.max-80{
    width:80%;
    margin:3px auto;
}
.level_0_bg{
    background-color: #727272;
}
.level_1_bg{
    background-color: #57bc44;
}
.level_2_bg{
    background-color: #d3683e;
}
.level_3_bg{
    background-color: #bfbfbf;
}
.level_4_bg{
    background-color: #b58309;
}
.level_5_bg{
    background-color: #afa87e;
}
.level_6_bg{
    background-color: #bc2828;
}
.level_7_bg{
    background-color: #1946ba;
}

.level_0_fg{
    color: #727272;
}
.level_1_fg{
    color: #57bc44;
}
.level_2_fg{
    color: #d3683e;
}
.level_3_fg{
    color: #bfbfbf;
}
.level_4_fg{
    color: #b58309;
}
.level_5_fg{
    color: #afa87e;
}
.level_6_fg{
    color: #bc2828;
}
.level_7_fg{
    color: #1946ba;
}
.tournament-odds-icon{
    position:absolute;
    top:5%;
    right:5%;
    font-size:12px;
}
.progressbar-animate-info{
    color:white;
    font-size:10px;
    text-align: left;
    margin-left:3px;
}
.progress-animate{
    -webkit-animation: progressBar 2s linear;
    -webkit-animation-fill-mode:both;
    -moz-animation: progressBar 2s linear;
    -moz-animation-fill-mode:both;
    border-radius: 5px;
}

.dropdown-button{
    width: 50%!important;
    margin: 0 auto;
    text-align: center;
    padding: 2px;
    border-radius: 8px;
    cursor:pointer;
    margin-bottom:5px;
    font-size:11px;
}

@-webkit-keyframes progressBar {
    0% { width: 0; }
    100% { width: 100%; }
}

@-moz-keyframes progressBar {
    0% { width: 0; }
    100% { width: 100%; }
}
.help-button{
    display:none;
    padding: 2px;
    width: 17px;
    position: absolute;
    top: 4px;
    right: 25px;
    font-size: 14px;
    text-align: center;
}

.dropdown-hint{
    padding:4px;
    border-radius: 6px;
    margin:0px 1px;
    font-size:12px;
    font-weight: bold;
    display: inline;
}
.dropdown{
    width:auto;
    margin:0 auto;
    text-align: center;
    max-width:330px;
}

.dropdown tbody tr td:nth-child(3){
    margin-left: 3px;
}
.dropdown-behind {
    max-width: 350px;
    margin:0 auto;
    border-radius:6px;
    height:30px;
    cursor:pointer;
    margin-bottom: 6px;
}

.top-align{
 vertical-align: top;
}

.error {
    position: relative;
    animation: shake .1s linear;
    animation-iteration-count: 3;
}

@keyframes shake {
    0% { left: -5px; }
    100% { right: -5px; }
}


.drop {
    position: relative;
    animation: shake-down 0.4s linear ;
    animation-iteration-count: infinite;
    text-shadow: 0.05em 0.05em #434343;
    vertical-align: top;
}

#unit-progress{
    font-size: 14px;
    text-align: left;
    padding-left: 16px;
    margin-bottom:7px;
    margin-top:8px;
}
#unit-progressbar{
    margin-top:5px;
}

.bet-progress-slider{
    width: 80%;
    margin: 10px auto;
}

@keyframes shake-down {
    0% { bottom: 0px; }
    100% { bottom: -2px; }
}

.leaderboard-team{
    display:none;
    width:99%;
    margin:10px auto;
    text-align: center;
}

.leaderboard-team-name{
    font-weight: bold;
    margin-bottom:6px;
    font-size:11px;
}
.leaderboard-team-logo{
    min-height: 70px;
}
.leaderboard-team-box{
    display:inline-block;
    vertical-align: top;
    text-align: center;
}

.leaderboard-team-image{
    width:50px;
}
.leaderboard-team-image-small{
    width:18px;
}

.leaderboard-team-table{
    width:100%;
}

tr.space-under > td{
    padding-bottom:10px;
}
.leaderboard-team-table > tbody > tr > td{
    vertical-align: top;
    width:50%;
}
.leaderboard-team-box{
    font-size:11px;
    border-right:1px solid #e2e2e2;

}
.leaderboard-team-box:last-child{
    border-right:0;
}

.leaderboard-team-table .tournament-info{
    padding:3px;
    margin:1px;
}
.leaderboard-navigate{
    cursor: pointer;
    padding: 0px;
    font-size: 30px;
}
.leaderboard-team-table-top-row{
    font-size:12px;
}
.leaderboard-team-table-leader{
    font-size:10px;
}
.leaderboard-team-table-leader-units{
    font-size:10px;
}

#tournament-leagues{
    font-size:11px;
}