* { margin: 0; padding: 0; box-sizing: border-box; }

/* adicionais da versao 3 */
.cxpes {width: 100%;
float: left;
display: none;
margin: 0 auto;
height: 45px;
border-bottom: 1px solid #d9d9d9;	
}

.enpes {width: 100%;
float: left;
margin: 0 auto;
font-size: 14px;
font-family: 'Patua One';
line-height: 308%;
color: #565758;
text-align: center;
}

.addat {
	float: left;
}

.cx_tp {
display: none;
background-color: rgba(16, 107, 155, 0.3);
height: 38px;	
width: 150px;
border: 1px solid darkgray;
border-top: none;
border-right: none;
}

.cxi1 , .cxi2 , .cxi3 {width: 33.3%;float: left;margin: 0 auto;height: 37px;text-align: center;cursor: pointer;padding: 10px;}

.cxi3 {width: 33.4%;
border-right: none;	
line-height: 38px;
}
/* adicionais da versao 3 */

body {margin: auto;max-width: 1500px;min-width: 1300px;background-color: lavender;background: linear-gradient(0deg, #dadbd4 89%, #009688 30%);background-repeat: repeat;background-attachment: fixed;background-size: 100% 100%;}

/* parte das fontes */

@font-face {
  font-family: 'fontes';
  src: url('/midias/fontes/fontello.eot?15');
  src: url('/midias/fontes/fontello.eot?15') format('embedded-opentype'),
       url('/midias/fontes/fontello.woff2?15') format('woff2'),
       url('/midias/fontes/fontello.woff?15') format('woff'),
       url('/midias/fontes/fontello.ttf?15') format('truetype'),
       url('/midias/fontes/fontello.svg?15') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontes';
    src: url('/midias/fontes/fontello.svg?15') format('svg');
  }
}
*/
 
 [class^="icone_"]:before, [class*=" icone_"]:before {
  font-family: "fontes";
  font-style: normal;
  font-weight: normal;
  speak: none;
  
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.icone_enviar:before { content: '\f0a9';} /* '' */ 
.icone_imagem:before { content: '\e820';} /* '' */
.icone_encerrar:before { content: '\e813';} /* '' */
.icone_refresh:before { content: '\e81b';} /* '' */
.icone_ecl:before { content: '\e806';} /* '' */
.icone_whatsapp:before { content: '\f232';} /* '' */
.icone_ok:before { content: '\e810'; } 
.icone_cancela:before { content: '\e805'; }
.icone_fechar:before { content: '\e805'; }
.icone_pesquisar:before { content: '\e800'; }
.icone_robo:before { content: '\e812'; }
.icone_add:before { content: '\e825'; }
.icone_usuario:before { content: '\e81e';}


.icone_enviar , .icone_imagem , .icone_encerrar , .icone_refresh , .icone_cancela , .icone_pesquisar , .icone_add {
font-size: 236%;
color: midnightblue;	
text-shadow:#000 0.5px -0.5px, #000 -0.5px 0.5px, #000 0.5px 0.5px, #000 -0.5px -0.5px;
line-height: 133%;
}

.icone_imagem {
font-size: 202%;
line-height: 155%;
color: dodgerblue;    	
}

.icone_encerrar{
font-size: 184%;
line-height: 170%;
color: orangered;	
}

.icone_cancela{
font-size: 184%;
line-height: 170%;
color: orangered;	
}

.icone_refresh{
font-size: 211%;
line-height: 161%;	
color: darkorchid;		
}


.icone_ok {
font-size: 110%;
color: limegreen;
text-shadow:green 0.5px -0.5px, green -0.5px 0.5px, green 0.5px 0.5px, green -0.5px -0.5px;	
}


.icone_usuario , .icone_menu , .icone_saldo , .icone_fechar , .icone_whatsapp , .icone_ecl {
font-size: 200%;	
line-height: 180%;
color: #d2d2d2;
text-shadow:#000 0.5px -0.5px, #000 -0.5px 0.5px, #000 0.5px 0.5px, #000 -0.5px -0.5px;
}

.icone_ecl {
font-size: 160%;	
line-height: 150%;
color: #c1c1c1;
cursor: pointer;
}

.icone_whatsapp  {
font-size: 290%;	
line-height: 170%;	
color: green;
}

.icone_usuario {
font-size: 120%;	
}

.icone_fechar {
font-size: 290%;	
line-height: 120%;	
}

.icone_saldo {
font-size: 120%;
color: green;	
line-height: normal;
text-shadow: none;
}

.icone_pesquisar {
font-size: 124%;
line-height: 171%;
color: green;
}

.icone_robo {
font-size: 132%;
line-height: 171%;
color: rebeccapurple;
font-weight: bold;
}

.icone_robo:before {
font-weight: bold;	
}

.icone_add {color: navy;
font-size: 142%;
line-height: 159%;	
}


/* fim das fontes */

/* atualizacao 1.2 */
.mnopc {width: 100%;float: left;margin: 0 auto;height: 35px;border-bottom: 1px solid #a9a9a9;}

.exbctt {width: 100%;
float: left;
margin: 0 auto;	
}

.ico1 , .ico2 , .ico3 , .ico4 , .ico5 {width: 13%;float: left;margin: 0 auto;height: 34px;border-left: 1px solid #cccccc;text-align: center;cursor: pointer;}

.ico1 {
display: none;	
}

.ico2 {
width: 60%;	
}

.formulario_caixa4 {width: 100%;
min-height: 34px;
color: black;
font-size: 13px;
font-family: Roboto, Helvetica, Arial, sans-serif;
padding-left: 12px;
padding-right: 2px;
margin: 0px 0% 0px 0%;
border: none;
box-shadow: 1px 2px 2px rgba(204,204,204,0.3) inset;
outline: none;
resize: none;
}
/* fim da atualizacao 1.2 */



.aln_login {
    border-radius: 2px;
    display: block;
    margin: 5% auto 40px;
    width: 590px;
    }

.ajusta {width: 100%;float: left;margin: 0 auto;background-color: #ffffff;min-height: 380px;}

.lb_complet {width: 100%;
min-height: 40px;
display: inline;
float: left;
margin: 0px 0% 0% 0%;
font-family: 'Source Sans Pro';
font-weight: bold;
font-size: 20px;
line-height: 210%;
z-index: 10;
background-color: #fefefe;
border-bottom: none;
}

.formulario_caixa , .formulario_caixa3 , .formulario_caixa5 , .formulario_caixa6 , .formulario_caixa7 {width: 70%;min-height: 45px;color: black;font-size: 14px;font-family: Roboto, Helvetica, Arial, sans-serif;padding-left: 5px;padding-right: 5px;margin: 23px 0% 0px 0%;border: none;border: 1px solid #d2d2d2;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;box-shadow: 1px 2px 2px rgba(204,204,204,0.3) inset;outline: none;}

.formulario_caixa5 {
width: 40%;	
margin: 5px 0% 0px 0%;
display: block;
border: 1px solid #b1b1b1;
}

.formulario_caixa6 {
width: 70%;	
margin: 5px 0% 0px 0%;
display: block;
border: 1px solid #b1b1b1;
}

.formulario_caixa7 {
width: 55%;	
margin: 5px 0% 0px 0%;
display: block;
min-height: 65px;
border: 1px solid #b1b1b1;
}

.entlb {width: 100%;
float: left;
margin: 0 auto;
	
}

.formulario_caixa3 {
margin: 0px 10px 0px 0%;
width: 50%;	
min-width: 200px;
}

.formulario_caixa2 {width: 100%;min-height: 49px;color: black;font-size: 14px;border-radius: 50px;font-family: sans-serif;padding-left: 30px;padding-top: 15px;padding-right: 2px;margin: 0px 0% 0px 0%;border: none;border-right: 2px solid #abababa6;outline: none;resize: none;}

.msgexe , .msgexe2 , .msgexe4 , .msgexe5 , .msgexe6 {padding: 10px;font-size: 13px;font-family: sans-serif;background-color: white;color: #343536;border: 1px solid #d1d1d1;max-width: 75%;border-radius: 7px;margin: 0px 0% 0% 0%;float: left;/* text-shadow: 0px 0px 1px grey; */}

.msgexe , .msgexe2 , .msgexe3 , .msgexe4 {
white-space: pre-wrap;
}

.msgexe4 {
background-color: khaki;
border: 2px dashed red	
}

.msgexe2 , .msgexe5 {float: right;background-color: #dcf8c6;}

.msgexe5 , .msgexe6 {
max-height: 300px;	
white-space: nowrap; 
padding: 4px;
cursor: pointer;
}

.msgexe5 img , .msgexe6 img {
max-height: 280px;		
max-width: 100%;
}

.msgexe3 {padding: 12px;font-size: 15px;font-family: sans-serif;background-color: white;color: #4a4a4a;border: 1px solid #d1d1d1;margin: 10px 0% 20px 0%;float: left;width: 100%;text-align: center;}



.sptexe {width: 100%;
float: left;
margin: 2px 0% 0% 0%;	
}

.ld2 {width: 97%;display: inline;padding-top: 20px;float: left;margin: 0% 3% 10% 0%;}

.botao_continue , .botao_continue2 {width: 100%;display: inline;margin: 10px 0%;}

.ct_anuncio , .crcadastro , .ct_anuncio2 , .ct_anuncio3 {width: 100%;max-width: 270px;min-height: 45px;display: inline;margin: 0px 0% 0px 0%;font-family: sans-serif;font-size: 18px;text-align: center;font-weight: bold;background-color: #009788;color: white;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #009788;box-shadow: inset 0 1px #009788;background-image: linear-gradient(#009788,#009788);outline: none;cursor: pointer;}

.lbenv {border-bottom: 1px solid #a1a1a1;font-family: 'Source Sans Pro';font-size: 14px;color: #333333;float: left;display: block;font-weight: bold;margin: 20px 0% 15px 0%;}

.ct_anuncio3 {border: 1px solid #585858;box-shadow: inset 0 1px #484848;color: white;background-image: linear-gradient(#444444,black);}

.ct_anuncio2 {
float: right;
padding: 3px 15px 3px 15px;	
min-width: 140px;
}

.apptd {width: 100%;float: left;margin: 0 auto;}
.whcp {width: 90%;min-height: 571px;border-radius: 1px;display: none;float: left;background-color: #fefefe;margin: 20px 5% 0px 5%;border: 1px solid #a9a9a9;box-shadow: 0px 0.5px 10px rgba(0, 0, 0, 0.41);border-bottom: none;}



.pgexibe {display: none;
}

/* versao 3 */
.sptbx {
height: 50px;
display: none;
width: 350px;
}


.slexibe {float: right;min-height: 50px;margin-top: -7px;border-bottom: none;border-top: 1px solid #a9a9a9;border-left: 1px solid #a9a9a9;border-right: 1px solid #a9a9a9;background-color: white;padding: 7px 10px 4px 10px;}
/* versao 3 */

.cpbaixo , .bdtopo {width: 100%;
float: left;
margin: 0 auto;	
}


.cbmaior , .cbmenor {width: 100%;
float: left;
margin: 0 auto;	
height: 468px;	
}
.cbmaior {
background-image: url('../../midias/imagens/fundo_whatsapp.jpg');
background-repeat: repeat;	
background-size: 100%;
padding: 10px 15px 15px 15px;
overflow: auto;
}

.msgsd , .strsd , .conflk {padding: 0.3% 40px 0px 14px;float: left;margin: 0 auto;padding-left: 10px;font-size: 15px;font-family: 'Raleway';line-height: 340%;color: #454647;}

.strsd {width: 60%;padding-left: 115px;}

.wtse {
font-family: 'Noto Serif';	
}

.conflk {padding: -0% 20px 0px 11px;float: right;text-align: right;text-decoration: underline;color: blue;cursor: pointer;}

.ldpfcp , .ldpfcp2 {width: 100%;float: left;padding-left: 10px;padding-top: 3px;margin: 0 auto;height: 60px;border-bottom: 1px solid #b1b1b142;cursor: pointer;}

.ldpfcp2 {
	background-color: bisque;
}

.imgcl {width: 42px;float: left;height: 42px;margin: 6px 3% 6px 2%;border-radius: 50%;border: 1px solid #a1a1a1;}

.nmcl {width: 60%;
float: left;
margin: 3px 3% 3px 0%;
height: 42px;
font-size: 15px;
font-family: 'Raleway';
line-height: 340%;
color: #454647;    
white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis;
}

.opccl {float: right;margin: 15px 2% 10px 0%;background-color: #09d261;color: #feffff;font-size: 15px;padding: 0 5px;border-radius: 12px;/* font-weight: bold; */font-family: sans-serif;text-align: center;}

.imgcl img {
border-radius: 50%;		
}


.cbmenor {height: 50px;}

.bdtopo {height: 60px;border-bottom: 1px solid #bdbdbdad;}



.cpbaixo {
height: 518px;
}

.lda1 , .lda2 {width: 23%;
float: left;
margin: 0 auto;	
height: 519px;
}

.lda1 {overflow: auto;border-right: 1px solid #a9a9a9;/* border-bottom: 1px solid #a9a9a9; */}

.lda1::-webkit-scrollbar-track {
    background-color: #F4F4F4;
}
.lda1::-webkit-scrollbar {
    width: 6px;
    background: #F4F4F4;
}
.lda1::-webkit-scrollbar-thumb {
    background: #dad7d7;
}
.lda2 {
width: 77%;	
}

.cbmaior::-webkit-scrollbar-track {
    background-color: #F1F1F1;
}
.cbmaior::-webkit-scrollbar {
    width: 6px;
    background: #F1F1F1;
}
.cbmaior::-webkit-scrollbar-thumb {
    background: #BABABA;
}

.ldcxe , .ldcxic {width: 77%;float: left;margin: 0 auto;height: 50px;}

.ldcxic {width: 23%;
margin: 0px 0% 0% 0%;
background-color: white;
}

.divup {width: 100%;
height: 100%;
position: relative;
top: -53px;
outline: none;
}

.ic1 , .ic2 , .ic3 , .ic4 {width: 25%;float: left;height: 49px;text-align: center;cursor: pointer;}

.ic4 {
border-right: none;
}


@media (min-width: 240px) and (max-width: 150000px) {
/* popup */
.fundo_en , .fundo_en2 , .fundo_en3 {width: 100%;height: 100%;min-height: 1000px;background-color: rgba(0, 0, 0, 0.88);position: fixed;top: 0;left: 0;display: none;z-index: 6;}

.td_popup , .td_popup2 {width: 300px;height: 150px;border-radius: 7px;background-color: #fff;position:absolute;top: 50%;left: 50%;margin-left: -150px;margin-top: -300px;}

.fundo_en2 {	
background-color: rgba(0,0,0,0.4);	
z-index: 7;
}

.fundo_en3 {
background-color: rgba(0,0,0,0.6);		
z-index: 8;
}

.td_popup2 {width: 36%;left: 32%;top: 12.5%;min-height: 350px;border-radius: 4px;padding: 12px;}

.msg_popup {width: 100%;display: inline;float: left;margin: 0 auto;padding: 15px;font-size: 16px;font-family: raleway;text-align: center;margin-top: 25px;}

.fc_popup {
  font-size: 1.25em;
  font-weight: bold;
  background-color: #000;
  border: none;
  padding: .5em 1em;
  color: #fff;
  box-shadow: 0 0 0 2px #000 inset;
  border-radius: .25em;
  cursor: pointer;
  transition: background .4s ease, color .4s ease;
  /* min-height: 35px; */
  /* display: inline; */
  float: left;
  margin: 0px 35% 20px 34%;
  font-family: 'Source Sans Pro';
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  background-color: black;
  /* color: white; */
  /* background-image: linear-gradient(#000000,#000000); */
  outline: none;
  cursor: pointer;
  }
/* fim popup */
}

@media (min-width: 240px) and (max-width: 480px) {
.td_popup {width: 70%;
left: 15%;
top: 33%;
}    
}