@include exports('global') {
  // Must be 100% for off canvas to work
  html,
  body {
    height: 100%;
  }

  // Set box-sizing globally to handle padding and border widths
  html {
    box-sizing: border-box;
  }

  *,
  *:before,
  *:after {
    @include box-sizing(inherit);
  }

  html,
  body {
    font-size: $base-font-size;
  }

  // Default body styles
  body {
    position: relative;
    padding: 0;
    margin: 0;
    font-family: $body-font-family;
    font-style: $body-font-style;
    font-weight: $body-font-weight;
    line-height: $body-line-height; // Different currently from $md-gray-50-line-height
    color: $body-font-color;
    cursor: $cursor-auto-value;
    background: $body-bg;
  }

  a:hover {
    cursor: $cursor-pointer-value;
  }

  // Grid Defaults to get images and embeds to work properly
  img {
    height: auto;
    max-width: 100%;
  }

  img {
    -ms-interpolation-mode: bicubic;
  }

  #map_canvas,
  .map_canvas,
  .mqa-display {
    img,
    embed,
    object {
      max-width: none !important;
    }
  }

  // Miscellaneous useful HTML classes
  .left {
    float: left !important;
  }

  .right {
    float: right !important;
  }

  .clearfix {
    @include clearfix;
  }

  // Hide visually and from screen readers
  .hide {
    display: none;
  }

  // Hide visually and from screen readers, but maintain layout
  .invisible {
    visibility: hidden;
  }

  // Font smoothing
  // Antialiased font smoothing works best for light text on a dark background.
  // Apply to single elements instead of globally to body.
  // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  // Get rid of gap under images by making them display: inline-block; by default
  img {
    display: inline-block;
    vertical-align: middle;
  }

  //
  // Global resets for forms
  //

  // Make sure textarea takes on height automatically
  textarea {
    height: auto;
    min-height: 50px;
  }

  // Make select elements 100% width by default
  select {
    width: 100%;
  }
}