Remove theme CSS around text fields

Hi, I applied a theme to one of my forms and can't seem to change/remove this border that appears when you click into a text field. I've tried multiple variations of these codes below and to no avail I can't remove it:

.form-all: focus, input: focus {

border: none !important;

outline: none !important;

-webkit-box-shadow: none !important;

-moz-box-shadow: none !important;

box-shadow: none !important;

}

What the form looks like before you click a field:

What the form likes like when you click the field:

Is there a way to override CSS from the theme? I would like to remove that greenish border/shadow completely so it stays the same as if it were inactive.

Please try to inject the below css code:

.form-textbox:focus, .form-textarea:focus, .form-dropdown:focus {

    border : 1px solid #CCCCCC !important;

    border-radius : 20px;

    box-shadow : none!important;

}

You can also verify it on my Clone form: http://jotform.com/62375775163968

Beautiful! Thank you.

You are most welcome. If you need further assistance, feel free to revert back.