Problems applying styles in Breadcrumb NavXT plugin

I am having enormous problems applying my styles to the Breadcrumb NavXT plugin.

When I applied my styles in a html test document it looked fine: screenshot

When I applied the same styles (but adjusted to the plugin) in the WP document using the Breadcrumb NavXT plugin the best I could get it was this: screenshot

I have tried of the obvious answers like apply margin-right to the last-child by nothing is working. Would really be grateful for some help.

Here is the relevant css.