html {
  margin-top: 0;

  body {
    background: #f4f4f4; //#f3f1e5
    color: $dark-gray;
    font: $body-font-size $body-font-family;
    margin: 0;
    text-align: center;

    section.main-content {
      @extend .clearfix;
      @extend .wrapper;
      background: #fff;
      border: 1px solid #bbb;
      border-bottom: 1px solid #bbb;
      @include box-shadow(0 0 4px #dfdfdf);
      @include box-sizing(border-box);
      margin-top: 3px;
      overflow: hidden;

      @media print {
        border-bottom: 0;
        @include border-radius(none);
      }

      @media screen and (min-width: 1400px) {
        @include border-radius(4px);
        margin-top: lh(.5);
      }
    }

    div.qtip {
     div.ui-tooltip-content {
       background: #000;
       background: rgba(#000, .8);
       border: none;
       color: #fff;
       font: 12px $body-font-family;
       margin-right: -20px;
       margin-top: -30px;
      }
    }

    section.outside-app {
      @extend .main-content;
      max-width: 600px;
      padding: lh();

      #{$all-text-inputs} {
        display: block;
      }
    }
  }
}