Ah ok I understand now and that makes perfect sense, however I need you to look at this:
When I remove the above mentioned css this is what I get. I have a colorbox and just after it, I have a switch.
As you can see the switch's z-index is higher than the colorbox. I have tried everything to correct the issue but I can seem to get it. Could you please correct that?
Thanks for the answer and again all is greatly appreciated.