/*
 * WYML Program Director account/admin UI typography
 * Keeps the public WYML.css visual effects from affecting administrative forms.
 */

.panel,
.panel * {
  text-shadow: none !important;
}

.panel {
  line-height: 1.45;
}

.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
  color: #ffffff;
  text-shadow: none !important;
  line-height: 1.2;
}

.panel p,
.panel label,
.panel span,
.panel td,
.panel th,
.panel small,
.panel div {
  text-shadow: none !important;
}

.panel strong {
  color: inherit !important;
  font-style: normal !important;
  font-weight: bold;
  text-shadow: none !important;
}

.panel em {
  color: inherit !important;
  font-style: italic !important;
  font-weight: inherit;
  text-shadow: none !important;
}

.panel label {
  color: #ffffff !important;
  line-height: 1.35;
}

.panel small,
.panel .field-help {
  color: #e5e7eb !important;
  line-height: 1.35;
}

.panel input,
.panel textarea,
.panel select,
.panel button {
  text-shadow: none !important;
  line-height: 1.35;
}

.panel .notice,
.panel .notice *,
.panel .error,
.panel .error * {
  color: #332701 !important;
  text-shadow: none !important;
}

.panel .ok,
.panel .ok * {
  color: #0f5132 !important;
  text-shadow: none !important;
}

/* Reserve red for actual validation/error states. */
.panel .danger-text,
.panel .validation-error {
  color: #dc2626 !important;
  font-weight: bold;
}

/* Give labels and controls comfortable vertical separation. */
.panel .row {
  margin-top: 16px;
  margin-bottom: 16px;
}

.panel .row > label {
  margin-bottom: 7px;
}