.lib_intlTelInput { display: block !important; }
.iti { width: 100% !important; border-color: #8383833D; }

.iti input, .iti input[type=text], .iti input[type=tel] {
    padding-left: 95px !important;
}

.iti--fullscreen-popup, .iti--container {
    z-index: 9999 !important;
}

.hide { display: none !important; }

input.lib_intlTelInput:focus:invalid, input.lib_intlTelInput.error {
    border-color: red !important;
    background: url("../img/error.svg") no-repeat 99% 50%;
    background-size: 25px;
}

.iti__selected-country {
    background-color: rgba(0, 0, 0, 0.05) !important;
    border: none !important;
    color: #000 !important;
    padding: 10px 5px !important;
    font-size: 14px !important;
    border-radius: 0px !important;
}

.iti__selected-dial-code {
    padding-right: 2px;
    margin-left: 1px !important;
}

.iti__selected-country:hover {
    background-color: #E4E4E4 !important;
    border-color: #ccc !important;
    color: #000 !important;
}

.iti__selected-flag {
    width: 65px !important;
    padding-left: 10px !important;
    transition: none !important;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: #fff !important;
    border-right: 1px solid #ccc !important;
}

.iti__selected-flag:hover,
.iti__selected-flag:focus {
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
    background-color: rgba(0, 0, 0, 0.0) !important;
}

.iti__dropdown-content {
    z-index: 9999 !important;
    overflow-y: scroll !important;
    max-height: 200px !important;
}