:root {
    --ym-colour-1: #f7a60b;
    --ym-colour-2: #002a3d;
    --ym-colour-3: #ffffff;
    --ym-colour-4: #3b849d;
    --ym-colour-5: #444f55;
    --ym-colour-6: #000000;
    --ym-colour-7: #ff515e;
    --ym-colour-8: #771138;
    --ym-colour-error: #b8000e;
    --ym-colour-text: #e0e0e0;

    --ym-colour-1-p25: #ffc038;
    --ym-colour-1-p50: #ffd57a;
    --ym-colour-1-p75: #ffeabd;

    --ym-colour-5-p12: #58666e;
    --ym-colour-5-p25: #6c7d86;
    --ym-colour-5-p50: #9ca9b0;

    /* keycloak css colours */
    --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--ym-colour-5);
}

/* Top Menu bar */

.pf-v5-c-masthead
{
    --pf-v5-c-masthead--BackgroundColor: var(--ym-colour-1);
}

.pf-v5-c-masthead .pf-v5-c-toolbar
{
    --pf-v5-c-toolbar--BackgroundColor: var(--ym-colour-1);
}
  

/* Side nav menu */

.pf-v5-c-page__sidebar 
{
    --pf-v5-c-page__sidebar--BackgroundColor: var(--ym-colour-5-p12);
    --pf-v5-global--BorderColor--100: var(--ym-colour-5);
}

.pf-v5-c-nav
{
    --pf-v5-c-nav__link--m-current--after--BorderColor: var(--ym-colour-1);
    --pf-v5-c-nav__section__link--m-current--after--BorderColor: var(--ym-colour-1);

    --pf-v5-c-nav__link--m-current--BackgroundColor: var(--ym-colour-5);

    --pf-v5-c-nav__link--m-current--Color: var(--ym-colour-1);

    --pf-v5-c-nav__link--hover--BackgroundColor: var(--ym-colour-5);
    --pf-v5-c-nav__link--active--BackgroundColor: var(--ym-colour-5);
}

/* Main page */

.pf-v5-c-page__main-section.pf-m-light 
{
    --pf-v5-c-page__main-section--BackgroundColor: var(--ym-colour-5);
}

.pf-v5-c-page__main-section
{
    --pf-v5-c-page__main-section--BackgroundColor: var(--ym-colour-5);
}

/* Welcome page */

.keycloak__dashboard_icon
{
    max-width: 400px !important;
}

/* Tabular menu page */

.pf-v5-c-tabs.pf-m-box
{
    --pf-v5-c-tabs__link--BackgroundColor: red;
}

.pf-v5-c-tabs__item.pf-m-action::after, .pf-v5-c-tabs__link::after
{
    border-color: var(--ym-colour-1) !important;
    background-color: var(--ym-colour-5) !important;
}

.pf-v5-c-tabs__link
{
    background-color: var(--ym-colour-5-p12) !important;
}

/* bottom page nav menu */

.pf-v5-c-toolbar
{
    --pf-v5-c-toolbar--BackgroundColor: var(--ym-colour-5);
}

.pf-v5-c-pagination.pf-m-bottom
{
    background-color: var(--ym-colour-5);
}

.pf-v5-c-table
{
    --pf-v5-c-table--BackgroundColor: var(--ym-colour-5);
}

.pf-v5-c-table__td 
{
    color: var(--ym-colour-text);
}

.pf-v5-c-table__td > a
{
    color: var(--ym-colour-1);
}

.pf-v5-c-table__td > span > a
{
    color: var(--ym-colour-1);
}

.pf-v5-c-list > li > a
{
    color: var(--ym-colour-1);
}

.pf-v5-c-label
{
    --pf-v5-c-label--m-blue--BackgroundColor: var(--ym-colour-5);
    --pf-v5-c-label--m-blue__content--Color: var(--ym-colour-1);
}

.pf-v5-c-menu-toggle
{
    --pf-v5-c-menu-toggle--BackgroundColor: var(--ym-colour-5);
}

.pf-v5-c-menu-toggle::after
{
    border-block-end: var(--pf-v5-c-menu-toggle--after--BorderBottomWidth)solid var(--ym-colour-1);
}

.pf-v5-c-menu__item-select-icon
{
    color: var(--ym-colour-1);
}

.pf-v5-c-text-input-group
{
    --pf-v5-c-text-input-group--BackgroundColor: var(--ym-colour-5);
    --pf-v5-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--ym-colour-1);
    --pf-v5-c-text-input-group--hover__text--after--BorderBottomColor: var(--ym-colour-1);
}

.pf-v5-c-button.pf-m-control
{
    background-color: var(--ym-colour-5);
    --pf-v5-c-button--m-control--hover--after--BorderBottomColor: var(--ym-colour-1);
    --pf-v5-c-button--m-control--active--after--BorderBottomColor: var(--ym-colour-1);
    --pf-v5-c-button--m-control--focus--after--BorderBottomColor: var(--ym-colour-1);
}

.pf-v5-c-button.pf-m-primary
{
    background-color: var(--ym-colour-1);
    color: var(--ym-colour-2);
}

.pf-v5-c-button.pf-m-link
{
    color: var(--ym-colour-1);
}

.pf-v5-u-ml-md
{
    color: var(--ym-colour-1) !important;
}

.pf-v5-c-form-control
{
    --pf-v5-c-form-control--BackgroundColor: var(--ym-colour-5);
    --pf-v5-c-form-control--hover--after--BorderBottomColor: var(--ym-colour-1);
    --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--ym-colour-1);
    --pf-v5-c-form-control--m-expanded--after--BorderBottomColor: var(--ym-colour-1);
}

._buttonGroup_1gajx_1
{
    background-color: var(--ym-colour-5-p12) !important;
}

.pf-v5-c-menu
{
    --pf-v5-c-menu--BackgroundColor: var(--ym-colour-5-p12);
}

.pf-v5-c-menu__list-item:hover
{
    --pf-v5-c-menu__list-item--BackgroundColor: var(--ym-colour-5);
}

.pf-v5-c-card
{
    --pf-v5-c-card--BackgroundColor: var(--ym-colour-5);
}

.pf-v5-c-menu-toggle.pf-m-primary
{
    --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--ym-colour-1);
    --pf-v5-c-menu-toggle--m-primary__toggle-icon--Color: var(--ym-colour-2);
    color: var(--ym-colour-2);
    --pf-v5-c-menu-toggle--focus--BackgroundColor: var(--ym-colour-5-p12);
}

.pf-v5-c-menu-toggle:hover
{
    --pf-v5-c-menu-toggle--BackgroundColor: var(--ym-colour-5-p12);
    color: var(--ym-colour-text);
}

.pf-v5-c-breadcrumb__item > a
{
    color: var(--ym-colour-1);
}

/* Toggle */
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle
{
    background-color: var(--ym-colour-1);
}

.pf-v5-c-switch__toggle::before
{
    background-color: var(--ym-colour-2);
}

.pf-v5-c-switch__toggle
{
    background-color: var(--ym-colour-5-p12);
}

.pf-v5-c-drawer.pf-m-inline 
{
    --pf-v5-c-drawer__panel--BackgroundColor: var(--ym-colour-5);
}

.pf-v5-c-drawer
{
    --pf-v5-c-drawer__content--BackgroundColor: var(--ym-colour-5);
}

.pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row)
{
    border-block-end: var(--pf-v5-c-table--border-width--base)solid var(--ym-colour-5-p12);
}

.pf-v5-c-divider
{
    --pf-v5-c-divider--BorderColor--base: var(--ym-colour-5-p12);
}

.pf-v5-c-tabs::before
{
    border: solid var(--ym-colour-5-p12) 1px !important;
}

.pf-v5-l-stack__item > a
{
    color: var(--ym-colour-1);
}

.pf-v5-c-button.pf-m-secondary
{
    --pf-v5-c-button--after--BorderColor: var(--ym-colour-1);
    color: var(--ym-colour-1);
    background-color: var(--pf-v5-c-button--m-secondary--BackgroundColor)
}

.pf-v5-c-card__selectable-actions .pf-v5-c-check__label:hover, .pf-v5-c-card__selectable-actions .pf-v5-c-radio__label:hover
{
    background-color: var(--ym-colour-5-p12);
}

.pf-v5-c-chip
{
    --pf-v5-c-chip--BackgroundColor: var(--ym-colour-1);
    --pf-v5-c-chip__text--Color: var(--ym-colour-2);
}