/* Administration and account consoles, matched to the login shell and demo.fidologins.com. */

:root {
  color-scheme: dark;
  --pf-v5-global--FontFamily--text: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pf-v5-global--FontFamily--heading: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  --pf-v5-global--Color--100: #fafafa;
  --pf-v5-global--Color--200: #a1a1aa;
  --pf-v5-global--Color--dark-100: #fafafa;
  --pf-v5-global--Color--light-100: #fafafa;

  --pf-v5-global--BackgroundColor--100: #16161a;
  --pf-v5-global--BackgroundColor--150: #101014;
  --pf-v5-global--BackgroundColor--200: #07070a;
  --pf-v5-global--BackgroundColor--300: #1c1c21;
  --pf-v5-global--BackgroundColor--400: #27272a;
  --pf-v5-global--BackgroundColor--light-100: #16161a;
  --pf-v5-global--BackgroundColor--light-200: #101014;
  --pf-v5-global--BackgroundColor--light-300: #07070a;
  --pf-v5-global--BackgroundColor--dark-100: #101014;
  --pf-v5-global--BackgroundColor--dark-200: #07070a;
  --pf-v5-global--BackgroundColor--dark-300: #101014;
  --pf-v5-global--BackgroundColor--dark-400: #16161a;

  --pf-v5-global--BorderColor--100: rgba(255, 255, 255, 0.12);
  --pf-v5-global--BorderColor--200: rgba(255, 255, 255, 0.16);
  --pf-v5-global--BorderColor--300: rgba(255, 255, 255, 0.22);
  --pf-v5-global--BorderColor--400: rgba(255, 255, 255, 0.28);
  --pf-v5-global--BorderColor--dark-100: rgba(255, 255, 255, 0.12);
  --pf-v5-global--BorderColor--light-100: rgba(255, 255, 255, 0.12);

  --pf-v5-global--primary-color--100: #22d3ee;
  --pf-v5-global--primary-color--200: #06b6d4;
  --pf-v5-global--primary-color--300: #22d3ee;
  --pf-v5-global--primary-color--light-100: #67e8f9;
  --pf-v5-global--primary-color--dark-100: #22d3ee;
  --pf-v5-global--active-color--100: #22d3ee;
  --pf-v5-global--active-color--400: #22d3ee;
  --pf-v5-global--link--Color: #67e8f9;
  --pf-v5-global--link--Color--hover: #fafafa;
  --pf-v5-global--link--Color--light: #67e8f9;
  --pf-v5-global--link--Color--light--hover: #fafafa;
  --pf-v5-global--link--Color--dark: #67e8f9;
  --pf-v5-global--link--Color--dark--hover: #fafafa;
  --pf-v5-global--link--Color--visited: #a5b4fc;

  --pf-v5-global--success-color--100: #34d399;
  --pf-v5-global--warning-color--100: #fbbf24;
  --pf-v5-global--warning-color--200: #fcd34d;
  --pf-v5-global--danger-color--100: #fb7185;
  --pf-v5-global--danger-color--200: #fda4af;

  --pf-v5-global--icon--Color--light: #a1a1aa;
  --pf-v5-global--icon--Color--dark: #fafafa;
  --pf-v5-global--disabled-color--100: #71717a;
  --pf-v5-global--disabled-color--200: #3f3f46;

  --pf-v5-c-page--BackgroundColor: #07070a;
  --pf-v5-c-page__main-section--BackgroundColor: #07070a;
  --pf-v5-c-page__main-section--m-light--BackgroundColor: #07070a;
  --pf-v5-c-page__sidebar--BackgroundColor: #101014;
  --pf-v5-c-page__header--BackgroundColor: #101014;
  --pf-v5-c-masthead--BackgroundColor: #101014;
}

html,
body,
#app {
  background: #07070a;
  color: #fafafa;
}

.keycloak__loading-container {
  background-color: #07070a;
  color: #fafafa;
}

.keycloak__loading-container .pf-v5-c-spinner {
  --pf-v5-c-spinner--Color: #22d3ee;
}

.pf-v5-c-page__sidebar,
.pf-v5-c-page__sidebar-body {
  background-color: #101014;
  border-color: rgba(255, 255, 255, 0.08);
}

.pf-v5-c-masthead {
  background-color: #101014;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

img.keycloak__pageheader_brand,
.pf-v5-c-masthead__brand img {
  height: 36px;
  width: 36px;
  max-width: 36px;
}

img.keycloak__dashboard_icon {
  width: 72px;
  height: 72px;
  max-width: 72px;
}

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: #fafafa;
  --pf-v5-c-button--m-primary--Color: #09090b;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #e4e4e7;
  --pf-v5-c-button--m-primary--hover--Color: #09090b;
  --pf-v5-c-button--m-primary--focus--BackgroundColor: #fafafa;
  --pf-v5-c-button--m-primary--focus--Color: #09090b;
  --pf-v5-c-button--m-primary--active--BackgroundColor: #e4e4e7;
  --pf-v5-c-button--m-primary--active--Color: #09090b;
}

.pf-v5-c-button.pf-m-primary:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline-color: #22d3ee;
}

#view-header-subkey a {
  display: none;
}