.phone-country-input,
.phone-country-input .iti {
    display: block;
    width: 100%;
}

.phone-country-input .iti__tel-input {
    width: 100%;
    height: 34px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border-color: #ccc;
    border-radius: 4px;
}

.phone-country-input .iti__selected-country-primary {
    border-radius: 4px 0 0 4px;
}

.phone-country-input .iti__country-list {
    max-width: min(360px, calc(100vw - 24px));
}

.phone-country-input .iti__search-input {
    padding: 7px 10px;
}

.iti--container {
    z-index: 2000;
}

.has-error .phone-country-input .iti__tel-input {
    border-color: #a94442;
    background-color: #fdf7f7;
}

.has-error .phone-country-input .iti__tel-input:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}