.workspace {
  min-width: 0;
  padding: 22px;
}

.main-area {
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}

.workspace {
  padding: 24px;
}

@media (max-width: 720px) {
  .workspace { padding: 14px; }
}

@media (min-width: 1100px) {
  .main-area {
    padding-left: 80px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }
}

@media (max-width: 1099px) {
  body.sidebar-collapsed .main-area,
  .main-area {
    margin-left: 0;
    padding-left: 0;
  }
}

.workspace {
  padding: 10px 18px;
}

.main-area {
  width: 100%;
}

.workspace {
  padding: 16px 22px;
}

.workspace {
  background: #f2f5f8;
  padding: 18px 28px;
}

.app-section {
  display: none;
}

.app-section.active {
  display: block;
}

.workspace.app-section {
  padding: 20px 24px 24px;
}

@media (max-width: 980px) {
  .workspace {
    padding: 22px;
  }
}

@media (max-width: 1099px) {
  .workspace.app-section {
    padding: 16px;
  }
}