@import '../Font/segoePro/stylesheet.css';

/**/
.cadastro {min-height: 100vh;background: url("../images/bg.jpg") no-repeat center;background-size: cover;padding-bottom: 40px;}
.cadastro h1{text-align:center;font-family: 'Segoe Pro bold';font-size:55px;color: #FFFFFF;text-transform: uppercase;margin:70px auto;}

.login {width: 430px;background-color: rgba(255, 255, 255, 0.8);border-radius: 26px;margin: 0 auto;padding:90px 38px 170px; box-shadow: 0px 6px 27px rgba(0, 0, 0, 0.3);}

.contCadastro {width: 100%;}
.contCadastro .contCadDados {display: block;}
.contCadastro .contCadDados .cpo_div_raiz {float: none;display: block;width: 100%;margin-bottom: 15px;padding: 0;}
.contCadastro .contCadDados .cpo_div_raiz .cpo_div_edicao {display: block;width: 100%;}
.contCadastro .contCadDados input {
width:100%;height: 72px;color: #4b4b4b;background: #FFFFFF;border:1px solid #5c5c5c;font-family: 'Segoe Pro';font-size:25px; line-height: 2.8rem;
border-radius: 0.3rem;padding: 0 0.8rem;outline: none !important;display:block;}
.contCadastro .contCadBtn {display: block;margin-top: 25px;outline:none;}
.contCadastro .contCadBtn .button_div_raiz {float: none;display: block;width: 100%;margin-bottom: 15px;padding: 0;}
.contCadastro .contCadBtn input {width: 100%;height:60px;border-radius: 0.3rem;background: #1b98e0;font-style: normal;font-size: 25px;font-family: 'Segoe Pro';text-transform:uppercase;outline:none;}
.contCadastro .contCadBtn input:hover {background: #1b98e0;transition: background 0.3s, border-color 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s;}
.contCadastro .esqueceuSenha{text-align:center;}
.contCadastro .esqueceuSenha a{font-style: normal;font-size: 15px;font-family: 'Segoe Pro';color:#4b4b4b;text-decoration:underline;text-align:center;}

.iconLogo{text-align:center;margin: 40px 0;}


/**/
.estrutura{}
.estrutura .contNav {background: rgb(31,124,171);background: linear-gradient(327deg, rgba(31,124,171,1) 0%, rgba(80,169,215,1) 100%);
display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 0;}
.estrutura .contNav div{width:100%;}

.estrutura .contHeader h1{text-align:center;font-family: 'Segoe Pro bold';font-size:38px;color: #FFFFFF;text-transform: uppercase;margin:70px auto 140px;padding:0 15px;}

.estrutura #divMenu{background: #FFFFFF;}
.estrutura #divMenu div{display: block;width: 100%;height:44px;}
.estrutura #divMenu div div{font-family: 'Segoe Pro bold';font-size:23px;color: #338fbd;padding: 6px;text-transform: uppercase;cursor:pointer;}
.estrutura #divMenu div div:before{content:"";padding: 0px 15px;margin: 0 15px 0 10px;}
.estrutura #divMenu #nr_pf_1 div:before{background:url("../images/icon1h.png") no-repeat;}
.estrutura #divMenu #nr_pf_2 div:before{background:url("../images/icon2h.png") no-repeat;}
.estrutura #divMenu #nr_pf_3 div:before{background:url("../images/icon3h.png") no-repeat;}
.estrutura #divMenu #nr_pf_1.pfTopoOver div:before,
.estrutura #divMenu #nr_pf_1.pfTopoSelecionado div:before{background:url("../images/icon1.png") no-repeat;}
.estrutura #divMenu #nr_pf_2.pfTopoOver div:before,
.estrutura #divMenu #nr_pf_2.pfTopoSelecionado div:before{background:url("../images/icon2.png") no-repeat;}
.estrutura #divMenu #nr_pf_3.pfTopoOver div:before,
.estrutura #divMenu #nr_pf_3.pfTopoSelecionado div:before{background:url("../images/icon3.png") no-repeat;}
.estrutura #divMenu .pfTopoOver,
.estrutura #divMenu .pfTopoSelecionado{background:#265d79;}
.estrutura #divMenu .pfTopoOver div,
.estrutura #divMenu .pfTopoSelecionado div{color:#FFFFFF;}

.estrutura .contFooter{height:100px;vertical-align: baseline;display: flex;justify-content: space-between;padding:0 15px;}
.estrutura .contFooter .sair{display: flex;  align-items: flex-end;}
.estrutura .contFooter .sair p{font-family: 'Segoe Pro';font-size:25px; line-height: 2.8rem;color:#FFFFFF;}
.estrutura .contFooter .sair p img{margin-right:5px;}

.estrutura .contFooter .logo{display: flex;justify-content: flex-end;}
.estrutura .contFooter .logo img{height:80px;margin:10px 40px;}

/**/
.dadosCliente{padding: 9% 1% 9% 5%;}
.dadosCliente h2{text-align:left;font-family: 'Segoe Pro bold';font-size:36px;color: #535353;text-transform: uppercase;margin:0 0 40px 0;padding:0;}

.dadosCliente .linha{display:block;width: 100%;margin:0 0 5px 0;}
.dadosCliente .linha .cpo_div_raiz{width: 100%;}
.dadosCliente .linha.l2 .cpo_div_raiz{display:block;width: 50%;}
.dadosCliente .linha.l3 .cpo_div_raiz{display:block;width: 33%;}

.dadosCliente .linha .cpo_label{font-family: 'Segoe Pro';font-size:14px;color: #535353;}
.dadosCliente .linha input{width: 100%;height:60px;background:#eeeeee;border:0 none; border-radius:10px; padding:10px;
font-family: 'Segoe Pro';font-size: 25px;line-height: 2.8rem;color: #4b4b4b;}

.dadosCliente .btn{margin: 0;padding: 0;}
.dadosCliente .btn input {width: 172px;height: 45px;border: 0;font-family: 'Segoe Pro';font-size: 23px;background-color: #208ac2;text-transform: uppercase;
padding: 6px 12px 5px;color: #FFFFFF;cursor: pointer;border-radius: 7px;outline:none;}

.dadosCliente .contImg img {width: 100%;}


/**/
.boleto{padding: 9% 1% 9% 5%;}
.boleto h2{text-align:left;font-family: 'Segoe Pro bold';font-size:36px;color: #535353;text-transform: uppercase;margin:20px 0 40px 0;padding:0;}
.boleto h3{text-align:left;font-family: 'Segoe Pro bold';font-size:30px;color: #535353;text-transform: uppercase;margin:0 0 40px 0;padding:0;}

.boleto .contBoleto{cursor:pointer;}
.boleto .contBoleto p{background:#eeeeee;font-family: 'Segoe Pro bold';font-size:19px;color: #535353;text-transform: uppercase;border-radius:10px;padding: 16px;}
.boleto .contBoleto p span {float: right;font-size: 30px;margin: 10px 0;line-height: 0;}

/**/
.resumo{padding: 9% 1% 9% 5%;}
.resumo .contBox {background: #419bca;border-radius: 20px;text-align:center;padding:20px 0 60px;}
.resumo .contBox h2{text-align:center;font-family: 'Segoe Pro bold';font-size:36px;color: #FFFFFF;text-transform: uppercase;margin:20px 0 40px 0;padding:0;}
.resumo .contBox h2 img{margin:0 20px;}

.resumo .contBox .contDados{display:flex;padding: 25px;}
.resumo .contBox .contDados:hover{background:#91cae7;}
.resumo .contBox .contDados div{width:33%;}
.resumo .contBox .contDados p{text-align:center;font-family: 'Segoe Pro bold';font-size:20px;color: #FFFFFF;text-transform: uppercase;}


/**/
.whatsapp{position:absolute; bottom:0;right:0;z-index:2;outline:none;margin:10px 30px;}
.whatsapp img{height: 80px;padding: 10px;}