Estou com dificuldades de colocar cor no cabeçalho da tabela, pois do jeito que está, aparece o relatório zebrado e o cabeçalho da tabela aparece o fundo branco e gostaria de trocar essa cor. Alguém pode me ajudar ?
<table class="table table-striped table-hover" ng-show="showApontamento">
<thead>
<tr>
<th><center>Centro Custo</center>
</th>
<th ng-click="sort('totalapont')"><center>Total
Apontamento</center> <span class="glyphicon sort-icon"
ng-show="sortKey=='totalapont'"
ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
</th>
<th ng-click="sort('totalprev')"><center>Total
Previsto</center> <span class="glyphicon sort-icon"
ng-show="sortKey=='totalprev'"
ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
</th>
<th><center> Ação</center></th>
</tr>
</thead>
<tbody>
<tr
dir-paginate="apontamentos in lista|orderBy:sortKey:reverse|filter:search|itemsPerPage:10"
ng-click="setClickedRow(apontamentos,$index)"
onMouseOver="javascript:this.style.backgroundColor='#FFFACD'"
onMouseOut="javascript:this.style.backgroundColor=''">
<td style="text-align: center; font: bold;"><center>{{apontamentos.cc}}</center></td>
<td style="text-align: center; font: bold;"><center>{{apontamentos.totalapont}}</center></td>
<td><center>{{apontamentos.totalprev}}</center></td>
<td><center></center><a class="btn btn-success btn-xs"
>Avançar</a></center>
</tr>
</tbody>
</table>
<div ng-show="showApontamento">
<dir-pagination-controls max-size="10" direction-links="true"
boundary-links="true"> </dir-pagination-controls>
</div>