.iti__flag { 
	background-image: url("flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("flags@2x.png");}
}

.iti__country-list {
	background-color: rgba(59,73,80, 1);
	border: none;
	max-height: 300px;
}

.iti__arrow {
	border-top-color: white;
	border-bottom-color: white;
}

.input-field .prefix ~ .iti {
	margin-left: 3rem;
	width: 92%;
	width: calc(100% - 3rem);
} 

.input-field .iti ~ label:not(.label-icon) {
	-webkit-transform: translateY(-14px) scale(0.8);
			transform: translateY(-14px) scale(0.8);
	-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
	padding-left: 52px !important;
	width: calc(100% - 52px) !important;
}

.iti__selected-flag {
	outline: 0px;
}

.iti__highlight {
	background-color: rgba(67,87,96, 1) !important;
}