CSS issue

Hi

I am facing a weird issue here.

I am using the following classes to style the Mailpoet widget. I have tested them in the browser CSS and i could see my style working. However as soon as i put them in my style.css, they don’t work at all. And yes the system’s cache, browser’s cache has been cleaned up after this activity and for last couple of hours, i have tried everything no avail.

Any ideas would be highly appreciated.

.wysija-submit-field {
padding: 5px!important;
margin-left:100px!important;
}

.wysija-submit {
padding: 5px!important;
margin-left:100px!important;
}

.widget_wysija {
margin-left: 5px!important;
padding-top: 20px!important;
}

.wysija-input {
margin-left: 100px!important;
margin-top: -20px!important;
}

https://www.ads-software.com/plugins/wysija-newsletters/