
.wrapper {
  display: grid;
  min-height: 100%;
  grid-template-columns: 200px auto;
  background-color: aqua; }

.leftcol {
  background-color: #111;
  min-height: 100%;
  grid-column: 1 / 2;
  grid-row: 1; }

.rightcol {
  background-color: #fff;
  grid-column: 2;
  grid-row: 1;
  position: relative;
  display: grid;
  grid-template-rows: 60px 36px auto 50px;

  .page-header{
    grid-column: 1;
    grid-row: 1;
  }
  .toolbar{
    grid-column: 1;
    grid-row: 2;
  }
  .maincontent{
    grid-column: 1;
    grid-row: 3;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .page-footer{
    grid-column: 1;
    grid-row: 4;
    line-height: 50px;
    
      text-align: center; font-size: smaller;
    
  }

}