.table-responsive1 {
    
    width: 100%;
        
    overflow-x: auto;
        
    -webkit-overflow-scrolling: touch;
    }
    
    .tablehover {
    
    width: 100%;
    }
    
    .tablehover th, td {
      padding: 8px;
      text-align: left; 
      /* alignment of text in the table*/
      border-bottom: 1px solid #000;
    }
    
    .tablehover td {
      word-break: break-all;
    }
    
    
    .tablehover tr:hover {background-color: #fff
    ;}
    
    /* 
    Max width before this PARTICULAR table gets nasty
    This query will take effect for any screen smaller than 760px
    and also iPads specifically.
    */
  
    
    .table100.ver3 tbody tr {
      border-bottom: 1px solid #edbece;
     
    }
    
    .table100.ver3 td {
      font-family: "Poppins", sans-serif;
      font-size: 15px;
      color: #000;
      line-height: 1.4;
      padding: 1rem;
      text-align:right;
       
      
    }
    
    .table100.ver3 th {
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      color: #fff;
      line-height: 1.4;
      text-transform: uppercase;
      background-color: #a7cd54;
     text-align:center;
     padding: .6rem;
    }
    
    .table100.ver3 .row100:hover td {
      background-color: #fee8ec;
     
    }
    
    .table100.ver3 .hov-column-ver3 {
      background-color: #fee8ec;
      
     
    }
    
    .table100.ver3 .hov-column-head-ver3 {
      background-color: #7b88e3 !important;
    
    }
    
    .table100.ver3 .row100 td:hover {
      background-color: #f51b64;
      color: #fff;
    }
    
    
    .tableheading{
        color: #fff;
        line-height: 1.4;
        padding: 7px;
        text-transform: uppercase;
        background-color: #a7cd54;
        text-align: center;
        font-size: 24px;
            margin: 0px;
    }