@import url("normalize.css");
@import url("bootstrap.css");
@import url("general.css");
@import url("font-awesome.css");
@import url("animate.css");
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,latin-ext);
::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }

body { background: #c1e6ed; font-family: "Ubuntu", sans-serif; font-size: 14px; }
body.list-page {background: url(../../img/list-bg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
a {outline: none !important; border: none;}
article h1, article h2, article h3, article h4, article h5, article h6 { margin: 10px 0; }

.lazy-hidden { opacity: 0; }
.lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; }
.lightbox { position: fixed; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #232323; opacity: 0.7; filter: alpha(opacity=70); z-index: 10; display: none; }
.boxs1 { box-shadow: 3px 3px 0px #F2F2F2; border: 1px solid #efefef; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; padding: 15px; }

/* === Leage List === */
.leage-list {background: #FFF; padding: 10px 0;}
.leage-list.leage-6 ul li {margin: 0 12px; width: 14%;}
.leage-list.leage-7 ul li {margin: 0 10px; width: 12%;}
.leage-list.leage-9 ul li {margin: 0; width: 11%;}
.leage-list.leage-12 ul li {margin: 0 6px; width: 7%;}
.leage-list ul {list-style: none; margin: 0; padding: 0; text-align: center;}
.leage-list ul li {float: left; margin: 0 2px; text-align: center; width: 12%;}
.leage-list ul li img {display: block;}
.leage-list ul li span.text {display: block; font-size: 11px; margin-top: 7px;}
.leage-list ul li a {display: block; padding: 7px 0; border-bottom: 5px solid #FFF; color: #87949a;}
.leage-list ul li.active a {border-color: #00a2ff; color: #4c4c4c;}
/* === Leage List === */

/* === Week List === */
.week {background :#0656bf linear-gradient(to right, #0656bf, #000a33); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.week button {padding: 5px; font-size: 14px; line-height: 16px; margin: 3px 0; font-weight: 700;}
.week ul {list-style: none; margin: 0; margin-bottom: -2px; padding: 0;}
.week ul li {float: left;}
.week ul li a {color: #FFF; display: block; text-align: center; font-size: 17.5px; line-height: 24px; padding: 5px; border-bottom:2px solid transparent; transition:all ease 0.3s;}
.week ul li a:hover {background: rgba(0, 0, 0, 0.20);border-bottom:transparent;}
.week ul li.active a, .week ul li.active:hover a {background: #FFF; color:#0656bf; font-weight: 700; border-bottom:2px solid #0032a2;}
.date {position: relative;}
.date .row > div {padding-right: 0;}
.date .form-control {height: 100%; margin: 4px 0; font-size: 13px; line-height: 14px; background:#FFF url(../../img/date-icon.png) 96% center no-repeat; }
.datepicker:before {border-bottom-color: transparent; }
.date .date-btn {padding:5px; transition: 0.2s; background :#0656bf linear-gradient(to bottom, #0656bf, #000a33); color: #FFF; display: block; margin: 3px 0; font-size: 13px; line-height: 16px; text-align: center; border: 1px solid #0B2CA7; border-radius: 4px;}
/* === Week List === */

/* === Match List === */
.match-list {margin-top: 5px;}
.match-list a {display: block; color: #FFF;}
.match-list .item {background: #A7A7A7; margin-top: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px 0;}
.match-list .item .content {position: relative;}
.match-list .item .image {display: block; position: absolute; left: 0; top: 0; width: 38px; height: 38px;}
.match-list .item .image img {max-width: 100%; max-height: 100%;}
.match-list .item .text {padding: 0 0 0 42px; font-size: 16px; height: 38px; font-weight: 700;}    
.match-list .item .text div {position: relative;top: 50%;transform: translateY(-50%);}    
.match-list .item .team1 {text-align: left;}
.match-list .item .team2 {text-align: right;}
.match-list .item .team2 .image {right: 0;left: auto;}
.match-list .item .team2 .text {padding-left: 0; padding-right: 42px;}
.match-list .item .scores {text-align: center; padding: 0;} 
.match-list .item .scores .notes { font-size: 10px; line-height: 15px; margin-top: -5px;}
.match-list .item .scores .score { font-size: 22px; line-height: 38px; font-weight: 700; margin-bottom: -12px;}
.match-list .item .scores .score span {width: 30px; display: inline-block; background: #FFF; color: #0031a1; border-bottom: 2px solid #0031a1;}
.match-list .item .scores .score span.space {background: transparent; border:none; width: 20px; color:#FFF;}
.match-list .item .countdown {background :#a71f2b linear-gradient(to bottom, #F62B2B, #a71f2b); font-size: 14px; line-height: 16px; border-radius: 3px; margin: 0 20px;}
.match-list .item .countdown .content {background :#F62B2B linear-gradient(to bottom, #a71f2b, #F62B2B); margin: 2px; overflow: hidden; border-radius: 3px;}
.match-list .item .countdown .content > div {padding: 3px 7px;} 
.match-list .item .countdown .content .space {position: absolute; right: 0;top: 2px;font-size: 18px;color: #222;margin-right: -2px;} 
.match-list .item .countdown .content .time {background: linear-gradient(to bottom, rgba(153,153,153,1) 0%, rgba(152,152,152,1) 1%, rgba(82,82,82,1) 51%, rgba(138,138,138,1) 100%); border:1px solid #222; border-radius: 3px;}
.match-list .item .scores .score.time span {background: transparent; color: #8d0606;}
/* === Match List === */

.list-page .match-list .item.bitti {background :#0654bb linear-gradient(to right, #000429, #0654bb, #000429);}
.list-page .match-list .item.devam {background :#92bc05 linear-gradient(to right, #3b5f03, #92bc05, #3b5f03);}
.list-page .match-list .item.devam .scores .score span.score1, .list-page .match-list .item.devam .scores .score span.score2 {color:#3b5f03; border-color: #3b5f03;}
.list-page .match-list .item.baslamadi {background :#f82c2c linear-gradient(to right, #8d0606, #f82c2c, #8d0606);}
.list-page .match-list .item.baslamadi .scores .score span.score1, .list-page .match-list .item.baslamadi .scores .score span.score2 {color:#8d0606; border-color: #8d0606;}

/* === GununMaclari Color === */
#gunun-maclari .week {background :#0656bf linear-gradient(to right, #0656bf, #000a33);}
#gunun-maclari .leage-list ul li.active a {border-color: #00a2ff;}
#gunun-maclari .week ul li.active a, #gunun-maclari .week ul li.active:hover a {color: #00a2ff; border-color: #00a2ff;}
/* === GununMaclari Color === */

/* === SuperLig Color === */
#super-lig .week {background :#dd2330 linear-gradient(to right, #ae4144, #dd2330);}
#super-lig .leage-list ul li.active a {border-color: #dd2330;}
#super-lig .week ul li.active a, #super-lig .week ul li.active:hover a {color: #dd2330; border-color: #dd2330;}
/* === SuperLig Color === */

/* === TurkiyeKupasi Color === */
#turkiye-kupasi .week {background :#dd2330 linear-gradient(to right, #ae4144, #dd2330);}
#turkiye-kupasi .leage-list ul li.active a {border-color: #dd2330;}
#turkiye-kupasi .week ul li.active a, #turkiye-kupasi .week ul li.active:hover a {color: #dd2330; border-color: #dd2330;}
/* === TurkiyeKupasi Color === */

/* === MilliMac Color === */
#milli-maclar .week {background :#e30a17 linear-gradient(to right, #e93b45, #e30a17);}
#milli-maclar .leage-list ul li.active a {border-color: #e30a17;}
#milli-maclar .week ul li.active a, #super-lig .week ul li.active:hover a {color: #e30a17; border-color: #e30a17;}
/* === MilliMac Color === */

/* === SampiyonlarLigi Color === */
#sampiyonlar-ligi .week {background :#0656bf linear-gradient(to right, #0656bf, #000a33);}
#sampiyonlar-ligi .leage-list ul li.active a {border-color: #00a2ff;}
#sampiyonlar-ligi .week ul li.active a, #sampiyonlar-ligi .week ul li.active:hover a {color: #000a33; border-color: #000a33;}
/* === SampiyonlarLigi Color === */

/* === AvrupaLigi Color === */
#avrupa-ligi .week {background :#9c1e22 linear-gradient(to right, #f8ba4d, #9c1e22);}
#avrupa-ligi .leage-list ul li.active a {border-color: #f8ba4d;}
#avrupa-ligi .week ul li.active a, #avrupa-ligi .week ul li.active:hover a {color: #9c1e22; border-color: #9c1e22;}
/* === AvrupaLigi Color === */

/* === PTT1Ligi Color === */
#ptt1-lig .week {background :#9c1e22 linear-gradient(to right, #e82f4b, #680c1a);}
#ptt1-lig .leage-list ul li.active a {border-color: #e82f4b;}
#ptt1-lig .week ul li.active a, #ptt1-lig .week ul li.active:hover a {color: #680c1a; border-color: #680c1a;}
/* === PTT1Ligi Color === */

/* === Section === */
.tab_content {padding: 0;}
.popover {max-width: 300px;}
.popover-content {color: #222; font-size: 11px; line-height: 15px; font-family: "Ubuntu", sans-serif; padding: 7px;}
.popover-content img {max-width: 12px; margin-top: -4px; margin-right: 2px;}
.popover-content ul {list-style: none; margin: 0;}
.popoverContent {display: none;}
.scrollable-menu {height: auto;max-height: 186px;overflow-x: hidden; background: #9C9C9C;}
.scrollable-menu li {float: none !important; border-bottom: 1px solid #A5A5A5;}
/* === Section === */
/* === Footer === */
.footer {text-align: center; margin: 25px 0;}
.footer img {padding: 10px; background: #FFF; border-radius: 5px;}
/* === Footer === */

/* ============================================================================================================  
	Responsive Css
============================================================================================================ */
@media screen and (max-width: 991px) {
	.leage-list.leage-7 ul li {margin: 0 1px;width: 14%;}
	.leage-list ul li {margin: 0 1px;width: 12%;}
	.match-list .item .countdown {margin: 0;}
}
@media screen and (max-width: 767px) {
	.date .row > div {padding-right: 15px;}
	.match-list .item .countdown .content > div {padding: 3px;}
	.match-list .item .countdown {font-size: 11px;}
	.match-list .item .text {font-size: 12px;}
	.leage-list ul li {margin: 0 !important;}
	.leage-list ul li span.text {font-size: 9px;}
	.leage-list > div {padding: 0 5px;}
	.week, .match-list .item {border-radius: 0;}
	.leage-list ul li a {border-bottom-width:3px; }
}
@media screen and (max-width: 479px) {
	.match-list .item .scores .score {font-size: 16px; line-height: 28px;}
	.match-list .item .scores .score span {width: 20px;}
	.match-list .item .scores .score span.space {width: 10px;}
	.match-list .item .countdown .content > div {padding: 2px;}
	.match-list .item .countdown {font-size: 10px;}
	.match-list .item .scores .notes {font-size: 8px; min-height: 25px;}
	.match-list .item .scores .notes > div {width: 200px; position: absolute; left: 50%; margin-left: -100px;}
	.leage-list ul li {width: 24% !important; min-height: 80px; display: inline-block; float: none;}
	.match-list .item .image { top: 7px; width: 25px; height: 25px;}
    .match-list .item .text {padding: 0 0 0 28px; font-size: 11px;}
    .match-list .item .team2 .text {padding-right: 28px;}
    .leage-list ul li img {display: initial; max-width: 50%;}
    .week button {width: 100%;}
    .scrollable-menu {width: 100%; margin-top: 33px !important;}
}
/* ============================================================================================================  
	Responsive Css
============================================================================================================ */