body {
  background-color: $white;

  &.component {
    background-color: var(--bs-body-bg);
  }
}

.pc-container {
  $temp: $header-height + 53;
  position: relative;
  top: $header-height;
  margin-left: $sidebar-width;
  min-height: calc(100vh - #{$temp});
  background: rgb(250, 250, 251);

  .coded-content {
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 24px;
    @include media-breakpoint-down(xl) {
      &.container {
        max-width: 100%;
      }
    }
    @include media-breakpoint-down(md) {
      padding-left: 32px;
      padding-right: 32px;
      padding-top: 16px;
    }
  }

  .page-header + .row {
    padding-top: 24px;
  }

  .page-header + .coded-content {
    padding-top: calc(30px + 55px);
  }

  @media (max-width: 1024px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}