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

.comp{
	font-size:12px;
	color:var(--text);
	display:flex;
	flex-basis:100%;
	margin-bottom:10px;
	padding-top:3px;
}
.tmc{
 flex-grow: 1;
  flex-basis: 0;
  font-size:15px;

}


.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;

}


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


.rs-container *{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rs-container{font-family:Arial,Helvetica,sans-serif;position:relative}.rs-container .rs-bg,.rs-container .rs-selected{background-color:var(--bkcont);height:20px;left:0;position:absolute;top:5px;width:100%;}.rs-container .rs-selected{background-color:var(--fundo);transition:all .2s linear;width:0}.rs-container.disabled .rs-selected{background-color:#ccc;border-color:#bbb}
.rs-container .rs-pointer{background-color:var(--lnkd); color:var(--cinza); border-radius:4px;cursor:pointer;height:26px;left:-10px;position:absolute;top:2px;width:26px; padding:4px; font-size:14px}
.rs-container.disabled .rs-pointer{border-color:#ccc;cursor:default}
.rs-bg{
	border-radius:10px;
}
.rs-container .rs-pointer::after{left:auto;right:12px}
.rs-container.sliding .rs-pointer,.rs-container.sliding .rs-selected{transition:none}
.rs-container .rs-scale{left:0;position:absolute;top:5px;white-space:nowrap}.rs-container .rs-scale span{float:left;position:relative}.rs-container .rs-scale span::before{background-color:#ededed;content:"";height:8px;left:0;position:absolute;top:10px;width:1px}.rs-container.rs-noscale span::before{display:none}
.rs-container.rs-noscale span:first-child::before,.rs-container.rs-noscale span:last-child::before{display:none}.rs-container .rs-scale span:last-child{margin-left:-1px;width:0}
.rs-container .rs-scale span ins{color:var(--fundo);display:none;font-size:12px;margin-top:20px;text-decoration:none}.rs-container.disabled .rs-scale span ins{color:#999}
.rs-tooltip{color:#ccc;width:auto;min-width:20px;height:38px;position:absolute;transform:translate(-50%,20px);left:13px;text-align:center;font-size:12px;padding:1px 1px 0}
.rs-container.disabled .rs-tooltip{border-color:#ccc;color:#999}

.contgraf{
	flex-basis:100%;
	margin:0;
	display:flex;
	flex-wrap:wrap;
	
}

.detv{
	flex-basis:100%;
}
.detc{
	flex-basis:100%;
}
.detc{
	flex-basis:100%;
}
.detc .itc div, .detv .itc div, .detc .itd div, .detv .itd div{
	background-image:url('../img/sptgraf.png');
	background-repeat:no-repeat;
}
.itc, .itd{
	padding-top:1px;
	padding-bottom:1px;
	
	
}
.centro{
	flex-basis:100%;
}
.dash{
	background-color:var(--bkcont);
		font-size:12px;
	flex-wrap:wrap;
		display:flex;
		  box-shadow: 1px 0 4px var(--btatv);
  z-index: 10;
}
}

.grafico{
	display:flex;
	font-size:12px;
	 overflow-x: hidden;
    overflow-y:hidden;
    white-space: nowrap; /* Added */
}

@media screen and (min-width: 1px) and (max-width: 440px) {
.icolupa{
	background-color:var(--azulf);
}
	.scoregeral ,.score, .stats{
		gap:1%;
	}
.grafico{
	flex-grow:1;
}

.bc{
	background-color:var(--branco);
	display:block;
	position:absolute;
	bottom:0;
	width:7px;

	
}

.pesc{

background-size: 55px;
background-position: center left -17px;
		height:7px;
	width:6px;
	margin-right:1px;

}

.pcng{

background-size: 50px;
background-position: center left -30.6px;
		height:6px;
	width:6px;
	margin-right:1px;


}

.pcfora{

background-size: 50px;
background-position: center left -37.4px;
height:6px;
width:6px;
margin-right:1px;
}

.plc{
background-size: 55px;
background-position: center left -26px;
		height:7px;
	width:7px;
	margin-right:1px;


}
.cap{
	background-size:65px;
	background-position:center left -10px;
		height:7px;
	width:6px;
	margin-right:1px;

}


.cvp{
		background-size:65px;
	background-position:center left 1px;
		height:7px;
	width:6px;
	margin-right:1px;

}


.pnt{

	background-size: 50px;
background-position: center left -44px;
		height:6px;
	width:6px;
	margin-right:1px;

}



}

@media screen and (min-width: 440px) and (max-width: 550px) {
	.scoregeral ,.score, .stats, .gpwheel{
		gap:2%;
	}
}
@media screen and (min-width: 551px) and (max-width: 760px) {
	.scoregeral ,.score, .stats, .gpwheel{
		gap:5%;
	}
}
@media screen and (min-width: 440px) and (max-width: 760px) {

	.icolupa{
	background-color:var(--azulf);
}


.bc{
	background-color:var(--branco);
	display:block;
	position:absolute;
	bottom:0;
	width:7px;

	
}

.detc .itc div, .detv .itc div, .detc .itd div, .detv .itd div{
	height:10px;
	width:9px;
}


.pesc{

	background-size:85px;
	background-position:center left -25px;

}

.pcng{

	background-size:70px;
	background-position:center left -43px;


}

.pcfora{

	background-size:70px;
	background-position:center left -52px;



}
.plc{
	background-size:75px;
	background-position:center left -36px;


}
.cap{
	background-size:85px;
	background-position:center left -12px;

}


.cvp{
		background-size:85px;
	background-position:center left 1px;

}


.pnt{

	background-size:70px;
	background-position:center left -62px;

}

.grafico{
	flex-grow:1;
}
}

@media screen and (min-width: 761px) and (max-width: 900px) {
.dash{

	flex-basis:45%;

}	
.grafico{
	flex-basis:55%;
}
}

@media screen and (min-width: 900px) and (max-width: 1023px) {
.dash{

	flex-basis:38%;

}	
.grafico{
	flex-basis:62%;
}
}
@media screen and (min-width: 761px) and (max-width: 1023px) {
.icolupa{
	background-color:var(--azulf);
}



.pesc{

background-size: 55px;
background-position: center left -17px;
		height:7px;
	width:6px;
	margin-right:1px;

}

.pcng{

background-size: 50px;
background-position: center left -30.6px;
		height:6px;
	width:6px;
	margin-right:1px;


}

.pcfora{

background-size: 50px;
background-position: center left -37.4px;
height:6px;
width:6px;
margin-right:1px;
}

.plc{
background-size: 55px;
background-position: center left -26px;
		height:7px;
	width:7px;
	margin-right:1px;


}
.cap{
	background-size:65px;
	background-position:center left -10px;
		height:7px;
	width:6px;
	margin-right:1px;

}


.cvp{
		background-size:65px;
	background-position:center left 1px;
		height:7px;
	width:6px;
	margin-right:1px;

}


.pnt{

	background-size: 50px;
background-position: center left -44px;
		height:6px;
	width:6px;
	margin-right:1px;

}


}
@media screen and (min-width: 1024px) and (max-width: 1279px) {

.dash{
	flex-basis:33%;
}
.grafico{
	flex-basis:67%;
}

.itds{
	display:flex;
}

.detc .itc div, .detv .itc div, .detc .itd div, .detv .itd div{
	height:10px;
	width:9px;
}


.pesc{

	background-size:85px;
	background-position:center left -25px;

}

.pcng{

	background-size:70px;
	background-position:center left -43px;

}

.pcfora{

	background-size:70px;
	background-position:center left -52px;

}
.plc{
	background-size:75px;
	background-position:center left -36px;

}
.cap{
	background-size:85px;
	background-position:center left -12px;
}


.cvp{
		background-size:85px;
	background-position:center left 1px;
}


.pnt{

	background-size:70px;
	background-position:center left -62px;

}

}
@media screen and (min-width: 1280px) and (max-width: 1365px) {

.dash{
	flex-basis:28%;
}
.grafico{
	flex-basis:72%;
}

.itds{
	display:flex;
}
.detc .itc div, .detv .itc div, .detc .itd div, .detv .itd div{
	height:10px;
	width:9px;
}

.pesc{

	background-size:85px;
	background-position:center left -25px;
}

.pcng{

	background-size:70px;
	background-position:center left -43px;
}

.pcfora{

	background-size:70px;
	background-position:center left -52px;
}
.plc{
	background-size:75px;
	background-position:center left -36px;
}
.cap{
	background-size:85px;
	background-position:center left -12px;
}


.cvp{
		background-size:85px;
	background-position:center left 1px;
}


.pnt{

	background-size:70px;
	background-position:center left -62px;
}

}
@media screen and (min-width: 1366px) and (max-width: 1535px) {

.dash{
	flex-basis:28%;
}
.grafico{
	flex-grow:1;
}
.detc .itc div, .detv .itc div, .detc .itd div, .detv .itd div{
	height:10px;
	width:9px;
}

.itds{
	display:flex;
}

.pesc{

	background-size:85px;
	background-position:center left -25px;
}

.pcng{

	background-size:70px;
	background-position:center left -43px;
}

.pcfora{

	background-size:70px;
	background-position:center left -52px;

}
.plc{
	background-size:75px;
	background-position:center left -36px;
}
.cap{
	background-size:85px;
	background-position:center left -12px;
}


.cvp{
		background-size:85px;
	background-position:center left 1px;

}


.pnt{

	background-size:70px;
	background-position:center left -62px;
}

}
@media screen and (min-width: 1536px) and (max-width: 1919px) {

.dash{
    flex-basis:25%;
}
.grafico{
	flex-grow:1;
}

.itds{
	display:flex;
}	

.detc .itc div, .detv .itc div, .detc .itd div, .detv .itd div{
	height:10px;
	width:9px;
}


.pesc{

	background-size:85px;
	background-position:center left -25px;
}

.pcng{

	background-size:70px;
	background-position:center left -43px;
}

.pcfora{

	background-size:70px;
	background-position:center left -52px;

}
.plc{
	background-size:75px;
	background-position:center left -36px;

}
.cap{
	background-size:85px;
	background-position:center left -12px;
}


.cvp{
		background-size:85px;
	background-position:center left 1px;

}


.pnt{

	background-size:70px;
	background-position:center left -62px;

}

}
@media screen and (min-width: 1920px){

.dash{
	flex-basis:25%;
}
.grafico{
	flex-grow:1;
}

.itds{
	display:flex;
}	

.detc .itc div, .detv .itc div, .detc .itd div, .detv .itd div{
	height:10px;
	width:9px;
}


.pesc{

	background-size:85px;
	background-position:center left -25px;

}

.pcng{

	background-size:70px;
	background-position:center left -43px;

}

.pcfora{

	background-size:70px;
	background-position:center left -52px;


}
.plc{
	background-size:75px;
	background-position:center left -36px;
}
.cap{
	background-size:85px;
	background-position:center left -12px;
}


.cvp{
		background-size:85px;
	background-position:center left 1px;
}


.pnt{

	background-size:70px;
	background-position:center left -62px;
}

}



.pr-c {
  position: relative;
  display: inline-block;
  margin: 3px;
  width: 40px;
  vertical-align:top;
  height: 40px;
  border-radius: 50%;
  background-color: var(--preto); }

.pr-c:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  }

.pr-c span {
  position: absolute;
left: 80.5%;
top: 79.7%;
  width: 26px;
  height: 26px;
  margin-left: -25px;
  margin-top: -25px;
  text-align: center;
  border-radius: 50%;
  background: var(--bkcont);
  z-index: 1; 
  }

.pr-c span:after {
  content: "";
  font-weight: normal;
  color: var(--bkcont);
  }

.pr-c.prs-0:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(90deg, var(--verde) 48%, var(--branco) 49.5%, var(--branco)); }

.pr-c.prs-1:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(93.6deg, var(--verde) 48%, var(--branco) 49.5%, var(--branco)); transform: rotate(90deg);}

.pr-c.prs-2:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(97.2deg,  var(--verde) 48%, var(--branco) 49.5%, var(--branco)); transform: rotate(88deg); }

.pr-c.prs-3:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(100.8deg,  var(--verde) 48%, var(--branco) 49.5%, var(--branco)); transform: rotate(86deg) }

.pr-c.prs-4:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(104.4deg,  var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(84deg)}

.pr-c.prs-5:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(108deg,  var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(82deg)}

.pr-c.prs-6:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(111.6deg,  var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(80deg)}

.pr-c.prs-7:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(115.2deg,  var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(78deg)}

.pr-c.prs-8:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(118.8deg,  var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(76deg)}

.pr-c.prs-9:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(122.4deg,  var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(74deg)}

.pr-c.prs-10:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(126deg,  var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(72deg);}

.pr-c.prs-11:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(129.6deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(70deg);}

.pr-c.prs-12:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(133.2deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(68deg);}

.pr-c.prs-13:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(136.8deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(66deg);}

.pr-c.prs-14:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(140.4deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(64deg);}

.pr-c.prs-15:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(129.6deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(72deg);}

.pr-c.prs-16:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(133.2deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(70deg);}

.pr-c.prs-17:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(136.8deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(68deg);}

.pr-c.prs-18:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(140.4deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(66deg);}

.pr-c.prs-19:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(144deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(64deg);}

.pr-c.prs-20:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(151.2deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(62deg);}

.pr-c.prs-21:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(158.6deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(60deg);}

.pr-c.prs-22:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(161.2deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(55deg);}

.pr-c.prs-23:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(165.6deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(53deg);}

.pr-c.prs-24:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(169.2deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(53deg);}

.pr-c.prs-25:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(180deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(47deg);}

.pr-c.prs-26:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(183.6deg, var(--verde) 48%, var(--branco) 49.5%, #fff);transform: rotate(45deg); }

.pr-c.prs-27:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(187.2deg, var(--verde) 48%, var(--branco) 49.5%, #fff);transform: rotate(43deg); }

.pr-c.prs-28:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(190.8deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(42deg);}

.pr-c.prs-29:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(194.4deg, var(--verde) 48%, var(--branco) 49.5%, #fff);transform: rotate(38deg); }

.pr-c.prs-30:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(198deg, var(--verde) 48%, var(--branco) 49.5%, #fff);transform: rotate(36deg); }

.pr-c.prs-31:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(201.6deg, var(--verde) 48%, var(--branco) 49.5%, #fff);transform: rotate(34deg); }

.pr-c.prs-32:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(205.2deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(32deg);}

.pr-c.prs-33:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(208.8deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(33deg);}

.pr-c.prs-34:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(212.4deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(32deg); }

.pr-c.prs-35:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(216deg, var(--verde) 48%, var(--branco) 49.5%, #fff); 
  transform: rotate(28deg);}

.pr-c.prs-40:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(234deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(17deg);}

.pr-c.prs-36:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(219.6deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(27deg);}

.pr-c.prs-37:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(223.2deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(25deg); }

.pr-c.prs-38:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(226.8deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(22deg);}

.pr-c.prs-39:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(230.4deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(20deg);}

.pr-c.prs-41:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(237.6deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(16deg);}

.pr-c.prs-42:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(241.2deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(15deg); }

.pr-c.prs-43:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(244.8deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(14deg);}

.pr-c.prs-44:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(248.4deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(12deg);}

.pr-c.prs-45:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(252deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(9.4deg);}

.pr-c.prs-46:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(255.6deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(8deg);}

.pr-c.prs-47:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(259.2deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(5deg); }

.pr-c.prs-48:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(262.8deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(4deg); }

.pr-c.prs-49:after {
  background-image: linear-gradient(90deg, var(--branco) 48%, transparent 50%, transparent), linear-gradient(266.4deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(3deg); }

.pr-c.prs-50:after {
  background-image: linear-gradient(-90deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(1deg);}

.pr-c.prs-51:after {
  background-image: linear-gradient(-86.4deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(0deg); }

.pr-c.prs-52:after {
  background-image: linear-gradient(-82.6deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff);  transform: rotate(-5deg);}

.pr-c.prs-53:after {
  background-image: linear-gradient(-79.2deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff);  transform: rotate(-7deg);}

.pr-c.prs-54:after {
  background-image: linear-gradient(-75.6deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-6deg);}

.pr-c.prs-55:after {
  background-image: linear-gradient(-72deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-8deg);}

.pr-c.prs-56:after {
  background-image: linear-gradient(-68.4deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-10deg); }

.pr-c.prs-57:after {
  background-image: linear-gradient(-64.8deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-12deg); }

.pr-c.prs-58:after {
  background-image: linear-gradient(-61.2deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-13deg); }

.pr-c.prs-59:after {
  background-image: linear-gradient(-57.6deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-14deg);}

.pr-c.prs-60:after {
  background-image: linear-gradient(-54deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-15deg);}

.pr-c.prs-61:after {
  background-image: linear-gradient(-50.4deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-16deg);}

.pr-c.prs-62:after {
  background-image: linear-gradient(-46.8deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-18deg);}

.pr-c.prs-63:after {
  background-image: linear-gradient(-43.2deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-22deg);}

.pr-c.prs-64:after {
  background-image: linear-gradient(-39.6deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-24deg);}

.pr-c.prs-65:after {
  background-image: linear-gradient(-36deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-27deg); }

.pr-c.prs-66:after {
  background-image: linear-gradient(-32.4deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-29deg);}

.pr-c.prs-67:after {
  background-image: linear-gradient(-28.8deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-31deg);}

.pr-c.prs-68:after {
  background-image: linear-gradient(-25.2deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-33deg);}

.pr-c.prs-69:after {
  background-image: linear-gradient(-21.6deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-35deg);}

.pr-c.prs-70:after {
  background-image: linear-gradient(-18deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-37deg);}

.pr-c.prs-71:after {
  background-image: linear-gradient(-14.4deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff);transform: rotate(-39deg); }

.pr-c.prs-72:after {
  background-image: linear-gradient(-10.8deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff);transform: rotate(-41deg); }

.pr-c.prs-73:after {
  background-image: linear-gradient(-7.2deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff);transform: rotate(-43deg); }

.pr-c.prs-74:after {
  background-image: linear-gradient(-3.6deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff);transform: rotate(-44deg); }

.pr-c.prs-75:after {
  background-image: linear-gradient(0deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff);transform: rotate(-45deg); }

.pr-c.prs-76:after {
  background-image: linear-gradient(3.6deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff);transform: rotate(-46deg); }

.pr-c.prs-77:after {
  background-image: linear-gradient(7.2deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-47deg);}

.pr-c.prs-78:after {
  background-image: linear-gradient(10.8deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-49deg);}

.pr-c.prs-79:after {
  background-image: linear-gradient(14.4deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-51deg);}

.pr-c.prs-80:after {
  background-image: linear-gradient(18deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-53deg); }

.pr-c.prs-81:after {
  background-image: linear-gradient(21.6deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-55deg);}

.pr-c.prs-82:after {
  background-image: linear-gradient(25.2deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-57deg);}

.pr-c.prs-83:after {
  background-image: linear-gradient(28.8deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-59deg); }

.pr-c.prs-84:after {
  background-image: linear-gradient(32.4deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-61deg);}

.pr-c.prs-85:after {
  background-image: linear-gradient(36deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-63deg);}

.pr-c.prs-86:after {
  background-image: linear-gradient(39.2deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-65deg);}

.pr-c.prs-87:after {
  background-image: linear-gradient(43.2deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-67deg);}

.pr-c.prs-88:after {
  background-image: linear-gradient(46.8deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-69deg);}

.pr-c.prs-89:after {
  background-image: linear-gradient(50.4deg, var(--verde) 48%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 48%, var(--branco) 49.5%, #fff); transform: rotate(-71deg);}

.pr-c.prs-90:after {
  background-image: linear-gradient(54deg, var(--verde) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 50%, var(--branco) 49.5%, #fff); transform: rotate(-73deg);}

.pr-c.prs-91:after {
  background-image: linear-gradient(57.6deg, var(--verde) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 50%, var(--branco) 49.5%, #fff); transform: rotate(-75deg);}

.pr-c.prs-92:after {
  background-image: linear-gradient(61.2deg, var(--verde) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 50%, var(--branco) 49.5%, #fff); transform: rotate(-77deg);}

.pr-c.prs-93:after {
  background-image: linear-gradient(64.8deg, var(--verde) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 50%, var(--branco) 49.5%, #fff); transform: rotate(-76deg);}

.pr-c.prs-94:after {
  background-image: linear-gradient(68.4deg, var(--verde) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 50%, var(--branco) 49.5%, #fff); transform: rotate(-78deg);}

.pr-c.prs-95:after {
  background-image: linear-gradient(72deg, var(--verde) 49%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 47%, var(--branco) 49.5%, #fff); transform: rotate(-80deg);}

.pr-c.prs-96:after {
  background-image: linear-gradient(75.6deg, var(--verde) 49%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 47%, var(--branco) 49.5%, #fff); transform: rotate(-82deg);}

.pr-c.prs-97:after {
  background-image: linear-gradient(79.2deg, var(--verde) 49%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 47%, var(--branco) 49.5%, #fff); transform: rotate(-85deg);}

.pr-c.prs-98:after {
  background-image: linear-gradient(82.8deg, var(--verde) 49%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 47%, var(--branco) 49.5%, #fff); transform: rotate(-86deg);}

.pr-c.prs-99:after {
  background-image: linear-gradient(86.4deg, var(--verde) 49%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 47.5%, var(--branco) 49.5%, #fff); transform: rotate(-87deg);}

.pr-c.prs-100:after {
  background-image: linear-gradient(90deg, var(--verde) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--verde) 50%, var(--branco) 50%, #fff); transform: rotate(-91deg);}

@-webkit-keyframes colorload {
  0% {
    opacity: 0;
    transform: rotate(0deg); }
  100% {
    opacity: 1;
    transform: rotate(360deg); } 
}

.h0{height:0%}.h1{height:1%}.h2{height:2%}.h3{height:3%}.h4{height:4%}.h5{height:5%}.h6{height:6%}.h7{height:7%}.h8{height:8%}.h9{height:9%}.h10{height:10%}.h11{height:11%}.h12{height:12%}.h13{height:13%}.h14{height:14%}.h15{height:15%}.h16{height:16%}.h17{height:17%}.h18{height:18%}.h19{height:19%}.h20{height:20%}.h21{height:21%}.h22{height:22%}.h23{height:23%}.h24{height:24%}.h25{height:25%}.h26{height:26%}.h27{height:27%}.h28{height:28%}.h29{height:29%}.h30{height:30%}.h31{height:31%}.h32{height:32%}.h33{height:33%}.h34{height:34%}.h35{height:35%}.h36{height:36%}.h37{height:37%}.h38{height:38%}.h39{height:39%}.h40{height:40%}.h41{height:41%}.h42{height:42%}.h43{height:43%}.h44{height:44%}.h45{height:45%}.h46{height:46%}.h47{height:47%}.h48{height:48%}.h49{height:49%}.h50{height:50%}.h51{height:51%}.h52{height:52%}.h53{height:53%}.h54{height:54%}.h55{height:55%}.h56{height:56%}.h57{height:57%}.h58{height:58%}.h59{height:59%}.h60{height:60%}.h61{height:61%}.h62{height:62%}.h63{height:63%}.h64{height:64%}.h65{height:65%}.h66{height:66%}.h67{height:67%}.h68{height:68%}.h69{height:69%}.h70{height:70%}.h71{height:71%}.h72{height:72%}.h73{height:73%}.h74{height:74%}.h75{height:75%}.h76{height:76%}.h77{height:77%}.h78{height:78%}.h79{height:79%}.h80{height:80%}.h81{height:81%}.h82{height:82%}.h83{height:83%}.h84{height:84%}.h85{height:85%}.h86{height:86%}.h87{height:87%}.h88{height:88%}.h89{height:89%}.h90{height:90%}.h91{height:91%}.h92{height:92%}.h93{height:93%}.h94{height:94%}.h95{height:95%}.h96{height:96%}.h97{height:97%}.h98{height:98%}.h99{height:99%}.h100{height:100%} 

.bartitle{
	background-color:#222;
	font-size:12px;
	color:#ccc;
	padding:3px;
	padding-left:20px;
	flex-basis:100%;
	
}

.slider-container {
  width: 90%;
  max-width: 500px;
margin-right: 30px;
}


.lgs{
	flex-basis:2%;
	flex-direction:column;
	display:flex;
	gap:70%;
	margin-right:-25px;
	height: 180px;
height: 180px;
align-self: center;
}

.it{
	flex-basis:2%;
	margin:0;
	margin-right:1px;
	display:flex;
	flex-wrap:wrap;
	
}
.centro{
	display:flex;
	background-color:#393939;

}
.c, .f{
	display:flex;
	flex-basis:100%;
}

.detc{
	display:flex;

}
.detv{
	display:flex;

}
.atv{
	display:flex !important;

}
@media screen and (min-width: 1px) and (max-width: 760px) {
.it{
	height:100px;

	
}
.rs-container{
	width:200px;
}
.gpfiltro{
	flex-wrap:nowrap;
	flex-direction: column-reverse;
}
.gms{
	margin:5px;
}
.centro{
	height:102px;

}
.fpais{
	flex-basis:100%;
}
.fliga{
	flex-basis:100%;
}
.fminutos{
	flex-basis:100%;
	flex-wrap:wrap;
}
.detc{
	background-color:#393939;
	height:32px;

}
.detv{
	background-color:#393939;
	height:32px;

}
.c, .f{
	height:50px;
}
.itd, .itc{
	height:32px;
	

}

.btfiltro{
	display:flex;
	flex-basis:25%;

}
.filtro{
	display:none;
	flex-basis:100%;
}
.bxbusca{
	flex-basis:55px;
}
.filtro .itfiltro{
	margin-bottom:2px;
	
}
}
@media screen and (min-width: 761px) {
	.gms{
	margin:10px;
}
.gpfiltro{
	flex-wrap:wrap;
	flex-direction: row;
}
.it{
	height:200px;

	
}
.itd, .itc{
	background-color:#393939;
	height:52px;
	margin-right:1px;

}
.fpais{
	flex-basis:20%;
}
.fliga{
	flex-basis:35%;
}
.fminutos{
	flex-basis:43%;
}

.detc{
	background-color:var(--fundo);
	height:52px;

}
.detv{
	background-color:var(--fundo);
	height:52px;

}
.centro{
	height:202px;

}
.c, .f{
	height:100px;
}
.btfiltro{
	display:none;
}
.filtro{
	display:flex;
	flex-basis:80%;
	gap:1%;
}

.bxbusca{
	flex-basis:35px;
}
}



.itd{
	display:inline-flex;
	flex-basis:2%;
	flex-wrap:wrap;
	align-content: start;
	gap:1px;

}
.itc{
	display:inline-flex;
	flex-basis:2%;
	flex-wrap:wrap;
	align-content: end;
	gap:1px;

}


.bcn{
background-color:var(--branco);
	display:flex;
	flex-basis:100%;
}
.bvn{
	background-color:var(--verde);
	display:flex;
	flex-basis:100%;
}
.it:hover .c, .it:hover .f{
	background-color:var(--fundo);
	
}




.c{
	background-color:var(--bkbts);
	margin-bottom:1px;
	align-items: end;
}
.f{
	background-color:var(--bkbts);
	margin-top:1px;
align-items: start;
}




.tp:hover:before {
    border: solid;
    border-color: var(--fundo) transparent;
    border-width: 6px 6px 0 6px;
    bottom: 10px;
    content: "";
    left: 10%;
    position: absolute;
    z-index: 99;
}

.tp:hover:after{
    background: var(--fundo);
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    color: #fff;
    content: attr(tp);
     padding: 3px 5px;
    position: absolute;
    z-index: 98;
	margin-top:6.7%;
	margin-left:-10px;
    min-width: 20px;
	text-align:center;
}

.btp{
	display:inline-block;
	color:var(--lnkd);
	text-align:center;
	margin: 0;
background-color: var(--fundo);
padding: 4px;
border-radius: 5px;
flex-basis:33%;
}
.btpd{
	display:none;
}
.btp:hover{
	color:#fff;
	cursor:pointer;
	background-color: var(--btatv);
}
.btpc{
	color:#ccc;
	padding:1px;
	text-align:center;
	margin: 0;
background-color: #222;
padding: 4px;
border-radius: 5px;
flex-basis:33%;
}

.btc{
	color:#ccc;
	padding:1px;
	text-align:center;
	margin: 0;
padding: 4px;
border-radius: 5px;
flex-basis:33%;
}

.btpc:hover{
	cursor:default;
	
}
.appmc{
	display:block;
	padding:5px;
	background-color:#fff;
	font-size:12px;
	font-weight:bold;
}
.appmv{
	display:block;
	padding:5px;
	background-color:var(--verde);
	font-size:12px;
	font-weight:bold;
}

input[type=radio]{
	display:none;
	
}

.iti{
	display:inline-block;
	vertical-align:top;
	height:200px;
	width:4px;
	
}

.tempos{
	display:inline-flex;
	flex-basis:70%;
	align-items: flex-start;
	gap:3%;
	padding-left:5px;
}



.ci{
	position:relative;
	margin-bottom:2px;	
}

.fi{
	margin-top:2px;
position:relative;
}
.minuto{
	display:block;
	text-align:center;
	margin-top:2px;
	margin-bottom:2px;
	}
.minutop{
	display:block;
	background-color:#F69;
	height:8px;
	font-size:8px;
	text-align:center;
}


.wheel{
	margin:0;
}

.ndir{
color:#fff;
align-self: center;
font-size:17px;
padding-left:2px;
width:30px;
text-align:left;
margin:0;
}
.nesq{
color:#fff; 
align-self: center;
font-size:17px;
width:30px;
padding-right:2px;
text-align:right;
margin:0;

}


.pct > div{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: center;
	flex-basis:100%;
}
.pct > div > span{
	margin:0;
}


.bv{
	background-color:var(--verde);
	display:block;
}
.dv{
	display:inline-block;
	width:4px;
	height:52px;
	vertical-align:top;
}

.barraf{
	background-color:#444;
	vertical-align:top;
	display:inline-block;
	margin-right:1px;
	width:9px;
	height:202px;

	
}

.detf{
	background-color:#444;
	vertical-align:top;
	display:inline-block;
	margin-right:1px;
	width:9px;
	height:52px;
}

.pc1{
	display:inline-block;
	margin-right:5px;
	font-size:12px;
	
}
.pv1{
	display:inline-block;
	margin-left:5px;
	font-size:12px;

}



.itfiltro label{
	font-size:12px;
	color:#aaa;
	flex-basis:65px;
	padding:8px 4px;
	border-radius:4px;
	text-align:center;
background-color: var(--bkbts);
margin:0;
}
.itfiltro{
	display:flex;
	margin:0;
background-color: var(--bkbts);
padding: 5px;
border-radius: 6px;
gap:3%;
}

.tmc{
	flex-basis:44%;
	padding:3px;
	padding-left:0px;
	padding-right:4px;
	font-size:14px;
	text-align:right;
	vertical-align:top;
	border-bottom:2px solid #fff;
	color:#fff;
	  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tmv{
	flex-basis:44%;
	padding:3px;
	padding-left:4px;
	padding-right:0px;
	font-size:14px;
	vertical-align:top;
	border-bottom:2px solid var(--verde);
	color:#fff;
	  white-space: nowrap;
  overflow: hidden;
  text-align:left;
  text-overflow: ellipsis;
}
.placar{
	height:40px;
	flex-basis:12%;

}
.placar1{
	display:block;
	color:#f7f7f7;
	text-align:center;
	
}
.id{
	display:inline-block;
	padding:5px;
	background-color:#ccc;
	width:60px;
	
	
}
.pais{
	display:inline-block;
	padding:5px;
	background-color:#ebebeb;
	width:190px;
	
}
.dadosg{
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	align-items: start;
}

.pcrl{
padding:10px; margin:0;  display:flex;
}
.pcrr{
 padding:10px; margin:0; display:flex;
}
.pct{
margin:0;
display:flex;
flex-wrap:wrap;
flex-basis:50%;

}
.tipo{
	display:inline-block;
	padding:5px;
	background-color:#9CF;
	width:80px;
	
}

.scoregeral{
	  display: flex;
  align-items: center;
  justify-content: center;
	margin-top:10px;
	flex-basis:100%;
}
.pc{
	width:18px;
	display:inline-block;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	padding:0px;
	padding-left:3px;
	color:#fff;

	
}
.pv{
	width:18px;
	display:inline-block;
	text-align:right;
	font-size:20px;
	font-weight:bold;
	padding:0px;
	padding-right:3px;
	color:#fff;
}
.barcfc{
	display:inline-block;
	width:100px;
	height:5px;
	background-color:#FFF;
}
.vbarc{
	margin-right:5px;
	width:25px;
}

.gpbar{
		color:var(--brancog);
		font-weight:bold;
	font-size:16px;
	flex-basis:100%;
	display:flex;
	align-items: center;
}
.bars{
flex-basis: 100%;
display: flex;
}

.vbarv{
	margin-left:5px;
	width:25px;
}

.barcfv{
	display:inline-block;
	width:100px;
	height:5px;
	background-color:var(--verde);
}


.grupo3{
	display:inline-block;
	background-color:#C9C;
	vertical-align:top;
	width:200px;
}
.grupo4{
	display:inline-block;
	background-color:#09F;
	vertical-align:top;
	width:300px;
	font-size:10px;
}
.score{
	display:flex;
	padding:5px;
	height:80px;
	margin-top:5px;
	flex-basis:100%;
	justify-content: center;
	align-items: center;

}
.stats{
	display:flex;
	padding:5px;
	height:80px;
	margin-top:5px;
	flex-basis:100%;
}
.stats > div{
	text-align:center;
}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.3;
  }
}

.tempo{
	text-align:center;
	color:#FF9;
	font-size:12px;
	text-align:right;
	padding-right:5px;
	display:inline-flex;
	flex-basis:60%;
	justify-content:end;
}
.legwheel{
	font-size:12px;
	text-align:center;
	flex-basis:100%;
	color:#fff;
	
}
.gpwheel{
	height:60px;
	margin:0;
	flex-basis:100%;
	flex-wrap:wrap;
	display:flex;
	justify-content: center;
	
}

.status{
	display:inline-block;
	height:50px;
	width:22px;
	}

.geral{
	background-color:var(--fundo);
}
.timec,.timev{
	display:inline-block;
	vertical-align:top;
	width:150px;
}
.nometime{
	padding:5px;
	display:inline-block;
	
}
.vs{
	display:inline-block;
	padding:5px;
	color:#fff;
	background-color:var(--fundo);
}
.placarc{
	padding:5px;
	margin-right:10px;
	
}
.placargeral{
	color:#FFF;
}
.placarv{
	padding:5px;
	margin-left:10px;
	
}
.timec{
	text-align:right;
}



@keyframes mymover {
	50%{
		opacity:0.6;
	}
 100% {
	 opacity:1;
    background-position: top left;
  }
}

@keyframes mymovel {

		50%{
		opacity:0.6;
	
	}
 100% {
opacity:1;
 background-position: top right 20%;

	
	

  }
}





.stpr_l:before{
content: "";
border-top: 13px solid var(--brancog);
border-bottom: 12px solid var(--brancog);
border-left: 10px solid transparent;
}


.stpr_c_w:after {
  color: var(--brancog);
  border-left: 13px solid;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  display: inline-block;
  content: '';
  position: absolute;
  right: -13px;
    
}

.stpr_c_l:after {
color: var(--brancog);
border-left: 13px solid;
border-top: 13px solid var(--brancog);
border-bottom: 13px solid var(--brancog);
display: inline-block;
content: '';
position: absolute;
right: -13px;
border-right: 13px transparent solid;
}

.stpr_c_w {
  background-color: var(--brancog);
  width: 50%;
  height: 26px;
  display: inline-block;
  position: relative;
  
  
  
  background: 
    repeating-linear-gradient( 
      90deg, 
      var(--brancog), transparent, var(--brancog) 25%
    ) bottom right/200% 200%
      var(--branco);  
  animation: mymover 2s linear infinite;


}

.stpr_c_l {
  background-color: var(--brancog);
  width: 50%;
  height: 26px;
  display: inline-block;
  position: relative;


}



.stpr_v_w:after {
color: blue;
border-left: 13px solid transparent;
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
display: inline-block;
content: '';
position: absolute;
left: -26px;
border-right: 13px solid var(--verde);

}

.stpr_v_l:after {
color: blue;
border-left: 13px solid transparent;
border-top: 13px solid var(--verde);
border-bottom: 13px solid var(--verde);
display: inline-block;
content: '';
position: absolute;
left: -13px;
}


.stpr_v_w {
  background-color: var(--verde);
 width: 50%;
  height: 26px;
  display: inline-block;
  position: relative;
    background: 
    repeating-linear-gradient(90deg, var(--verde),  var(--verde), var(--verde_e)) bottom left/200% 100% var(--verde_e);  
  animation: mymovel 2s alternate infinite;



}
.stpr_v_l {
  background-color: var(--verde);
 width: 50%;
  height: 26px;
  display: inline-block;
  position: relative;
 

}

.ca{
	background-image:url('../img/sptgraf.png');
	background-repeat:no-repeat;
	background-size:100px;
	background-position:center left -11px;
	height:20px;
	padding:2px;
	padding-top:16px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	width:18px;
}

.esc{
	background-image:url('../img/sptgraf.png');
	background-repeat:no-repeat;
	background-size:100px;
	background-position:center left -25px;
	height:20px;
	padding:2px;
	padding-top:16px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	width:18px;
}

.cv{
	background-image:url('../img/sptgraf.png');
	background-repeat:no-repeat;
	background-size:100px;
	background-position:center left 5px;
	height:20px;
	padding:2px;
	padding-top:16px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	width:18px;

}
.itfiltro select{
	color:var(--text);
	padding-left:10px;
	border:none;
	scrollbar-width:thin;
	scrollbar-color: var(--btatv) var(--bkcont);
}

.itfiltro input[type="text"]{
	color:var(--cinza);
	padding-left:10px;
	border:none;
	background-color:var(--fundo);
	border-radius:6px;
	flex-grow:1;
}
.grafp{
	display:flex;
	overflow-x:auto;
	overflow-y:hidden;
	flex-basis:100%;
}


@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

.itr{
	display:flex;
	margin-bottom:10px;
	background-color:var(--fundo);
	flex-wrap:wrap;
	flex-grow:1;
}
.itpags{
	background-color:#111;
	padding:10px;
	margin:0px;
	color:#fff;
	flex-basis:8%;
	
	
}
.itpags:hover{
	cursor:pointer;
	background-color:#000;
	
}
.itpag{
	background-color:var(--bkbts);
	padding:10px;
	margin:0px;
	color:#fff;
	flex-basis:8%;
	
}
.itpag:hover{
	cursor:pointer;
	background-color:#000;
	
}
.barpag{
	text-align:center;
	display:flex;
	gap:0.5%;
	justify-content: center;
	font-size:14px;
	flex-basis:100%;
	margin-top:20px;

}

.filtro{
	text-align:center;
	flex-wrap:wrap;

}
.btlive{
	background-color:#FC3;
	padding:4px;
	border-radius:4px;
	margin-left:40px;
	vertical-align:bottom;
	margin-top:-4px;
	
}
.blink_me {
  animation: blinker 1s linear infinite;
}
.btfiltro{
	padding:8px;
	background-color:var(--btatv);
	font-size:12px;
	
background-position: right 2px center, left 2px center;
background-repeat: no-repeat;
padding-left:28px;
background-size:25px, 20px;
color:#ccc;
	border-radius:6px;
}

.btatv{
	background-image: url('../img/setaup.svg'), url('../img/filtro.svg');
}
.btdst{

		background-image: url('../img/setadown.svg'), url('../img/filtro.svg');
}
.bxbusca{
	padding:6px;
	background-image: url('../img/lupa.svg') ;
background-position:center;
background-repeat: no-repeat;
background-size:20px;
border-radius:6px;


}
.aovivo{
	font-size:12px;
	font-weight:bold;
	
}
.fxb25p{
	flex-basis:25%;
}
.gplive{
	display:none;
	border-radius:6px;
	background-color:var(--bkcont);
	color:#fff;
	padding:7px;
	align-items: center;
	border-radius:6px;
}
.icolive{
	height:10px;
	width:10px;
	border-radius:12px;
	background-color:var(--verm_e);
	margin-right:4px;
	
}
.itgppais{
	display:flex;
	flex-basis:100%;

	
}
.gppais{
	display:flex;
		flex-direction:row;
	flex-wrap:wrap;
	height:200px;
	overflow:auto;
	flex-basis:100%;
	background-color:#660;
	padding:5px;
}
.gpliga{
	display:flex;
		flex-direction:row;
	flex-wrap:wrap;
	height:200px;
	overflow:auto;
	flex-basis:100%;
	margin-top:20px;
	background-color:#003;
	padding:5px;
	
}


.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;
	padding: 10px;
background-color: var(--bkcont);
margin-bottom: 20px;
	gap:1%;
	flex-wrap:nowrap;

}
.slpais{
	background-color:var(--fundo);
	border:1px solid var(--lnkd);
	border-radius:6px;
width:100%;
}
.slliga{
	background-color:var(--fundo);
	border:1px solid var(--lnkd);
		border-radius:6px;
		width:100%;
	
}

.bts{
	font-size:12px;
	flex-basis:27%;
	background-color:var(--fundo);
	padding:8px;
	border-radius:4px;
	margin-right:4px;
	color:#ccc;
	margin:0;
}


.caixabusca{
	border:none;
	 outline: none;
	 background-color:transparent;
	 font-size:13px;
	 margin-left:30px;
	 color:var(--bttext);
	 width:90%;
}
.caixabusca:focus{
	border:none;
	 outline: none;
}

@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);
	  }
}