:root {

  --primary-50: #ffffff;
  --primary-100: #d4d9ed;
  --primary-200: #aab3da;
  --primary-300: #7e90c8;
  --primary-400: #506eb5;
  --primary-500: #004ea2;
  --primary-600: #123f7f;
  --primary-700: #16305e;
  --primary-800: #15223f;
  --primary-900: #101523;
  --primary-950: #000000;

  --admin-selected-row: #e6f1fb;
  --django-primary: var(--primary-500);
  --django-secondary: var(--primary-600);
  --darkened-bg: #f8f8f8;
  --selected-bg: #eaf2fb;
  --selected-row: var(--admin-selected-row);
  --hairline-color: #e8e8e8;
  --body-fg: #333;
  --body-bg: var(--primary-50);
  --body-quiet-color: #666;
  --django-link: #506eb5;
  --message-success-bg: #15803d;
  --message-error-bg: #ba2121;
  color-scheme: light !important;
}

html[data-theme="light"],
html[data-theme="dark"],
html[data-theme="auto"] {
  --darkened-bg: #f8f8f8;
  --selected-bg: #eaf2fb;
  --selected-row: var(--admin-selected-row);
  --body-fg: #333;
  --body-bg: var(--primary-50);
  --body-quiet-color: #666;
  --link-fg: var(--django-link);
  --link-selected-fg: var(--django-primary);
  --message-success-bg: #15803d;
  --message-error-bg: #ba2121;
  color-scheme: light !important;
}

@media (prefers-color-scheme: dark) {
  :root {
    --darkened-bg: #f8f8f8;
    --selected-bg: #eaf2fb;
    --selected-row: var(--admin-selected-row);
    --body-fg: #333;
    --body-bg: var(--primary-50);
    --body-quiet-color: #666;
    --link-fg: var(--django-link);
    --link-selected-fg: var(--django-primary);
    --message-success-bg: #15803d;
    --message-error-bg: #ba2121;
    color-scheme: light !important;
  }
}

@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light !important;
  }
}


html[data-theme="dark"] body {
  background-color: #fff;
}
html[data-theme="auto"] body {
  background-color: #fff;
}

.theme-toggle {
 display: none !important;
}

#header {
  background: var(--django-primary);
}

#header a:link, #header a:visited {
  color: var(--primary-50);
}

.module h2, .module caption, .inline-group h2 {
  background: var(--django-primary);
}

div.breadcrumbs {
  background: var(--django-secondary);
}

.button, input[type=submit], input[type=button], .submit-row input, a.button {
  background: var(--django-primary);
}

.button:hover, input[type=submit]:hover, input[type=button]:hover {
  background: var(--django-secondary);
}

.button.default, input[type=submit].default {
  background: var(--django-primary);
}

.button.default:hover, input[type=submit].default:hover {
  background: var(--django-secondary);
}

a:link, a:visited {
  color: var(--django-link);
}

#changelist tbody tr.selected,
#changelist tbody tr:has(.action-select:checked) {
  background-color: var(--admin-selected-row);
  color: var(--body-fg);
}

#result_list tr:has(.highlighted) {
  background-color: #f0fdf4;
}

#result_list tr:has(.pending) {
  background-color: #fff7ed;
}

#result_list .field-get_code .highlighted {
  color: #15803d;
}

#result_list .field-get_code .pending {
  color: #c2410c;
}

#result_list .field-get_code:not(:has(.highlighted)):not(:has(.pending)) {
  font-weight: 700;
}

#changelist tbody tr.selected a,
#changelist tbody tr:has(.action-select:checked) a {
  color: var(--django-primary);
}

.object-tools a:link, .object-tools a:visited {
  background: var(--django-primary);
}

.object-tools a:hover {
  background: var(--django-secondary);
}

ul.messagelist li.success {
  background-color: var(--message-success-bg);
  color: #fff;
}

ul.messagelist li.error {
  background-color: var(--message-error-bg);
  color: #fff;
}

ul.messagelist li.success a,
ul.messagelist li.error a {
  color: #fff;
  text-decoration: underline;
}

.selector-chosen h2 {
  background: var(--django-primary) !important;
}

#branding h1 {
  color: white;
}
h2 svg {
  color: var(--django-primary);
  width: 200px;
  height: 86.67px;
  margin-left: -15px;
}

select {
  padding-top: 0;
  padding-bottom: 0;
}

.field-requested_member_with_button .flex-container .readonly {
  flex-grow: 1;
}

.field-requested_member_with_button .flex-container .readonly .btn-create-request-lump-sum {
  float: right;
  color: white;
}

.field-requested_member_with_button .disabled-link {
  color: var(--body-quiet-color);
  cursor: not-allowed;
  text-decoration: none;
}