.table-scroll {
	position:relative;
    height:500px;
	/*max-width:600px;*/
	margin:auto;
	overflow:hidden;
    
	/*border:1px solid #000;*/
}
#table-wrap {
	/* width:100%; */
    max-width: 400em;
  /* max-height: 200em; */
  overflow: scroll;
  position: relative;
    
     height:100%; 
}
#maintr {
    position: relative;
    border-collapse: collapse;
}



.table-scroll td, .table-scroll td {
    padding: 0.25em;
}
.table-scroll thead td, .table-scroll tfoot {
    /* position: -webkit-sticky; */
     /* for Safari */
  /* position: sticky;*/
  top: 0;
    background:#f9f9f9;
}
.fixed {
    position: -webkit-sticky; 
     /* for Safari */
     position: sticky; 
    left: 0;
    background: #FFF;
    
    border: .5px solid #CCC;
    z-index: 2;
  }

   .fixed:active , .fixed:hover {
    position: -webkit-sticky; 
    position: sticky; 
    left: 0;
    background: #FFF;
    border: .5px solid #CCC;
     z-index: 16777271; 
  } 
@media screen and (max-width: 886px) {
  .fixed {
    position: unset;
  }