.country-selector {
    position: relative;
    width: 100%;
}

.combined-input {display: flex;
   cursor: pointer;
     background:#F5F5F5;
     font-size: 14px;
     color: #333;
     line-height: 24px;
     height: 48px;
     border-radius: 4px;
}

.selected-preview {
width:130px; display: flex; align-items: center; 
    background:url(../img/triangle_3.png) 78px center no-repeat #EBEAEA; padding:0 0 0 12px;
    border-radius: 4px 0 0 4px;
}

.flag {
    width: 20px;
    height: 14px;
    margin-right:4px;
    background-image: url('country-BChL0qen.png');
    background-repeat: no-repeat;
    background-size: auto 15px;
}

.search-input {
width: 100%;
     border:0;
    width: 100%;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	height: 48px;
	padding:12px 16px;
}

.dropdown-content {
    display: none;
    position: absolute;
    width: 100%;
    border: 1px solid #ddd;
    max-height: 250px;
    overflow-y: auto;
    z-index: 1;
    background: white;
}

.search-box {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.filter-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px; font-size:15px;
}

.country-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.country-list li {
    padding: 10px;
    cursor: pointer;
    display: flex; font-size:15px;
    align-items: center;
}

.country-list li:hover {
    background-color: #f5f5f5;
}

.country-icon.ac {
background-position: 0px 0px
}

.country-icon.ad {
background-position: -22px 0px
}

.country-icon.ae {
background-position: -44px 0px
}

.country-icon.af {
background-position: -66px 0px;
}

.country-icon.ag {
background-position: -88px 0px
}

.country-icon.ai {
background-position: -110px 0px
}

.country-icon.al {
background-position: -132px 0px
}

.country-icon.am {
background-position: -154px 0px
}

.country-icon.ao {
background-position: -176px 0px
}

.country-icon.aq {
background-position: -198px 0px
}

.country-icon.ar {
background-position: -220px 0px
}

.country-icon.as {
background-position: -242px 0px
}

.country-icon.at {
background-position: -264px 0px
}

.country-icon.au {
background-position: -286px 0px
}

.country-icon.aw {
background-position: -308px 0px
}

.country-icon.ax {
background-position: -330px 0px
}

.country-icon.az {
background-position: -352px 0px
}

.country-icon.ba {
background-position: -374px 0px
}

.country-icon.bb {
background-position: -396px 0px
}

.country-icon.bd {
background-position: -418px 0px
}

.country-icon.be {
background-position: -440px 0px
}

.country-icon.bf {
background-position: -460px 0px
}

.country-icon.bg {
background-position: -482px 0px
}

.country-icon.bh {
background-position: -504px 0px
}

.country-icon.bi {
background-position: -526px 0px
}

.country-icon.bj {
background-position: -548px 0px
}

.country-icon.bl {
background-position: -570px 0px
}

.country-icon.bm {
background-position: -592px 0px
}

.country-icon.bn {
background-position: -614px 0px
}

.country-icon.bo {
background-position: -636px 0px
}

.country-icon.bq {
background-position: -658px 0px
}

.country-icon.br {
background-position: -680px 0px
}

.country-icon.bs {
background-position: -702px 0px
}

.country-icon.bt {
background-position: -724px 0px
}

.country-icon.bv {
background-position: -746px 0px
}

.country-icon.bw {
background-position: -768px 0px
}

.country-icon.by {
background-position: -790px 0px
}

.country-icon.bz {
background-position: -812px 0px
}

.country-icon.ca {
background-position: -834px 0px
}

.country-icon.cc {
background-position: -856px 0px
}

.country-icon.cd {
background-position: -878px 0px
}

.country-icon.cf {
background-position: -900px 0px
}

.country-icon.cg {
background-position: -922px 0px
}

.country-icon.ch {
background-position: -944px 0px
}

.country-icon.ci {
background-position: -961px 0px
}

.country-icon.ck {
background-position: -983px 0px
}

.country-icon.cl {
background-position: -1005px 0px
}

.country-icon.cm {
background-position: -1027px 0px
}

.country-icon.cn {
background-position: -1049px 0px
}

.country-icon.co {
background-position: -1071px 0px
}

.country-icon.cp {
background-position: -1093px 0px
}

.country-icon.cr {
background-position: -1115px 0px
}

.country-icon.cu {
background-position: -1137px 0px
}

.country-icon.cv {
background-position: -1159px 0px
}

.country-icon.cw {
background-position: -1181px 0px
}

.country-icon.cx {
background-position: -1203px 0px
}

.country-icon.cy {
background-position: -1225px 0px
}

.country-icon.cz {
background-position: -1247px 0px
}

.country-icon.de {
background-position: -1269px 0px
}

.country-icon.dg {
background-position: -1291px 0px
}

.country-icon.dj {
background-position: -1313px 0px
}

.country-icon.dk {
background-position: -1335px 0px
}

.country-icon.dm {
background-position: -1357px 0px
}

.country-icon.do {
background-position: -1379px 0px
}

.country-icon.dz {
background-position: -1401px 0px
}

.country-icon.ea {
background-position: -1423px 0px
}

.country-icon.ec {
background-position: -1445px 0px
}

.country-icon.ee {
background-position: -1467px 0px
}

.country-icon.eg {
background-position: -1489px 0px
}

.country-icon.eh {
background-position: -1511px 0px
}

.country-icon.er {
background-position: -1533px 0px
}

.country-icon.es {
background-position: -1555px 0px
}

.country-icon.et {
background-position: -1577px 0px
}

.country-icon.eu {
background-position: -1599px 0px
}

.country-icon.fi {
background-position: -1621px 0px
}

.country-icon.fj {
background-position: -1643px 0px
}

.country-icon.fk {
background-position: -1665px 0px
}

.country-icon.fm {
background-position: -1687px 0px
}

.country-icon.fo {
background-position: -1709px 0px
}

.country-icon.fr {
background-position: -1731px 0px
}

.country-icon.ga {
background-position: -1753px 0px
}

.country-icon.gb {
background-position: -1775px 0px
}

.country-icon.gd {
background-position: -1797px 0px
}

.country-icon.ge {
background-position: -1819px 0px
}

.country-icon.gf {
background-position: -1841px 0px
}

.country-icon.gg {
background-position: -1863px 0px
}

.country-icon.gh {
background-position: -1885px 0px
}

.country-icon.gi {
background-position: -1907px 0px
}

.country-icon.gl {
background-position: -1929px 0px
}

.country-icon.gm {
background-position: -1951px 0px
}

.country-icon.gn {
background-position: -1973px 0px
}

.country-icon.gp {
background-position: -1995px 0px
}

.country-icon.gq {
background-position: -2017px 0px
}

.country-icon.gr {
background-position: -2039px 0px
}

.country-icon.gs {
background-position: -2061px 0px
}

.country-icon.gt {
background-position: -2083px 0px
}

.country-icon.gu {
background-position: -2105px 0px
}

.country-icon.gw {
background-position: -2127px 0px
}

.country-icon.gy {
background-position: -2149px 0px
}

.country-icon.hk {
background-position: -2171px 0px
}

.country-icon.hm {
background-position: -2193px 0px
}

.country-icon.hn {
background-position: -2215px 0px
}

.country-icon.hr {
background-position: -2237px 0px
}

.country-icon.ht {
background-position: -2259px 0px
}

.country-icon.hu {
background-position: -2281px 0px
}

.country-icon.ic {
background-position: -2303px 0px
}

.country-icon.id {
background-position: -2325px 0px
}

.country-icon.ie {
background-position: -2347px 0px
}

.country-icon.il {
background-position: -2369px 0px
}

.country-icon.im {
background-position: -2391px 0px
}

.country-icon.in {
background-position: -2413px 0px
}

.country-icon.io {
background-position: -2435px 0px
}

.country-icon.iq {
background-position: -2457px 0px
}

.country-icon.ir {
background-position: -2479px 0px
}

.country-icon.is {
background-position: -2501px 0px
}

.country-icon.it {
background-position: -2523px 0px
}

.country-icon.je {
background-position: -2545px 0px
}

.country-icon.jm {
background-position: -2567px 0px
}

.country-icon.jo {
background-position: -2589px 0px
}

.country-icon.jp {
background-position: -2611px 0px
}

.country-icon.ke {
background-position: -2633px 0px
}

.country-icon.kg {
background-position: -2655px 0px
}

.country-icon.kh {
background-position: -2677px 0px
}

.country-icon.ki {
background-position: -2699px 0px
}

.country-icon.km {
background-position: -2721px 0px
}

.country-icon.kn {
background-position: -2743px 0px
}

.country-icon.kp {
background-position: -2765px 0px
}

.country-icon.kr {
background-position: -2787px 0px
}

.country-icon.kw {
background-position: -2809px 0px
}

.country-icon.ky {
background-position: -2831px 0px
}

.country-icon.kz {
background-position: -2853px 0px
}

.country-icon.la {
background-position: -2875px 0px
}

.country-icon.lb {
background-position: -2897px 0px
}

.country-icon.lc {
background-position: -2919px 0px
}

.country-icon.li {
background-position: -2941px 0px
}

.country-icon.lk {
background-position: -2963px 0px
}

.country-icon.lr {
background-position: -2985px 0px
}

.country-icon.ls {
background-position: -3007px 0px
}

.country-icon.lt {
background-position: -3029px 0px
}

.country-icon.lu {
background-position: -3051px 0px
}

.country-icon.lv {
background-position: -3073px 0px
}

.country-icon.ly {
background-position: -3095px 0px
}

.country-icon.ma {
background-position: -3117px 0px
}

.country-icon.mc {
background-position: -3139px 0px
}

.country-icon.md {
background-position: -3160px 0px
}

.country-icon.me {
background-position: -3182px 0px
}

.country-icon.mf {
background-position: -3204px 0px
}

.country-icon.mg {
background-position: -3226px 0px
}

.country-icon.mh {
background-position: -3248px 0px
}

.country-icon.mk {
background-position: -3270px 0px
}

.country-icon.ml {
background-position: -3292px 0px
}

.country-icon.mm {
background-position: -3314px 0px
}

.country-icon.mn {
background-position: -3336px 0px
}

.country-icon.mo {
background-position: -3358px 0px
}

.country-icon.mp {
background-position: -3380px 0px
}

.country-icon.mq {
background-position: -3402px 0px
}

.country-icon.mr {
background-position: -3424px 0px
}

.country-icon.ms {
background-position: -3446px 0px
}

.country-icon.mt {
background-position: -3468px 0px
}

.country-icon.mu {
background-position: -3490px 0px
}

.country-icon.mv {
background-position: -3512px 0px
}

.country-icon.mw {
background-position: -3534px 0px
}

.country-icon.mx {
background-position: -3556px 0px
}

.country-icon.my {
background-position: -3578px 0px
}

.country-icon.mz {
background-position: -3600px 0px
}

.country-icon.na {
background-position: -3622px 0px
}

.country-icon.nc {
background-position: -3644px 0px
}

.country-icon.ne {
background-position: -3666px 0px
}

.country-icon.nf {
background-position: -3686px 0px
}

.country-icon.ng {
background-position: -3708px 0px
}

.country-icon.ni {
background-position: -3730px 0px
}

.country-icon.nl {
background-position: -3752px 0px
}

.country-icon.no {
background-position: -3774px 0px
}

.country-icon.np {
background-position: -3796px 0px
}

.country-icon.nr {
background-position: -3811px 0px
}

.country-icon.nu {
background-position: -3833px 0px
}

.country-icon.nz {
background-position: -3855px 0px
}

.country-icon.om {
background-position: -3877px 0px
}

.country-icon.pa {
background-position: -3899px 0px
}

.country-icon.pe {
background-position: -3921px 0px
}

.country-icon.pf {
background-position: -3943px 0px
}

.country-icon.pg {
background-position: -3965px 0px
}

.country-icon.ph {
background-position: -3987px 0px
}

.country-icon.pk {
background-position: -4009px 0px
}

.country-icon.pl {
background-position: -4031px 0px
}

.country-icon.pm {
background-position: -4053px 0px
}

.country-icon.pn {
background-position: -4075px 0px
}

.country-icon.pr {
background-position: -4097px 0px
}

.country-icon.ps {
background-position: -4119px 0px
}

.country-icon.pt {
background-position: -4141px 0px
}

.country-icon.pw {
background-position: -4163px 0px
}

.country-icon.py {
background-position: -4185px 0px
}

.country-icon.qa {
background-position: -4207px 0px
}

.country-icon.re {
background-position: -4229px 0px
}

.country-icon.ro {
background-position: -4251px 0px
}

.country-icon.rs {
background-position: -4273px 0px
}

.country-icon.ru {
background-position: -4295px 0px
}

.country-icon.rw {
background-position: -4317px 0px
}

.country-icon.sa {
background-position: -4339px 0px
}

.country-icon.sb {
background-position: -4361px 0px
}

.country-icon.sc {
background-position: -4383px 0px
}

.country-icon.sd {
background-position: -4405px 0px
}

.country-icon.se {
background-position: -4427px 0px
}

.country-icon.sg {
background-position: -4449px 0px
}

.country-icon.sh {
background-position: -4471px 0px
}

.country-icon.si {
background-position: -4493px 0px
}

.country-icon.sj {
background-position: -4515px 0px
}

.country-icon.sk {
background-position: -4537px 0px
}

.country-icon.sl {
background-position: -4559px 0px
}

.country-icon.sm {
background-position: -4581px 0px
}

.country-icon.sn {
background-position: -4603px 0px
}

.country-icon.so {
background-position: -4625px 0px
}

.country-icon.sr {
background-position: -4647px 0px
}

.country-icon.ss {
background-position: -4669px 0px
}

.country-icon.st {
background-position: -4691px 0px
}

.country-icon.sv {
background-position: -4713px 0px
}

.country-icon.sx {
background-position: -4735px 0px
}

.country-icon.sy {
background-position: -4757px 0px
}

.country-icon.sz {
background-position: -4779px 0px
}

.country-icon.ta {
background-position: -4801px 0px
}

.country-icon.tc {
background-position: -4823px 0px
}

.country-icon.td {
background-position: -4845px 0px
}

.country-icon.tf {
background-position: -4867px 0px
}

.country-icon.tg {
background-position: -4889px 0px
}

.country-icon.th {
background-position: -4911px 0px
}

.country-icon.tj {
background-position: -4933px 0px
}

.country-icon.tk {
background-position: -4955px 0px
}

.country-icon.tl {
background-position: -4977px 0px
}

.country-icon.tm {
background-position: -4999px 0px
}

.country-icon.tn {
background-position: -5021px 0px
}

.country-icon.to {
background-position: -5043px 0px
}

.country-icon.tr {
background-position: -5065px 0px
}

.country-icon.tt {
background-position: -5087px 0px
}

.country-icon.tv {
background-position: -5109px 0px
}

.country-icon.tw {
background-position: -5131px 0px
}

.country-icon.tz {
background-position: -5153px 0px
}

.country-icon.ua {
background-position: -5175px 0px
}

.country-icon.ug {
background-position: -5197px 0px
}

.country-icon.um {
background-position: -5219px 0px
}

.country-icon.us {
background-position: -5241px 0px
}

.country-icon.uy {
background-position: -5263px 0px
}

.country-icon.uz {
background-position: -5285px 0px
}

.country-icon.va {
background-position: -5307px 0px
}

.country-icon.vc {
background-position: -5324px 0px
}

.country-icon.ve {
background-position: -5346px 0px
}

.country-icon.vg {
background-position: -5368px 0px
}

.country-icon.vi {
background-position: -5390px 0px
}

.country-icon.vn {
background-position: -5412px 0px
}

.country-icon.vu {
background-position: -5434px 0px
}

.country-icon.wf {
background-position: -5456px 0px
}

.country-icon.ws {
background-position: -5478px 0px
}

.country-icon.xk {
background-position: -5500px 0px
}

.country-icon.ye {
background-position: -5522px 0px
}

.country-icon.yt {
background-position: -5544px 0px
}

.country-icon.za {
background-position: -5566px 0px
}

.country-icon.zm {
background-position: -5588px 0px
}

.country-icon.zw {
background-position: -5610px 0px
}