html,
body {
  height   : 100%;
  min-width: 100%;
}

body {
  background-color   : #eee;
  width              : 100%;
  height             : auto;
  min-height         : 100%;
  background-image   : url(../img/signin/bg.jpg);
  background-repeat  : no-repeat;
  background-size    : cover;
  background-position: center;
  position           : relative;
}

.transicao {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition   : opacity 0.2s ease-in-out;
  transition        : opacity 0.2s ease-in-out;
}

.form-login .carregando-show {
  position: absolute;
  width   : 100% !important;
}

.alert {
  font-size: 14px;
}

.form-login {
  position        : absolute;
  width           : 388px;
  min-height      : 100vh;
  left            : 0px;
  top             : 0px;
  padding         : 30px;
  background-color: #fff;
}

.form-login form {
  max-width: 450px !important;
}

.form-login form img {
  width: 200px;
}

.form-login .hide {
  opacity: 0;
}

.form-login .recuperar .btn,
.form-login .servidor .btn,
.form-login .servidor-recuperar .btn,
.form-login .senha-alterar .btn {
  width: calc(50% - 0.7rem);
}

.form-login a {
  color          : rgba(0, 0, 0, .7);
  text-decoration: none;
}

.form-login a:hover {
  color: rgba(0, 0, 0, 1);
}

.form-login .text-center,
.form-login .text-left {
  font-size: 14px;
}

.form-login form {
  max-width: 450px;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom             : -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius : 0;
}

.form-signin input[type="password"] {
  margin-bottom          : 10px;
  border-top-left-radius : 0;
  border-top-right-radius: 0;
}


@media (max-width: 1199.98px) {
  .form-login {
    width      : 100% !important;
    display    : grid !important;
    place-items: center !important;
  }

  .form-login .login,
  .form-login .recuperar {
    margin: auto;
  }
}

@media (min-width: 507px) and (max-width: 1199.98px) {
  .form-login form {
    width    : 450px !important;
    max-width: 90% !important;
  }

}