/* Ltr Design */
.country-selector:hover { background: #fcffd6 !important; }

.phone-with-code { padding-left: 120px !important; height: 60px !important; }
.phone-country-code { text-align: left !important; height: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; }
.phone-country-code .country-flag { background: #efefef !important; display: inline-block !important; width: 110px !important; height: 56px !important; position: relative !important; top: -58px !important; left: 2px !important; }
.phone-country-code .country-flag .sel-icon { cursor: pointer !important; width: 20px !important; margin-top: 19px !important; text-align: right !important; color: #999 !important; }
.phone-country-code .country-flag .flag-container { cursor: pointer !important; width: 40px !important; margin-top: 16px !important; }
.phone-country-code .country-flag .country-code-input { background: #efefef !important; outline: none !important; font-weight: 300 !important; margin-top: 2px !important; margin-left: 3px !important; border: 0px !important; font-size: 16px !important; height: 54px !important; width: 45px !important; direction: ltr !important; text-align: left !important; }
.phone-country-code .country-flag .seperator { width: 2px !important; height: 100% !important; background: #e7e7e7 !important; }

.phone-country-thin .phone-with-code { height: 40px !important; }
.phone-country-thin .country-flag { height: 36px !important; top: -38px !important; }
.phone-country-thin .country-flag .sel-icon { margin-top: 9px !important; }
.phone-country-thin .country-flag .flag-container { margin-top: 6px !important; }
.phone-country-thin .country-flag .country-code-input { height: 32px !important; }

.phone-country-list { display: none; text-align: left !important; height: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; }
.phone-country-list .page-wrapper { position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; background: rgba(0,0,0,0.4) !important; }
.phone-country-list .list-box { width: 100% !important; height: 200px !important; position: relative !important; top: -2px !important; left: 0px !important; border: 2px solid #e7e7e7 !important; border-radius: 4px !important; background: rgba(255,255,255,0.95) !important; }
.phone-country-list .list-container { margin: 5px !important; height: calc(100% - 10px) !important; width: calc(100% - 10px) !important; overflow: auto !important; }
.phone-country-list .country-selector { height: 30px !important; cursor: pointer !important; margin-bottom: 2px !important; width: 100% !important; }
.phone-country-list .country-selector .flag-icon { margin-left: 15px !important; width: 40px !important; height: 100% !important; }
.phone-country-list .country-selector .flag-icon .sym { width: 24px !important; height: 24px !important; display: inline-block !important; margin-top: 3px !important; }
.phone-country-list .country-selector .country-code { margin-top: 7px !important; margin-left: 5px !important; width: 45px !important; font-size: 14px !important; text-align: left !important; direction: ltr !important; }
.phone-country-list .country-selector .country-name { color: #999 !important; margin-top: 7px !important; margin-left: 10px !important; font-size: 14px !important; width: calc(100% - 120px) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: left !important; direction: ltr !important; }

.phone-country-list .list-box { top: 2px !important; }

/* Rtl fixing */
.phone-country-code .left { float: left !important; }
.phone-with-code { text-align: left; !important; }


.phone-alert-border { border: 2px solid red !important; outline: none !important; }


/* Flags */
.country-flags .cf { display: inline-block; width: 24px; height: 24px; background-image: url(flags.png?0); background-position: -240px -336px; }

.country-flags .cf-ad { background-position: 0px 0px; }
.country-flags .cf-ae { background-position: -24px 0px; }
.country-flags .cf-af { background-position: -48px 0px; }
.country-flags .cf-ag { background-position: -72px 0px; }
.country-flags .cf-ai { background-position: -96px 0px; }
.country-flags .cf-al { background-position: -120px 0px; }
.country-flags .cf-am { background-position: -144px 0px; }
.country-flags .cf-an { background-position: -168px 0px; }
.country-flags .cf-ao { background-position: -192px 0px; }
.country-flags .cf-aq { background-position: -216px 0px; }
.country-flags .cf-ar { background-position: -240px 0px; }
.country-flags .cf-as { background-position: -264px 0px; }
.country-flags .cf-at { background-position: -288px 0px; }
.country-flags .cf-au { background-position: -312px 0px; }
.country-flags .cf-aw { background-position: -336px 0px; }
.country-flags .cf-az { background-position: 0px -24px; }
.country-flags .cf-ba { background-position: -24px -24px; }
.country-flags .cf-bb { background-position: -48px -24px; }
.country-flags .cf-bd { background-position: -72px -24px; }
.country-flags .cf-be { background-position: -96px -24px; }
.country-flags .cf-bf { background-position: -120px -24px; }
.country-flags .cf-bg { background-position: -144px -24px; }
.country-flags .cf-bh { background-position: -168px -24px; }
.country-flags .cf-bi { background-position: -192px -24px; }
.country-flags .cf-bj { background-position: -216px -24px; }
.country-flags .cf-bm { background-position: -240px -24px; }
.country-flags .cf-bn { background-position: -264px -24px; }
.country-flags .cf-bo { background-position: -288px -24px; }
.country-flags .cf-br { background-position: -312px -24px; }
.country-flags .cf-bs { background-position: -336px -24px; }
.country-flags .cf-bt { background-position: 0px -48px; }
.country-flags .cf-bw { background-position: -24px -48px; }
.country-flags .cf-by { background-position: -48px -48px; }
.country-flags .cf-bz { background-position: -72px -48px; }
.country-flags .cf-ca { background-position: -96px -48px; }
.country-flags .cf-cd { background-position: -120px -48px; }
.country-flags .cf-cf { background-position: -144px -48px; }
.country-flags .cf-cg { background-position: -168px -48px; }
.country-flags .cf-ch { background-position: -192px -48px; }
.country-flags .cf-ci { background-position: -216px -48px; }
.country-flags .cf-ck { background-position: -240px -48px; }
.country-flags .cf-cl { background-position: -264px -48px; }
.country-flags .cf-cm { background-position: -288px -48px; }
.country-flags .cf-cn { background-position: -312px -48px; }
.country-flags .cf-co { background-position: -336px -48px; }
.country-flags .cf-cr { background-position: 0px -72px; }
.country-flags .cf-cu { background-position: -24px -72px; }
.country-flags .cf-cv { background-position: -48px -72px; }
.country-flags .cf-cy { background-position: -72px -72px; }
.country-flags .cf-cz { background-position: -96px -72px; }
.country-flags .cf-de { background-position: -120px -72px; }
.country-flags .cf-dj { background-position: -144px -72px; }
.country-flags .cf-dk { background-position: -168px -72px; }
.country-flags .cf-dm { background-position: -192px -72px; }
.country-flags .cf-do { background-position: -216px -72px; }
.country-flags .cf-dz { background-position: -240px -72px; }
.country-flags .cf-ec { background-position: -264px -72px; }
.country-flags .cf-ee { background-position: -288px -72px; }
.country-flags .cf-eg { background-position: -312px -72px; }
.country-flags .cf-eh { background-position: -336px -72px; }
.country-flags .cf-er { background-position: 0px -96px; }
.country-flags .cf-es { background-position: -24px -96px; }
.country-flags .cf-et { background-position: -48px -96px; }
.country-flags .cf-fi { background-position: -72px -96px; }
.country-flags .cf-fj { background-position: -96px -96px; }
.country-flags .cf-fm { background-position: -120px -96px; }
.country-flags .cf-fo { background-position: -144px -96px; }
.country-flags .cf-fr { background-position: -168px -96px; }
.country-flags .cf-ga { background-position: -192px -96px; }
.country-flags .cf-gd { background-position: -216px -96px; }
.country-flags .cf-ge { background-position: -240px -96px; }
.country-flags .cf-gg { background-position: -264px -96px; }
.country-flags .cf-gh { background-position: -288px -96px; }
.country-flags .cf-gi { background-position: -312px -96px; }
.country-flags .cf-gl { background-position: -336px -96px; }
.country-flags .cf-gm { background-position: 0px -120px; }
.country-flags .cf-gn { background-position: -24px -120px; }
.country-flags .cf-gp { background-position: -48px -120px; }
.country-flags .cf-gq { background-position: -72px -120px; }
.country-flags .cf-gr { background-position: -96px -120px; }
.country-flags .cf-gt { background-position: -120px -120px; }
.country-flags .cf-gu { background-position: -144px -120px; }
.country-flags .cf-gw { background-position: -168px -120px; }
.country-flags .cf-gy { background-position: -192px -120px; }
.country-flags .cf-hk { background-position: -216px -120px; }
.country-flags .cf-hn { background-position: -240px -120px; }
.country-flags .cf-hr { background-position: -264px -120px; }
.country-flags .cf-ht { background-position: -288px -120px; }
.country-flags .cf-hu { background-position: -312px -120px; }
.country-flags .cf-id { background-position: -336px -120px; }
.country-flags .cf-ie { background-position: 0px -144px; }
.country-flags .cf-il { background-position: -24px -144px; }
.country-flags .cf-im { background-position: -48px -144px; }
.country-flags .cf-in { background-position: -72px -144px; }
.country-flags .cf-iq { background-position: -96px -144px; }
.country-flags .cf-ir { background-position: -120px -144px; }
.country-flags .cf-is { background-position: -144px -144px; }
.country-flags .cf-it { background-position: -168px -144px; }
.country-flags .cf-je { background-position: -192px -144px; }
.country-flags .cf-jm { background-position: -216px -144px; }
.country-flags .cf-jo { background-position: -240px -144px; }
.country-flags .cf-jp { background-position: -264px -144px; }
.country-flags .cf-ke { background-position: -288px -144px; }
.country-flags .cf-kg { background-position: -312px -144px; }
.country-flags .cf-kh { background-position: -336px -144px; }
.country-flags .cf-ki { background-position: 0px -168px; }
.country-flags .cf-km { background-position: -24px -168px; }
.country-flags .cf-kn { background-position: -48px -168px; }
.country-flags .cf-kp { background-position: -72px -168px; }
.country-flags .cf-kr { background-position: -96px -168px; }
.country-flags .cf-kw { background-position: -120px -168px; }
.country-flags .cf-ky { background-position: -144px -168px; }
.country-flags .cf-kz { background-position: -168px -168px; }
.country-flags .cf-la { background-position: -192px -168px; }
.country-flags .cf-lb { background-position: -216px -168px; }
.country-flags .cf-lc { background-position: -240px -168px; }
.country-flags .cf-li { background-position: -264px -168px; }
.country-flags .cf-lk { background-position: -288px -168px; }
.country-flags .cf-lr { background-position: -312px -168px; }
.country-flags .cf-ls { background-position: -336px -168px; }
.country-flags .cf-lt { background-position: 0px -192px; }
.country-flags .cf-lu { background-position: -24px -192px; }
.country-flags .cf-lv { background-position: -48px -192px; }
.country-flags .cf-ly { background-position: -72px -192px; }
.country-flags .cf-ma { background-position: -96px -192px; }
.country-flags .cf-mc { background-position: -120px -192px; }
.country-flags .cf-md { background-position: -144px -192px; }
.country-flags .cf-me { background-position: -168px -192px; }
.country-flags .cf-mg { background-position: -192px -192px; }
.country-flags .cf-mh { background-position: -216px -192px; }
.country-flags .cf-mk { background-position: -240px -192px; }
.country-flags .cf-ml { background-position: -264px -192px; }
.country-flags .cf-mm { background-position: -288px -192px; }
.country-flags .cf-mn { background-position: -312px -192px; }
.country-flags .cf-mo { background-position: -336px -192px; }
.country-flags .cf-mq { background-position: 0px -216px; }
.country-flags .cf-mr { background-position: -24px -216px; }
.country-flags .cf-ms { background-position: -48px -216px; }
.country-flags .cf-mt { background-position: -72px -216px; }
.country-flags .cf-mu { background-position: -96px -216px; }
.country-flags .cf-mv { background-position: -120px -216px; }
.country-flags .cf-mw { background-position: -144px -216px; }
.country-flags .cf-mx { background-position: -168px -216px; }
.country-flags .cf-my { background-position: -192px -216px; }
.country-flags .cf-mz { background-position: -216px -216px; }
.country-flags .cf-na { background-position: -240px -216px; }
.country-flags .cf-nc { background-position: -264px -216px; }
.country-flags .cf-ne { background-position: -288px -216px; }
.country-flags .cf-ng { background-position: -312px -216px; }
.country-flags .cf-ni { background-position: -336px -216px; }
.country-flags .cf-nl { background-position: 0px -240px; }
.country-flags .cf-no { background-position: -24px -240px; }
.country-flags .cf-np { background-position: -48px -240px; }
.country-flags .cf-nr { background-position: -72px -240px; }
.country-flags .cf-nz { background-position: -96px -240px; }
.country-flags .cf-om { background-position: -120px -240px; }
.country-flags .cf-pa { background-position: -144px -240px; }
.country-flags .cf-pe { background-position: -168px -240px; }
.country-flags .cf-pf { background-position: -192px -240px; }
.country-flags .cf-pg { background-position: -216px -240px; }
.country-flags .cf-ph { background-position: -240px -240px; }
.country-flags .cf-pk { background-position: -264px -240px; }
.country-flags .cf-pl { background-position: -288px -240px; }
.country-flags .cf-pr { background-position: -312px -240px; }
.country-flags .cf-ps { background-position: -336px -240px; }
.country-flags .cf-pt { background-position: 0px -264px; }
.country-flags .cf-pw { background-position: -24px -264px; }
.country-flags .cf-py { background-position: -48px -264px; }
.country-flags .cf-qa { background-position: -72px -264px; }
.country-flags .cf-ro { background-position: -96px -264px; }
.country-flags .cf-rs { background-position: -120px -264px; }
.country-flags .cf-ru { background-position: -144px -264px; }
.country-flags .cf-rw { background-position: -168px -264px; }
.country-flags .cf-sa { background-position: -192px -264px; }
.country-flags .cf-sb { background-position: -216px -264px; }
.country-flags .cf-sc { background-position: -240px -264px; }
.country-flags .cf-sd { background-position: -264px -264px; }
.country-flags .cf-se { background-position: -288px -264px; }
.country-flags .cf-sg { background-position: -312px -264px; }
.country-flags .cf-si { background-position: -336px -264px; }
.country-flags .cf-sk { background-position: 0px -288px; }
.country-flags .cf-sl { background-position: -24px -288px; }
.country-flags .cf-sm { background-position: -48px -288px; }
.country-flags .cf-sn { background-position: -72px -288px; }
.country-flags .cf-so { background-position: -96px -288px; }
.country-flags .cf-sr { background-position: -120px -288px; }
.country-flags .cf-st { background-position: -144px -288px; }
.country-flags .cf-sv { background-position: -168px -288px; }
.country-flags .cf-sy { background-position: -192px -288px; }
.country-flags .cf-sz { background-position: -216px -288px; }
.country-flags .cf-tc { background-position: -240px -288px; }
.country-flags .cf-td { background-position: -264px -288px; }
.country-flags .cf-tg { background-position: -288px -288px; }
.country-flags .cf-th { background-position: -312px -288px; }
.country-flags .cf-tj { background-position: -336px -288px; }
.country-flags .cf-tl { background-position: 0px -312px; }
.country-flags .cf-tm { background-position: -24px -312px; }
.country-flags .cf-tn { background-position: -48px -312px; }
.country-flags .cf-to { background-position: -72px -312px; }
.country-flags .cf-tr { background-position: -96px -312px; }
.country-flags .cf-tt { background-position: -120px -312px; }
.country-flags .cf-tv { background-position: -144px -312px; }
.country-flags .cf-tw { background-position: -168px -312px; }
.country-flags .cf-tz { background-position: -192px -312px; }
.country-flags .cf-ua { background-position: -216px -312px; }
.country-flags .cf-ug { background-position: -240px -312px; }
.country-flags .cf-uk { background-position: -264px -312px; }
.country-flags .cf-us { background-position: -288px -312px; }
.country-flags .cf-uy { background-position: -312px -312px; }
.country-flags .cf-uz { background-position: -336px -312px; }
.country-flags .cf-vc { background-position: 0px -336px; }
.country-flags .cf-ve { background-position: -24px -336px; }
.country-flags .cf-vg { background-position: -48px -336px; }
.country-flags .cf-vi { background-position: -72px -336px; }
.country-flags .cf-vn { background-position: -96px -336px; }
.country-flags .cf-vu { background-position: -120px -336px; }
.country-flags .cf-ws { background-position: -144px -336px; }
.country-flags .cf-ye { background-position: -168px -336px; }
.country-flags .cf-za { background-position: -192px -336px; }
.country-flags .cf-zm { background-position: -216px -336px; }