/* Flags */
/* search doc flag-position-refer-css.txt */
/* set 2 functions @ common.shop.vb : 1-RenderCountryCode() & 2-GetCountryCodeByCountryID() */
/* set together with function @ common.shop.vb : 3-GetListOfCountryID()  */
/* If need to register for Empire got to set @ 3) RenderCountryName() */

.common-flag { float:left; display:inline-block; width:20px; height:15px; box-shadow: 0px 0px 1px 0px #888; background-image:url('/images/flags.png'); background-repeat:no-repeat; background-color:#dbdbdb; background-position:20px 0; }
.common-flag.my { height:10px; background-position:-3578px 0px; margin-top:11px; }
.common-flag.sg { height:14px; background-position:-4449px 0px; margin-top:8px; }
.common-flag.bn { height:10px; background-position:-614px 0px; margin-top:11px; }
.common-flag.id { height:14px; background-position:-2325px 0px; margin-top:8px; }  /* height 13px */
.common-flag.kh { height:14px; background-position:-2677px 0px; margin-top:8px; }  /* combodia height 12px */
.common-flag.ph { height:10px; background-position:-3987px 0px; margin-top:11px; } /* height 10px; */
.common-flag.th { height:14px; background-position:-4911px 0px; margin-top:8px; }
.common-flag.vn { height:14px; background-position:-5412px 0px; margin-top:8px; }
.common-flag.us { height:11px; background-position:-5241px 0px; margin-top:10px; }
.common-flag.gb { height:10px; background-position:-1775px 0px; margin-top:11px; }
.common-flag.cn { height:15px; background-position:-1049px 0px; margin-top:7px; }
.common-flag.au { height:10px; background-position:-286px 0px; margin-top:11px; }
.common-flag.hk { height:14px; background-position:-2171px 0px; margin-top:8px; }
.common-flag.fr { height:14px; background-position:-1731px 0px; margin-top:8px; } /*+33*/
.common-flag.eg { height:14px; background-position:-1489px 0px; margin-top:8px; } /*+20*/
.common-flag.sa { height:14px; background-position:-4339px 0px; margin-top:8px; } /*+966 Saudi Arabia */
.common-flag.bh { height:12px; background-position:-504px 0px; margin-top:9px; } /*+973 Bahrain */
.common-flag.jp { height:14px;background-position:-2611px 0px; margin-top:8px; } /*+81 Japan */
.common-flag.qa { height:8px;background-position:-4207px 0px; margin-top:12px; } /*+974 Qatar */


.cc1 { width:90px; }
.cc2 { width:calc(100% - 90px) !important; }
.cc3 { width:calc(100% - 129px) !important; }  /* 90+24 : 90=flag width; 24=icon prefix */

.ccTel { position:relative; width:90px; }
.ccTel .ccDisplay { height:3rem; line-height:3rem; padding:0; border-bottom: 1px solid #9e9e9e; font-size:1rem; position:relative; box-sizing:content-box; }
.ccTel .ccDisplay .ccSelected { display:inline-block; width:90px; overflow:hidden; }
.ccTel .ccDisplay .ccSelected .common-flag { margin-top:16px; margin-right:8px; }
.ccTel .ccDisplay .ccBlank { color:#a0a0a0; }
.ccTel .ccDisplay .arrow-dropdown { position:absolute; right:8px; top:10px;  }
.ccTel .ccSelect { display:none; position:absolute; top:44px; left:0; width:99.6%; height:120px; background-color:#fff; z-index:10; border:solid 1px #d9d9d9; overflow:auto; }
.ccTel .ccSelect .opt { padding:2px 8px; border-bottom:#e0e0e0; overflow:hidden; font-size:14px; }
.ccTel .ccSelect .opt .cnm { display:inline-block; padding-left:8px; line-height:30px; height:30px; }
.ccTel .ccSelect .opt:hover, .ccTel .ccSelect .opt:focus { background-color:#fcf7bb; cursor:pointer;  }
.ccCode { position:absolute; top:-0.90rem; left:0; color:#9e9e9e; font-size:0.8rem; }
.ccError { color:#F44336; font-size:0.8rem; }
.ccErrorLine { border-bottom: solid 1px #F44336 !important; box-shadow: 0 1px 0 0 #F44336; }

.phoneformat .prefix { margin-top:1rem; }
.phoneformat input[type="tel"] { width:calc(100% - 10px) !important; }

/* Display format with Country Name */
.search-countrycode-list .elcc { width:200px; padding:0 16px; height:46px; line-height:46px; font-size:13px; }
.search-countrycode-list .elcc:hover { background-color:#fcf7bb; cursor:pointer; }
#spSelectedCountryCode .common-flag, .search-countrycode-list .elcc .common-flag { float:left; margin-top:18px; }
#spSelectedCountryCode .cnm, .search-countrycode-list .elcc .cnm { padding-left: 10px; }