.country-select{position:relative;display:inline-block;width:100%;min-width:180px;font-size:14px;text-align:left}
.country-select__native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.country-select__button{display:flex;align-items:center;gap:9px;width:100%;min-height:36px;box-sizing:border-box;padding:7px 34px 7px 10px;border:1px solid #d6d9dd;border-radius:3px;background:#fff;color:#31353d;font:inherit;line-height:20px;text-align:left;cursor:pointer;position:relative}
.country-select__button:after{content:"";position:absolute;right:12px;top:50%;margin-top:-2px;border:5px solid transparent;border-top-color:#667085}
.country-select.is-open .country-select__button{border-color:#8dbf41;box-shadow:0 0 0 2px rgba(141,191,65,.16)}
.country-select.is-open .country-select__button:after{margin-top:-7px;border-top-color:transparent;border-bottom-color:#667085}
.country-select__flag{width:22px;height:16px;flex:0 0 22px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.country-select__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.country-select__menu{display:none;position:absolute;z-index:10050;top:calc(100% + 5px);left:0;width:max(100%,250px);box-sizing:border-box;padding:8px;border:1px solid #d6d9dd;border-radius:4px;background:#fff;box-shadow:0 12px 28px rgba(28,35,43,.18)}
.country-select.is-open .country-select__menu,.country-select__menu.is-open{display:block}
.country-select__menu.is-portal{position:absolute}
.country-select__search{width:100%!important;height:36px!important;box-sizing:border-box!important;margin:0 0 7px!important;padding:7px 10px!important;border:1px solid #cfd4da!important;border-radius:3px!important;background:#fff!important;color:#31353d!important;font:inherit!important}
.country-select__search:focus{border-color:#8dbf41!important;outline:none}
.country-select__options{max-height:245px;overflow-y:auto;margin:0;padding:0}
.country-select__option{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;padding:7px 8px;border:0;border-radius:3px;background:transparent;color:#31353d;font:inherit;text-align:left;cursor:pointer}
.country-select__option[hidden]{display:none!important}
.country-select__option:hover,.country-select__option:focus,.country-select__option.is-selected{background:#eef6e3;outline:none}
.country-select__empty{padding:9px;color:#777;text-align:center}
@media(max-width:480px){.country-select__menu{width:100%;min-width:230px}}

/* Keep the enhanced field aligned with the legacy form layouts. */
.ip_field.country-select-field{height:auto!important;min-height:36px;overflow:visible!important}
.ip_field.country-select-field .country-select{width:220px!important;max-width:100%!important}
form[action="affiliate/register"] .country-select{width:220px!important;max-width:90%!important;margin-bottom:9px}
@media(max-width:767px){
	form[action="register/web-hosting"]{
		width:100%;
		max-width:100%;
		overflow-x:hidden;
	}
	.loginBackground.edit .country-select{width:90%!important;max-width:100%!important}
	form[action="affiliate/register"] .country-select{width:90%!important;max-width:100%!important}
	form[action="register/web-hosting"] .ip_label{
		float:left!important;
		width:35%!important;
		height:42px!important;
		box-sizing:border-box;
		padding:6px 12px 6px 0!important;
		text-align:right!important;
		line-height:30px;
	}
	form[action="register/web-hosting"] .ip_field{
		float:left!important;
		width:65%!important;
		height:42px!important;
		min-height:42px;
		box-sizing:border-box;
		padding:4px 0!important;
		text-align:left!important;
	}
	form[action="register/web-hosting"] .ip_field input,
	form[action="register/web-hosting"] .ip_field .country-select{
		width:90%!important;
		max-width:220px!important;
		box-sizing:border-box;
	}
}