/* Shared by every portal, loaded before each portal stylesheet: every class defined here carries the `shared-`
   prefix. */
:root {
  /* Corporate palette — always reference colors through these custom properties. */
  --color-primary: #0064a6;
  --color-primary-rgb: 0, 100, 166;
  --color-secondary: #009b90;
  --color-secondary-dark: #008278;
  --color-warning: #de6328;
  --color-danger: #ad1644;
  --color-purple: #741669;
}
/* AdminLTE sets the alert backgrounds with !important, so overriding them needs it too. */
.alert-success {
  background-color: var(--color-secondary) !important;
  border-color: var(--color-secondary) !important;
}
.alert-warning {
  background-color: var(--color-warning) !important;
  border-color: var(--color-warning) !important;
}
.alert-danger {
  background-color: var(--color-danger) !important;
  border-color: var(--color-danger) !important;
}
.shared-background-primary {
  background-color: var(--color-primary) !important;
  color: white !important;
}
.shared-background-secondary {
  background-color: var(--color-secondary) !important;
  color: white !important;
}
/* Clock + countdown of a date range that gates a screen (@App/call/window.html.twig). Sizes in
   px on purpose: shared.css is loaded by portals with different rem scales (10px vs 16px). */
.shared-call-window {
  padding: 15px 20px;
  margin-bottom: 25px;
  background-color: #f6f6f6;
  border-radius: 4px;
  border-left: 4px solid var(--color-primary);
  color: #31495c;
}
.shared-call-window p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
.shared-call-window .shared-call-window-now > i {
  margin-right: 5px;
  color: var(--color-primary);
}
.shared-call-window .shared-call-window-now small {
  color: #8a8a8a;
}
.shared-call-window .shared-call-window-countdown {
  margin-top: 6px;
  font-size: 15px;
}
.shared-call-window.shared-call-window-open {
  border-left-color: var(--color-secondary);
}
.shared-call-window.shared-call-window-closed,
.shared-call-window.shared-call-window-unscheduled {
  border-left-color: var(--color-warning);
}
/* Striped background as an environment cue. Admin/evaluator use AdminLTE's
   `.content-wrapper`; the participant/app area (skin-green, e.g.
   `_participant.stepper.index`) has no content-wrapper, so stripe its body. */
body.shared-env-dev .content-wrapper,
body.skin-green.shared-env-dev {
  background: url("../images/admin/stripe/1-fp3WFdo.png") repeat;
}
body.shared-env-pre .content-wrapper,
body.skin-green.shared-env-pre {
  background: url("../images/admin/stripe/2-NhN2YXu.png") repeat;
}
body.shared-env-test .content-wrapper,
body.skin-green.shared-env-test {
  background: url("../images/admin/stripe/3-NXs4e1M.png") repeat;
}
.login-page {
  background: url("../images/admin/background/login-kDR3Tgz.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
}
.shared-character-remaining {
  margin-bottom: 20px;
}
.shared-character-remaining .form-group {
  margin-bottom: 0;
}
/* Counter under the field: small, right-aligned against the field's edge, with tabular
   digits so the number does not shift while typing. */
.shared-character-remaining .shared-character-remaining-text {
  margin: 4px 0 0;
  font-size: 12px;
  text-align: right;
  color: #6c757d;
  font-variant-numeric: tabular-nums;
}
/* Over the limit: the editor does not stop the typing, so the counter has to be impossible to miss. */
.shared-character-remaining-exceeded .shared-character-remaining-text {
  font-size: 14px;
  font-weight: bold;
  color: #a94442;
}
.shared-character-remaining-exceeded .form-control,
.shared-character-remaining-exceeded .cke {
  border-color: #a94442;
  box-shadow: 0 0 0 1px #a94442;
}
.shared-full-width {
  width: 100%;
}
.shared-padding-top-0 {
  padding-top: 0;
}
.shared-margin-top-5 {
  margin-top: 5px;
}
.shared-margin-top-20 {
  margin-top: 20px;
}
.shared-margin-top-25 {
  margin-top: 25px;
}
.shared-margin-top-30 {
  margin-top: 30px;
}
.shared-margin-top-40 {
  margin-top: 40px;
}
.shared-margin-bottom-15 {
  margin-bottom: 15px;
}
.shared-margin-bottom-20 {
  margin-bottom: 20px;
}
.shared-margin-bottom-30 {
  margin-bottom: 30px;
}
.shared-margin-bottom-40 {
  margin-bottom: 40px;
}
.shared-margin-right-5 {
  margin-right: 5px;
}
/* Layout (sidebar offset, background, border) comes from AdminLTE's .main-footer, set in the template. */
.shared-copy-footer {
  color: #b1b1b1;
}
.shared-copy-footer strong {
  color: #b1b1b1;
}
.shared-copy-footer a {
  color: #b1b1b1;
}
.shared-copy-footer a:hover {
  color: #fa5f3d;
}
.shared-copy-footer i {
  color: #ec9595;
}