#ResponsiveTable{
    width: 100%;
    border-collapse: collapse;    
    
}

tr:nth-of-type(odd) {
    /*background: #fbfbfb;*/
}

tr:nth-of-type(even) {
   /* background: #99FFD6;*/
    
}

#HeadRow{
    background: #004C2E;
    color: white;
    font-weight:bold;
}

#ResponsiveTable td{
    /*padding: 5px;   */
    /*text-align: left;*/
}

@media screen and (max-width:800px) {
    #ResponsiveTable,
    #ResponsiveTable tbody,
    #ResponsiveTable tr,
    #ResponsiveTable td {
        display: block;
    }
    
    #HeadRow{
        position: absolute;
        left:-9999px;
        top: -9999px;
    }
    
    
    #ResponsiveTable td{        
        /*border: none;*/
        position: relative;
        padding-left: 8%;
        white-space: normal;
        padding-bottom: 25px;
        text-align: left;
    }
    
    
    #ResponsiveTable td:before{        
        position: absolute;
        top: 5px;
        left: 5px;
        width: 40%;
        padding-right:10px;
        white-space:nowrap;
        text-align:left;
        font-weight:bold;        
    }
        
    #ResponsiveTable td:before{
        content:attr(tableHeadData);        
    }