/* Created by TopStyle Trial - www.topstyle4.com */
BODY {
	overflow: hidden;
	background: #ececec;

	font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.live {
	height: CALC(100VH - 20px);
	overflow: auto;
	font-size: 95%;
}
#left {
	height: CALC(100VH - 20px);
}
.ttt {
	max-height: CALC(100VH - 150px);
	overflow: auto;
}

table {
    padding: 0;
    margin: 0;
    width: 100%;
}
table THEAD TR TH {
	background: #858585;
	color: #fff;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
}
table THEAD TR TH:first-child {
	padding-left: 50px;
}
table TBODY TR TD {
	font-size: 14px;
	background: #fff;
	padding: 0;
	line-height: 25px;
	border-bottom: 1px solid #dedede;	
}
table TBODY TR:last-child TD {
	border-bottom: 0;	
}
TABLE TR TD:nth-child(2) {
	/*font-weight: bolder;*/
	padding-left: 10px;
}
TABLE TR TD:first-child {
	background: #cb1237;
	color: #fff;
}
TABLE TR:nth-child(-n+4) TD:first-child {
	background: #4f93ef;
	color: #fff;
}

.home, .away, .nom {
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}


.tab {
	margin-bottom: 20px;
	height: 188px; 
}


.matchh {
	margin-bottom: 5px;
	font-size: 14px;
	position: relative;
}
.matchh .top {
	float: left;
	width: 100%;
	background: #fff;	
}
.matchh .top DIV {
	float: left;
	width: CALC(50% - 10px);
	text-align: left;
}
.matchh .top .home {
	text-align: right;
	padding-left: 10px;
}
.matchh .top .away {
	padding-right: 10px;
}
.matchh .top .tiret {
	width: 20px;
	text-align: center;
}
.matchh .heure {
	background: #f2f2f2;
	text-align: center;
}
.matchh .heure i {
	position: absolute;
	right: 10px;
	top: 20px;
}
.winner {
	color: #d77807;
	font-weight: bolder;
}


.col-20 {
	width: CALC(100% / 5);
	margin: 0 10px;
}
.col-20:first-child {
	margin-left: 10px;
}
.match2 {
	background: #fff;
	border-radius: 6px;
	margin-bottom: 7px;
	height: 50px;
}
.match2 .heure {
	float: left;
	width: 50px;
	line-height: 50px;
	font-size: 12px;
	text-align: center;
}
.match2 .team {
	float: left;
	font-size: 16px;
	line-height: 20px;
	padding: 5px;
	width: CALC(100% - 130px);
}
.match2 .terrain {
	float: right;
	font-size: 14px;
	padding: 5px;
	width: 80px;
	text-align: right;
	line-height: 20px;
}
.match2 .terrain SPAN {
	display: block;
	padding-right: 10px;
}
.match2 .terrain P {
	margin: 0;
	padding: 0;
	line-height: 40px;
	padding-right: 10px;
}




.table tr,.table td {
   height: 20px;
}

.table>tbody>tr>td {
	padding: 2px 5px; 
}



#live {
	padding: 20px;
	float: left;
}
#live .match {
	margin-bottom: 20px;
	line-height: 40px;
	font-size: 13px;
	clear: both;
	float: left;
	width: 240px;	
}
#live .match.pt {
	width: 220px;
}
#live .tout {
	float: left;
	width: 100%;
	height: 80px;
}
#live .groupe {
	float: left;	
	background: #d77807;
	width: 40px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	font-weight: bolder;
}
#live .groupe SPAN {
	display: block;
	line-height: 39.5px;
}
#live .groupe SPAN:first-child {
	border-bottom: 1px solid #fff;
}
#live .team {
	width: CALC(100% - 85px);
	background: #fff;
	float: left;
}
#live .pt .team {
	width: CALC(100% - 45px);
}
#live .team .homee, #live .team .awayy {
	line-height: 40px;
	padding-left: 10px;	
	font-weight: bolder;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#live .right .team .homee, #live .right .team .awayy {
	text-align: right;
	padding-right: 10px;	
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#live .team .awayy {
	background: #dedede;
}
#live .heure {
	float: left;
	width: 45px;
	height: 80px;
	text-align: center;
	background: #fff;
}
#live .left .heure {
	border-left: 1px solid #3259a6;
}
#live .right .heure {
	border-right: 1px solid #3259a6;
}
#live .heure SPAN {
	display: block;
	line-height: 40px;
}
#live .heure SPAN:last-child {
	background: #dedede;
}
#live .fin {
	background: #7192d4;
	line-height: 30px;
	color: #fff;
	text-align: center;
	border-radius: 0 0 6px 6px;
}

#live .match {
	position: fixed;
}

#match_16_1 {
	top: 20px;
	left: 10px;
}
#match_16_6 {
	top: 335px;
	left: 10px;
}
#match_16_2 {
	top: 650px;
	left: 10px;
}
#match_16_5 {
	top: 960px;
	left: 10px;
}
#match_16_3 {
	top: 20px;
	right: 10px;
}
#match_16_8 {
	top: 335px;
	right: 10px;
}
#match_16_4 {
	top: 650px;
	right: 10px;
}
#match_16_7 {
	top: 960px;
	right: 10px;
}

#match_8_1 {
	top: 180px;
	left: 300px;
}
#match_8_2 {
	bottom: 160px;
	left: 300px;
}
#match_8_3 {
	top: 180px;
	right: 300px;
}
#match_8_4 {
	bottom: 160px;
	right: 300px;
}

#match_4_1 {
	top: 500px;
	left: 570px;
}
#match_4_2 {
	top: 500px;
	right: 570px;
}

#match_3_1 {
	top: 700px;
	left: 850px;
}
#match_2_1 {
	top: 500px;
	left: 850px;
}

#live .match::after {
	content: '';
	position: absolute;
	top: 40px;
	right: -25px;
	width: 25px;
	height: 1px;
	background: #666;
}
#live .match:nth-child(3)::after, #live .match:nth-child(4)::after, #live .match:nth-child(7)::after, #live .match:nth-child(8)::after {
	content: '';
	position: absolute;
	top: 40px;
	right: -25px;
	width: 0px;
	height: 0px;
	background: #fff; 
}
#live .match::before {
	content: '';
	position: absolute;
	top: 40px;
	left: -25px;
	width: 25px;
	height: 1px;
	background: #666;
}
#live .match:nth-child(1)::before, #live .match:nth-child(2)::before, #live .match:nth-child(5)::before, #live .match:nth-child(6)::before {
	content: '';
	position: absolute;
	top: 40px;
	left: -25px;
	width: 0px;
	height: 0px;
	background: #fff;
}
#conn_1 {
  width: 1px;
  height: 316px; 
  background: #666;
  position: fixed;
  top: 60px;
  left: 275px;
}
#conn_2 {
  width: 1px;
  height: 311px; 
  background: #666;
  position: fixed;
  top: 690px;
  left: 275px;
}
#conn_3 {
  width: 1px;
  height: 316px; 
  background: #666;
  position: fixed;
  top: 60px;
  right: 275px;
}
#conn_4 {
  width: 1px;
  height: 311px; 
  background: #666;
  position: fixed;
  top: 690px;
  right: 275px;
}
#conn_5 {
  width: 1px;
  height: 611px; 
  background: #666;
  position: fixed;
  top: 220px;
  left: 545px;
}
#conn_6 {
  width: 1px;
  height: 611px; 
  background: #666;
  position: fixed;
  top: 220px;
  right: 545px;
}
#conn_7 {
  width: 40px;
  height: 1px; 
  background: #666;
  position: fixed;
  top: 540px;
  right: 800px;
}
#conn_8 {
  width: 40px;
  height: 1px; 
  background: #666;
  position: fixed;
  top: 540px;
  left: 800px;
}
#conn_9 {
  width: 1px;
  height: 201px; 
  background: #666;
  position: fixed;
  top: 540px;
  left: 825px;
}
#conn_10 {
  width: 1px;
  height: 201px; 
  background: #666;
  position: fixed;
  top: 540px;
  right: 825px;
}