/***
Login page
***/
/* logo page */
.login {
  background-color: #f1f1f1 !important; }

.login .content-holder {
  width: 350px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -129px; }

.login .form-title {
  text-align: center;
  background: #4e5761;
  margin: 0;
  padding: 10px 0;
  color: #fff;
  font-weight: 300;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.login .content {
  background-color: #fff;
  width: 100%;
  height: auto;
  padding: 15px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.login .content .login-form .alert ul {
  margin: 10px 0 0 0;
  padding: 0; }
  .login .content .login-form .alert ul li {
    list-style: none; }

.login .content .login-form,
.login .content .forget-form {
  padding: 0px;
  margin: 0px; }

.login .content .form-actions {
  background-color: #fff;
  clear: both;
  border: 0; }

.login .content .form-actions .btn {
  margin-top: 1px;
  background: #4e5761; }

/* footer copyright */
.login .copyright {
  text-align: center;
  margin: 0 auto;
  padding: 10px 0 0 0;
  color: #999;
  font-size: 11px; }
  .login .copyright a {
    color: #999; }
  .login .copyright a:hover {
    color: #999; }

@media (max-width: 480px) {
  .login .content-holder {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    padding: 15px;
    margin-left: 0;
    margin-top: 0; }

  .login .content {
    background-color: #fff;
    width: 100%;
    height: auto;
    position: relative;
    top: auto;
    left: auto; } }