:root {
    --pf-v5-global--FontFamily--text: "Fira Sans", sans-serif;
    --pf-v5-global--FontFamily--heading: "Fira Sans", sans-serif;
    --pf-v5-global--FontFamily--text--vf: "Fira Sans", sans-serif;
    --pf-v5-global--FontFamily--heading--vf: "Fira Sans", sans-serif;

    --pf-v5-global--active-color--100: #4b5984;
    --pf-v5-global--primary-color--100: #4b5984;
    --pf-v5-global--primary-color--200: #4b5984;
    --pf-v5-global--primary-color--300: #002e5d;
}

.pf-v5-c-masthead .pf-v5-c-toolbar {
    --pf-v5-c-toolbar--BackgroundColor: #002e5d;
}

.pf-v5-c-button {
    --pf-v5-global--Color--100: #fff;
    --pf-v5-global--Color--200: #4b5984;
    --pf-v5-global--Color--300: #c2c5da;
}

.pf-c-page {
    background: #002e5d;
}

.footer {
    -webkit-font-smoothing: antialiased;
    align-items: center;
    background: #002e5d;
    box-sizing: inherit;
    display: flex;
    height: 7%;
    justify-content: space-around;
    line-height: 1.5;
    position: static;
    width: 100%;
    bottom: 0;
    z-index: 999;
}

.footer-link {
    color: white;
    font-family: "Fira Sans", sans-serif;
    font-size: 100%;
    font-weight: 400;
}

#main_react_container {
    height: 93% !important;
}

#spinner_screen {
    height: 93% !important;
}

#welcomeScreen {
    height: 93% !important;
}