.auth-form.medium-7 {
  margin-bottom: 2rem;
  border-left: 1px solid #EAEAEA;
  padding-top: 1.5rem;
  min-height: 14rem;
}
.auth-form input[type=text],
.auth-form input[type=password] {
  box-shadow: none;
  padding: .5rem;
  max-width: 100%;
  border-radius: 0;
}
.auth-form input[type=text]:focus,
.auth-form input[type=password]:focus {
  border-color: #70CCF1;
  box-shadow: 0 0 0 4px #E2F7FF;
  background-color: #FFF;
}
.auth-form input[type=text].valid,
.auth-form input[type=password].valid {
  border-color: #63C261;
  box-shadow: 0 0 0 4px #E7F9EB;
}
.auth-form input[type=text].error,
.auth-form input[type=password].error {
  border-color: #F17070;
  box-shadow: 0 0 0 4px #FFE2E2;
}
.auth-form p {
  font-weight: 300 !important;
  font-size: .95rem;
}
.auth-form a {
  color: #70CCF1;
  font-size: .95rem;
  border-bottom: 1px solid rgba(112, 204, 241, 0.4);
}
.auth-form a:hover {
  border-bottom: 1px solid transparent;
}
.auth-form .button {
  outline: none;
  color: #FFF;
  border-radius: 0;
  border: none;
  display: inline-block;
  padding: .65rem 2rem;
  margin: 0 .5rem 0 0;
  font-size: .9rem;
  text-transform: uppercase;
  background: #70CCF1;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
}
.auth-form .button:hover {
  color: #FFF;
  background: #73d6fb;
  border-bottom: none;
}
.auth-form .button:focus {
  position: relative;
  top: 1px;
}