/* 
    Created on : 29 de nov. de 2021, 11:55:07
    Author     : almerindo junior
    Empresa    : Theslex
    Portifolio : almerindojunior.tk 
*/

.lnr_eyeDiv{
    position: relative;
}

.lnr_eyeInput{
    position: relative;
    border-radius: 0;
    padding: 5px; 
    margin-bottom: 10px; 
    box-sizing: border-box;
}



.alert-danger{
    background-color: rgba(240, 7, 7, 0.35); 
    color: #fff; 
    padding-top: 7px;
    padding-bottom: 5px; 
    border:1px solid #f00;
}


.msgNome{
    display: none;
}



#msgIdentidade,
#msgNome,
#msgNomeSocial,
#msgCpfInput,
#msgCep,
#msgNumeroCasa,
#msgTelefone,
#msgEmail,
#msgLogin,
#msgRecaptcha,
#msgSenha {
    display: none;
}


#msgRecaptcha{
    text-align: center;
}




#grupoIdentidade div, 
#grupoNome div,
#grupoNomeChamado div,
#grupoCpf div,
#grupoCep div,
#grupoNumero div,
#grupoTelefone div,
#grupoEmail div,
#grupoUserTipo div,
#grupoLogin div{
    margin-top: 10px;
}
 .mobMsg{
      display: none;  
    } 
    
    #msgAll{
        display: none;
    }

    
    #grupoBtnCadastro{
        margin-top: 10px;
    }
    

@media (max-width: 575.98px) { 
    #positionCheck{
    text-align: left;
}
    
    .mobMsg{
      display: block;  
    } 
    
    #msgAll{
        display: none;
    }
    
    #msgLogin{
        width: 83vw;
    }
    
    .lnr_eye{
     position: absolute;
     top: 40px; 
     right: 30px;
     cursor: pointer;
     font-size: 20pt;
     color: #000000;
}
    
    #grupoNome{
    float: none;
    width: 90vw; 
    margin-right: 0%;
}
#grupoNome label,
#grupoNomeChamado label,
#grupoCpf label, 
#grupoCep label,
#grupoRua label,
#grupoBairro label,
#grupoCidade label,
#grupoEstado label,
#grupoNumero label,
#grupoTelefone label, 
#grupoEmail label,
#grupoLogin label,
#grupoSenha label,
#grupoUserTipo label,
#grupoIdentidade label{
    font-size: 14pt;
    font-weight: bold;
}
#grupoNome input,
#grupoNomeChamado input,
#grupoIdentidade input,
#grupoCpf input,
#grupoCep input, 
#grupoRua input,
#grupoBairro input, 
#grupoCidade input, 
#grupoEstado input, 
#grupoNumero input,
#grupoTelefone input,
#grupoEmail input,
#grupoUserTipo select{
    width: 90vw;
    height: 40px;
    font-size: 16pt;
}

#grupoNomeChamado{
    float: none; 
    width: 90vw;
}

#grupoCpf{
    float: none;
    width: 90vw; 
    margin-right: 0%;
}

#grupoCep{
    float: none;
    width: 90vw; 
    margin-right: 0%;
}

#grupoRua{
    float: none;
    width: 90vw; 
    margin-right: 0%;
}

#grupoBairro{
    float: none;
    width: 90vw;
}

#grupoCidade{
    float: none; 
    width: 90vw;
    margin-right: 0%;
}

#grupoEstado{
    float: none;
    width: 90vw;
    margin-right: 0%;
}

#grupoNumero{
    float: none;
    width: 90vw;
    margin-right: 0%;
}

#grupoTelefone{
    float: none;
    width: 90vw;
    margin-right: 0%;
}

#grupoEmail, #grupoUserTipo{
    float: none;
    width: 90vw;
}

#grupoDadosAcesso{
    float: left;
    width: 88vw;
    padding: 10px;
}

#grupoLogin{
    float: none;
    width: 92vw;
    margin-right: 0%;
}

#grupoLogin input{
    width: 83vw;
    height: 40px;
    font-size: 16pt;
}

#grupoSenha{
    float: none;
    width: 90vw;
}

#grupoSenha input{
    width: 83vw;
    height: 40px;
    font-size: 16pt;
}

#grupoBtnCadastro{
    float: none; 
    width: 90vw;
}


#grupoBtnCadastro button{
    width: 90vw;
    font-size: 12pt;
}

button{
    height: 50px;
}

}



@media (min-width: 576px) and (max-width: 767.98px) { 
    #positionCheck{
    text-align: left;
}
    
    .mobMsg{
      display: block;  
    } 
    
    #msgAll{
        display: none;
    }
    

    #grupoNome{
    margin-right: 0%;
}

#grupoNome, #grupoNomeChamado{
    float: none;
    width: 100%;
}

#grupoIdentidade, #grupoCpf, #grupoCep{
    float: none; 
    width: 100%;
    margin-right: 0%;
}

#grupoRua{
    float: left; 
    width: 100%;
    margin-right: 0%;
}


#grupoBairro{
    float: none; 
    width: 100%;
    margin-right: 0%;
}

#grupoCidade{
    float: none;
    width: 100%;
    margin-right: 0%;
}

#grupoEstado{
    float: none; 
    width: 100%; 
    margin-right: 0%;
}

#grupoNumero{
    float: none; 
    width: 100%;
    margin-right: 0%;
}


#grupoTelefone{
    float: none; 
    width: 100%;
    margin-right: 0%;
}

#grupoUserTipo{
    float: none; 
    width: 100%;
}

#grupoEmail{
    float: none; 
    width: 100%;
}

#grupoDadosAcesso{
    float: none;
    width: 100%;
    background: #deea1d;
    padding: 10px;
}

#grupoLogin{
    float: none;
    width: 100%;
    margin-right: 0%;
}

#grupoSenha{
    float: none; 
    width: 100%;
}


.lnr_eye{
     position: absolute;
     top: 35px; 
     right: 10px;
     cursor: pointer;
     font-size: 20pt;
     color: #000000;
}

#grupoBtnCadastro{
    float: left; 
    width: 100%;
}


#grupoBtnCadastro button{
    margin-top: 10px;
    width: 100%;
    font-size: 12pt;
}
}


@media (min-width: 768px) and (max-width: 991.98px) {
    
    #positionCheck{
    text-align: center;
}
    
    .mobMsg{
      display: none;  
    } 
    
    #msgAll{
        display: block;
    }
    
    #msgAll{
        float: left;
        width: 100%;
        text-align: center;
    }
    
    
    #grupoNome{
    margin-right: 2%;
}

#grupoNome, #grupoNomeChamado{
    float: left;
    width: 49%;
}

#grupoIdentidade, #grupoCpf, #grupoCep{
    float: left; 
    width: 22%;
    margin-right: 2%;
}

#grupoRua{
    float: left; 
    width: 25%;
    margin-right: 2%;
}


#grupoBairro{
    float: left; 
    width: 19%;
    margin-right: 2%;
}

#grupoCidade{
    float: left;
    width: 20%;
    margin-right: 2%;
}

#grupoEstado{
    float: left; 
    width: 10%; 
    margin-right: 2%;
}

#grupoNumero{
    float: left; 
    width: 10%;
    margin-right: 2%;
}


#grupoTelefone{
    float: left; 
    width: 20%;
    margin-right: 2%;
}

#grupoUserTipo{
    float: left; 
    width: 20%;
}

#grupoEmail{
    float: left; 
    width: 37%;
}

#grupoDadosAcesso{
    float: left;
    width: 100%;
    background: #deea1d;
    padding: 10px;
}

#grupoLogin{
    float: left;
    width: 49%;
    margin-right: 2%;
}

#grupoSenha{
    float: left; 
    width: 49%;
}


.lnr_eye{
     position: absolute;
     top: 35px; 
     right: 10px;
     cursor: pointer;
     font-size: 20pt;
     color: #000000;
}

#grupoBtnCadastro{
    float: left; 
    width: 100%;
}


#grupoBtnCadastro button{
    width: 100%;
    font-size: 12pt;
}
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
    #positionCheck{
    text-align: center;
}
    .mobMsg{
      display: none;  
    } 
    
    #msgAll{
        display: block;
    }
    
    #msgAll{
        float: left;
        width: 100%;
        text-align: center;
    }


    #grupoNome{
    margin-right: 2%;
}

#grupoNome, #grupoNomeChamado{
    float: left;
    width: 49%;
}

#grupoIdentidade, #grupoCpf, #grupoCep{
    float: left; 
    width: 15%;
    margin-right: 2%;
}

#grupoRua{
    float: left; 
    width: 25%;
    margin-right: 2%;
}


#grupoBairro{
    float: left; 
    width: 19%;
    margin-right: 2%;
}

#grupoCidade{
    float: left;
    width: 20%;
    margin-right: 2%;
}

#grupoEstado{
    float: left; 
    width: 10%; 
    margin-right: 2%;
}

#grupoNumero{
    float: left; 
    width: 10%;
    margin-right: 2%;
}


#grupoTelefone{
    float: left; 
    width: 20%;
    margin-right: 2%;
}

#grupoUserTipo{
    float: left; 
    width: 20%;
}

#grupoEmail{
    float: left; 
    width: 37%;
}

#grupoDadosAcesso{
    float: left;
    width: 100%;
    background: #deea1d;
    padding: 10px;
}

#grupoLogin{
    float: left;
    width: 49%;
    margin-right: 2%;
}

#grupoSenha{
    float: left; 
    width: 49%;
}


.lnr_eye{
     position: absolute;
     top: 35px; 
     right: 10px;
     cursor: pointer;
     font-size: 20pt;
     color: #000000;
}

#grupoBtnCadastro{
    float: left; 
    width: 100%;
}


#grupoBtnCadastro button{
    width: 100%;
    font-size: 12pt;
}

}

@media (min-width: 1200px) { 
    #positionCheck{
    text-align: center;
}
    .mobMsg{
      display: none;  
    } 
    
    #msgAll{
        display: block;
    }
   
    #msgAll{
        float: left;
        width: 100%;
        text-align: center;
    }
    
    

    #grupoNome{
    margin-right: 2%;
}

#grupoNome, #grupoNomeChamado{
    float: left;
    width: 49%;
}

#grupoIdentidade, #grupoCpf, #grupoCep{
    float: left; 
    width: 15%;
    margin-right: 2%;
}

#grupoRua{
    float: left; 
    width: 25%;
    margin-right: 2%;
}


#grupoBairro{
    float: left; 
    width: 19%;
    margin-right: 2%;
}

#grupoCidade{
    float: left;
    width: 20%;
    margin-right: 2%;
}

#grupoEstado{
    float: left; 
    width: 10%; 
    margin-right: 2%;
}

#grupoNumero{
    float: left; 
    width: 10%;
    margin-right: 2%;
}


#grupoTelefone{
    float: left; 
    width: 20%;
    margin-right: 2%;
}

#grupoUserTipo{
    float: left; 
    width: 20%;
}

#grupoEmail{
    float: left; 
    width: 37%;
}

#grupoDadosAcesso{
    float: left;
    width: 100%;
    background: #deea1d;
    padding: 10px;
}

#grupoLogin{
    float: left;
    width: 49%;
    margin-right: 2%;
}

#grupoSenha{
    float: left; 
    width: 49%;
}


.lnr_eye{
     position: absolute;
     top: 35px; 
     right: 10px;
     cursor: pointer;
     font-size: 20pt;
     color: #000000;
}

#grupoBtnCadastro{
    float: left; 
    width: 100%;
}


#grupoBtnCadastro button{
    width: 100%;
    font-size: 12pt;
}


}