.login_wrapper {
  right: 0px;
  margin: 0px auto;
  padding-top: 5%;
  max-width: 350px;
  position: relative;
}
.login_form {
  width: 100%;
  z-index: 22;
}
.login_content {
  margin: 0 auto;
  padding: 25px 0 0;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  min-width: 280px;

  form {
    margin: 20px 0;
    position: relative;

    form input[type="text"], input[type="email"], input[type="password"] {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
      -moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
      -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
      -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
      box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
      border: 1px solid #c8c8c8;
      color: #777;
      margin: 20px 0 0;
      width: 100%;
    }
    input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus {
      -webkit-box-shadow: 0 0 2px #AA77B4 inset;
      -moz-box-shadow: 0 0 2px #ed1c24 inset;
      -ms-box-shadow: 0 0 2px #ed1c24 inset;
      -o-box-shadow: 0 0 2px #ed1c24 inset;
      box-shadow: 0 0 2px #A97AAD inset;
      background-color: #fff;
      border: 1px solid #A878AF;
      outline: none;
    }
    button[type="submit"] {
      margin: 20px 0 20px;
    }
  }
}

.separator {
  border-top: 1px solid #D8D8D8;
  margin-top: 10px;
  padding-top: 10px;
}