/*
 * css File
 * Author - Serdar GULER
 * Mail   - serdarguler1991@gmail.com
 */

.form-control::-webkit-input-placeholder { /* WebKit browsers */ color: #E4E4E4; }
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #E4E4E4; opacity: 1; }
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #E4E4E4; opacity: 1; }
.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #E4E4E4; }

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);

html, body {height: 100%; color: #222222; font-family: 'Open Sans', sans-serif; font-size: 14px; background: #dadada;}

img {max-width: 100%;}
a:hover, a:focus { text-decoration: none; outline: none;}
ul {list-style: none; padding: 0; margin: 0;}

.container {
	max-width: 1000px;
	padding: 0;
	background: #ffffff;
}
.container > .row {margin: 0;}


.tabNav {
	background: #dadada; 
	text-align: center;
	border-bottom: 2px solid #424242;
}
.tabNav ul li a {
	display: block; 
	font-size: 16px;
	line-height: 24px; 
	padding: 5px 0; 
	font-weight: 600; 
	color: #424242;
}
.tabNav ul li.active {
	background: #424242;
}
.tabNav ul li.active a {
	color: #ffffff;
}

.leageContent {display: none;}

.tabLeage ul {
	padding: 5px;
	overflow: hidden;
}
.tabLeage ul li {
	float: left;
	width: 12.5%;
	text-align: center;
}
.tabLeage ul li img {
	max-height: 55px;
}
.tabLeage ul li a {
	display: block;
	padding: 5px;
	color: #424242;
	font-weight: 600;
}
.tabLeage ul li .name {
	display: block; 
	padding-top: 5px;
}

.leageTitle {
	text-align: center;
	border-top: 1px solid #DADADA;
}
.leageTitle h2 {
	margin: 0;
	padding: 5px 0;
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
}

.week {
	position: relative;
	background: #424242;
}
.week ul li {
	text-align: center;
	padding: 5px 25px;
	display: none;
	color: #ffffff;
	line-height: 24px;
	font-weight: 600;
}
.week ul li.active {
	display: block;
}
.week img {
	max-height: 100%;
}
.week .prev {
	position: absolute;
	left: 0;
	top: 0;
	height: 34px;
    padding: 7px;
}
.week .next {
	position: absolute;
	right: 0;
	top: 0;
	height: 34px;
    padding: 7px;
}

.fikstur {display: none;}
.fikstur .title {
	background: #EFEFEF;
    font-weight: 600;
    border-bottom: 1px solid #dadada;
	padding: 5px 0;
	text-align: center;
}
.fikstur .item {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #dadada;
	line-height: 20px;
	transition: all ease 0.3s;
}
.fikstur .item:hover { background: #F3FFC3;}
.fikstur .item .team.team1 {
	text-align: right;
	padding-right: 50px;
	padding-left: 5px;
}
.fikstur .item .team.team2 {
	text-align: left;
	padding-left: 50px;
	padding-right: 5px;
}
.fikstur .item .score {
	width: 60px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	background: #dadada;
	border-radius: 5px;
	box-shadow: 0px 0px 2px #757575;
}

table.puanDurumu {width: 100%; border-bottom: 1px solid #dadada;}
table.puanDurumu tr {border-top: 1px solid #dadada;}
table.puanDurumu tr td, table.puanDurumu tr th {
	padding: 4px;
	position: relative;
}
table.puanDurumu tr th {
	background: #ABABAB;
}
table.puanDurumu tr:hover td { background: #F3FFC3;}
table.puanDurumu tr td.no {width: 40px; padding-left: 20px;}
table.puanDurumu tr td.no span {
	width: 10px;
    height: 10px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -5px;
    background: #dadada;
}
table.puanDurumu tr td.no .bir {background: #155FAB;}
table.puanDurumu tr td.no .iki {background: #3E90E4;}
table.puanDurumu tr td.no .uc {background: #0DB9A9;}
table.puanDurumu tr td.no .kirmizi {background: #D80E0E;}


.footer {text-align: center; padding: 15px 0;}
.footer img {border-radius: 10px; border: 10px solid #ffffff;}

/** == Responsive == **/

@media screen and (min-width: 992px) {}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 479px) {
	body, .leageTitle h2 {font-size: 12px;}
	.fikstur .item .team.team1 {padding-right: 40px;}
	.fikstur .item .team.team2 {padding-left: 40px;}
	.tabLeage ul, .tabLeage ul li a {padding: 2px;}
}
@media screen and (max-width: 349px) {
	.fikstur .item .score {width: 40px; margin-left: -20px;}
	.fikstur .item .team.team1 {padding-right: 25px;}
	.fikstur .item .team.team2 {padding-left: 25px;}
	.fikstur .item {font-size: 11px;}
}