[roojs1] / less / roojs-bootstrap / phone-input.less

.tel-input {
    padding-left: 55px;
    padding-right: 10px;
}

.flag-container {
    position: absolute;
    height: 100%;
    width: 50px;
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 4; //>input::focus
    .caret {
        margin-top: 10px;
    }
    .flag {
        box-shadow: 0px 0px 1px 0px #888;
        background-image: url("/../../images/default/flags.png");
        background-repeat: no-repeat;
        background-color: #DBDBDB;
        width: 20px;
        height: inherit;
        .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;
        }
    }
}