.narrative-user-login {
  text-align: center;
  width: 100%;
  max-width: 450px;
  margin: 30px auto;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px;
  box-sizing: border-box;
}
.narrative-user-login img {
  height: auto;
}
.narrative-user-login .page-header {
  margin-top: 30px;
  font-size: 29px;
}
.narrative-user-register .page-header {
  font-size: 24px;
  color: #ed4c3b;
  font-family: "Open Sans", Arial, Helvetia, sans-serif;
}
.narrative-user-register .header-image {
  text-align: center;
  max-width: 361px;
  margin: 0 auto;
}
.narrative-user-login form .form-type-email input,
.narrative-user-login form .form-type-password input,
.narrative-user-login form .form-type-textfield input {
  background: rgba(208, 208, 208, 0.04);
  border-radius: 3px;
  font-size: 14px;
}
.narrative-user-login form .field--name-email-preferences-profiles > fieldset > .fieldset-wrapper {
  border-radius: 3px;
}
.narrative-user-login form .form-type-email input:focus,
.narrative-user-login form .form-type-password input:focus,
.narrative-user-login form .form-type-textfield input:focus {
  background: #FFF;
}
.narrative-user .user-register-form,
.narrative-user .user-login-form {
  max-width: 450px;
  margin: 20px auto;
}
.narrative-user .user-register-form .form-item label,
.narrative-user .user-login-form .form-item label {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 13px;
}
.narrative-user .password-suggestions,
.narrative-user #user-register-form .form-item.form-type-email label,
.narrative-user #user-register-form .form-item.form-type-textfield label,
.narrative-user #user-register-form .form-item.form-type-select label,
.narrative-user #user-register-form .form-item.form-type-password-confirm label {
  text-align: left;
  float: none;
  font-size: 13px;
  padding-top: 6px;
}
.narrative-user .password-suggestions {
  display: none !important;
}
.narrative-user #user-register-form .password-strength,
.narrative-user #user-register-form .password-confirm-message,
.narrative-user #user-register-form .form-item .password-strength,
.narrative-user #user-register-form .form-item .password-confirm {
  float: left;
  text-align: left;
  font-size: 13px;
}
.narrative-user-login .forgot-password {
  font-size: 14px;
}
.narrative-user-login .forgot-password a,
.narrative-user-login .forgot-password a:hover {
  text-decoration: none;
}
.narrative-user-login .user-login-form fieldset legend span.form-required::after,
.narrative-user-login .user-login-form .form-required::after {
  content: '';
}
.narrative-user-login .user-login-form .form-item-persistent-login,
.narrative-user-login .user-login-form .form-item-pass .description {
  display: none;
}
.narrative-user .user-register-form .form-actions {
  text-align: center;
}
.narrative-user .field--name-email-preferences-profiles {
  text-align: left;
}
.narrative-user .user-register-form .form-actions .form-submit,
.narrative-user .user-register-form button.ui-button,
.narrative-user .user-register-form .form-submit:hover,
.narrative-user .user-register-form button.ui-button:hover,
.narrative-user .user-login-form .form-actions .form-submit,
.narrative-user .user-login-form button.ui-button,
.narrative-user .user-login-form .form-submit:hover,
.narrative-user .user-login-form button.ui-button:hover {
  background: #ed4c3b;
  color: #fff;
  border: none;
  height: 40px;
  width: 100%;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 0;
}
.narrative-user #user-register-form input.form-submit {
  width: 180px;
}
.narrative-user #user-register-form .form-item.form-type-password-confirm .password-field.form-text,
.narrative-user #user-register-form .form-item.form-type-password-confirm .password-confirm.form-text {
  width: 250px;
}
.narrative-user-login h2.subheader {
  font-weight: normal;
  font-size: 14px;
  color: #333;
}
.narrative-user-register-link {
  padding: 10px;
  display: block;
  text-align: center;
  border: 1px solid #333;
  border-radius: 3px;
  max-width: 450px;
  margin: 10px auto;
}
a.narrative-user-register-link,
a.narrative-user-register-link:link,
a.narrative-user-register-link:visited {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}

.narrative-user-register .user-register-form-content .title {
  display: none;
}

.narrative-user #edit-email-preferences-profiles-0 .form-checkboxes {
  padding-left: 0;
}
.narrative-user .field--name-email-preferences-profiles > fieldset > .fieldset-wrapper,
.narrative-user #edit-email-preferences-profiles-0 .panel-body {
  padding: 1em 0.625em 0.25em;
  margin-bottom: 0;
}
.narrative-user #user-register-form .field--name-field-teacher-student .checkbox input[type="checkbox"] {
  position: relative;
}
.narrative-user #user-register-form .field--name-email-preferences-profiles .field--name-field-teacher-student .form-item {
  margin-left: 0;
  margin-top: 0;
}
.narrative-user #user-register-form .field--name-email-preferences-profiles > fieldset > .fieldset-wrapper .form-item {
  margin-left: 0;
}
.narrative-user .form-type-checkbox label {
  font-size: 0.85em;
}
.narrative-user,
.narrative-user.modal-dialog,
.narrative-user legend,
.narrative-user fieldset,
.narrative-user form#user-register-form div.title {
  font-family: Open Sans, arial, verdana, sans-serif;
  text-align: left;
}
.narrative-user legend {
  font-size: 14px;
  font-weight: bold;
}
.narrative-user #edit-email-preferences-profiles-0 legend .fieldset-legend {
  font-size: 14px;
}