/**
 * Country Flag + Dial Code selector
 * Styles for intl-tel-input on campaign detail forms.
 */

.iti {
	width: 100%;
	display: block;
}

.iti * {
	box-sizing: border-box;
}

.iti__flag-container {
	z-index: 2;
}

.iti__selected-flag {
	padding: 0 8px 0 10px;
}

/* Show flag + dial code only in the closed selector */
.iti__selected-dial-code {
	margin-left: 6px;
	font-size: 14px;
	color: inherit;
}

/* Hide country names in the dropdown — keep flag + dial code */
.iti__country-list .iti__country-name {
	display: none !important;
}

.iti__country-list .iti__flag-box,
.iti__country-list .iti__dial-code {
	display: inline-block;
	vertical-align: middle;
}

.iti__country-list .iti__dial-code {
	color: inherit;
	margin-left: 6px;
}

.iti__country-list {
	z-index: 20;
	max-height: 200px;
	white-space: nowrap;
}

/* Fit existing .form-control phone inputs */
.form-group .iti input.form-control,
.form-group .iti input[type="tel"],
.form-group .iti input[type="text"] {
	width: 100%;
}

.form-group.pRelative .iti {
	position: relative;
}