* {font-family:Trebuchet MS, Tahoma, Arial}

html {height:100%;}

body {margin:0; background-color:#00223e; height:100%;}

/*#section1 {height:100%;}

#section,*/
.content {padding:3% 3%;}

h1 {font-size:6em; margin:0 0 24px;}
h2 {font-size:3em; margin:0 0 24px;}
h3 {font-size:2em; margin:0 0 24px;}
p {font-size:1em; color:#000; margin:0 0 24px;}
td {font-size:1em; color:#000;}
input[type="text"], input[type="password"], textarea, select {font-size: 1.5em; width: 310px;}
label {font-size: 1.5em;}
.next {border:1px solid #DBDBDB; background-color:#fff; padding: 8px 24px; color:#000; font-size: 1em; border-radius: 25px; margin:0 auto 24px; cursor:pointer;}
.next:hover {background-color:#ccc;}

.logo {position:fixed; top:10px; right:10px; z-index:1; padding: 7px 15px 3px; background-color: rgba(255,255,255,0.5); border-radius: 10px;}
.logo img {height:24px;}
.logo .white {display:none;}
a.logo:hover {background-color: rgba(255,255,255,0.75);}

.chlang {position:fixed; top:10px; right:240px; z-index:1; width:38px; height:38px;}

.menu {position:fixed; top:10px; left:10px; z-index:1; list-style:none; margin:0; padding:7px 0 0;}
.menu li {float:left; padding:0; margin:0 10px 0 0;}
.menu li a {color:#000; padding:7px 15px 7px; text-decoration:none; background-color:rgba(255,255,255,0.5); border-radius: 10px;}
.menu li a:hover {background-color: rgba(255,255,255,0.75);}
.menu li a.active {color:#fff; background-color:rgba(0,0,0,0.5);}
.menu li a.active:hover {background-color:rgba(0,0,0,0.75);}

#menu-pages {width:auto;}

.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue p, .bg-blue td {color:#fff;}
.bg-red h1, .bg-red h2, .bg-red h3, .bg-red p, .bg-red td {color:#fff;}
.bg-gold h1, .bg-gold h2, .bg-gold h3, .bg-gold p, .bg-gold td {color:#fff; text-shadow: 1px 1px 1px #000;}

.bg-white {background-image: url(/img/bg-white-1416-low.jpg); background-size: contain;}
.bg-blue {background-image: url(/img/bg-blue-low.jpg); background-size: cover; background-color:#024095;}
.bg-red {background-image: url(/img/bg-red-low.jpg); background-size: cover; background-color:#a50011;}
.bg-gold {background-image: url(/img/bg-gold-low.jpg); background-size: cover; background-color:#E7BA79;}

.bg-blue .next {border:1px solid #024095; background-color:#fff; padding: 8px 24px; color:#024095; font-size: 1em; border-radius: 25px;}
.bg-blue .next:hover {background-color:#024095; color:#fff;}

.bg-blue .button2 {border:1px solid #fff; background-color:transparent; color:#fff;}
.bg-blue .button2:hover {background-color:#024095;}


.bg-red .next {border:1px solid #a50011; background-color:#fff; padding: 8px 24px; color:#a50011; font-size: 1em; border-radius: 25px;}
.bg-red .next:hover {background-color:#a50011; color:#fff;}

.bg-gold .next {border:1px solid #E7BA79; background-color:#fff; padding: 8px 24px; color:#E7BA79; font-size: 1em; border-radius: 25px;}
.bg-gold .next:hover {background-color:#E7BA79; color:#fff;}

.bg-table table {background-color:rgba(255,255,255,0.75); width:auto; padding:20px; border-radius:10px; margin:0 auto 24px;}
.bg-blue .bg-table table {background-color:rgba(2,64,149,0.75);}
.bg-red .bg-table table {background-color:rgba(165,0,17,0.75);}
.bg-gold .bg-table table {background-color:rgba(231,186,121,0.75);}

.bg-blue-uefa {background:#024095 url(/img/bg_uefa.jpg) no-repeat center center; background-size:cover;}
.bg-blue-uefa h1 {
	text-shadow: 2px 2px 3px #000;
}
.bg-blue-uefa h1, h2, h3, p {
	text-align: center;
}

.bg-blue-volley {background:#024095 url(/img/bg_volley.jpg) no-repeat center center; background-size:cover;}
.bg-blue-volley h1 {
	text-shadow: 2px 2px 3px #000;
}
.bg-blue-volley h1, h2, h3, p {
	text-align: center;
}

.bg-table table td {padding:5px}

label.radio {font-size:1em; cursor:pointer; padding:5px; border-radius:5px; white-space: nowrap;}

label.radio:hover {color:#888;}
label.radio span {border-bottom:1px dashed #000;}
label.radio img {margin-top: -3px;}
label.radio:hover span {border-bottom:1px dashed #888;}
label.checked {background-color:rgba(0,0,0,0.5); color:#fff; cursor:auto;}
label.checked:hover {color:#fff;}
label.checked span {border:none;}
.is_going_now {display:none;}

tr.ongoing td {color:#a50011;}
tr.ongoing .datetime {display:none;}
tr.ongoing .is_going_now {display:inline;}
tr.ongoing label.radio {cursor:auto; color:#a50011;}
tr.ongoing label.radio span {border-bottom:none;}
tr.ongoing label.checked {border:1px solid #888; background-color:transparent; padding:4px; color:#a50011; cursor:auto;}
tr.ongoing input {}

tr.finished label.radio {cursor:auto; color:#888}
tr.finished label.radio span {border-bottom:none;}
tr.finished label.checked {border:1px solid #888; background-color:transparent; padding:4px; color:#888; cursor:auto;}
tr.finished input {}
tr.finished label span.win {color:#000;}

span.line-through {text-decoration:line-through;}

.datetime {font-size:0.8em}

label.error {position: absolute; font-size: 1em; margin-left: 10px; padding: 5px 10px; background-color: rgba(255,255,255,0.75); color:#a50011;}

.bg-blue label.radio:hover {color:#ccc;}
.bg-blue label.radio span {border-color:#fff;}
.bg-blue label.radio span:hover {border-color:#ccc;}
.bg-blue label.checked:hover {color:#fff;}
.bg-blue label.checked span {border:none;}

.bg-red label.radio:hover {color:#ccc;}
.bg-red label.radio span {border-color:#fff;}
.bg-red label.radio span:hover {border-color:#ccc;}
.bg-red label.checked:hover {color:#fff;}
.bg-red label.checked span {border:none;}

label.radio input {position:absolute; visibility:collapse;}

.bg-blue tr.ongoing td {color:#ff0011;}
.bg-blue tr.ongoing label.radio {cursor:auto; color:#ff0011;}
.bg-blue tr.ongoing label.checked {border:1px solid #ccc; background-color:transparent; padding:4px; color:#ff0011; cursor:auto;}

.bg-blue tr.finished td {color:#ccc}
.bg-blue tr.finished label.radio {color:#ccc}
.bg-blue tr.finished label.checked {border:1px solid #ccc; background-color:transparent; padding:4px; color:#ccc; cursor:auto;}
.bg-blue tr.finished label span.win {color:#fff;}

.bg-red tr.ongoing td {color:#ffcc00;}
.bg-red tr.ongoing label.radio {cursor:auto; color:#ffcc00;}
.bg-red tr.ongoing label.checked {border:1px solid #ffcc00; background-color:transparent; padding:4px; color:#ffcc00; cursor:auto;}

.bg-red tr.finished td {color:#ccc}
.bg-red tr.finished label.radio {color:#ccc}
.bg-red tr.finished label.checked {border:1px solid #888; background-color:transparent; padding:4px; color:#888; cursor:auto;}
.bg-red tr.finished label span.win {color:#fff;}

.left {text-align:left;}
.right {text-align:right;}

.ratingpage select {width:auto; max-width:200px; font-size:1em; font-weight:700; color:rgba(0,0,0,0.5);}

.dataTables_filter input {
    font-size: 1em;
	max-width:200px;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 8px 10px;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 8px 10px;
}

ul.slimmenu {
	background-color: #024095;
}
ul.slimmenu li {
    background-color: #024095;
}
ul.slimmenu > li {
    border-left: none;
}
ul.slimmenu li a {
	padding: 12px 16px 12px 16px;
	color:#fff;
}
ul.slimmenu li a:hover {
	background-color: #a50011;
}

.display td {
	text-align:left;
}

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

	#menu-pages li a span {display:none;}
}