#ee-spco-attendee_information-reg-step-form .ee-reg-qstn-phone-input-dv .iti {
    display: block;
    width: 100%;
    --iti-border-color: #aaa;
}
#ee-spco-attendee_information-reg-step-form .iti input.ee-reg-qstn-phone {
    width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
}
#ee-spco-attendee_information-reg-step-form .hf-sms-phone-help {
    display: block;
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.5;
}
#ee-spco-attendee_information-reg-step-form .hf-sms-phone-error {
    display: block;
    color: #8b1515;
    background: #fff5f5;
    border-left: 3px solid #c62828;
    padding: 8px 10px;
    margin: 6px 0;
    font-size: 14px;
}
#ee-spco-attendee_information-reg-step-form .hf-sms-phone-error:empty { display: none; }
/* EE inserts its error label inside the widget. The accessible error below
   the widget already covers this field; a second label changes its height. */
#ee-spco-attendee_information-reg-step-form .iti > label.ee-required-text {
    display: none !important;
}
#ee-spco-attendee_information-reg-step-form .iti__search-input { min-width: 0; }
.hf-sms-phone-widget .iti__country-list,
.hf-sms-phone-widget .iti__country-name,
.hf-sms-phone-widget .iti__dial-code,
.hf-sms-phone-widget .iti__no-results {
    color: #222 !important;
}
.hf-sms-phone-widget .iti__search-input {
    background: #fff !important;
    color: #222 !important;
    border: 1px solid #aaa;
    box-shadow: none;
    margin: 0 !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
}
.hf-sms-phone-widget .iti__search-input::placeholder {
    color: #666 !important;
}

/* Distinguish the example number from an entered number on the red form. */
#ee-spco-attendee_information-reg-step-form .iti input.ee-reg-qstn-phone::placeholder {
    color: #fff !important;
    opacity: 0.5 !important;
}