/* VARIABLE DEFINITIONS */
html[data-theme=light], :root {
  --primary: #000;
  --secondary: #555;
  --accent: #cd0d00;
  --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-primary: "Roboto", "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
  --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;
}

/* LINKS */
a:link, a:visited {
  color: rgb(12.75, 12.75, 12.75);
}
a:focus, a:hover {
  color: rgb(63.75, 63.75, 63.75);
}

/* GLOBAL DEFAULTS */
table thead th.sorted .sortoptions a.sortremove:focus:after, table thead th.sorted .sortoptions a.sortremove:hover:after {
  color: rgb(12.75, 12.75, 12.75);
}

/* FORM BUTTONS */
.button {
  background: rgb(12.75, 12.75, 12.75);
}

input[type=submit], input[type=button] {
  background: rgb(12.75, 12.75, 12.75);
}

.submit-row input {
  background: rgb(12.75, 12.75, 12.75);
}

a.button {
  background: rgb(12.75, 12.75, 12.75);
}

.button:active {
  background: rgb(89.25, 89.25, 89.25);
}

input[type=submit]:active, input[type=button]:active {
  background: rgb(89.25, 89.25, 89.25);
}

.button:focus {
  background: rgb(89.25, 89.25, 89.25);
}

input[type=submit]:focus, input[type=button]:focus {
  background: rgb(89.25, 89.25, 89.25);
}

.button:hover {
  background: rgb(89.25, 89.25, 89.25);
}

input[type=submit]:hover, input[type=button]:hover {
  background: rgb(63.75, 63.75, 63.75);
}

.button.default, input[type=submit].default, .submit-row input.default {
  background: rgb(114.75, 114.75, 114.75);
}

.button.default:active, input[type=submit].default:active, .button.default:focus, input[type=submit].default:focus, .button.default:hover, input[type=submit].default:hover {
  background: rgb(63.75, 63.75, 63.75);
}

/* MODULES */
.module h2, .module caption {
  background: rgb(12.75, 12.75, 12.75);
}

.inline-group h2 {
  background: rgb(12.75, 12.75, 12.75);
}

/* BREADCRUMBS */
div.breadcrumbs {
  color: #fff;
  background: #cd0d00;
}
div.breadcrumbs a {
  color: #fff;
}
div.breadcrumbs a:focus, div.breadcrumbs a:hover {
  color: #fff;
  text-decoration: underline;
}

/* OBJECT TOOLS */
.object-tools a:link, .object-tools a:visited {
  background-color: #555;
}
.object-tools a:focus, .object-tools a:hover {
  background-color: rgb(114.75, 114.75, 114.75);
}

/* HEADER */
#header {
  background: #000;
  color: #cd0d00;
}

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

#user-tools a:focus, #user-tools a:hover {
  border-bottom-color: rgb(12.75, 12.75, 12.75);
  color: #cd0d00;
}

/* CHANGELIST */
#changelist-filter li.selected a {
  color: rgb(63.75, 63.75, 63.75) !important;
}
#changelist-filter a:hover {
  color: rgb(12.75, 12.75, 12.75) !important;
}
#changelist-filter input.vTextField {
  min-width: calc(100% - 195px);
  width: 100%;
}

@media (max-width: 767px) {
  .model-article input.vTextField {
    width: calc(100% - 15px) !important;
  }
}
.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;
}

.submit-row a.deletelink {
  margin-left: 0 !important;
  margin-right: auto;
}

@media (max-width: 767px) {
  .form-row .mce-tinymce {
    margin-left: 0;
  }
  .aligned .form-row .tox-tinymce {
    flex: 1 1 auto;
    width: calc(100vw - 50px) !important;
  }
}
#branding {
  display: flex;
}
#branding .popover-wrapper {
  display: flex;
  padding: 0 10px;
  align-items: center;
}
#branding .popover-trigger {
  display: flex;
  text-decoration: none;
  font-size: 1.2em;
}
#branding .popover-body {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.5);
  top: 5px;
  padding: 5px;
}
#branding .popover-body a {
  height: 30px;
  padding: 2px;
}
#branding .popover-body a img {
  max-height: 30px;
}
#branding .popover {
  display: flex;
  transform: translate(0);
  opacity: 1;
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: 999999;
}
#branding .popover .brands-pop {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#branding .popover.hidden {
  transform: translate(-9999px);
  opacity: 0;
}

span.umaip-nowrap-wrapper {
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

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