$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
@import "~bootstrap-sass/assets/stylesheets/bootstrap";

$fa-font-path: "~font-awesome/fonts/";
@import "~font-awesome/scss/font-awesome";

@import "/overrides.scss";

[class^="bg-"] {
    padding: 15px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-10 {
  margin-top: 10px;
}
.status {
  display:block;
  float: left;
  clear: left;
  margin-bottom: 10px;
}

// TODO: Move this into it's own file once CSS has been fixed
.notification-area {
}
.notification-area--floating {
  position: fixed;
  top: 4rem;
  z-index: 1000;
  // Take up width of the page on mobile
  right: 5vw;
  width: 90vw;

  // Non-mobile settings
  @media (min-width: #{$screen-sm-min}) {
    right: 4rem;
    width: 300px;
  }
}