/* VARIABLE DEFINITIONS */
html[data-theme=light], :root {
  --primary: #000;
  --secondary: #555;
  --accent: #f5dd5d;
  --primary-fg: #fff;
  --body-fg: #333;
  --body-bg: #fff;
  --body-quiet-color: #666;
  --body-loud-color: #000;
  --header-color: var(--primary-fg);
  --header-branding-color: transparent;
  --header-bg: var(-primary);
  --header-link-color: var(--primary-fg);
  --breadcrumbs-fg: var(--primary-fg);
  --breadcrumbs-link-fg: var(--body-bg);
  --breadcrumbs-bg: var(--primary);
  --link-fg: color-mix(in srgb, var(--primary), #FFF 5%);
  --link-hover-color: color-mix(in srgb,var(--link-fg), #FFF 20%);
  --link-selected-fg: var(--primary);
  --hairline-color: #e8e8e8;
  --border-color: #ccc;
  --error-fg: #ba2121;
  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;
  --darkened-bg: #f8f8f8;
  /* A bit darker than --body-bg */
  --selected-bg: #e4e4e4;
  /* E.g. selected table cells */
  --selected-row: #ffc;
  --button-fg: #fff;
  --button-bg: color-mix(in srgb, var(--primary), #FFF 30%);
  --button-hover-bg: color-mix(in srgb, var(--primary), #FFF 50%);
  --default-button-bg: var(--primary);
  --default-button-hover-bg: var(--secondary);
  --close-button-bg: #747474;
  --close-button-hover-bg: #333;
  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;
  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);
  --font-family-primary: "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary: #264b5d;
    --primary-fg: #f7f7f7;
    --body-fg: #eeeeee;
    --body-bg: #121212;
    --body-quiet-color: #e0e0e0;
    --body-loud-color: #ffffff;
    --breadcrumbs-link-fg: #e0e0e0;
    --breadcrumbs-bg: var(--primary);
    --link-fg: #cdcdcd;
    --link-hover-color: #ffffff;
    --link-selected-fg: #6f94c6;
    --hairline-color: #272727;
    --border-color: #353535;
    --error-fg: #e35f5f;
    --message-success-bg: #006b1b;
    --message-warning-bg: #583305;
    --message-error-bg: #570808;
    --darkened-bg: #212121;
    --selected-bg: #1b1b1b;
    --selected-row: #00363a;
    --close-button-bg: #333333;
    --close-button-hover-bg: #666666;
    color-scheme: dark;
  }
}
html[data-theme=dark] {
  --primary: #264b5d;
  --primary-fg: #f7f7f7;
  --body-fg: #eeeeee;
  --body-bg: #121212;
  --body-quiet-color: #e0e0e0;
  --body-loud-color: #ffffff;
  --breadcrumbs-link-fg: #e0e0e0;
  --breadcrumbs-bg: var(--primary);
  --link-fg: #cdcdcd;
  --link-hover-color: #ffffff;
  --link-selected-fg: #6f94c6;
  --hairline-color: #272727;
  --border-color: #353535;
  --error-fg: #e35f5f;
  --message-success-bg: #006b1b;
  --message-warning-bg: #583305;
  --message-error-bg: #570808;
  --darkened-bg: #212121;
  --selected-bg: #1b1b1b;
  --selected-row: #00363a;
  --close-button-bg: #333333;
  --close-button-hover-bg: #666666;
  color-scheme: dark;
}

/* HEADER */
#header #branding h1 {
  background-image: url("/static/img/logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  color: transparent;
}

/* CHANGELIST */
#changelist-filter select {
  max-width: 200px;
}

/* WEB CHANGELIST HACK */
#changelist-form select {
  height: auto;
  padding: 0;
  margin: 0;
}
#changelist-form select option {
  font-size: 11px;
}
#changelist-form tr.row2 {
  background: transparent;
}
#changelist-form th.field-article_with_category {
  padding: 0;
}
#changelist-form th.field-article_with_category a {
  display: block;
}
#changelist-form th.field-article_with_category a div {
  padding: 10px;
}
#changelist-form th a div.priority1 {
  text-decoration: underline;
  background: #ffe;
}
#changelist-form th a div.unpublished {
  background: #F0F0F0;
  color: #333;
}
#changelist-form th a div.status0 {
  color: #999;
}
#changelist-form th a div span.right {
  display: block;
  float: right;
  font-size: 11px;
}
#changelist-form table#result_list tr:has(.unpublished) {
  opacity: 0.6;
}
#changelist-form table#result_list tr:has(.unpublished):hover {
  opacity: 1;
}

.model-article input.vTextField {
  min-width: calc(100% - 195px);
}

@media (max-width: 767px) {
  .form-row .mce-tinymce {
    margin-left: 0;
  }
}
.radiolist.inline label {
  min-width: unset;
}

.aligned label {
  width: auto !important;
}

.tox-tinymce {
  width: 100% !important;
}

.multimedia-related .aligned .vCheckboxLabel {
  float: none;
  padding: 0 0 5px 5px;
  vertical-align: -3px;
  display: inline-block;
}

/*# sourceMappingURL=admin.css.map */
