:root {
  --accent: var(--beep-orange, #ff4208);
  --accent-light: var(--beep-lightorange, #ff8f4d);
  --accent-org: #f5dd5d;
  --primary: var(--beep-green, #235e53);
  --primary-light: var(--beep-lightgreen, #4d877b);

  --header-bg: var(--primary);
  --breadcrumbs-bg: var(--primary-light);

  --link-fg: var(--primary-light);
  --link-hover-color: var(--accent-light);
  --button-bg: var(--accent-light);
  --button-hover-bg: var(--primary-light);
  --default-button-bg: var(--accent);
  --default-button-hover-bg: var(--primary);
}

#header {
  overflow: visible;
  position: sticky;
  top: 0;
  z-index: 2000;
}

#branding img {
  display: inline-block;
  height: 30px;
  margin-right: 15px;
  vertical-align: text-bottom;
}

#branding h1 a:link, #branding h1 a:visited {
  color: var(--accent-org);
  font-weight: bold;
}

.dashboard #content {
  width: auto;
}

.dashboard #content-main {
  column-width: 400px;
}

#content-main .module {
  -webkit-column-break-inside: avoid;
}

input[disabled], select[disabled], textarea[disabled] {
  background-color: var(--darkened-bg);
}

textarea.cke_source.cke_editable {
  background-color: var(--body-bg);
  color: var(--body-fg);
}

/* inline paginator */

.paginator {
  line-height: 100%;
}

.btn-page {
  border-radius: 2px;
}

.btn-page.page-available {
  background-color: var(--accent-light);
}

.btn-page.page-available:hover {
  background-color: var(--primary-light);
}

.btn-page.page-selected {
  background-color: var(--primary-light);
  color: var(--body-fg);
  pointer-events: none;
}

.btn-page.results {
  background-color: var(--body-bg);
  color: var(--body-fg);
}

.submit-row button.default {
  background: var(--button-bg);
  padding: 10px 15px;
  border: none;
  border-radius: 4px;
  color: var(--button-fg);
  cursor: pointer;
  transition: background 0.15s;
}