:root {
  --animate-duration: 1s;
}

sl-overview-page {
  display: block;
  min-height: 100vh;
}
sl-overview-page[data-show-filter] sl-overview-page-container.col-lg-9 {
  max-width: 100%;
  flex: 0 0 100%;
}
sl-overview-page sl-overview-page-container {
  min-height: 100vh !important;
}

@media (min-width: 1024px) {
  body {
    background: linear-gradient(to right, #fff, #f8fafb) !important;
  }
}
@media (max-width: 1023px) {
  sl-overview-page.container {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  sl-overview-page sl-overview-page-sidebar {
    position: fixed !important;
    display: none;
    z-index: 70000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
  }
  sl-overview-page sl-overview-page-sidebar[active=true] {
    display: block;
  }
}