Hikashop Modal CSS causing conflict with modal login form and other modals

-- url of the page with the problem -- : accademiainfinita.it/meditazioni-guidate

Hello,
I just noticed that for some screen sizes (i-pad to phone) this css


is causing issues with my modal login form, causing it to open on the left of the page instead that centered, because the rule has !important applied it overwrites the login modal style which would be

I know that I can change hikashop css via my custom css file, but I don't want to risk breaking things in the shop, can you tell me what that css rule applies to (term and conditions popup?) and what would happen if I change it to this?

thank you

Ok I solved lilke this
still, why margin-left: -400px ?

Hi,

This CSS is for the popup system of Joomla.
If you use the "vex" choice in the "popup mode" setting of the HikaShop configuration, then that CSS is not used by HikaShop and you can override it without worry.
We highly recommend to use vex instead of bootstrap or mootools.