html, body {
margin: 0;
padding: 0;
height: 100%;
font-family: sans-serif, -apple-system, "Roboto";
font-size: 16px;
background-color: #3c5466;
color: #fed325;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
}

html {
overflow-y: scroll;
}


body {
display: flex;
flex-direction: column;
}

iframe {
border: 0;
overflow: hidden;
}

#main {
margin: 0 auto;
max-width: 980px;
flex: 1;
}

.game {
display: block;
width: 100%;
line-height: 2.2em;
color: #d1d3d4;
vertical-align: top;
clear: both;
}

.game-head {
display: block;
width: 100%;
line-height: 2.2em;
vertical-align: top;
clear: both;
background-color: #2e475a;
}

.game span {
display: inline-block;
vertical-align: top;
}

.game-head span {
display: inline-block;
vertical-align: top;
text-align: center;
font-weight: bold;
}

img {
border-width: 0;
}

img.icf {
width: 24px;
height: 16px;
}

img.iit, img.imt {
width: 16px;
height: 16px;
}

.tr0 {
background-color: #425c6f;
}

.tr1 {
background-color: #476276;
}


span.tm {
width: 42px;
padding: 0 0 0 4px;
white-space: nowrap;
}

span.tm-head {
width: 42px;
padding: 0 0 0 4px;
}

span.fl {
width: 24px;
margin: 0 6px;
text-align: center;
}

span.fl img {
margin: 10px 0 0 0;
padding: 0;
}

span.fl-head {
width: 24px;
margin: 0 6px;
}

span.nms {
width: calc(100% - 532px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

span.nm {
display: inline;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

span.nms-head {
width: calc(100% - 532px);
}

span.os {
width: 144px;
float: left;
}

span.o {
width: 44px;
text-align: right;
}

span.os-head {
width: 144px;
float: left;
}

span.o-head {
width: 44px;
}

span.ts {
width: 118px;
float: right;
}

span.t {
width: 34px;
text-align: right;
}

span.ts-head {
width: 118px;
float: right;
}

span.t-head {
width: 34px;
}

span.to {
width: 96px;
}

span.tip {
width: 44px;
text-align: center;
}

span.odd {
width: 42px;
text-align: right;
}

span.to-head {
width: 96px;
text-align: left;
}

span.tip-head {
width: 44px;
}

span.odd-head {
width: 34px;
padding-left: 8px;
}

span.res {
width: 56px;
text-align: center;
font-weight: bold;
}

span.s {
width: 32px;
height: 2.2em;
}

span.res-head {
width: 56px;
}

span.s-head {
width: 32px;
}

span.wn {
background: no-repeat center url("/images/yes.svg");
}

span.ls {
background: no-repeat center url("/images/no.svg");
}

span.pstp {
background: no-repeat center url("/images/postponed.svg");
}

span.rlv, span.lv {
color: #e67e22;
font-weight: normal;
}

span.lv {
text-align: center;
}

span.data {
display: block;
vertical-align: top;
float: right;
}

span.sp {
display: inline;
}

span.data-head {
display: block;
vertical-align: top;
float: right;
}

span.sp-head {
display: none;
}




header {
margin: 0 auto 16px auto;
font-size: 64px;
text-align: center;
letter-spacing: 8px;
}

header a {
color: #fed325;
text-decoration: none;
}

header a:visited {
color: #fed325;
}

header a:hover {
color: #fed325;
}

#date-header {
margin-top: 0;
margin-bottom: 20px;
text-align: center;
font-size: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}



#dn-left, #dn-right {
display: block;
width: 36px;
height: 36px;
line-height: 36px;
background: #2455c3;
}
#dn-left {
float: left;
border-right: 2px solid #ecf0f1;
}
#dn-right {
float: right;
border-left: 2px solid #ecf0f1;
}

.dn-left-arrow, .dn-right-arrow {
display: block;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat
}
.dn-left-arrow {
background-image: url("/svg/left-arrow.svg");
}
.dn-right-arrow {
background-image: url("/svg/right-arrow.svg");
}
.dn-disabled {
background-color: #bdc3c7;
}


#nav-top {
margin: 0 auto 20px auto;
max-width: 420px;
height: 36px;
background: #425c6f;
border: 6px solid #476276;
}

.nav-link {
display: inline-block;
width: 36px;
height: 36px;
margin-right: 20px;
background-color: #3c5466;
background-position: center center;
background-repeat: no-repeat;
background-size: 32px;
}

.nav-disabled {
background-color: #6e8799;
}

#nav-prev {
background-image: url("/images/nav-left.svg");
}

#nav-next {
background-image: url("/images/nav-right.svg");
}

#nav-home {
background-image: url("/images/nav-home.svg");
}

#nav-sort {
background-image: url("/images/nav-sort.svg");
margin-right: 0;
float: right;
}


div.content {
color: #d1d3d4;
}

div.content h1 {
text-align: center;
}

div.content p {
margin: 10px 0;
text-indent: 20px;
line-height: 150%;
}

div.content h2 {
font-size: 1.2em;
margin: 25px 0 10px 0;
text-indent: 20px;
line-height: 150%;
}

div.content a {
color: #d1d3d4;
}

div.content a:visited {
color: #d1d3d4;
}

div.content a:hover {
color: #ffffff;
}

.no-data {
font-size: 132%;
text-align: center;
margin-top: 10vh;
margin-bottom: 5vh;
line-height: 1.72em;
padding-left: 0.6em;
padding-right: 0.6em;
}

p.odds-info {
margin-top: 16px;
line-height: 150%;
text-align: left;
color: #d1d3d4;
font-size: 96%;
}

table#contact-table {
width: 5%;
border-collapse: collapse;
margin: 20px auto;
}

table#contact-table td {
padding: 2px 8px;
}

table#contact-table textarea {
width: 40vw;
}

DIV.infoMessage, DIV.errorMessage {
margin: 0 auto 30px auto;
padding: 35px 25px;
text-align: center;
font-weight: bold;
font-size: 125%;
position: relative;
}

DIV.infoMessage {
color: #6eae50;
}

DIV.errorMessage {
color: #af5851;
}

footer {
background-color: #2e475a;
clear: both;
}

#bottom-nav {
margin: 30px auto 0 auto;
padding: 30px 0 60px 0;
max-width: 980px;
text-align: right;
}

#bottom-info {
float: left;
color: #d1d3d4;
}

#bottom-nav a {
color: #d1d3d4;
margin-left: 20px;
}

#bottom-nav a:visited {
color: #d1d3d4;
}

#bottom-nav a:hover {
color: #ffffff;
}





.modal-hidden {
display: none;
}

.modal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100000;
background: rgba(0, 0, 0, 0.8);
overflow: hidden;
}

.modal-window {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 110000;
border: 8px solid #2e475a;
background: #476276;
color: #fed325;
max-height: calc(100% - 20px);
display: flex;
flex-direction: column;

}

.modal-links {
flex-grow: 1;
overflow: auto;
}

.modal-links a {
display: block;
font-weight: bold;
text-decoration: none;
margin: 2px 2px;
padding: 6px 40px 6px 40px;
height: 24px;
line-height: 24px;
color: #fed325;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.modal-links a:visited {
color: #fed325;
}

.modal-links a:hover {
background: #2e475a;
}

.modal-links a img {
margin-left: -30px;
margin-right: 10px;
vertical-align: -4px;
width: 20px;
}


.modal-header {
margin-top: 12px;
margin-bottom: 12px;
white-space: nowrap;
font-weight: bold;
text-align: center;
}

.modal-buttons {
margin-top: 12px;
padding: 2px;
text-align: center;
}

.modal-buttons button {
display: block;
width: 100%;
cursor: pointer;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
padding-top: 0.78em;
padding-bottom: 0.72em;
border-radius: 5px 5px;
color: #fed325;
background: #2e475a;
border: 1px solid #2e475a;
}

.modal-buttons button:focus {
outline: 0;
border-color: #2e475a;
}



div#topad {
margin-bottom: 12px;
text-align: center;
font-size: 20px;
height: 80px;
}

div#topad a {
color: #fed325;
text-decoration: none;
}

div#topad a:visited {
color: #fed325;
}

div#topad a:hover {
text-decoration: underline;
}


div#ad {
max-width: 720px;
min-height: 250px;
margin: 40px auto 50px auto;
padding-left: 10px;
padding-right: 10px;
}

div#ad1, div#ad2 {
width: 300px;
height: 250px;
}

div#ad1 {
float: left;
}

div#ad2 {
float: right;
}


@media screen and (max-width: 980px) {
div.content p, div.content h2 {
margin-left: 8px;
margin-right: 8px;
}

p.odds-info {
margin-left: 8px;
margin-right: 8px;
}

#bottom-nav {
margin-right: 8px;
}

#bottom-info {
margin-left: 8px;
}

}





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

span.tm, span.tm-head {
padding-left: 2px;
}

span.fl, span.fl-head {
margin-left: 4px;
margin-right: 4px;
}

span.nms, span.nms-head {
width: calc(100% - 452px);
}

span.os, span.os-head {
width: 124px;
}

span.o, span.o-head {
width: 40px;
}

span.ts, span.ts-head {
width: 92px;
}

span.t, span.t-head {
width: 28px;
}

span.to, span.to-head {
width: 72px;
}

span.tip, span.tip-head {
width: 28px;
}

span.odd, span.odd-head {
width: 38px;
}

span.odd-head {
width: 34px;
padding-left: 4px;
}

span.res, span.res-head {
width: 44px;
}


table#contact-table textarea {
width: 72vw;
}

#bottom-nav {
text-align: center;
}

#bottom-info {
float: none;
margin-bottom: 30px;
}

#bottom-nav a {
margin: 0 10px;
}

}





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

span.fl, span.fl-head {
margin-left: 2px;
margin-right: 2px;
}

span.nms, span.nms-head {
width: calc(100% - 408px);
}

span.os, span.os-head {
width: 120px;
}

span.o, span.o-head {
width: 38px;
}

span.ts, span.ts-head {
width: 76px;
}

span.ts-head {
width: 72px;
padding-right: 4px;
}

span.t, span.t-head {
width: 22px;
}

span.to, span.to-head {
width: 66px;
}

span.tip, span.tip-head {
width: 22px;
}

span.odd, span.odd-head {
width: 38px;
}

span.res, span.res-head {
width: 40px;
}


header {
margin-bottom: 10px;
font-size: 48px;
letter-spacing: 6px;
}

#date-header {
margin-bottom: 16px;
font-size: 22px;
}

div#ad1, div#ad2 {
float: none;
margin: 20px auto;
}
}





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

.game {
padding: 3px 0;
}

span.tf {
width: 42px;
padding-right: 8px;
line-height: 0;
}

span.tm {
display: block;
width: 100%;
line-height: 1.38em;
}

span.fl {
display: block;
width: 100%;
line-height: 1.38em;
}

span.fl img {
margin-top: 3px;
}

span.tf-head {
width: 42px;
padding-right: 8px;
}

span.tm-head {
display: inline;
padding: 0;
margin: 0;
}

span.fl-head {
display: inline;
padding: 0;
margin: 0;
}

span.nms {
width: calc(100% - 320px);
line-height: 1.38em;
}

span.nm {
display: block;
width: 100%;
}

span.nms-head {
width: calc(100% - 320px);
}

span.tos {
width: 146px;
line-height: 1.38em;
}

span.os, span.ts {
display: block;
width: 100%;
float: none;
}

span.o, span.t {
width: 44px;
text-align: center;
}

span.tos-head {
width: 146px;
}

span.os-head, span.ts-head {
width: 100%;
float: none;
text-align: left;
}

span.ts-head {
display: none;
}

span.o-head, span.t-head {
width: 44px;
text-align: center;
}

span.to {
width: 36px;
line-height: 1.38em;
text-align: center;
}

span.tip {
display: block;
width: 100%;
text-align: center;
}

span.odd {
display: block;
width: 100%;
text-align: center;
}

span.to-head {
width: 36px;
}

span.tip-head {
display: inline;
padding: 0;
margin: 0;
}

span.odd-head {
display: inline;
padding: 0;
margin: 0;
}

span.res {
width: 56px;
line-height: 1.38em;
}

span.r {
display: block;
width: 100%;
}

span.s {
width: 32px;
height: 2.76em;
line-height: 2.76em;
}

span.res-head {
width: 56px;
}

span.s-head {
width: 32px;
}

span.wn, span.ls {
background-size: 28px;
}

span.sp {
display: none;
}

span.sp-head {
display: inline;
}


table#contact-table textarea {
width: 80vw;
}

}





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

span.tf, span.tf-head {
padding-right: 6px;
}

span.nms, span.nms-head {
width: calc(100% - 288px);
}

span.tos, span.tos-head {
width: 136px;
}

span.to, span.to-head {
width: 32px;
}

span.res, span.res-head {
width: 38px;
}


header {
margin-bottom: 8px;
font-size: 32px;
letter-spacing: 4px;
}

#date-header {
margin-bottom: 14px;
font-size: 20px;
}

}





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

span.tf, span.tf-head {
width: 34px;
padding-right: 2px;
}

span.tm {
font-size: 12px;
line-height: 23px;
}

span.fl img {
margin-top: 1px;
margin-left: -4px;
}

span.nms, span.nms-head {
width: calc(100% - 236px);
}

span.tos, span.tos-head {
width: 122px;
}

span.o, span.t, span.o-head, span.t-head {
width: 40px;
}

span.o, span.odd {
font-size: 14px;
}

span.to, span.to-head {
width: 32px;
}

span.res, span.res-head {
width: 32px;
}

span.s {
margin-left: 5px;
width: 6px;
margin-top: 0.12em;
height: 2.52em;
position: relative;
}

span.gs {
position: absolute;
line-height: 2.76rem;
top: 0;
right: 0;
padding-right: 1px;
text-align: right;
font-size: 12px;
}

span.s-head {
margin-left: 5px;
width: 6px;
}

span.sh-head {
display: none;
}

span.wn {
background-color: #6eae50;
background-image: none;
}

span.ls {
background-color: #af5851;
background-image: none;
}

span.pstp {
background-color: #f39c12;
background-image: none;
}

}





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

span.nms, span.nms-head {
width: calc(100% - 220px);
}

span.tos, span.tos-head {
width: 112px;
}

span.o, span.t, span.o-head, span.t-head {
width: 36px;
}

span.to, span.to-head {
width: 32px;
}

span.res, span.res-head {
width: 26px;
}


#date-header {
margin-bottom: 14px;
font-size: 18px;
}

}





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

span.tf, span.tf-head {
width: 32px;
}

span.fl img {
margin-left: -2px;
}

span.nms, span.nms-head {
width: calc(100% - 202px);
}

span.tos, span.tos-head {
width: 100px;
}

span.o, span.t, span.o-head, span.t-head {
width: 32px;
}

span.to, span.to-head {
width: 30px;
}

span.res, span.res-head {
width: 26px;
}


header {
margin-bottom: 8px;
font-size: 28px;
letter-spacing: 4px;
}

}





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

#date-header {
font-size: 16px;
}

}


span.bl {
animation: blink 1.2s step-end infinite;
display: initial;
text-align: initial;
font-weight: initial;
line-height: initial;
height: initial;
vertical-align: initial;
}

@keyframes blink {  
50% { opacity: 0; }
}


.event {
background: #2e475a;
}







.cc_banner-wrapper {
position: relative;
z-index: 9001;
}

.cc_container .cc_btn {
background-color: #426582;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: bold;
line-height: 1.5em;
margin-left: 10px;
padding: 4px 10px;
text-align: center;
}

.cc_container .cc_message {
display: inline-block;
text-align: left;
font-size: 1em;
line-height: 1.5em;
margin: 0;
padding: 0;
}

.cc_container {
font-size: 14px;
background: #273642;
bottom: 0;
box-sizing: border-box;
left: 0;
overflow: hidden;
padding: 6px 8px;
position: fixed;
right: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

.cc_container a, .cc_container a:visited {
color: #d1d3d4;
text-decoration: none;
}

.cc_container a:hover {
color: #ffffff;
}

@media print {
.cc_banner-wrapper, .cc_container {
display: none;
}
}

.clever-core-ads:not(:empty) {
margin: 0 auto 60px auto;
height: 250px;
text-align: center;
}


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

#top-top-ad {
margin: 0 auto 20px auto;
text-align: center;
}

#bottom-ad {
margin: 0 auto 20px auto;
text-align: center;
}

div#special {
margin: 35px auto 20px auto;
text-align: center;
}

div#special img {
width: 192px;
height: 51px;
border-radius: 5px;
}

div#special a {
font-size: 150%;
color: #fed325;
text-decoration: none;
}

div#special a:visited {
color: #fed325;
}

div#special a:hover {
text-decoration: underline;
}

.adsTxt {
text-align: center;
margin: 0 auto 10px auto;
}

.adsTxt3 {
text-align: center;
margin: -10px auto 20px auto;
}

.warning {
text-align: center;
font-size: 1.32em;
font-weight: bold;
color: gold;
margin: 2em auto 2em auto;
}


@media screen and (max-width: 640px) {
.warning span {
display: block;
}
}