Why Does Page background-color apply to the DataTable?

zgoforth

Link to test case: https://jsfiddle.net/BeerusDev/m1qsvzey/72/

I am trying to make the page behind the table this shade of green, but it applies to the <th> and the filter row + nav tabs. I manually change those background colors back to white, but why is it applying to them? Are they by nature transparent?

Also, is it possible to apply a slight border radius to the table or no?

zgoforth

Found a quick fix:

Just wrapped the elements in a bootstrap panel!