Popup input fields padding wrong

Hello everybody,

i've got an padding problem with the input text fields in the popups.

example: http://nieuw.cncdisplays.nl/en/cnc/agie/agie-cd-detail
and then hit the button Ask a Question

The text for the name and email adress isn't align right. I found with firebug the follwing css:

select, textarea, input[type="text"], input[type="password"], input[type="url"], input[type="email"]
the padding is here: 12px 20px !important

and if i change that to 2px 10px !important it's oke.

Only thing i've got is that i can't get the css override working on this items. Other items in the override.css works fine

Maybe someone can help me with the right css override code? i know i forgot something but i can't find it on this time.

Already thanks,

Maurice

I'm trying to figure out whats wrong with those elements - could you please mark them on a screenshot and create a markup showing how should they display?

i'll will make an screenshot

When i will fill in the first two fields the text wil be placed invisible under the input fields. The bigger field the text is readable.

The text fields where the text is typed are on the yellow place

Ive just filled the form and it displays correctly:

Screen Shot 2015-06-13 at 17.35.38.png

i tested now with google chrome and then it works But in IE (11) and Firefox (38) the problem is still there.

This is really strange. Its true - there is a problem with firefox while safari and chrome works fine,
I'll report that issue to our devteam.

Ps. If you want to make css override to work on this element, please use !important.

Please replace a vmframe.css wile with one attached to this post.

vmframe.css.zip

Thanks Cyberek!!! The replacement works great !

Is there anything else I can help you with regarding this topic?