:root {
    --mdg98-blue: #12375b;
    --mdg98-blue-dark: #0b2945;
    --mdg98-green: #a0c523;
    --pf-v5-global--primary-color--100: var(--mdg98-blue);
    --pf-v5-global--primary-color--200: var(--mdg98-blue-dark);
    --pf-v5-global--link--Color: var(--mdg98-blue);
    --pf-v5-global--link--Color--hover: var(--mdg98-blue-dark);
}

.pf-v5-c-masthead {
    --pf-v5-c-masthead--BackgroundColor: var(--mdg98-blue);
    --pf-v5-c-masthead--c-toolbar--BackgroundColor: var(--mdg98-blue);
    background-color: var(--mdg98-blue);
    border-bottom: 3px solid var(--mdg98-green);
}

.pf-v5-c-masthead .pf-v5-c-button,
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle,
.pf-v5-c-masthead .pf-v5-c-toolbar {
    color: #fff;
}

img.keycloak__pageheader_brand {
    width: auto;
    height: 32px;
    max-width: 240px;
    object-fit: contain;
}

.pf-v5-c-page__sidebar,
.keycloak__page_nav__nav {
    --pf-v5-c-page__sidebar--BackgroundColor: var(--mdg98-blue);
    background-color: var(--mdg98-blue);
}

.keycloak__page_nav__nav .pf-v5-c-nav__link {
    color: #fff;
}

.keycloak__page_nav__nav .pf-v5-c-nav__link:hover,
.keycloak__page_nav__nav .pf-v5-c-nav__link:focus,
.keycloak__page_nav__nav .pf-v5-c-nav__link.pf-m-current {
    background-color: var(--mdg98-blue-dark);
    color: #fff;
}

.keycloak__page_nav__nav .pf-v5-c-nav__link.pf-m-current::after {
    border-color: var(--mdg98-green);
}

.pf-v5-c-button.pf-m-primary {
    background-color: var(--mdg98-blue);
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
    background-color: var(--mdg98-blue-dark);
}

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

.keycloak__dashboard_icon {
    width: min(300px, 100%);
    height: auto;
    max-height: 56px;
    object-fit: contain;
}

.keycloak__loading-container {
    background-color: var(--mdg98-blue) !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    img.keycloak__pageheader_brand {
        max-width: 180px;
        height: 28px;
    }
}