/** Nový CSS */ :root { --primary: #f04a6a; --primary-hover: #b42e48; --primary-light: #f04a6a; --pf-v5-global--palette--black-50: #fbfbfb; --pf-v5-global--palette--black-100: #fafafa; --pf-v5-global--palette--black-150: #f5f5f5; --pf-v5-global--palette--black-200: #f0f0f0; --pf-v5-global--palette--black-300: #d2d2d2; --pf-v5-global--palette--black-400: #b8bbbe; --pf-v5-global--palette--black-500: #8a8d90; --pf-v5-global--palette--black-600: #6a6e73; --pf-v5-global--palette--black-700: #4f5255; --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: #030303; --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: #fff; --pf-v5-global--BackgroundColor--150: #fafafa; --pf-v5-global--BackgroundColor--200: #f0f0f0; --pf-v5-global--BackgroundColor--light-100: #fff; --pf-v5-global--BackgroundColor--light-200: #fafafa; --pf-v5-global--BackgroundColor--light-300: #f0f0f0; --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: rgba(3, 3, 3, .62); --pf-v5-global--BackgroundColor--dark-transparent-200: rgba(3, 3, 3, .32); --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: #f04a6a; --pf-v5-global--active-color--200: #bee1f4; --pf-v5-global--active-color--300: #f04a6a; --pf-v5-global--active-color--400: #f04a6a; --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: #f04a6a; --pf-v5-global--primary-color--200: #c73a54; --pf-v5-global--primary-color--light-100: #73bcf7; --pf-v5-global--primary-color--dark-100: #06c; --pf-v5-global--secondary-color--100: #6a6e73; --pf-v5-global--custom-color--100: #73c5c5; --pf-v5-global--custom-color--200: #009596; --pf-v5-global--custom-color--300: #003737; --pf-v5-global--success-color--100: #3e8635; --pf-v5-global--success-color--200: #1e4f18; --pf-v5-global--info-color--100: #2b9af3; --pf-v5-global--info-color--200: #002952; --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 0.0625rem 0.125rem 0 rgba(3, 3, 3, .12), 0 0 0.125rem 0 rgba(3, 3, 3, .06); --pf-v5-global--BoxShadow--sm-top: 0 -0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, .16); --pf-v5-global--BoxShadow--sm-right: 0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, .16); --pf-v5-global--BoxShadow--sm-bottom: 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, .16); --pf-v5-global--BoxShadow--sm-left: -0.125rem 0 0.25rem -0.0625rem rgba(3, 3, 3, .16); --pf-v5-global--BoxShadow--md: 0 0.25rem 0.5rem 0rem rgba(3, 3, 3, .12), 0 0 0.25rem 0 rgba(3, 3, 3, .06); --pf-v5-global--BoxShadow--md-top: 0 -0.5rem 0.5rem -0.375rem rgba(3, 3, 3, .18); --pf-v5-global--BoxShadow--md-right: 0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, .18); --pf-v5-global--BoxShadow--md-bottom: 0 0.5rem 0.5rem -0.375rem rgba(3, 3, 3, .18); --pf-v5-global--BoxShadow--md-left: -0.5rem 0 0.5rem -0.375rem rgba(3, 3, 3, .18); --pf-v5-global--BoxShadow--lg: 0 0.5rem 1rem 0 rgba(3, 3, 3, .16), 0 0 0.375rem 0 rgba(3, 3, 3, .08); --pf-v5-global--BoxShadow--lg-top: 0 -0.75rem 0.75rem -0.5rem rgba(3, 3, 3, .18); --pf-v5-global--BoxShadow--lg-right: 0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, .18); --pf-v5-global--BoxShadow--lg-bottom: 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, .18); --pf-v5-global--BoxShadow--lg-left: -0.75rem 0 0.75rem -0.5rem rgba(3, 3, 3, .18); --pf-v5-global--BoxShadow--xl: 0 1rem 2rem 0 rgba(3, 3, 3, .16), 0 0 0.5rem 0 rgba(3, 3, 3, .1); --pf-v5-global--BoxShadow--xl-top: 0 -1rem 1rem -0.5rem rgba(3, 3, 3, .2); --pf-v5-global--BoxShadow--xl-right: 1rem 0 1rem -0.5rem rgba(3, 3, 3, .2); --pf-v5-global--BoxShadow--xl-bottom: 0 1rem 1rem -0.5rem rgba(3, 3, 3, .2); --pf-v5-global--BoxShadow--xl-left: -1rem 0 1rem -0.5rem rgba(3, 3, 3, .2); --pf-v5-global--BoxShadow--inset: inset 0 0 0.625rem 0 rgba(3, 3, 3, .25); --pf-v5-global--font-path: "./assets/fonts"; --pf-v5-global--fonticon-path: "./assets/pficon"; --pf-v5-global--spacer--xs: 0.25rem; --pf-v5-global--spacer--sm: 0.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: 0.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: #f04a6a; --pf-v5-global--link--Color--hover: #b42e48; --pf-v5-global--link--Color--light: #f04a6a; --pf-v5-global--link--Color--light--hover: #73bcf7; --pf-v5-global--link--Color--dark: #06c; --pf-v5-global--link--Color--dark--hover: #004080; --pf-v5-global--link--Color--visited: #40199a; --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: 3px; --pf-v5-global--BorderWidth--xl: 4px; --pf-v5-global--BorderColor--100: #d2d2d2; --pf-v5-global--BorderColor--200: #8a8d90; --pf-v5-global--BorderColor--300: #f0f0f0; --pf-v5-global--BorderColor--dark-100: #d2d2d2; --pf-v5-global--BorderColor--light-100: #b8bbbe; --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: #151515; --pf-v5-global--icon--Color--light--light: #f0f0f0; --pf-v5-global--icon--Color--dark--light: #fff; --pf-v5-global--icon--Color--light--dark: #6a6e73; --pf-v5-global--icon--Color--dark--dark: #151515; --pf-v5-global--icon--FontSize--sm: 0.75rem; --pf-v5-global--icon--FontSize--md: 1rem; --pf-v5-global--icon--FontSize--lg: 1.5rem; --pf-v5-global--icon--FontSize--xl: 3.375rem; --pf-v5-global--FontFamily--text: "RedHatText", helvetica, arial, sans-serif; --pf-v5-global--FontFamily--heading: "RedHatDisplay", helvetica, arial, sans-serif; --pf-v5-global--FontFamily--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace; --pf-v5-global--FontFamily--text--vf: "RedHatTextVF", "RedHatText", helvetica, arial, sans-serif; --pf-v5-global--FontFamily--heading--vf: "RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif; --pf-v5-global--FontFamily--monospace--vf: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "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: 0.875rem; --pf-v5-global--FontSize--xs: 0.75rem; --pf-v5-global--FontWeight--normal: 400; --pf-v5-global--FontWeight--bold: 700; --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 250ms cubic-bezier(0.42, 0, 0.58, 1); --pf-v5-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1); --pf-v5-global--TransitionDuration: 250ms; --pf-v5-global--arrow--width: 0.9375rem; --pf-v5-global--arrow--width-lg: 1.5625rem; --pf-v5-global--target-size--MinWidth: 44px; --pf-v5-global--target-size--MinHeight: 44px; --pf-v5-global--inverse--multiplier: 1; } :where(.pf-v5-m-dir-rtl, [dir=rtl]) { --pf-v5-global--inverse--multiplier: -1 } /* ACCOUNT, Admin c-page*/ :root { --pf-v5-c-page--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300); --pf-v5-c-page--inset: var(--pf-v5-global--spacer--md); --pf-v5-c-page--xl--inset: var(--pf-v5-global--spacer--lg); --pf-v5-c-page__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100); --pf-v5-c-page__header--ZIndex: var(--pf-v5-global--ZIndex--md); --pf-v5-c-page__header--MinHeight: 4.75rem; --pf-v5-c-page__header-brand--PaddingLeft: var(--pf-v5-global--spacer--md); --pf-v5-c-page__header-brand--xl--PaddingRight: var(--pf-v5-global--spacer--xl); --pf-v5-c-page__header-brand--xl--PaddingLeft: var(--pf-v5-global--spacer--lg); --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingTop: var(--pf-v5-global--spacer--sm); --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingRight: var(--pf-v5-global--spacer--sm); --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingBottom: var(--pf-v5-global--spacer--sm); --pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft: var(--pf-v5-global--spacer--sm); --pf-v5-c-page__header-sidebar-toggle__c-button--MarginRight: var(--pf-v5-global--spacer--md); --pf-v5-c-page__header-sidebar-toggle__c-button--MarginLeft: calc(var(--pf-v5-c-page__header-sidebar-toggle__c-button--PaddingLeft) * -1); --pf-v5-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-v5-global--FontSize--2xl); --pf-v5-c-page__header-brand-link--c-brand--MaxHeight: 3.75rem; --pf-v5-c-page__header-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300); --pf-v5-c-page__header-nav--xl--BackgroundColor: transparent; --pf-v5-c-page__header-nav--xl--PaddingRight: var(--pf-v5-global--spacer--xl); --pf-v5-c-page__header-nav--xl--PaddingLeft: var(--pf-v5-global--spacer--xl); --pf-v5-c-page__header-tools--MarginRight: var(--pf-v5-global--spacer--md); --pf-v5-c-page__header-tools--xl--MarginRight: var(--pf-v5-global--spacer--lg); --pf-v5-c-page__header-tools--c-avatar--MarginLeft: var(--pf-v5-global--spacer--md); --pf-v5-c-page__header-tools-group--MarginLeft: var(--pf-v5-global--spacer--xl); --pf-v5-c-page__header-tools-group--Display: flex; --pf-v5-c-page__header-tools-item--Display: block; --pf-v5-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--200); --pf-v5-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-global--danger-color--200); --pf-v5-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor: var(--pf-v5-global--primary-color--200); --pf-v5-c-page__header-tools--c-button--m-selected--notification-badge--m-attention--after--BackgroundColor: var(--pf-v5-global--danger-color--200); --pf-v5-c-page__header-tools--c-button--m-selected--before--Width: auto; --pf-v5-c-page__header-tools--c-button--m-selected--before--Height: auto; --pf-v5-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-page__header-tools--c-button--m-selected--before--BorderRadius: var(--pf-v5-global--BorderRadius--sm); --pf-v5-c-page__header-tools--c-button--m-selected--c-notification-badge--m-unread--after--BorderColor: transparent; --pf-v5-c-page__sidebar--ZIndex: var(--pf-v5-global--ZIndex--sm); --pf-v5-c-page__sidebar--Width: 18.125rem; --pf-v5-c-page__sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300); --pf-v5-c-page__sidebar--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-page__sidebar--m-light--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-page__sidebar--m-light--BorderRightColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-page__sidebar--BoxShadow: var(--pf-v5-global--BoxShadow--lg-right); --pf-v5-c-page__sidebar--Transition: var(--pf-v5-global--Transition); --pf-v5-c-page__sidebar--TranslateX: -100%; --pf-v5-c-page__sidebar--TranslateZ: 0; --pf-v5-c-page__sidebar--m-expanded--TranslateX: 0; --pf-v5-c-page__sidebar--xl--TranslateX: 0; --pf-v5-c-page__sidebar-body--PaddingRight: 0; --pf-v5-c-page__sidebar-body--PaddingLeft: 0; --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset); --pf-v5-c-page__sidebar-body--m-page-insets--PaddingLeft: var(--pf-v5-c-page--inset); --pf-v5-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-v5-global--BackgroundColor--dark-200); --pf-v5-c-page__main--ZIndex: var(--pf-v5-global--ZIndex--xs); --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-section--xl--PaddingTop: var(--pf-v5-global--spacer--lg); --pf-v5-c-page__main-section--xl--PaddingRight: var(--pf-v5-global--spacer--lg); --pf-v5-c-page__main-section--xl--PaddingBottom: var(--pf-v5-global--spacer--lg); --pf-v5-c-page__main-section--xl--PaddingLeft: var(--pf-v5-global--spacer--lg); --pf-v5-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-section--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-300); --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-page__main-section--m-light-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--150); --pf-v5-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-100); --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-transparent-200); --pf-v5-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-v5-global--spacer--md); --pf-v5-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v5-c-page__sidebar--Width)); --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md); --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v5-global--ZIndex--md); --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top); --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom); --pf-v5-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v5-global--ZIndex--xs); --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top); --pf-v5-c-page--section--m-shadow-top--ZIndex: var(--pf-v5-global--ZIndex--xs); --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-page__main-nav--PaddingTop: var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-nav--PaddingRight: 0; --pf-v5-c-page__main-nav--PaddingLeft: 0; --pf-v5-c-page__main-nav--m-sticky-top--PaddingBottom: var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-nav--xl--PaddingRight: var(--pf-v5-global--spacer--sm); --pf-v5-c-page__main-nav--xl--PaddingLeft: var(--pf-v5-global--spacer--sm); --pf-v5-c-page__main-subnav--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-300); --pf-v5-c-page__main-subnav--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-page__main-subnav--BorderTopColor: var(--pf-v5-global--palette--black-800); --pf-v5-c-page__main-subnav--BorderLeftWidth: 0; --pf-v5-c-page__main-subnav--BorderLeftColor: var(--pf-v5-global--palette--black-800); --pf-v5-c-page__sidebar--main__main-subnav--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-page__sidebar--m-collapsed--main__main-subnav--BorderLeftWidth: 0; --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-page__main-breadcrumb--PaddingTop: var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-breadcrumb--PaddingRight: var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-breadcrumb--PaddingBottom: 0; --pf-v5-c-page__main-breadcrumb--PaddingLeft: var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-breadcrumb--m-sticky-top--PaddingBottom: var(--pf-v5-global--spacer--md); --pf-v5-c-page__main-breadcrumb--xl--PaddingRight: var(--pf-v5-global--spacer--lg); --pf-v5-c-page__main-breadcrumb--xl--PaddingLeft: var(--pf-v5-global--spacer--lg); --pf-v5-c-page__main-tabs--PaddingTop: 0; --pf-v5-c-page__main-tabs--PaddingRight: 0; --pf-v5-c-page__main-tabs--PaddingBottom: 0; --pf-v5-c-page__main-tabs--PaddingLeft: 0; --pf-v5-c-page__main-tabs--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-page__main-wizard--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100); --pf-v5-c-page__main-wizard--BorderTopColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-page__main-wizard--BorderTopWidth: var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-v5-global--BackgroundColor--200); /*Navigace*/ --pf-v5-c-nav__section-title--Color: var(--pf-v5-global--Color--100) !important; } /*SWITCH*/ .pf-v5-c-masthead { --pf-v5-c-masthead--PaddingLeft:var(--pf-v5-c-masthead--inset); --pf-v5-c-masthead--PaddingRight:var(--pf-v5-c-masthead--inset); --pf-v5-c-masthead--BackgroundColor: var(--pf-v5-global--BackgroundColor--100) !important; --pf-v5-c-masthead--inset:var(--pf-v5-global--spacer--md); --pf-v5-c-masthead--xl--inset:var(--pf-v5-global--spacer--lg); --pf-v5-c-masthead--m-display-stack--GridTemplateColumns:max-content 1fr; --pf-v5-c-masthead--m-display-stack__main--GridColumn:-1/1; --pf-v5-c-masthead--m-display-stack__main--MinHeight:4.375rem; --pf-v5-c-masthead--m-display-stack__main--Order:-1; --pf-v5-c-masthead--m-display-stack__main--FlexBasis:100%; --pf-v5-c-masthead--m-display-stack__main--PaddingTop:var(--pf-v5-global--spacer--sm); --pf-v5-c-masthead--m-display-stack__main--PaddingBottom:var(--pf-v5-global--spacer--sm); --pf-v5-c-masthead--m-display-stack__main--MarginRight:0; --pf-v5-c-masthead--m-display-stack__main--before--BorderBottom:var(--pf-v5-c-masthead__main--before--BorderBottomWidth)solid var(--pf-v5-c-masthead__main--before--BorderBottomColor); --pf-v5-c-masthead--m-display-stack__toggle--GridColumn:1; --pf-v5-c-masthead--m-display-stack__content--GridColumn:2; --pf-v5-c-masthead--m-display-stack__content--MinHeight:auto; --pf-v5-c-masthead--m-display-stack__content--Order:1; --pf-v5-c-masthead--m-display-stack__content--PaddingTop:0; --pf-v5-c-masthead--m-display-stack__content--PaddingBottom:0; --pf-v5-c-masthead--m-display-stack__content--MarginLeft:0; --pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight:calc(var(--pf-v5-c-masthead--inset)*-1); --pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft:calc(var(--pf-v5-c-masthead--inset)*-1); --pf-v5-c-masthead--m-display-inline--GridTemplateColumns:max-content max-content 1fr; --pf-v5-c-masthead--m-display-inline__main--GridColumn:2; --pf-v5-c-masthead--m-display-inline__main--MinHeight:4.375rem; --pf-v5-c-masthead--m-display-inline__main--Order:0; --pf-v5-c-masthead--m-display-inline__main--FlexBasis:auto; --pf-v5-c-masthead--m-display-inline__main--PaddingTop:0; --pf-v5-c-masthead--m-display-inline__main--PaddingBottom:0; --pf-v5-c-masthead--m-display-inline__main--MarginRight:calc(var(--pf-v5-global--spacer--lg)/2); --pf-v5-c-masthead--m-display-inline__main--BorderBottom:0; --pf-v5-c-masthead--m-display-inline__toggle--GridColumn:1; --pf-v5-c-masthead--m-display-inline__content--GridColumn:3; --pf-v5-c-masthead--m-display-inline__content--MinHeight:4.375rem; --pf-v5-c-masthead--m-display-inline__content--Order:0; --pf-v5-c-masthead--m-display-inline__content--PaddingTop:0; --pf-v5-c-masthead--m-display-inline__content--PaddingBottom:0; --pf-v5-c-masthead--m-display-inline__content--MarginLeft:calc(var(--pf-v5-global--spacer--lg)/2); --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight:0; --pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft:0; --pf-v5-c-masthead__main--before--Right:calc(var(--pf-v5-c-masthead--inset)*-1); --pf-v5-c-masthead__main--before--Left:calc(var(--pf-v5-c-masthead--inset)*-1); --pf-v5-c-masthead__main--before--BorderBottomWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-masthead__main--before--BorderBottomColor:var(--pf-v5-global--palette--black-600); --pf-v5-c-masthead__toggle--MarginRight:var(--pf-v5-global--spacer--sm); --pf-v5-c-masthead__toggle--MarginLeft:calc(var(--pf-v5-global--spacer--md)*-1); --pf-v5-c-masthead__toggle--c-button--FontSize:var(--pf-v5-global--FontSize--2xl); --pf-v5-c-masthead--m-light--BackgroundColor:var(--pf-v5-global--BackgroundColor--100); --pf-v5-c-masthead--m-light__main--BorderBottomColor:var(--pf-v5-global--BorderColor--300); --pf-v5-c-masthead--m-light-200--BackgroundColor:var(--pf-v5-global--BackgroundColor--200); --pf-v5-c-masthead--m-light-200__main--BorderBottomColor:var(--pf-v5-global--BorderColor--100); --pf-v5-c-masthead--c-toolbar__item--Display:flex; --pf-v5-c-masthead--item-border-color--base:var(--pf-v5-global--palette--black-800); --pf-v5-c-masthead--c-context-selector--Width:auto; --pf-v5-c-masthead--c-context-selector__toggle--BorderTopColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-context-selector__toggle--BorderRightColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-context-selector__toggle--BorderLeftColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor:transparent; --pf-v5-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor:transparent; --pf-v5-c-masthead--c-dropdown__toggle--before--BorderTopColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-dropdown__toggle--before--BorderRightColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-dropdown__toggle--before--BorderLeftColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor:transparent; --pf-v5-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor:transparent; --pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--c-toolbar--BackgroundColor:var(--pf-v5-c-masthead--BackgroundColor); --pf-v5-c-masthead--c-toolbar--AlignItems--base:center; --pf-v5-c-masthead--c-toolbar__content--PaddingRight:0; --pf-v5-c-masthead--c-toolbar__content--PaddingLeft:0; --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingTop:var(--pf-v5-global--spacer--md); --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingRight:var(--pf-v5-c-masthead--inset); --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingBottom:var(--pf-v5-global--spacer--md); --pf-v5-c-masthead--c-toolbar__expandable-content--PaddingLeft:var(--pf-v5-c-masthead--inset); --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopWidth:var(--pf-v5-global--BorderWidth--sm); --pf-v5-c-masthead--c-toolbar__expandable-content--before--BorderTopColor:var(--pf-v5-c-masthead--item-border-color--base); --pf-v5-c-masthead--GridTemplateColumns:var(--pf-v5-c-masthead--m-display-stack--GridTemplateColumns); --pf-v5-c-masthead__main--GridColumn:var(--pf-v5-c-masthead--m-display-stack__main--GridColumn); --pf-v5-c-masthead__main--MinHeight:var(--pf-v5-c-masthead--m-display-stack__main--MinHeight); --pf-v5-c-masthead__main--Order:var(--pf-v5-c-masthead--m-display-stack__main--Order); --pf-v5-c-masthead__main--FlexBasis:var(--pf-v5-c-masthead--m-display-stack__main--FlexBasis); --pf-v5-c-masthead__main--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__main--PaddingTop); --pf-v5-c-masthead__main--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__main--PaddingBottom); --pf-v5-c-masthead__main--MarginRight:var(--pf-v5-c-masthead--m-display-stack__main--MarginRight); --pf-v5-c-masthead__main--before--BorderBottom:var(--pf-v5-c-masthead--m-display-stack__main--before--BorderBottom); --pf-v5-c-masthead__content--GridColumn:var(--pf-v5-c-masthead--m-display-stack__content--GridColumn); --pf-v5-c-masthead__content--MinHeight:var(--pf-v5-c-masthead--m-display-stack__content--MinHeight); --pf-v5-c-masthead__content--Order:var(--pf-v5-c-masthead--m-display-stack__content--Order); --pf-v5-c-masthead__content--PaddingTop:var(--pf-v5-c-masthead--m-display-stack__content--PaddingTop); --pf-v5-c-masthead__content--PaddingBottom:var(--pf-v5-c-masthead--m-display-stack__content--PaddingBottom); --pf-v5-c-masthead__content--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--MarginLeft); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginRight); --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft:var(--pf-v5-c-masthead--m-display-stack__content--c-nav--m-horizontal--MarginLeft); color:var(--pf-v5-global--Color--100); /*grid-template-columns:var(--pf-v5-c-masthead--GridTemplateColumns);*/ /*background-color:var(--pf-v5-c-masthead--BackgroundColor);*/ /*align-items:center;*/ /*min-width:0;*/ /*padding-inline-start:var(--pf-v5-c-masthead--PaddingLeft);*/ /*padding-inline-end:var(--pf-v5-c-masthead--PaddingRight);*/ /*display:grid;*/ /*position:relative*/ } /** ============================== DARKMOODE======================= */ .pf-v5-c-login__main { align-self: start; background-color: var(--pf-v5-global--palette--white); } /* *!*/ :where(.pf-v5-theme-dark) { color-scheme: normal !important; } :where(.pf-v5-theme-dark) .pf-v5-c-form-control > :is(input, select, textarea){ background-color: var(--pf-v5-global--palette--black-150); border: none; color: var(--pf-v5-global--Color--100); /*--pf-v5-c-form-control--after--BorderBottomColor: inherit;*/ /*--pf-v5-c-form-control--BackgroundColor: inherit;*/ /*--pf-v5-c-form-control--m-disabled--Color: inherit;*/ /*--pf-v5-c-form-control--m-disabled--BackgroundColor: inherit;*/ /*--pf-v5-c-form-control--m-readonly--BackgroundColor: inherit;*/ /*--pf-v5-c-form-control--m-readonly--hover--after--BorderBottomColor: inherit;*/ /*--pf-v5-c-form-control--m-readonly--focus--after--BorderBottomColor: inherit;*/ /*--pf-v5-c-form-control--m-disabled__toggle-icon--Color: inherit;*/ /*color: inherit;*/ } :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control { --pf-v5-c-button--m-control--Color: var(--pf-v5-global--palette--black-600);; --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--palette--white); --pf-v5-c-button--m-control--after--BorderBottomColor: var(--pf-v5-global--palette--white); } :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:hover, :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:active, :where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:focus { --pf-v5-c-button--m-control--Color: var(--primary); --pf-v5-c-button--m-control--BackgroundColor: var(--pf-v5-global--palette--white); } :where(.pf-v5-theme-dark) .pf-v5-c-button { --pf-v5-c-button--disabled--Color: inherit; --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300); --pf-v5-c-button--m-primary--Color: var(--pf-v5-global--primary-color--400); --pf-v5-c-button--m-tertiary--after--BorderColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-button--m-tertiary--Color: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-tertiary--hover--after--BorderColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-button--m-tertiary--hover--Color: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-tertiary--focus--after--BorderColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-button--m-tertiary--focus--Color: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-tertiary--active--after--BorderColor: var(--pf-v5-global--BorderColor--100); --pf-v5-c-button--m-tertiary--active--Color: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-warning--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-warning--hover--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-warning--focus--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-warning--active--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--pf-v5-global--warning-color--200); --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--pf-v5-global--warning-color--200); --pf-v5-c-button--m-warning--active--BackgroundColor: var(--pf-v5-global--warning-color--200); --pf-v5-c-button--m-danger--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-danger--hover--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-danger--focus--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-danger--active--Color: var(--pf-v5-global--palette--black-900); --pf-v5-c-button--m-link--disabled--Color: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-control--BackgroundColor: inherit; --pf-v5-c-button--m-control--hover--BackgroundColor: var(--pf-v5-global--palette--black-400); --pf-v5-c-button--m-control--active--BackgroundColor: var(--pf-v5-global--palette--black-400); --pf-v5-c-button--m-control--focus--BackgroundColor: var(--pf-v5-global--palette--black-400); --pf-v5-c-button--m-control--m-expanded--BackgroundColor: var(--pf-v5-global--palette--black-400); --pf-v5-c-button--m-control--after--BorderTopColor: inherit; --pf-v5-c-button--m-control--after--BorderRightColor: inherit; --pf-v5-c-button--m-control--after--BorderBottomColor: inherit; --pf-v5-c-button--m-control--after--BorderLeftColor: inherit; --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-control--m-expanded--after--BorderBottomColor: var(--pf-v5-global--palette--black-100); --pf-v5-c-button--m-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200); --pf-v5-c-button--m-primary__c-badge--BorderColor: var(--pf-v5-global--Color--100); } :where(.pf-v5-theme-dark) .pf-v5-c-login { --pf-v5-c-login__main--BackgroundColor: inherit; } :where(.pf-v5-theme-dark) .pf-v5-c-text-input-group { --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--palette--white); --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--palette--black-300); --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--palette--black-300); --pf-v5-c-text-input-group__text--before--BorderWidth: 1px; --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--palette--black-400); } :where(.pf-v5-theme-dark) .pf-v5-c-menu { --pf-v5-c-menu--BackgroundColor: var(--pf-v5-global--palette--black-50); --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--pf-v5-global--palette--black-150); --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--palette--black-50); }