/* HIDE ARROW FROM INPUTS NUMBERS */
	/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}

	/* For Webkit browsers (Chrome, Safari, Opera) */
.noscroll::-webkit-scrollbar {
    display: none;
}

/* For IE, Edge, and Firefox */
.noscroll {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;     /* Firefox */
}






 .reticencias-effect {
      font-family: Arial, sans-serif;
      font-size: 20px;
    }
    .reticencias-effect::after {
      content: '';
      display: inline-block;
      width: 1ch;
      text-align: left;
      animation: dots 1s steps(4, end) infinite;
    }
    @keyframes dots {
      0%   { content: ''; }
      25%  { content: '.'; }
      50%  { content: '..'; }
      75%  { content: '...'; }
      100% { content: ''; }
    }






.nao-selecionavel {
  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer 10+ */
  user-select: none; /* Padrão, mas não é parte da especificação do W3C */
}



	* {margin:0; padding:0; list-style:none;}
	
	p {font-family:arial; font-size:16px;}
	
	

	a {text-decoration:none; color:black;}
	
	
	#menulateral {}
	#menulateral p {text-align:right; font-size:16px; padding:9px;}
	#menulateral p:hover {font-size:17px; cursor:pointer;}
	
	.menuconta {display:table; background:black; width:180px;}
	.menuconta li {font-family:Gabarito; color:white; font-size:16px; padding:10px; width:100%;}
	.menuconta li:hover {font-weight:bold; cursor:pointer; color:#ffe88f;}
	
	
	
	.valsuggest {display:table; margin:4px; border-radius:6px; background:black; color:white; padding:6px 10px;}
.valsuggest:hover {cursor:pointer; opacity:0.7;}
	
	.b1 {background:#f2e70c; text-align:center; font-family:barlow; padding:6px 16px 9px 16px; border:2px solid #b3b3b3; border-radius:6px; }
	.b1:hover {cursor:pointer; background:#ede20c;}
	
	.hover {}
	.hover:hover {cursor:pointer !important;}
	
	.hoverscale {}
	.hoverscale:hover {cursor:pointer; transform:scale(1.1);}
	
	.link1 {}
	.link1:hover {color:#a86d00; text-decoration:underline;}
	
	.b2 {background:#18a3de; text-align:center; font-family:barlow; padding:6px 16px 9px 16px; color:white; border:1px solid black; border-radius:6px; }
	.b2:hover {cursor:pointer; background:#18a3de;}
	
	.menuuserconta p {font-size:14px; width:90%; padding:10px 5%; text-align:right;}
	.menuuserconta p:hover {font-size:17px; cursor:pointer;}
	
	
	
	
	
	.gira { 
	  /* Animação */
	  animation: girar 1s linear infinite;
	}

	@keyframes girar {
	  from {
		transform: rotate(0deg);
	  }
	  to {
		transform: rotate(360deg);
	  }
	}



@media screen and (max-width: 1240px){
	.content {width:95vw !important;}
	.rodapecontent {width:95vw !important;}
	.menuupbox {width:85vw !important; margin:auto !important;}
	.contentconta {width:98vw !important;}
	.dadosbox {width:auto !important;}
	.contentapostas {width:80vw !important;}
	.contenthistory {width:80vw !important;}
	.contentwithdraw {width:80vw !important; margin:auto !important;}
}


@media screen and (max-width: 1170px){
	
	
	 
	#menulateral {width:100% !important; float:none !important; margin:0 auto 30px auto !important;}
	.apostaboxcontent {width:100% !important;}
	#menulateral p {text-align:center !important; float:left !important; font-size:16px; padding:9px;} 
	.linem {display:none !important;}
	 
	 .contenthistorytext {width:400px !important;}
}



@media screen and (max-width: 1070px){
	.menulateralconta {float:none !important; width:98vw !important; margin:0 0 30px 0 !important;}
	.menuuserconta p {float:left !important; padding:9px 14px !important; width:auto !important;}
	.contentapostas {width:96vw !important; margin:auto !important;}
	.contenthistory {width:95vw !important;}
	.contentwithdraw {width:95vw !important;}
	 .contenthistorytext {width:500px !important;}
	 .contentnotsup {width:96vw !important; margin:20px auto !important;}
}

@media screen and (max-width: 970px){
.remove970 {display:none !important;}
.add970 {display:table !important;}
	 .contenthistorytext {width:400px !important;}
	 
	 .linemiddlerodape {margin:0 15px !important;}
}


@media screen and (max-width: 900px){
	
	.fomasapostasboxindex {width:300px !important;}
	.loadingallbackimg {left:38% !important;}
}


@media screen and (max-width: 870px){
	
	
	 .contenthistorytext {width:40vw !important;}
	
}




@media screen and (max-width: 840px){
	
	.boxbox1apostaindex {float:none !important; margin:15px auto !important; width:auto !important; border:0 !important; padding:0 !important;}
	.boxbox1apostaindex p {text-align:center !important; width:100% !important;}
	.imgboxindexindex {margin:14px auto 0 auto !important;}
	
	.fomasapostasboxindex {padding-left:10px !important;}
	.buuttonsrightindexaposta {padding:0 10px 0 0 !important;}
	.newbetbox {width:94vw !important;}
}



@media screen and (max-width: 820px){
.remove820 {display:none !important;}
.add820 {display:table !important;}

.alldadosbox {padding-left:20px;}
}



@media screen and (max-width: 770px){
	.linemiddlerodape2 {display:none !important;}
	.rodapebox2{float:none !important;}
	
	
}



@media screen and (max-width: 740px){

		.contenthistorytext p {font-size:16px !important;}
	 .contenthistorytext {width:95% !important; background:; float:none !important; margin:auto !important; padding-bottom:12px !important; border:0 !important;} 
}



@media screen and (max-width: 700px){


.remove700 {display:none !important;}
.add700 {display:table !important;}
.tocenter700 {margin:auto !important;}

.saquecontabox1 {float:none !important; margin:auto !important;}
.saquecontabox1 p {margin:auto !important;}
.saquecontabox2 {float:none !important; margin:auto !important;}
.valsaqueinpu {text-align:center !important; width:100% !important;}	
}



@media screen and (max-width: 670px){
		
.remove670 {display:none !important;}
	.newbetbox {width:100% !important; height:100% !important; overflow-y:scroll; display:block !important;}
	.newbetboxcaixa1 {float:none !important; width:96% !important; margin:0 auto !important;}
	.newbetboxcaixa2 {margin:30px auto 0 auto !important; width:96% !important;}
	.modalidadeselect {width:100% !important;}
		.boxbox1aposta {float:none !important; border:0 !important; padding:0 !important;}
		.optionsapostaboxload {position:absolute !important; right:10px; top:0;}
		.contentmiddleapostabox {width:97% !important; float:none !important; margin:9px auto !important;}
		
		
		
}


@media screen and (max-width: 620px){
	.paymentsboxrodape{float:right !important; padding:0 30px 0 0;}
.remove620 {display:none !important;}
.add620 {display:table !important;}
.menumobdown {display:flex !important;}
.spacemenubottom {display:table !important;} 

.inpulogin {width:90vw !important; height:45px !important;}
.loginbox2 {margin:auto !important;}
}

@media screen and (max-width: 600px){

.remove600 {display:none !important;}

.bilheteboxpage {width:89vw !important;}
}


@media screen and (max-width: 580px){
.optionsrightapostasconta {position:absolute !important; top:10px; right:10px;}
.infomiddleapostaconta {width:93vw !important;}
#menulateral {display:flex !important; justify-content:center; flex-wrap:wrap;}
 
 .seeresultb {} 

}

@media screen and (max-width: 520px){
	.apostasabertastext {margin:auto !important;}
	.fomasapostasboxindex {width:200px !important;}
	.visitanteboxup {margin:3px -30px 0 0 !important; display:table;}
}

@media screen and (max-width: 500px){
	.contenthistorys, .historicostextup, .menuuphistoryconta {width:90vw !important; margin:auto !important;}
	.add500 {display:table !important;}
	.apostasbox {width:97% !important; left:50% !important; transform:translateX(-50%) !important;}
	
	
	.menulateralconta {display:block !important; overflow-x:scroll;}
	.menuuserconta  {display:table; width:500px !important;}
	
	.menuapostascontaup1 {width:96vw !important; overflow-x:scroll;}
	.menuapostascontaup {display:table; width:560px !important;}
	
	
}



@media screen and (max-width: 450px){
	.rodapebox2{margin:auto !important; padding-bottom:30px;}
	.rodapebox2 p, .redesbottom, .rodapebox2 a p {display:table !important; margin:auto !important;}
	.rodapebox1, .rodapebox3 {float:none !important; display:table !important;  border-bottom:1px solid gray; padding-bottom:17px; margin:0 auto 45px auto !important;}
	.linemiddlerodape1 {display:none !important;}
.alldadosbox {width:94vw !important;}
.alldadosbox input {width:87vw !important;}
	
.verbilhetecontahistorys, .tempocontahistorys {width:auto !important;}	
	.paymentsboxrodape{float:none !important; padding:0; margin:auto !important;}
	.paymentsboxrodape p {margin:13px auto !important;}
	.linksbottom {display:table !important; margin:0 auto 6px auto !important;}
}

@media screen and (max-width: 420px){
	
}

@media screen and (max-width: 410px){

	.fomasapostasboxindex {width:190px !important;}
	.logoupup {margin:4px 0 0 -21px !important; width:120px !important;}
}

@media screen and (max-width: 394px){

	.fomasapostasboxindex {width:170px !important;}

}


@media screen and (max-width: 360px){ 
}