html - How to change color of Bootstrap warning class table row -

i'm new bootstrap , css , having issues coloring of tables. have table rows have class warning:

<table class="table table-bordered grocery-crud-table table-hover"> <thead> <tbody> <tr class="warning"> <tr> <tr> </tbody> </table> 

how change color of rows warning class? i've tried following doesn't work.

   .warning {       background-color:#76a0d3;     } 

in case td's color covers tr

table tr td {    padding: 20px;    background: transparent !important;  }  .warning {    background: #76a0d3;  }

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />  <table class="table table-bordered grocery-crud-table table-hover">    <tbody>      <tr class="warning">        <td>          hey        </td>      </tr>    </tbody>  </table>

if set on td works expected

table tr td {    padding: 20px;  }  .warning {    background: #76a0d3 !important;  }

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />  <table class="table table-bordered grocery-crud-table table-hover">    <tbody>      <tr>        <td class="warning">          hey        </td>      </tr>    </tbody>  </table>