:root {
  --opoobo-orange: #ff4500;
  --opoobo-orange-hover: #e63d00;
  --pf-v5-global--palette--blue-300: #ff4500;
  --opoobo-canvas: #c5c6c7;
  --opoobo-ink: #1f2933;
  --opoobo-muted: #667085;
  --opoobo-input: #eef3f8;
  --opoobo-line: #e3e8f0;
  --opoobo-header: #000000;
  --opoobo-nav: #808080;
  --opoobo-nav-text: #1f2933;

  --pf-v5-global--primary-color--100: var(--opoobo-orange);
  --pf-v5-global--primary-color--200: var(--opoobo-orange-hover);
  --pf-v5-global--primary-color--light-100: #ffe8df;
  --pf-v5-global--primary-color--dark-100: var(--opoobo-orange-hover);
  --pf-v5-global--active-color--100: var(--opoobo-orange);
  --pf-v5-global--link--Color: var(--opoobo-orange);
  --pf-v5-global--link--Color--hover: var(--opoobo-orange-hover);
  --pf-v5-global--link--Color--visited: var(--opoobo-orange);
  --pf-v5-global--link--Color--light: var(--opoobo-orange);
  --pf-v5-global--link--Color--light--hover: #ff8a5c;
  --pf-v5-global--link--Color--dark: var(--opoobo-orange);
  --pf-v5-global--link--Color--dark--hover: #ff8a5c;
  --pf-v5-global--BackgroundColor--100: #ffffff;
  --pf-v5-global--BackgroundColor--light-100: #ffffff;
  --pf-v5-global--BackgroundColor--light-200: var(--opoobo-canvas);
  --pf-v5-global--BackgroundColor--dark-100: var(--opoobo-header);
  --pf-v5-global--Color--100: var(--opoobo-ink);
  --pf-v5-global--Color--200: var(--opoobo-muted);
  --pf-v5-global--BorderColor--100: var(--opoobo-line);
  --pf-v5-global--FontFamily--text: "Segoe UI", system-ui, -apple-system, sans-serif;
  --pf-v5-global--FontFamily--heading: "Segoe UI", system-ui, -apple-system, sans-serif;
}

.pf-v5-theme-dark {
  --pf-v5-global--palette--blue-300: #ff4500;
  --pf-v5-global--primary-color--100: #ff4500;
  --pf-v5-global--primary-color--200: #e63d00;
  --pf-v5-global--primary-color--300: #ff4500;
  --pf-v5-global--primary-color--light-100: #ff4500;
  --pf-v5-global--primary-color--dark-100: #ff4500;
  --pf-v5-global--active-color--100: #ff4500;
  --pf-v5-global--link--Color: #ff4500;
  --pf-v5-global--link--Color--hover: #ff8a5c;
  --pf-v5-global--link--Color--visited: #ff4500;
  --pf-v5-global--link--Color--light: #ff4500;
  --pf-v5-global--link--Color--light--hover: #ff8a5c;
  --pf-v5-global--link--Color--dark: #ff4500;
  --pf-v5-global--link--Color--dark--hover: #ff8a5c;
}

body,
#app,
.pf-v5-c-page {
  background: var(--opoobo-canvas);
  color: var(--opoobo-ink);
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
}

.keycloak__loading-container {
  background: var(--opoobo-canvas) !important;
  color: var(--opoobo-ink) !important;
}

.keycloak__loading-container .pf-v5-c-spinner {
  --pf-v5-c-spinner--Color: var(--opoobo-orange);
}

.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: var(--opoobo-header);
  --pf-v5-global--Color--100: #ffffff;
  --pf-v5-global--Color--200: #ffffff;
  --pf-v5-global--BorderColor--100: #2a2a2a;
  --pf-v5-global--primary-color--100: var(--opoobo-orange);
  --pf-v5-global--link--Color: #ffffff;
  --pf-v5-global--link--Color--hover: var(--opoobo-orange);
  --pf-v5-global--icon--Color--light: #ffffff;
  --pf-v5-global--icon--Color--dark: #ffffff;
  --pf-v5-global--BackgroundColor--100: var(--opoobo-header);
  background: var(--opoobo-header);
  color: #ffffff;
  border-bottom: 1px solid #000000;
  box-shadow: none;
}

.pf-v5-c-masthead .pf-v5-c-button,
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v5-c-masthead .pf-v5-c-menu-toggle__text {
  --pf-v5-c-button--m-plain--Color: #ffffff;
  --pf-v5-c-menu-toggle--Color: #ffffff;
  --pf-v5-c-menu-toggle--BackgroundColor: var(--opoobo-header);
  color: #ffffff;
}

img.keycloak__dashboard_icon {
  width: 88px;
  height: 88px;
  max-width: 88px;
  object-fit: contain;
  content: url("../img/icon-mark-192.png");
  background: url("../img/icon-mark-192.png") center / contain no-repeat;
  color: transparent;
  font-size: 0;
}

.keycloak__pageheader_brand {
  height: 32px;
  width: auto;
  max-width: 210px;
  object-fit: contain;
  object-position: left center;
}

.pf-v5-c-page__sidebar,
.pf-v5-c-page__sidebar-body {
  --pf-v5-c-page__sidebar--BackgroundColor: var(--opoobo-nav);
  background: var(--opoobo-nav);
}

.pf-v5-c-page__sidebar {
  --pf-v5-c-nav__link--Color: var(--opoobo-nav-text);
  --pf-v5-c-nav__link--hover--Color: #000000;
  --pf-v5-c-nav__link--hover--BackgroundColor: rgba(0, 0, 0, 0.08);
  --pf-v5-c-nav__link--focus--Color: #000000;
  --pf-v5-c-nav__link--m-current--Color: #ffffff;
  --pf-v5-c-nav__link--m-current--BackgroundColor: var(--opoobo-orange);
  --pf-v5-c-nav__link--m-current--FontWeight: 700;
  --pf-v5-c-nav__section-title--Color: #1f2933;
  --pf-v5-c-nav__subnav__link--Color: var(--opoobo-nav-text);
  --pf-v5-c-nav--m-horizontal__link--m-current--Color: #ffffff;
  --pf-v5-global--Color--100: var(--opoobo-nav-text);
  --pf-v5-global--Color--200: #3a3a3a;
  --pf-v5-global--BorderColor--100: rgba(0, 0, 0, 0.12);
  --pf-v5-global--icon--Color--light: var(--opoobo-nav-text);
  --pf-v5-global--icon--Color--dark: #000000;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav,
.pf-v5-c-page__sidebar .pf-v5-c-nav__list,
.pf-v5-c-page__sidebar .pf-v5-c-nav__item {
  background: transparent;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link {
  border-radius: 10px;
  margin: 2px 8px;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__section-title {
  color: #1f2933;
}

.pf-v5-c-page__main,
.pf-v5-c-page__main-section,
.pf-v5-c-page__main-section.pf-m-light {
  --pf-v5-c-page__main-section--BackgroundColor: var(--opoobo-canvas);
  --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--opoobo-canvas);
  background: var(--opoobo-canvas);
}

.pf-v5-c-card {
  --pf-v5-c-card--BackgroundColor: #ffffff;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06);
}

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--opoobo-orange);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--opoobo-orange-hover);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--opoobo-orange-hover);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--opoobo-orange-hover);
  border-radius: 10px;
}

.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-link {
  border-radius: 10px;
}

.pf-v5-c-form-control,
.pf-v5-c-text-input-group,
.pf-v5-c-menu-toggle {
  --pf-v5-c-form-control--BackgroundColor: var(--opoobo-input);
  --pf-v5-c-form-control--BorderColor: var(--opoobo-line);
  border-radius: 10px;
}

.pf-v5-c-form-control:focus,
.pf-v5-c-text-input-group:focus-within {
  --pf-v5-c-form-control--focus--BorderBottomColor: var(--opoobo-orange);
  outline-color: var(--opoobo-orange);
}

.pf-v5-c-tabs__link::before,
.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after {
  border-color: var(--opoobo-orange);
}

a {
  color: var(--opoobo-orange);
}

a:hover {
  color: var(--opoobo-orange-hover);
}