*{
	padding:0px;
	margin:0px;

	 font-family: "Roboto", sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.suasenhaheader{
	width:100%;
	height:300px;
	padding:10px;
	background-image: url('../img/BANNER.png');
	border-bottom:solid 6px rgb(1, 120, 88);
	background-size: cover;
}.menusuavaquejada {
	margin-top:40px;
	float:right;
}
.menusuavaquejada ul li {

float:left;
 list-style: none;




}
.menusuavaquejada ul li a{
	text-decoration: none;
	margin-left:10px;
 margin-right:10px;
 display:block;
 height:40px;
 line-height: 30px;
	color:white;
}
.menusuavaquejada ul li :hover{
	 margin-left:10px;
 margin-right:10px;
border-bottom: solid 2px rgb(1, 120, 88);
 display:block;
 line-height: 30px;
height:40px;
color:rgba(190,190,190);


}

.senhascompras{
	width:100%;
	height:auto;
	padding: 20px;
	
/*	-webkit-box-shadow: 2px -11px 13px -12px rgba(0,0,0,0.36);
-moz-box-shadow: 2px -11px 13px -12px rgba(0,0,0,0.36);
box-shadow: 2px -11px 13px -12px rgba(0,0,0,0.36);*/
}
.pagamentopendent{
	width:100%;
	height:auto;
	
	background:rgb(255, 193, 7);
}
.pagamentopendent1{
width:100%;
	height:auto;
	
	background:rgb(23, 162, 184) !important;	
}
.pagamentopix{
	width:90%;
	height:auto;
	padding:15px;
	color:white;
	background:rgb(50, 179, 132);
	border-radius:6px;
	margin-left:10px;
	border:none;
letter-spacing: 1px;
}
.pagamentocard{
	width:95%;
	height:auto;
	padding:15px;
	color:white;
	background:rgb(181, 104, 20);
	border-radius:6px;
	margin-left:10px;
	border:none;
letter-spacing: 1px;
}
.alinharasenhas{
	width:100%;
	height:auto;
	padding:15px;

	background:white;
	margin-top:-80px;
	border-radius:6px;

	
-webkit-box-shadow: -9px -13px 51px -15px rgba(0,0,0,1);
-moz-box-shadow: -9px -13px 51px -15px rgba(0,0,0,1);
box-shadow: -9px -13px 51px -15px rgba(0,0,0,1);
}


.vaquejadasenhas{
	width: 100%;height: auto;
	padding: 20px;
	margin-top: -130px;

}
.vaquejadasenhassenhas{
	width: 100%;height: auto;
	padding: 20px;
	margin-top: -130px !important;
}



.contagemsenhas{
width: 100%;height: auto;
	margin:  0 auto;
	padding: 30px;
	background: rgb(232, 232, 232);
	border-radius: 8px;
	    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
}

.contagem{
	width: 80%;height: auto;
	margin:  0 auto;
	padding: 30px;
	background: rgb(232, 232, 232);
	border-radius: 8px;
	    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
}

.estados{
	width:75%;
	height:auto;
	padding:20px;
    
	margin-top:-75px;
	position: relative;
	border-radius:6px;
	background: rgb(0,190,139);
background: linear-gradient(90deg, rgba(0,190,139,1) 0%, rgba(1,120,88,1) 52%, rgba(0,190,139,1) 100%);
	
}
.estados h1{
	color:rgb(196, 216, 85) ;
	text-align:center;
	font-size:30px;

}
.igualestado{
	width:60px;
	height:auto;
	padding:10px;
	color:white;
	border-radius:6px;
	border:none;
	background:rgb(196, 216, 85);
	cursor:pointer;
	border:solid 2px white;
	margin-left:10px;
	margin-right:10px;
}
.igualestado:hover{
	background:transparent;
	border:solid 2px white;
}
.proximavaquejada{
	width:100%;
	height:auto;
	padding:40px;

}
.proxmomes{
	width:150px;height:auto;padding:8px;border-radius:6px;color:rgb(1, 120, 88);
	border:solid 2px rgb(1, 120, 88);
	font-weight: 500;
}
.colorbackground{
	width:100%;
	height:auto;
	padding:15px;
	background:rgb(22, 22, 22);
	border-radius:6px;
}

.footer{
	width:100%;
	height:auto;
	padding:40px;
	background:rgb(1, 120, 88);
}
.laksdlksaldsadkasd{

	width:100%;height:auto;
	padding:10px;
background-color: #F4D03F;
background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%);

}

.quemsomos{
	width:100%;
	height:auto;
	padding:40px;
}

.meusdados{
	width:25%;height:auto;
	padding:8px;
	background:rgb(21, 159, 181);
	color:white;
	margin-left:10px;
	margin-right:10px;
	font-weight: 500;
	border:none;
}
.meusdados:hover{
	background:rgb(19, 132, 150);
}

.minhasenha{
	width:25%;height:auto;
	padding:8px;
	background:rgb(252, 189, 2);
	color:rgb(80,80,80);
	font-weight: 500;
	border:none;
}
.minhasenha:hover{
	background:rgb(224, 168, 0);
}
.realizarpagamento{
	width:30%;height:auto;
	padding:8px;
	background:rgb(40, 167, 69);
	color:white;
	margin-left:10px;
	margin-right:10px;
	font-weight: 500;
	border:none;
	margin-bottom:15px;
}
.menuresponsivo{
	display:none;
}
.menumobile{
	display:none;
}


/*SITE RESPONSIVO*/
.ocultarmobile{
	display: none !important;
}
.exibirmobile{
	display: none !important;
}

.desktpsadasd{
	display: block !important;
	width: 100% !important;
	font-size: 12px !important;
}

@media screen and (max-width:700px){
.contagemsenhas{
width: 100%;height: auto;
	margin:  0 auto;
	padding: 2px !important;
	background: rgb(232, 232, 232);
	border-radius: 8px;
	    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
}
.pagamentocard11111{
	width: 100%;height: auto;padding: 10px !important;
	background: white;

}
.alinharoconteudo{
	width: 100% !important;
	height: auto;
	border-radius: 4px;
	padding: 5px !important;
	margin:  1% auto;
	background: rgb(229, 229, 229);
}
.asdasdasdsadad2222{
	width: 100% !important;
}


.vaquejadasenhassenhas{
	width: 100% !important;height: auto;
	padding: 0px !important;
	margin-top: -130px !important;
}


.vaquejadasenhas{
	width: 100%;height: auto;
	padding: 5px !important;
	margin-top: -130px;

}





	.menusuavaquejada{
		display:none;
	}
	.imgresponsiva{
		border:0 !important;
		height:100px !important;
	}
	.menuresponsivo{
		display:block;
	}

	.estados{
	width:100%;
	height:auto;
	padding:10px;
    
	margin-top:-5px;
	position: relative;
	border-radius:6px;
	background: rgb(0,190,139);
background: linear-gradient(90deg, rgba(0,190,139,1) 0%, rgba(1,120,88,1) 52%, rgba(0,190,139,1) 100%);
	
}
.estados h1{
	font-size:1.2em !important;
}

.proximavaquejada{
	width:100%;
	height:auto;
	padding:5px !important;

}
.proximavaquejada p{
	font-size:1.2em !important;
}
.ajusarporximo{
	margin-bottom:20px !important;
	float:left !important;
}

.colorbackground{
	width:100%;
	height:auto;
	padding:15px;
	background:rgb(1, 120, 88);
	border-radius:6px;
	margin-bottom:15px !important;
}

.footer{
	width:100%;
	height:auto;
	padding:10px !important;
	background:rgb(1, 120, 88);
}
.laksdlksaldsadkasd{

	width:100%;height:auto;
	padding:5px !important;
background-color: #F4D03F;
background-image: linear-gradient(132deg, #F4D03F 0%, #16A085 100%);

}
.laksdlksaldsadkasd p{
	font-size:15px !important;
}

.quemsomos{
	width:100%;
	height:auto;
	padding:2px !important;  
}

.cadastromobile{
	width:100% !important;
	padding:10px !important;
	margin-top:15px !important;
	margin-bottom:15px !important;
}
.lsakdcoder{
	padding:5px !important;
}

.meusdados{
	width:100%;height:auto;
	padding:8px;
	background:rgb(21, 159, 181);
	color:white;
	margin-left:0;
	margin-bottom:10px;
	margin-right:0;
	font-weight: 500;
	border:none;
}

.minhasenha{
	width:100%;height:auto;
	padding:8px;
	background:rgb(252, 189, 2);
	color:rgb(80,80,80);
	font-weight: 500;
	border:none;
}

.realizarpagamento{
	width:102%;height:auto;
	padding:8px;
	background:rgb(40, 167, 69);
	color:white;
	margin-left:0;
	margin-right:0;
	font-weight: 500;
	border:none;
	margin-bottom:15px;
}
.menumobile{
	display:block;
	width:100%;
	height:100vh;
	margin-top:-298px;
	position:absolute;
	z-index: 900;
	padding:5px;

	background:rgb(0,0,0,0.9);
}
.menumobile ul li{
	margin-top:20px;
	list-style: none important;
	margin-bottom:10px !important;
}.menumobile ul li a{
	color:white;
	text-decoration: none;
	margin-bottom:10px !important;
}
.vajquekk{
	padding:1px !important;
}


.igualestado{
	width:60px;
	height:auto;
	padding:10px;
	margin-bottom:15px !important;
	color:white;
	border-radius:6px;
	border:none;
	background:rgb(196, 216, 85);
	cursor:pointer;
	border:solid 2px white;
	margin-left:10px;
	margin-right:10px;
}


.contagem{
	width: 100% !important;height: auto;
	margin:  0 auto;
	padding: 5px !important;
	background: rgb(232, 232, 232);
	border-radius: 8px;
	    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
}


.bloco {
    padding: 13px !important;
    
    background-color: rgb(32, 32, 32);
    color: white;
    font-size: 15px !important;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    min-width: 60px !important;
}

.ksdkasdlaksd{
	width: 90% !important;
	margin-top: 15px;
	margin-bottom: 15px;
}

.tamanomonome{margin-top: 10px;
	font-size:1.1rem !important;
	margin-bottom: 10px;
}

.tablemble{
	width:100%;height:auto;padding:5px !important;background:rgb(52, 58, 64);
}

.exibirmobile{
	display: none !important;
}

.desktpsadasd{
	display: block !important;
	width: 100% !important;
	font-size: 12px !important;
}


.senhascompras{
	width:100%;
	height:auto;
	padding: 5px !important;
	
/*	-webkit-box-shadow: 2px -11px 13px -12px rgba(0,0,0,0.36);
-moz-box-shadow: 2px -11px 13px -12px rgba(0,0,0,0.36);
box-shadow: 2px -11px 13px -12px rgba(0,0,0,0.36);*/
}


.alinharasenhas{
	width:100%;
	height:auto;
	padding:5px !important;

	background:white;
	margin-top:-80px;
	border-radius:6px;

	
-webkit-box-shadow: -9px -13px 51px -15px rgba(0,0,0,1);
-moz-box-shadow: -9px -13px 51px -15px rgba(0,0,0,1);
box-shadow: -9px -13px 51px -15px rgba(0,0,0,1);
}


.ocultardesktop{
	display: none !important;
}

.ocultarmobile{
	display: block !important;
}

}


/* LAYOUT PAGAMENTO */
.pagamentocard11111{
	width: 100%;height: auto;padding: 30px;
	background: white;

}
.alinharoconteudo{
	width: 70%;
	height: auto;
	border-radius: 4px;
	padding: 15px;
	margin:  1% auto;
	background: rgb(229, 229, 229);
}

.botao-gradiente {
  width: 96%;
  margin-top: 20px;
 padding: 13px;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  background: linear-gradient(45deg, #ff6b6b, #f94d6a, #9b5de5, #4361ee);
  background-size: 300% 300%;
  transition: all 0.4s ease;
  animation: gradienteAnimado 6s ease infinite;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

.botao-gradiente:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  filter: brightness(1.1);
}

@keyframes gradienteAnimado {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}