/* ==========================================================================
   Shared additions for the entry pages (sign-in, registration, recovery)

   The static designs have no state for a rejected field. Server-side
   validation messages appear as a red line under the input; the field itself
   keeps its normal colours.
   ========================================================================== */

.field-error {
  margin-top: 6px;
  color: #dc3545;
  font-size: 13px;
  text-align: right;
}

/* Input, label and eye button sit in a box exactly the size of the input. The
   field around it can grow (its own message, or a neighbour's message
   stretching the row) without moving the button off the input's centre. */
.input-box {
  position: relative;
}

.toggle-password,
.toggle-password-confirmation {
  background: none;
  border: none;
  padding: 0;
}