/* Fonts. */
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400;
	src: local('IBM Plex Sans'), local('IBMPlexSans'),
		url('../fonts/ibm-plex-sans-v2-latin-regular.woff2') format('woff2');
	font-display: swap;
}

/* Normal Italic */
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: italic;
	font-weight: 400;
	src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
		url('../fonts/ibm-plex-sans-v2-latin-italic.woff2') format('woff2');
	font-display: swap;
}

/* Bold */
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 700;
	src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'),
		url('../fonts/ibm-plex-sans-v2-latin-700.woff2') format('woff2');
	font-display: swap;
}

/* Bold Italic */
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: italic;
	font-weight: 700;
	src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'),
		url('../fonts/ibm-plex-sans-v2-latin-700italic.woff2') format('woff2');
	font-display: swap;
}

/* Semi-bold */
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 500;
	src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'),
		url('../fonts/ibm-plex-sans-v2-latin-500.woff2') format('woff2');
	font-display: swap;
}

/* Semi-bold Italic */
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: italic;
	font-weight: 500;
	src: local('IBM Plex Sans Medium Italic'), local('IBMPlexSans-MediumItalic'),
		url('../fonts/ibm-plex-sans-v2-latin-500italic.woff2') format('woff2');
	font-display: swap;
}

/* Moin font declaration. */
:where(:root) {
	--pf-v5-global--FontFamily--text: "IBM Plex Sans", helvetica, arial, sans-serif;
    --pf-v5-global--FontFamily--heading: "IBM Plex Sans", helvetica, arial, sans-serif;

}
/* Title font weights. */
.pf-v5-c-content {
	--pf-v5-c-content--h1--FontWeight: 700;
	--pf-v5-c-content--h2--FontWeight: 700;
	--pf-v5-c-content--h3--FontWeight: 700;
	--pf-v5-c-content--h4--FontWeight: 700;
	--pf-v5-c-content--h5--FontWeight: 700;
	--pf-v5-c-content--h6--FontWeight: 700;
}

/* Form labels. */
.pf-v5-c-form {
	--pf-v5-c-form__label-text--FontWeight: 500;
}



/* Colours */
:root {
	/* Primary Payara Colours. */
	--tango: 240,152,27;
	--midnight: 0,44,62;
	--snow: 255,255,255;

	/* Secondary Payara Colours. */
	--smurf: 0,124,194;
	--basalt: 50,68,74;
	--concrete: 218,224,226;

	/* Statuses. */
	--cherry: 219,26,0;
	--frog: 0,103,41;

	/* Used for dark mode, shadows, etc. */
	--coal: 23,24,24;
	--jet: 15,15,15;
	--onyx: 11,11,11;

	--button-radius: 0.3rem;
	--padding: 1.6rem;
}



/* Header */
.pf-v5-c-masthead,
.pf-v5-c-masthead .pf-v5-c-toolbar {
	--pf-v5-c-masthead--BackgroundColor: rgb(var(--onyx));
	--pf-v5-c-toolbar--BackgroundColor: rgb(var(--onyx));
}



/* Sidebar */
:root {
	--pf-v5-c-page__sidebar--BackgroundColor: rgb(var(--midnight));
	--pf-v5-global--warning-color--100: rgb(var(--tango));
}
.pf-v5-c-page__sidebar {
	border-inline-end: none;
}
.pf-v5-c-nav__section-title {
	--pf-v5-c-nav__section-title--FontSize: var(--pf-v5-global--FontSize--md);
	--pf-v5-global--FontWeight--normal: var(--pf-v5-global--FontWeight--bold);
	--pf-v5-c-nav__section-title--Color: rgb(var(--snow));
	border-block-end: none;
}
.pf-v5-c-nav__link {
	--pf-v5-c-nav__link--PaddingTop: 0.5em;
	--pf-v5-c-nav__link--PaddingBottom: 0.5em;
	--pf-v5-c-nav__link--FontSize: 1em;
	--pf-v5-c-nav__link--Color: rgb(var(--snow));
}
.pf-v5-c-nav__link:not( .pf-m-current) {
	background: linear-gradient( rgba(var(--smurf), 0.3), rgba(var(--smurf), 0.3)), rgb(var(--midnight))
}
.pf-v5-c-nav__link:not( .pf-m-current):hover {
	background: linear-gradient( rgba(var(--smurf), 0.4), rgba(var(--smurf), 0.4)), rgb(var(--midnight));
}
.pf-v5-c-nav__link.pf-m-current {
	--pf-v5-c-nav__link--m-current--BackgroundColor: rgb(var(--tango));
	--pf-v5-c-nav__link--m-current--Color: rgb(var(--coal));
	--pf-v5-c-nav__link--m-current--after--BorderColor: transparent;
}
.pf-v5-c-nav__link.pf-m-current:hover {
	background: linear-gradient( rgba(var(--snow), 0.2), rgba(var(--snow), 0.2)), rgb(var(--tango));
}
.pf-v5-c-nav__link:focus-visible {
	box-shadow: inset 0 0 0 4px rgb(var(--smurf));
	outline: 0;
}
/* Menu ancestor. */
.pf-v5-c-nav__link:has( + .pf-v5-c-nav__subnav .pf-m-current) {
	box-shadow: inset 4px 0 0 0 rgb(var(--tango));
}
.pf-v5-c-nav__subnav {
	--pf-v5-c-nav__subnav--PaddingLeft: 0;
	--pf-v5-c-nav__subnav--PaddingBottom: 0;
}
.pf-v5-c-nav__subnav .pf-v5-c-nav__link {
	--pf-v5-c-nav__link--PaddingLeft: 2.8rem;
}
.pf-v5-c-nav__subnav .pf-v5-c-nav__link:not( .pf-m-current) {
	background: linear-gradient( rgba(var(--smurf), 0.25), rgba(var(--smurf), 0.25)), rgb(var(--midnight))
}

.pf-v5-c-label.pf-m-blue {
	--pf-v5-c-label--BackgroundColor: rgb(var(--coal));
}
.pf-v5-c-label.pf-m-blue .pf-v5-c-label__content {
	--pf-v5-c-label__content--Color: rgb(var(--snow));
}
.pf-v5-c-label.pf-m-blue .pf-v5-c-label__content:before {
	display: none;
}
.pf-v5-c-label.pf-m-blue .pf-v5-c-label__icon {
	--pf-v5-c-label__icon--Color: rgb(var(--tango));
}

/* Submenu indicator icon. */
button.pf-v5-c-nav__link {
	--pf-v5-c-nav__link--PaddingRight: 4px;
}
button.pf-v5-c-nav__link .pf-v5-c-nav__toggle-icon {
	background: rgba(var(--snow), 0.075);
	padding: 0.5rem;
	margin: -0.5rem;
	border-radius: var(--button-radius);
}



/* Main page background. */
.pf-v5-c-page__main-section {
	--pf-v5-c-page__main-section--BackgroundColor: rgb(var(--snow));
}
.pf-v5-c-toolbar__content-section .pf-v5-c-toolbar__item {
	--pf-v5-c-toolbar__item--AlignSelf: center;
}

:where(.pf-v5-theme-dark) {
	--pf-v5-global--BackgroundColor--light-100: rgb(var(--coal));
	--pf-v5-global--BackgroundColor--100: rgb(var(--coal));

	.pf-v5-c-page {
		--pf-v5-c-page--BackgroundColor: rgb(var(--coal));
	}

	.pf-v5-c-page__main-section {
		--pf-v5-c-page__main-section--BackgroundColor: rgb(var(--coal));
	}

	/* Remove unneeded background colours on smaller elements. e.g. Authentication > search filter. */
	.pf-v5-c-input-group,
	.pf-v5-c-text-input-group {
		--pf-v5-c-input-group__item--BackgroundColor: transparent;
		--pf-v5-c-text-input-group--BackgroundColor: transparent;
	}
}



/* large selectable areas, e.g Identity providers. */
.pf-v5-c-card__selectable-actions .pf-v5-c-radio__label:before {
	--pf-v5-c-card--BackgroundColor: rgba(var(--concrete),0.65);
	--pf-v5-c-card--BoxShadow: none;
	border-radius: var(--button-radius);
}
.pf-v5-c-card__selectable-actions .pf-v5-c-radio__label:hover:before {
	--pf-v5-c-card--BackgroundColor: rgb(var(--concrete));
}
:where(.pf-v5-theme-dark) {
	.pf-v5-c-card__selectable-actions .pf-v5-c-radio__label:before {
		--pf-v5-c-card--BackgroundColor: rgba(var(--snow),0.05);
	}
	.pf-v5-c-card__selectable-actions .pf-v5-c-radio__label:hover:before {
		--pf-v5-c-card--BackgroundColor: rgba(var(--snow),0.1);
	}
}



/* Hide the dividers, we don't use underlines in Blinky. */
.pf-v5-c-divider:after,
hr {
	display: none;
}



/* Buttons. */

/* Primary. */
.pf-v5-c-button,
.pf-v5-c-menu-toggle {
	/* Tweak the button padding so it matches the form field heights. */
	--pf-v5-c-button--PaddingTop: 0.443rem;
	--pf-v5-c-button--PaddingBottom: 0.443rem;
}
.pf-v5-c-button.pf-m-primary,
.pf-v5-c-button.pf-m-primary:focus {
	/* 30% smurf over midnight. */
	--pf-v5-c-button--m-primary--BackgroundColor: rgb(0,76,108);
}
.pf-v5-c-button.pf-m-primary:hover {
	/* 40% smurf over midnight. */
	--pf-v5-c-button--m-primary--hover--BackgroundColor: rgb(0,86,123);
}

/* Secondary. Rarely used e.g. Account Management > Signing In > Update button. */
.pf-v5-c-button.pf-m-secondary {
	--pf-v5-c-button--after--BorderColor: rgb(0,76,108);
	--pf-v5-c-button--m-secondary--Color: currentColor;
}
.pf-v5-c-button.pf-m-secondary:hover {
	--pf-v5-c-button--m-secondary--Color: currentColor;
}
.pf-v5-c-button.pf-m-secondary:hover:after {
	--pf-v5-c-button--after--BorderColor: rgb(0,86,123);
}

/* Text only button. */
.pf-v5-c-button.pf-m-link,
.pf-v5-c-button.pf-m-link:active {
	--pf-v5-c-button--m-link--Color: currentColor;
}
.pf-v5-c-button.pf-m-link:not(.pf-m-inline):hover {
	--pf-v5-c-button--m-link--Color: currentColor;
	opacity: 0.9;
}
.pf-v5-c-button.pf-m-link:not(.pf-m-inline):focus {
	--pf-v5-c-button--m-link--Color: currentColor;
}

/* All of the above type buttons. */
.pf-v5-c-button:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 4px rgb(var(--smurf));
}

/* Text only button in header. */
.pf-v5-c-masthead .pf-v5-c-button.pf-m-link,
.pf-v5-c-masthead .pf-v5-c-button.pf-m-link:hover {
	--pf-v5-c-button--m-link--Color: rgb(var(--snow));
}

/* Used next to form inputs. */
.pf-v5-c-input-group,
.pf-v5-c-clipboard-copy__group {
	gap: 0.4rem;
}
.pf-v5-c-button.pf-m-control,
.pf-v5-c-button.pf-m-control:focus,
.pf-v5-c-button.pf-m-control:active {
	--pf-v5-c-button--m-control--BackgroundColor: rgb(0,76,108);
	border-radius: var(--button-radius);
	--pf-v5-c-button--m-control--Color: rgb(var(--snow));
}
.pf-v5-c-button.pf-m-control:hover {
	--pf-v5-c-button--m-control--BackgroundColor: rgb(0,86,123);
	--pf-v5-c-button--m-control--Color: rgb(var(--snow));
}
.pf-v5-c-button.pf-m-control:focus-visible {
	--pf-v5-c-button--m-control--BackgroundColor: rgb(0,76,108);
	--pf-v5-c-button--m-control--Color: rgb(var(--snow));
	outline: 0;
	box-shadow: 0 0 0 4px rgb(var(--smurf));
}
.pf-v5-c-button.pf-m-control::after {
	border: none;
}



/* Links. */
:where(a) {
	--pf-v5-global--link--Color: rgb(var(--smurf));
	--pf-v5-c-content--a--Color: rgb(var(--smurf));
}
/* There's a link in the header help dropdown. */
:where(.pf-v5-c-menu__content a) {
	--pf-v5-global--link--Color: rgb(var(--snow));
	--pf-v5-c-content--a--Color: rgb(var(--snow));
}



/* Form inputs. */

/* Pull the search icon on Users > Sessions in front of the input. */
.pf-v5-c-text-input-group__text {
	position: relative;
}
.pf-v5-c-text-input-group__icon {
	z-index: 1;
}
.pf-v5-c-form-control {
	--pf-v5-c-form-control--BackgroundColor: transparent;
}
.pf-v5-c-form-control>:is(input,select,textarea),
.pf-v5-c-text-input-group__text>:is(input,select,textarea) {
	background: rgb(var(--snow));
	border: solid 1px rgba(var(--basalt),0.7);
	border-radius: var(--button-radius);
}
.pf-v5-c-form-control:before{
	border: none;
}
.pf-v5-c-form-control:after,
.pf-v5-c-text-input-group__text:after {
	border-block-end: none;
}
.pf-v5-c-form-control>:is(input,select,textarea):hover,
.pf-v5-c-text-input-group__text>:is(input,select,textarea):hover {
	border-color: rgba(var(--basalt),0.5);
}
.pf-v5-c-form-control>:is(input,select,textarea):focus-visible,
.pf-v5-c-text-input-group__text>:is(input,select,textarea):focus-visible {
	outline: 0;
	border-color: transparent;
	box-shadow: 0 0 0 4px rgb(var(--smurf));
}

:where(.pf-v5-theme-dark) {
	.pf-v5-c-form-control>:is(input,select,textarea),
	.pf-v5-c-text-input-group__text>:is(input,select,textarea) {
		background:
			linear-gradient(
				rgba(var(--snow), 0.15), 
				rgba(var(--snow), 0.15)), 
			rgb(var(--coal));
		border: solid 1px rgba(var(--snow),0.4);
	}
	.pf-v5-c-form-control>:is(input,select,textarea):hover,
	.pf-v5-c-text-input-group__text>:is(input,select,textarea):hover {
		border-color: rgba(var(--snow),0.2);
	}
}



/* In-page dropdowns used in forms. */
.pf-v5-c-form__group-control .pf-v5-c-menu-toggle {
	--pf-v5-c-menu-toggle--BackgroundColor: rgb(var(--snow));
	border: solid 1px rgba(var(--basalt),0.7);
	border-radius: var(--button-radius);
}
.pf-v5-c-form__group-control .pf-v5-c-menu-toggle:hover {
	border-color: rgba(var(--basalt),0.5);
}
.pf-v5-c-form__group-control .pf-v5-c-menu-toggle:focus-visible,
.pf-v5-c-form__group-control .pf-v5-c-menu-toggle.pf-m-expanded {
	outline: 0;
	border-color: transparent;
	box-shadow: 0 0 0 4px rgb(var(--smurf));
}
.pf-v5-c-form__group-control .pf-v5-c-menu-toggle:before {
	display: none;
}
.pf-v5-c-form__group-control .pf-v5-c-menu-toggle + .pf-v5-c-menu {
	margin-top: -3px;
	border: solid 1px rgba(var(--basalt),0.7);
	border-top: none;
	border-radius: 0 0 var(--button-radius) var(--button-radius);
	--pf-v5-c-menu--BoxShadow: none;
}
.pf-v5-c-form__group-control .pf-v5-c-menu-toggle:after {
	--pf-v5-c-menu-toggle--after--BorderBottomWidth: 0;
}

:where(.pf-v5-theme-dark) {
	.pf-v5-c-form__group-control .pf-v5-c-menu-toggle {
		background:
			linear-gradient(
				rgba(var(--snow), 0.15), 
				rgba(var(--snow), 0.15)), 
			rgb(var(--coal));
		border: solid 1px rgba(var(--snow),0.4);
	}
	.pf-v5-c-form__group-control .pf-v5-c-menu-toggle:hover {
		border-color: rgba(var(--snow),0.2);
	}
	.pf-v5-c-form__group-control .pf-v5-c-menu-toggle + .pf-v5-c-menu {
		border: solid 1px rgba(var(--snow),0.4);
		border-top: none;
		background:
			linear-gradient(
				rgba(var(--snow), 0.15), 
				rgba(var(--snow), 0.15)), 
			rgb(var(--coal));
	}
}



/* Users > Required user actions is a combo of three elements so we style them to look like one cohesive element. */
.pf-v5-c-menu-toggle.pf-m-typeahead {
	--pf-v5-c-menu-toggle--BackgroundColor: rgb(var(--snow));
	border: solid 1px rgba(var(--basalt),0.7);
	border-radius: var(--button-radius);
	overflow: hidden;
}
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-text-input-group__text>:is(input,select,textarea) {
	border: none;
	background: none;
	box-shadow: none;
}
.pf-v5-c-menu-toggle.pf-m-typeahead:has(input:focus) {
	box-shadow: 0 0 0 4px rgb(var(--smurf));
}



/* Required indicator. */
.pf-v5-c-form__label-required {
	--pf-v5-c-form__label-required--Color: rgb(var(--cherry));
}



/* Change the switches "on" state to green. */
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
	--pf-v5-c-switch__input--checked__toggle--BackgroundColor: rgb(var(--frog));
}



/* In-page dropdown blue menus. */
.pf-v5-c-toolbar__item .pf-v5-c-menu-toggle,
.pf-v5-c-table__action .pf-v5-c-menu-toggle {
	--pf-v5-c-menu-toggle--BackgroundColor: rgb(0,76,108);
	background: var(--pf-v5-c-menu-toggle--BackgroundColor);
	--pf-v5-c-menu-toggle--Color: rgb(var(--snow));
}
.pf-v5-c-toolbar__item .pf-v5-c-menu-toggle:before,
.pf-v5-c-table__action .pf-v5-c-menu-toggle:before {
	display: none;
}
.pf-v5-c-toolbar__item .pf-v5-c-menu-toggle[aria-expanded="true"],
.pf-v5-c-table__action .pf-v5-c-menu-toggle[aria-expanded="true"] {
	--pf-v5-c-menu-toggle--BackgroundColor: rgb(0,86,123);
}
/* The dropdown bit. */
.pf-v5-c-toolbar__item .pf-v5-c-menu,
.pf-v5-c-table__action .pf-v5-c-menu {
	--pf-v5-c-menu--BackgroundColor: rgb(0,76,108);
	--pf-v5-global--Color--100: rgb(var(--snow));
}
.pf-v5-c-toolbar__item .pf-v5-c-menu__item,
.pf-v5-c-table__action .pf-v5-c-menu__item {
	--pf-v5-c-menu__item--BackgroundColor: rgb(0,76,108);
	--pf-v5-c-menu__item--Color: rgb(var(--snow));
}
.pf-v5-c-toolbar__item .pf-v5-c-menu__item:hover,
.pf-v5-c-table__action .pf-v5-c-menu__item:hover {
	--pf-v5-c-menu__item--BackgroundColor: rgb(0,86,123);
	--pf-v5-c-menu__item--Color: rgb(var(--snow));
}
/* Description in header help dropdown. */
.pf-v5-c-toolbar__item .pf-v5-c-menu__item-description,
.pf-v5-c-table__action .pf-v5-c-menu__item-description {
	--pf-v5-c-menu__item-description--Color: rgba(var(--snow), 0.8);
}
.pf-v5-c-toolbar__item .pf-v5-c-menu-toggle__toggle-icon,
.pf-v5-c-table__action .pf-v5-c-menu-toggle__toggle-icon {
	--pf-v5-c-menu-toggle__toggle-icon--Color: currentColor;
}
.pf-v5-c-toolbar__item .pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text),
.pf-v5-c-table__action .pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
	--pf-v5-c-menu-toggle--m-plain--Color: rgb(var(--snow));
}
.pf-v5-c-toolbar__item .pf-v5-c-menu__item.pf-m-selected,
.pf-v5-c-table__action .pf-v5-c-menu__item.pf-m-selected {
	--pf-v5-c-menu__item--BackgroundColor: rgb(var(--tango));
	--pf-v5-c-menu__item--Color: rgb(var(--coal));
}
.pf-v5-c-menu__item-select-icon {
	--pf-v5-c-menu__item-select-icon--Color: currentColor;
}
.pf-v5-c-menu-toggle:after {
	--pf-v5-c-menu-toggle--after--BorderBottomWidth: 0;
}

/* Disabled elements. */
.pf-v5-c-menu-toggle:disabled,
.pf-v5-c-menu-toggle.pf-m-disabled {
	color: color-mix(in srgb, currentColor 65%, transparent);
	/* Can't set a cursor style as disabled elements have pointer-events: none so provide a basic visual clue. */
	filter: saturate(0);
}



/* Horizontal tabs. */
.pf-v5-c-tabs__link {
	--pf-v5-c-tabs__link--BackgroundColor: rgba(var(--concrete), 0.5);
}
.pf-m-current .pf-v5-c-tabs__link {
	--pf-v5-c-tabs__link--BackgroundColor: rgb(var(--snow));
}
.pf-v5-c-tabs__link:after {
	--pf-v5-c-tabs__link--after--BorderColor: rgba(var(--basalt), 0.3);
}
.pf-m-current .pf-v5-c-tabs__link:after {
	--pf-v5-c-tabs__link--after--BorderColor: rgb(var(--tango));
}

:where(.pf-v5-theme-dark) {
	.pf-v5-c-tabs__link {
		--pf-v5-c-tabs__link--BackgroundColor: rgba(var(--snow), 0.05);
	}
	.pf-m-current .pf-v5-c-tabs__link {
		--pf-v5-c-tabs__link--BackgroundColor: rgb(var(--coal));
	}
	.pf-v5-c-tabs__link:after {
		--pf-v5-c-tabs__link--after--BorderColor: rgba(var(--concrete), 0.3);
	}
}



/* Table lists. */
.pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > * {
	vertical-align: middle;
}
.pf-v5-c-table tr:where(.pf-v5-c-table__tr) > * {
	--pf-v5-c-table--cell--PaddingTop: calc(var(--padding) / 2);
	--pf-v5-c-table--cell--PaddingBottom: calc(var(--padding) / 2);
}



/* Spacing on account settings. */
.pf-v5-c-data-list__item-row {
	--pf-v5-c-data-list__item-control--PaddingTop: calc(var(--padding) / 2);
	--pf-v5-c-data-list__item-control--PaddingBottom: calc(var(--padding) / 2);
	--pf-v5-c-data-list__cell--PaddingTop: calc(var(--padding) / 2);
	--pf-v5-c-data-list__cell--PaddingBottom: calc(var(--padding) / 2);
	--pf-v5-c-data-list__cell--cell--PaddingTop: calc(var(--padding) / 2);
	--pf-v5-c-data-list__item-content--md--PaddingBottom: 0;
	--pf-v5-c-data-list__item-action--PaddingTop: calc(var(--padding) / 4);
	--pf-v5-c-data-list__item-action--PaddingBottom: calc(var(--padding) / 4);
}