.header,
.footer {
  z-index: 7;
}

.helix-logo {
  width: 30px;
  height: 30px;
  padding-right: 10px;
}

.helix-title {
  font-size: 30px;
  text-transform: uppercase;
}

.mat-progress-bar {
  position: fixed;
  top: 64px;
  z-index: 5;

  &.no-header {
    top: 0;
  }
}

.footer {
  background-color: #f5f5f5;
  height: 50px;

  span {
    font-weight: normal;
    font-size: 14px;
    color: #666;
  }
}

.main-container {
  height: calc(100vh - 64px - 50px);
  overflow-y: scroll;

  &.no-header {
    height: 100vh;
  }
}
