/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
  url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
  --pf-v5-global--FontFamily: Roboto;
  --pf-v5-global--FontFamily--text: Roboto;
  --pf-v5-global--FontFamily--heading: Roboto;
  --pf-v5-global--FontFamily--monospace: Roboto;

  --pf-v5-c-toolbar--BackgroundColor: #ffffff;
  --pf-v5-global--BackgroundColor--light-100: #ffffff;
  --pf-v5-global--BackgroundColor--light-200: #ffffff;
  --pf-v5-global--BackgroundColor--light-300: #ffffff;
  --pf-v5-global--BackgroundColor--light-400: #ffffff;
  --pf-v5-global--BackgroundColor--100: #fafafa;
  --pf-v5-global--BackgroundColor--200: #fafafa;
  --pf-v5-global--BackgroundColor--300: #fafafa;
  --pf-v5-global--BackgroundColor--400: #fafafa;
  --pf-v5-global--palette--black-1000: #fafafa;
  --pf-v5-c-page__sidebar--BackgroundColor: #fafafa;
  --pf-v5-global--BackgroundColor--dark-100: #fafafa;
  --pf-v5-global--BackgroundColor--dark-200: #fafafa;
  --pf-v5-global--BackgroundColor--dark-300: #fafafa;
  --pf-v5-global--BackgroundColor--dark-400: #fafafa;

  --pf-v5-c-form-control--Color: #777777;
  --pf-v5-c-form__label-text--FontWeight: #777777;
  --pf-v5-global--Color--100: #777777;
  --pf-v5-global--Color--200: #777777;
  --pf-v5-global--Color--300: #777777;
  --pf-v5-global--Color--400: #777777;
  --pf-v5-global--Color--dark-100: #777777;
  --pf-v5-global--Color--dark-200: #777777;
  --pf-v5-global--Color--dark-300: #777777;
  --pf-v5-global--Color--dark-400: #777777;
  --pf-v5-global--Color--light-100: #777777;
  --pf-v5-global--Color--light-200: #777777;
  --pf-v5-global--Color--light-300: #777777;
  --pf-v5-global--Color--light-400: #777777;
  --fsm-color-text-default: #161615;

  --pf-v5-global--primary-color--dark-100: #25479d;
  --pf-v5-global--primary-color--dark-200: #25479d;
  --pf-v5-global--primary-color--dark-300: #25479d;
  --pf-v5-global--primary-color--dark-400: #25479d;

  --pf-v5-global--primary-color--light-100: #25479d;
  --pf-v5-global--primary-color--light-200: #25479d;
  --pf-v5-global--primary-color--light-300: #25479d;
  --pf-v5-global--primary-color--light-400: #25479d;

  --pf-v5-global--link--Color: #25479d;
  --pf-v5-global--link--Color--light: #25479d;
}

.pf-v5-c-nav__list .pf-v5-c-nav__link {
  --pf-v5-c-nav__link--Color: #777777;

  --pf-v5-c-nav__link--m-current--BackgroundColor: #fafafa;
  --pf-v5-c-nav__link--m-current--Color: #25479d;
  --pf-v5-c-nav__link--m-current--after--BorderColor: #5c7bc0;

  --pf-v5-c-nav__link--hover--BackgroundColor: #eaeae5;
  --pf-v5-c-nav__link--hover--Color: #ffffff;
}

.pf-v5-c-data-list__item.pf-m-expanded::before {
  background-color: #5c7bc0;
}

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: #25479d;
  --pf-v5-c-button--m-primary--Color: #fafafa;

  --pf-v5-c-button--m-primary--hover--BackgroundColor: #172f6c;
  --pf-v5-c-button--m-primary--hover--Color: #fafafa;
}

.pf-v5-c-nav__link {
  color: #25479d;
}

.pf-v5-c-nav__link:hover {
  color: #172f6c
}

#app {
  color: var(--fsm-color-text-default);
}

.pf-v5-c-form__label-text, .pf-v5-c-nav__link {
  color: #404040;
  font-size: 1rem;
}

.pf-v5-c-badge {
  color: white;
}

.keycloak_help-header-switch .pf-v5-c-switch__toggle:before {
  color: white;
}

.pf-v5-c-banner {
  color: var(--fsm-color-text-default);
}

.pf-v5-c-chip {
  background: #fafaf9;
}

.pf-v5-c-badge.pf-m-read.keycloak-admin--role-mapping__client-name {
  color: var(--fsm-color-text-default);
}

.pf-v5-c-menu-toggle.pf-m-primary {
  color: white;
}