.jds-app-shell {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: none;
  min-height: 600px;
  height: var(--jds-app-height, 900px);
  overflow: hidden;
  background: #f5f7fa;
  border: 1px solid #c9d2dc;
  border-radius: 8px;
}

.jds-app-shell.jds-app-shell--full-width {
  position: relative;
  left: auto;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.jds-app-frame {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
}

.jds-admin-page {
  margin-right: 20px;
}

.jds-admin-page > .description {
  margin-bottom: 14px;
}

.jds-admin-page .jds-app-shell {
  height: calc(100vh - 150px);
  min-height: 680px;
}

.jds-app-missing {
  box-sizing: border-box;
  width: 100%;
}

@media (max-width: 782px) {
  .jds-app-shell {
    min-height: 720px;
  }

  .jds-admin-page .jds-app-shell {
    height: calc(100vh - 185px);
    min-height: 720px;
  }
}