+++ /dev/null
-.tel-input {
- padding-left: 105px;
- border-radius: 4px !important;
-}
-
-.dial-code-holder {
- position: absolute;
- width: 60px;
- left: 55px;
- z-index: 3;
- padding: 7px;
- border: 1px solid transparent;
- background: transparent;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.tel-list {
- li {
- a {
- padding-left: 10px;
- .flag {
- margin-right: 20px;
- }
- .dial-code {
- color: #999;
- }
- }
- }
-}
-
-.flag-box {
- position: absolute;
- top: 6px;
- height: 20px;
- width: 50px;
- padding: 5px;
- margin-left: 5px;
- display: flex;
- flex-direction: row;
- justify-content: space-around;
- z-index: 4; //>input::focus
- .caret {
- margin-top: 3px;
- }
-}
-
-.flag {
- background-image: url('@{bootstrap-image-path}/default/flags.png');
- background-repeat: no-repeat;
- width: 20px;
- height: inherit;
- display: inline-block;
- margin-right: 10px;
- &.ac {
- height: 10px;
- background-position: 0px 0px;
- }
- &.ad {
- height: 14px;
- background-position: -22px 0px;
- }
- &.ae {
- height: 10px;
- background-position: -44px 0px;
- }
- &.af {
- height: 14px;
- background-position: -66px 0px;
- }
- &.ag {
- height: 14px;
- background-position: -88px 0px;
- }
- &.ai {
- height: 10px;
- background-position: -110px 0px;
- }
- &.al {
- height: 15px;
- background-position: -132px 0px;
- }
- &.am {
- height: 10px;
- background-position: -154px 0px;
- }
- &.ao {
- height: 14px;
- background-position: -176px 0px;
- }
- &.aq {
- height: 14px;
- background-position: -198px 0px;
- }
- &.ar {
- height: 13px;
- background-position: -220px 0px;
- }
- &.as {
- height: 10px;
- background-position: -242px 0px;
- }
- &.at {
- height: 14px;
- background-position: -264px 0px;
- }
- &.au {
- height: 10px;
- background-position: -286px 0px;
- }
- &.aw {
- height: 14px;
- background-position: -308px 0px;
- }
- &.ax {
- height: 13px;
- background-position: -330px 0px;
- }
- &.az {
- height: 10px;
- background-position: -352px 0px;
- }
- &.ba {
- height: 10px;
- background-position: -374px 0px;
- }
- &.bb {
- height: 14px;
- background-position: -396px 0px;
- }
- &.bd {
- height: 12px;
- background-position: -418px 0px;
- }
- &.be {
- height: 15px;
- background-position: -440px 0px;
- }
- &.bf {
- height: 14px;
- background-position: -460px 0px;
- }
- &.bg {
- height: 12px;
- background-position: -482px 0px;
- }
- &.bh {
- height: 12px;
- background-position: -504px 0px;
- }
- &.bi {
- height: 12px;
- background-position: -526px 0px;
- }
- &.bj {
- height: 14px;
- background-position: -548px 0px;
- }
- &.bl {
- height: 14px;
- background-position: -570px 0px;
- }
- &.bm {
- height: 10px;
- background-position: -592px 0px;
- }
- &.bn {
- height: 10px;
- background-position: -614px 0px;
- }
- &.bo {
- height: 14px;
- background-position: -636px 0px;
- }
- &.bq {
- height: 14px;
- background-position: -658px 0px;
- }
- &.br {
- height: 14px;
- background-position: -680px 0px;
- }
- &.bs {
- height: 10px;
- background-position: -702px 0px;
- }
- &.bt {
- height: 14px;
- background-position: -724px 0px;
- }
- &.bv {
- height: 15px;
- background-position: -746px 0px;
- }
- &.bw {
- height: 14px;
- background-position: -768px 0px;
- }
- &.by {
- height: 10px;
- background-position: -790px 0px;
- }
- &.bz {
- height: 14px;
- background-position: -812px 0px;
- }
- &.ca {
- height: 10px;
- background-position: -834px 0px;
- }
- &.cc {
- height: 10px;
- background-position: -856px 0px;
- }
- &.cd {
- height: 15px;
- background-position: -878px 0px;
- }
- &.cf {
- height: 14px;
- background-position: -900px 0px;
- }
- &.cg {
- height: 14px;
- background-position: -922px 0px;
- }
- &.ch {
- height: 15px;
- background-position: -944px 0px;
- }
- &.ci {
- height: 14px;
- background-position: -961px 0px;
- }
- &.ck {
- height: 10px;
- background-position: -983px 0px;
- }
- &.cl {
- height: 14px;
- background-position: -1005px 0px;
- }
- &.cm {
- height: 14px;
- background-position: -1027px 0px;
- }
- &.cn {
- height: 14px;
- background-position: -1049px 0px;
- }
- &.co {
- height: 14px;
- background-position: -1071px 0px;
- }
- &.cp {
- height: 14px;
- background-position: -1093px 0px;
- }
- &.cr {
- height: 12px;
- background-position: -1115px 0px;
- }
- &.cu {
- height: 10px;
- background-position: -1137px 0px;
- }
- &.cv {
- height: 12px;
- background-position: -1159px 0px;
- }
- &.cw {
- height: 14px;
- background-position: -1181px 0px;
- }
- &.cx {
- height: 10px;
- background-position: -1203px 0px;
- }
- &.cy {
- height: 13px;
- background-position: -1225px 0px;
- }
- &.cz {
- height: 14px;
- background-position: -1247px 0px;
- }
- &.de {
- height: 12px;
- background-position: -1269px 0px;
- }
- &.dg {
- height: 10px;
- background-position: -1291px 0px;
- }
- &.dj {
- height: 14px;
- background-position: -1313px 0px;
- }
- &.dk {
- height: 15px;
- background-position: -1335px 0px;
- }
- &.dm {
- height: 10px;
- background-position: -1357px 0px;
- }
- &.do {
- height: 13px;
- background-position: -1379px 0px;
- }
- &.dz {
- height: 14px;
- background-position: -1401px 0px;
- }
- &.ea {
- height: 14px;
- background-position: -1423px 0px;
- }
- &.ec {
- height: 14px;
- background-position: -1445px 0px;
- }
- &.ee {
- height: 13px;
- background-position: -1467px 0px;
- }
- &.eg {
- height: 14px;
- background-position: -1489px 0px;
- }
- &.eh {
- height: 10px;
- background-position: -1511px 0px;
- }
- &.er {
- height: 10px;
- background-position: -1533px 0px;
- }
- &.es {
- height: 14px;
- background-position: -1555px 0px;
- }
- &.et {
- height: 10px;
- background-position: -1577px 0px;
- }
- &.eu {
- height: 14px;
- background-position: -1599px 0px;
- }
- &.fi {
- height: 12px;
- background-position: -1621px 0px;
- }
- &.fj {
- height: 10px;
- background-position: -1643px 0px;
- }
- &.fk {
- height: 10px;
- background-position: -1665px 0px;
- }
- &.fm {
- height: 11px;
- background-position: -1687px 0px;
- }
- &.fo {
- height: 15px;
- background-position: -1709px 0px;
- }
- &.fr {
- height: 14px;
- background-position: -1731px 0px;
- }
- &.ga {
- height: 15px;
- background-position: -1753px 0px;
- }
- &.gb {
- height: 10px;
- background-position: -1775px 0px;
- }
- &.gd {
- height: 12px;
- background-position: -1797px 0px;
- }
- &.ge {
- height: 14px;
- background-position: -1819px 0px;
- }
- &.gf {
- height: 14px;
- background-position: -1841px 0px;
- }
- &.gg {
- height: 14px;
- background-position: -1863px 0px;
- }
- &.gh {
- height: 14px;
- background-position: -1885px 0px;
- }
- &.gi {
- height: 10px;
- background-position: -1907px 0px;
- }
- &.gl {
- height: 14px;
- background-position: -1929px 0px;
- }
- &.gm {
- height: 14px;
- background-position: -1951px 0px;
- }
- &.gn {
- height: 14px;
- background-position: -1973px 0px;
- }
- &.gp {
- height: 14px;
- background-position: -1995px 0px;
- }
- &.gq {
- height: 14px;
- background-position: -2017px 0px;
- }
- &.gr {
- height: 14px;
- background-position: -2039px 0px;
- }
- &.gs {
- height: 10px;
- background-position: -2061px 0px;
- }
- &.gt {
- height: 13px;
- background-position: -2083px 0px;
- }
- &.gu {
- height: 11px;
- background-position: -2105px 0px;
- }
- &.gw {
- height: 10px;
- background-position: -2127px 0px;
- }
- &.gy {
- height: 12px;
- background-position: -2149px 0px;
- }
- &.hk {
- height: 14px;
- background-position: -2171px 0px;
- }
- &.hm {
- height: 10px;
- background-position: -2193px 0px;
- }
- &.hn {
- height: 10px;
- background-position: -2215px 0px;
- }
- &.hr {
- height: 10px;
- background-position: -2237px 0px;
- }
- &.ht {
- height: 12px;
- background-position: -2259px 0px;
- }
- &.hu {
- height: 10px;
- background-position: -2281px 0px;
- }
- &.ic {
- height: 14px;
- background-position: -2303px 0px;
- }
- &.id {
- height: 14px;
- background-position: -2325px 0px;
- }
- &.ie {
- height: 10px;
- background-position: -2347px 0px;
- }
- &.il {
- height: 15px;
- background-position: -2369px 0px;
- }
- &.im {
- height: 10px;
- background-position: -2391px 0px;
- }
- &.in {
- height: 14px;
- background-position: -2413px 0px;
- }
- &.io {
- height: 10px;
- background-position: -2435px 0px;
- }
- &.iq {
- height: 14px;
- background-position: -2457px 0px;
- }
- &.ir {
- height: 12px;
- background-position: -2479px 0px;
- }
- &.is {
- height: 15px;
- background-position: -2501px 0px;
- }
- &.it {
- height: 14px;
- background-position: -2523px 0px;
- }
- &.je {
- height: 12px;
- background-position: -2545px 0px;
- }
- &.jm {
- height: 10px;
- background-position: -2567px 0px;
- }
- &.jo {
- height: 10px;
- background-position: -2589px 0px;
- }
- &.jp {
- height: 14px;
- background-position: -2611px 0px;
- }
- &.ke {
- height: 14px;
- background-position: -2633px 0px;
- }
- &.kg {
- height: 12px;
- background-position: -2655px 0px;
- }
- &.kh {
- height: 13px;
- background-position: -2677px 0px;
- }
- &.ki {
- height: 10px;
- background-position: -2699px 0px;
- }
- &.km {
- height: 12px;
- background-position: -2721px 0px;
- }
- &.kn {
- height: 14px;
- background-position: -2743px 0px;
- }
- &.kp {
- height: 10px;
- background-position: -2765px 0px;
- }
- &.kr {
- height: 14px;
- background-position: -2787px 0px;
- }
- &.kw {
- height: 10px;
- background-position: -2809px 0px;
- }
- &.ky {
- height: 10px;
- background-position: -2831px 0px;
- }
- &.kz {
- height: 10px;
- background-position: -2853px 0px;
- }
- &.la {
- height: 14px;
- background-position: -2875px 0px;
- }
- &.lb {
- height: 14px;
- background-position: -2897px 0px;
- }
- &.lc {
- height: 10px;
- background-position: -2919px 0px;
- }
- &.li {
- height: 12px;
- background-position: -2941px 0px;
- }
- &.lk {
- height: 10px;
- background-position: -2963px 0px;
- }
- &.lr {
- height: 11px;
- background-position: -2985px 0px;
- }
- &.ls {
- height: 14px;
- background-position: -3007px 0px;
- }
- &.lt {
- height: 12px;
- background-position: -3029px 0px;
- }
- &.lu {
- height: 12px;
- background-position: -3051px 0px;
- }
- &.lv {
- height: 10px;
- background-position: -3073px 0px;
- }
- &.ly {
- height: 10px;
- background-position: -3095px 0px;
- }
- &.ma {
- height: 14px;
- background-position: -3117px 0px;
- }
- &.mc {
- height: 15px;
- background-position: -3139px 0px;
- }
- &.md {
- height: 10px;
- background-position: -3160px 0px;
- }
- &.me {
- height: 10px;
- background-position: -3182px 0px;
- }
- &.mf {
- height: 14px;
- background-position: -3204px 0px;
- }
- &.mg {
- height: 14px;
- background-position: -3226px 0px;
- }
- &.mh {
- height: 11px;
- background-position: -3248px 0px;
- }
- &.mk {
- height: 10px;
- background-position: -3270px 0px;
- }
- &.ml {
- height: 14px;
- background-position: -3292px 0px;
- }
- &.mm {
- height: 14px;
- background-position: -3314px 0px;
- }
- &.mn {
- height: 10px;
- background-position: -3336px 0px;
- }
- &.mo {
- height: 14px;
- background-position: -3358px 0px;
- }
- &.mp {
- height: 10px;
- background-position: -3380px 0px;
- }
- &.mq {
- height: 14px;
- background-position: -3402px 0px;
- }
- &.mr {
- height: 14px;
- background-position: -3424px 0px;
- }
- &.ms {
- height: 10px;
- background-position: -3446px 0px;
- }
- &.mt {
- height: 14px;
- background-position: -3468px 0px;
- }
- &.mu {
- height: 14px;
- background-position: -3490px 0px;
- }
- &.mv {
- height: 14px;
- background-position: -3512px 0px;
- }
- &.mw {
- height: 14px;
- background-position: -3534px 0px;
- }
- &.mx {
- height: 12px;
- background-position: -3556px 0px;
- }
- &.my {
- height: 10px;
- background-position: -3578px 0px;
- }
- &.mz {
- height: 14px;
- background-position: -3600px 0px;
- }
- &.na {
- height: 14px;
- background-position: -3622px 0px;
- }
- &.nc {
- height: 10px;
- background-position: -3644px 0px;
- }
- &.ne {
- height: 15px;
- background-position: -3666px 0px;
- }
- &.nf {
- height: 10px;
- background-position: -3686px 0px;
- }
- &.ng {
- height: 10px;
- background-position: -3708px 0px;
- }
- &.ni {
- height: 12px;
- background-position: -3730px 0px;
- }
- &.nl {
- height: 14px;
- background-position: -3752px 0px;
- }
- &.no {
- height: 15px;
- background-position: -3774px 0px;
- }
- &.np {
- height: 15px;
- background-position: -3796px 0px;
- }
- &.nr {
- height: 10px;
- background-position: -3811px 0px;
- }
- &.nu {
- height: 10px;
- background-position: -3833px 0px;
- }
- &.nz {
- height: 10px;
- background-position: -3855px 0px;
- }
- &.om {
- height: 10px;
- background-position: -3877px 0px;
- }
- &.pa {
- height: 14px;
- background-position: -3899px 0px;
- }
- &.pe {
- height: 14px;
- background-position: -3921px 0px;
- }
- &.pf {
- height: 14px;
- background-position: -3943px 0px;
- }
- &.pg {
- height: 15px;
- background-position: -3965px 0px;
- }
- &.ph {
- height: 10px;
- background-position: -3987px 0px;
- }
- &.pk {
- height: 14px;
- background-position: -4009px 0px;
- }
- &.pl {
- height: 13px;
- background-position: -4031px 0px;
- }
- &.pm {
- height: 14px;
- background-position: -4053px 0px;
- }
- &.pn {
- height: 10px;
- background-position: -4075px 0px;
- }
- &.pr {
- height: 14px;
- background-position: -4097px 0px;
- }
- &.ps {
- height: 10px;
- background-position: -4119px 0px;
- }
- &.pt {
- height: 14px;
- background-position: -4141px 0px;
- }
- &.pw {
- height: 13px;
- background-position: -4163px 0px;
- }
- &.py {
- height: 11px;
- background-position: -4185px 0px;
- }
- &.qa {
- height: 8px;
- background-position: -4207px 0px;
- }
- &.re {
- height: 14px;
- background-position: -4229px 0px;
- }
- &.ro {
- height: 14px;
- background-position: -4251px 0px;
- }
- &.rs {
- height: 14px;
- background-position: -4273px 0px;
- }
- &.ru {
- height: 14px;
- background-position: -4295px 0px;
- }
- &.rw {
- height: 14px;
- background-position: -4317px 0px;
- }
- &.sa {
- height: 14px;
- background-position: -4339px 0px;
- }
- &.sb {
- height: 10px;
- background-position: -4361px 0px;
- }
- &.sc {
- height: 10px;
- background-position: -4383px 0px;
- }
- &.sd {
- height: 10px;
- background-position: -4405px 0px;
- }
- &.se {
- height: 13px;
- background-position: -4427px 0px;
- }
- &.sg {
- height: 14px;
- background-position: -4449px 0px;
- }
- &.sh {
- height: 10px;
- background-position: -4471px 0px;
- }
- &.si {
- height: 10px;
- background-position: -4493px 0px;
- }
- &.sj {
- height: 15px;
- background-position: -4515px 0px;
- }
- &.sk {
- height: 14px;
- background-position: -4537px 0px;
- }
- &.sl {
- height: 14px;
- background-position: -4559px 0px;
- }
- &.sm {
- height: 15px;
- background-position: -4581px 0px;
- }
- &.sn {
- height: 14px;
- background-position: -4603px 0px;
- }
- &.so {
- height: 14px;
- background-position: -4625px 0px;
- }
- &.sr {
- height: 14px;
- background-position: -4647px 0px;
- }
- &.ss {
- height: 10px;
- background-position: -4669px 0px;
- }
- &.st {
- height: 10px;
- background-position: -4691px 0px;
- }
- &.sv {
- height: 12px;
- background-position: -4713px 0px;
- }
- &.sx {
- height: 14px;
- background-position: -4735px 0px;
- }
- &.sy {
- height: 14px;
- background-position: -4757px 0px;
- }
- &.sz {
- height: 14px;
- background-position: -4779px 0px;
- }
- &.ta {
- height: 10px;
- background-position: -4801px 0px;
- }
- &.tc {
- height: 10px;
- background-position: -4823px 0px;
- }
- &.td {
- height: 14px;
- background-position: -4845px 0px;
- }
- &.tf {
- height: 14px;
- background-position: -4867px 0px;
- }
- &.tg {
- height: 13px;
- background-position: -4889px 0px;
- }
- &.th {
- height: 14px;
- background-position: -4911px 0px;
- }
- &.tj {
- height: 10px;
- background-position: -4933px 0px;
- }
- &.tk {
- height: 10px;
- background-position: -4955px 0px;
- }
- &.tl {
- height: 10px;
- background-position: -4977px 0px;
- }
- &.tm {
- height: 14px;
- background-position: -4999px 0px;
- }
- &.tn {
- height: 14px;
- background-position: -5021px 0px;
- }
- &.to {
- height: 10px;
- background-position: -5043px 0px;
- }
- &.tr {
- height: 14px;
- background-position: -5065px 0px;
- }
- &.tt {
- height: 12px;
- background-position: -5087px 0px;
- }
- &.tv {
- height: 10px;
- background-position: -5109px 0px;
- }
- &.tw {
- height: 14px;
- background-position: -5131px 0px;
- }
- &.tz {
- height: 14px;
- background-position: -5153px 0px;
- }
- &.ua {
- height: 14px;
- background-position: -5175px 0px;
- }
- &.ug {
- height: 14px;
- background-position: -5197px 0px;
- }
- &.um {
- height: 11px;
- background-position: -5219px 0px;
- }
- &.us {
- height: 11px;
- background-position: -5241px 0px;
- }
- &.uy {
- height: 14px;
- background-position: -5263px 0px;
- }
- &.uz {
- height: 10px;
- background-position: -5285px 0px;
- }
- &.va {
- height: 15px;
- background-position: -5307px 0px;
- }
- &.vc {
- height: 14px;
- background-position: -5324px 0px;
- }
- &.ve {
- height: 14px;
- background-position: -5346px 0px;
- }
- &.vg {
- height: 10px;
- background-position: -5368px 0px;
- }
- &.vi {
- height: 14px;
- background-position: -5390px 0px;
- }
- &.vn {
- height: 14px;
- background-position: -5412px 0px;
- }
- &.vu {
- height: 12px;
- background-position: -5434px 0px;
- }
- &.wf {
- height: 14px;
- background-position: -5456px 0px;
- }
- &.ws {
- height: 10px;
- background-position: -5478px 0px;
- }
- &.xk {
- height: 15px;
- background-position: -5500px 0px;
- }
- &.ye {
- height: 14px;
- background-position: -5522px 0px;
- }
- &.yt {
- height: 14px;
- background-position: -5544px 0px;
- }
- &.za {
- height: 14px;
- background-position: -5566px 0px;
- }
- &.zm {
- height: 14px;
- background-position: -5588px 0px;
- }
- &.zw {
- height: 10px;
- background-position: -5610px 0px;
- }
- &.ot {
- height: 0px;
- }
-}
-
-