:root {
  --radius-button: 20px !important;
  --kig-teritary-color: #daf276;
  --font-p-weight: 400;
  --font-h1-weight: 800;
  --font-h2-weight: 600;
  --font-h3-weight: 600;
  --font-h5-weight: 600;
  --font-h1-mobile-weight: 800;
  --font-h2-mobile-weight: 600;
  --font-h3-mobile-weight: 600;
  --font-h5-mobile-weight: 600;
}

.date-divider {
  background-color: var(--kig-teritary-color) !important;
  color: #0e363e !important;
}

body:not(.high-contrast) .date-divider > * {
  color: #0e363e !important;
}

.widget-header {
  background-color: var(--color-primary-100);
  color: var(--color-white) !important;
  padding: 15px 20px 15px !important;
  border-top-left-radius: var(--radius-card);
  border-top-right-radius: var(--radius-card);
}

.widget-header * {
  color: var(--color-white) !important;
}

lib-recently-changed-objects .widget-header {
  background-color: unset;
  color: var(--on-layer) !important;
  padding: unset !important;
  border-radius: unset;
}

lib-recently-changed-objects .widget-header * {
  color: inherit !important;
}

lib-cms-banners .widget-header {
  background-color: unset;
  color: var(--on-layer) !important;
  padding: 15px 20px 10px !important;
  border-radius: unset;
}

lib-cms-banners .widget-header * {
  color: inherit !important;
}

.initials {
  color: var(--color-greyish-100) !important;
}

lib-required-action-card .action-status {
  max-height: 54px !important;
  height: 54px !important;
}

ion-menu-toggle ion-item {
  margin-bottom: 3px !important;
}

@media (min-width: 768px) {
  #main
    > div
    > ion-router-outlet
    > pp-dashboard
    > ion-content
    > ion-grid
    > ion-row
    > ion-col
    > lib-auto-layout {
    padding-top: 0 !important;
  }
}

body:not(.high-contrast) ion-tab-bar * {
  color: var(--color-greyish-50) !important;
}

body:not(.high-contrast) ion-tab-bar .badge {
  background: var(--color-primary-60) !important;
  color: var(--color-white) !important;
}

body:not(.high-contrast) ion-tab-bar .active-link * {
  color: light-dark(var(--color-primary-100), var(--on-layer)) !important;
}

body:not(.high-contrast) ion-tab-bar .active-link .badge {
  color: var(--color-white) !important;
  background: var(--color-primary-60) !important;
}

.menu-item .p {
  margin: 0 !important;
}

.menu-item-container fa-icon {
  margin-right: 0;
}

.p3 {
  line-height: 20px;
}

lib-logo.small-menu-logo {
  padding: 20px 15px 25px 15px !important;
  --height: 50px !important;
}

lib-logo.menu-logo {
  padding: 15px 15px 25px !important;
}

.document-icon-container,
.message-container,
lib-filters-context,
lib-object-class-badge,
.timeline-node-circle {
  --color-primary-hsl: hsl(210, 100%, 50%);
}

.color-primary-shift-1 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(40 + h) s l) !important;
}

.color-primary-shift-2 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(80 + h) s l) !important;
}

.color-primary-shift-3 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(120 + h) s l) !important;
}

.color-primary-shift-4 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(160 + h) s l) !important;
}

.color-primary-shift-5 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(200 + h) s l) !important;
}

.color-primary-shift-6 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(240 + h) s l) !important;
}

.color-primary-shift-7 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(280 + h) s l) !important;
}

.color-primary-shift-8 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(320 + h) s l) !important;
}

.color-primary-shift-9 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(360 + h) s l) !important;
}

.color-primary-shift-10 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(20 + h) s l) !important;
}

.color-primary-shift-11 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(60 + h) s l) !important;
}

.color-primary-shift-12 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(100 + h) s l) !important;
}

.color-primary-shift-13 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(140 + h) s l) !important;
}

.color-primary-shift-14 {
  --color-primary-shift: hsl(from var(--color-primary-hsl) calc(180 + h) s l) !important;
}

strong {
  font-weight: bold;
}

@media (prefers-color-scheme: light) {
  body:not(.dark):not(.high-contrast):not(.more-contrast) {
    --color-primary-hsl: #0e363e;
  }

  body.dark:not(.high-contrast) {
    --color-greyish-hsl: hsl(
      from var(--color-custom-greyish, color-mix(in oklab, var(--color-primary-hsl) 10%, #ffffff)) h
        clamp(0, s, 40) clamp(92, l, 100)
    ) !important;
  }

  body.dark:not(.high-contrast).more-contrast {
    --color-greyish-hsl: hsl(
      from var(--color-custom-greyish, color-mix(in oklab, var(--color-primary-hsl) 10%, #ffffff)) h
        clamp(0, s, 30) clamp(94, l, 100)
    ) !important;
  }
}

@media (prefers-color-scheme: dark) {
  body.light:not(.high-contrast):not(.more-contrast) {
    --color-primary-hsl: #0e363e;
  }

  body:not(.light):not(.high-contrast) {
    --color-greyish-hsl: hsl(
      from var(--color-custom-greyish, color-mix(in oklab, var(--color-primary-hsl) 10%, #ffffff)) h
        clamp(0, s, 40) clamp(92, l, 100)
    ) !important;
  }

  body:not(.light):not(.high-contrast).more-contrast {
    --color-greyish-hsl: hsl(
      from var(--color-custom-greyish, color-mix(in oklab, var(--color-primary-hsl) 10%, #ffffff)) h
        clamp(0, s, 30) clamp(94, l, 100)
    ) !important;
  }
}

.cms-content-page a {
  color: light-dark(#0069ff, #5aa0ff);
}

.cms-content-page a:focus-visible {
  outline: 2px dashed var(--on-layer);
  outline-offset: 1px;
}