/* ═══════════════════════════════════════════════════════════════════
   BANDIERINE DEL PREFISSO TELEFONICO (pagina Contatti)

   contatti.php carica questo file e usa le classi "fl fl-xx" (xx = codice
   del paese), ma il file non era mai stato caricato sul server: il menu
   del prefisso mostrava solo un riquadro vuoto al posto della bandiera.

   Ogni bandiera e' un file a parte in css/bandiere/: il browser lo
   scarica solo quando serve (all'apertura della pagina solo quella
   selezionata, le altre quando si apre l'elenco dei paesi).

   Disegni delle bandiere: flag-icons di Panayiotis Lipiridis,
   https://github.com/lipis/flag-icons — licenza MIT (uso libero,
   anche commerciale, mantenendo questa nota).
   ═══════════════════════════════════════════════════════════════════ */
.fl {
    display: inline-block;
    flex: 0 0 auto;
    width: 1.25rem;
    height: 0.9375rem;              /* proporzione 4:3 */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0.125rem;
    /* bordo sottile: le bandiere chiare (es. Giappone) restano visibili
       sullo sfondo chiaro del campo */
    box-shadow: 0 0 0 1px rgba(26, 24, 23, 0.12);
    vertical-align: middle;
}
.fl-ad { background-image: url('bandiere/ad.svg'); }
.fl-ae { background-image: url('bandiere/ae.svg'); }
.fl-af { background-image: url('bandiere/af.svg'); }
.fl-al { background-image: url('bandiere/al.svg'); }
.fl-am { background-image: url('bandiere/am.svg'); }
.fl-ao { background-image: url('bandiere/ao.svg'); }
.fl-ar { background-image: url('bandiere/ar.svg'); }
.fl-at { background-image: url('bandiere/at.svg'); }
.fl-au { background-image: url('bandiere/au.svg'); }
.fl-aw { background-image: url('bandiere/aw.svg'); }
.fl-az { background-image: url('bandiere/az.svg'); }
.fl-ba { background-image: url('bandiere/ba.svg'); }
.fl-bd { background-image: url('bandiere/bd.svg'); }
.fl-be { background-image: url('bandiere/be.svg'); }
.fl-bf { background-image: url('bandiere/bf.svg'); }
.fl-bg { background-image: url('bandiere/bg.svg'); }
.fl-bh { background-image: url('bandiere/bh.svg'); }
.fl-bi { background-image: url('bandiere/bi.svg'); }
.fl-bj { background-image: url('bandiere/bj.svg'); }
.fl-bn { background-image: url('bandiere/bn.svg'); }
.fl-bo { background-image: url('bandiere/bo.svg'); }
.fl-br { background-image: url('bandiere/br.svg'); }
.fl-bt { background-image: url('bandiere/bt.svg'); }
.fl-bw { background-image: url('bandiere/bw.svg'); }
.fl-by { background-image: url('bandiere/by.svg'); }
.fl-bz { background-image: url('bandiere/bz.svg'); }
.fl-cd { background-image: url('bandiere/cd.svg'); }
.fl-cf { background-image: url('bandiere/cf.svg'); }
.fl-cg { background-image: url('bandiere/cg.svg'); }
.fl-ch { background-image: url('bandiere/ch.svg'); }
.fl-ci { background-image: url('bandiere/ci.svg'); }
.fl-ck { background-image: url('bandiere/ck.svg'); }
.fl-cl { background-image: url('bandiere/cl.svg'); }
.fl-cm { background-image: url('bandiere/cm.svg'); }
.fl-cn { background-image: url('bandiere/cn.svg'); }
.fl-co { background-image: url('bandiere/co.svg'); }
.fl-cr { background-image: url('bandiere/cr.svg'); }
.fl-cu { background-image: url('bandiere/cu.svg'); }
.fl-cv { background-image: url('bandiere/cv.svg'); }
.fl-cw { background-image: url('bandiere/cw.svg'); }
.fl-cy { background-image: url('bandiere/cy.svg'); }
.fl-cz { background-image: url('bandiere/cz.svg'); }
.fl-de { background-image: url('bandiere/de.svg'); }
.fl-dj { background-image: url('bandiere/dj.svg'); }
.fl-dk { background-image: url('bandiere/dk.svg'); }
.fl-dz { background-image: url('bandiere/dz.svg'); }
.fl-ec { background-image: url('bandiere/ec.svg'); }
.fl-ee { background-image: url('bandiere/ee.svg'); }
.fl-eg { background-image: url('bandiere/eg.svg'); }
.fl-er { background-image: url('bandiere/er.svg'); }
.fl-es { background-image: url('bandiere/es.svg'); }
.fl-et { background-image: url('bandiere/et.svg'); }
.fl-fi { background-image: url('bandiere/fi.svg'); }
.fl-fj { background-image: url('bandiere/fj.svg'); }
.fl-fk { background-image: url('bandiere/fk.svg'); }
.fl-fm { background-image: url('bandiere/fm.svg'); }
.fl-fo { background-image: url('bandiere/fo.svg'); }
.fl-fr { background-image: url('bandiere/fr.svg'); }
.fl-ga { background-image: url('bandiere/ga.svg'); }
.fl-gb { background-image: url('bandiere/gb.svg'); }
.fl-ge { background-image: url('bandiere/ge.svg'); }
.fl-gf { background-image: url('bandiere/gf.svg'); }
.fl-gh { background-image: url('bandiere/gh.svg'); }
.fl-gi { background-image: url('bandiere/gi.svg'); }
.fl-gl { background-image: url('bandiere/gl.svg'); }
.fl-gm { background-image: url('bandiere/gm.svg'); }
.fl-gn { background-image: url('bandiere/gn.svg'); }
.fl-gp { background-image: url('bandiere/gp.svg'); }
.fl-gq { background-image: url('bandiere/gq.svg'); }
.fl-gr { background-image: url('bandiere/gr.svg'); }
.fl-gt { background-image: url('bandiere/gt.svg'); }
.fl-gw { background-image: url('bandiere/gw.svg'); }
.fl-gy { background-image: url('bandiere/gy.svg'); }
.fl-hk { background-image: url('bandiere/hk.svg'); }
.fl-hn { background-image: url('bandiere/hn.svg'); }
.fl-hr { background-image: url('bandiere/hr.svg'); }
.fl-ht { background-image: url('bandiere/ht.svg'); }
.fl-hu { background-image: url('bandiere/hu.svg'); }
.fl-id { background-image: url('bandiere/id.svg'); }
.fl-ie { background-image: url('bandiere/ie.svg'); }
.fl-il { background-image: url('bandiere/il.svg'); }
.fl-in { background-image: url('bandiere/in.svg'); }
.fl-io { background-image: url('bandiere/io.svg'); }
.fl-iq { background-image: url('bandiere/iq.svg'); }
.fl-ir { background-image: url('bandiere/ir.svg'); }
.fl-is { background-image: url('bandiere/is.svg'); }
.fl-it { background-image: url('bandiere/it.svg'); }
.fl-jo { background-image: url('bandiere/jo.svg'); }
.fl-jp { background-image: url('bandiere/jp.svg'); }
.fl-ke { background-image: url('bandiere/ke.svg'); }
.fl-kg { background-image: url('bandiere/kg.svg'); }
.fl-kh { background-image: url('bandiere/kh.svg'); }
.fl-ki { background-image: url('bandiere/ki.svg'); }
.fl-km { background-image: url('bandiere/km.svg'); }
.fl-kp { background-image: url('bandiere/kp.svg'); }
.fl-kr { background-image: url('bandiere/kr.svg'); }
.fl-kw { background-image: url('bandiere/kw.svg'); }
.fl-la { background-image: url('bandiere/la.svg'); }
.fl-lb { background-image: url('bandiere/lb.svg'); }
.fl-li { background-image: url('bandiere/li.svg'); }
.fl-lk { background-image: url('bandiere/lk.svg'); }
.fl-lr { background-image: url('bandiere/lr.svg'); }
.fl-ls { background-image: url('bandiere/ls.svg'); }
.fl-lt { background-image: url('bandiere/lt.svg'); }
.fl-lu { background-image: url('bandiere/lu.svg'); }
.fl-lv { background-image: url('bandiere/lv.svg'); }
.fl-ly { background-image: url('bandiere/ly.svg'); }
.fl-ma { background-image: url('bandiere/ma.svg'); }
.fl-mc { background-image: url('bandiere/mc.svg'); }
.fl-md { background-image: url('bandiere/md.svg'); }
.fl-me { background-image: url('bandiere/me.svg'); }
.fl-mg { background-image: url('bandiere/mg.svg'); }
.fl-mh { background-image: url('bandiere/mh.svg'); }
.fl-mk { background-image: url('bandiere/mk.svg'); }
.fl-ml { background-image: url('bandiere/ml.svg'); }
.fl-mm { background-image: url('bandiere/mm.svg'); }
.fl-mn { background-image: url('bandiere/mn.svg'); }
.fl-mo { background-image: url('bandiere/mo.svg'); }
.fl-mq { background-image: url('bandiere/mq.svg'); }
.fl-mr { background-image: url('bandiere/mr.svg'); }
.fl-mt { background-image: url('bandiere/mt.svg'); }
.fl-mu { background-image: url('bandiere/mu.svg'); }
.fl-mv { background-image: url('bandiere/mv.svg'); }
.fl-mw { background-image: url('bandiere/mw.svg'); }
.fl-mx { background-image: url('bandiere/mx.svg'); }
.fl-my { background-image: url('bandiere/my.svg'); }
.fl-mz { background-image: url('bandiere/mz.svg'); }
.fl-na { background-image: url('bandiere/na.svg'); }
.fl-nc { background-image: url('bandiere/nc.svg'); }
.fl-ne { background-image: url('bandiere/ne.svg'); }
.fl-nf { background-image: url('bandiere/nf.svg'); }
.fl-ng { background-image: url('bandiere/ng.svg'); }
.fl-ni { background-image: url('bandiere/ni.svg'); }
.fl-nl { background-image: url('bandiere/nl.svg'); }
.fl-no { background-image: url('bandiere/no.svg'); }
.fl-np { background-image: url('bandiere/np.svg'); }
.fl-nr { background-image: url('bandiere/nr.svg'); }
.fl-nu { background-image: url('bandiere/nu.svg'); }
.fl-nz { background-image: url('bandiere/nz.svg'); }
.fl-om { background-image: url('bandiere/om.svg'); }
.fl-pa { background-image: url('bandiere/pa.svg'); }
.fl-pe { background-image: url('bandiere/pe.svg'); }
.fl-pf { background-image: url('bandiere/pf.svg'); }
.fl-pg { background-image: url('bandiere/pg.svg'); }
.fl-ph { background-image: url('bandiere/ph.svg'); }
.fl-pk { background-image: url('bandiere/pk.svg'); }
.fl-pl { background-image: url('bandiere/pl.svg'); }
.fl-pm { background-image: url('bandiere/pm.svg'); }
.fl-ps { background-image: url('bandiere/ps.svg'); }
.fl-pt { background-image: url('bandiere/pt.svg'); }
.fl-pw { background-image: url('bandiere/pw.svg'); }
.fl-py { background-image: url('bandiere/py.svg'); }
.fl-qa { background-image: url('bandiere/qa.svg'); }
.fl-re { background-image: url('bandiere/re.svg'); }
.fl-ro { background-image: url('bandiere/ro.svg'); }
.fl-rs { background-image: url('bandiere/rs.svg'); }
.fl-ru { background-image: url('bandiere/ru.svg'); }
.fl-rw { background-image: url('bandiere/rw.svg'); }
.fl-sa { background-image: url('bandiere/sa.svg'); }
.fl-sb { background-image: url('bandiere/sb.svg'); }
.fl-sc { background-image: url('bandiere/sc.svg'); }
.fl-sd { background-image: url('bandiere/sd.svg'); }
.fl-se { background-image: url('bandiere/se.svg'); }
.fl-sg { background-image: url('bandiere/sg.svg'); }
.fl-sh { background-image: url('bandiere/sh.svg'); }
.fl-si { background-image: url('bandiere/si.svg'); }
.fl-sk { background-image: url('bandiere/sk.svg'); }
.fl-sl { background-image: url('bandiere/sl.svg'); }
.fl-sm { background-image: url('bandiere/sm.svg'); }
.fl-sn { background-image: url('bandiere/sn.svg'); }
.fl-so { background-image: url('bandiere/so.svg'); }
.fl-sr { background-image: url('bandiere/sr.svg'); }
.fl-ss { background-image: url('bandiere/ss.svg'); }
.fl-st { background-image: url('bandiere/st.svg'); }
.fl-sv { background-image: url('bandiere/sv.svg'); }
.fl-sy { background-image: url('bandiere/sy.svg'); }
.fl-sz { background-image: url('bandiere/sz.svg'); }
.fl-td { background-image: url('bandiere/td.svg'); }
.fl-tg { background-image: url('bandiere/tg.svg'); }
.fl-th { background-image: url('bandiere/th.svg'); }
.fl-tj { background-image: url('bandiere/tj.svg'); }
.fl-tk { background-image: url('bandiere/tk.svg'); }
.fl-tl { background-image: url('bandiere/tl.svg'); }
.fl-tm { background-image: url('bandiere/tm.svg'); }
.fl-tn { background-image: url('bandiere/tn.svg'); }
.fl-to { background-image: url('bandiere/to.svg'); }
.fl-tr { background-image: url('bandiere/tr.svg'); }
.fl-tv { background-image: url('bandiere/tv.svg'); }
.fl-tw { background-image: url('bandiere/tw.svg'); }
.fl-tz { background-image: url('bandiere/tz.svg'); }
.fl-ua { background-image: url('bandiere/ua.svg'); }
.fl-ug { background-image: url('bandiere/ug.svg'); }
.fl-us { background-image: url('bandiere/us.svg'); }
.fl-uy { background-image: url('bandiere/uy.svg'); }
.fl-uz { background-image: url('bandiere/uz.svg'); }
.fl-ve { background-image: url('bandiere/ve.svg'); }
.fl-vn { background-image: url('bandiere/vn.svg'); }
.fl-vu { background-image: url('bandiere/vu.svg'); }
.fl-wf { background-image: url('bandiere/wf.svg'); }
.fl-ws { background-image: url('bandiere/ws.svg'); }
.fl-xk { background-image: url('bandiere/xk.svg'); }
.fl-ye { background-image: url('bandiere/ye.svg'); }
.fl-za { background-image: url('bandiere/za.svg'); }
.fl-zm { background-image: url('bandiere/zm.svg'); }
.fl-zw { background-image: url('bandiere/zw.svg'); }