body{
	  margin:0px;
	  box-sizing: border-box
      }
      #parent{
	  display: flex;
	  //border: 1px solid #000;
	  //height: 75vh;
	  width: 100vw;
	  height:100vh;
	  margin: 0px;
	  padding: 0px;
	  border: 3px solid red;
	  box-sizing: border-box;
      }
      .parentDiv {
	   display: flex;
          //border: 1px solid #000;
          //height: 75vh;
          width: 100vw;
          height:100vh;
          margin: 0px;
          padding: 0px;
          border: 3px solid red;
          box-sizing: border-box;

      }
      
      .bigDiv {
	  width:100%;
	  display:inline-block;
	  float:left;
	  border:0px none;
	  margin: 0px;
	  //margin-right:5px;
	  padding-left:5px;
	  padding-top:5px;
	  overflow: auto;
	  //resize: horizontal;
	  height:100%;
	  box-sizing: border-box
      }



      .leftSide{
	  resize: horizontal;
	  width: 20%;
	  border-right: 3px solid red;
	  min-width: 400px;
	  overflow-x: hidden;
	  flex-grow: 1;
      }

      .rightSide{
	  width: 80%;
	  //height:100%;
	  overflow-x: hidden;
	  flex-grow: 2;
      }

      .subBox {
	  width:100%;
	  float:left;
	  border:None;
	  margin-top:10px;
	  min-width=200px;
      }

      .parmsSection {
	  overflow: scroll;
	  width: 100%;
	  height : 35vh;
      }
      .myLink {
	  cursor:pointer;
	  color:hotpink;
      }
      .myIcon {
	  cursor:pointer;
	  height: 12px;
	  width: 12px;
      }

      .item {
	  padding-left: 10px;
	  display:block;
	  width: 100px;
      }
      .item:hover{
	  background:#cccccc;
      }

      .Heading {
	  font-weight: 700;
	  display:block;
	  width:100px;
      }
      .heading:hover{
	  background:#cccccc;
      }
      .wrap{
	  overflow-wrap:anywhere;
      }