@charset "utf-8";
/* CSS Document */

.bartitle{
	display:block;
	background-color:#222;
	font-size:12px;
	color:var(--bttext);
	padding:3px;
	padding-left:20px;
	
}


.gol {
	
	background-image:url('../../img/ball.svg');
	background-position:center right;
	background-repeat:no-repeat;
	background-size:14px;
    animation: gol_anm 15s forwards 1;
}

.golpc {
    animation: golpc_anm 5s forwards 1;
	border-radius:3px;
	text-align:center;
}



@keyframes gol_anm {
  0%   {
   background-position: center left 30%;
  }
    5% {

		background-position: center right 5px;
	}

	
  100% {background-image: none;}
}

@keyframes golpc_anm {
    0% {
	  color:var(--laranja);
	  }
	  
	   75% {
	  color:var(--laranja);
	  }
	
  100% {
	  color:var(--brancog);
	  }
}

.grafp{
	display:block;
	overflow-x:hidden;
	overflow-y:hidden;
}



.events{
	margin:5px;
	padding-bottom:20px;
	display:flex;
	flex-wrap:wrap;
	align-content: flex-start;
}
.events > div{
	display:flex;
	margin-bottom: 10px;
padding: 10px;
flex-basis:100%;
flex-wrap:wrap;
	
}
.sbl{
text-decoration: none;
color: var(--text);
font-size: 14px;
display: inline-block;
padding-left:23px;	
flex-basis:100%;
}
.bola{
	fill:var(--laranja);
}

.events > div > div:hover{
	background-color:var(--bkbts);
	cursor:pointer;
}

.events > div > div{
	border-bottom:1px solid var(--bkbts);
	padding:5px 0px 5px 0px;
	display:flex;
	flex-basis:100%;
	
}

.events > div > div > div{
padding: 10px;
	flex-grow: 1;
	
}
.events > div > div > div > span{
color: #ebebeb;
	display: flex;
	
}



.events > div > div > b{
	text-align:center;
	border-right: 1px solid #505050;
	flex-basis: 10%;
	padding: 10px;
	
}
.events > div > div > b > b:first-child{
display: block;
	font-size: 14px;
	font-weight: normal;
	color: var(--text);
}
.events > div > div > b > b:last-child{
font-size: 14px;
font-weight: bold;
text-align: center;
	
}

.events > div > a:first-child {
font-size: 18px;
font-weight: bold;
color: var(--verde);
flex-basis: 100%;
	
}

.events > div > a:last-child {
text-decoration: none;
color: var(--text);
font-size: 14px;
display: inline-block;
padding-left: 23px;
flex-basis: 100%;
	
}


.gpjogos{
	margin-bottom:10px;
	padding:10px;
	
	
}
.tpais{
	font-size:18px;
	font-weight:bold;
	color:var(--verde);
	flex-basis:100%;
	}

.dibkvt{
	vertical-align:top;
	display:inline-block;
	
}
.lkp{
	color:var(--verde);
}


.comp{
	font-size:12px;
	color:var(--text);
}
.tmc{
 flex-grow: 1;
  flex-basis: 0;
  font-size:15px;

}
.pc{
	border-right: 1px solid var(--bkbts);
	padding-right:10px;
	  font-size:15px;
}


.st{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.vam{
	vertical-align:middle;
	display:inline-block;
}

.btav{
	padding:5px;
	background-color:#ebebeb;
	border:5px;
}
.npais{
	font-size:16px;
	margin-left:5px;
	flex-basis:0;
	flex-grow:1;
	
}
.qon{
		flex-basis:0;
	flex-grow:0.15;
		text-align:right;
		margin-right:5px;
}


.itpais{
	padding:4px;
	padding-left:10px;
	border-radius:4px;
	background-image:url('../../img/setadown.svg');
	background-position:right top 2px;
	background-repeat:no-repeat;
	padding-right:18px;
	
	

}

.itpaisld{
	padding:4px;
	padding-left:10px;
	border-radius:4px;
	background-image:url('../../img/load.svg');
	background-position:center right;
	background-repeat:no-repeat;
	background-size:26px;
	padding-right:18px;
	cursor:pointer;

}

.ialert{
	padding:4px;
	border-radius:4px;
	background-image:url('../../img/alert.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:35px;
	width:60px;
	height:60px;
	border-radius:50px;
	background-color:#a6cf44;

}
.tdesc{
	text-align:center;
	color:var(--bttext);
	font-weight:bold;
	font-size:20px;
	margin-top:20px;
}
.lnk{
	color:#9C6;
}
.texterr{
	color:#aaa;
	font-size:16px;
	text-align:center;

	
}

.msg_error{
	padding:20px;
	
}


.itpaisck{
	padding:4px;
	padding-left:10px;
	border-radius:4px;
	background-image:url('../../img/setaup.svg');
	background-position:right top 2px;
	background-repeat:no-repeat;
	padding-right:18px;

}
.itpaisck:hover{
	cursor:pointer;
	
}


.itpais:hover{
	cursor:pointer;
	
}


.nliga{
	width:245px;
}
.tlg{
	width:30px;
	
}
.contligas{
	border-radius:6px;
	margin-bottom:10px;
	margin-top:4px;
	display:none;
	
}
.contligas a{
display: block;
color: var(--bttext);
padding: 4px;
  padding-left: 4px;
padding-left: 38px;
font-size: 14px;
border-radius: 6px;	
}
.contligas a:hover{
	background-color:var(--bkcont);
}	


.btcal:hover .data{
	background-color:#222;
	cursor:pointer;
	
}
.btcal:hover .btprev{
	background-color:#333;
	
}

.btprev:active{
	background-size:7px;
}
.btnext:active{
	background-size:7px;
}
.btcal:hover .btnext{
	background-color:#333;
	
}

.atv ~ div.listdt{
	display:flex;
	flex-direction:column;
}

.data:hover{
	background-color:#222;
	cursor:pointer;
}
.listdt{
	background-color:var(--bkbts);
	display:none;
	z-index:500;
	padding:5px;
	margin-top:4px;
	border-radius:4px;
	box-shadow:0px 0px 5px #333;
	flex-direction:column;
	gap:4px;
	text-align:left;
}
.data:focus .listdt:hover{
	background-color:#222;
}
.daylist{
	display:flex;
	font-size:12px;
	font-weight:bold;
	background-color:#333;
	padding:6px;
	text-align:center;
	border-radius:6px;
	color:var(--bttext);
	width:100%;

}
.daylist:hover{
	background-color:#222;
	cursor:pointer;
	color:#ebebeb;
}
.dint{
	text-align:center;

}


.live{
	border-radius:8px;
	display:inline-block;
	font-weight:bold;
	float:right;

}
.lvatv{
background-color:var(--verde);
padding-left:4px;
padding-right:4px;
}

.pdlfliga{
	padding-left:23px;
	
}
.ldrtblk{
	background-image:url('../../img/loadblk.svg');
	background-position:center right;
	background-repeat:no-repeat;
	background-size:35px;
}

.enc, .aovivo, .prx{
	color:var(--bttext);
	
}
.vertodos{
	background-color:var(--verde);
	width:150px;
	background-position:center right 5px;
	
}
.vtc{
	background-color:var(--verde);
	width:150px;
	
}
.vertodos:hover{
	cursor:pointer;
	background-color:var(--brancog);
	
}


.gpfiltro div label{
	font-size:12px;
	padding:5.4px;
	border-radius:4px;
	background-color:var(--bkbts);
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	display:inline-block;
}

.gpfiltro div label.atv{
	background-color:var(--azul);
	color:var(--branco);

}
.gpfiltro div label.atv:hover{
	background-color:var(--btatv);
	
}

.gpfiltro{
	justify-content: space-between;
	gap:1%;
}

.gpfiltro div label:hover{
	background-color:#222;
	cursor:pointer;
	
}


input[type="checkbox"]{
	display:none;
	
}



.data{
	background-color:var(--bkbts);
	background-image:url('../../img/icocal.svg');
	background-repeat:no-repeat;
	background-size:14px;
	background-position:left 8px center;
	padding:5.4px;
	padding-left:23px;
	font-size:12px;
	color:var(--bttext);
	text-align:center;
	flex-basis:70%;
}

.btprev, .btnext {
	display:inline-block;
	background-color:var(--bkbts);
	flex-basis:15%;
	height:25.4px;
	background-size:8px;
	background-position:center;
	cursor:pointer;
	
}
.btprev{
	border-right:1px solid #666;
}

.btnext{
	border-left:1px solid #666;
}

.cgms{
	display:flex;
	flex-wrap:wrap;
	align-content: flex-start;
	flex-basis: 45%;
}
.titc{
padding: 15px 15px 0px 15px;
flex-basis:100%;	
}
.gpfiltro{
justify-content: space-between;
gap: 1%;
padding:15px;
flex-basis: 100%;
align-content: flex-start;
margin-bottom:20px;
flex-wrap:wrap;
display:flex;
border-bottom: 1px solid var(--bkbts);

}
.enc, .aovivo, .prx{
	flex-grow:1;
	
	
}
@media screen and (min-width: 1px) and (max-width: 760px) {


.btcal{
	margin-top:10px !important;
	flex-grow:1;
	flex-wrap:wrap;
}


.listdt {
	flex-basis:100%;

}
	.clds{
		display:none;
}

.coladd{
	display:none;
}
.cgms{
	flex-basis:100%;
min-height:700px;
}

	.clds{
		display:none;
}

.coladd{
	display:none;
}

.prob{
	display:none;
}
.events{
	padding-bottom:20px;
}



										   
}

@media screen and (min-width: 761px) and (max-width: 1023px) {

.itpaisck{

	background-color:var(--fundo);


}
.itpais:hover{
	background-color:var(--fundo);
}
.contligas{
	background-color:var(--fundo);
}

.listdt {
	flex-basis:100%;

}
.btcal{
	margin-top:10px !important;
	flex-basis:100%;
	flex-wrap:wrap;
}

.coladd{
	display:none;
}
.cgms{
	flex-basis:60%;
min-height:700px;
}
.prob{
	display:none;
}
.nliga{
	width:210px;
}
.clds{
padding:15px;
min-height:4850px;
flex-basis:40%;
}
.cxbs{
	display:none;
}
.psbusca{
	display:none;
}										   
										   
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
	
.itpaisck{
	background-color:var(--fundo);

}
.itpais:hover{
	background-color:var(--fundo);
}
.contligas{
	background-color:var(--fundo);
}

.data{
	width:95px;
}
.listdt {
width:100%;
position:absolute;
margin-top:28px;
}
.btcal{
	flex-grow:1;
	position:relative;
}
.clds{
flex-basis:35%;
padding:15px;
min-height:4850px;
}

.coladd{
	display:none;
}
.cgms{
	flex-grow:1;
min-height:700px;
}									   
										   
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
	.onoffav, .onoffenc, .onoffprx{
	display:flex;
	flex-basis:24%;
}

.clds{
	flex-basis:30%;
padding:15px;
min-height:4850px;
display:inline-block;
}

.coladd{
	flex-basis:25%;
padding:15px;
min-height:700px;
display:inline-block;
}
.cgms{
flex-grow:1;
min-height:700px;
}

.btcal{
	flex-grow:1;
	position:relative;
}
	.listdt {
width:100%;
position:absolute;
margin-top:28px;
}									   
}
@media screen and (min-width: 1366px) and (max-width: 1535px) {
.enc, .aovivo, .prx{
	flex-grow:1;
		
}
.data{
	width:95px;
}
.listdt {
width:100%;
position:absolute;
margin-top:28px;
}
.btcal{
	flex-grow:1;
	position:relative;
}
.clds{
flex-basis:30%;
padding:15px;
min-height:4850px;
display:inline-block;
}

.coladd{
	flex-basis:25%;
padding:15px;
}
.cgms{
	flex-grow:1;
min-height:700px;
}

.onoffav, .onoffenc, .onoffprx{
	display:flex;
	flex-basis:24%;
}   

.itpaisck{

	background-color:var(--fundo);


}
.itpais:hover{
	background-color:var(--fundo);
}
.contligas{
	background-color:var(--fundo);
}

										   
}
@media screen and (min-width: 1536px) and (max-width: 1919px) {
	.clds{
		flex-basis:30%;
padding:15px;
min-height:4850px;
display:inline-block;
}
.onoffav, .onoffenc, .onoffprx{
	display:flex;
	flex-basis:32%;
}

.coladd{
background-color:var(--bkcont);
flex-basis:25%;
padding:15px;
}
.cgms{
	flex-grow:1;
min-height:700px;
}

.itpaisck{

	background-color:var(--fundo);


}
.itpais:hover{
	background-color:var(--fundo);
}
.contligas{
	background-color:var(--fundo);
}

.data{
	width:95px;
}
.listdt {
width:100%;
position:absolute;
}

.btcal{
	flex-grow:1;
	position:relative;
}
.onoffav, .onoffenc, .onoffprx{
	display:flex;
	flex-basis:24%;
}   								   
}
@media screen and (min-width: 1920px){
.itpaisck{

	background-color:var(--fundo);


}
.itpais:hover{
	background-color:var(--fundo);
}
.contligas{
	background-color:var(--fundo);
}

.data{
	width:95px;
}
.listdt {
width:100%;
position:absolute;
}
.btcal{
	flex-grow:1;
	position:relative;
}

.clds{
	flex-basis:30%;
padding:15px;
min-height:4850px;
display:inline-block;
}
.onoffav, .onoffenc, .onoffprx{
	display:flex;
	flex-basis:24%;
}

.coladd{
background-color:var(--bkcont);
flex-basis:25%;
padding:15px;
}
.cgms{
	flex-grow:1;
min-height:700px;
}
										   
}