@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&subset=cyrillic');
/*
football game styles
*/
ul, ol{
	margin: 0;
	padding: 0;
	list-style: none;
}
ins, a{
	text-decoration: none;
}
/* Team header */
.team-header { background:#f4f4f4; margin-bottom: 14px; }
.team-header .team { padding:28px 0 23px 16px; font:32px/54px 'Roboto', sans-serif; color:#000; }
.team-header .team span { float:left; width:77px; height:54px; margin:0 16px 0 0; }
.team-header .team-nav { height:40px; margin: 0; padding: 0; list-style: none;}
.team-header .team-nav li { float:left; display:inline; margin:0 3px 0 0; }
.team-header .team-nav a { font:17px/40px 'Roboto', sans-serif; color:#000; background:#e5e5e5; padding:0 16px; height:40px; float:left; }
.team-header .team-nav .current a { background:#fff; }
.team-nav.game a {padding:0 14px; }

.user-line.clearfix {
	margin-bottom: 8px !important;
}

.group-table { display:block; border: 2px solid #e1e1e1; border-bottom: 0;}

.group-table li.team.first p.long { width: 80px; margin-left: 8px; float: left; }
.group-table li.team.second p.long { margin-left: 34px;  }


.group-table h3 { background:#e5e5e5; text-transform:uppercase; font:400 14px/43px 'Roboto', sans-serif; padding:0 0 0 20px; }

.group-table li.main { 
	border-bottom: 2px solid #e1e1e1;
	height: 33px;
	overflow: hidden;
	bottom: 0;

}

.group-table li li { float:left; font:14px/33px 'Roboto', sans-serif; }
.group-table li.number { text-align:center; width:68px; }
.group-table li.date { text-align:center; width: 50px; border-right: 2px solid #e1e1e1; font-size: 13px; color: #1b3b7d; }
.group-table li.result { text-align:center; width:50px; }
.group-table li.group { text-align:center; width:108px; }
.group-table li.city { width:120px; }
.group-table.final li.city { color:#125ea3; font-size:14px; padding-left:40px; }

/*
.group-table li.btn a { color:#125ea3; }
*/
.group-table li.team { width:122px; }
.group-table.final li.team { width:145px; }
.group-table li.team.first { text-align:right; }

/*
.group-table li.team span { float:left; width:23px; height:16px; } 
.group-table.final li.team span { background:#729ec1; }
*/


.group-table li.main.dark ul li:first-child { margin-left: -5px; }
.group-table li.main.dark {	background: #dfdfdf;	text-indent: 14px;	line-height: 40px;	}

.group-table-f { margin:0 16px; display:block; }
.group-table-f h3 { background:#b2b1b1; color: #fff; text-transform:uppercase; font: 18px/45px 'Roboto', sans-serif; padding:0 0 0 20px; }

/*
.group-table li.rating ul { display: table; width: 100%; }
.group-table li.rating ul li { display: table-cell; width: 40%; float: none; text-indent: 14px;}
.group-table li.rating ul li:last-child { text-align: center;  width: 20%;}
*/

.collapse 				{	margin: 0 16px;	}
.collapse .group-table	{	margin: 0;				}
.collapse div {
	
}
.collapse .collapse-header {
		display: block;
		height: 40px;
		color: #4b4b4b;
		font-size: 12px;
		line-height: 40px;
		text-transform: uppercase;
		background: #dfdfdf;
		position: relative;
		text-indent: 14px;
		cursor: pointer;
		background: #dcdcdc url(../../img/backgrounds/hor-gay-spacer.png) repeat-x bottom;
		border-top: 0px solid #c1c1c1 !important;
			
-moz-box-shadow:
	inset 5px 0 2px -5px #c1c1c1,	inset -5px 0 2px -5px #c1c1c1;
-webkit-box-shadow:
	inset 5px 0 2px -5px #c1c1c1,	inset -5px 0 2px -5px #c1c1c1;
box-shadow:
	inset 5px 0 2px -5px #c1c1c1,	inset -5px 0 2px -5px #c1c1c1;


	}
.collapse .collapse-content {			display: none;		}
.collapse-header > span.isprite {
		display: block;
		width: 16px;
		height: 16px;
		background-position: -64px -192px;
		position: absolute;
		top: 12px;
		right: 6px;
		/* background-image: url(/media/template/default/img/worldcup/backgrounds/icons-sprite.png)!important; */
		background-repeat:no-repeat!important;
	 }
.collapse-header.active > span.isprite {
	background-position: -64px -224px;
 }
.collapse li.date { width: 64px;		 }
.collapse li.team.first, .collapse li.team.second { 	 		 }
.collapse li.result { width: 34px;  margin: 0 5px;  }
.collapse li.alleged-result { width: 160px; line-height: 43px;  }
.collapse select	{	width: 40px;	}
.collapse p.team-first, .collapse lp.team-second	{	width: 8px; margin: 0 4px;	}
.collapse li.btn.last	{	width: 103px; 	box-sizing: border-box; float: left; text-transform:uppercase;	}
/*
.collapse li.btn.last input{
    
    color: #1b3b7d !important;
    display: block;
    font-size: 10px;
    height: 21px;
    border: 1px solid #1b3b7d;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    width: 84px;
    margin-top: 6px;
    cursor: pointer;
    background-color: transparent;
}
*/
.collapse li.btn.last input[disabled=disabled]{
    opacity: 0.6;
}

.collapse li.btn.last .blue-btn.centred{
    margin: 0;
}



/* Calendar */

.rcolumn .group-table        {       margin: 0 8px 16px -8px;        }

h3.cat-title { font:28px/28px 'Roboto', sans-serif; color:#185891; padding:25px 0 16px 16px; }
.team-header H3.cat-title { padding-bottom: 20px; display: inline-block;	}

.team-header a, .team-header span, H5.logout-lnk a, .user.content-box a, .user.content-box span {
	font: 16px/21px 'Roboto', sans-serif ;
	color: #185891;
}	
H5.logout-lnk {
		float: right;
		padding-top: 28px;
		margin-right: 20px;
}


.blue-btn.centred { margin:0 auto; cursor:pointer; }
.blue-btn.centred[disabled]{ cursor:default; }
/*.blue-btn { display:block; background:url(../../img/worldcup/backgrounds/blue-btn-1.png); width:100px; height:26px; color:#fff!important; font-size:10px; line-height:26px; text-align:center; text-transform:uppercase; border:none;}*/

.g246 {	width:220px !important;	}
.content-box {
	margin: 14px 0;
    display: block;
    box-sizing: border-box;
    float: left;
    width: 100%;
    padding-left: 25px;
    padding-right: 5px;
}
.rcolumn .calendar-tabs {
    margin: 16px 8px 0px -8px;
}
li.main.rating.first_place, .collapse table tr.first_place > td{
    background:#dfedf8;
}
 .collapse table tr.first_place > td{
    border-bottom: 1px solid #c1c1c1;
}

/* Champions league facelift */
.team-header{
	 background:none;
	 float: left;
	 width: 100%;
	 height: auto;
	 position: relative;
	 margin-bottom: 0;
	 background-color: #FFF;
}
.team-header .team span img{
	display: none;
}
.team-header img{
	max-width: 100%;
	text-align: center;
}
.team-header.logged{
	background:url(../../img/championsleague/game-header-logged.jpg);
	height: 116px;
}
.team-header.logged .social-share span{
	float: left;
	margin-top: 13px;
	width: inherit;
}
.team-nav{
	height: 28px;
	margin: 0;
	padding-bottom: 0;
	float: left;
	width: 100%;
	padding: 0;
	list-style: none;
	background-color: #FFFFFF;
}
.team-nav li{
	float: left;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
}
.team-nav li a{
	color: #1b3b7d;
	padding: 0 16px;
	font-family: 'Roboto', sans-serif;
	display: block;
	-webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    text-decoration: none;
}
.team-nav li a:hover{
	background-color: #1260a7;
	color: #FFFFFF;
}
.team-nav li.current a{
	background-color: #1260a7;
	color: #FFFFFF;
	display: block;
	float: left;
}
.team-header .user-line{
	float: left;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	margin-top: 15px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
	text-align: right;
	height: 24px;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	padding: 0 35px;
}
.team-header .user-line a{
	background-color: #c50c18;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
}
.team-header .user-line .g656{
	width: 627px;
}
.user-line .username{
	float: left;
	font-weight: normal;
	font-size: 14px;
}
.user-line .username a{
	background-color: transparent;
	font-weight: normal;
	padding: 0;
	float: left;
	margin-right: 10px;
}
.user-line ins{
	font-weight: bold;
	background-color: #1260a7;
	color: #FFFFFF;
	display: inline-block;
	padding: 0 12px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
}
.user-avatar{
	float: left;
	overflow: hidden;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	position: relative;
	top: -13px;
}
.user-avatar img{
	max-width: 100%;
	width: 100%;
}
.calendar-tabs{
	margin: 0;
	float: left;
	width: 100%;
	background-color: #1260a7;
	box-sizing: border-box;
	padding: 0 35px;
	padding-top: 10px;
	margin-bottom: 20px;
}
.calendar-tabs li{
	float: left;
}
.calendar-tabs a{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	float: left;
	line-height: 28px;
	padding: 0 20px;
	font-family: 'Roboto', sans-serif;
}
.calendar-tabs li.current a{
	background-color: #FFFFFF;
	font-size: 14px;
	color: #1260a7;
}
.social-share{
	float: right;
	text-align: right;
	text-transform: uppercase;
	font-size: 12px;
	color: #1b3b7d;
	margin-right: 45px;
}
.social-share span{
	font-size: 12px;
	color: #1b3b7d;
	float: right;
	display: block;
	line-height: 12px;
	width: 100%;
}
.social-share a{
	float: right;
	margin-left: 8px;
	margin-top: 5px;
}
.social-share a:hover{
	opacity: 0.8;
}
.content-box .info{
	float: left;
	width: 100%;
	border: 2px solid #e1e1e1;
	box-sizing: border-box;
	padding: 8px 10px;
	font-size: 12px;
	color: #000000;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
	background-image: url(../../img/championsleague/info-icon.png);
	background-repeat: no-repeat;
	background-position: left 10px top 8px;
	padding-left: 40px;
}
.content-box .info img{
	margin-right: 10px;
}
.content-box .info ul{
	padding-left: 12px;
	margin-top: 2px;
}
.content-box .info ul li{
	list-style-type: disc;
}
.content-box .info ul li ins{
	color: #FFFFFF;
	background-color: #67b3f8;
	width: 18px;
	height: 18px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	line-height: 16px;
}
.content-box .info ul li ins.points7{
	background-color: #1260a7;
}
.matches-date{
	float: left;
	width: 100%;
	border: 2px solid #e1e1e1;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
.matches-date span{
	display: block;
	float: left;
	color: #FFFFFF;
	background-color: #67b3f8;
	height: 22px;
	line-height: 22px;
	padding: 0 9px;
	width: 240px;
	border-right: 2px solid #e1e1e1;
	background-image: url(../../img/championsleague/date-icon.png);
	background-repeat: no-repeat;
	background-position: left 9px center;
	padding-left: 32px;
	box-sizing: border-box;
}
.matches-date.light-border{
	border: 3px solid #e1e1e1;
}
.matches-date.light-border span{
	border-right: 3px solid #e1e1e1;
}
.matches-list{
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 30px;
}
.matches-list .team_img{
	display: none;
}
.results-list{
	float: left;
	width: 100%;
	border: 2px solid #e1e1e1;
	box-sizing: border-box;
}
.results-list li.main{
	border: 0;
	border-bottom: 1px solid #e1e1e1;
	padding: 10px;
}
.results-list li:last-child{
	border-bottom: 0;
}
.results-list li.main.rating.first_place{
	background-color: transparent;
}
.listing-title{
	float: left;
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #e1e1e1;
	margin: 10px 0;
	font-size: 12px;
	text-transform: uppercase;
}
.listing-title span{
	color: #FFFFFF;
	background-color: #67b3f8;
	display: block;
	float: left;
	padding: 5px 10px;
	border-right: 2px solid #e1e1e1;
}
.group-table li.total-points{
	font-size: 20px;
	color: #FFFFFF;
	background-color: #67b3f8;
	width: 95px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	text-indent: 0;
	float: right;
}
.group-table li.total-points ins{
	font-size: 16px;
}
.group-table li.position{
	float: left;
	width: 35px;
	text-align: center;
	margin-right: 5px;
	font-size: 16px;
	margin-left: -5px;
	color: #1b3b7d;
}
.group-table li.team{
	width: auto;
	font-weight: bold;
}
.group-table.results-list li.team{
	font-weight: normal;
}
.group-table li.team a{
	font-size: 16px;
	color: #1b3b7d;
}
.group-table li.team .user-avatar{
	width: 45px;
	height: 45px;
	margin-right: 18px;
	top: -6px;
}
.group-table .team span{
	display: none;
}
.g688 .alist-pager{
	background-color: transparent;
	border: 0;
	padding-left: 32px;
	padding-top: 10px;
}
.matches-list li.btn{
	float: right;
	border-left: 2px solid #e1e1e1;
	padding: 0 10px;
	height: 35px;
	line-height: 31px;
}
.btn a.predict-btn{
	background-image: none;
	background-color: #1260a7;
	line-height: 22px;
	height: 22px;
	font-size: 10.5px;
	display: inline-block;
	width: 85px;
	text-align: center;
	color: #FFF;
}
.btn a.predict-btn span{
	background-image: none;
	padding: 0;
	width: 85px;
}
input.predict-btn{
	line-height: 17px;
    height: 20px;
    margin-top: 6px;
    background-color: #1260a7;
    cursor: pointer;
    width: 85px;
    border: none;
    color: #FFF;
    font-size: 10.5px;
    margin-left: 5px;
}
.matches-list .matches-table{
	float: left;
	width: 100%;
	position: relative;
}
.matches-list .matches-table .group-table-row1{
	float: left;
	width: 100%;
}
.matches-list .matches-table .team img{
	width: 24px;
	height: 24px;
	margin: 0 3px;
}
.matches-table .team.first{
	border-right: 2px solid #e1e1e1;
	width: 160px;
	box-sizing: border-box;
	padding-right: 5px;
	font-size: 12.5px;
	color: #1b3b7d;
	padding-left: 5px;
}
.matches-table .team.first span{
	float: left;
	display: block;
}
.matches-table .team.first span img{
	max-height: 32px;
}
.matches-table .team.second{
	border-left: 2px solid #e1e1e1;
	width: 160px;
	text-align: left;
	box-sizing: border-box;
	padding-left: 5px;
	font-size: 12.5px;
	color: #1b3b7d;
	padding-right: 5px;
}
.matches-table .team.second span{
	float: right;
	display: block;
}
.matches-table .team.second span img{
	max-height: 32px;
}
.finished-matches .team.first{
	padding-left: 3px;
}
.finished-matches .team.first span{
	float: left;
	display: block;
	height: 32px;
}
.finished-matches .team.first span img{
	max-height: 32px;
}
.finished-matches .team.second{
	padding-right: 3px;
}
.finished-matches .team.second span{
	float: right;
	display: block;
	height: 32px;
}
.finished-matches .team.second span img{
	max-height: 32px;
}
.matches-table li.separator{
	border-left: 2px solid #e1e1e1;
	border-right: 2px solid #e1e1e1;
	width: 10px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.matches-table li.score{
	width: 39px;
}

.user-header{
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	margin-top: 20px;
}
.user-header .user-top{
	float: left;
	width: 100%;
	border: 2px solid #e3e3e3;
	margin-bottom: 5px;
	text-transform: uppercase;
	line-height: 20px;
	box-sizing: border-box;
}
.user-header .user-top .user-title{
	float: left;
	background-color: #67b3f8;
	color: #FFFFFF;
	font-size: 11.5px;
	display: block;
	font-weight: bold;
	border-right: 2px solid #e3e3e3;
	box-sizing: border-box;
	width: 240px;
	padding: 0 10px;
}
.user-header .user-top .position-title{
	float: left;
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #1b3b7d;
	width: 220px;
	text-align: right;
}
.user-header .user-top .points-title{
	font-size: 10px;
	font-weight: bold;
	color: #1b3b7d;
	display: block;
	float: right;
	margin-right: 10px;
}
.user-header .user-bottom{
	float: left;
	width: 100%;
	border: 2px solid #e3e3e3;
	box-sizing: border-box;
	padding: 3px 0;
}
.user-header .user-bottom .total-points{
	float: right;
	margin-right: 10px;
	background-color: #67b3f8;
	font-size: 20px;
	width: 98px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #FFF;
	margin-top: 6px;
}
.user-header .user-bottom .total-points ins{
	font-size: 16px;
}
.user-header .user-bottom .position{
	display: inline-block;
	background-color: #67b3f8;
	font-size: 20px;
	padding: 0 15px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #FFF;
	float: right;
	margin-right: 40px;
	margin-top: 6px;
}
.back-to-list{
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../../img/championsleague/back-arrow.png);
	width: 30px;
	height: 32px;
	margin-right: 10px;
	margin-top: 5px;
}
.user-header .user-bottom .user-name{
	float: left;
	line-height: 42px;
}
.user-header .user-bottom .user-name a{
	color: #1b3b7d;
	font-size: 16px;
}
.user-header .user-bottom .user-avatar{
	width: 44px;
	height: 44px;
	margin-right: 20px;
	top: auto;
}
.finished-matches{
	float: left;
	width: 100%;
}
.finished-matches .group-table{
	border-top: 0;
	border: 0;
}
.finished-matches .matches-date{
	margin-bottom: 5px;
	margin-top: 0px;
	border: 2px solid #e1e1e1;
}
.finished-matches .matches-date span{
	border-right: 2px solid #e1e1e1;
	width: 249px;
}
.finished-matches .matches-date span.results-title{
	background-color: #1260a7;
	font-size: 10px;
	background-image: none;
	padding-left: 4px;
	padding-right: 4px;
	width: 69px;
}
.finished-matches .matches-date span.points-title{
	font-size: 10px;
	background-image: none;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	float: right;
	border-right: 0;
	border-left: 2px solid #e1e1e1;
}
.finished-matches .group-table li.main{
	border: 0;
	overflow: visible;
	border: 2px solid #e1e1e1;
	border-bottom: 0;
	float: left;
	width: 100%;
	box-sizing: border-box;
	height: auto;
}
.finished-matches .group-table li.main:last-child{
	border-bottom: 2px solid #e1e1e1;
}
.finished-matches .group-table li.date{
	border-right: 2px solid #e1e1e1;
	line-height: 34px;
}
.finished-matches li.group{
	float: right;
	background-color: #67b3f8;
	color: #FFFFFF;
	font-size: 20px;
	width: 42px;
	border-left: 2px solid #e1e1e1;
	line-height: 32px;
}
.finished-matches li.group ins{
	font-size: 16px;
}
.finished-matches li.team{
	font-size: 12.5px;
	color: #1b3b7d;
	width: 185px;
	box-sizing: border-box;
	padding: 0 10px;
}
.finished-matches li.result{
	border-left: 2px solid #e1e1e1;
	border-right: 2px solid #e1e1e1;
	box-sizing: border-box;
	width: 70px;
	font-size: 20px;
	color: #1b3b7d;
}
.finished-matches li.result ins{
	border-left: 2px solid #e1e1e1;
	border-right: 2px solid #e1e1e1;
	padding: 0 3px;
	font-weight: bold;
	display: inline-block;
	line-height: 34px;
	margin: 0 6px;
}
.finished-matches li.border-left{
	border-right: 0;
}
.choose-content{
	float: left;
	box-sizing: border-box;
	background-color: #e1e1e1;
	padding: 2px;
	width: 100%;
	margin-top: 5px;
	font-family: 'Roboto', sans-serif;
}
.choose-content .choose-team{
	width: 100%;
	float: left;
	background-color: #FFFFFF;
	margin-bottom: 2px;
}
.choose-content .choose-player{
	width: 100%;
	float: left;
	background-color: #FFFFFF;
}
.choose-content .choose-title{
	font-size: 13px;
	color: #1b3b7d;
	height: 32px;
	line-height: 32px;
	box-sizing: border-box;
	padding-left: 10px;
	width: 167px;
	border-right: 2px solid #e1e1e1;
	float: left;
}
.choose-content .choose-btn{
	float: right;
	width: 116px;
	border-left: 2px solid #e1e1e1;
	height: 32px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.choose-content .choose-btn .blue-btn{
	margin-top: 5px;
}
.choose-content .choose-btn input{
	padding: 2px 6px;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #1260a7;
	text-transform: uppercase;
	border: 0;
	margin-top: 0px;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
}
.choose-content .choose-dropdown{
	float: left;
	width: 200px;
	box-sizing: border-box;
	width: 336px;
}
/* Custom Selectbox */
.styled-select {
   background: url(../../img/championsleague/custom-dropdown.png) no-repeat 100% 0;
   height: 32px;
   overflow: hidden;
   width: 336px;
   background-color: #fff;
   outline: none;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   text-transform: uppercase;
   height: 32px;
   padding: 5px;
   width: 350px;
   font-family: 'Roboto', sans-serif;
   cursor: pointer;
   color: #1b3b7d;
}

.score-select {
   background: url(../../img/championsleague/arrow-down.png) no-repeat 100% 0;
   height: 33px;
   overflow: hidden;
   width: 39px;
   background-color: #fff;
   background-position: right 3px center;
}

.score-select select {
   background: transparent;
   border: none;
   font-size: 18px;
   text-transform: uppercase;
   height: 32px;
   padding: 5px;
   width: 56px;
   font-family: 'Roboto', sans-serif;
   cursor: pointer;
   color: #1b3b7d;
   outline: none;
}
.not-predicted .score-select{
	background-color: #ededed;
}
.matches-table li.score select{
	/*
	width: 36px;
	border: 0;
	color: #1b3b7d;
	font-size: 18px;
	position: relative;
	top: 2px;
	*/
}
.disabled{
	background-color: #b0afaf !important;
	color: #FFFFFF!important;
}
.edit-button{
	color: #1b3b7d !important;
	border: 1px solid #1b3b7d  !important;
	background-color: #FFFFFF  !important;
}
.game-container{
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding-right: 0;
	margin-bottom: 25px;
	background-color: #FFF
}
.game-banner{
	float: right;
	margin-top: 10px;
}
.game-container .champions-league{
	float: left;
	width: 655px;
}
.group-table{
	margin: 0;
}
.game-toggle-menu{
	display: none;
}
a.predict-btn {
    background-image: none;
    background-color: #1260a7;
    line-height: 18px;
    height: 18px;
    font-size: 10.5px;
    display: inline-block;
    width: 80px;
    text-align: center;
    color: #FFF;
    margin-left: 5px;
}
.predict-btn.predict-login{
	background-color: #5b5b5b;
}
a.predict-btn span{
	color: #FFF;
}
a.predict-btn:hover{
	color: #FFF;
}
.cb-title{
	margin: 0;
	padding: 10px 0;
	font-size: 19px;
    background: #1260a7;
    color: #FFF;
    box-sizing: border-box;
    padding-left: 20px;
    padding: 6px 10px;
}
.euro2020-prize{
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.euro2020-prize img{
	float: left;
	width: auto;
	max-width: 100%;
}
.user-points{
	display: inline-block;
	float: right;
	    float: right;
    background-color: #67b3f8;
    color: #FFFFFF;
    font-size: 20px;
    width: 42px;
    border-left: 2px solid #e1e1e1;
    text-align: center;
}
.group-table li li.prognosis-form{

}
.group-table li li.prognosis-form select{
	width: 39px;
	outline: none;
}

.matches-table .points-column{
	float: right;
}
.user-points ins{
	font-size: 14px;
}
.prognosis-form .user-points{
	position: absolute;
	right: 0;
}
@media only screen and (max-width: 1000px) {
    .game-container{
        padding-right: 0;
    }
    .game-container .champions-league{
        width: 100%;
    }
    .content-box{
    	padding-right: 25px;
    }
    .team-header{
    	background-position: top center;
    }
    .matches-date{
    	border: none;
    }
    .matches-date span{
    	width: 100%;
    	border-right: 0;
    }
    .group-list .team{
    	
    }
}
@media only screen and (max-width: 768px) {
	.team-nav{
		position: absolute;
		height: auto;
		width: 60%;
		background-color: #1362ab;
	    margin-top: 12px;
	    margin-left: 26px;
    	display: none;
    	z-index: 22;
	}
	.team-nav.open{
		display: block;
	}
	.team-nav li{
		width: 100%;
	}
	.team-nav.game a{
		color: #FFF;
		line-height: 40px;
	}
	.game-toggle-menu{
		float: left;
		margin-left: 26px;
    	margin-top: 13px;
    	display: block;
	}
	#menu-toggle-game{
        width: 25px;
        height: 18px;
        float: left;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        display: block;
    }
    #menu-toggle-game span{
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fff;
        opacity: 1;
        left: 0;
        border-radius: 2px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #menu-toggle-game span{
        background-color: #1260a7;
    }
    .nav-icon-game{
        border: 2px solid #fff;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        align-items: center;
        position: relative;
        z-index: 4;
        display: block;
        display: flex;
    }
    #menu-toggle-game span:nth-child(1) {
        top: 0px;
    }
    #menu-toggle-game span:nth-child(2), #menu-toggle-game span:nth-child(3) {
        top: 7px;
    }
    #menu-toggle-game span:nth-child(4) {
        top: 14px;
    }
    #menu-toggle-game.open span{
        height: 2px;
    }
    #menu-toggle-game.open span:nth-child(1) {
        top: 7px;
        width: 0%;
        left: 50%;
    }
    #menu-toggle-game.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #menu-toggle-game.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #menu-toggle-game.open span:nth-child(4) {
        top: 7px;
        width: 0%;
        left: 50%;
    }
    .content-box p{
    	padding: 10px 0;
    }
    .group-table li.date{
    	max-width: 50px;
    }
    .group-table li.team.second,
    .group-table li.team.first{
    	max-width: 160px;
    }
}
@media only screen and (max-width: 650px) {
	.group-table{
		border: none;
		border-top: 2px solid #e1e1e1 !important;
	}
	.group-table li.main{
		height: auto;
		background-color: #FFF;
		border-left: none;
		border-right: none;
		padding-bottom: 10px;
    	padding-top: 5px;
    	width: 100%;
	}
	.group-table .prognosis-form{
		width: 100%;
		text-align: center;
	}
	.group-table li.date{
		width: 100%;
		text-align: center;
		border-right: 0;
		max-width: 100%;

	}
	.group-table li.team.second, .group-table li.team.first{
		max-width: 43%;
		width: 43%;
		border: none;
	}
	.group-table li.result{
		width: 14%;
		max-width: 14%;
		font-size: 24px;
		color: #1b3b7d;
		margin-top: 14px;
	}
	.group-table li.result ins{
		display: inline-block;
		margin: 0 6px;
	}
	.matches-list .matches-table .team img{
		width: 56px;
		height: 56px;
	}
	.group-table li.team.second, .group-table li.team.first{
		font-weight: normal;
		color: #1b3b7d;
		font-size: 13px;
	}
	.predict-btn-wrap{
		display: block;
	}
	.predict-btn-wrap input.predict-btn{
		margin-left: 0;
		margin-top: 0;
	}
	.prognosis-form .user-points,
	.user-points{
		position: static;
		border-left: none;
		float: none;
	}
	.matches-table .points-column{
		width: 100%;
		text-align: center;
	}
}
@media only screen and (max-width: 500px) {
	.team-header .user-line{
		padding: 0 8px;
		font-size: 11px;
	}
	.team-header .user-line a{
		font-size: 11px;
		padding: 0 4px;
		height: 23px;
	}

}
@media only screen and (max-width: 380px) {
	.group-table li.result ins{
		display: inline-block;
		margin: 0 3px;
	}
	.matches-list .matches-table .team img{
		width: 40px;
		height: 40px;
	}
	.group-table li.result{
		margin-top: 4px;
	}
	.group-table li.team.second, .group-table li.team.first{
		font-weight: normal;
		color: #1b3b7d;
		font-size: 12px;
	}
	.content-box{
		padding-left: 16px;
		padding-right: 16px;
	}
}