*{font-family: "Work Sans", sans-serif;}
.work-sans-bold{font-family:"Work Sans",sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}
.work-sans-regular{font-family:"Work Sans",sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}


.koopono_login_cpf{height:100vh;background-color:#fff;padding:25px;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;text-align:center}
.koopono_login_cpf .formulario{text-align:center}
.koopono_login_cpf input[type="submit"]{background-color:#5ADD05;color:#FFF;padding:7px 30px;border:0;font-size:18px;font-weight:500;margin-top:25px;border-radius:45px}
.koopono_login_cpf.etapa1 .logo{margin:50px 0}
.koopono_login_cpf.etapa1 h2{color:#000;text-align:center;font-weight:700;font-size:20px}
.koopono_login_cpf.etapa1 input[type="text"]{padding-left:45px;background:url(../../../pages_nt/assets/images/icon-people.png) no-repeat 10px;font-size:20px;background-size:20px;border-radius:45px;text-align:center}
.koopono_login_cpf.etapa1 .form-label{color:#333;text-align:center;font-weight:400;font-size:14px;margin-top:45px}
.koopono_login_cpf.etapa1 .desc{color:#000;text-align:center;font-weight:400;font-size:16px}

.koopono_login_whatsapp{height:100vh;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;text-align:center}
.koopono_login_whatsapp #topo{height:25vh;background-color:#fff;padding:25px;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:flex-start;text-align:center}
.koopono_login_whatsapp #topo h2{text-align:left;font-weight: 400;margin-top:10px;line-height:25px;}
.koopono_login_whatsapp #content{height:60vh;background-color:#fff;padding:25px;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;text-align:center}
.koopono_login_whatsapp #content .formulario{text-align:left}
.koopono_login_whatsapp #content .formulario img{margin:25px 0;}
.koopono_login_whatsapp #content .formulario input[type="submit"]{background-color:#5ADD05;color:#FFF;padding:7px 30px;border:0;font-size:18px;font-weight:500;margin-top:25px;border-radius:45px}
.koopono_login_whatsapp #content .formulario input[type="text"]{padding-left:45px;background:url(../../../pages_nt/assets/images/icon-whatsapp.png) no-repeat 10px;font-size:20px;background-size:20px;border-radius:45px;text-align:center}
.koopono_login_whatsapp #content .formulario .form-label{color:#333;text-align:left;font-weight:400;font-size:14px;margin-top:0;}
.koopono_login_whatsapp #content .formulario .botoes{text-align:center;}
.koopono_login_whatsapp #footer{height:25vh;padding:25px;display:flex;flex-direction:column;justify-content:end;align-items:flex-start;text-align:left;}










.koopono_login_code{height:100vh;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;text-align:center}
.koopono_login_code #topo{height:25vh;background-color:#fff;padding:25px;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:flex-start;text-align:center}
.koopono_login_code #topo h2{text-align:left;font-weight: 400;margin-top:10px;line-height:25px;}
.koopono_login_code #topo .desc{color:#000;text-align:left;font-weight:400;font-size:16px}
.koopono_login_code #content{height:60vh;background-color:#fff;padding:25px;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:stretch;text-align:center}
.koopono_login_code #content .formulario{text-align:left}
.koopono_login_code #content .formulario img{margin:25px 0;}
.koopono_login_code #content .formulario input[type="submit"]{background-color:#5ADD05;color:#FFF;padding:7px 30px;border:0;font-size:18px;font-weight:500;margin-top:25px;border-radius:45px}
.koopono_login_code #content .formulario form{ text-align:center; }
.koopono_login_code #content .formulario input[type="text"]{ display:inline-block; text-align: center;font-size: 20px; font-weight: 700; }
.koopono_login_code #content .formulario .form-label{color:#333;text-align:left;font-weight:400;font-size:14px;margin-top:0;}
.koopono_login_code #content .formulario .botoes{text-align:center;}
.koopono_login_code #content .formulario .desc{margin-top:30px}
.koopono_login_code #footer{height:25vh;padding:25px;display:flex;flex-direction:column;justify-content:end;align-items:flex-start;text-align:left;}






















/*

	.koopono_login.etapa2 #topo{
		color:#000;
		text-align: left;
		font-weight: 400;
		font-size: 16px;

	}	

	.koopono_login.etapa2 {
		color:#000;
		text-align: center;
		font-weight: 400;
		font-size: 16px;

	}	


	.koopono_login.etapa2 input[type="text"]{
		padding-left: 45px;
		background: url("../../../pages_nt/assets/images/icon-whatsapp.png") no-repeat 10px;
		font-size: 20px;
		background-size: 20px;
		border-radius: 45px;
		text-align: center;
	}



	.koopono_login .whatsapp{
		color:#FFF;
		text-align: center;
		font-weight: 400;
		opacity: .5;

	}	
	.koopono_login h3{
		color:#FFF;
		text-align: center;
		font-family: "Work Sans", sans-serif;
		font-weight: 400;
		opacity: .5;
		padding-top: 30px;

	}
	.koopono_login .app_saldo,
	.koopono_login .app_code{
		background-color:#2e305a;
		text-align: center;

		color:#FFF;
		font-family: "Work Sans", sans-serif;
		font-weight: 700;
		font-size: 48px;
	}
	.app_transacoes{
		height: 30vh;
		background-color:#FFF;
		font-family: "Work Sans", sans-serif;
		text-align: center;
		padding: 30px
	}	








	.app_transacoes h2{
		font-family: "Work Sans", sans-serif;
		text-align: left;
	}
	.app_transacoes ul{
		list-style: none;
		padding:0;
		text-align: left;
	}

	.app_transacoes ul li{
	    padding: 20px 0;
	    border-bottom: 1px solid #c2c2c2;
	}
	.botoes {
		text-align: center;
		padding: 50px 0;
	}
	.botoes .btn_receber{
		background-color: #4461cf;
		color:#FFF;
		border:0;
		padding: 10px 20px;
		font-size: 14px;
		text-transform: uppercase;
	}
	.btn-back{
		background-color: #4461cf;
		color:#FFF;
		border:0;
		padding: 10px 20px;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
		margin-top:1px;
		display: inline-block;
	}
	.app_code{
		letter-spacing: 15px;
	}

@media (max-width: 475px) {
	.botoes .btn_receber{
		font-size: 12px;
		margin-bottom:15px;
	}
	.btn-back{
		font-size: 12px;
	}

}*/