@import url("./variables.css");

@font-face {
    font-family: "Red Hat Display";
    src: url("../../node_modules/@patternfly/react-core/dist/styles/assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
}
code,
pre {
    font-family: 'Roboto Mono', source-code-pro, monospace;
}
@keyframes rotate{
    100%{
        transform: rotate(360deg);
    }
}
@keyframes dash{
    0%{
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }
    50%{
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35;
    }
    100%{
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124;
    }
}
@media screen and (width >= 992px) {
    .pf-v5-u-display-inline-flex-on-lg {
        display: inline-flex !important;
    }
    .pf-v5-u-display-none-on-lg {
        display: none !important;
    }
}
@media screen and (width < 992px) {
    .pf-v5-u-display-none {
        display: none !important;
    }
}
/* Loading */
.brand {
    height: 35px;
}
.pf-v5-c-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pf-v5-c-spinner circle {
    stroke: var(--palette-light-logo-dark-variant) !important;
}
.loading-message {
    color: var(--palette-light-text-primary)
}

/* Dark mode styles*/
.pf-v5-theme-dark .loading-message {
    color: var(--palette-dark-text-primary);
}

/* Page general styles */
body {
    margin: 0;
    color: rgba(0, 0, 0, 0.87);
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.01071em;
    line-height: 1.43;
    background-color: var(--palette-light-background-paper) !important;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.pf-v5-c-page.pf-m-resize-observer {
    background-color: var(--palette-light-background-paper) !important;
    height: unset;
}
.main-container {
    flex: 1 1 0%;
}
section h1[data-testid="page-heading"] {
    color: var(--palette-light-text-primary) !important;
    font-family: var(--typography-h4-font-family);
    font-size: var(--typography-h4-font-size) !important;
    font-style: normal;
    font-weight: var(--typography-h4-font-weight) !important;
    line-height: var(--typography-h4-line-height) !important;
    letter-spacing: var(--typography-h4-letter-spacing);

}
section p[data-ouia-component-type="PF5/Text"]{
    color: var(--palette-light-text-secondary) !important;
    font-family: var(--typography-body2-font-family);
    font-size: var(--typography-body2-font-size);
    font-style: normal;
    font-weight: var(--typography-body2-font-weight);
    line-height: var(--typography-body2-line-height);
    letter-spacing: var(--typography-body2-letter-spacing);
}
section {
    background-color: var(--palette-light-background-paper);
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
}
section h2 {
    color: var(--palette-light-text-primary);
}
.pf-v5-c-page__main section.pf-v5-c-page__main-section:not(.pf-u-pb-xs) {
    padding: 16px 24px 0 24px;
}
.pf-v5-c-page__main-section ul {
    box-shadow: var(--shadows-1);
}
.pf-v5-c-page__main section .pf-u-mb-xl:not(:last-child) {
    margin-bottom: 0 !important;
}
.pf-v5-c-label.pf-m-blue,
.pf-v5-c-label.pf-m-green {
    --pf-v5-c-label--BackgroundColor: color-mix(in srgb, var(--palette-light-success-main) 15%, transparent) !important;
    border: 1px solid var(--palette-marketing-mint-green) !important;
    font-weight: var(--typography-font-weight-regular) !important;
}
h2[data-ouia-component-type="PF5/Title"] {
    font-family: var(--typography-h6-font-family) !important;
    font-weight: var(--typography-h6-font-weight) !important;
    font-size: var(--typography-h6-font-size) !important;
    line-height: var(--typography-h6-line-height) !important;
    letter-spacing: var(--typography-h6-letter-spacing) !important;
}
.pf-v5-u-mb-lg {
    margin-block-end: 16px !important;
}
.pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__item-content {
    padding-block-end: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
}
.pf-v5-c-data-list__cell {
    flex: 0 1 auto !important;
    min-width: 0;
}
.pf-v5-c-data-list__cell:first-of-type {
    margin-right: 8px !important;
}
.pf-v5-c-data-list__cell:nth-of-type(2) {
    flex-grow: 5 !important;
}
.pf-v5-c-data-list__cell:nth-of-type(3) {
    flex-grow: 6 !important;
}
.pf-v5-c-data-list__item {
    /*border-bottom: none !important;*/
    background-color: var(--palette-light-background-paper) !important;
    /*margin-bottom: -24px !important;*/
}
div.pf-v5-c-data-list__item-row {
    padding-inline-start: 30px;
}
#policy {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
}
#policy a {
    font-family: var(--typography-body1-font-family);
    font-size: var(--typography-body1-font-size);
    font-style: normal;
    font-weight: var(--typography-body1-font-weight);
    line-height: var(--typography-body1-line-height);
    letter-spacing: var(--typography-body1-letter-spacing);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    color: var(--palette-light-text-secondary);
}
#policy .bull {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.00938em;
    text-decoration: none;
    color: var(--palette-light-text-secondary);
}

/* Dark mode styles*/
.pf-v5-theme-dark body,
.pf-v5-theme-dark .pf-v5-c-page.pf-m-resize-observer {
    background-color: var(--palette-dark-background-default) !important;
}
.pf-v5-theme-dark section h2,
.pf-v5-theme-dark section h1[data-testid="page-heading"] {
    color: var(--palette-dark-text-primary) !important;
}
.pf-v5-theme-dark section p[data-ouia-component-type="PF5/Text"]{
    color: var(--palette-dark-text-secondary) !important;
}
.pf-v5-theme-dark section:nth-of-type(1) {
    background-color: var(--palette-dark-background-default);
}
.pf-v5-theme-dark section:nth-of-type(2) {
    background-color: var(--palette-dark-background-paper);
}
.pf-v5-theme-dark .pf-v5-c-data-list__item {
    background-color: var(--palette-dark-background-paper) !important;
}
.pf-v5-theme-dark .pf-v5-c-label.pf-m-blue,
.pf-v5-theme-dark .pf-v5-c-label.pf-m-green {
    --pf-v5-c-label--BackgroundColor: color-mix(in srgb, var(--palette-dark-success-main) 15%, transparent) !important;
    border: 1px solid var(--palette-dark-primary-main) !important;
    font-weight: var(--typography-font-weight-regular) !important;
}
.pf-v5-theme-dark .pf-v5-c-label__text {
    color: var(--palette-dark-primary-main) !important;
}
.pf-v5-theme-dark #policy a,
.pf-v5-theme-dark #policy .bull {
    color: var(--palette-dark-text-secondary) !important;
}

/* Header */
.brand {
    height: 35px;
}
header[data-testid="page-header"] {
    background-color: var(--palette-primary-main);
    min-height: 64px;
    box-shadow: var(--shadows-4);
    width: 100%;
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
}
.pf-v5-c-toolbar__content {
    margin-inline-start: auto;
}
.pf-v5-c-masthead .pf-v5-c-toolbar {
    --pf-v5-c-toolbar--BackgroundColor: unset !important;
}
/*.pf-v5-c-masthead__toggle {*/
/*    display: none;*/
/*}*/
.pf-v5-c-masthead__brand {
    display: inline-flex;
    align-items: center;
}
.pf-v5-c-masthead__brand img[alt="Logo"] {
    height: 20px;
}
.pf-v5-c-masthead__content {
    height: 64px !important;
    min-height: 64px !important;
}
.header-devider {
    margin: 0px 16px 0px 10px;
    flex-shrink: 0;
    border-width: 0px thin 0px 0px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.12);
    height: 20px;
    align-self: center;
    background-color: rgb(255, 255, 255);
}
.header-account-title {
    float: right;
    font-size: var(--component-appbar-typography-font-size);
    font-family: var(--typography-font-family);
    font-weight: var(--component-appbar-typography-font-weight);
    line-height: var(--component-appbar-typography-line-height);
    letter-spacing: var(--component-appbar-typography-letter-spacing);
}
header a {
    color: #fff;
}
header a:hover {
    text-decoration: none;
}
header .navbar {
    margin-bottom: 0;
    min-height: inherit;
}
.header .container {
    position: relative;
}
#loggedInUser {
    margin-left: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #77ecc2;
    font-size: 19px;
    color: rgb(255, 255, 255);
    text-align: center;
    float: left;
    line-height: 37px;
    font-weight: 400;
}

/* Dark mode styles*/
.pf-v5-theme-dark header[data-testid="page-header"] {
    background-color: var(--palette-primary-dark);
}

/* Sidebar */
.menu-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.menu-button:hover {
    background-color: rgba(0, 0, 0, 0.04);
}
#menuButton.open-menu-button {
    left: 205px;
}
#menu-svg-el {
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 1.5rem;
    display: inline-block;
    height: 1em;
    width: 1em;
}
.open-menu-svg {
    -webkit-mask: url(../img/menu-open-icon.svg) no-repeat center;
    mask: url(../img/menu-open-icon.svg) no-repeat center;
    background-color: var(--palette-light-action-active);
}
.close-menu-svg {
    -webkit-mask: url(../img/menu-close-icon.svg) no-repeat center;
    mask: url(../img/menu-close-icon.svg) no-repeat center;
    background-color: var(--palette-light-action-active);
}
.pf-v5-c-page__sidebar {
    background-color: var(--palette-light-background-paper) !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-right: 1px solid var(--palette-light-divider) !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    transform: none !important;
    transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms !important;
    position: fixed !important;
    height: 100% !important;
    top: 63px !important;
}
.pf-v5-c-page__sidebar.pf-m-expanded {
    width: 250px !important;
    max-width: 250px !important;
}
.pf-v5-c-page__sidebar.pf-m-collapsed {
    width: 40px !important;
    max-width: 40px !important;
}
.pf-v5-c-page__sidebar ul {
    list-style: none !important;
    padding-left: 12px !important;
}
.pf-v5-c-page__sidebar ul li {
    margin-left: -1em !important;
}
.open-menu {
    display: block !important;
}
.close-menu {
    display: none !important;
}
.menu-devider {
    margin: 0;
    border-width: 0;
    border-style: solid;
    border-color: var(--palette-light-divider) !important;
    border-bottom-width: thin;
}
.pf-v5-c-nav__link {
    color: var(--palette-light-text-primary) !important;
    font-family: var(--typography-body2-font-family);
    font-weight: var(--typography-body2-font-weight);
    font-size: var(--typography-body2-font-size);
    line-height: var(--typography-body2-line-height);
    letter-spacing: var(--typography-body2-letter-spacing);
}
.pf-v5-c-nav__link.pf-m-current::after,
.pf-v5-c-nav__link.pf-m-current:hover::after,
.pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link::after {
    border: none !important;
}
.pf-v5-c-nav__link,
.pf-v5-c-nav__link:focus {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-family: var(--typography-body2-font-family) !important;
    font-size: var(--typography-body2-font-size) !important;
    font-weight: var(--typography-body2-font-weight) !important;
    letter-spacing: var(--typography-body2-letter-spacing) !important;
    line-height: var(--typography-body2-line-height) !important;
    padding-left: 25px !important;
    display: block !important;
    border: none !important;
}
.pf-v5-c-nav__link:hover {
    text-decoration: none !important;
    background-color: var(--component-menu-theme-light-background-hover) !important;
}
.pf-v5-c-nav__link::before {
    border: none !important;
}
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link {
    text-decoration: none !important;
    color: var(--palette-light-primary-main) !important;
    background-color: color-mix(in srgb, var(--palette-common-black) 6%, transparent) !important;
}
/*.pf-v5-c-nav__link.pf-m-current:hover {*/
/*    background-color: rgba(0, 106, 86, 0.12) !important;*/
/*}*/
.pf-v5-c-page__sidebar.pf-m-expanded + .pf-v5-c-page__main {
    left: 264px;
    width: 81%;
    margin: 70px 251px;
}
.pf-v5-c-page__sidebar.pf-m-collapsed + .pf-v5-c-page__main {
    left: 24px;
    width: 98%;
    margin: 70px auto;
}
.pf-v5-c-page__sidebar-body {
    padding-top: 0;
}
.pf-v5-c-page__main {
    padding: 16px;
    top: 50px;
}

/* Dark mode styles*/
.pf-v5-theme-dark .pf-v5-c-page__sidebar {
    border-right: 1px solid var(--palette-dark-divider) !important;
    background-color: var(--palette-dark-background-paper) !important;
}
.pf-v5-theme-dark .pf-v5-c-nav__link {
    color: var(--palette-dark-text-primary) !important;
}
.pf-v5-theme-dark .pf-v5-c-nav__link:hover {
    background-color: var(--component-menu-theme-dark-background-hover) !important;
}
.pf-v5-theme-dark .pf-v5-c-nav__link.pf-m-current,
.pf-v5-theme-dark .pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link {
    color: var(--palette-dark-primary-main) !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
}
.pf-v5-theme-dark .pf-v5-c-nav__link.pf-m-current:hover {
    background-color: var(--component-menu-theme-dark-background-hover) !important;
}
.pf-v5-theme-dark .open-menu-svg {
    -webkit-mask: url(../img/menu-open-icon.svg) no-repeat center;
    mask: url(../img/menu-open-icon.svg) no-repeat center;
    background-color: var(--palette-dark-action-active);
}
.pf-v5-theme-dark .close-menu-svg {
    -webkit-mask: url(../img/menu-close-icon.svg) no-repeat center;
    mask: url(../img/menu-close-icon.svg) no-repeat center;
    background-color: var(--palette-dark-action-active);
}
.pf-v5-theme-dark .menu-devider {
    border-width: 0;
    border-style: solid;
    border-color: var(--palette-dark-divider) !important;
    border-bottom-width: thin;
}

/* Buttons */
.pf-v5-c-button {
    font-family: var(--typography-button-font-family) !important;
    font-weight: var(--typography-button-font-weight) !important;
    font-size: var(--typography-button-font-size) !important;
    line-height: var(--typography-button-line-height) !important;
    letter-spacing: var(--typography-button-letter-spacing) !important;
    text-transform: var(--typography-button-text-transform) !important;
    border-radius: var(--shape-border-radius) !important;
    font-style: normal;
}
#signOutButton,
.pf-v5-c-button.pf-m-link,
.pf-v5-c-button.pf-m-secondary{
    line-height: 24.5px;
    display: flex;
    padding: 6px 16px;
    align-items: center;
    gap: 16px;
    color: var(--palette-light-primary-main) !important;
    background-color: transparent !important;
    --pf-v5-c-button--after--BorderColor: color-mix(in srgb, var(--palette-light-primary-main) 50%, transparent) !important;
}
#signOutButton,
.pf-v5-c-button.pf-m-link:hover,
.pf-v5-c-button.pf-m-link:focus,
.pf-v5-c-button.pf-m-link:active,
.pf-v5-c-button.pf-m-link.pf-m-active,
.pf-v5-c-button.pf-m-secondary:hover,
.pf-v5-c-button.pf-m-secondary:focus,
.pf-v5-c-button.pf-m-secondary:active,
.pf-v5-c-button.pf-m-secondary.pf-m-active {
    color: var(--palette-light-primary-main) !important;
    background-color: color-mix(in srgb, var(--palette-light-primary-main) 4%, transparent) !important;
    --pf-v5-c-button--after--BorderColor: var(--palette-light-primary-main) !important;
}
.pf-v5-c-button.pf-m-primary:not(#modal-confirm) {
    color: var(--palette-common-light-text);
    background-color: var(--palette-light-primary-main);
    box-shadow: var(--shadows-1);
}
.pf-v5-c-button.pf-m-primary:not(#modal-confirm):hover,
.pf-v5-c-button.pf-m-primary:not(#modal-confirm):active,
.pf-v5-c-button.pf-m-primary:not(#modal-confirm).pf-m-active,
.pf-v5-c-button.pf-m-primary:not(#modal-confirm):focus {
    background-color: #004422; /*don't have this color in the variables*/
    box-shadow: var(--shadows-8);
}
.pf-v5-c-button.pf-m-danger {
    color: var(--palette-light-error-main) !important;
    border: 1px solid var(--palette-error-light) !important;
    background-color: transparent !important;
}
.pf-v5-c-button.pf-m-danger:hover,
.pf-v5-c-button.pf-m-danger:focus,
.pf-v5-c-button.pf-m-danger:active,
.pf-v5-c-button.pf-m-danger.pf-m-active{
    color: var(--component-button-color-error) !important;
    --pf-v5-c-button--after--BorderColor: var(--component-button-color-error) !important;
    border-color: var(--component-button-color-error) !important;
}
/*#signOutButton {*/
/*    border: 1px solid rgb(224, 224, 224);*/
/*    margin-right: -1rem;*/
/*}*/

#kc-form-buttons {
    text-align: right;
    margin-top: 10px;
}
#kc-form-buttons .btn-primary {
    float: right;
    margin-left: 8px;
}
/* Dark mode styles*/
#signOutButton,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-link,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-secondary {
    color: var(--palette-dark-primary-main) !important;
    --pf-v5-c-button--after--BorderColor: color-mix(in srgb, var(--palette-dark-primary-main) 50%, transparent) !important;
}
#signOutButton,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-link:hover,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-link:focus,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-link:active,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-link.pf-m-active,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-secondary:hover,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-secondary:focus,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-secondary:active,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-secondary.pf-m-active {
    color: var(--palette-dark-primary-main) !important;
    background-color: color-mix(in srgb, var(--palette-dark-primary-main) 4%, transparent) !important;
    --pf-v5-c-button--after--BorderColor: var(--palette-dark-primary-main) !important;
}
.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary:not(#modal-confirm) {
    color: var(--palette-common-dark-text);
    background-color: var(--palette-dark-primary-main);
}
.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary:not(#modal-confirm):hover,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary:not(#modal-confirm):active,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary:not(#modal-confirm).pf-m-active,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary:not(#modal-confirm):focus {
    color: var(--palette-common-dark-text);
    background-color: var(--palette-dark-primary-dark);
}
.pf-v5-theme-dark .pf-v5-c-button.pf-m-danger {
    color: var(--palette-dark-error-main) !important;
    border: 1px solid #EB8A84 !important; /*Don't have this color in the variables*/
    background-color: transparent !important;
}
.pf-v5-theme-dark .pf-v5-c-button.pf-m-danger:hover,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-danger:focus,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-danger:active,
.pf-v5-theme-dark .pf-v5-c-button.pf-m-danger.pf-m-active{
    color: var(--component-button-color-error) !important;
    --pf-v5-c-button--after--BorderColor: var(--component-button-color-error) !important;
    border-color: var(--component-button-color-error) !important;
}
/* Modal */
#pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__footer button.pf-v5-c-button.pf-m-primary,
#modal-confirm,
#modal-cancel {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 6px 8px !important;
}
#pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__footer button.pf-v5-c-button.pf-m-primary,
#modal-confirm.pf-v5-c-button{
    color: var(--palette-light-primary-main) !important;
}
#pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__footer button.pf-v5-c-button.pf-m-primary:hover,
#pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__footer button.pf-v5-c-button.pf-m-primary:focus,
#pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__footer button.pf-v5-c-button.pf-m-primary:active,
#modal-confirm.pf-v5-c-button:hover,
#modal-confirm.pf-v5-c-button:focus,
#modal-confirm.pf-v5-c-button:active {
    color: var(--palette-light-primary-main) !important;
    background-color: color-mix(in srgb, var(--palette-light-primary-main) 4%, transparent) !important;
}
#modal-cancel.pf-v5-c-button {
    color: var(--palette-light-text-secondary) !important;
    background-color: transparent !important;
    --pf-v5-c-button--after--BorderColor: transparent !important;
}
#modal-cancel.pf-v5-c-button:hover,
#modal-cancel.pf-v5-c-button:focus,
#modal-cancel.pf-v5-c-button:active {
    color: var(--palette-light-text-secondary) !important;
    background-color: color-mix(in srgb, var(--palette-light-primary-main) 4%, transparent) !important;
}
.pf-v5-c-modal-box__close {
    display: none;
}
.pf-v5-c-modal-box {
    border-radius: var(--shape-border-radius);
    background-color: var(--palette-light-background-paper);
}
header.pf-v5-c-modal-box__header {
    padding: 16px 24px;
}
header.pf-v5-c-modal-box__header .pf-v5-c-modal-box__title-text {
    color: var(--palette-light-text-primary) !important;
    font-family: var(--typography-h6-font-family);
    font-size: var(--typography-h6-font-size) !important;
    font-style: normal;
    font-weight: var(--typography-h6-font-weight) !important;
    line-height: var(--typography-h6-line-height) !important;
    letter-spacing: var(--typography-h6-letter-spacing);
}
.pf-v5-c-modal-box__body {
    padding: 0 24px;
    color: var(--palette-light-text-secondary) !important;
    font-family: var(--typography-body1-font-family);
    font-size: var(--typography-body1-font-size) !important;
    font-style: normal;
    font-weight: var(--typography-body1-font-weight) !important;
    line-height: var(--typography-body1-line-height) !important;
    letter-spacing: var(--typography-body1-letter-spacing);
}
footer.pf-v5-c-modal-box__footer {
    padding: 32px 8px 16px 0;
    justify-content: end;
}
/*specific case for the modal*/
#pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__title-icon svg {
    display: none;
}
#pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__title-icon {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    background: color-mix(in srgb, var(--palette-light-primary-main) 16%, transparent) !important;
}
#pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__title-icon::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('../img/web_asset_off.svg');
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%
}
#pf-modal-part-0.pf-m-danger {
    display: flex;
    width: 770px;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 4px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.20), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
#pf-modal-part-0.pf-m-danger header {
    padding: 0;
}
#pf-modal-part-0.pf-m-danger header .pf-v5-c-modal-box__title.pf-m-icon {
    flex-direction: column;
    align-items: center;
}
#pf-modal-part-0.pf-m-danger header .pf-v5-c-modal-box__title-text {
    color: var(--palette-light-text-primary) !important;
    font-family: var(--typography-h3-font-family);
    font-size: var(--typography-h3-font-size) !important;
    font-style: normal;
    font-weight: var(--typography-h3-font-weight) !important;
    line-height: var(--typography-h3-line-height) !important;
    letter-spacing: var(--typography-h3-letter-spacing);
    margin-top: 16px;
}
#pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__body {
    padding-top: 8px;
}
#pf-modal-part-0.pf-m-danger footer {
    padding: 0;
    padding-top: 16px;
}
/* Dark mode styles*/
.pf-v5-theme-dark #pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__footer button.pf-v5-c-button.pf-m-primary,
.pf-v5-theme-dark #modal-confirm.pf-v5-c-button {
    color: var(--palette-dark-primary-main) !important;
}
.pf-v5-theme-dark #pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__footer button.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-theme-dark #pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__footer button.pf-v5-c-button.pf-m-primary:focus,
.pf-v5-theme-dark #pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__footer button.pf-v5-c-button.pf-m-primary:active,
.pf-v5-theme-dark #modal-confirm.pf-v5-c-button:hover,
.pf-v5-theme-dark #modal-confirm.pf-v5-c-button:focus,
.pf-v5-theme-dark #modal-confirm.pf-v5-c-button:active {
    color: var(--palette-dark-primary-main) !important;
    background-color: color-mix(in srgb, var(--palette-dark-primary-main) 4%, transparent) !important;
}
.pf-v5-theme-dark #modal-cancel.pf-v5-c-button{
    color: var(--palette-dark-text-secondary) !important;
    background-color: transparent !important;
    --pf-v5-c-button--after--BorderColor: transparent !important;
}
.pf-v5-theme-dark #modal-cancel.pf-v5-c-button:hover,
.pf-v5-theme-dark #modal-cancel.pf-v5-c-button:focus,
.pf-v5-theme-dark #modal-cancel.pf-v5-c-button:active {
    color: var(--palette-dark-text-secondary) !important;
    background-color: color-mix(in srgb, var(--palette-dark-primary-main) 4%, transparent) !important;
}
.pf-v5-theme-dark .pf-v5-c-modal-box {
    background-color: var(--palette-dark-background-paper) !important;
}
.pf-v5-theme-dark header.pf-v5-c-modal-box__header .pf-v5-c-modal-box__title-text {
    color: var(--palette-dark-text-primary) !important;
}
.pf-v5-theme-dark .pf-v5-c-modal-box__body {
    color: var(--palette-dark-text-secondary) !important;
}
/*specific case for the modal*/
.pf-v5-theme-dark #pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__title-icon {
    background: color-mix(in srgb, var(--palette-dark-primary-main) 16%, transparent) !important;
}
.pf-v5-theme-dark #pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__title-icon::before {
    background-image: url('../img/web_asset_off_dark.svg');
}
.pf-v5-theme-dark #pf-modal-part-0.pf-m-danger {
    background-color: var(--palette-dark-background-paper);
}
.pf-v5-theme-dark #pf-modal-part-0.pf-m-danger header .pf-v5-c-modal-box__title-text {
    color: var(--palette-dark-text-primary) !important;
}
.pf-v5-theme-dark #pf-modal-part-0.pf-m-danger .pf-v5-c-modal-box__footer button.pf-v5-c-button.pf-m-primary {
    color: var(--palette-dark-primary-main) !important;
}

/*!* Empty Page *!*/
/*#no-page-forbidden.pf-v5-c-empty-state {*/
/*    background-color: #fff;*/
/*    border: 1px solid var(--pf-global--BorderColor--100);*/
/*    width: 960px;*/
/*    max-width: 960px;*/
/*    margin-left: auto;*/
/*    margin-top: 150px;*/
/*    padding-top: 0;*/
/*    box-sizing: border-box;*/
/*    margin-right: auto;*/
/*}*/
/*#no-page-forbidden.pf-v5-c-empty-state .pf-v5-c-empty-state__content {*/
/*    width: 100%;*/
/*    margin-left: auto;*/
/*    box-sizing: border-box;*/
/*    margin-right: auto;*/
/*    display: block;*/
/*}*/
/*#empty-page-container {*/
/*    height: 40px;*/
/*    width: 40px;*/
/*    border-radius: 50%;*/
/*    background-color: var(--palette-scale-seagreen-50);*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    margin-top: 8px;*/
/*}*/
/*.pf-v5-c-empty-state__icon {*/
/*    fill: transparent;*/
/*    background: url('../img/no-permission.svg') no-repeat center center;*/
/*    margin: 0;*/
/*    margin-top: 8px;*/
/*    height: 24px;*/
/*    width: 24px;*/
/*}*/
/*.pf-v5-c-empty-state__body {*/
/*    color: rgba(0, 0, 0, 0.87)*/
/*}*/
/*.content-area h2 {*/
/*    font-family: "Open Sans", sans-serif;*/
/*    font-weight: 100;*/
/*    font-size: 24px;*/
/*    margin-bottom: 25px;*/
/*    margin-top: 25px;*/
/*}*/
/*.subtitle {*/
/*    text-align: right;*/
/*    margin-top: 30px;*/
/*    color: #909090;*/
/*}*/
/*.required {*/
/*    color: #CB2915;*/
/*}*/
/*.alert {*/
/*    margin-top: 30px;*/
/*    margin-bottom: 0;*/
/*}*/
/*.feedback-aligner .alert {*/
/*    background-position: 1.27273em center;*/
/*    background-repeat: no-repeat;*/
/*    border-radius: 2px;*/
/*    border-width: 1px;*/
/*    color: #4D5258;*/
/*    display: inline-block;*/
/*    font-size: 1.1em;*/
/*    line-height: 1.4em;*/
/*    margin: 0;*/
/*    padding: 0.909091em 3.63636em;*/
/*    position: relative;*/
/*    text-align: left;*/
/*}*/
/*.alert.alert-success {*/
/*    background-color: #E4F1E1;*/
/*    border-color: #4B9E39;*/
/*}*/
/*.alert.alert-error {*/
/*    background-color: #F8E7E7;*/
/*    border-color: #B91415;*/
/*}*/
/*.alert.alert-warning {*/
/*    background-color: #FEF1E9;*/
/*    border-color: #F17528;*/
/*}*/
/*.alert.alert-info {*/
/*    background-color: #E4F3FA;*/
/*    border-color: #5994B2;*/
/*}*/
/*.form-horizontal {*/
/*    border-top: 1px solid #E9E8E8;*/
/*    padding-top: 23px;*/
/*}*/
/*.form-horizontal .control-label {*/
/*    color: #909090;*/
/*    line-height: 1.4em;*/
/*    padding-top: 5px;*/
/*    position: relative;*/
/*    text-align: right;*/
/*    width: 100%;*/
/*}*/
/*.form-group {*/
/*    position: relative;*/
/*}*/
/*.control-label + .required {*/
/*    position: absolute;*/
/*    right: -2px;*/
/*    top: 0;*/
/*}*/
/*ol {*/
/*    padding-left: 40px;*/
/*}*/
/*ol li {*/
/*    font-size: 13px;*/
/*    margin-bottom: 10px;*/
/*    position: relative;*/
/*}*/
/*ol li img {*/
/*    margin-top: 15px;*/
/*    margin-bottom: 5px;*/
/*    border: 1px solid #eee;*/
/*}*/
/*hr + .form-horizontal {*/
/*    border: none;*/
/*    padding-top: 0;*/
/*}*/
/*.kc-dropdown{*/
/*    position: relative;*/
/*}*/
/*.kc-dropdown > a{*/
/*    display:block;*/
/*    padding: 11px 10px 12px;*/
/*    line-height: 12px;*/
/*    font-size: 12px;*/
/*    color: #fff !important;*/
/*    text-decoration: none;*/
/*}*/
/*.kc-dropdown > a::after{*/
/*    content: "\2c5";*/
/*    margin-left: 4px;*/
/*}*/
/*.kc-dropdown:hover > a{*/
/*    background-color: rgba(0,0,0,0.2);*/
/*}*/
/*.kc-dropdown ul li a{*/
/*    padding: 1px 11px;*/
/*    font-size: 12px;*/
/*    color: #000 !important;*/
/*    border: 1px solid #fff;*/
/*    text-decoration: none;*/
/*    display:block;*/
/*    line-height: 20px;*/
/*}*/
/*.kc-dropdown ul li a:hover{*/
/*    color: #4d5258;*/
/*    background-color: #d4edfa;*/
/*    border-color: #b3d3e7;*/
/*}*/
/*.kc-dropdown ul{*/
/*    position: absolute;*/
/*    z-index: 2000;*/
/*    list-style:none;*/
/*    display:none;*/
/*    padding: 5px 0px;*/
/*    margin: 0px;*/
/*    background-color: #fff !important;*/
/*    border: 1px solid #b6b6b6;*/
/*    border-radius: 1px;*/
/*    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);*/
/*    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);*/
/*    background-clip: padding-box;*/
/*    min-width: 100px;*/
/*}*/
/*.kc-dropdown:hover ul{*/
/*    display:block;*/
/*}*/
/*.navbar-title {*/
/*    background-image: url('../img/logo.png');*/
/*    height: 25px;*/
/*    background-repeat: no-repeat;*/
/*    width: 123px;*/
/*    margin: 3px 10px 5px;*/
/*    text-indent: -99999px;*/
/*}*/
/*.navbar-pf .navbar-utility {*/
/*    right: 20px;*/
/*    top: -34px;*/
/*    font-size: 12px;*/
/*}*/
/*.navbar-pf .navbar-utility > li > a {*/
/*    color: #fff !important;*/
/*    padding-bottom: 12px;*/
/*    padding-top: 11px;*/
/*    border-left: medium none;*/
/*}*/
/*.container {*/
/*    height: 100%;*/
/*}*/
/*.content-area {*/
/*    background-color: #fff;*/
/*    border-color: #CECECE;*/
/*    border-style: solid;*/
/*    border-width: 0 1px;*/
/*    height: 100%;*/
/*    padding: 0 30px;*/
/*}*/
/*.margin-bottom {*/
/*    margin-bottom: 10px;*/
/*}*/
/*.device-icon {*/
/*    margin-right: 8px;*/
/*    color: rgba(0, 0, 0, 0.6);*/
/*}*/

#kc-totp-secret-key {
    border: 1px solid #eee;
    font-size: 16px;
    padding: 10px;
    margin: 50px 0;
}

.pf-v5-c-alert {
    --pf-v5-c-alert--BorderTopColor: none !important;
    background-color: rgb(50, 50, 50);
    border-radius: var(--shape-border-radius);
}
.pf-v5-c-alert-group.pf-m-toast {
    top: initial;
    right: 50%;
    transform: translateX(50%);
    bottom: 5px;
    width: initial;
}
.pf-v5-c-alert__title {
    color: #ffffff;
    font-weight: 500;
}
.pf-v5-c-alert__action {
    transform: none;
}
.pf-v5-c-alert__action button.pf-m-plain {
    color: #ffffff;
}
.pf-v5-c-alert__icon {
    display: none;
}

/* Authentication page */
section.pf-v5-c-page__main-section:nth-of-type(2) {
    padding-top: 0;
    box-shadow: var(--shadows-1) !important;
    transform: translateX(16px);
    margin-top: 16px !important;
}
#basic-authentication-section {
    padding: 0 !important;
}
#password-ul {
    border: none;
    box-shadow: none;
    margin-left: -24px;
    margin-right: -24px;
}
#two-factor-section {
    border: none;
    box-shadow: none !important;
    padding-right: 0 !important;
    padding-bottom: 0;
    padding-left: 0;
    margin: 0 0 24px -16px !important;
}
.pf-v5-u-float-right {
    float: right;
}
#password-label-password {
    --pf-u-max-width--MaxWidth: 500px !important;
}
.pf-u-max-width-help-text {
    color: rgba(0, 0, 0, 0.6);
}
#otp-div,
#recovery-authn-codes-div {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}
div[data-testrole="label"] {
    font-family: var(--typography-body1-font-family);
    font-weight: 500;
    font-size: var(--typography-body1-font-size);
    line-height: var(--typography-body1-line-height);
    letter-spacing: var(--typography-body1-letter-spacing);
    flex: 1;
    color: var(--palette-light-text-primary);
}
#password-div {
    display: none;
}
#cred-password-id {
    padding-inline-start: 24px;
    padding-top: 8px;
    padding-bottom: 16px !important;
}
#cred-password-id div[data-testrole="label"]::after {
    content: "Update your unique password to protect your Fortra account.";
    display: block;
    color: var(--palette-light-text-secondary);
    width: 130%;
    font-family: var(--typography-caption-font-family);
    font-size: var(--typography-caption-font-size);
    font-style: normal;
    font-weight: var(--typography-caption-font-weight);
    line-height: var(--typography-caption-line-height);
    letter-spacing: var(--typography-caption-letter-spacing);
}
#cred-password-id div[data-testrole="label"] {
    padding: 0 !important;
    flex: 3;
}
div[data-testrole="created-at"] {
    font-weight: var(--typography-body1-font-weight);
    color: var(--palette-light-text-primary);
    font-size: var(--typography-body1-font-size);
    font-style: normal;
    line-height: var(--typography-body1-line-height);
    letter-spacing: var(--typography-body1-letter-spacing);
}
div[data-testrole="created-at"] strong {
    float: left;
    margin-right: 0 !important;
    padding-right: 8px;
}
#cred-password-id div[data-testrole="created-at"] {
    visibility: hidden;
}
#cred-password-id div[data-testrole="label"],
span[data-testid="otp/title"],
span[data-testid="recovery-authn-codes/title"] {
    color: var(--palette-light-text-primary);
    font-family: var(--typography-body1-font-family);
    font-size: var(--typography-body1-font-size);
    font-style: normal;
    font-weight: var(--typography-body1-font-weight);
    line-height: var(--typography-body1-line-height);
    letter-spacing: var(--typography-body1-letter-spacing);
}
#basic-authentication-categ-title {
    margin-bottom: 16px;
}
.pf-v5-c-data-list__item-action {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
#cred-password-id .pf-v5-c-data-list__item-action {
    padding: 0 0 16px 0 !important;
}
div[data-testid="recovery-authn-codes/not-set-up"],
div[data-testid="otp/not-set-up"] {
    padding: 24px;
}
.pf-v5-c-title {
    font-size: var(--pf-v5-c-title--m-xl--FontSize) !important;
    font-weight: var(--pf-v5-c-title--m-xl--FontWeight) !important;
    line-height: var(--pf-v5-c-title--m-xl--LineHeight) !important;
}
h3.pf-v5-c-title.pf-m-md.pf-v5-u-mb-md {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0;
    line-height: 1;
}
#recovery-authn-codes-div {
    margin-top: 56px !important;
}
#recovery-authn-codes-ul {
    margin-top: 64px;
    position: relative;
}
.cred-title[data-testid="/info-message"] {
    position: absolute;
    top: -28px;
    left: 0;
    width: 100%;
}
span[data-testid="recovery-authn-codes/help-text"],
span[data-testid="password/help-text"],
span[data-testid="otp/help-text"] {
    color: var(--palette-light-text-secondary);
    font-family: var(--typography-caption-font-family);
    font-size: var(--typography-caption-font-size);
    font-style: normal;
    font-weight: var(--typography-caption-font-weight);
    line-height: var(--typography-caption-line-height);
    letter-spacing: var(--typography-caption-letter-spacing);
}
.pf-v5-l-split__item:not(.pf-m-fill) {
    display: grid;
    grid-template-columns: auto auto;
    height: 40px;
    padding: 0;
}

/* Dark mode styles*/
.pf-v5-theme-dark #cred-password-id div[data-testrole="label"],
.pf-v5-theme-dark span[data-testid="otp/title"],
.pf-v5-theme-dark span[data-testid="recovery-authn-codes/title"] {
    color: var(--palette-dark-text-primary);
}
.pf-v5-theme-dark #cred-password-id div[data-testrole="label"]::after {
    color: var(--palette-dark-text-secondary);
}
.pf-v5-theme-dark span[data-testid="recovery-authn-codes/help-text"],
.pf-v5-theme-dark span[data-testid="password/help-text"],
.pf-v5-theme-dark span[data-testid="otp/help-text"] {
    color: var(--palette-dark-text-secondary);
}
.pf-v5-theme-dark div[data-testrole="created-at"],
.pf-v5-theme-dark div[data-testrole="created-at"] strong,
.pf-v5-theme-dark div[data-testrole="label"] {
    color: var(--palette-dark-text-primary);
}
.pf-v5-theme-dark #basic-authentication-section {
    background-color: var(--palette-dark-background-paper) !important;
}

/* Recent Device Activity page */
.pf-v5-l-split.pf-m-gutter.pf-v5-u-mb-lg h2[data-ouia-component-type="PF5/Title"]:nth-of-type(2) {
    color: var(--palette-light-text-primary) !important;
    font-family: var(--typography-body1-font-family) !important;;
    font-size: var(--typography-body1-font-size) !important;;
    font-style: normal;
    font-weight: var(--typography-body1-font-weight) !important;;
    line-height: var(--typography-body1-line-height) !important;;
    letter-spacing: var(--typography-body1-letter-spacing) !important;;
}
span[data-testid="devices-explanation"] {
    color: var(--palette-light-text-secondary);
    font-family: var(--typography-caption-font-family);
    font-size: var(--typography-caption-font-size);
    font-style: normal;
    font-weight: var(--typography-caption-font-weight);
    line-height: var(--typography-caption-line-height);
    letter-spacing: var(--typography-caption-letter-spacing);
}
ul.signed-in-device-list {
    box-shadow: none;
    margin-left: -24px;
    margin-right: -24px;
}
ul.signed-in-device-list li {
    border: none;
}
.pf-v5-l-grid>.pf-m-2-row {
    grid-row: initial;
}
.pf-v5-l-grid.pf-m-gutter {
    grid-template-columns: 16px repeat(11, [col-start] 1fr) !important;
}
.pf-v5-l-grid.pf-m-gutter > .pf-v5-l-grid__item:first-child {
    padding: 4px 0;
}
.pf-v5-l-grid.pf-m-gutter > .pf-v5-l-grid__item:nth-of-type(2) {
    display: flex;
    align-items: center;
}
.signed-in-device-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 1rem !important;
}
.span.session-title,
.pf-v5-c-description-list__term {
    color: var(--palette-light-text-secondary) !important;
    font-family: var(--typography-body2-font-family);
    font-size: var(--typography-body2-font-size);
    font-style: normal;
    font-weight: 700;
    line-height: var(--typography-body2-line-height);
    letter-spacing: var(--typography-body2-letter-spacing);
}
div.pf-v5-c-description-list__text {
    color: var(--palette-light-text-primary) !important;
    font-family: var(--typography-body2-font-family);
    font-size: var(--typography-body2-font-size);
    font-style: normal;
    font-weight: var(--typography-body2-font-weight);
    line-height: var(--typography-body2-line-height);
    letter-spacing: var(--typography-body2-letter-spacing);
}
.pf-v5-u-mr-md.session-title {
    margin-inline-end: var(--pf-v5-global--spacer--md);
}
section[aria-label="device-sessions-content"] .pf-v5-c-data-list__expandable-content-body {
    padding: 40px 0 16px 0;
}
section[aria-label="device-sessions-content"] .pf-v5-u-text-align-right {
    order: 6;
    grid-column: 12;
}
section[aria-label="device-sessions-content"] button.pf-m-secondary,
section[aria-label="device-sessions-content"] button.pf-m-secondary:hover,
section[aria-label="device-sessions-content"] button.pf-m-secondary:focus{
    color: var(--component-button-color-error) !important;
    border: 1px solid var(--component-button-color-error) !important;
    --pf-v5-c-button--after--BorderColor: var(--component-button-color-error) !important;
    background-color: inherit !important;
    right: 8px;
}
section[aria-label="device-sessions-content"] svg.pf-v5-svg {
    color: var(--palette-light-text-primary) !important;
    text-align: center;
    font-family: "Material Icons";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
#refresh-page.pf-v5-c-button.pf-m-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-right: 16px;
    text-align: center;
}
#refresh-page::before {
    height: 20px;
    width: 20px;
    background: url('../img/refresh_icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    margin-top: -6px;
    margin-left: -2px;
}
/*sign out from all devices button*/
/*.pf-v5-l-split.pf-m-gutter.pf-v5-u-mb-lg button.pf-v5-c-button.pf-m-primary {*/
/*    box-shadow: var(--shadows-1) !important;*/
/*    background: var(--palette-light-primary-main) !important;*/
/*    color: var(--palette-light-primary-contrast-text) !important;*/
/*}*/
.signed-in-device-list .pf-v5-c-data-list__expandable-content-body {
    padding: 0.5rem 0 1.5rem 0;
}

/* Dark mode styles */
.pf-v5-theme-dark span[data-testid="devices-explanation"] {
    color: var(--palette-dark-text-secondary) !important;
}
.pf-v5-theme-dark section[aria-label="device-sessions-content"] {
    background-color: var(--palette-dark-background-paper) !important;
}
.pf-v5-theme-dark div.pf-v5-c-description-list__text,
.pf-v5-theme-dark .pf-v5-l-split.pf-m-gutter.pf-v5-u-mb-lg h2[data-ouia-component-type="PF5/Title"]:nth-of-type(2) {
    color: var(--palette-dark-text-primary) !important;
}
.pf-v5-theme-dark .span.session-title,
.pf-v5-theme-dark .pf-v5-c-description-list__term {
    color: var(--palette-dark-text-secondary) !important;
}
.pf-v5-theme-dark section[aria-label="device-sessions-content"] button.pf-m-secondary,
.pf-v5-theme-dark section[aria-label="device-sessions-content"] button.pf-m-secondary:hover,
.pf-v5-theme-dark section[aria-label="device-sessions-content"] button.pf-m-secondary:focus{
    color: var(--component-button-color-error) !important;
    border: 1px solid var(--component-button-color-error) !important;
    --pf-v5-c-button--after--BorderColor: var(--component-button-color-error) !important;
    background-color: inherit !important;
}
.pf-v5-theme-dark section[aria-label="device-sessions-content"] svg.pf-v5-svg {
    color: var(--palette-dark-text-primary) !important;
}
/*.pf-v5-theme-dark .pf-v5-l-split.pf-m-gutter.pf-v5-u-mb-lg button.pf-v5-c-button.pf-m-primary {*/
/*    background: var(--palette-dark-primary-main) !important;*/
/*    color: var(--palette-dark-primary-contrast-text) !important;*/
/*}*/
.pf-v5-theme-dark .pf-v5-c-button.pf-m-link {
    color: var(--palette-dark-primary-main) !important;
    --pf-v5-c-button--after--BorderColor: color-mix(in srgb, var(--palette-dark-primary-main) 50%, transparent) !important;
}
.pf-v5-theme-dark #refresh-page::before {
    background: url('../img/refresh_icon_dark.svg');
}

/* Linked Accounts page */
#linked-idps,
#unlinked-idps {
    border: none;
    padding-bottom: 0 !important;
}
#linked-idps li:not(:first-child) {
    border-top: 1px solid var(--pf-global--BorderColor--100);
}
#unlinked-idps li:not(:first-child) {
    border-top: 1px solid var(--pf-global--BorderColor--100);
}
.pf-v5-l-stack.pf-m-gutter {
    padding-bottom: 16px !important;
    gap: 4px !important;
}
section #google-idp-name,
section #google-idp-username,
section #microsoft-idp-name,
section #microsoft-idp-username {
    font-family: var(--typography-body1-font-family);
    font-weight: var(--typography-body1-font-weight);
    font-size: var(--typography-body1-font-size);
    line-height: var(--typography-body1-line-height);
    letter-spacing: var( --typography-body1-letter-spacing);
    color: var(--palette-light-text-primary);
}
.pf-v5-u-mt-xl {
    margin-block-start: var(--pf-v5-global--spacer--xl) !important;
}
div.pf-v5-c-data-list__item-row .pf-v5-l-split {
    justify-content: left;
    align-items: center;
}
.pf-v5-l-stack.pf-m-gutter .pf-v5-l-split__item.pf-m-fill{
    flex-grow: unset !important;
    padding-right: 0;
    padding-left: 16px;
    margin: 0;
}
.empty-text-block {
    display: flex;
    justify-content: center;
}
.empty-text {
    padding-bottom: 24px !important;
}
#microsoft-idp-label .pf-v5-c-label,
#google-idp-label .pf-v5-c-label {
    margin-top: -3px;
}
#google-idp-icon-social {
    background: url('../img/google-color-icon.svg') no-repeat center center;
    width: 24px;
    height: 24px;
}
#microsoft-idp-icon-social {
    background: url('../img/windows-color-icon.svg') no-repeat center center;
    width: 24px;
    height: 24px;
}
.pf-v5-c-icon {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}
/* Dark mode styles */
.pf-v5-theme-dark section #google-idp-name,
.pf-v5-theme-dark section #google-idp-username,
.pf-v5-theme-dark section #microsoft-idp-name,
.pf-v5-theme-dark section #microsoft-idp-username {
    color: var(--palette-dark-text-primary);
}

.pf-v5-c-menu-toggle.pf-m-primary:before, .pf-v5-c-menu-toggle.pf-m-primary:after, .pf-v5-c-menu-toggle.pf-m-plain:before, .pf-v5-c-menu-toggle.pf-m-plain:after, .pf-v5-c-menu-toggle:disabled:before, .pf-v5-c-menu-toggle:disabled:after {
    border: 0;
}
.pf-v5-c-menu-toggle:before {
    border-style: solid;
    border-block-start-color: var(--pf-v5-c-menu-toggle--before--BorderTopColor);
    border-block-start-width: var(--pf-v5-c-menu-toggle--before--BorderTopWidth);
    border-block-end-color: var(--pf-v5-c-menu-toggle--before--BorderBottomColor);
    border-block-end-width: var(--pf-v5-c-menu-toggle--before--BorderBottomWidth);
    border-inline-start-color: var(--pf-v5-c-menu-toggle--before--BorderLeftColor);
    border-inline-start-width: var(--pf-v5-c-menu-toggle--before--BorderLeftWidth);
    border-inline-end-color: var(--pf-v5-c-menu-toggle--before--BorderRightColor);
    border-inline-end-width: var(--pf-v5-c-menu-toggle--before--BorderRightWidth);
}
.pf-v5-c-menu-toggle:before, .pf-v5-c-menu-toggle:after {
    pointer-events: none;
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
}
*, :before, :after {
    box-sizing: border-box;
}
.pf-v5-c-menu-toggle:after {
    border-block-end: var(--pf-v5-c-menu-toggle--after--BorderBottomWidth) solid var(--pf-v5-c-menu-toggle--after--BorderBottomColor);
}