﻿.league {
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    padding-top: 20px;
}

.round {
    font-size: 13px;
    text-align: center;
}

#gameinfo {
    position: relative;
}

    #gameinfo .team, .tab2 .team {
        width: 28%;
        display: inline-block;
        position: relative;
        text-align: center;
        margin-top: 20px;
        font-size: 13px;
    }

        #gameinfo .team img, .tab2 .team img {
            width: 54px;
            margin: 0 auto;
            height: 54px;
        }

        #gameinfo .team:nth-of-type(1), .tab2 .team:nth-of-type(1) {
            margin-right: 7%;
        }

        #gameinfo .team:nth-of-type(3) {
        }

    #gameinfo *, .tab2 * {
        vertical-align: top
    }

.timestatus {
    display: inline-block;
    text-align: center;
    width: 31%;
    position: relative;
    top: 30px;
    font-size: 13px;
}

.time {
    font-size: 22px;
    font-weight: bold;
}

.status {
    background: rgba(232, 181, 0, 0.1);
    border: 1px solid rgba(232, 181, 0, 0.1);
    color: rgba(232, 195, 0, 1);
    margin-top: 5px;
    display: inline-block;
    padding: 0px 5px;
}

#gameheader {
    background: rgba(21, 32, 53, 1);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-bottom: 10px;
}

#top_menu {
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
}

.top_menu {
    width: 50%;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    line-height: 21px;
    height: 30px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
}

    .top_menu.selected {
        border-bottom: 2px solid rgba(255, 255, 255, 1);
        font-weight: bold;
        color: white;
    }

#content_tabs {
    margin: 0 auto;
    margin-top: 20px;
    width: 90%;
}

.ctab {
    padding: 8px 0px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    margin-left: 2%;
    width: 30%;
}

    .ctab.selected {
        border: double 4px transparent;
        border-radius: 80px;
        background-image: linear-gradient(#0B1020, #0B1020), radial-gradient(circle at top left, #f00,#3020ff);
        background-origin: border-box;
        background-clip: padding-box, border-box;
        border: 1.3px solid;
        border-image: linear-gradient(105.34deg, rgba(142, 78, 241, 0.87) 9.64%, rgba(192, 213, 240, 0.87) 38.2%, rgba(50, 207, 242, 0.87) 56.99%, rgba(50, 101, 242, 0.87) 95.47%);
    }

.poll_header {
    height: 28px;
    background: linear-gradient(0deg, #0A1024, #0A1024), linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 28px;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 13px;
}

#poll {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 13px;
    background: rgba(14, 21, 44, 1);
    padding-bottom: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.team.small img {
    width: 6vw;
    height: 6vw;
    position: absolute;
    top: 7vw;
    right: 7vw;
}

.team.small {
    display: inline-block;
    margin-left: 2vw;
    text-align: center;
    width: 25vw;
    vertical-align: top;
}

.pollper {
    color: white !important;
    right: 7.autovw !important;
}

#polls {
    margin-top: 15px;
    padding-bottom: 15px !important;
}

.pollrate {
    display: inline-block !important;
    width: 22vw !important;
    text-align: center;
    margin-right: -14px !important;
    font-size: 14px;
    margin-top:5px;
}

.pollopt span {
    position: absolute;
    top: 4vw;
    right: 5.5vw;
}

.polluper {
    color: white;
    font-size: 10px;
    right: 10px !important;
}

.poll {
    width: 90% !important;
    margin: 0 auto !important;
    display: block !important;
    background: #0E152C;
    padding-bottom: 10px;
    border-radius: 15px;
}

.tabletab {
    font-size: 12px;
    margin: 0 auto;
    margin-right: 3%;
    overflow: overlay;
    width: 97%;
    margin-top: 10px;
}

    .tabletab::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }

.trow * {
    vertical-align: middle;
}

.trow.marked {
    background: #263C5C;
}

.trow {
    height: 36px;
    line-height: 36px;
    width: 400px;
}

    .trow .tpos {
        margin-right: 5px;
        margin-left: 10px;
    }

    .trow .tteam {
        margin-left: 10px;
        display: inline-block;
        width: 90px;
        margin-right: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .trow .tnum {
        width: 25px;
        text-align: center;
        display: inline-block;
        direction: ltr;
    }


.tabletab .thead {
    width: 154px;
    display: inline-block;
}


.h2htab .tab {
    width: 33%;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    line-height: 21px;
    min-height: 30px;
}

#seasonstats {
    height: auto !important;
}

    .h2htab .tab.selected {
        border-bottom: 2px solid rgba(255, 255, 255, 1);
        font-weight: bold;
        color: white;
    }

.last5game {
    background: #121A32;
    border-radius: 4px;
    margin-bottom: 5px;
    font-size: 12px;
    padding-top: 10px;
    margin-top: 5px;
}

    .last5game .gamenum {
        font-weight: bold;
        margin-left: 15px;
    }

    .last5game span {
        display: inline-block;
        vertical-align: middle;
    }

.gameheader {
    width: 90%;
    margin: 0 auto;
}

    .gameheader .lname {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 67%;
    }

.gamedet {
    width: 88%;
}

.game_container * {
    vertical-align: middle;
}

.timg {
    width: 24px;
}

.hteam, .ateam, .status2 {
    display: inline-block;
}

.hteam, .ateam {
    width: 38%;
}

.status2 {
    width: 24%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.hteam {
    text-align: left;
}

    .hteam span, .ateam span {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 72%;
        display: inline-block;
    }

.ateam span {
    margin-right: 5px;
}

.hteam span {
    margin-left: 5px;
}

.game_container {
    background: #121A32;
    height: 40px;
    margin-top: 10px;
    border-width: 1px, 0px, 1px, 0px;
    border-style: solid;
    border-color: #0000001A;
    border-radius: 4px;
    font-size: 10px;
}

#cornersstats .h2h_header, #cornersstatsh .h2h_header {
    font-size: 12px;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#cornersstats .cline, #cornersstatsh .cline {
    font-size: 12px
}

.cpercent {
    margin-top: 10px !important;
}

#seasonstats, #underover {
    font-size: 12px !important;
}

    #underover .h2h_header {
        text-align: right;
        padding-right: 10px;
        position: relative;
    }

    #underover .team {
        width: 50%;
        text-align: center;
        display: inline-block;
        position: relative !important;
        font-size: 12px !important;
        height: auto !important;
    }

    #underover table {
        width: 100%;
    }

    #underover td, #underover th {
        text-align: center;
        font-weight: normal;
    }

#outypes {
    position: absolute;
    left: 10px;
    background: rgba(28, 45, 70, 1);
    height: 20px;
    line-height: 21px;
    border-radius: 20px;
    top: 0px;
    background: linear-gradient(180deg, #252938 0%, #484D62 100%);
    width: 110px;
}

.outype {
    width: 32.5%;
    text-align: center;
    display: inline-block;
    border-radius: 20px;
}

    .outype.selected {
        background: rgba(64, 142, 245, 1);
    }

.trating img {
    width: 12px !important;
    height: 12px !important;
    opacity: 1;
    margin-left: 5px !important;
}

.trating * {
    vertical-align: middle !important;
}

.trating {
    font-size: 11px;
    opacity: 0.6;
}

.goback {
    position: absolute;
    right: 10px;
    top: 30px;
}

.pollopt_container {
    height: 20vw;
    width: 20vw;
    border-radius: 50%;
    background: conic-gradient( red 180deg, transparent calc(180deg + 0.5deg) 100%);
}



.pollopt {
    height: 84%;
    width: 84%;
    top: 8%;
    right: 8%;
    position: relative !important;
    border-radius: 50%;
    margin-top: 15px;
    margin-bottom: 5px;
    background: linear-gradient(180deg, #182652 0%, #131313 100%);
    color: #408EF5;
    font-size: 6vw;
}


    .pollopt.vote {
        width: 20vw;
        height: 20vw;
        border-radius: 100%;
        margin-top: 15px;
        position: relative;
        margin-bottom: 5px;
        background: linear-gradient(180deg, #182652 0%, #131313 100%);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.45) inset;
        border: 4px solid rgba(33, 46, 85, 1);
        color: #408EF5;
        font-size: 6vw;
    }

        .pollopt.vote span {
            position: absolute;
            top: 6vw;
            right: 8.5vw;
        }

        .pollrate.vote {
            margin-right:10px !important;
        }


.t_country {
    opacity: 0.7;
    border-bottom: 1px solid white;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom:10px;
}

.tf_header {
    text-align: right;
    display: inline-block;
    opacity: 0.7;
}

.tf_value {
    opacity:0.7;
}

.tab2 .team {
    width: 38%;
    margin-bottom:20px;
}

.tab2 .timestatus {
    width: 15%;
    top:19px !important;
}

.tab2 .team:nth-of-type(1) {
    margin-right:5% !important;
}

.tab2 .team {
    text-align:right !important;
}

#t_sep {
    width:1px;
    height:185px;
    background-color:white;
    opacity:0.7;
    margin: 0 auto;
}