body {
  background: none;
  float: left;
  width: 100%;
  height: 100vh; }

.logo-name img {
  display: block;
  margin: 0px auto;
  padding-bottom: 20px; }

#esquerda-login {
  background-color: #DCB05B;
  width: 50%;
  height: 100vh;
  float: left;
  overflow: hidden; }
  @media (max-width: 992px) {
    #esquerda-login {
      width: 100%;
      height: 110px; } }
  @media (max-width: 992px) {
    #esquerda-login h1 {
      margin: 0px; } }
  @media (max-width: 992px) {
    #esquerda-login h1 img {
      padding: 0px; } }

#envolve-login {
  background-color: #fff;
  background-image: url(../../img/bg.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  width: 50%;
  height: 100vh;
  float: left; }
  @media (max-width: 992px) {
    #envolve-login {
      width: 100%;
      height: auto;
      padding-bottom: 390px;
      background-size: auto 380px; } }

@media (max-width: 992px) {
  #envolve-login {
    padding-left: 15px;
    padding-right: 15px; } }

.loginscreen {
  width: 100%;
  max-width: 400px;
  margin: 80px auto 0px; }
  @media (max-width: 1400px) {
    .loginscreen {
      margin: 120px auto 0px; } }
  @media (max-width: 992px) {
    .loginscreen {
      margin: 20px auto 0px; } }

@media (max-width: 992px) {
  .middle-box {
    padding-top: 6px; } }

.loginscreen form {
  background-color: #fff;
  padding: 20px; }

.loginscreen form .form-group {
  margin-bottom: 5px; }

.loginscreen form .form-group .form-control {
  height: 45px; }

.loginscreen form .btn {
  background-color: #0d6ba3;
  border-color: #0d6ba3;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase; }

/*# sourceMappingURL=login.css.map */