/*
******************************AVISO***********************************

Este material foi criado e desenvolvido pela Labraro.
======================================================================

É terminantemente proibida a cópia e reprodução, total ou parcial, deste conteúdo em outros locais que não tenham sido destinados para uso exclusivo da Labraro, sob pena da Lei de Direitos Autorais (Lei 9610/1998).

De acordo com o artigo 184 do Código Penal Brasileiro, a violação dos direitos do autor e os que lhe são conexos pode render uma pena de detenção de 3 (três) meses a 1 (um) ano, ou multa. O §1° deste artigo garante a proteção dos direitos autorais punindo a reprodução total ou parcial de uma obra com intuito de lucro sem que o detentor dos direitos permita.

Você poderá, no entanto, editar este material desde que sua finalidade seja de atualização, ou modificação para o cliente que já utiliza esta ferramenta.

Ressaltamos também que, periodicamente, realizamos varreduras na Web para detecção de qualquer atividade suspeita, cópia ou uso ilegal deste material em outros sites e domínios sem nosso consentimento.

======================================================================
*/

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

p{margin-bottom: 0px; line-height: 24px; color: #555; font-size: 16px;}

html,body{height: 100%;}
body{background: #fff; font-family: 'Source Sans Pro', verdana; font-size: 16px;}



.pagLog{height: 100%; position: absolute; width: 100%;}

.margemCaixaLog{padding: 20px; }

.caixaLog{background: #fff; border-top: solid 4px #dd3136; border-radius: 4px; margin: 50px auto; max-width: 460px; min-height: 385px; box-shadow: 0 2px 15px 5px rgba(0, 0, 0, .1); padding: 40px; position: relative; overflow: hidden; height: auto; }

.titLog{font-size: 18px; color: #555;}
.titLog span{color: #dd3136; font-size: 18px;}

.linhaCampo{width: 100%; margin: 3px 0px; }
.linhaCampo input{width: 100%; margin-bottom: 10px; border: 1px solid #e3e3e3; border-bottom-color: #F0F0F0; border-top-color: #e0e0e0; border-radius: 1px; box-shadow: 0 1px 2px rgba(10, 10, 10, .1)inset; resize: none; height: 42px; font-size: 16px; background-color: rgba(0, 0, 0, .03);}
.linhaCampo input:focus{border: solid 1px #dd3136;}

.linkEsqueci{font-size: 14px; padding-top: 10px; border-bottom: dashed 1px #dd3136;;}
.linkEsqueci a{text-decoration: none; color: #777;}
.linkEsqueci a:hover{text-decoration: none; color: #dd3136;}



.detalhes{float: left; position: relative; height: 90px; width: 100%; margin-top: 15px;}
.detalhes_linha{padding: 0 25px;}
.detalhes_linha_it{border-bottom: solid 1px #ccc; padding: 5px 5px; z-index: 5; height: 1px; width: 100%; clear: both;}
.detalhes_txt{position: absolute; top: 0px; left: 0px; z-index: 10; text-align: center; width: 100%;}
.detalhes_txt span{background: #fff; color: #ccc; font-size: 14px; text-transform: uppercase; padding: 0 7px;}

.logoLab{background: url(../img/logo.svg) no-repeat center; position: absolute; top: 40px; clear: both; width: 100%; height: 46px; background-size: 120px 82px;}




/*ESTILOS CORES*/
.bordaCor{border-color: #dd3136;}
/*ESTILOS CORES*/


/* mobile */
@media (max-width: 600px){
    .margemCaixaLog{padding: 0px; }
    .caixaLog{margin-top: 0px; max-width: 100%; box-shadow: none; border-top: solid 9px #dd3136; border-radius: 0px;}
    .linkEsqueci{text-align: center; width: 100%; margin-bottom: 20px; padding-top: 0px; border-bottom: none;}
    .btn{float: left; width: 100%; clear: both;}
    .logoLab{top: 30px;}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 601px) and (max-width: 767px), only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    
}

/* Larger than tablet */
@media (min-width: 768px) and (max-width: 999px), only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    
    
}

/* Larger than desktop */
@media (min-width: 1000px) and (max-width: 1200px) {
    
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    
}