html {
  height: 100%;
}

body {
  height: 100%;
  position: relative;
  background-color: $default-background;
  font-family: $primary_font;
}

.os-react {
  position: relative;
  height: 100%;
}

.os-os {
  height: 100%;
}

.clearfix {
  @include clearfix;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: $font-weight-light;
}

.os-main {
  height: 100%;
  position: relative;
  padding: $os-header-height 0 0 .01rem;  // .01rem padding prevents html padding bug, DO NOT REMOVE
  @include transition(.25s ease-out all);

  &.os-products-menu-open {
    margin-left: $os-header-product-menu-width;
  }

  .os-content {
    height: 100%;
    width: 100%;
    padding: 10px 0;

    &.horizontal-scroll {
      overflow-x: auto;
      overflow-y: none;
    }
  }
}

.os-drawer-active {
  .os-main {
    padding-left: 0;
  }
}

.drawer-open {

  &+ .os-main {
    margin-left: $drawer-width;
  }
}

.plugin-view {
  height: 100%;

  > div {
    display: none;
  }
}