@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

body, #app {
    background: #212f41;
}

:where(.pf-v5-theme-dark) {
    --pf-v5-global--palette--black-50: #e0e0e0;
    --pf-v5-global--palette--black-100: #c6c7c8;
    --pf-v5-global--palette--black-200: #334b69;
    --pf-v5-global--palette--black-300: #868789;
    --pf-v5-global--palette--black-400: #57585a;
    --pf-v5-global--palette--black-500: #26c1c940;
    --pf-v5-global--palette--black-600: #36373a;
    --pf-v5-global--palette--black-800: #1b1d21;
    --pf-v5-global--palette--black-900: #0f1214;
    --pf-v5-global--palette--red-9999: #fe5142;
    --pf-v5-global--palette--red-8888: #ff7468;
    --pf-v5-global--palette--blue-300: #1fa7f8;
    --pf-v5-global--BackgroundColor--100: #212f41;
    --pf-v5-global--BackgroundColor--200: #212f41;
    --pf-v5-global--BackgroundColor--300: #212f41;
    --pf-v5-global--BackgroundColor--400: #26374c;
    --pf-v5-global--BorderColor--100: #444548;
    --pf-v5-global--BorderColor--200: #444548;
    --pf-v5-global--BorderColor--300: #57585a;
    --pf-v5-global--BorderColor--400: #334b69;
    --pf-v5-global--Color--100: #e0e0e0;
    --pf-v5-global--Color--200: #334b69;
    --pf-v5-global--active-color--100: #1fa7f8;
    --pf-v5-global--primary-color--100: #1fa7f8;
    --pf-v5-global--primary-color--300: #30c999;
    --pf-v5-global--primary-color--400: #fff;
    --pf-v5-global--custom-color--200: #73c5c5;
    --pf-v5-global--success-color--100: #5ba352;
    --pf-v5-global--warning-color--100: #f0ab00;
    --pf-v5-global--warning-color--200: #f4c145;
    --pf-v5-global--danger-color--100: #fe5142;
    --pf-v5-global--danger-color--200: #ff7468;
    --pf-v5-global--link--Color: #1fa7f8;
    --pf-v5-global--link--Color--hover: #73bcf7;
    --pf-v5-global--link--Color--visited: #a18fff;
    --pf-v5-global--disabled-color--300: #334b69;
    --pf-v5-global--icon--Color--light: #334b69;
    --pf-v5-global--Color--dark-100: #e0e0e0;
    --pf-v5-global--Color--dark-200: #334b69;
    --pf-v5-global--Color--light-100: #e0e0e0;
    --pf-v5-global--Color--light-200: #334b69;
    --pf-v5-global--Color--light-300: #3c3f42;
    --pf-v5-global--BorderColor--dark-100: #444548;
    --pf-v5-global--BorderColor--light-100: #444548;
    --pf-v5-global--primary-color--dark-100: #1fa7f8;
    --pf-v5-global--link--Color--light: #1fa7f8;
    --pf-v5-global--link--Color--light--hover: #73bcf7;
    --pf-v5-global--link--Color--dark: #1fa7f8;
    --pf-v5-global--link--Color--dark--hover: #ffffff;
    --pf-v5-global--icon--Color--light--light: #ffffff;
    --pf-v5-global--icon--Color--dark--light: #ffffff;
    --pf-v5-global--icon--Color--light--dark: #ffffff;
    --pf-v5-global--icon--Color--dark--dark: #ffffff;
    --pf-v5-global--BackgroundColor--dark-100: #1b1d21;
    --pf-v5-global--BackgroundColor--dark-200: #0f1214;
    --pf-v5-global--BackgroundColor--dark-300: #26292d;
    --pf-v5-global--BackgroundColor--dark-400: #36373a;
    --pf-v5-global--BoxShadow--sm: 0 .0625rem .125rem 0 #0303037a, 0 0 .125rem 0 #0303033d;
    --pf-v5-global--BoxShadow--sm-top: 0 -.125rem .25rem -.0625rem #030303a3;
    --pf-v5-global--BoxShadow--sm-right: .125rem 0 .25rem -.0625rem #030303a3;
    --pf-v5-global--BoxShadow--sm-bottom: 0 .125rem .25rem -.0625rem #030303a3;
    --pf-v5-global--BoxShadow--sm-left: -.125rem 0 .25rem -.0625rem #030303a3;
    --pf-v5-global--BoxShadow--md: 0 .25rem .5rem 0rem #0303037a, 0 0 .25rem 0 #0303033d;
    --pf-v5-global--BoxShadow--md-top: 0 -.5rem .5rem -.375rem #030303b8;
    --pf-v5-global--BoxShadow--md-right: .5rem 0 .5rem -.375rem #030303b8;
    --pf-v5-global--BoxShadow--md-bottom: 0 .5rem .5rem -.375rem #030303b8;
    --pf-v5-global--BoxShadow--md-left: -.5rem 0 .5rem -.375rem #030303b8;
    --pf-v5-global--BoxShadow--lg: 0 .5rem 1rem 0 #030303a3, 0 0 .375rem 0 #03030352;
    --pf-v5-global--BoxShadow--lg-top: 0 -.75rem .75rem -.5rem #030303b8;
    --pf-v5-global--BoxShadow--lg-right: .75rem 0 .75rem -.5rem #030303b8;
    --pf-v5-global--BoxShadow--lg-bottom: 0 .75rem .75rem -.5rem #030303b8;
    --pf-v5-global--BoxShadow--lg-left: -.75rem 0 .75rem -.5rem #030303b8;
    --pf-v5-global--BoxShadow--xl: 0 1rem 2rem 0 #030303a3, 0 0 .5rem 0 #03030366;
    --pf-v5-global--BoxShadow--xl-top: 0 -1rem 1rem -.5rem #030303cc;
    --pf-v5-global--BoxShadow--xl-right: 1rem 0 1rem -.5rem #030303cc;
    --pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -.5rem #030303cc;
    --pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -.5rem #030303cc;
    --pf-v5-global--BoxShadow--inset: inset 0 0 .625rem 0 #030303;
}

:root {
    --pf-v5-global--palette--black-100: #ffffff;
    --pf-v5-global--palette--black-150: #212f41;
    --pf-v5-global--palette--black-200: #212f41;
    --pf-v5-global--palette--black-300: #212f41;
    --pf-v5-global--palette--black-400: #b8bbbe;
    --pf-v5-global--palette--black-500: #26c1c940;
    --pf-v5-global--palette--black-600: #6a6e73;
    --pf-v5-global--palette--black-700: transparent;
    --pf-v5-global--palette--black-800: #3c3f42;
    --pf-v5-global--palette--black-850: #212427;
    --pf-v5-global--palette--black-900: #151515;
    --pf-v5-global--palette--black-1000: #212f41;
    --pf-v5-global--palette--blue-50: #212f41;
    --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: #8dabc4;
    --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: #212f41;
    --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: #ec7a08;
    --pf-v5-global--palette--orange-500: #ec7a08;
    --pf-v5-global--palette--orange-600: #ec7a08;
    --pf-v5-global--palette--orange-700: #ec7a08;
    --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: #26c1c9;
    --pf-v5-global--BackgroundColor--100: #26374c;
    --pf-v5-global--BackgroundColor--150: #26374c;
    --pf-v5-global--BackgroundColor--200: #26374c;
    --pf-v5-global--BackgroundColor--light-100: #26374c;
    --pf-v5-global--BackgroundColor--light-200: #26374c;
    --pf-v5-global--BackgroundColor--light-300: #26374c;
    --pf-v5-global--BackgroundColor--dark-100: #212f41;
    --pf-v5-global--BackgroundColor--dark-200: #334b69;
    --pf-v5-global--BackgroundColor--dark-300: #212f41;
    --pf-v5-global--BackgroundColor--dark-400: #334b69;
    --pf-v5-global--BackgroundColor--dark-transparent-100: #0303039e;
    --pf-v5-global--BackgroundColor--dark-transparent-200: #03030352;
    --pf-v5-global--Color--100: #ffffff;
    --pf-v5-global--Color--200: #8dabc4;
    --pf-v5-global--Color--300: #3c3f42;
    --pf-v5-global--Color--400: #8a8d90;
    --pf-v5-global--Color--light-100: #ffffff;
    --pf-v5-global--Color--light-200: #f0f0f0;
    --pf-v5-global--Color--light-300: #d2d2d2;
    --pf-v5-global--Color--dark-100: #ffffff;
    --pf-v5-global--Color--dark-200: #26c1c9;
    --pf-v5-global--active-color--100: #26c1c9;
    --pf-v5-global--active-color--200: #bee1f4;
    --pf-v5-global--active-color--300: #2b9af3;
    --pf-v5-global--active-color--400: #26c1c9;
    --pf-v5-global--disabled-color--100: #26c1c940;
    --pf-v5-global--disabled-color--200: #8dabc436;
    --pf-v5-global--disabled-color--300: #f0f0f0;
    --pf-v5-global--primary-color--100: #26c1c9;
    --pf-v5-global--primary-color--200: #2dad89;
    --pf-v5-global--primary-color--light-100: #26c1c9;
    --pf-v5-global--primary-color--dark-100: #8dabc4;
    --pf-v5-global--secondary-color--100: #6a6e73;
    --pf-v5-global--default-color--100: #73c5c5;
    --pf-v5-global--default-color--200: #009596;
    --pf-v5-global--default-color--300: #003737;
    --pf-v5-global--success-color--100: #30c999;
    --pf-v5-global--success-color--200: #2dad89;
    --pf-v5-global--info-color--100: #26c1c9;
    --pf-v5-global--info-color--200: #26c1c9;
    --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--BoxShadow--sm: 0 .0625rem .125rem 0 #0303031f,0 0 .125rem 0 #0303030f;
    --pf-v5-global--BoxShadow--sm-top: 0 -.125rem .25rem -.0625rem #03030329;
    --pf-v5-global--BoxShadow--sm-right: .125rem 0 .25rem -.0625rem #03030329;
    --pf-v5-global--BoxShadow--sm-bottom: 0 .125rem .25rem -.0625rem #03030329;
    --pf-v5-global--BoxShadow--sm-left: -.125rem 0 .25rem -.0625rem #03030329;
    --pf-v5-global--BoxShadow--md: 0 .25rem .5rem 0rem #0303031f,0 0 .25rem 0 #0303030f;
    --pf-v5-global--BoxShadow--md-top: 0 -.5rem .5rem -.375rem #0303032e;
    --pf-v5-global--BoxShadow--md-right: .5rem 0 .5rem -.375rem #0303032e;
    --pf-v5-global--BoxShadow--md-bottom: 0 .5rem .5rem -.375rem #0303032e;
    --pf-v5-global--BoxShadow--md-left: -.5rem 0 .5rem -.375rem #0303032e;
    --pf-v5-global--BoxShadow--lg: 0 .5rem 1rem 0 #03030329,0 0 .375rem 0 #03030314;
    --pf-v5-global--BoxShadow--lg-top: 0 -.75rem .75rem -.5rem #0303032e;
    --pf-v5-global--BoxShadow--lg-right: .75rem 0 .75rem -.5rem #0303032e;
    --pf-v5-global--BoxShadow--lg-bottom: 0 .75rem .75rem -.5rem #0303032e;
    --pf-v5-global--BoxShadow--lg-left: -.75rem 0 .75rem -.5rem #0303032e;
    --pf-v5-global--BoxShadow--xl: 0 1rem 2rem 0 #03030329,0 0 .5rem 0 #0303031a;
    --pf-v5-global--BoxShadow--xl-top: 0 -1rem 1rem -.5rem #03030333;
    --pf-v5-global--BoxShadow--xl-right: 1rem 0 1rem -.5rem #03030333;
    --pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -.5rem #03030333;
    --pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -.5rem #03030333;
    --pf-v5-global--BoxShadow--inset: inset 0 0 .625rem 0 #03030340;
    --pf-v5-global--font-path: "./assets/fonts";
    --pf-v5-global--fonticon-path: "./assets/pficon";
    --pf-v5-global--spacer--xs: .25rem;
    --pf-v5-global--spacer--sm: .5rem;
    --pf-v5-global--spacer--md: 1rem;
    --pf-v5-global--spacer--lg: 1.5rem;
    --pf-v5-global--spacer--xl: 2rem;
    --pf-v5-global--spacer--2xl: 3rem;
    --pf-v5-global--spacer--3xl: 4rem;
    --pf-v5-global--spacer--4xl: 5rem;
    --pf-v5-global--spacer--form-element: .375rem;
    --pf-v5-global--gutter: 1rem;
    --pf-v5-global--gutter--md: 1.5rem;
    --pf-v5-global--ZIndex--xs: 100;
    --pf-v5-global--ZIndex--sm: 200;
    --pf-v5-global--ZIndex--md: 300;
    --pf-v5-global--ZIndex--lg: 400;
    --pf-v5-global--ZIndex--xl: 500;
    --pf-v5-global--ZIndex--2xl: 600;
    --pf-v5-global--breakpoint--xs: 0;
    --pf-v5-global--breakpoint--sm: 576px;
    --pf-v5-global--breakpoint--md: 768px;
    --pf-v5-global--breakpoint--lg: 992px;
    --pf-v5-global--breakpoint--xl: 1200px;
    --pf-v5-global--breakpoint--2xl: 1450px;
    --pf-v5-global--height-breakpoint--sm: 0;
    --pf-v5-global--height-breakpoint--md: 40rem;
    --pf-v5-global--height-breakpoint--lg: 48rem;
    --pf-v5-global--height-breakpoint--xl: 60rem;
    --pf-v5-global--height-breakpoint--2xl: 80rem;
    --pf-v5-global--link--Color: #26c1c9;
    --pf-v5-global--link--Color--hover: #7eccd0;
    --pf-v5-global--link--Color--light: #26c1c9;
    --pf-v5-global--link--Color--light--hover: #7eccd0;
    --pf-v5-global--link--Color--dark: #26c1c9;
    --pf-v5-global--link--Color--dark--hover: #7eccd0;
    --pf-v5-global--link--Color--visited: #25a3ae;
    --pf-v5-global--link--TextDecoration: none;
    --pf-v5-global--link--TextDecoration--hover: underline;
    --pf-v5-global--BorderWidth--sm: 1px;
    --pf-v5-global--BorderWidth--md: 2px;
    --pf-v5-global--BorderWidth--lg: 2px;
    --pf-v5-global--BorderWidth--xl: 4px;
    --pf-v5-global--BorderColor--100: #334b69;
    --pf-v5-global--BorderColor--200: #334b69;
    --pf-v5-global--BorderColor--300: #334b69;
    --pf-v5-global--BorderColor--dark-100: #334b69;
    --pf-v5-global--BorderColor--light-100: #334b69;
    --pf-v5-global--BorderRadius--sm: 3px;
    --pf-v5-global--BorderRadius--lg: 30em;
    --pf-v5-global--icon--Color--light: #6a6e73;
    --pf-v5-global--icon--Color--dark: #ffffff;
    --pf-v5-global--icon--FontSize--sm: .625rem;
    --pf-v5-global--icon--FontSize--md: 1.125rem;
    --pf-v5-global--icon--FontSize--lg: 1.5rem;
    --pf-v5-global--icon--FontSize--xl: 3.375rem;
    --pf-v5-global--FontFamily--sans-serif: "Fira Sans","RedHatText","Overpass",overpass,helvetica,arial,sans-serif;
    --pf-v5-global--FontFamily--heading--sans-serif: "Fira Sans","RedHatDisplay","Overpass",overpass,helvetica,arial,sans-serif;
    --pf-v5-global--FontFamily--monospace: "Fira Sans","Liberation Mono",consolas,"SFMono-Regular",menlo,monaco,"Courier New",monospace;
    --pf-v5-global--FontFamily--redhat-updated--sans-serif: "Fira Sans","RedHatTextUpdated","Overpass",overpass,helvetica,arial,sans-serif;
    --pf-v5-global--FontFamily--redhat-updated--heading--sans-serif: "Fira Sans","RedHatDisplayUpdated","Overpass",overpass,helvetica,arial,sans-serif;
    --pf-v5-global--FontFamily--redhat--monospace: "Fira Sans","RedHatMono","Liberation Mono",consolas,"SFMono-Regular",menlo,monaco,"Courier New",monospace;
    --pf-v5-global--FontFamily--redhatVF--sans-serif: "Fira Sans","RedHatTextVF","RedHatText","Overpass",overpass,helvetica,arial,sans-serif;
    --pf-v5-global--FontFamily--redhatVF--heading--sans-serif: "Fira Sans","RedHatDisplayVF","RedHatDisplay","Overpass",overpass,helvetica,arial,sans-serif;
    --pf-v5-global--FontFamily--redhatVF--monospace: "RedHatMonoVF","RedHatMono","Liberation Mono",consolas,"SFMono-Regular",menlo,monaco,"Courier New",monospace;
    --pf-v5-global--FontFamily--overpass--sans-serif: "overpass",overpass,"open sans",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --pf-v5-global--FontFamily--overpass--monospace: "overpass-mono",overpass-mono,"SFMono-Regular",menlo,monaco,consolas,"Liberation Mono","Courier New",monospace;
    --pf-v5-global--FontSize--4xl: 2.25rem;
    --pf-v5-global--FontSize--3xl: 1.75rem;
    --pf-v5-global--FontSize--2xl: 1.5rem;
    --pf-v5-global--FontSize--xl: 1.25rem;
    --pf-v5-global--FontSize--lg: 1.125rem;
    --pf-v5-global--FontSize--md: 1rem;
    --pf-v5-global--FontSize--sm: .875rem;
    --pf-v5-global--FontSize--xs: .75rem;
    --pf-v5-global--FontWeight--light: 300;
    --pf-v5-global--FontWeight--normal: 400;
    --pf-v5-global--FontWeight--semi-bold: 700;
    --pf-v5-global--FontWeight--overpass--semi-bold: 500;
    --pf-v5-global--FontWeight--bold: 700;
    --pf-v5-global--FontWeight--overpass--bold: 600;
    --pf-v5-global--LineHeight--sm: 1.3;
    --pf-v5-global--LineHeight--md: 1.5;
    --pf-v5-global--ListStyle: disc outside;
    --pf-v5-global--Transition: all .25s cubic-bezier(.42,0,.58,1);
    --pf-v5-global--TimingFunction: cubic-bezier(.645,.045,.355,1);
    --pf-v5-global--TransitionDuration: .25s;
    --pf-v5-global--arrow--width: .9375rem;
    --pf-v5-global--arrow--width-lg: 1.5625rem;
    --pf-v5-global--target-size--MinWidth: 44px;
    --pf-v5-global--target-size--MinHeight: 44px;
}

.keycloak__loading-container {
    background-color: var(--pf-v5-global--palette--black-100);
    color: #fff;
}

.pf-c-modal-box__title,
.pf-c-form__label-text,
.pf-c-title.pf-m-xl,
.pf-c-modal-box__header+.pf-c-modal-box__body,
.pf-c-empty-state__content>.pf-c-title.pf-m-lg,
.pf-c-title.pf-m-3xl, 
.pf-c-title.pf-m-4xl,
.pf-l-split,
.pf-c-card__header, 
.pf-c-card__title,
.pf-c-description-list__term .pf-c-description-list__text,
.pf-c-jump-links__label,
.pf-c-form-control:disabled,
.pf-c-page__main, .pf-c-page__main-drawer, .pf-c-page__main-group {
    color: #fff;
}

.pf-c-form__label-text, 
.pf-c-breadcrumb,
.pf-c-nav__section-title,
.pf-c-description-list__text,
.pf-c-form__group-label-help,
.pf-u-pl-sm,
.pf-u-pb-lg,
.pf-c-popover__body {
    color: #8dabc4;
}

.pf-c-select {
    --pf-c-select__toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
    --pf-c-select__toggle--disabled--BackgroundColor: var(--pf-v5-global--palette--black-100);
}

.pf-c-label.pf-m-green {
    --pf-c-label--BackgroundColor: #212f41;
}

.pf-c-label.pf-m-orange {
    --pf-c-label--BackgroundColor: #212f41;
}
.pf-c-form-control[readonly] {
    background-color: var(--pf-v5-global--palette--black-100);
}

.pf-c-chip {
    background-color: var(--pf-v5-global--palette--black-100);
}

.pf-c-switch {
    --pf-c-switch__input--checked__toggle--BackgroundColor: var(--pf-v5-global--primary-color--100);
    --pf-c-switch__input--disabled__toggle--BackgroundColor: var(--pf-v5-global--palette--black-500);
    --pf-c-switch__input--disabled__toggle--before--BackgroundColor: var(--pf-v5-global--palette--black-150);
    --pf-c-switch__toggle--BackgroundColor: var(--pf-v5-global--disabled-color--200);
    --pf-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--200);
}

.pf-c-button {
    --pf-c-button--disabled--BackgroundColor: #266979 !important;
}

.pf-c-alert.pf-m-info {
    --pf-c-alert__title--Color: var(--pf-v5-global--Color--200);														  
}

.pf-c-alert.pf-m-info {
    --pf-c-alert--BorderTopColor: var(--pf-v5-global--Color--200);
    --pf-c-alert__icon--Color: var(--pf-v5-global--Color--200);
}

:focus-visible {
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 1px var(--pf-v5-global--BackgroundColor--light-300);
    -moz-box-shadow: inset 0 0 0 1px var(--pf-v5-global--BackgroundColor--light-300);
    box-shadow: inset 0 0 0 1px #8dabc4;
}

.pf-c-table.pf-m-compact thead th, .pf-c-table.pf-m-compact thead .pf-c-table__toggle {
    letter-spacing: 1.7px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    color: #8dabc4;
}

.pf-c-switch__toggle {
    background-color: var(--pf-v5-global--BackgroundColor--light-300);
}

.pf-c-switch__input:checked~.pf-c-switch__toggle {
    background-color: var(--pf-v5-global--palette--white);
}

.pf-c-switch__input:disabled~.pf-c-switch__toggle {
    cursor: not-allowed;
    background-color: #266979;
}

.pf-c-form-control:disabled {
    --pf-c-form-control--BackgroundColor: #266979;
}

input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid var(--pf-v5-global--palette--white);
    border-radius: 3px;
    outline: none;
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background-color: var(--pf-v5-global--palette--white);
    border-color: var(--pf-v5-global--palette--white);
}

input[type="checkbox"]:checked::before {
    content: "\2713";
    display: block;
    width: 20px;
    height: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: #fff;
    position: relative;
    top: 0px;
    left: -3px;
}

  ::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #212f41; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #334b69; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--pf-v5-global--palette--white); 
  }