/*
 * This file should ONLY contain GLOBAL base level overrides for web forms.
 */
div[id^="webform_"] form {
    /* positioning context for please wait throbber */
    position: relative;
}

div[id^="webform_"] .field .input-box .list-select {
    padding: 0 !Important;
    margin: 0 !Important;
}

div[id^="webform_"] .field .input-box .list-select .control label {
    width: auto;
    padding-left: .25em;
}

div[id^="webform_"] .type-select select.input-text,
div[id^="webform_"] .type-country select {
    width: 403px;
}

@media screen and (max-width: 699px) {
    div[id^="webform_"] .input-box {
        box-sizing: border-box;
    }

    div[id^="webform_"] span.validation-error,
    div[id^="webform_"] div.validation-error,
    div[id^="webform_"] span.validation-passed,
    div[id^="webform_"] div.validation-passed {
        background-position: 100% 13px;
    }

    div[id^="webform_"] .type-select .validation-error,
    div[id^="webform_"] .type-country .validation-error,
    div[id^="webform_"] .type-select .validation-passed,
    div[id^="webform_"] .type-country .validation-passed {
        background-position: 100% 3px;
    }

    div[id^="webform_"] .input-box {
        padding-right: 20px;
    }

    div[id^="webform_"] .field .input-box .list-select .control label {
        width: auto !Important;
    }

    body.responsive div[id^="webform_"] .input-box select {
        width: 100% !Important;
    }

    div[id^="webform_"] .please-wait {
        bottom: 0;
        top: auto;
        margin-left: -54px;
    }

    div[id^="webform_"] .please-wait img {
        width: auto !Important;
    }

}