CSS in Microsoft Edge

I have upgraded to the new microsoft IE (Edge). The CSS is being processed in the wrong order. Here is Chrome:

Here is IE (Edge)

Here is the CSS:


fixed using !important

Hi Bill

Either you can use !important, as you did. Or you can take a more specific selector e.g.


which means it selects everything which has both classes. That way you still have the possibility to override it later. 

That worked.  Thanks