/*
* Game details
*/

#game {
margin: 0.6em auto 5.2em auto;
color: #30336b;
}

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

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

@media screen and (max-width: 360px) {
.game-space {
padding-left: 0.22em;
padding-right: 0.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: #0057a0;
text-decoration: none;
}

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

a.game-link:visited {
color: #0057a0;
}


#title {
margin: 0;
padding: 0;
margin-bottom: 0.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: 0.8em;
}

.team-flag-home {
float: left;
}

.team-flag-away {
float: right;
}

.team-flags h2 {
font-size: 1.32em;
font-weight: normal;
margin: 0.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: 0.32em;
text-align: center;
}

.tv img {
width: 90px;
height: 36px;
padding: 0.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: 0.12em;
}
}


@media screen and (max-width: 360px) {
#title {
font-size: 1.08em;
}
.tv img {
width: 60px;
height: 24px;
padding: 0.08em;
}
}





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

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

.game-secure-result {
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
color: #b33939;
}

.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: 0.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 0.8em;
font-weight: bold;
}

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

.live-score {
margin-bottom: 0.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: #0057a0;
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: #0057a0;
}

.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: 0.5em 1em;
background: #b33939;
color: #ffffff;
text-decoration: none;
border-radius: 5px 5px;
}


@media screen and (max-width: 640px) {
.user-game-buttons {
text-align: center;
}
.user-game-buttons a {
padding: 0.5em 0.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: 0.5em 0.42em;
}
}



/*
* Styles about votes for game
*/
.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: #ffffff;
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: #30336b;
}

.vote-text {
margin-left: 0.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: 0.52em auto 0 auto;
}
.vote-single-msg, .vote-multi-msg {
line-height: 1.5em;
}
}



/*
* Styles about odds for game
*/
.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: 0.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: 0.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: #218c74;
color: #ffffff;
}

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: 0.32em;
white-space: nowrap;
}

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

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

table.games-stat td.ateam {
text-align: left;
padding-left: 0.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: 0.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: 0.52em auto 0 auto;
text-align: right;
}

p.stat-info {
padding: 0;
margin: 0.72em 0 0 0;
line-height: 1.6em;
text-indent: 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: 0.32em;
width: 200px;
}
table.games-stat td.ateam {
padding-left: 0.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: 0.22em;
}
table.games-stat td.hteam {
padding-right: 0.2em;
width: 150px;
}
table.games-stat td.ateam {
padding-left: 0.2em;
width: 150px;
}
}

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



/*
* Styles about table with standing
*/
table.standing {
width: 100%;
margin: 0 auto 0 auto;
border-collapse: collapse;
}

table.standing th {
line-height: 2.2em;
background: #218c74;
color: #ffffff;
}

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: 0.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: 0.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: 0.76em;
}

table.standing td.form {
width: 5.12em;
white-space: nowrap;
text-align: left;
padding-left: 0.50em;
padding-right: 0.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: 0.88em;
}
table.standing td.diff {
width: 2.00em;
padding-right: 0.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: 0.75em;
}
table.standing td.diff {
width: 2.00em;
padding-right: 0.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: 0.50em;
}
}


@media screen and (max-width: 400px) and (min-width: 361px) {
table.standing td.matches, table.standing td.goals {
padding-right: 0.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: 0.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;
}

.stp-none {
}


span.form-win {
background: #218c74;
}

span.form-draw {
background: #f39c12;
}

span.form-loss {
background: #c0392b;
}

span.empty {
background: #ffffff;
}



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: 0.32em;
padding-right: 0.12em;
}

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

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

table.chrono td.games span.win {
background: #218c74;
}

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;
}
}





/*
* Styles about table with league games in game stat screen
*/
table.lgames {
width: 100%;
margin: 0px;
border-collapse: collapse;
margin-bottom: 3.2em;
}

table.lgames th {
line-height: 2.2em;
background: #218c74;
color: #ffffff;
}

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 0 0 0;
}

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

table.lgames td {
line-height: 2.2em;
padding-left: 0.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: 0.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 th.bl2, table.lgames td.bl2 {
display: none;
}

table.lgames 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: 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: 0px;
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: 0.8em;
}

table.perf td.title {
text-align: center;
background: #f1f2f6;
padding-left: 0.12em;
padding-right: 0.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: 0.48em;
margin-right: 0.12em;
height: 0.82rem;
line-height: 0.82rem;
}

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

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


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

table.perft {
width: 100%;
margin: 0px;
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: 0.8em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

table.perft td.title {
text-align: center;
background: #218c74;
color: #ffffff;
font-weight: bold;
padding-left: 0.12em;
padding-right: 0.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;
}
}


.clever-core-ads:not(:empty) {
margin-top: -20px;
margin-bottom: 40px;
height: 250px;
}

.adscb {
margin-top: 2.2em;
height: 250px;
}