/* On detail page: collapsed sidebar = icon-only (80px), not hidden */
body .sidenav.collapsed {
  width: 80px !important;
}

/* Main content margin: 80px when icon-only, 250px when full menu */
body .school-form-section {
  transition: margin-left 0.3s;
}
body.sidenav-collapsed .school-form-section {
  margin-left: 80px;
}
body:not(.sidenav-collapsed) .school-form-section {
  margin-left: 250px;
}
/* Main content below header so autocomplete dropdown is never covered */
.school-form-section {
  position: relative;
  z-index: 0;
  margin-left: 250px;
  margin-top: 70px;
  padding: 24px 24px 100px;
  transition: margin-left 0.3s;
  background: #f9f9f9;
  min-height: 100vh;
}
.school-form-section.sidebar-collapsed {
  margin-left: 80px;
}
.premium-form-container {
  max-width: 1400px;
  margin: 0 auto;
}

body .content-section {
  transition: margin-left 0.3s;
}
body.sidenav-collapsed .content-section {
  margin-left: 80px;
}
body:not(.sidenav-collapsed) .content-section {
  margin-left: 250px;
}
/* Main content below header so autocomplete dropdown is never covered */
.content-section {
  position: relative;
  z-index: 0;
  margin-left: 250px;
  margin-top: 70px;
  padding: 24px 24px 100px;
  transition: margin-left 0.3s;
  background: #f9f9f9;
  min-height: 100vh;
}
.content-section.sidebar-collapsed {
  margin-left: 80px;
}

@media (max-width: 798px) {
  .school-form-section,
  .school-form-section.sidebar-collapsed {
    margin-left: 0;
    margin-top: 60px;
    padding: 0 0 80px;
    overflow-x: hidden;
  }
  .premium-form-container {
    padding: 0;
  }

  .content-section,
  .content-section.sidebar-collapsed {
    margin-left: 0;
    margin-top: 60px;
    padding: 0 0 80px;
    overflow-x: hidden;
  }
}