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 {
  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*/
}
table.center{
margin-left: auto;
margin-right: auto;
}
.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;}   
}