html {
  height: 100%;
  -ms-overflow-style: scrollbar;
  font-size: @font-size-base;
}

body {
  color: @text-color;
  font-size: @font-size;
  font-family: @font-family;
  position: relative;
  font-weight: @font-weight;
}

html,
body,
.wrapper {
  min-height: 100%;
}

code {
  font-size: 75%;
}

td > code {
  word-break: break-word;
}

a {
  &:hover,
  &:focus {
    text-decoration: none;
    cursor: pointer;
  }
}

.page-content {
  margin-left: @sidebar-width;
  min-height: 100%;
}

.container-max {
  max-width: 1000px;
}

.container-left {
  margin-left: 0;
}

.container-right {
  margin-right: 0;
}

.row-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: @border-color;
}

.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
  box-shadow: none;
}

.wrapper-content {
  padding: 20px 20px 40px;
}

.page-heading {
  width: 100%;
  padding: 9px 0 2px 23px;
  z-index: @stacking-context-z-index;
}

ul,
ol {
  &.unstyled {
    list-style: none outside none;
    margin-left: 0;
  }
}

.aspects-focus-outline:focus {
  .native-focus-outline();
}

/* Plunker */

body > div#ux-plunker-container {
  padding: 15px;
  margin-right: auto;
  margin-left: auto;
}