#app{
    background-color: #1b1d22;
}
.pf-v5-c-masthead {
    background-color: rgb(27,27,27);
   
    padding-left: 44px;
    padding-right: 44px;
}
.pf-v5-c-masthead .pf-v5-c-toolbar {
    background-color: rgb(27,27,27);
    padding-top: 24px;
    padding-bottom: 24px;
    
}
.pf-v5-c-masthead ._brand_1gmge_1 {
    height:32px;
}
.pf-m-overflow-menu{
    transform: scale(0.8);
}
#page-sidebar{
    width:100vw;
    border-top: 1px solid #424242;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    overflow: visible;
    display: block;
    position: relative;
}
/* target page-sidebar that also has a class of pf-m-collapsed */
#page-sidebar.pf-m-collapsed {
    position:relative;
    left:100vw;
}
/* Target the last li element that is only at the first level of the ul */
#page-sidebar nav ul li:last-child {
    display:none;
}
#page-sidebar nav ul li ul li:last-child {
    display:block;
}
#page-sidebar .pf-v5-c-nav__link {
    background-color: transparent;
    padding: 4px;
}
#page-sidebar  .pf-v5-c-nav__link.pf-m-current:after {
    display:none;
}
.pf-v5-c-nav__link:before
#page-sidebar  .pf-v5-c-nav__link.pf-m-current{
    border-bottom: 1px solid #424242;
}
#page-sidebar .pf-v5-c-nav__subnav{
    position: absolute;
    z-index: 9999;
    top: 44px;
    overflow: visible;
    width: 100%;
}
#page-sidebar .pf-v5-c-nav__subnav ul{
    /* add shadow */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

#page-sidebar .pf-v5-c-nav__subnav ul{
    background-color: #1b1d22;
}
#page-sidebar .pf-v5-c-nav__subnav .pf-v5-c-nav__list{
    display: flex;
    flex-direction: column;
}
.pf-v5-c-page__main{
    /* padding-top: 52px; */
    display:flex;
    justify-content:center;
    align-items: center;
    background-color: #1b1d22;
    height: 100%;
    flex-grow: 1;
}
.pf-v5-c-page__main section{
    width:100%;
    max-width:882px;
}
.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 {
    display:none;
}
#page-sidebar .pf-v5-c-nav__link{
    opacity:0.5;
}
#page-sidebar .pf-m-current {
    opacity:1 !important;
    border-bottom: 2px solid white;
}
#page-sidebar .pf-m-current > .pf-v5-c-nav__link{
    opacity:1;
}
#page-sidebar .pf-v5-c-nav__subnav .pf-v5-c-nav__link:hover{
    opacity:1;
}
#page-sidebar .pf-v5-c-nav__subnav .pf-m-current{
    border-bottom:none;
}
#page-sidebar .pf-v5-c-nav__toggle{
    /* rotate 90 degrees */
    transform: rotate(90deg);
}
#page-sidebar .pf-m-expanded .pf-v5-c-nav__toggle{
    transform: rotate(180deg);
}
.pf-v5-c-nav__item.pf-m-expandable:before{
    display:none;
}
.pf-v5-c-page__main section:last-child .pf-v5-l-grid{
    grid-template-columns: unset;
}
.pf-v5-c-page__main section:last-child .pf-v5-l-grid__item:last-child {
    display:none;
}
.pf-v5-c-page{
    all: unset;
    display: flex;
    flex-direction: column;
}
.pf-v5-c-masthead__toggle{
    display:none;
}
.pf-v5-c-masthead__content .pf-v5-c-menu-toggle{
    background-color:transparent;
}
.pf-v5-c-masthead__content .pf-v5-c-menu-toggle:before, .pf-v5-c-masthead__content .pf-v5-c-menu-toggle:after{
    border:none;
}
.pf-m-breakpoint-sm .pf-v5-c-toolbar__content  {
    margin:0;
}
.pf-v5-c-toolbar .pf-v5-c-toolbar__item:last-child{
    margin-inline-start:0 !important;
}
.pf-v5-c-nav__list{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.pf-v5-c-page__sidebar.pf-m-collapsed{
    max-width: unset;
}
.pf-v5-c-nav__list > li{
    margin: 0 8px;
}