/*
* Standing css
*/



/*
* Standing list countries
*/
.standing-header {
margin-top: 3.2em;
padding-left: 0.8em;
line-height: 2.2em;
text-align: left;
font-weight: bold;
background: #2980b9;
color: #ffffff;
border-radius: 2px 2px 0 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.standing-header:first-of-type {
margin-top: 0;
}

.standing-countries {
column-width: 220px;
column-gap: 0;
}

.standing-countries div {
display: inline-block;
width: 100%;
line-height: 2.6em;
border-bottom: 1px solid #ecf0f1;
}

.standing-countries div span {
display: block;
float: left;
margin-right: 12px;
border: none;
vertical-align: middle;
}

.standing-countries div span img {
background: #ffffff;
vertical-align: -4px;
margin-left: 8px;
}

.standing-countries div a {
text-decoration: none;
color: #2455c3;
}

.standing-countries div a:hover {
text-decoration: underline;
}

.standing-countries div a:visited {
color: #2455c3;
}


@media screen and (max-width: 767px) {
.standing-countries div a {
display: block;
}
}


@media screen and (max-width: 420px) {
.standing-header {
border-radius: 0;
}
}





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

table.standing th {
line-height: 2.2em;
text-align: center;
font-weight: bold;
background: #2980b9;
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: 10px;
padding-right: 0;
border-bottom: 1px solid #ecf0f1;
}

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

table.standing td.position {
width: 24px;
white-space: nowrap;
text-align: right;
padding-left: 0;
padding-right: 6px;
}

table.standing td.matches, table.standing td.goals, table.standing td.points {
width: 32px;
white-space: nowrap;
text-align: right;
padding-left: 0;
padding-right: 16px;
}

table.standing td.diff {
width: 36px;
white-space: nowrap;
text-align: right;
padding-left: 0;
padding-right: 12px;
}

table.standing td.form {
width: 82px;
white-space: nowrap;
text-align: left;
padding-left: 8px;
padding-right: 2px;
}

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

table.standing a {
text-decoration: none;
color: #2455c3;
}

table.standing a:hover {
text-decoration: underline;
}

table.standing a:visited {
color: #2455c3;
}

@media screen and (max-width: 767px) {
table.standing td.matches, table.standing td.goals, table.standing td.points {
width: 30px;
padding-right: 14px;
}
table.standing td.diff {
width: 32px;
padding-right: 12px;
}
}


@media screen and (max-width: 640px) {
table.standing .hide-form {
display: none
}
table.standing th.points {
border-radius: 0 2px 0 0;
}
}


@media screen and (max-width: 639px) {
table.standing td.matches, table.standing td.goals, table.standing td.points {
width: 24px;
padding-right: 12px;
}
table.standing td.diff {
width: 32px;
padding-right: 8px;
}
}


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


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


@media screen and (max-width: 420px) and (min-width: 401px) {
table.standing td.matches, table.standing td.goals {
padding-right: 8px;
}
}


@media screen and (max-width: 400px) and (min-width: 361px) {
table.standing td.matches, table.standing td.goals {
padding-right: 6px;
}
}


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





/*
* Highlight for standings positions and legend for it and also standing amendments
*/
.standing-legend {
margin: 2em 0 1.4em 1.4em;
}

.standing-legend div {
margin: 0.4em 0;
}

.standing-legend-color {
display: inline-block;
width: 1.2em;
height: 1.6em;
margin-right: 0.6em;
vertical-align: middle;
}

.standing-legend-text {
display: inline-block;
line-height: 1.6em;
vertical-align: middle;
}

.standing-amendments {
width: 5%;
margin: 2em 0 1.4em 1.4em;
border-collapse: collapse;
white-space: nowrap;
}

.standing-amendments th {
padding: 0.4em 0;
text-align: left;
font-weight: bold;
}

.standing-amendments td {
padding: 0.4em 0.4em;
border-bottom: 1px solid #ecf0f1;
}

.standing-amendments td.points {
padding-left: 3em;
text-align: right;
}


@media screen and (max-width: 360px) {
.standing-legend, .standing-amendments {
margin-left: 0.8em;
}
.standing-legend-color {
margin-right: 0.4em;
}
}





/*
* Standing form and standing colors
*/
span.form-el {
display: block;
width: 10px;
height: 12px;
margin-right: 3px;
float: right;
}

.stp7, .stp11, .stp13, .stp17, .stp20, .stp30 {
background-color: #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-color: #8fcdf7;
}

.stp3 {
background-color: #58aee8;
}

.stp25 {
background: #48d1cc;
}

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

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




/*
* Styles about standing navigation
*/
h1.standing-title-country, h1.standing-title-league {
margin: 0.6em 0 0.6em 0;
text-align: center;
font-size: 1.2em;
font-weight: normal;
}

h1.standing-title {
margin: 0.8em 0 0.92em 0;
text-align: center;
font-size: 1.2em;
font-weight: normal;
}

h1.standing-title-int {
margin: 0 0 1.2em 0;
font-size: 1.2em;
font-weight: normal;
text-align: center;
}

div.standing-title-wrapper {
position: relative;
}

img.standing-country-flag {
width: 24px;
height: 18px;
position: absolute;
right: 0;
top: 50%;
margin-top: -9px;
}

img.standing-international-flag {
width: 24px;
position: absolute;
right: 0;
top: -2px;
background: #ffffff;
}

h2.standing-group-title {
margin: 2.4em 0 0.6em 0.6em;
text-align: left;
font-size: 1.2em;
font-weight: normal;
}

h2.standing-subtitle {
margin: -0.88em 0 0.92em 0;
text-align: center;
font-size: 1em;
font-weight: normal;
text-transform: lowercase;
}

h2.standing-games {
margin: -0.4em 0 0.8em 0.6em;
text-align: left;
font-size: 1.2em;
font-weight: normal;
}

.standing-group-link {
margin: 1em 0.6em 0 0;
text-align: right;	
font-size: 1.2em;
}

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

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

.standing-group-link a:visited {
color: #2455c3;
}

#standing-navigation {
padding-bottom: 0.6em;
border-bottom: 1px solid #ecf0f1;
}

#standing-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}

#standing-navigation li {
display: inline-block;
margin-right: 1.4em;
}

#standing-navigation li:last-of-type {
margin-right: 0;
}

#standing-navigation a {
text-decoration: none;
color: #2455c3;
}

#standing-navigation a:hover {
text-decoration: underline;
}

#standing-navigation a:visited {
color: #2455c3;
}

#standing-navigation span {
color: #c0392b;
}

#standing-navigation img {
margin-right: 1.4em;
vertical-align: -3px;
}

#standing-group-navigation {
margin-bottom: 0.6em;
padding-bottom: 0.6em;
border-bottom: 1px solid #ecf0f1;
}

#standing-group-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}

#standing-group-navigation li {
display: inline-block;
margin-right: 1.4em;
}

#standing-group-navigation li:last-of-type {
margin-right: 0;
}

#standing-group-navigation a {
text-decoration: none;
color: #2455c3;
}

#standing-group-navigation a:hover {
text-decoration: underline;
}

#standing-group-navigation a:visited {
color: #2455c3;
}

#standing-group-navigation span {
color: #c0392b;
}


@media screen and (max-width: 639px) {
#standing-navigation li, #standing-group-navigation li {
margin-right: 1em;
}
}

@media screen and (max-width: 568px) {
#standing-navigation li, #standing-group-navigation li {
margin-right: 0.52em;
}
}


@media screen and (max-width: 480px) {
#standing-navigation, #standing-group-navigation {
border-bottom: 0 none #ecf0f1;
}
#standing-navigation li, #standing-group-navigation li {
display: block;
line-height: 2.2em;
margin-left: 0.6em;
margin-right: 0.6em;
padding-left: 0.4em;
padding-right: 0.4em;
border-bottom: 1px solid #ecf0f1;
}
#standing-navigation li:last-of-type, #standing-group-navigation li:last-of-type {
margin-right: 0.6em;
}
#standing-navigation a, #standing-group-navigation a {
display: block;
}
}


@media screen and (max-width: 420px) {
img.standing-country-flag {
right: 10px;
}
}


@media screen and (max-width: 360px) {
h1.standing-title-country, h1.standing-title-league, h1.standing-title {
margin-top: 0.42em;
font-size: 1.2em;
}
}




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

table.cross-games th {
line-height: 2.2em;
text-align: center;
font-weight: bold;
background: #2980b9;
color: #ffffff;
vertical-align: top;
}

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

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

table.cross-games th.header-national img {
width: 32px;
height: 24px;
vertical-align: -6px;
background: #ffffff;
}

table.cross-games th.header-team img {
width: 28px;
height: 28px;
vertical-align: -8px;
background: #ffffff;
}

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

table.cross-games td.flag-national {
width: 38px;
text-align: center;
}

table.cross-games td.flag-national img {
width: 28px;
height: 21px;
vertical-align: -5px;
background: #ffffff;
}

table.cross-games td.flag-team {
width: 32px;
text-align: center;
}

table.cross-games td.flag-team img {
width: 24px;
height: 24px;
vertical-align: -6px;
background: #ffffff;
}

table.cross-games td.team {
vertical-align: top;
padding-left: 8px;
}

table.cross-games td.res {
text-align: center;
width: 92px;
}





@media screen and (max-width: 800px) {
table.cross-games td.res {
width: 82px;
}
}

@media screen and (max-width: 767px) {
table.cross-games td.res {
width: 72px;
}
}

@media screen and (max-width: 719px) {
table.cross-games td.res {
width: 62px;
}
}

@media screen and (max-width: 640px) {
table.cross-games th:first-of-type, table.cross-games th:last-of-type {
border-radius: 0;
}
table.cross-games td.res {
width: 58px;
}
}

@media screen and (max-width: 560px) {
table.cross-games td.res {
width: 46px;
}
}

@media screen and (max-width: 480px) {
table.cross-games td.res {
width: 44px;
}
}

@media screen and (max-width: 420px) {
table.cross-games th.header-national img {
width: 28px;
height: 21px;
vertical-align: -5px;
}
table.cross-games th.header-team img {
width: 24px;
height: 24px;
vertical-align: -6px;
}
table.cross-games td.flag-national {
width: 32px;
}
table.cross-games td.flag-national img {
width: 24px;
height: 18px;
vertical-align: -4px;
}
table.cross-games td.flag-team {
width: 28px;
}
table.cross-games td.flag-team img {
width: 20px;
height: 20px;
vertical-align: -4px;
}
table.cross-games td.team {
padding-left: 2px;
}
table.cross-games td.res {
width: 40px;
}
}

@media screen and (max-width: 384px) {
table.cross-games td.flag-national {
width: 28px;
}
table.cross-games td.flag-national img {
width: 20px;
height: 15px;
vertical-align: -2px;
}
table.cross-games td.flag-team {
width: 28px;
}
table.cross-games td.flag-team img {
width: 20px;
height: 20px;
vertical-align: -4px;
}
table.cross-games td.team {
padding-left: 0;
}
table.cross-games td.res {
width: 38px;
}
}

@media screen and (max-width: 360px) {
table.cross-games th.header-national img {
width: 24px;
height: 18px;
vertical-align: -3px;
}
table.cross-games th.header-team img {
width: 22px;
height: 22px;
vertical-align: -6px;
}
table.cross-games td.flag-national {
width: 24px;
}
table.cross-games td.flag-national img {
width: 20px;
height: 15px;
vertical-align: -2px;
}
table.cross-games td.flag-team {
width: 24px;
}
table.cross-games td.flag-team img {
width: 20px;
height: 20px;
vertical-align: -4px;
}
table.cross-games td.team {
padding-left: 0;
}
table.cross-games td.res {
width: 34px;
font-size: 0.8em;
}
}

@media screen and (max-width: 320px) {
table.cross-games td.res {
width: 32px;
}
}




.dc {
position: relative;
max-width: 100%;
display: block;
}

.dce {
position: absolute;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
width: 100%;
top: 0;
left: 0;
}

.dce a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


#standing-group-nav {
padding: 1.6em 0 4.6em 0;
text-align: center;
line-height: 2.2em;
}

#standing-group-nav a {
text-decoration: none;
color: #2455c3;
}

#standing-group-nav a:hover {
text-decoration: underline;
}

#standing-group-nav a:visited {
color: #2455c3;
}

#standing-group-nav span {
color: #c0392b;
}


.standing-top-ad {
margin: 32px auto 18px auto;
text-align: center;
}

.standing-list-ad {
margin: 32px auto -22px auto;
text-align: center;
}

.standing-list-2-ad {
margin: 42px auto 8px auto;
text-align: center;
}

.bookie-standing {
margin: -0.32em auto -2.12em auto;
width: 292px;
height: 62px;
border-radius: 5px;
background: #027b5b;
}

.bookie-standing-2 {
margin: -0.22em auto 1.12em auto;
width: 292px;
height: 62px;
border-radius: 5px;
background: #027b5b;
}

.bookie-standing-3 {
margin: 0.52em auto -1.72em auto;
width: 292px;
height: 62px;
border-radius: 5px;
background: #027b5b;
}


.games-inside {
margin: 52px auto -8px auto;
text-align: center;
}