#mynetwork {
      position:relative;
      height: 400px;
      border: 1px solid lightgray;
    }
    table.legend_table {
      font-size: 11px;
      border-width:1px;
      border-color:#d3d3d3;
      border-style:solid;
    }
    table.legend_table,td {
      border-width:1px;
      border-color:#d3d3d3;
      border-style:solid;
      padding: 2px;
    }
    div.table_content {
      width:80px;
      text-align:center;
    }
    div.table_description {
      width:100px;
    }

    #operation {
      font-size:28px;
    }
    #node-popUp {
      display:none;
      position:absolute;
      top:350px;
      left:170px;
      z-index:299;
      width:250px;
      height:120px;
      background-color: #f9f9f9;
      border-style:solid;
      border-width:3px;
      border-color: #5394ed;
      padding:10px;
      text-align: center;
    }
    #edge-popUp {
      display:none;
      position:absolute;
      top:350px;
      left:170px;
      z-index:299;
      width:250px;
      height:90px;
      background-color: #f9f9f9;
      border-style:solid;
      border-width:3px;
      border-color: #5394ed;
      padding:10px;
      text-align: center;
    }
	
	div#grip {
    position: relative;
    right: 0;
    top: 25%;
    bottom: 0;
    width: 15px;
    height: 50%;
    float: right;
    background-color: orange;
    vertical-align: middle;
    display: table-cell;
}

div#gripContainer {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 100%;
    float: right;
	z-index:2;
}

span.glyphicon.scrollbaricon {
    display: table-cell;
    vertical-align: middle;
}

div#gripiconcont {
    display: table;
    vertical-align: middle;
    position: relative;
    height: 100%;
}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) {
	#mynetwork {  
		/*width: 50%;*/
	}
}