.AppBody {
  .COL-FLEX();
  .ROWS();

  @media @onlyScreen and @smallmobile, @mobile {
    .ROW-FLEX();
  }

  .AppBody-extraBar {
    .ROW;
    .COLS;
    .END;
    background-color: #ddd;
    border-bottom: solid 1px #d2d2d2;
    height: 35px;

    @media @onlyScreen and @smallmobile, @mobile {
      border-top: solid 1px #d2d2d2;
      border-bottom: none;
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto;
    }

    .AppBody-extraBar-button {
      .COL();
      width: 100px;
    }

  }

  .AppBody-content {
    .ROW-FLEX();

    .AppBody-content-scrollable{
      .SCROLLABLE();

      .AppBody-content-scrollable-padder{
        .PADDER25();

        @media @onlyScreen and @smallmobile, @mobile{
          .PADDER10();
        }
      }
    }
  }
}