Need help in designing form using custom CSS codes

I need CSS code to fix theses issues with my form thanks again.

1. When the mouse hovers over the send info / images button it turns white. I need it to not turn any color at all.

2. I need to change the Attach image / images button to this color #B71427.

3. I need all the text boxes (First Name,Last name Ect.) Black like the messages box.

4. When I submit the form with the required fields not field out I get a red border around them I would     like to make this red  border thicker / wider.

5. One more thing when I upload images to my form the Send info / images button says Please wait.....

    I would like to change that to Attaching images....

Page URL:
https://form.jotform.com/62938639407165 

 

Thanks for all of your previous help.

1. When the mouse hovers over the send info / images button it turns white. I need it to not turn any color at all.

button#input_15:hover{

    border: 3px solid #6DBDD6 !important;

    border-radius: 10px!important;

    font-weight: bold!important;

    height: 45px !important;

    width: 306px !important;

    background: #B71427;

    text-shadow: none;

    box-shadow: none;

    color: #FFFFFF;

 

}

2. I need to change the Attach image / images button to this color #B71427.

.qq-upload-button.form-submit-button-cool_grey {

    background: #B71427 !important;

}

If you also want to have the border of the "Attach image / images" upload button similar to the "Send info / images for best pricing" submit button then use the CSS code below instead.

.qq-upload-button.form-submit-button-cool_grey {

    background: #B71427 !important;

    border: 3px solid #6DBDD6 !important;

 

}

3. I need all the text boxes (First Name,Last name Ect.) Black like the messages box.

*::-webkit-input-placeholder {

    color: #000;

}

*:-moz-placeholder {

    color: #000;

}

*::-moz-placeholder {

    color: #000;

}

*:-ms-input-placeholder {

    color: #000;

}

4. When I submit the form with the required fields not field out I get a red border around them I would     like to make this red  border thicker / wider.

.form-line-error input:not(#coupon-input) {

    padding: 2px !important;

    border: 2px solid red !important;

 

}

5. One more thing when I upload images to my form the Send info / images button says Please wait.....

    I would like to change that to Attaching images....

To update the "Please Wait..." message when you click the submit button in your form, you need to update that from the Preferences of the builder page. Edit "Form Warnings" under General and look for "Submit Button" then update the "Please Wait..." message. Don't forget to save the changes after.

Below is a clone version of your form where I have applied the changes above.

https://form.jotform.com/62964175444968

If you have questions or you have any other concerns, please feel free to contact us anytime. Thank you.

You're most welcome. I'm glad that it worked for you.

Cheers! 

@m1hunter

I have moved your concern to a new thread considering it is already about a different concern.

Please click this link to go that thread.

Thank you.