td, th {
      margin: 0;
      border: 1px solid grey;
      white-space: nowrap;
      border-top-width: 0px;
      border:1px solid #333;
      padding:5px 20px;
      text-align:center;
    }
    
    .helpTable {
      width:100%;
      overflow-x: scroll;
      margin-left: 13em;
      overflow-y: visible;
      padding: 0;
    }
    .headCol,.headColsec {
      position: absolute;
      width: 10em;
      left: 5.5%;
      top: auto;
      border-top-width: 1px;
      /*only relevant for first row*/
      margin-top: 0;
      /*compensate for top border*/
    }
    .headColsec{
      left: 27%;

    }
    .headcol:before {
      content: 'Row ';
    }
    
    .long {
      background: yellow;
      letter-spacing: 1em;
    }
    span.tick:after{
      content:'\2714';
      color:#498049;
    }
    span.cross:after{
      content:'\2716';
      color:#d54747;
    }
    .bg-yellow{background-color:#fdffe3;padding:10px;margin-top:20px;}
    @-moz-document url-prefix() {
    .headCol{margin-top:-23px;}
    }
    @media screen and (max-width:1220px){
    .helpTable1{overflow-x:scroll;}
    .helpTable{width:auto !important;}
    }
    @media screen and (max-width:760px){
     .headCol{left:0;}   
    }

    .info {
    background-repeat: no-repeat;
    background-position: 9px 19px;
    padding: 0px 36px;    background-color: #fefbe6;
    border: 1px solid #fbe04b;
    background-image: url(https://www.manageengine.cn/network-monitoring/help/images/info.png);
    overflow: auto;
    }
    @media screen and (max-width:520px){
        .helpTable {margin-left:11.9em !important;}
    .headColsec{position: initial;}
    }