:root {
    --color-fixed-pronto-brand: #201547;

    --color-fixed-main-05: #f8f7fe;
    --color-fixed-main-10: #f1eefc;
    --color-fixed-main-15: #e7e4fa;
    --color-fixed-main-20: #ddd8f7;
    --color-fixed-main-25: #d2cbf4;
    --color-fixed-main-30: #c6bdf0;
    --color-fixed-main-35: #b9afea;
    --color-fixed-main-40: #aca0e4;
    --color-fixed-main-45: #9e91dd;
    --color-fixed-main-50: #9082d5;
    --color-fixed-main-55: #8272cc;
    --color-fixed-main-60: #7363c3;
    --color-fixed-main-65: #6453b8;
    --color-fixed-main-70: #594aa5;
    --color-fixed-main-75: #51448f;
    --color-fixed-main-80: #473d78;
    --color-fixed-main-85: #3d3562;
    --color-fixed-main-90: #312c4c;
    --color-fixed-main-95: #252136;

    --color-fixed-alt-65: #9cac4b;
    --color-fixed-alt-85: #484d2d;
    --color-fixed-alt-95: #1e2015;


    --color-fixed-bg-00: #fff;
    --color-fixed-bg-05: #f7f7f7;
    --color-fixed-bg-10: #eee;
    --color-fixed-bg-15: #e5e5e5;
    --color-fixed-bg-20: #dadada;
    --color-fixed-bg-25: #cfcfcf;
    --color-fixed-bg-30: #c3c3c3;
    --color-fixed-bg-35: #b6b6b6;
    --color-fixed-bg-40: #a9a9a9;
    --color-fixed-bg-45: #9b9b9b;
    --color-fixed-bg-50: #8c8c8c;
    --color-fixed-bg-55: #7e7e7e;
    --color-fixed-bg-60: #707070;
    --color-fixed-bg-65: #626262;
    --color-fixed-bg-70: #565656;
    --color-fixed-bg-75: #494949;
    --color-fixed-bg-80: #3e3e3e;
    --color-fixed-bg-85: #343434;
    --color-fixed-bg-90: #2a2a2a;
    --color-fixed-bg-95: #222;
    --color-fixed-bg-100: #1b1b1b;

    --color-fixed-notification-info-40: #74a1d6;
    --color-fixed-notification-info-70: #3b5a81;

    --pf-v5-global--palette--black-100: var(--color-fixed-bg-00);
    --pf-v5-global--palette--black-150: var(--color-fixed-bg-05);
    --pf-v5-global--palette--black-200: var(--color-fixed-bg-10);
    --pf-v5-global--palette--black-300: var(--color-fixed-bg-20);
    --pf-v5-global--palette--black-400: var(--color-fixed-bg-35);
    --pf-v5-global--palette--black-500: var(--color-fixed-bg-50);
    --pf-v5-global--palette--black-600: var(--color-fixed-bg-65);
    --pf-v5-global--palette--black-700: var(--color-fixed-bg-75);
    --pf-v5-global--palette--black-800: var(--color-fixed-bg-80);
    --pf-v5-global--palette--black-850: var(--color-fixed-bg-90);
    --pf-v5-global--palette--black-900: var(--color-fixed-bg-95);
    --pf-v5-global--palette--black-1000: var(--color-fixed-bg-100);
    --pf-v5-global--palette--blue-50: #e7f1fa;
    --pf-v5-global--palette--blue-100: #bee1f4;
    --pf-v5-global--palette--blue-200: #73bcf7;
    --pf-v5-global--palette--blue-300: #2b9af3;
    --pf-v5-global--palette--blue-400: #06c;
    --pf-v5-global--palette--blue-500: #004080;
    --pf-v5-global--palette--blue-600: #002952;
    --pf-v5-global--palette--blue-700: #001223;
    --pf-v5-global--palette--cyan-50: #f2f9f9;
    --pf-v5-global--palette--cyan-100: #a2d9d9;
    --pf-v5-global--palette--cyan-200: #73c5c5;
    --pf-v5-global--palette--cyan-300: #009596;
    --pf-v5-global--palette--cyan-400: #005f60;
    --pf-v5-global--palette--cyan-500: #003737;
    --pf-v5-global--palette--cyan-600: #002323;
    --pf-v5-global--palette--cyan-700: #000f0f;
    --pf-v5-global--palette--gold-50: #fdf7e7;
    --pf-v5-global--palette--gold-100: #f9e0a2;
    --pf-v5-global--palette--gold-200: #f6d173;
    --pf-v5-global--palette--gold-300: #f4c145;
    --pf-v5-global--palette--gold-400: #f0ab00;
    --pf-v5-global--palette--gold-500: #c58c00;
    --pf-v5-global--palette--gold-600: #795600;
    --pf-v5-global--palette--gold-700: #3d2c00;
    --pf-v5-global--palette--green-50: #f3faf2;
    --pf-v5-global--palette--green-100: #bde5b8;
    --pf-v5-global--palette--green-200: #95d58e;
    --pf-v5-global--palette--green-300: #6ec664;
    --pf-v5-global--palette--green-400: #5ba352;
    --pf-v5-global--palette--green-500: #3e8635;
    --pf-v5-global--palette--green-600: #1e4f18;
    --pf-v5-global--palette--green-700: #0f280d;
    --pf-v5-global--palette--light-blue-100: #beedf9;
    --pf-v5-global--palette--light-blue-200: #7cdbf3;
    --pf-v5-global--palette--light-blue-300: #35caed;
    --pf-v5-global--palette--light-blue-400: #00b9e4;
    --pf-v5-global--palette--light-blue-500: #008bad;
    --pf-v5-global--palette--light-blue-600: #005c73;
    --pf-v5-global--palette--light-blue-700: #002d39;
    --pf-v5-global--palette--light-green-100: #e4f5bc;
    --pf-v5-global--palette--light-green-200: #c8eb79;
    --pf-v5-global--palette--light-green-300: #ace12e;
    --pf-v5-global--palette--light-green-400: #92d400;
    --pf-v5-global--palette--light-green-500: #6ca100;
    --pf-v5-global--palette--light-green-600: #486b00;
    --pf-v5-global--palette--light-green-700: #253600;
    --pf-v5-global--palette--orange-50: #fff6ec;
    --pf-v5-global--palette--orange-100: #f4b678;
    --pf-v5-global--palette--orange-200: #ef9234;
    --pf-v5-global--palette--orange-300: #ec7a08;
    --pf-v5-global--palette--orange-400: #c46100;
    --pf-v5-global--palette--orange-500: #8f4700;
    --pf-v5-global--palette--orange-600: #773d00;
    --pf-v5-global--palette--orange-700: #3b1f00;
    --pf-v5-global--palette--purple-50: #f2f0fc;
    --pf-v5-global--palette--purple-100: #cbc1ff;
    --pf-v5-global--palette--purple-200: #b2a3ff;
    --pf-v5-global--palette--purple-300: #a18fff;
    --pf-v5-global--palette--purple-400: #8476d1;
    --pf-v5-global--palette--purple-500: #6753ac;
    --pf-v5-global--palette--purple-600: #40199a;
    --pf-v5-global--palette--purple-700: #1f0066;
    --pf-v5-global--palette--red-50: #faeae8;
    --pf-v5-global--palette--red-100: #c9190b;
    --pf-v5-global--palette--red-200: #a30000;
    --pf-v5-global--palette--red-300: #7d1007;
    --pf-v5-global--palette--red-400: #470000;
    --pf-v5-global--palette--red-500: #2c0000;
    --pf-v5-global--palette--white: #fff;
    --pf-v5-global--BackgroundColor--100: var(--color-fixed-bg-00);
    --pf-v5-global--BackgroundColor--150: var(--color-fixed-bg-05);
    --pf-v5-global--BackgroundColor--200: var(--color-fixed-bg-10);
    --pf-v5-global--BackgroundColor--light-100: var(--color-fixed-bg-00);
    --pf-v5-global--BackgroundColor--light-200: var(--color-fixed-bg-05);
    --pf-v5-global--BackgroundColor--light-300: var(--color-fixed-bg-10);
    --pf-v5-global--BackgroundColor--dark-100: #151515;
    --pf-v5-global--BackgroundColor--dark-200: #3c3f42;
    --pf-v5-global--BackgroundColor--dark-300: #212427;
    --pf-v5-global--BackgroundColor--dark-400: #4f5255;
    --pf-v5-global--BackgroundColor--dark-transparent-100: #0303039e;
    --pf-v5-global--BackgroundColor--dark-transparent-200: #03030352;
    --pf-v5-global--Color--100: #151515;
    --pf-v5-global--Color--200: #6a6e73;
    --pf-v5-global--Color--300: #3c3f42;
    --pf-v5-global--Color--400: #8a8d90;
    --pf-v5-global--Color--light-100: #fff;
    --pf-v5-global--Color--light-200: #f0f0f0;
    --pf-v5-global--Color--light-300: #d2d2d2;
    --pf-v5-global--Color--dark-100: #151515;
    --pf-v5-global--Color--dark-200: #6a6e73;
    --pf-v5-global--active-color--100: var(--color-fixed-main-75);
    --pf-v5-global--active-color--200: var(--color-fixed-main-25);
    --pf-v5-global--active-color--300: var(--color-fixed-main-60);
    --pf-v5-global--active-color--400: var(--color-fixed-main-50);
    --pf-v5-global--disabled-color--100: #6a6e73;
    --pf-v5-global--disabled-color--200: #d2d2d2;
    --pf-v5-global--disabled-color--300: #f0f0f0;
    --pf-v5-global--primary-color--100: var(--color-fixed-main-65);
    --pf-v5-global--primary-color--200: var(--color-fixed-main-85);
    --pf-v5-global--primary-color--light-100: var(--color-fixed-main-50);
    --pf-v5-global--primary-color--dark-100: var(--color-fixed-main-75);
    --pf-v5-global--secondary-color--100: #6a6e73;
    --pf-v5-global--custom-color--100: var(--color-fixed-alt-65);
    --pf-v5-global--custom-color--200: var(--color-fixed-alt-85);
    --pf-v5-global--custom-color--300: var(--color-fixed-alt-95);
    --pf-v5-global--success-color--100: #3e8635;
    --pf-v5-global--success-color--200: #1e4f18;
    --pf-v5-global--info-color--100: var(--color-fixed-notification-info-40);
    --pf-v5-global--info-color--200: var(--color-fixed-notification-info-70);
    --pf-v5-global--warning-color--100: #f0ab00;
    --pf-v5-global--warning-color--200: #795600;
    --pf-v5-global--danger-color--100: #c9190b;
    --pf-v5-global--danger-color--200: #a30000;
    --pf-v5-global--danger-color--300: #470000;

    --pf-v5-global--link--Color: var(--color-fixed-main-60);
    --pf-v5-global--link--Color--hover: var(--color-fixed-main-80);
    --pf-v5-global--link--Color--light: var(--color-fixed-main-45);
    --pf-v5-global--link--Color--light--hover: var(--color-fixed-main-35);
    --pf-v5-global--link--Color--dark: var(--color-fixed-main-65);
    --pf-v5-global--link--Color--dark--hover: var(--color-fixed-main-85);
    --pf-v5-global--link--Color--visited: var(--color-fixed-main-85);
}

:where(:root) {
    --pf-v5-global--BackgroundColor--dark-100: #312c4c;
}

.pf-c-page__header {
    background-color: var(--color-fixed-pronto-brand) !important;
    border-color: #0c0038;
    color: var(--color-fixed-main-90);
    font-weight: 400;
    border-radius: 0;
}

.pf-v5-c-masthead {
    display: flex;
    --pf-v5-c-masthead--BackgroundColor: var(--color-fixed-pronto-brand);

    .pf-v5-c-masthead__brand {
        background: url(../img/logo_PIAM.svg) no-repeat;
        height: 35px;
        width: 103px;
        max-width: 100%;
        margin: 0;
        background-size: contain;
        background-position: left;
        margin-right: auto;

        @media (min-width: 1024px) {
            background: url(../img/logo_PIAM_wide.svg) no-repeat;
            width: 563px;
        }

        img {
            display: none;
        }
    }

    .pf-v5-c-toolbar__content-section {
        justify-content: flex-end;

        .pf-v5-c-toolbar__item.pf-m-align-right {
            margin-inline-start: unset;
        }
    }
}

.pf-v5-c-nav__section.h2.pf-v5-c-nav__section-title {
        font-weight: 600;
}

.pf-v5-u-ml-md {
    display: none !important;
}

/* Dashboard */
.pf-v5-c-empty-state {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
}

.pf-v5-c-empty-state__content {
    padding-inline-start: 16px;
}

.keycloak__dashboard_icon {
    padding-bottom: 36px;
    max-width: 80% !important;
}

/* Dropdown menu */
.pf-v5-c-menu {
    border: 1px solid var(--pf-v5-global--BorderColor--100);
}