:root {

    --white: #FEFEFE;

    --neutral-100: #FFFBFC;
    --neutral-200: #FCF8F9;
    --neutral-300: #FAF6F7;
    --neutral-400: #DCDFDF;
    --neutral-500: #C4C8C7;
    --neutral-600: #A0A6A6;
    --neutral-700: #7B7B7B;
    --neutral-800: #454545;
    --neutral-900: #0D0404;

    --primary-100: #FBD5CA;
    --primary-200: #F8A398;
    --primary-300: #EB6562;
    --primary-400: #D83B46;
    --primary-500: #BE0625;
    --primary-600: #A3042E;
    --primary-700: #880332;
    --primary-800: #6E0132;
    --primary-900: #5B0132;

    --accent-100: #CAFBE1;
    --accent-200: #98F8CD;
    --accent-300: #62EBBA;
    --accent-400: #3BD8AE;
    --accent-500: #06BE9F;
    --accent-600: #04A397;
    --accent-700: #038688;
    --accent-800: #01616E;
    --accent-900: #01485B;

    --shadow-100: 0px 4px 8px rgba(69, 69, 69, 0.1);
    --shadow-200: 0px 8px 16px rgba(69, 69, 69, 0.1);

}

.top-team,
.team-ranking {
    margin-bottom: 15px;
    font-size: 12px;
    box-shadow: 0 8px 24px rgba(112, 144, 176, .2);
}


.score-item {
    padding: 16px;
    display: flex;
    border-bottom: 1px solid #ddd;
    background: var(--neutral-300);
    /* border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px; */
}

.score-item>a {
    flex: 2;
    text-align: center;
    color: var(--neutral-800)
}

.score-item>a:hover,
.score-anal a:hover,
.score-item>a.active,
.score-anal a.active {
    color: var(--primary-400);
}

.real-score {
    margin-top: 20px;
    min-height: 40px;
}

.real-score a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.real-score a img {
    margin-right: 0;
}

/* soccer */
.real-score .soccer {
    content: url('/theme/toto/ranking/img/sports-icons/soccer-gray.png')
}

.real-score .active .soccer {
    content: url('/theme/toto/ranking/img/sports-icons/soccer-red.png')
}

/* baseball */
.real-score .baseball {
    content: url('/theme/toto/ranking/img/sports-icons/baseball-gray.png')
}

.real-score .active .baseball {
    content: url('/theme/toto/ranking/img/sports-icons/baseball-red.png')
}

/* basketball */
.real-score .basketball {
    content: url('/theme/toto/ranking/img/sports-icons/basketball-gray.png')
}

.real-score .active .basketball {
    content: url('/theme/toto/ranking/img/sports-icons/basketball-red.png')
}

/* volleyball */
.real-score .volleyball {
    content: url('/theme/toto/ranking/img/sports-icons/volleyball-gray.png')
}

.real-score .active .volleyball {
    content: url('/theme/toto/ranking/img/sports-icons/volleyball-red.png')
}

/* hockey */
.real-score .hockey {
    
    content: url('/theme/toto/ranking/img/sports-icons/hockey-gray.png')
}

.real-score .active .hockey {
    content: url('/theme/toto/ranking/img/sports-icons/hockey-red.png')
}

/* tennis */
.real-score .tennis {
    content: url('/theme/toto/ranking/img/sports-icons/tennis-gray.png')
}

.real-score .active .tennis {
    content: url('/theme/toto/ranking/img/sports-icons/tennis-red.png')
}

/* football */
.real-score .football {
    content: url('/theme/toto/ranking/img/sports-icons/football-gray.png')
}

.real-score .active .football {
    content: url('/theme/toto/ranking/img/sports-icons/football-red.png')
}


.score-anal {
    padding: 16px 25px 4px 25px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.score-anal a {
    margin-right: 12px;
    margin-bottom: 6px;
    color: var(--neutral-800)
}

.score-anal a:hover {
    text-decoration: underline;
}

.top-team-table>tbody>tr>td, .top-team-table>tbody>tr>th, .top-team-table>tfoot>tr>td, .top-team-table>tfoot>tr>th, .top-team-table>thead>tr>td, .top-team-table>thead>tr>th,
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

table.table-result thead {
    background: #f5f5f5;
}

.table-hover.top-team-table>tbody>tr:hover,
.table-hover.table-result>tbody>tr:hover {
    background-color: #f5fbff;
}

.table-hover.top-team-table>tbody>tr:hover>td,
.table-hover.table-result>tbody>tr:hover>td {
    color: #1787b0;
}

.table-result>thead>tr>th:nth-child(1) {
    width: 12%;
}

.table-result>thead>tr>th:nth-child(3) {
    width: 12%;
}

.table-result>thead>tr>th:nth-child(4) {
    width: 12%;
}

.table-result>thead>tr>th:nth-child(5) {
    width: 12%;
}

.table-result>thead>tr>th:nth-child(6) {
    width: 12%;
}

.table-result>thead>tr>th:nth-child(7) {
    width: 12%;
}

.top-team-table th:nth-child(2),
.top-team-table td:nth-child(2),
.table-result td:nth-child(2) {
    text-align: left;
}

.top-team-table th,
.top-team-table td,
.table-result td,
.table-result th {
    text-align: center;
}

.top-team a,
.team-ranking a {
    color: black;
    cursor: pointer;
}

.top-team td,
.team-ranking td {
    font-size: 12px;
}

.top-team img,
.team-ranking img {
    width: 20px;
    margin-right: 3px;
}

.top-team-table tbody tr td:nth-child(2),
.team-ranking-table tbody tr td:nth-child(2) {
    color: #222;
    text-overflow: ellipsis;
    white-space: nowrap;
}