.zebra table {
  width:100%;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  
     }


.zebra tbody {
   border-collapse: collapse;
  
  }


.zebra tr:nth-child(even){
background-color: #f2f2f2

}


.zebra tbody tr:hover, tfoot tr:hover { 
  background-color:#a9a9a9;
  color:#ffffff
}


.zebra tbody td:hover, tfoot td:hover { 
  background-color: #a9a9a9;
  color:#ffffff
} 


.scroll-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;

 /* important:  dimensions or positioning here! */
}

.scroll-wrapper iframe {
 /* nada! */
}

.scroll-wrapper iframe {
  height: 100%;
  width: 100%;
}

.demo-iframe-holder {
  position: fixed; 
  right: 0; 
  bottom: 0; 
  left: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.demo-iframe-holder iframe {
  height: 100%;
  width: 100%;
}