body {
  margin 0 auto;
  widows: 100%;
  height: auto;
}

.login {
  min-height: 100vh;
  margin-top: -20px;
}

.box-login {
  border: 1px solid #31D2F2;
  border-radius: 20px;
  padding: 30px 20px;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(158,156,158,1);
  -moz-box-shadow: 10px 10px 5px 0px rgba(158,156,158,1);
  box-shadow: 10px 10px 5px 0px rgba(158,156,158,1);
}

.box_novo {
  font-size: 14px;
  max-height: 80px;
  border: 1px solid #ffc778;
  border-radius: 20px;
  padding: 30px 20px;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(158,156,158,1);
  -moz-box-shadow: 10px 10px 5px 0px rgba(158,156,158,1);
  box-shadow: 10px 10px 5px 0px rgba(158,156,158,1);
}

.bg-image {
  background-image: url('https://manutpid.sistemasfesc.com.br/images/capa.jpg');
  background-size: cover;
  background-position: center;
  transition: 0.3s;
  -webkit-border-bottom-right-radius: 70%;
  -moz-border-radius-bottomright: 70%;
  border-bottom-right-radius: 70%;
}

.login-heading {
  font-weight: 300;
}

.btn-login {
  font-size: 0.9rem;
  letter-spacing: 0.05rem;
  padding: 0.75rem 1rem;
  max-width: 50%;
}

.botao_logar a {
  text-decoration: none;
  color: #000;
}

input[type="checkbox"] {
  display: none;
}


/* ini: Preloader */ 
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#000000; /* cor do background que vai ocupar o body */
    opacity: 0.5;
    z-index:999; /* z-index para jogar para frente e sobrepor tudo */
}
#preloader .inner {
    position: absolute;
    top: 50%; /* centralizar a parte interna do preload (onde fica a animação)*/
    left: 50%;
    transform: translate(-50%, -50%);  
}

#preloader h5 {
    color: #FFF;
}