/* HEADER */
.pf-v5-c-menu-toggle::after {
  --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--veo-clr-primary);
}

header.pf-v5-c-masthead.pf-m-display-inline {
  border-bottom: var(--veo-border);
}

#nav-toggle {
  /* align button + logo a little nicer */
  padding-bottom: 0px;
}

/* BASE */
body {
  font-family: var(--veo-ff);
  font-size: var(--veo-fs-400);
  font-weight: 300;
  color: var(--veo-clr-text);
}

header {
  background: var(--veo-clr-white) !important;
  border-bottom: var(--veo-clr-gray);
}

h1, h2, h3 {
  font-family: var(--veo-ff) !important;
  font-weight: 300 !important;
  font-variant: small-caps;
  color: var(--veo-clr-text);
}

/* BUTTONS */
/* Primary */
.pf-v5-c-button.pf-m-primary {
  background-color: var(--veo-clr-primary);
  font-size: inherit;
  color: var(--veo-clr-white);
  box-shadow: none;
}

.pf-v5-c-button.pf-m-primary:hover {
  background: rgb(var(--veo-rgb-primary), .8);
}

/* Secondary */
.pf-v5-c-button.pf-m-secondary {
  color: var(--veo-clr-primary);
}

.pf-v5-c-button.pf-m-secondary::after {
  border-color: var(--veo-clr-primary);
}


/* Link */
.pf-v5-c-button.pf-m-link {
  color: var(--veo-clr-text);
}

.pf-v5-c-button.pf-m-link {
  color: var(--veo-clr-text);
}

.pf-v-5c-button.pf-m-link:hover {
  background-color: var(--veo-clr-bg);
}

/* INPUTS */
input {
  color: inherit;
  color: var(--veo-clr-text) !important;;
}

.pf-v5-c-form-control::after {

}

.pf-v5-c-jump-links__link::before {
--pf-v5-c-jump-links__link--before--BorderColor: var(--veo-clr-primary);
}

input:focus-visible,
select:focus-visible {
  outline: 2px solid var(--veo-clr-primary);
  border-bottom: 0 !important;:
}

.pf-c-form__label {
  color: var(--veo-clr-gray);
}

.pf-c-form__label-required {
  color: var(--veo-clr-primary);
}

.pf-c-form-control {
	--pf-c-form-control--BorderBottomColor: var(--veo-clr-gray);
}

.pf-c-form-control:hover {
	--pf-c-form-control--BorderBottomColor: var(--veo-clr-primary);
}

.pf-c-form-control:focus,
.pf-c-form-control:active {
	--pf-c-form-control--BorderBottomColor: var(--veo-clr-primary);
}

/* CARDS */
.pf-c-card {
  box-shadow: none;
  border-radius: 6px;
}

.pf-c-card__title h2 {
  color: var(--veo-clr-gray);
}

.pf-c-card__body a {
  color: var(--veo-clr-primary);
}

.pf-c-data-list__item-action button {
  color: var(--veo-clr-primary);
}

/* TABS */
.pf-c-tabs__item.pf-m-current button::after {
  border-color: var(--veo-clr-primary);
}

.pf-c-empty-state__content {
  color: var(--veo-clr-gray);
}

/* HEADER */
.pf-v5-c-toolbar {
  background-color: var(--veo-clr-white);
}

.pf-v5-c-toolbar button * {
  color: var(--veo-clr-text);
}

.pf-v5-c-toolbar button {
  border-radius: var(--veo-border-radius);
  border-radius: var(--veo-clr-gray);
}

.pf-v5-c-toolbar__item svg {
  border: 1px solid var(--veo-clr-gray);
}


/* SIDEBAR */
.pf-v5-c-nav__list {
  --pf-v5-c-nav__link--m-current--BackgroundColor: var(--veo-clr-gray);
  --pf-v5-c-nav__link--m-current--after--BorderColor: var(--veo-clr-primary);
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--veo-clr-gray);
  --pf-v5-c-nav__link--active--BackgroundColor: var(--veo-clr-gray);
  --pf-v5-c-nav__link--focus--BackgroundColor: var(--veo-clr-white);
  color: var(--veo-clr-text);
}

.pf-v5-c-nav__link:hover::after {
  border-color: var(--veo-clr-primary);
}

/* Move logout button to the right */
.pf-c-page__header-tools-group {
  order: 1;
}

/* LOGOUT BUTTON */
header .pf-c-button.pf-m-primary {
  background: transparent;
  font-size: inherit;
  color: inherit;
  box-shadow: none;
}

header .pf-c-button.pf-m-primary:hover {
  background: none;
  box-shadow: none;
}

#landingLoggedInUser {
  color: var(--veo-clr-gray);
}

/* MOBILE ACTIONS */
#landingMobileKebabButton {
  color: inherit;
}

#landingMobileKebabButton ~ ul li a {
  color: inherit;
  font-size: inherit;
}

#landingMobileKebabButton ~ ul a:hover {
  background: rgb(var(--veo-rgb-primary), .8);
  color: var(--veo-clr-white);
}

/* MAIN */
main {
  --pf-c-page--section--m-shadow-bottom--BoxShadow: none;
}

.pf-c-page__main-body {
  background-color: var(--veo-clr-bg);
}

/* SIDEBAR */
button#nav-toggle {
  color: var(--veo-clr-primary);
}

#page-sidebar {
  background-color: var(--veo-clr-white);
}

#page-sidebar nav a,
#page-sidebar nav button {
  --pf-c-nav__link--m-current--BackgroundColor: var(--veo-clr-bg);
  --pf-c-nav__link--m-current--after--BorderColor: var(--veo-clr-primary);
  --pf-c-nav__link--before--BorderColor: var(--veo-clr-gray);

  color: inherit;

  /* hover, focus, active styles */
  --pf-c-nav__link--hover--BackgroundColor: var(--veo-clr-bg);
  --pf-c-nav__link--focus--BackgroundColor: var(--veo-clr-bg);
  --pf-c-nav__link--active--BackgroundColor: transparent;
}

#page-sidebar nav li::before,
#page-sidebar nav a::before {
  display: none;
}

.pf-c-nav__item.pf-m-expandable.pf-m-expanded * {
  color: inherit;
}

.pf-c-nav__toggle-icon {
  color: var(--veo-clr-primary);
}

/* VIEWS */
/* Applications */
#application-client-id-account-console.pf-m-expanded::before {
  background-color: var(--veo-clr-primary);
}

.pf-v5-c-button.pf-m-link.pf-v5-u-display-none.pf-v5-u-display-inline-flex-on-lg {
  color: var(--veo-clr-primary);
}