/* Page-specific css. */

.ft-legal-notices {
  font-size: 0.6rem; /* Put legal notices in smaller font. */
  border-top: 1px solid #808080; /* Separate from other items by thin line. */
}

.btn {
  margin-top: 5px; /* Add visually pleasing space above buttons. */
  margin-bottom: 5px; /* Add visually pleasing space above buttons. */
}

.ft-login-password-form {
  margin-top: 1rem; /* Add space above "please enter your login/password" */
  margin-bottom: 1.5rem; /* Add space below form (including buttons). */
}

.ft-login-button {
  width: 20rem; /* Give login:home and login:charts and continue buttons a consistent size so they line up. */
  margin-bottom: 0px; /* Keep login:home and login:charts close together in a visual group. */
}

.ft-login-password-inputs input {
  margin-right: 5px; /* Add a small space between login and password inputs. */
}

.ft-sample-charts {
  font-size: 0.8rem; /* Slightly smaller than default text on page. */
}

.ft-sample-charts .btn {
  margin-right: 5px; /* For chart thumbnails (buttons) within the sample charts, add a visually pleasing whitespace between each. */
}

.ft-thumbnail {
  width: 16em; /* Control width of thumbnails. */
}

/* Center sample images within the modal dialog body. */
.ft-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* User message (e.g. please login to FabTime to access this page) */
.ft-user-message {
  color: red;
}

/* Home-page bulletins */
.ft-bulletins {
  border-top: 1px solid #808080; /* Separate from other items by thin line. */
  border-bottom: 1px solid #808080; /* Separate from other items by thin line. */
  margin-bottom: 1rem;
}