//
// masthead overrides
//

.pf-l-page__header-brand {
  max-width: 255px;
}

.pf-l-page__header-brand-link {
  max-width: 85px;
}

.pf-l-page__header-brand-link img {
  transform: scale(1.1, 1.1);
  position: relative;
  top: -4px;
}

//
// sidebar overrides
//

.pf-l-page__sidebar{
  --pf-l-page__sidebar--md--Width: 255px;

  .pf-c-nav {
    overflow-y: auto;

    .pf-c-nav__section {
      --pf-c-nav__section--MarginTop: 8px;
    }

    .pf-c-nav__section + .pf-c-nav__section {
      --pf-c-nav__section--MarginTop: 8px;
    }

    .pf-c-nav__simple-list .pf-c-nav__link {
      --pf-c-nav__simple-list-link--PaddingLeft: 24px;
      --pf-c-nav__simple-list-link--PaddingBottom: 6px;
      --pf-c-nav__simple-list-link--PaddingTop: 6px;
    }

    .pf-c-nav__section-title {
      --pf-c-nav__section-title--PaddingLeft: 24px;
    }

    .pf-c-nav__link {
      display: flex;
      align-items: center;
      padding-right: 64px;
    }
  }
}

//
// page header overrides
//

.pf-l-page__main-section.pf-m-condensed {
  padding-top: 16px;
  padding-bottom: 16px;
}

//
// toolbar overrides
//

.pf-l-toolbar {
  align-self: center;
  height: 60px;
}


//
// data list overrides
//

.pf-c-data-list {
  --pf-global--target-size--MinHeight: 32px;
  --pf-global--target-size--MinWidth: 32px;
  --pf-global--FontSize--md: 14px;

  --pf-c-data-list__item--PaddingTop: 16px;
  --pf-c-data-list__item--PaddingBottom: 16px;
}

.pf-c-data-list__item {
  --pf-c-data-list__item--PaddingLeft: 20px;
  --pf-c-data-list__item--PaddingRight: 0px;
}

.pf-c-data-list__check {
  --pf-c-data-list__check--MarginRight: 0;
}

.pf-c-data-list__check:after {
  content: "";
  background-color: #d7d7d7;
  width: 1px;
  height: 25px;
  display: block;
  margin-left: 20px;
  margin-right: 20px;
}

.pf-c-data-list__cell a {
  margin-right: 8px;
}

.pf-c-data-list__cell span {
  margin-right: 18px;
}

//
// about modal overrides
//
.pf-c-backdrop .pf-c-about-modal-box {
  --pf-c-about-modal-box--MaxHeight: 40rem;
  --pf-c-about-modal-box--MaxWidth: 63rem;
}


//
// layout styles
//
.at-align-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}