/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.iti-mobile .intl-tel-input.iti-container  {
	z-index: 9999999;
}
.intl-tel-input {
	position: relative;
	display: block;
 }
.intl-tel-input .selected-flag .iti-arrow {
	right: 4px;
}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
	padding-left: 86px!important;
}

.international_phone_number::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    rgba(0,0,0,0.4);
}
.international_phone_number:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    rgba(0,0,0,0.4);
	opacity:  1;
}
.international_phone_number::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    rgba(0,0,0,0.4);
	opacity:  1;
}
.international_phone_number:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    rgba(0,0,0,0.4);
}
.international_phone_number::-ms-input-placeholder { /* Microsoft Edge */
	color:    rgba(0,0,0,0.4);
}

.international_phone_number::placeholder { /* Most modern browsers support this now. */
	color:    rgba(0,0,0,0.4);
}