/* !Login Container [.login-container] */
/* ----------------------------------------------- */
.login-container {
  width: 100%;
  max-width: 450px;

  margin: 65px auto 0;
}

/* !Login Body [.login-body] */
/* ----------------------------------------------- */
.login-body {
  position: relative;

  padding: 25px 25px 0 25px;
  margin-bottom: 1em;

  text-align: center;

  background: #fff;

  border: 1px solid #99BB4A;

  border-radius: 4px;
}

  .login-body hr {
    width: 30%;
    margin: 30px auto;

    border-top-color: #B1CB76;
  }

/* !Login Logo [.login-logo] */
/* ----------------------------------------------- */
.login-logo {
  position: relative;

  margin: -45px auto 20px;
}

/* !Login Title [.login-title] */
/* ----------------------------------------------- */
.login-title {
  color: #718D36;

  font-size: 22px;
}

.login-subtitle {
  color: #868686;

  font-size: 13px;
}

/* !Login Form [.login-form] */
/* ----------------------------------------------- */
.login-form {
  margin-bottom: 40px;

  text-align: left;
}

  .login-form .control-group {
    margin-bottom: 25px;
  }

  .login-form label {
    color: #666;

    font-size: 14px !important;
  }

  .login-form .form-control {
    min-height: 34px;
  }

  .login-field-remember input {
    display: inline-block;
  }

/* !Login Retrieve [.login-retrieve] */
/* ----------------------------------------------- */
.login-retrieve {
  padding: 15px 0;
  margin: 0 -25px 0;

  background: #f5f5f5;

  border-top: 1px solid #e1e1e1;

  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

  .login-retrieve a {
    color: #666666;

    font-size: 14px;
  }

/* !Login Submit Btn [.login-submit-btn] */
/* ----------------------------------------------- */
.login-submit-btn {
  display: block;

  width: 100%;
  padding: 15px 0;

  font-size: 18px;

  color: #fff;
  
  background-color: #86a53f;
  
  background-image: -webkit-linear-gradient(top, #9ABB4D 0%, #86a53f 100%);
  background-image: linear-gradient(to bottom, #9ABB4D 0%, #86a53f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff86a53f', endColorstr='#ff62792e', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #738D36;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

  .login-submit-btn:hover,
  .login-submit-btn:focus {
    color: #fff;

    background-color: #86a53f;
    background-position: 0 -15px;
  }

  .login-submit-btn:active,
  .login-submit-btn.active {
    background-color: #86a53f;
    border-color: #738D36;

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }



@media (min-width: 767px) {
  .login-container {
    width: 450px;
  }

  .login-field-password {
    display: inline-block;

    width: 240px;
  }

  .login-field-remember {
    display: inline-block;

    position: relative;
    top: -3px;

    margin-left: 20px;
  }
}