:root {
    --cv-primary-color--100: #002a72;
    --cv-primary-color--80: #33558e;
    --cv-primary-color--60: #667faa;
    --cv-primary-color--40: #99aac7;
    --cv-primary-color--20: #ccd4e3;

    --cv-secondary-color-100: #473e7d;
    --cv-secondary-color-80: #6c6597;
    --cv-secondary-color-60: #918bb1;
    --cv-secondary-color-40: #b5b2cd;
    --cv-secondary-color-20: #dad8e5;

    --cv-color-static-white: #ffffff;
    --cv-color-static-lightgray: #dad7d7;
    --cv-color-static-darkgray: #646060;
    --cv-color-static-red: #f51b60;
    --cv-color-static-orange: #ffa542;
    --cv-color-static-green: #71c862;;
    --cv-color-static-grayblue: #31353E;
    --cv-color-static-background-muted: #e3e3e3;

    --cv-font-cv-color-dark: #0f0f0f;
    --cv-font-cv-color-light: #4E5056;
    --cv-font-cv-color-white: #ffffff;
    --cv-font-cv-color-muted: #999999;

    --pf-v5-global--primary-color--100: var(--cv-primary-color--100) !important;
    --pf-global--primary-color--100:var(--cv-primary-color--100) !important;

    --pf-v5-global--primary-color--200: var(--cv-primary-color--80) !important;
    --pf-global--primary-color--200: var(--cv-primary-color--80) !important;
    --pf-v5-global--primary-color--light-100: var(--cv-primary-color--20) !important;
    --pf-global--primary-color--light-100: var(--cv-primary-color--20) !important;
    --pf-v5-global--primary-color--dark-100: var(--cv-primary-color--100) !important;
    --pf-global--primary-color--dark-100: var(--cv-primary-color--100) !important;
    --pf-v5-global--secondary-color--100: var(--cv-secondary-color-100) !important;
    --pf-global--secondary-color--100: var(--cv-secondary-color-100) !important;

    --pf-v5-global--success-color--100: var(--cv-color-static-green) !important;
    --pf-global--success-color--100: var(--cv-color-static-green) !important;
    
    --pf-v5-global--success-color--200: #1e4f18 !important;
    --pf-v5-global--info-color--100: #2b9af3 !important;
    --pf-v5-global--info-color--200: #002952 !important;
    
    --pf-v5-global--warning-color--100: var(--cv-color-static-orange) !important;
    --pf-global--warning-color--100: var(--cv-color-static-orange) !important;
    
    --pf-v5-global--warning-color--200: #795600 !important;
    
    --pf-v5-global--danger-color--100: var(--cv-color-static-red) !important;
    --pf-global--danger-color--100: var(--cv-color-static-red) !important;
    
    --pf-v5-global--danger-color--200: #a30000 !important;
    --pf-v5-global--danger-color--300: #470000 !important;

    --pf-c-button--m-primary--hover--Color: var(--cv-primary-color--100) !important;
    --pf-c-button--m-primary--hover--BackgroundColor: var(--cv-primary-color--20) !important;

    --pf-v5-c-masthead--BackgroundColor: var(--cv-primary-color--100) !important;
    
    --pf-v5-c-toolbar--BackgroundColor: var(--cv-primary-color--100) !important;
}


/* header {
    background: var(--cv-primary-color--100) !important;
} */

/* ================================
   Header / Logo
   ================================ */
.kc-header-wrapper {
  background-color: #002a72 !important;
}

.kc-logo {
  background-image: url("../img/logo.svg") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 48px;
}

.kc-logo-text {
  display: none !important;
}

header {
  background-color: #002a72 !important;
}

/* Toolbar */
.pf-v5-c-masthead .pf-v5-c-toolbar {
    background-color: var(--cv-primary-color--100);
}

.pf-v5-c-page__sidebar {
    background-color: var(--cv-primary-color--20);
    color: var(--cv-font-cv-color-dark);
}

/* ================================
   Buttons
   ================================ */
.pf-v5-c-nav__link
{
    color: var(--cv-font-cv-color-dark);
}

.pf-v5-c-nav__link:active,
.pf-v5-c-nav__link:focus
{
    color: var(--cv-font-cv-color-white);
    background-color: var(--cv-primary-color--100);
}

.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
 {
    color: var(--cv-font-cv-color-dark);
    background-color: var(--cv-primary-color--40);
 }

.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(--cv-primary-color--100);
}

.pf-v5-c-nav__link:hover, .pf-v5-c-nav__link.pf-m-hover
{
    color: var(--cv-font-cv-color-dark);
    background-color: var(--cv-primary-color--40);
}

.pf-c-button.pf-m-primary {
  background-color: #002a72;
  border-color: #002a72;
}

.pf-c-button.pf-m-primary:hover {
  background-color: #001f55;
  border-color: #001f55;
}

/* ================================
   Links
   ================================ */
a {
  color: #002a72;
}

a:hover {
  color: #001f55;
}

/* ================================
   Cards / Layout
   ================================ */
.pf-c-card {
  border-top: 4px solid #002a72;
}

/* ================================
   Forms
   ================================ */
.pf-c-form-control:focus {
  border-bottom-color: #002a72;
}

/* ================================
   Sidebar (Account Navigation)
   ================================ */
.pf-c-nav__link.pf-m-current {
  color: #002a72;
  font-weight: 600;
}