@import "header";
@import "sidebar";
@import "footer";

.main-section {
  transition: all .3s;
  margin-top: 65px;
  width: 100%;
  min-height: calc(100vh - 70px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  .top-bar {
    width: 100%;
  }

  &.has-sidebar {

    .top-bar {
      @include media-breakpoint-up(sm) {
        padding-right: 260px !important;
      }
    }

    @include media-breakpoint-up(sm) {
      padding-left: 250px;
    }
  }
}

@import "notifications";
@import "progress-bar";

@import "page-header";
@import "login";