.the-dropdown {
        margin:auto;
        padding-top: 0;
}

.the-dropdown a.bg-image span.selected-bg {
	background-image:url('./images/flags24.png');
	background-repeat:no-repeat;
	padding: 3px 12px;
	/* line-height: 15px; */
	height: 23px;
    margin-top: 5px;
}

.the-dropdown a.bg-color span.selected-bg {
    padding: 3px 12px;
    /* line-height: 15px; */
    height: 23px;
    width: 23px;
    margin-top: 5px;
}

.the-dropdown span.selected-code {
    padding: 1px 2px;
    width: 40px;
    font-size: 14px;
}

	.the-dropdown a, .the-dropdown a:hover, .the-dropdown a:focus {
		width: 100%;
		display: block;
        color: #424242;
        line-height:29px;
	}
    
	.the-dropdown input.selected-text {
		display: inline-block; 
		background-color: transparent; 
        border: none; 
        width: calc(100% - 68px);
        outline:none;
        color:#424242;
        font-size:inherit;
        height:36px; 
        box-shadow: none;
        margin: 2px 3px 1px;
        padding: 6px 0;
	}

    .the-dropdown .bg-image input.selected-text.no-phone-code {
        width: calc(100% - 30px);
    }
	.input-md{
		padding:5px 16px;
	}
    .the-dropdown  .list-search {
        color:#9E9E9E;
    }

.dd-target>input {
    color: #000000; 
    border: #336699 2px solid;
    border-radius: 0 !important;
    width:100%;
}

.position-top {
    margin-top: -211px !important;    
}

.flag  {
	border:1px #CCCCCC solid; 
	list-style:none;
	padding: 0px 3px;
	position:absolute;
	background-color:#FFF;
    margin:auto;
    z-index:9999;
}



.flag ul {
    max-height:200px; 
    overflow:auto;
    padding: 0 10px 3px;
    margin:0;    
    min-width:280px;
}

.ar .flag ul {
    text-align: right;
    direction: rtl;
}

.flag.currency ul {
    max-height:200px; 
    overflow:auto;
    padding: 0 10px 3px;
    margin:0;    
    min-width:130px;
}

.flag ul li{
	display:block;
	height:28px;
	padding:7px 3px 7px 3px;
	background-color:#FFF;
	color:#000;
    overflow:hidden;
    font-size: 12pt;
}

.flag ul li span{
	background-image:url('./images/flags24.png');
	background-repeat:no-repeat;
	background-position-x:100%;
    height: 24px;
	width: 28px;
}

	.flag li:hover {
		cursor:pointer;
	}
.unknown {
	background-image:url('./images/flags24.png');
	background-repeat:no-repeat;
	background-position:100% -5932px;
}
._African_Union{background-position:0 -16px;}
._Arab_League{background-position:0 -32px;}
._ASEAN{background-position:0 -48px;}
._CARICOM{background-position:0 -64px;}
._CIS{background-position:0 -80px;}
._Commonwealth{background-position:0 -96px;}
._England{background-position:0 -112px;}
._European_Union, .eu{background-position:0 -128px;}
._Islamic_Conference{background-position:0 -144px;}
._Kosovo{background-position:0 -160px;}
._NATO{background-position:0 -176px;}
._Northern_Cyprus{background-position:0 -192px;}
._Northern_Ireland{background-position:0 -208px;}
._Olimpic_Movement{background-position:0 -224px;}
._OPEC{background-position:0 -240px;}
._Red_Cross{background-position:0 -256px;}
._Scotland{background-position:0 -272px;}
._Somaliland{background-position:0 -288px;}
._Tibet{background-position:0 -304px;}
._United_Nations{background-position:0 -320px;}
._Wales{background-position:0 -336px;}
.cx, .gf, .bq, .gl, .gw, .im, .mq, .nc, .nu, .nf, .pn, .re, .other {
	background-position:100% -5890px;
}
.af{background-position: 100% 0}
.al{background-position: 100% -49px}
.dz{background-position: 100% -73px}
.as{background-position: 100% -97px}
.ad{background-position: 100% -121px}
.ao{background-position: 100% -145px}
.ai{background-position: 100% -169px}
.aq{background-position: 100% -193px}
.ag{background-position: 100% -217px}
.ar{background-position: 100% -265px}
.am{background-position: 100% -289px}
.aw{background-position: 100% -313px}
.au{background-position: 100% -361px}
.at{background-position: 100% -385px}
.ax{background-position: 100% -5740px}
.az{background-position: 100% -409px}
.bs{background-position: 100% -433px}
.bh{background-position: 100% -457px}
.bd{background-position: 100% -481px}
.bb{background-position: 100% -505px}
.by{background-position: 100% -529px}
.be{background-position: 100% -553px}
.bz{background-position: 100% -577px}
.bj{background-position: 100% -601px}
.bm{background-position: 100% -625px}
.bt{background-position: 100% -649px}
.bo{background-position: 100% -673px}
.ba{background-position: 100% -697px}
.bw{background-position: 100% -721px}
.br{background-position: 100% -745px}
.bn{background-position: 100% -769px}
.bg{background-position: 100% -793px}
.bf{background-position: 100% -817px}
.bi{background-position: 100% -841px}
.kh{background-position: 100% -865px}
.cm{background-position: 100% -889px}
.ca{background-position: 100% -913px}
.cv{background-position: 100% -937px}
.ky, .gs, .gf{background-position: 100% -985px}
.cf{background-position: 100% -1009px}
.td{background-position: 100% -1033px}
.cl{background-position: 100% -1057px}
.cn{background-position: 100% -1081px}
.cx{background-position: 100% -1105px}
.co{background-position: 100% -1129px}
.km{background-position: 100% -1177px}
.cg{background-position: 100% -1201px}
.cd{background-position: 100% -1225px}
.ck{background-position: 100% -1249px}
.cr{background-position: 100% -1273px}
.ci{background-position: 100% -1297px}
.hr{background-position: 100% -1321px}
.cu{background-position: 100% -1345px}
.cy{background-position: 100% -1369px}
.cz{background-position: 100% -1393px}
.dk{background-position: 100% -1417px}
.dj{background-position: 100% -1441px}
.dm{background-position: 100% -1465px}
.do{background-position: 100% -1489px}
.ec{background-position: 100% -1537px}
.eg{background-position: 100% -1561px}
.sv{background-position: 100% -1585px}
.uk{background-position: 100% -1609px}
.gq{background-position: 100% -1633px}
.er{background-position: 100% -1657px}
.ee{background-position: 100% -1681px}
.et{background-position: 100% -1705px}
.fo{background-position: 100% -1753px}
.fj{background-position: 100% -1777px}
.fi{background-position: 100% -1801px}
.fr{background-position: 100% -1825px}
.ga{background-position: 100% -1849px}
.gm{background-position: 100% -1873px}
.ge{background-position: 100% -1897px}
.de{background-position: 100% -1921px}
.gh{background-position: 100% -1945px}
.gi{background-position: 100% -1969px}
.gr{background-position: 100% -1993px}
.gd{background-position: 100% -2017px}
.gt{background-position: 100% -2041px}
.gu{background-position: 100% -2065px}
.gg{background-position: 100% -2089px}
.gn{background-position: 100% -2113px}
.gy{background-position: 100% -2137px}
.ht{background-position: 100% -2161px}
.hn{background-position: 100% -2185px}
.hk{background-position: 100% -2209px}
.hu{background-position: 100% -2233px}
.is{background-position: 100% -2257px}
.in{background-position: 100% -2281px}
.id{background-position: 100% -2305px}
.ir{background-position: 100% -2329px}
.iq{background-position: 100% -2353px}
.ie{background-position: 100% -2377px}
.il{background-position: 100% -2425px}
.it{background-position: 100% -2449px}
.jm{background-position: 100% -2473px}
.jp{background-position: 100% -2497px}
.je{background-position: 100% -2521px}
.jo{background-position: 100% -2545px}
.kz{background-position: 100% -2569px}
.ke{background-position: 100% -2593px}
.ki{background-position: 100% -2617px}
.kw{background-position: 100% -2641px}
.kg{background-position: 100% -2665px}
.la{background-position: 100% -2689px}
.lv{background-position: 100% -2713px}
.lb{background-position: 100% -2737px}
.ls{background-position: 100% -2761px}
.lr{background-position: 100% -2785px}
.ly{background-position: 100% -2809px}
.li{background-position: 100% -2833px}
.lt{background-position: 100% -2857px}
.lu{background-position: 100% -2881px}
.mo{background-position: 100% -2905px}
.mk{background-position: 100% -2929px}
.mg{background-position: 100% -2953px}
.mw{background-position: 100% -2977px}
.my{background-position: 100% -3001px}
.mv{background-position: 100% -3025px}
.ml{background-position: 100% -3049px}
.mt{background-position: 100% -3073px}
.mh{background-position: 100% -3097px}
.mr{background-position: 100% -3121px}
.mu{background-position: 100% -3145px}
.mx{background-position: 100% -3169px}
.fm{background-position: 100% -3193px}
.md{background-position: 100% -3217px}
.mc{background-position: 100% -3241px}
.mn{background-position: 100% -3265px}
.me{background-position: 100% -3289px}
.ms{background-position: 100% -3313px}
.ma{background-position: 100% -3337px}
.mz{background-position: 100% -3361px}
.mm{background-position: 100% -3385px}
.na{background-position: 100% -3409px}
.nr{background-position: 100% -3457px}
.np{background-position: 100% -3481px}
.an{background-position: 100% -3505px}
.nl{background-position: 100% -3529px}
.nz{background-position: 100% -3553px}
.ni{background-position: 100% -3577px}
.ne{background-position: 100% -3601px}
.ng{background-position: 100% -3625px}
.kp{background-position: 100% -3649px}
.sz{background-position: 100% -4777px}
.mp{background-position: 100% -3697px}
.no{background-position: 100% -3721px}
.om{background-position: 100% -3769px}
.pk{background-position: 100% -3817px}
.pw{background-position: 100% -3841px}
.ps{background-position: 100% -3865px}
.pa{background-position: 100% -3889px}
.pg{background-position: 100% -3913px}
.py{background-position: 100% -3937px}
.pe{background-position: 100% -3961px}
.ph{background-position: 100% -3985px}
.pl{background-position: 100% -4009px}
.pt{background-position: 100% -4033px}
.pr{background-position: 100% -4057px}
.qa{background-position: 100% -4081px}
.ro{background-position: 100% -4129px}
.ru{background-position: 100% -4153px}
.rw{background-position: 100% -4177px}
.lc{background-position: 100% -4201px}
.ws{background-position: 100% -4225px}
.sm{background-position: 100% -4249px}
.st{background-position: 100% -4273px}
.sa{background-position: 100% -4297px}
.sn{background-position: 100% -4345px}
.rs{background-position: 100% -4369px}
.sc{background-position: 100% -4393px}
.sl{background-position: 100% -4417px}
.sg{background-position: 100% -4441px}
.sk{background-position: 100% -4465px}
.si{background-position: 100% -4489px}
.sb{background-position: 100% -4513px}
.so{background-position: 100% -4537px}
.sx{background-position: 100% -5692px}
.ss{background-position: 100% -5665px}
.za{background-position: 100% -4585px}
.kr{background-position: 100% -4609px}
.es{background-position: 100% -4633px}
.lk{background-position: 100% -4657px}
.kn{background-position: 100% -4681px}
.vc{background-position: 100% -4705px}
.sd{background-position: 100% -4729px}
.sr{background-position: 100% -4753px}
.se{background-position: 100% -4801px}
.ch{background-position: 100% -4825px}
.sy{background-position: 100% -4849px}
.pf{background-position: 100% -4873px}
.tw{background-position: 100% -4897px}
.tj{background-position: 100% -4921px}
.tz{background-position: 100% -4945px}
.th{background-position: 100% -4969px}
.tl{background-position: 100% -4993px}
.tg{background-position: 100% -5017px}
.to{background-position: 100% -5041px}
.tt{background-position: 100% -5065px}
.tk{background-position: 100% -5712px}
.tn{background-position: 100% -5089px}
.tr{background-position: 100% -5113px}
.tm{background-position: 100% -5137px}
.tc{background-position: 100% -5161px}
.tv{background-position: 100% -5185px}
.ug{background-position: 100% -5209px}
.ua{background-position: 100% -5233px}
.ae{background-position: 100% -5257px}
.gb{background-position: 100% -5281px}
.us{background-position: 100% -5329px}
.uy{background-position: 100% -5353px}
.uz{background-position: 100% -5377px}
.vu{background-position: 100% -5401px}
.va{background-position: 100% -5425px}
.ve{background-position: 100% -5449px}
.vn{background-position: 100% -5473px}
.vg{background-position: 100% -5497px}
.vi{background-position: 100% -5521px}
.wf{background-position: 100% -5545px}
.eh{background-position: 100% -5569px}
.ye{background-position: 100% -5593px}
.zm{background-position: 100% -5617px}
.zw{background-position: 100% -5641px}

.plate {
	border:1px #CCCCCC solid; 
	/*height:173px; */
	list-style:none;
	padding: 0 3px;
	position:absolute;
	background-color:#FFF;
    margin:auto;
    z-index: 99999;
}

.plate ul {
    padding: 0 10px 3px;
    margin:0;
	overflow:auto; 
    min-width:280px;
    max-height:200px; 
}

.plate ul li{
	display:block;
	height:24px;
	padding:7px 3px 7px 3px;
	background-color:#FFF;
	color:#000;
    font-size: 12pt;
}

.plate ul li span{
	
  
    height: 20px;
	width: 20px;
	border:1px #EEE solid
}

	.plate li:hover {
		cursor:pointer;
	}

.plt-private {background-color:#FFF;}
.plt-private span {border: #CCC solid 1px;}
span.plt-private {border: #CCC solid 1px;}
.plt-diplomatic{background-color:#0F0;}
.plt-public{background-color:#F00;}
.plt-taxi{background-color:#FF0;}
.plt-temporary{background-color:#000;}
.plt-commercial{background-color:#00F;}
.plt-other{background-color:transparent; }