.signup_body {
  margin-top: 3.9em;  /* adjusting for fixed header */
}

.signup-page-banner {
  min-height: 14em;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 2em;
}

.has-error .form-control {
  border-color: #a94442;
}

form label {
  font-weight: bold;
}

.form-check label {
  font-weight: normal;
}

.signup-password-warning {
  /* The default bootstrap "text-warning color isn't showing up great against the white background on the signup page
     so using a slightly darker "yellow" for the password warning */
  color: #b1871b;   /* shade of goldenrod */
}

.navbar-nav {
  /* The theme used by the "index" page overrides the .navbar-nav styles such that the hamburger menu drop down for
     small screen sizes was showning the items horizontal (inline) instead of vertical.  This resets the styling so
     that the menu items are vertical on small screens. */
  display: flex;
  flex-direction: column;
}

.navbar-nav .nav-item.active .nav-link:before {
  /* The theme being used on the "index" page was causing a "white line" to be displayed above the active menu item.
     This hides that line. */
  display :none;
}

.sm_terms_area {
  height: 30em;
  overflow-y: scroll;
  border: 1px solid #ccc;
  padding: .75em;
}


#signup_confirmation_form .row label {
  padding-right: 0em;
}

#signup_confirmation_form .form-group {
  margin-bottom: 0em;
}

.nav-pills .nav-link.active {
  background-color: red;
}

.nav-pills .nav-link {
  color: green;
}