.ranksball{padding:5px 12px 15px 12px;margin-top:10px;}

.ranks-control{display:flex;}
.ranks-main{width:75%;order:2;}
.ranks-menu{
    width:24%;order:1;margin-right:1%;padding:8px;overflow:hidden;
    border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(41deg, rgba(0,0,0,1) 0%, rgba(35,35,35,1) 59%);
    background: -webkit-linear-gradient(41deg, rgba(0,0,0,1) 0%, rgba(35,35,35,1) 59%);
    background: linear-gradient(41deg, rgba(0,0,0,1) 0%, rgba(35,35,35,1) 59%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#232323",GradientType=1);
    box-shadow: 8px 9px 9px -9px rgba(0,0,0,0.66);
    -webkit-box-shadow: 8px 9px 9px -9px rgba(0,0,0,0.66);
    -moz-box-shadow: 8px 9px 9px -9px rgba(0,0,0,0.66);
}

.ranks-program{
    transform:skew(-25deg);padding:5px 12px 5px 12px;width:99%;margin:0 auto;position:relative;
    background:#232323;color:#fff;font-size:1rem;font-weight:500;margin-bottom:10px;
    border-right:3px solid #fed000;
    border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;
}
.ranks-program > span{transform:skew(25deg);display:inline-block;padding-left:50px;}
.ranks-program .p-logo{
    position:absolute;left:5px;top:-10px;overflow:hidden;border:2px solid #fed000;
    display:inline-block;vertical-align:middle;width:42px;height:42px;background:#fff;
    border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;
}
.ranks-program .p-logo img{display:inline-block;width:100%;vertical-align:top;}

.ranks-button{margin:4px 6px;}
.ranks-button .btn-ranksball{
    background:#dedede;display:inline-block;vertical-align:middle;padding:2px 10px;margin:0 6px 6px 0;
    text-align:center;font-size:0.7rem;color:#888;
    border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;
}
.ranks-button a .btn-ranksball{color:#fff;background:#d78708;}

.ranks-table{
    border:1px solid #fff;border-top:1px solid #fff;text-align:center;overflow:hidden;
    border-top-left-radius:10px;-khtml-border-top-left-radius:10px;-moz-border-top-left-radius:10px;
    border-top-right-radius:10px;-khtml-border-top-right-radius:10px;-moz-border-top-right-radius:10px;
}
.rtb-rows{display:flex;background:#fdf1ba;border-top:1px solid #fff;}
.rtb-rows.header{background:#fed000;border-top:none;overflow:hidden;}
.ranks-table.stats .rtb-rows.header .rtb-cols{height:22px;line-height:22px;}
.rtb-rows.header .rtb-cols{
    overflow:hidden;white-space:nowrap;border-right:1px solid #fff;
    font-size:0.75rem;font-weight:500;color:#fff;height:30px;line-height:30px;
}
.rtb-rows.header .rtb-cols.points{border-right:none;}
.rtb-rows.header.head-ontop{border-bottom:1px solid #fff;}
.rtb-rows.header.head-ontop .rtb-cols{
    width:32.5%;height:30px;line-height:30px;font-size:0.75rem;font-weight:500;color:#fff;
}
.rtb-rows.header.head-ontop .rtb-cols.home{width:22.5%;}
.rtb-rows.header.head-ontop .rtb-cols.away{width:22.5%;}
.rtb-rows.header.head-ontop .rtb-cols.all{width:22.5%;}
.rtb-rows.nohome.header .rtb-cols{width:7%;}
.rtb-rows.nohome.header .rtb-cols.team{width:37%;}
.rtb-rows.nohome .rtb-cols{width:7%;}
.rtb-rows.nohome .rtb-cols.team{width:37%;}
.rtb-cols{
    width:4.5%;font-size:0.75rem;height:32px;line-height:32px;
    white-space:nowrap;overflow:hidden;padding:0;border-right:1px solid #fff;
}
.rtb-cols.points{border-right:none;}
.rtb-cols.team{
    width:23.5%;padding-left:8px;font-size:0.8rem;text-align:left;text-overflow:ellipsis;
    font-weight:500;
}
.rtb-cols .team-img{
    display:inline-block;width:16px;height:16px;vertical-align:middle;
    overflow:hidden;margin-right:5px;
    border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;
}
.rtb-cols .team-img img{display:inline-block;width:100%;vertical-align:top;}
.rtb-cols .ranks-no{
    display:inline-block;vertical-align:middle;width:15px;height:18px;line-height:18px;
    margin-top:-2px;font-size:0.65rem;color:#fff;
    border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;
}
.rtb-cols .h-group{margin-top:8px;}

.ranks-note{padding:3px 6px;font-size:0.7rem;color:#d30404;text-align:left;}
.ranks-note.none{display:none;}

.ranks-navfoot{padding:6px 0 6px 5px;font-size:0.7rem;background:#f2f2f2;}
.ranks-navfoot .color-items{display:inline-block;vertical-align:top;width:23%;margin-bottom:3px;text-align:left;}
.ranks-navfoot .color-items .ncolor-bg{
    display:inline-block;vertical-align:middle;height:16px;line-height:16px;width:6px;
    margin-right:3px;
}
.ranks-navfoot .color-items span{display:inline-block;vertical-align:middle;}

.ranks-menu .menu-league{position:relative;overflow:hidden;background:#434343;}
.ranks-menu .menu-league a{
    display:block;padding:6px 0 6px 15px;color:#fff;border-bottom:1px solid #1b2338;
}
.ranks-menu .menu-league::before{
    position:absolute;top:10px;left:10px;color:#fff;content:"\f0da";
    font-family:"Font Awesome 5 Free";font-weight:900;
}
.ranks-menu .menu-league.active::before{content:"\f0d7";left:8px;}
.ranks-menu .menu-level{display:none;background:#fff;position:relative;}
.ranks-menu .menu-level.active{display:block;}
.ranks-menu .menu-level.active a.active{color:#d78708;}
.ranks-menu .menu-level a{
    display:block;padding:5px 0 5px 25px;color:#232323;
    border-bottom:1px solid #eee;
}
.ranks-menu .menu-level a:hover{background:#f2f2f2;}

@media screen and (min-width: 590px) and (max-width: 889px){
    .ranksball{padding:5px 0 15px 0;}
    
    .ranks-main{width:73%;}
    .ranks-menu{width:26%;}
    .ranks-menu .menu-league{font-size:0.8rem;}
    
    .rtb-rows.header.head-ontop{display:none;}
    .rtb-cols{width:10%;}
    .rtb-cols.home, .rtb-cols.away{display:none;}
    .rtb-cols.team{width:30%;}
    .rtb-cols.team .team-img{display:none;}
    
    .ranks-navfoot .color-items{width:32%;margin:0 0 3px 0;}
}

@media screen and (min-width: 280px) and (max-width: 589px){
    .ranksball{padding:5px 0 15px 0;}
    
    .ranks-control{flex-wrap:wrap;}
    .ranks-main{width:100%;order:2;margin-top:10px;}
    .ranks-menu{width:100%;order:1;margin-left:0;}
    
    .rtb-rows.header.head-ontop{display:none;}
    .rtb-cols{width:10%;}
    .rtb-cols.home, .rtb-cols.away{display:none;}
    .rtb-cols.team{width:30%;font-size:13px;}
    .rtb-cols.team .team-img{display:none;}
    
    .ranks-navfoot .color-items{display:block;width:100%;margin:0 0 3px 0;}
}