:root {
    --tetronik-primary: #357cbd;
    --tetronik-primary-hover: #2a6397;
    --tetronik-secondary: #002d4d;
    --tetronik-body-bg: #f8f9fa;
    --tetronik-border: #dee2e6;
    --tetronik-text: #212529;
    --tetronik-muted: #6c757d;
    --tetronik-focus: rgba(53, 124, 189, 0.25);
}

/*html,
body,
#app {
    min-height: 100%;
}

body[data-page-id="account"] {
    color: var(--tetronik-text);
    background: var(--tetronik-body-bg);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}*/

.pf-v5-c-page {
    background-color: var(--tetronik-body-bg) !important;
}

.pf-v5-c-masthead, .pf-v5-c-masthead .pf-v5-c-toolbar {
    background-color: var(--tetronik-primary) !important;
}

.pf-v5-c-toolbar__item .pf-v5-c-menu-toggle {
    border: 1px solid var(--tetronik-border) !important;
    border-radius: 0.3rem !important;
}

.pf-v5-c-toolbar__item .pf-v5-c-menu-toggle:hover {
    background-color: var(--tetronik-primary-hover) !important;
}

.pf-v5-c-toolbar__item .pf-v5-c-menu-toggle::before {
    border-style: none !important;
}

.pf-v5-c-toolbar__item .pf-v5-c-menu-toggle::after {
    border-block-end: none !important
}



.pf-v5-c-page__sidebar {
    background-color: var(--tetronik-primary) !important;
}

.pf-v5-c-nav__link:hover, .pf-v5-c-nav__link:focus, .pf-v5-c-nav__link.pf-m-hover {
    background-color: var(--tetronik-primary-hover) !important;
}

.pf-v5-c-nav__link.pf-m-current::after, .pf-v5-c-nav__link.pf-m-current:hover::after, .pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link::after {
    border-color: var(--tetronik-primary) !important;
}

.pf-v5-c-nav__link::before {
    border-color: #fff !important;
}

.pf-v5-c-nav__link.pf-m-current, .pf-v5-c-nav__link.pf-m-current:hover, .pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link {
    background-color: var(--tetronik-secondary) !important;
}

.pf-v5-c-nav__item.pf-m-expandable::before {
    border-block-end-color: #fff !important;
}

.pf-v5-c-nav__link:hover::after, .pf-v5-c-nav__link.pf-m-hover::after {
    border-color: var(--tetronik-border) !important;
}