// from: node_modules/bootstrap/scss
@import "bootstrap/bootstrap";
// from: node_modules/flatpickr/dist/flatpickr.css => flatpickr/flatpickr.scss
@import "flatpickr/flatpickr";
@import "selectize";

@import "variables";

@import "components/navigation";
@import "components/content_header";
@import "components/content_body";
@import "components/form";
@import "components/pagination";

.app-container {
  display: flex;
  flex-wrap: nowrap;
  height: 100vh;
}

.flashes {
  pointer-events: none;
  position: fixed;
  text-align: center;
  width: calc(100% - #{$navigation-width});

  > .flash {
    @extend .alert, .d-inline-block;

    &.flash-notice {
      @extend .alert-info;
    }
  }
}

.main-content {
  @extend .d-flex, .flex-column;

  overflow-y: scroll;
  width: calc(100% - #{$navigation-width});
}