html, body {
    height:100%;
  }

  .table1 {
    /* border: 1px solid black; */
    width: 100%;
    height:90%; 
  }

  .table2 {
   /* border: 1px solid pink; */
    width: 100%;
    height:100%;
  }

  .contentrow {
    position:relative;
    height:100%;
   /* border: 1px solid red;*/
  }
  .leftpointer {
    position:relative;
    vertical-align:middle;
    text-align: center;
    width:10%;
   /* border: 1px solid blue;*/
  }

  .contentcol {
    position:relative;
    height:90%;
    width:100%;
  }

  .datelabel {
    position:relative;
    margin: auto;
   /* border: 1px solid yellow;*/
  }

  .activities {
    position:relative;
    height:100%;
    width:100%;
   /* border: 1px solid green;*/
  }

  .rightpointer {
    position:relative;
    vertical-align:middle;
    text-align: center;
    width:10%;
   /* border: 1px solid blue;*/
  }