#game {
    margin: .6em auto 5.2em auto;
    color: #34495e
}

@media screen and (max-width:1024px) {
    #game {
        padding-left: .6em;
        padding-right: .6em
    }
}

@media screen and (max-width:420px) {
    #game {
        padding-left: 0;
        padding-right: 0
    }

    .game-space {
        padding-left: .42em;
        padding-right: .42em
    }
}

@media screen and (max-width:360px) {
    .game-space {
        padding-left: .22em;
        padding-right: .22em
    }
}

h2 {
    margin: 1.72em 0 1em 0;
    font-size: 1.32em;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

a.game-link {
    color: #2455c3;
    text-decoration: none
}

a.game-link:hover {
    text-decoration: underline
}

a.game-link:visited {
    color: #2455c3
}

#title {
    margin: 0;
    padding: 0;
    margin-bottom: .32em;
    text-align: center;
    font-weight: normal;
    font-size: 1.52em;
    line-height: 1.4em
}

#title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom
}

#time {
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: bold
}

.team-flags {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    position: relative
}

.team-flag-home,
.team-flag-away {
    padding: 0;
    margin: 0;
    width: 50%;
    text-align: center;
    margin-bottom: .8em
}

.team-flag-home {
    float: left
}

.team-flag-away {
    float: right
}

.team-flags h2 {
    font-size: 1.32em;
    font-weight: normal;
    margin: .48em 0 0 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

img.football-team,
img.missing-team {
    width: 130px;
    height: 130px
}

img.national-team {
    width: 196px;
    height: 130px
}

.tv {
    position: absolute;
    left: 0;
    right: 0;
    top: .32em;
    text-align: center
}

.tv img {
    width: 90px;
    height: 36px;
    padding: .32em;
    border: 1px solid #f1f2f6
}

@media screen and (max-width:640px) {
    #title {
        font-size: 1.16em
    }

    #time {
        font-weight: normal
    }

    .team-flags h2 {
        font-size: 1.16em
    }

    img.football-team,
    img.missing-team {
        width: 72px;
        height: 72px
    }

    img.national-team {
        width: 98px;
        height: 65px
    }

    .tv img {
        width: 75px;
        height: 30px;
        padding: .12em
    }
}

@media screen and (max-width:360px) {
    #title {
        font-size: 1.08em
    }

    .tv img {
        width: 60px;
        height: 24px;
        padding: .08em
    }
}

.game-result,
.game-extended-result {
    line-height: 1.4em;
    font-weight: bold;
    text-align: center
}

.game-result {
    margin-top: .2em;
    font-size: 1.2em
}

.game-extended-result {
    margin-bottom: -0.8em
}

div.final-game-result,
div.previous-game-result {
    font-weight: normal;
    line-height: 1.4em;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

div.final-game-result {
    margin-top: 1.4em;
    margin-bottom: .32em;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

span.final-game-result-score {
    font-weight: normal
}

span.previous-game-result-score {
    display: inline-block;
    padding: 0 .8em;
    font-weight: bold
}

.live-wrapper {
    margin: .48em auto -0.48em auto;
    text-align: center;
    color: #d63031
}

.live-score {
    margin-bottom: .36em
}

.live-stream,
.live-betting {
    margin: 1em auto 1em auto;
    line-height: 1.42em;
    text-align: center;
    font-size: 1.1em
}

.live-stream span,
.live-betting span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.live-stream a,
.live-betting a {
    color: #b33939;
    text-decoration: none
}

.live-stream a:visited,
.live-betting a:visited {
    color: #b33939
}

.live-stream a:hover,
.live-betting a:hover {
    text-decoration: underline
}

.game-tips-info {
    margin: 1em 0 -1em 0;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.42em
}

.game-tips-info a {
    color: #2455c3;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.game-tips-info a:hover {
    text-decoration: underline
}

.game-tips-info a:visited {
    color: #2455c3
}

.game-tips-info a span {
    white-space: nowrap;
    vertical-align: bottom
}

.user-game-buttons {
    margin: 1.2em 0 2em 0;
    text-align: right
}

.user-game-buttons a {
    padding: .5em 1em;
    background: #b33939;
    color: #fff;
    text-decoration: none;
    border-radius: 5px 5px
}

@media screen and (max-width:640px) {
    .user-game-buttons {
        text-align: center
    }

    .user-game-buttons a {
        padding: .5em .72em
    }

    .live-stream,
    .live-betting {
        font-size: 1em;
        font-weight: bold
    }

    .game-tips-info {
        font-size: 1em;
        font-weight: bold
    }
}

@media screen and (max-width:360px) {
    .user-game-buttons a {
        padding: .5em .42em
    }
}

.vote-wrapper {
    margin: 0 auto 3.2em auto;
    position: relative
}

.vote-div {
    margin: 8px 0
}

.vote-enabled,
.vote-disabled {
    display: inline-block
}

.vote-enabled {
    cursor: pointer
}

.vote-game {
    padding: 6px 0;
    margin: 0;
    display: inline-block;
    background: #b33939;
    color: #fff;
    width: 2.4em;
    text-align: center;
    font-weight: bold
}

.vote-box {
    padding: 6px 0;
    display: inline-block;
    background: #16a085
}

.vote-text,
.vote-team {
    padding: 6px 0;
    color: #34495e
}

.vote-text {
    margin-left: .32em;
    font-weight: bold
}

.vote-control {
    position: absolute;
    right: 5em;
    top: 1.8em;
    max-width: 300px;
    height: 3em
}

.vote-single-msg,
.vote-multi-msg {
    font-weight: bold;
    text-align: center
}

.vote-single-msg {
    line-height: 3.16em
}

.vote-multi-msg {
    line-height: 1.58em
}

.vote-action {
    color: #b33939
}

@media screen and (max-width:820px) {
    .vote-control {
        right: 2.52em
    }
}

@media screen and (max-width:786px) {
    .vote-control {
        right: 1em
    }
}

@media screen and (max-width:720px) {
    .vote-control {
        right: 0
    }
}

@media screen and (max-width:640px) {
    .vote-team {
        display: none
    }

    .vote-control {
        position: unset;
        margin: .52em auto 0 auto
    }

    .vote-single-msg,
    .vote-multi-msg {
        line-height: 1.5em
    }
}

.game-odds {
    margin: 0 auto 0 auto;
    column-width: 320px;
    column-gap: 2em
}

.game-odd {
    break-inside: avoid
}

table.odds {
    width: 100%;
    margin: 0 auto 2.2em auto;
    border-collapse: collapse
}

table.odds th {
    line-height: 2.2em;
    background: #f1f2f6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

table.odds th:first-of-type {
    border-radius: 2px 0 0 0
}

table.odds th:last-of-type {
    border-radius: 0 2px 0 0
}

table.odds th.odds-type {
    text-align: left;
    padding-left: .8em
}

table.odds td {
    line-height: 2.2em;
    border-bottom: 1px solid #f1f2f6
}

table.odds td.bookmaker {
    padding-left: 2px
}

table.odds td.bookmaker img {
    vertical-align: -8px;
    border-radius: 2px
}

table.odds td.odd {
    width: 46px;
    white-space: nowrap;
    text-align: right;
    padding-right: 12px
}

table.odds td.noodd {
    width: 32px;
    padding-right: 26px
}

@media screen and (max-width:420px) {
    table.odds th:first-of-type {
        border-radius: 0
    }

    table.odds th:last-of-type {
        border-radius: 0
    }

    table.odds td.bookmaker {
        padding-left: 8px
    }
}

.bookie {
    width: 82px;
    height: 26px
}

p.odds-info {
    margin: -0.72em 0 3.2em 0;
    padding: 0;
    line-height: 1.6em;
    text-indent: 1.6em;
    font-size: .92em;
    color: #b33939
}

p.game-info {
    line-height: 1.6em;
    text-indent: 1.6em
}

@media screen and (max-width:700px) {
    p.odds-info {
        margin-top: -1.52em
    }
}

table.games-stat {
    width: 100%;
    margin: 0 auto 0 auto;
    border-collapse: collapse
}

table.games-stat th {
    line-height: 2.2em;
    background: #27ae60;
    color: #fff
}

table.games-stat th:first-of-type {
    border-radius: 2px 0 0 0
}

table.games-stat th:last-of-type {
    border-radius: 0 2px 0 0
}

table.games-stat td {
    line-height: 2.2em;
    border-bottom: 1px solid #f1f2f6
}

table.games-stat td.date {
    width: 5.4em;
    padding-left: .32em;
    white-space: nowrap
}

table.games-stat td.tourn {
    text-align: left;
    padding-left: .4em;
    vertical-align: top;
    width: 200px
}

table.games-stat td.hteam {
    text-align: right;
    padding-right: .4em;
    vertical-align: top;
    width: 200px
}

table.games-stat td.ateam {
    text-align: left;
    padding-left: .4em;
    vertical-align: top;
    width: 250px
}

table.games-stat td.result {
    width: 3.4em;
    white-space: nowrap;
    text-align: center;
    font-weight: bold
}

table.games-stat td.odd {
    width: 2.8em;
    white-space: nowrap;
    text-align: right;
    padding-right: .6em
}

table.games-stat td.noodd {
    width: 3.4em;
    text-align: center;
    padding-right: 0
}

table.games-stat td.win {
    background: #b8e994;
    border-color: #b8e994
}

table.games-stat td.draw {
    background: #ffda79;
    border-color: #ffda79
}

table.games-stat td.loss {
    background: #ff7675;
    border-color: #ff7675
}

.secure-win {
    color: #b33939
}

.game-stat-link-wrapper {
    margin: .52em auto 0 auto;
    text-align: right
}

p.stat-info {
    padding: 0;
    margin: .72em 0 0 0;
    line-height: 1.6em
}

@media screen and (max-width:760px) {

    table.games-stat td.tourn,
    table.games-stat th.htourn {
        display: none
    }

    table.games-stat td.hteam {
        padding-right: .32em;
        width: 200px
    }

    table.games-stat td.ateam {
        padding-left: .32em;
        width: 200px
    }
}

@media screen and (max-width:640px) {

    table.games-stat td.odd,
    table.games-stat th.hodd {
        display: none
    }

    .game-stat-link-wrapper {
        font-weight: bold
    }
}

@media screen and (max-width:420px) {
    table.games-stat th:first-of-type {
        border-radius: 0
    }

    table.games-stat th:last-of-type {
        border-radius: 0
    }

    table.games-stat td.date {
        width: 4.8em;
        padding-left: .22em
    }

    table.games-stat td.hteam {
        padding-right: .2em;
        width: 150px
    }

    table.games-stat td.ateam {
        padding-left: .2em;
        width: 150px
    }
}

@media screen and (max-width:360px) {
    table.games-stat td.date {
        padding-left: .12em
    }
}

table.standing {
    width: 100%;
    margin: 0 auto 0 auto;
    border-collapse: collapse
}

table.standing th {
    line-height: 2.2em;
    background: #27ae60;
    color: #fff
}

table.standing th:first-of-type {
    border-radius: 2px 0 0 0
}

table.standing th:last-of-type {
    border-radius: 0 2px 0 0
}

table.standing td {
    line-height: 2.2em;
    padding-left: .62em;
    padding-right: 0;
    border-bottom: 1px solid #f1f2f6
}

table.standing tr.team {
    background: #ffda79
}

table.standing td.team {
    vertical-align: top
}

table.standing td.position {
    width: 1.52em;
    white-space: nowrap;
    text-align: right;
    padding-left: 0;
    padding-right: .38em
}

table.standing td.matches,
table.standing td.goals,
table.standing td.points {
    width: 2.00em;
    white-space: nowrap;
    text-align: right;
    padding-left: 0;
    padding-right: 1.00em
}

table.standing td.diff {
    width: 2.26em;
    white-space: nowrap;
    text-align: right;
    padding-left: 0;
    padding-right: .76em
}

table.standing td.form {
    width: 5.12em;
    white-space: nowrap;
    text-align: left;
    padding-left: .50em;
    padding-right: .12em
}

table.standing td.form span.form-section {
    display: inline-block
}

table.standing tr.group td {
    height: 0;
    line-height: 0;
    padding: 0;
    border-top: 2px solid #b33939;
    border-bottom: 2px solid #b33939
}

@media screen and (max-width:1200px) {

    table.standing td.matches,
    table.standing td.goals,
    table.standing td.points {
        width: 1.88em;
        padding-right: .88em
    }

    table.standing td.diff {
        width: 2.00em;
        padding-right: .72em
    }
}

@media screen and (max-width:640px) {
    table.standing .hide-form {
        display: none
    }
}

@media screen and (max-width:639px) {

    table.standing td.matches,
    table.standing td.goals,
    table.standing td.points {
        width: 1.50em;
        padding-right: .75em
    }

    table.standing td.diff {
        width: 2.00em;
        padding-right: .50em
    }
}

@media screen and (max-width:420px) {
    table.standing th:first-of-type {
        border-radius: 0
    }

    table.standing th:last-of-type {
        border-radius: 0
    }
}

@media screen and (max-width:420px) and (min-width:401px) {

    table.standing td.matches,
    table.standing td.goals {
        padding-right: .50em
    }
}

@media screen and (max-width:400px) and (min-width:361px) {

    table.standing td.matches,
    table.standing td.goals {
        padding-right: .38em
    }
}

@media screen and (max-width:400px) {
    table.standing .hide-goals {
        display: none
    }
}

@media screen and (max-width:360px) {

    table.standing td.matches,
    table.standing td.goals {
        padding-right: .32em
    }
}

.stp7,
.stp11,
.stp13,
.stp17,
.stp20,
.stp30 {
    background: #2ecc71
}

.stp6,
.stp12,
.stp15,
.stp18 {
    background: #92f4bb
}

.stp9,
.stp14,
.stp19,
.stp22 {
    background: #58aee8
}

.stp24,
.stp31 {
    background: #79c7fc
}

.stp1,
.stp32 {
    background: #f9594a
}

.stp2,
.stp5,
.stp23 {
    background: #f9a931
}

.stp4,
.stp8,
.stp10,
.stp16,
.stp21 {
    background: #8fcdf7
}

.stp3 {
    background: #58aee8
}

.stp25 {
    background: #48d1cc
}

.stp26,
.stp28 {
    background: #5efff6
}

.stp27,
.stp29 {
    background: #9fe0dc
}

span.form-win {
    background: #27ae60
}

span.form-draw {
    background: #f39c12
}

span.form-loss {
    background: #c0392b
}

span.empty {
    background: #fff
}

table.chrono {
    width: 100%;
    margin: 0 auto 0 auto;
    border-collapse: collapse;
    border-bottom: 1px solid #f1f2f6;
    border-top: 1px solid #f1f2f6;
    table-layout: fixed
}

table.chrono td {
    line-height: 2.2em;
    border-bottom: 1px solid #f1f2f6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

table.chrono td.team {
    width: 28%;
    padding-left: .32em;
    padding-right: .12em
}

table.chrono td.games {
    height: 1.5em;
    line-height: 1.5em;
    padding-top: .7em
}

table.chrono td.games span.pr {
    display: inline-block;
    width: 8px;
    height: 16px;
    margin-left: 2px
}

table.chrono td.games span.win {
    background: #27ae60
}

table.chrono td.games span.draw {
    background: #f39c12
}

table.chrono td.games span.loss {
    background: #c0392b
}

table.chrono td.games span.empty {
    background: #dcdcdc
}

@media screen and (max-width:760px) {
    table.chrono td.games span.pr {
        width: 6px;
        height: 12px;
        margin-left: 2px
    }
}

@media screen and (max-width:640px) {
    table.chrono td.games span.pr {
        width: 5px;
        height: 12px;
        margin-left: 1px
    }
}

table.lgames {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    margin-bottom: 3.2em
}

table.lgames th {
    line-height: 2.2em;
    background: #27ae60;
    color: #fff
}

table.lgames th:first-of-type {
    border-radius: 2px 0 0 0
}

table.lgames th:last-of-type {
    border-radius: 0 2px 0 0
}

table.lgames th.second-row {
    border-radius: 0
}

table.lgames th.team-top {
    vertical-align: top
}

table.lgames td {
    line-height: 2.2em;
    padding-left: .62em;
    padding-right: 0;
    border-bottom: 1px solid #f1f2f6
}

table.lgames td.selected {
    background: #ffda79
}

table.lgames td.team {
    vertical-align: top
}

table.lgames td.position {
    width: 1.52em;
    white-space: nowrap;
    text-align: right;
    padding-left: 0;
    padding-right: .38em
}

table.lgames td.result {
    width: 12%;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

table.lgames td.empty-space {
    padding: 0;
    width: 10px
}

table.lgames td.win {
    background: #b8e994
}

table.lgames td.draw {
    background: #ffda79
}

table.lgames td.loss {
    background: #ff7675
}

table.lgames tr.group td {
    height: 0;
    line-height: 0;
    padding: 0;
    border-top: 2px solid #b33939;
    border-bottom: 2px solid #b33939
}

table.lgames th.bl2,
table.lgames td.bl2 {
    display: none
}

@media screen and (max-width:640px) {

    table.lgames th.bl1,
    table.lgames td.bl1 {
        display: none
    }

    table.lgames th.bl2,
    table.lgames td.bl2 {
        display: table-cell;
        width: 24%
    }

    table.lgames td.empty-space {
        width: 6px
    }
}

@media screen and (max-width:460px) {

    table.lgames th.bl2,
    table.lgames td.bl2 {
        width: 22%
    }
}

@media screen and (max-width:420px) {
    table.lgames th:first-of-type {
        border-radius: 0
    }

    table.lgames th:last-of-type {
        border-radius: 0
    }

    table.lgames th.bl2,
    table.lgames td.bl2 {
        width: 20%
    }
}

@media screen and (max-width:360px) {

    table.lgames th.bl2,
    table.lgames td.bl2 {
        width: 18%
    }
}

table.perf {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed
}

table.perf td.row1 {
    width: 28%
}

table.perf td.row2 {
    width: 36%
}

table.perf td {
    line-height: 2.2em
}

table.perf td.caption {
    padding-left: .8em
}

table.perf td.title {
    text-align: center;
    background: #f1f2f6;
    padding-left: .12em;
    padding-right: .12em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

table.perf td.space {
    padding-bottom: 1.2em
}

table.perf td.border {
    border-bottom: 1px solid #f1f2f6
}

table.perf td.pos {
    text-align: center
}

table.perf td.form {
    text-align: center
}

table.perf td.form .form-inner {
    display: inline-block;
    text-align: left
}

table.perf td.form .form-games,
table.perf td.form .form-goals {
    display: inline-block;
    margin-left: .48em;
    margin-right: .12em;
    height: .82rem;
    line-height: .82rem
}

table.perf td.form .form-games {
    font-size: .72em;
    vertical-align: .12em
}

table.perf td.form .form-goals {
    font-size: .42em;
    vertical-align: .28em
}

.game-perft {
    margin: 0 auto 0 auto;
    column-width: 320px;
    column-gap: 2em
}

table.perft {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed
}

table.perft td.row1 {
    width: 44%
}

table.perft td.row2 {
    width: 28%
}

table.perft td {
    line-height: 2.2em
}

table.perft td.caption {
    padding-left: .8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

table.perft td.title {
    text-align: center;
    background: #27ae60;
    color: #fff;
    font-weight: bold;
    padding-left: .12em;
    padding-right: .12em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

table.perft td.title:first-of-type {
    border-radius: 2px 0 0 0
}

table.perft td.title:last-of-type {
    border-radius: 0 2px 0 0
}

table.perft td.space {
    padding-bottom: 1.2em
}

table.perft td.pos {
    text-align: center
}

@media screen and (max-width:420px) {
    table.perft td.title:first-of-type {
        border-radius: 0
    }

    table.perft td.title:last-of-type {
        border-radius: 0
    }
}

/* Outcome Colors */
.stp-championship {
    background: #27ae60;
    color: #fff
}

.stp-el {
    background: #58aee8;
    color: #fff
}

.stp-ecl {
    background: #79c7fc;
    color: #fff
}

.stp-promotion {
    background: #92f4bb;
    color: #34495e
}

.stp-playoff {
    background: #f9a931;
    color: #fff
}

.stp-relegation {
    background: #f9594a;
    color: #fff
}

.stp-relegation-playoff {
    background: #e74c3c;
    color: #fff
}

.stp-cl {
    background: #2ecc71;
    color: #fff
}

.stp-relegation-round {
    background: #ff7675;
    color: #fff
}


tr.bold td {
    font-weight: bold
}

.standing-home {
    background-color: #dcedc8 !important;
    /* Light Green */
}

.standing-home td {
    color: #000 !important;
}

.standing-away {
    background-color: #bbdefb !important;
    /* Light Blue */
}

.standing-away td {
    color: #000 !important;
}

.team-highlight {
    background-color: #ffda79 !important;
    color: #000 !important;
    font-weight: bold;
}