CSS rendered is different on real device than browser

Codepen link

The green bar at the bottom is rendered perfectly in the browser, but in my app(android) the following css overwrites the color and hence it is rendered as transparent.

.tabs-striped .tabs {
background-color: white;
background-image: none;
border: none;
}

I am not sure where this comes from in the real device app when it cannot be seen on the desktop browser.

see here:

Thanks for sharing this!