.ds-app-body main,
.ds-app-body form.main-content {
  grid-area: main;
}

.ds-app-body .ds-header {
  grid-area: header;
}

.ds-app-body .ds-sidebar {
  grid-area: sidebar;
  position: relative;
  background-color: $petrol-dark;
  width: 200px;
  height: 100%;
}

.ds-sidebar .sidebar-item {
  width: 100%;
}

.ds-header .ds-header-logo {
  height: 25px;
}

.ds-example-relative {
  position: relative;
}

.ds-removethisclass-flex {
  display: flex !important;
}

.ds-removethisclass-cleargridarea {
  grid-area: initial !important;
}

.ds-home-logo {
  height: 200px;
}

.page-example-container {
  display: grid;
  grid-area: main;
  height: 100%;
  overflow: hidden;
  background-color: $gray-darkest;
  border-top: 20px solid $gray-darker;
}

.page-example-container .app-body {
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  width: 100%;
}