.header,
.tabs {
  position: relative;
  z-index: 6;
}

body {
  height: 100vh;
  overflow: hidden;
}

.layout {
  height: calc(100vh - 110px);
  min-height: 0;
  overflow: hidden;
}

.main-sidebar {
  position: static;
  align-self: stretch;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.layout > .content {
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.layout > .embedded-view {
  padding: 0;
  overflow: hidden;
}

.embedded-view iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fbfefd;
}

@media (max-width: 700px) {
  .layout { height: calc(100vh - 110px); }
}