:global {
  html,body{
    // min-height: 100vh;
    height: 100vh;
  }
  #root{
    height:inherit;
    min-height: inherit;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
  }
}

.headerWrapper{
  height:auto;
  :global {

  }
}
.routerComponentWrapper{
  height:auto;
  :global {

  }
}
.viewportContentWrapper{
  flex-flow: row nowrap;
  flex:1;
  overflow: hidden;
  :global {
    .leftMenuWrapper{
      width:auto;
    }
    .contentWrapper{
      // min-height: inherit;
      // height: inherit;
      flex-flow: column nowrap;
      flex: 1;
    }
  }
}