body {
  position: relative;
  min-height: 100vh;
  padding: 0;
  /* stylelint-disable */
    // overwrite white background
  background-color: @color-pf-black-200 !important;
    // for use with the fixed masthead
  padding-top: 45px !important;
    // required to overwrite the default PatternFly font size
  font-size:  @font-size-base !important; // 14px
  /* stylelint-enable */
}
.fill-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  border-width: 0;
}
.padding {
  &-0 { padding: 0; }
  &-top-0 { padding-top: 0; }
  &-right-0 { padding-right: 0; }
  &-bottom-0 { padding-bottom: 0; }
  &-left-0 { padding-left: 0; }
}
.margin {
  &-0 { margin: 0; }
  &-top-0 { margin-top: 0; }
  &-right-0 { margin-right: 0; }
  &-bottom-0 { margin-bottom: 0; }
  &-left-0 { margin-left: 0; }
}
/*
 * place on the parent a <div> to remove left and right padding from child columns
 */
.no-gutter > [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}
.containerPadd { padding: em(96) 0 em(66) 0; }
.containerPadd-nologin { padding-bottom: 0; }
@media (max-width: (@grid-float-breakpoint - 1)) {
  .containerPadd { padding-top: em(11); }
  .containerPadd-nologin { padding-bottom: 0; }
}
@media (max-width: @grid-float-breakpoint) {
  .mobdn { display: none; }
  .list-view-pf {
    .list-group-item-heading { font-size: em(12); }
  }
}
.vert-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  @media (min-width: 768px) and (max-width: 1200px) {
    top: 0;
    transform: none;
  }
  @media (max-width: 768px) { transform: none; }
}