.principal {
                    display: none;
                    padding: 0;
                }
                
                .principal .topo {
                    height: 17rem;
                    background-color: #ffa500
                }
                
                .principal .corpo {
                    max-width: 500px;
                    margin: 0 auto;
                    padding: 0 10px;
                    text-align: center;
                }
                
                .telaLoginImg {
                    width: 250px;
                    margin-top: -13rem;
                }
                
                .principal .footer {
                    width: 100%;
                    text-align: center;
                    padding: 5vh;
                    background: rgb(255, 165, 0);
                    background: linear-gradient(0deg, rgba(255, 165, 0, 1) 40%, rgba(255, 255, 255, 0.4) 100%);
                    bottom: 0;
                    position: fixed;
                }
                
                .botoes {
                    max-width: 500px
                }
                
                .container-fluid {
                    padding: 0px;
                }
                
                .carregamento {
                    position: fixed;
                    left: 0px;
                    top: 0px;
                    text-align: center;
                    width: 100%;
                    height: 100%;
                    z-index: 9999;
                }
                
                .carregamento .carregamentoSite {
                    position: fixed;
                    left: 0px;
                    top: 0px;
                    text-align: center;
                    margin-top: 100px;
                    width: 100%;
                    height: 70%;
                    z-index: 99999;
                    background: url("../images/acumulae.png") center no-repeat #ffffff00;
                    background-size: 200px;
                    animation: animacaoCarregamentoSite 2s;
                }
                
                @keyframes animacaoCarregamentoSite {
                    0%,
                    25% {
                        opacity: 0;
                        transform: scale(0.75);
                    }
                    75%,
                    100% {
                        opacity: 1;
                        transform: scale(1.0);
                    }
                }
                
                .preCarregamento {
                    position: fixed;
                    left: 0px;
                    top: 0px;
                    width: 100%;
                    height: 100%;
                    z-index: 9999;
                    background: url("../../images/svg-loaders/preCarregamento.gif") center no-repeat #e5eff1;
                }
                
                .logo {
                    width: 50%;
                    height: auto;
                }
                
                .headerLogin {
                    background-color: orange;
                }
                
                .footerLogin {
                    background-color: orange;
                }
                
                .headerCadastro {
                    color: white;
                }
                
                .bordaBrancaBotao {
                    border: 2px solid white;
                }
                
                .verSenha {
                    background-color: lightgray
                }