@font-face {
    font-family: 'ForFuture Sans';
    src: url('../fonts/ForFutureSans-Regular.woff2');
}

html,body,* {
    font-family: 'ForFuture Sans' !important;
}

#pf-random-id-0 {
    background: #004254;
}

#kc-main-content-page-container > section:nth-child(2) {
    padding-bottom: 18px;
}

#app > div > header > div.pf-c-page__header-brand > div.pf-c-page__header-brand-link {
    height: 23px;
}

img.keycloak__pageheader_brand {
    margin-top: -8px;
    height: 70px;
    width: 130px;
}

#app > div > header {
    background: #004254;
}

#page-sidebar {
    background: #E3E2DA;
}

.pf-v5-c-nav__section-title {
    color: #004254;
}

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

.pf-v5-c-masthead__content > .pf-v5-c-toolbar {
    background: #004254;
}

.keycloak__realm_selector_dropdown__toggle {
    --pf-c-dropdown__toggle--BackgroundColor: transparent;
}
.keycloak__realm_selector_dropdown__toggle:hover,.keycloak__realm_selector_dropdown__toggle:focus {
    --pf-c-dropdown__toggle--hover--before--BorderBottomColor: white;
}

.keycloak__realm_selector_dropdown__toggle + .pf-c-dropdown__menu {
    background-color: #081742;
    border: 1px solid darkgrey;
}

.keycloak__realm_selector_dropdown__toggle + .pf-c-dropdown__menu > li > .pf-c-dropdown__menu-item {
    color: white;
}

.keycloak__realm_selector_dropdown__toggle + .pf-c-dropdown__menu > li > .pf-c-dropdown__menu-item:hover {
    color: white;
}

.keycloak__realm_selector_dropdown__toggle + .pf-c-dropdown__menu > li > .pf-c-dropdown__menu-item:hover, .pf-c-dropdown__menu-item:focus {
    --pf-c-dropdown__menu-item--Color: none;
    --pf-c-dropdown__menu-item--BackgroundColor: none;
    text-decoration: none;
}

.pf-c-button.pf-m-primary {
    background-color: #3397c9;
}

.pf-c-button.pf-m-primary:hover {
    filter: brightness(90%);
    text-decoration: none;
}

#app > div > header > div.pf-c-page__header-tools > div:nth-child(1) > div > div > ul {
    background-color: #081742;
    border: 1px solid darkgrey;
}

#link > a, #enable > a, #enable > a > div.pf-c-content.keycloak_help-header-description {
color: white;
}

#enable > a > div.pf-c-content.keycloak_help-header-description:hover {
cursor: default;
}

#link > a:hover, #enable > a:hover, #enable > a > div.pf-c-content.keycloak_help-header-description:hover {
    background-color: #081742;
}

#user-dropdown > ul  {
    background-color: #081742;
    border: 1px solid darkgrey;
}

#user-dropdown > ul > li > a {
    color: white;
}

#user-dropdown > ul > li > a:hover {
    background-color: #081742;
    filter: brightness(75%);
}

#realm-select > ul > li > a {
    text-decoration: none;
}

#realm-select > ul > li > a > a {
    text-decoration: none;
}

.pf-v5-c-page__sidebar.pf-m-collapsed {
    width: 0px;
}

#page-sidebar > div > nav > hr {
    display: none;
}

.pf-c-tabs__item.pf-m-current {
    --pf-c-tabs__link--after--BorderColor: #3397c9;
}

.pf-c-form-control {
    display: block;
    width: 100%;
    height: 26px;
    padding: 2px 6px;
    font-size: 15px;
    line-height: 1.66666667;
    color: #363636;
    background-color: #fff;
    background-image: none;
    border: 1px solid #bbb;
    border-radius: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.pf-c-form-control.pf-c-select__toggle-typeahead {
    border-top: 0;
    border-bottom: 0;
    box-shadow: none;
}

.pf-c-form-control.pf-c-select__toggle-typeahead:focus {
    box-shadow: none;
}

.pf-c-form-control:focus {
    border-color: #3397c9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,136,206,.6);
    border-bottom-width: 1px;
}

.pf-c-form-control:read-only {
    border: 1px solid #bbb;
    outline: 0;
    box-shadow: unset;
    cursor: default;
}

.pf-c-button.pf-m-primary.pf-m-disabled {
    background-color: #DADADA;
}

#pf-random-id-14 > div:nth-child(1) > div.pf-c-toolbar__content-section > div:nth-child(1) > div {
    width: 300px;
}

:focus-visible {
    outline: #DADADA auto 1px;
}

.pf-c-text-input-group__text:focus-within {
    --pf-c-text-input-group__text--after--BorderBottomColor: #3397c9;
}

.pf-c-text-input-group:hover, .pf-c-select__toggle:hover {
    --pf-c-text-input-group__text--after--BorderBottomColor: #3397c9;
}

.pf-c-select {
    border: 1px solid #bbb;
    --pf-c-select__toggle--before--BorderBottomWidth: 0;
}

.pf-c-select__toggle:hover {
    --pf-c-select__toggle--before--BorderBottomColor: #3397c9;
}

.pf-c-select__toggle:focus-within {
    --pf-c-select__toggle--before--BorderBottomColor: #3397c9;
}

.pf-c-wizard__toggle-num, .pf-c-wizard__nav-link.pf-m-current:before {
    --pf-c-wizard__nav-link--before--BackgroundColor: #3397c9;
    --pf-c-wizard__nav-link--before--Color: white;
}

.pf-c-switch {
    --pf-c-switch__input--checked__toggle--BackgroundColor: #3397c9;
}

#kc-main-content-page-container > section:nth-child(4) > div > div > div > div > div > form > div:nth-child(5) > div.pf-c-form__group-control {
    padding-top: 6px;
}

.pf-c-switch__input:focus~.pf-c-switch__toggle {
    outline: none;
}

.pf-c-switch__input:focus-visible~.pf-c-switch__toggle {
    outline: 1px solid #DADADA;
    outline-offset: 5px;
}

.pf-c-button.pf-m-primary:focus-visible {
    outline: 1px solid #DADADA;
    outline-offset: 5px;
}

.pf-c-switch__input:focus {
    --pf-c-switch__input--focus__toggle--OutlineOffset: 0;
}

.pf-v5-c-spinner {
    --pf-v5-c-spinner--Color: #004254;
}

span.pf-v5-c-spinner__clipper {
    --pf-v5-c-spinner__clipper--after--Height: 0;
}

span.pf-v5-c-spinner {
    --pf-v5-c-spinner__ball--after--Width: 10px;
    --pf-v5-c-spinner__ball--after--Height: 10px;
}

.pf-v5-c-spinner__tail-ball {
    --pf-v5-c-spinner__tail-ball--after--BackgroundColor: #004254;
}

.pf-c-number-input .pf-c-form-control {
    margin: 0 1px;
}

.pf-c-button.pf-m-control {
    --pf-c-button--after--BorderColor: #DADADA;
    margin: 0 1px;
}

#kc-main-content-page-container > section:nth-child(4) > form > div:nth-child(5) > div.pf-c-form__group-control {
    margin-top: 7px;
}

.pf-c-nav__link:focus-visible {
    outline: none;
}

.pf-c-dropdown__toggle:hover {
    --pf-c-dropdown__toggle--hover--before--BorderBottomColor: #3397c9;
}
.pf-c-dropdown__toggle:active {
    --pf-c-dropdown__toggle--active--before--BorderBottomColor: #3397c9 ;
}

.pf-c-dropdown__toggle:focus {
    --pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor: #3397c9;
    --pf-c-dropdown__toggle--focus--before--BorderBottomColor: #3397c9;
}

div:nth-child(1) > div.pf-c-toolbar__content-section > div:nth-child(1) > div > div.pf-c-select {
    margin-right: 3px;
}

div:nth-child(1) > div.pf-c-toolbar__content-section > div:nth-child(1) > div > div.pf-c-input-group > div > div.pf-c-text-input-group__main.pf-m-icon > span > input:focus-visible {
    outline: 0;
}

.keycloak__dashboard_icon {
    max-width: 0 !important;
}

.pf-m-current:after, .pf-m-current {
    border-color: #00B0BD !important;
    --pf-v5-c-tabs__link--after--BorderColor: #00B0BD !important;
}

.pf-v5-c-page__main-breadcrumb {
    padding-top: 0 !important;
}

.pf-v5-c-page {
    background-color: white;
}

@media (width < 1200px){
    .pf-v5-c-page {
        grid-template: none;
    }
}

#exact {
    width: 22px !important;
}

#pf-random-id-12 > div:nth-child(1) > div > div.pf-v5-c-input-group.pf-v5-u-pt-sm > div:nth-child(2) > label {
    margin-top: -2px !important;
}

.pf-v5-c-button.pf-m-primary {
    background-color: #00B0BD;
    color: white;
}

.pf-v5-c-content a {
    color: #00B0BD;
}

.pf-v5-c-button.pf-m-link {
    color: #004254;
}

:where(a) {
    color: #008d97;
}

.pf-v5-c-switch__input:checked~.pf-v5-c-switch__toggle {
    background-color: #00B0BD;
}

.pf-v5-c-expandable-section__toggle {
    color: #004254 !important;
}

.pf-v5-c-menu-toggle__text {
    color: #004254;
}

.pf-v5-c-menu-toggle.pf-m-expanded {
    --pf-v5-c-menu-toggle--after--BorderBottomColor: #004254;
}

.pf-v5-c-masthead__content > .pf-v5-c-toolbar > .pf-v5-c-toolbar__content > .pf-v5-c-toolbar__content-section > .pf-v5-c-toolbar__item > .pf-v5-c-menu-toggle > .pf-v5-c-menu-toggle__text {
    color: white;
}

.pf-v5-c-text-input-group {
    --pf-v5-c-text-input-group--hover__text--after--BorderBottomColor:  darkgrey;
    --pf-v5-c-text-input-group__text--focus-within--after--BorderBottomColor:  darkgrey;
    --pf-v5-c-text-input-group__text--focus-within--after--BorderBottomWidth:0px;
}

.f-v5-c-button {
    --pf-v5-c-button--m-secondary--hover--after--BorderColor:#004254;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle {
    --pf-v5-c-menu-toggle--before--BorderTopColor: white;
    --pf-v5-c-menu-toggle--before--BorderRightColor: white;
    --pf-v5-c-menu-toggle--before--BorderLeftColor: white;
    --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: white;
    --pf-v5-c-menu-toggle--active--after--BorderBottomColor: white;
    --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: white;
    --pf-v5-c-menu-toggle--after--BorderBottomColor: white;
   
}

.pf-v5-c-menu-toggle {
    --pf-v5-c-menu-toggle--hover--after--BorderBottomColor:darkgrey;
    --pf-v5-c-menu-toggle--before--BorderRightColor: darkgrey;
    --pf-v5-c-menu-toggle--before--BorderLeftColor: darkgrey;
    --pf-v5-c-menu-toggle--before--BorderTopColor: darkgrey;
    --pf-v5-c-menu-toggle--active--after--BorderBottomColor: darkgrey;
}



.pf-v5-c-masthead .pf-v5-c-menu-toggle:hover {
    border-color:  white;
}

.pf-v5-c-nav .pf-v5-c-menu {
    --pf-v5-c-menu--BackgroundColor: white;
    --pf-v5-c-nav--c-menu__list-item--focus-within--BackgroundColor: rgba(36, 41, 46, 0.08);
}

.pf-v5-c-menu__list-item {
    --pf-v5-c-menu__list-item--hover--BackgroundColor: rgba(36, 41, 46, 0.08) ;
    --pf-v5-c-nav--c-menu__list-item--focus-within--BackgroundColor: rgba(36, 41, 46, 0.08) !important;
}

.pf-v5-c-menu__content {
    border: 1px solid darkgrey;
}

.keycloak__realm_selector__dropdown {
    color: #004254;
}

.pf-v5-c-switch[for="attributes.darkMode"] {
    pointer-events: none;
}

.pf-v5-c-jump-links__item.pf-m-current>.pf-v5-c-jump-links__link {
    --pf-v5-c-jump-links__link--before--BorderColor: #004254;
}

.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: rgba(36, 41, 46, 0.08) !important;
    color: #004254;
}

.pf-v5-c-nav__link:hover {
    background-color: rgba(36, 41, 46, 0.08) !important;
    color: #004254;
}

.pf-v5-c-menu-toggle.pf-m-full-width {
    color: white;
    --pf-v5-c-menu-toggle--focus--after--BorderBottom: darkgrey;
    --pf-v5-c-menu-toggle--after--BorderBottomColor: darkgrey;
    --pf-v5-c-menu-toggle--hover--after--BorderBottomColor: darkgrey;
    --pf-v5-c-menu-toggle--active--after--BorderBottomColor: darkgrey;
    color: #004254;
}

.pf-v5-c-menu__item-main {
    color: white;
}

.pf-v5-c-menu__item-text {
    color: #004254;
}

.pf-v5-c-form-control {
    --pf-v5-c-form-control--hover--after--BorderBottomColor: none;
    --pf-v5-c-form-control--active--after--BorderBottomColor: none;
    --pf-v5-c-form-control--focus--after--BorderBottomColor:none;
    --pf-v5-c-form-control--after--BorderBottomColor: none;
    --pf-v5-c-form-control--hover--after--BorderBottomColor: none;
    --pf-v5-c-form-control--m-expanded--after--BorderBottomColor: none;
    --pf-v5-c-form-control--after--BorderBottomWidth: 0px;
    --pf-v5-c-form-control--focus--after--BorderBottomWidth: 0px;
    --pf-v5-c-form-control--OutlineOffset: 0px;
}

.pf-v5-c-wizard__nav-link.pf-m-current {
    --pf-v5-c-wizard__nav-link--Color:  #008d97 !important;
}

.pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link.pf-m-current:before {
    --pf-v5-c-wizard__nav-link--before--BackgroundColor: #004254 !important;
}

.pf-v5-c-wizard__nav-link:hover {
    color: #008d97 !important;
}

.pf-v5-c-menu-toggle.keycloak__client-scope__default {
    --pf-v5-c-menu-toggle--after--BorderBottomColor: darkgrey;
}

.pf-v5-c-menu-toggle.keycloak__client-scope__optional {
    --pf-v5-c-menu-toggle--after--BorderBottomColor: darkgrey;
}

.pf-v5-c-tree-view__node.pf-m-current {
    --pf-v5-c-tree-view__node--Color: #004254 !important;
}

.pf-v5-c-form-control>:is(input,select,textarea) {
    --pf-v5-c-form-control--after--BorderBottomWidth: 0;
    outline: 1px solid darkgrey;
}


.pf-v5-c-nav__section {
    --pf-v5-c-nav__link--focus--BackgroundColor: rgba(36, 41, 46, 0.08);
}

.pf-v5-c-nav__link:focus {
    color: #004254;
}



.pf-v5-c-button.pf-m-secondary {
    --pf-v5-c-button--after--BorderColor: #004254 ;
    color: #004254;
}

.pf-v5-c-menu-toggle.pf-m-primary {
    --pf-v5-c-menu-toggle--BackgroundColor: #008d97;
}

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

.pf-v5-c-text-input-group__text-input{
    border: 1px solid darkgrey;
    border-bottom: 0;
}

input[type=checkbox] {
    accent-color: #004254;
}

.pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:focus-within {
    --pf-v5-c-menu-toggle--focus--after--BorderBottomColor: darkgrey;
}

.pf-v5-c-form__label  {
    pointer-events: none;
}

.pf-v5-c-button.pf-m-control {
    outline: 1px solid darkgray;
    --pf-v5-c-button--after--BorderColor: transparent;
    --pf-v5-c-button--BorderRadius: 0px;
}

.pf-v5-c-form-control.pf-m-resize-both {
    border: 1px solid darkgrey;
}

@media (prefers-color-scheme: dark) {
    .kc-dropdown-panel-content {
        background-color: white !important;
    }
}

.kc-dropdown-panel {
    border-color: darkgray darkgray darkgray darkgray !important;
  
}

.kc-dropdown-panel:focus{
 
    border-bottom-color: darkgray;
}
.kc-dropdown-panel:hover {
  
    border-bottom-color: darkgray;
}

.keycloak__section_intro__help {
    color: #004254;
}

.pf-v5-c-button.pf-m-control {
    outline-offset: unset !important;
}


#kc-main-content-page-container > section:nth-child(4) > form > div:nth-child(1) > div.pf-v5-c-form__group-control > div.pf-v5-c-file-upload > div:nth-child(4) {
    border: 1px solid darkgray !important;
}

.pf-v5-c-tabs {
    --pf-v5-c-tabs__scroll-button--hover--Color: #004254 !important;  
}

.pf-v5-c-radio__input {
    accent-color: #004254;
}

#group-form {
    margin-bottom: 1px;
}

.pf-v5-c-input-group__item > .pf-v5-c-button.pf-m-control[aria-label="Search"] {
    height: 35px;
    margin-top: 1px;
}

.w-tc-editor {
    background-color: white !important;
}