/* logo page */
#logo {
  width: 247px;
  margin: 0 auto;
  margin-top: 10px;
  padding: 15px;
  text-align: center;
}

.splash {
  padding-bottom: 35px;
}
.splash img {
  max-height: 220px;
}

#login {

  background-image:url("../../img/body.jpg"); 
  width: 247px;
  margin: 0 auto; 
  padding: 20px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

#login .form-actions {
  padding: 20px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 0px; 
    -webkit-border-radius: 0px 0px 4px 4px;
       -moz-border-radius: 0px 0px 4px 4px;
            border-radius: 0px 0px 4px 4px;
  margin-bottom: -37px;   
}

#login i {
  color: #999 !important;
}

#login p {
  margin-top: 10px;
  margin-bottom:10px;
  padding: 0px;
}

#login #forget-password {
  margin-top: 5px;
 font-size: 13px;
}

.remember-me {
  margin-top: 0px;
  margin-bottom: 25px;
}

.remember-me label{
  font-size:13px;
}

#login-copyright {
  text-align: center;
  width: 250px;
  margin: 0 auto; 
  padding: 10px 10px 0 10px;
  color: #999;
  font-size: 11px;
}

@media (max-height: 740px) {
  #logo {
    margin-top: 5px;
    padding: 15px;
  }
  .splash {
    padding-bottom: 25px;
  }
  .splash img {
    max-height: 150px;
  }
}

@media (max-height: 560px) {
  #logo {
    margin-top: 0px;
    padding: 15px;
  }
  .splash {
    padding-bottom: 25px;
  }
  .splash img {
    max-height: 130px;
  }
}

@media (max-height: 500px) {
  #logo {
    padding: 10px;
    width: 200px;
  }
  .splash {
    padding-bottom: 15px;
  }
  .splash img {
    max-height: 100px;
  }
  #login p {
    margin-top: 0px;
  }

  #loginform .input-prepend {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  #loginform .input-prepend input{
    width: 206px;
  }
}