/* Add your branding customizations here. */
.main-page-loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  margin: auto;
  color: #fff;
  font-size: 24px;
  font-family: Helvetica, Arial, sans-serif;
  background-color: #000;
}

.main-page-loader .ide-page-loader-content img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 140px;
  max-height: 140px;
  margin: auto;
  animation-name: opacity;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes opacity {
  0%,
  100% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

/* tmp - style stuff */
.src-Layout-Header-index-module__headerShow {
  min-height: 48px !important;
  max-height: 48px !important;
}

.pf-c-masthead__brand .pf-c-brand {
  width: 34px !important;
  max-height: 32px !important;
}

.pf-c-banner.pf-m-warning {
  background-color: #fafad2 !important;
}

.pf-c-banner.pf-m-warning a {
  font-style: italic !important;
}

.pf-c-page__header,
.pf-c-page__sidebar {
  background-color: #0c0a5a !important;
}

.pf-c-nav__link.pf-m-current {
  background-color: transparent !important;
}

.pf-c-nav__link:hover,
.pf-c-nav__link:focus {
  background-color: #100e7e !important; /* 10% lighter on hover */
}

.pf-c-nav__section {
  --pf-c-nav__link--before--BorderBottomWidth: 1px !important;
}