body, html { height: 100%; }

/* Formulários */

textarea { resize: none; }

label.has-error { color: #c00; font-size: 14px; margin-bottom: 0;  }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label { color: #a94442; }
.custom-file.has-error input,
.has-error.form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.has-error.form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; }
.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; }
.has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; }
.has-error .form-control-feedback { color: #a94442; }
.btn-default.has-error { border-color: #a94442 !important; }
.tox-edit-area.has-error { border-color: #a94442 !important; }


input[type='text'].no-outline ,
input[type='number'].no-outline ,
input[type='password'].no-outline ,
textarea.no-outline {
  outline: none;
  box-shadow:none !important;
  border:1px solid #ccc !important;
}

#login {
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

#login .alert {
  margin-top: 15px;
}

#login label[for="manter"] {
  font-size: 14px;
  cursor: pointer;
}

#login .checkbox {
  padding-left: 2px;
  margin-top: 15px;
}

#login .form {
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

#login button[type=submit] {
  width: 100%;
}

#login .icon-login {
  font-size: 60px;
  margin-bottom: 15px;
}

#login .bg {
  background: url(../img/login.jpg) center center no-repeat;
}

/* NO CLASS  */
@media (min-width: 576px) {

  #login {
    width: 535px;
    padding-left: 20px;
    padding-right: 20px;
  }

/*    #login button[type="submit"] {
      display: block;
      width: 100%;
      margin-bottom: 20px;
    }*/
}

@media (min-width: 768px) {

  #login {
    width: 750px;
  }

  #login .form {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 450px;
    display: table;
  }

    #login .form .form-content {
      display: table-cell;
      vertical-align: middle;
    }

}