input[type=submit]{ border: 0; width: 6em; padding: 10px; font-size: 0.9em; background-color: #ffa500; }
body#login{ background-color:#fff !important; font-size: 1.5em; color: #000 !important; }
html,body{ position: relative; height: 100%; }

@media (min-width: 992px) and (max-width: 1100px){
    #logoEmpresa{ float: left; margin: 15% 10%; max-height:80%; max-width:35%; }
    #logoEmpresa img{ max-width: 100%; width: 100%; }
}

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% {  opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

#logoEmpresa{ float: left; margin: 12% 10%; max-height:80%; }
#logoEmpresa img{ max-width: 100%; width: 100%; }

#footerLogin{ color:#fff; position: fixed; text-align: center; width: 100%; padding: 1%; } 

#output{ position: relative; width: 100%; left: 0; color: #fff; padding: 2%; margin-bottom: 1%; }
#output.alert-success{ background: rgb(25, 204, 25); }
#output.alert-danger{ background: rgb(228, 105, 105); }

.login_wrapper{ margin-top:6%; margin-left:55%;}

.encerraSessao { margin: 5% auto;}
.encerraSessao img{ max-width: 30%; margin-bottom: 5%; }

.login_content h1::before{ background-color: #fff !important; }
.login_content h1::after{ background-color: #fff !important;}
.login_content div .reset_pass{ float: none; margin-top: 50px !important; }
.login_content form div a{ color: #fff; font-size: 0.9em; background-color: #ffbc3d; padding: 10px; }
.login_content form div a:hover{ text-decoration: none; list-style: none; color: #2A3F54; font-size: 0.9em; background-color: #fff; padding: 10px; }

.login-container{ position: relative; width: 300px; margin: 80px auto; padding: 20px 40px 40px; background: #fff; border: 1px solid #ccc; }
.login-container::before,.login-container::after{ content: ""; position: absolute; width: 100%;height: 100%; top: 3.5px;left: 0; background: #fff; z-index: -1; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); border: 1px solid #ccc; }
.login-container::after{ top: 5px; z-index: -2; -webkit-transform: rotateZ(-2deg); -moz-transform: rotateZ(-2deg); -ms-transform: rotateZ(-2deg); }

.avatar{ width: 100px;height: 100px; margin: 10px auto 30px; border-radius: 100%; border: 2px solid #aaa; background-size: cover; }

.form-box input{ width: 100%; padding: 10px; text-align: center; height:40px; border: 1px solid #ccc; color: #000759; transition:0.2s ease-in-out; }
.form-box input:focus{ outline: 0; background: #F0E68C; }
.form-box input[type="text"]{ border-radius: 5px 5px 0 0; text-transform: lowercase; }
.form-box input[type="password"]{ border-radius: 0 0 5px 5px; }
.form-box button.login{ margin-top:15px; padding: 10px 20px; }
.form-box input[type="submit"].login{ margin-top:15px; padding: 10px 20px; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }