html {
  height: 100%;
}

body {
  position: relative;
  min-height: 100%;
  padding-left: $width-sidebar;
}

.admin-nav {
  @include position(absolute, 0 null 0 0);
  width: $width-sidebar;
  @media print { display: none }
}

.content-wrapper {
  @include padding(1rem map-get($grid-gutter-widths, "xl") null);

  &:not(.full-width) {
    @include margin(null auto);
    max-width: map-get($container-max-widths, "xl");
  }
}

.content-main {
  overflow-x: hidden; // makes sure that the tabs are able to resize
}

#content {
  position: relative;
  z-index: 0;
  padding: 0;
  margin-top: 15px;
}

html {
  height: 100%;
}

body {
  position: relative;
  min-height: 100%;
  padding-left: $width-sidebar;
}

.admin-nav {
  @include position(absolute, 0 null 0 0);
  width: $width-sidebar;
  @media print { display: none }
}

.content-wrapper {
  @include padding(1rem map-get($grid-gutter-widths, "xl") null);

  &:not(.full-width) {
    @include margin(null auto);
    max-width: map-get($container-max-widths, "xl");
  }
}

.content-main {
  overflow-x: hidden; // makes sure that the tabs are able to resize
}

#content {
  position: relative;
  padding: 0;
  margin-top: 15px;
}

Remove zeroed z-index from the main admin content
Remove zeroed z-index from the main admin content

This prevents us from being able to effectively use Bootstrap's modal
component and is generally bad practice.
