.iti {
    width: 100%;
    /* Force a positioning context so the child dropdown behaves correctly */
    position: relative !important;
}

.iti input {
    width: 100%;
}

/* --- ADDED/UPDATED PROPERTIES --- */
.iti__dropdown-content {
    position: absolute !important;
    z-index: 9999 !important;
    /* Forces it over all message inputs and checkboxes */
    top: 100% !important;
    left: 0 !important;
}

.iti__country-list {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
    max-height: 200px;
    position: relative;
    z-index: 9999 !important;
}

.iti__country:hover {
    background: #FF0000;
}

.iti__selected-country {
    background: transparent !important;
}

.iti__dial-code {
    color: #aaa;
}

.iti__country-name {
    color: #fff;
}