@import '~angular-material/modules/scss/angular-material.layout-attributes';

$height: 64px;

.p3xr-layout-content {
  margin-bottom: $height;
  margin-top: $height;
  padding: 5px;
  position: absolute;
  left: 0px;
  right: 0px;
}

#p3xr-layout-header-container {
  top: 0px;

}

#p3xr-layout-footer-container {
  bottom: 0px;
}

#p3xr-layout-header-version {
  position: fixed;
  z-index: 6;
  top: 42px;
  left: 128px;
  font-size: 75%;
}

#p3xr-layout-header-container, #p3xr-layout-footer-container {
  position: fixed;
  z-index: 5;
  left: 0px;
  width: 100%;
  .md-toolbar-tools {
    height: $height !important;
    min-height: $height !important;
    max-height: $height !important;
  }
}

#p3xr-layout-reduced {
  position: fixed;
  z-index: 11;
  max-width: 310px;
  width: 310px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  height: $height / 2;
  bottom: $height + 5px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: $height / 2;
  border-style: solid;
  border-width: 5px;
  cursor: pointer;
}