﻿/** RANKINGS **/

.rankings-table {
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    border-collapse: collapse;
}

.rt-visible {
    opacity: 1;
}

.rt-no-display {
    display: none;
}

.rankings-table .team-name {
    display: none;
}

.rankings-table th {
    font-family: "Roboto Condensed", Arial, sans-serif;
    height: 54px;
    background-color: #fbfbfb;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
}

.rankings-table tr.rankings-header td {
    background-color: #fff;
}

.rankings-table tr td {
    height: 54px;
}

    .rankings-table tr td:first-child {
        padding-left: 12px;
    }

.rankings-table tr {
    border-bottom: 1px solid #f4f4f4;
}

    .rankings-table tr:not(.rankings-header) {
        cursor: pointer;
        cursor: hand;
    }

    .rankings-table tr:first-child {
        cursor: default;
    }
    /*
.rankings-table:not(.expanded) tr:nth-child(n+10){
    display:none;
}
    */
    .rankings-table tr:nth-child(odd) {
        background-color: #fff;
    }

    .rankings-table tr:nth-child(even) {
        background-color: #fcfcfc;
    }

    .rankings-table tr.slb-rank,
    .rankings-table tr.slb-rank td.rt-team {
        color: #c30000;
        font-weight: 700;
        background-color: #f8f8f8;
    }

    .rankings-table tr td.rt-points {
        font-weight: 700;
    }

    .rankings-table tr:not(.rankings-header):hover td {
        color: #c30000;
        background-color: #f8f8f8;
    }

.otherSports-rankings .rankings-table tr.slb-rank td.rt-position {
    font-weight: 400;
}

.rankings-table td > * {
    vertical-align: middle;
}

.rankings-table td.rt-position {
    text-align: center;
}

.rankings-table .rt-team img {
    margin: auto;
    display: inline;
}

.rankings-table,
.rankings-table tr.rankings-header td {
    font-weight: 400;
}

    .rankings-table td:last-child {
        font-weight: 700;
        box-sizing: border-box;
    }

    .rankings-table td.rt-team {
        text-align: left;
        width: 100%;
    }

    .rankings-table td.rt-championship {
        padding-right: 10px;
    }

    .rankings-table td.rt-rank-dif {
        padding: 0px 10px;
    }

    .rankings-table td.rt-championship img {
        min-width: 6px;
    }

    .rankings-table td.rt-rank-dif img {
        min-width: 10px;
    }

    .rankings-table td.rt-values {
        text-align: right;
        padding-right: 24px;
    }


    .rankings-table .rt-team-img {
        width: 30px;
        margin-right: 8px;
        display: inline-block;
        text-align: center;
    }

    .rankings-table td.rt-rank-dif {
        text-align: center;
    }

    .rankings-table td.rt-rank-dif,
    .rankings-table td.rt-championship {
        width: 20px;
    }

    .rankings-table td.rt-form {
        white-space: nowrap;
    }

.rt-form-item {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0px 2px;
    color: white;
    line-height: 25px;
    text-align: center;
    border-radius: 100%;
    vertical-align: middle;
}

.rt-form-win {
    background: #03bd04;
}

.rt-form-defeat {
    background: #c30000;
}

.rt-form-tie {
    background: #888;
}

.ranking-color-bar {
    width: 6px;
    height: 28px;
}

    .ranking-color-bar.portugal-flag {
        background-color: #ffe001;
        border-right: 3px solid #c20000;
        border-left: 2px solid #00af4c;
    }

    .ranking-color-bar.dark-blue {
        background-color: #00008B;
    } 
    
    .ranking-color-bar.blue {
        background-color: #188bff;
    }

    .ranking-color-bar.light-blue {
        background-color: #8dc5fe;
    }

    .ranking-color-bar.yellow {
        background-color: #ffab17;
    }

    .ranking-color-bar.light-yellow {
        background-color: #ffe001;
    }

    .ranking-color-bar.red {
        background-color: #c20000;
    }

.rankings-caption .ranking-color-bar {
    margin-right: 10px;
}


.rankings-caption .rankings-caption-item .rt-form-item {
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 5px;
}

.rankings-caption {
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-size: 15px;
    color: #888;
    padding-left: 12px;
    padding-bottom: 40px;
}

    .rankings-caption .rankings-caption-item {
        padding: 2px 0px;
    }

        .rankings-caption .rankings-caption-item > * {
            display: inline-block;
            vertical-align: middle;
        }

        .rankings-caption .rankings-caption-item.result {
            margin-top: 15px;
        }

            .rankings-caption .rankings-caption-item.result > span:first-child {
                margin-left: 0 !important;
            }



@media (max-width: 620px) {
    .rankings-table td.rt-hide, .rankings-caption .rankings-caption-item.result {
        display: none;
    }
}

.rankings-table td.rt-values {
    text-align: center;
    padding: 0 6px;
}

@media screen and (min-width: 768px) {

    .rankings-table .team-acronym {
        display: none;
    }

    .rankings-table .team-name {
        display: inline;
    }

    .rankings-table td.rt-team {
        font-weight: 400;
    }

    .rankings-table tr.rankings-header td:not(.rt-values) {
        font-size: 16px;
    }

    .rankings-table td.rt-values {
        padding: 0 10px;
    }
}

@media (min-width: 992px) {

    /** News tab */

    /** Players tab */

    /** Calendar tab **/

    /** Rankings tab **/
    .rankings-table td:nth-child(n+5) {
        padding: 0 20px;
    }
}
