
/*===============================================================*/
/* FORM-ELEMENTS STYLES */
/*===============================================================*/

form {

    button[type="submit"],
    button.btn-submit-js {
        color: $black;

        &:hover {
            color: $black;
            background-color: darken($appPrimaryColor, 20%);
        }
    }

    /* STYLES AND OVERRIDES FOR BOOTSTRAP CLASSES + VALIDATOR STYLES */
    /*---------------------------------------------------------------*/
    .form-group {

        input[type="text"],
        input[type="password"],
        input[type="search"],
        input[type="number"],
        input[type="email"],
        input[type="tel"],
        input[type="time"],
        input[type="url"],
        textarea {
            border-bottom: 1px solid $black;
            color: $black;
        }

        /* STYLES ".form-group" WHEN FOCUS INPUT - VALIDATOR */
        &.form-group-focus {
            background-color: transparent;
        }

        /* STYLES FOR SUCCESS STATE - VALIDATOR */
        &.has-success {
            .form-control-feedback {
                color: $green !important;
            }

            .help-block {
                color: $green !important;
            }

            label {
                color: $black;
            }

            input[type="text"],
            input[type="password"],
            input[type="search"],
            input[type="number"],
            input[type="email"],
            input[type="tel"],
            input[type="time"],
            input[type="url"],
            textarea {
                color: $black;
                border-bottom: 1px solid $black;

                &:focus {
                    border-color: $black;
                }
            }
        }
    }

    /* HEADLINES FOR FORMGROUPS - USED ON VODAFONE REGISTER FORM */
    /*---------------------------------------------------------------*/
    .formGroupHeadline {
        border-bottom: 1px solid $black;
    }

}
