@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Saira:ital,wght@0,100..900;1,100..900&display=swap";
@import"https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined";

.fib,
.fi {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.fi {
    position: relative;
    display: inline-block;
    width: 1.333333em;
    line-height: 1em
}

.fi:before {
    content: "\a0"
}

.fi.fis {
    width: 1em
}

.fi-xx {
    background-image: url(xx.7aec16810dca7f60.svg)
}

.fi-xx.fis {
    background-image: url(xx.36e887fc76e738db.svg)
}

.fi-ad {
    background-image: url(ad.b565cad3b9b5228e.svg)
}

.fi-ad.fis {
    background-image: url(ad.14b2769ab198fa4f.svg)
}

.fi-ae {
    background-image: url(ae.f162af032c9b5555.svg)
}

.fi-ae.fis {
    background-image: url(ae.d03f76a0b428a734.svg)
}

.fi-af {
    background-image: url(af.c6050ccd88bed0e8.svg)
}

.fi-af.fis {
    background-image: url(af.435470e39b6e2262.svg)
}

.fi-ag {
    background-image: url(ag.62cf6a10b29c91e6.svg)
}

.fi-ag.fis {
    background-image: url(ag.e4ec7960ce91a1e1.svg)
}

.fi-ai {
    background-image: url(ai.2a1a593301fd0e3f.svg)
}

.fi-ai.fis {
    background-image: url(ai.a4b34f84bbe98d9c.svg)
}

.fi-al {
    background-image: url(al.5df89ac8a56e85a7.svg)
}

.fi-al.fis {
    background-image: url(al.4833b4f34991e396.svg)
}

.fi-am {
    background-image: url(am.7f72827af55a8f62.svg)
}

.fi-am.fis {
    background-image: url(am.348922259dbf7514.svg)
}

.fi-ao {
    background-image: url(ao.a4fd2437ad0beefc.svg)
}

.fi-ao.fis {
    background-image: url(ao.dc6026657e3e2434.svg)
}

.fi-aq {
    background-image: url(aq.ce1f8e53511cb5be.svg)
}

.fi-aq.fis {
    background-image: url(aq.f2df55b93d0d0bd8.svg)
}

.fi-ar {
    background-image: url(ar.6208071ecf5885a7.svg)
}

.fi-ar.fis {
    background-image: url(ar.00c272883da265ba.svg)
}

.fi-as {
    background-image: url(as.01647fade12553ee.svg)
}

.fi-as.fis {
    background-image: url(as.a2913fa206d3e09c.svg)
}

.fi-at {
    background-image: url(at.5b89999ff452acd6.svg)
}

.fi-at.fis {
    background-image: url(at.eff32dd087cdc8bf.svg)
}

.fi-au {
    background-image: url(au.37597da12c633694.svg)
}

.fi-au.fis {
    background-image: url(au.f7475e83e20b2a0a.svg)
}

.fi-aw {
    background-image: url(aw.ffc51b5a489383d3.svg)
}

.fi-aw.fis {
    background-image: url(aw.38f249536e30faa1.svg)
}

.fi-ax {
    background-image: url(ax.52a8096744eeaf23.svg)
}

.fi-ax.fis {
    background-image: url(ax.ff1515de1cf51d7d.svg)
}

.fi-az {
    background-image: url(az.68efbd0494687ded.svg)
}

.fi-az.fis {
    background-image: url(az.1b8731a4aa03475f.svg)
}

.fi-ba {
    background-image: url(ba.a6d937ccccfcfaa0.svg)
}

.fi-ba.fis {
    background-image: url(ba.f7b5581c421a33c2.svg)
}

.fi-bb {
    background-image: url(bb.4f50c33aa347884d.svg)
}

.fi-bb.fis {
    background-image: url(bb.39025a56ad2d3f8c.svg)
}

.fi-bd {
    background-image: url(bd.3b0570c07b3d5939.svg)
}

.fi-bd.fis {
    background-image: url(bd.dda0e02d20397524.svg)
}

.fi-be {
    background-image: url(be.77cccf17371925ef.svg)
}

.fi-be.fis {
    background-image: url(be.8dd87cc1d47835f2.svg)
}

.fi-bf {
    background-image: url(bf.415d3659f5921d67.svg)
}

.fi-bf.fis {
    background-image: url(bf.580f6b0064cbbf56.svg)
}

.fi-bg {
    background-image: url(bg.27e6e74d518518b1.svg)
}

.fi-bg.fis {
    background-image: url(bg.d5f28354ce21c1fd.svg)
}

.fi-bh {
    background-image: url(bh.2ff06f83d9358d99.svg)
}

.fi-bh.fis {
    background-image: url(bh.84867991167708c5.svg)
}

.fi-bi {
    background-image: url(bi.a6b2059a867edda8.svg)
}

.fi-bi.fis {
    background-image: url(bi.b0f6538cf545bb3a.svg)
}

.fi-bj {
    background-image: url(bj.1375d8c94d10c7e1.svg)
}

.fi-bj.fis {
    background-image: url(bj.14b050e13703dc55.svg)
}

.fi-bl {
    background-image: url(bl.0d579979be9f41e9.svg)
}

.fi-bl.fis {
    background-image: url(bl.2c23e6774f03a005.svg)
}

.fi-bm {
    background-image: url(bm.a27098d2f0cb8f9e.svg)
}

.fi-bm.fis {
    background-image: url(bm.75279f04475ee31f.svg)
}

.fi-bn {
    background-image: url(bn.c13ab93d4e1d1c2f.svg)
}

.fi-bn.fis {
    background-image: url(bn.4e5ec8c5ab44a8ea.svg)
}

.fi-bo {
    background-image: url(bo.9eafaa771a69a176.svg)
}

.fi-bo.fis {
    background-image: url(bo.47b87e1d9fd4580a.svg)
}

.fi-bq {
    background-image: url(bq.f6d582bf4f9bfc60.svg)
}

.fi-bq.fis {
    background-image: url(bq.68b35ed629d1ea01.svg)
}

.fi-br {
    background-image: url(br.de35e3d009fcc905.svg)
}

.fi-br.fis {
    background-image: url(br.67a6502fcc3fb966.svg)
}

.fi-bs {
    background-image: url(bs.d0bf16590663c0e1.svg)
}

.fi-bs.fis {
    background-image: url(bs.1fc645d9bfd1a08f.svg)
}

.fi-bt {
    background-image: url(bt.bc95f27ca3fbd08b.svg)
}

.fi-bt.fis {
    background-image: url(bt.1a35bb57900bcbd6.svg)
}

.fi-bv {
    background-image: url(bv.dbc727c7842fce88.svg)
}

.fi-bv.fis {
    background-image: url(bv.b376a0c2343796ac.svg)
}

.fi-bw {
    background-image: url(bw.df3366e6c89e98f3.svg)
}

.fi-bw.fis {
    background-image: url(bw.a1b033915b4596a5.svg)
}

.fi-by {
    background-image: url(by.dcca2e49b121188c.svg)
}

.fi-by.fis {
    background-image: url(by.a9f5b570cce6c396.svg)
}

.fi-bz {
    background-image: url(bz.07b1393a39386fe8.svg)
}

.fi-bz.fis {
    background-image: url(bz.239d22010f85006d.svg)
}

.fi-ca {
    background-image: url(ca.896bca6750b49403.svg)
}

.fi-ca.fis {
    background-image: url(ca.b405d187bb84100e.svg)
}

.fi-cc {
    background-image: url(cc.755d680f33aaa1e5.svg)
}

.fi-cc.fis {
    background-image: url(cc.8bd1a96726d4ae1c.svg)
}

.fi-cd {
    background-image: url(cd.2580858537611bab.svg)
}

.fi-cd.fis {
    background-image: url(cd.fffb6b4f8b352976.svg)
}

.fi-cf {
    background-image: url(cf.be784cc82b889a72.svg)
}

.fi-cf.fis {
    background-image: url(cf.6cff29be918d1c48.svg)
}

.fi-cg {
    background-image: url(cg.d1d9c2f7d34fdd56.svg)
}

.fi-cg.fis {
    background-image: url(cg.4b0f3275f41bf958.svg)
}

.fi-ch {
    background-image: url(ch.a4939cb8c2aa19fa.svg)
}

.fi-ch.fis {
    background-image: url(ch.baba02d3298d8a3d.svg)
}

.fi-ci {
    background-image: url(ci.514886a6a9de37d2.svg)
}

.fi-ci.fis {
    background-image: url(ci.6778515bcba89f55.svg)
}

.fi-ck {
    background-image: url(ck.04d9039d808915fb.svg)
}

.fi-ck.fis {
    background-image: url(ck.d6781181f1a2e61e.svg)
}

.fi-cl {
    background-image: url(cl.c77df473619ef2e9.svg)
}

.fi-cl.fis {
    background-image: url(cl.5a22125cf4a770d9.svg)
}

.fi-cm {
    background-image: url(cm.a298fc085fca793a.svg)
}

.fi-cm.fis {
    background-image: url(cm.f4820dd59ef96363.svg)
}

.fi-cn {
    background-image: url(cn.7fd9bbb984ea05a6.svg)
}

.fi-cn.fis {
    background-image: url(cn.cb52daf10bc5dc7e.svg)
}

.fi-co {
    background-image: url(co.6b78e07bd53630e9.svg)
}

.fi-co.fis {
    background-image: url(co.76882952b77ef725.svg)
}

.fi-cr {
    background-image: url(cr.cc08891297c3ff7e.svg)
}

.fi-cr.fis {
    background-image: url(cr.1b2274305dff0b9d.svg)
}

.fi-cu {
    background-image: url(cu.41475839c54b185c.svg)
}

.fi-cu.fis {
    background-image: url(cu.ad9e4327794e056d.svg)
}

.fi-cv {
    background-image: url(cv.8b2e1c156fca3509.svg)
}

.fi-cv.fis {
    background-image: url(cv.526fd91addce4a85.svg)
}

.fi-cw {
    background-image: url(cw.93b85dbfa0a167a1.svg)
}

.fi-cw.fis {
    background-image: url(cw.02547adfd3d81949.svg)
}

.fi-cx {
    background-image: url(cx.fd2a5aeeb5a9ea86.svg)
}

.fi-cx.fis {
    background-image: url(cx.4676a5e8cfa4092c.svg)
}

.fi-cy {
    background-image: url(cy.7249484c978dc067.svg)
}

.fi-cy.fis {
    background-image: url(cy.239da48548fbb153.svg)
}

.fi-cz {
    background-image: url(cz.7c86bb18c1ff0fd7.svg)
}

.fi-cz.fis {
    background-image: url(cz.83554014de457e71.svg)
}

.fi-de {
    background-image: url(de.666805f5dfecc7f0.svg)
}

.fi-de.fis {
    background-image: url(de.7643c46673716185.svg)
}

.fi-dj {
    background-image: url(dj.fdb22cb3cdd02019.svg)
}

.fi-dj.fis {
    background-image: url(dj.5938f70a4f76a2e2.svg)
}

.fi-dk {
    background-image: url(dk.4b0313b37cd3d5c0.svg)
}

.fi-dk.fis {
    background-image: url(dk.89836fb354ac9b77.svg)
}

.fi-dm {
    background-image: url(dm.c3205e29a519b0bf.svg)
}

.fi-dm.fis {
    background-image: url(dm.be65cbd3efb73b1a.svg)
}

.fi-do {
    background-image: url(do.905436328c621ef3.svg)
}

.fi-do.fis {
    background-image: url(do.5dff1c5f2d44eabd.svg)
}

.fi-dz {
    background-image: url(dz.eccc2d17ce6f84eb.svg)
}

.fi-dz.fis {
    background-image: url(dz.4d424eed3af7ad15.svg)
}

.fi-ec {
    background-image: url(ec.fe749fb472ad5956.svg)
}

.fi-ec.fis {
    background-image: url(ec.c410ad343a99b115.svg)
}

.fi-ee {
    background-image: url(ee.56dc3aeeaa6ab48a.svg)
}

.fi-ee.fis {
    background-image: url(ee.866fd1e9dd5694a2.svg)
}

.fi-eg {
    background-image: url(eg.047d5d7822ef8cc6.svg)
}

.fi-eg.fis {
    background-image: url(eg.fa4029f72ee06ceb.svg)
}

.fi-eh {
    background-image: url(eh.8c2d6290007d2f88.svg)
}

.fi-eh.fis {
    background-image: url(eh.fb5f92c836f8f084.svg)
}

.fi-er {
    background-image: url(er.522330c725b0c503.svg)
}

.fi-er.fis {
    background-image: url(er.dd9cd168b455df14.svg)
}

.fi-es {
    background-image: url(es.b74b736606e506d4.svg)
}

.fi-es.fis {
    background-image: url(es.56e04edb4df5a1d0.svg)
}

.fi-et {
    background-image: url(et.2590f747ca37fb79.svg)
}

.fi-et.fis {
    background-image: url(et.831fb719515a0a7f.svg)
}

.fi-fi {
    background-image: url(fi.97487f84deb430e1.svg)
}

.fi-fi.fis {
    background-image: url(fi.26d2687deb18715f.svg)
}

.fi-fj {
    background-image: url(fj.a7cdc5d921ed39f8.svg)
}

.fi-fj.fis {
    background-image: url(fj.bdaf8e0b9d4f5c3d.svg)
}

.fi-fk {
    background-image: url(fk.2fa702939bb4b0a3.svg)
}

.fi-fk.fis {
    background-image: url(fk.67b13a773559bf90.svg)
}

.fi-fm {
    background-image: url(fm.624c0401e143daec.svg)
}

.fi-fm.fis {
    background-image: url(fm.9f69c44dd8e60a9f.svg)
}

.fi-fo {
    background-image: url(fo.67175ea98d60b2ac.svg)
}

.fi-fo.fis {
    background-image: url(fo.e212708178a6f6dd.svg)
}

.fi-fr {
    background-image: url(fr.f5380d92cd1106ba.svg)
}

.fi-fr.fis {
    background-image: url(fr.9b218945e2ba2611.svg)
}

.fi-ga {
    background-image: url(ga.c54a47167127d025.svg)
}

.fi-ga.fis {
    background-image: url(ga.ed2911b69769082d.svg)
}

.fi-gb {
    background-image: url(gb.a50bb9b9f22d8ff6.svg)
}

.fi-gb.fis {
    background-image: url(gb.8470454655556a6a.svg)
}

.fi-gd {
    background-image: url(gd.e05a9476b808b5d3.svg)
}

.fi-gd.fis {
    background-image: url(gd.14a558de7a3b7a61.svg)
}

.fi-ge {
    background-image: url(ge.ea35a606360070c9.svg)
}

.fi-ge.fis {
    background-image: url(ge.580189020eac3cce.svg)
}

.fi-gf {
    background-image: url(gf.3432de9d3d0a3edf.svg)
}

.fi-gf.fis {
    background-image: url(gf.ebd3395c6fdf6cd5.svg)
}

.fi-gg {
    background-image: url(gg.2a17e1f5e16f9a6f.svg)
}

.fi-gg.fis {
    background-image: url(gg.20336d11563a42c0.svg)
}

.fi-gh {
    background-image: url(gh.c17cf878b6d07416.svg)
}

.fi-gh.fis {
    background-image: url(gh.448b0251a51b3fae.svg)
}

.fi-gi {
    background-image: url(gi.1b7f29db91ad8606.svg)
}

.fi-gi.fis {
    background-image: url(gi.238dcba4485415bb.svg)
}

.fi-gl {
    background-image: url(gl.78358425ff2479d1.svg)
}

.fi-gl.fis {
    background-image: url(gl.5444bdb44a269036.svg)
}

.fi-gm {
    background-image: url(gm.ed8bbaabdb1528d1.svg)
}

.fi-gm.fis {
    background-image: url(gm.f9f1be291eaa0359.svg)
}

.fi-gn {
    background-image: url(gn.649ba66fbb281995.svg)
}

.fi-gn.fis {
    background-image: url(gn.f18770787f9844b6.svg)
}

.fi-gp {
    background-image: url(gp.bbea90b219d412a4.svg)
}

.fi-gp.fis {
    background-image: url(gp.6fcf1bbe26532776.svg)
}

.fi-gq {
    background-image: url(gq.c572f675c8f92d49.svg)
}

.fi-gq.fis {
    background-image: url(gq.c6128d721a3a685f.svg)
}

.fi-gr {
    background-image: url(gr.c44dd9de880416fb.svg)
}

.fi-gr.fis {
    background-image: url(gr.b29b73ccc2667842.svg)
}

.fi-gs {
    background-image: url(gs.fe3374bb83679375.svg)
}

.fi-gs.fis {
    background-image: url(gs.4ae78589296707ea.svg)
}

.fi-gt {
    background-image: url(gt.c5f468c965a22851.svg)
}

.fi-gt.fis {
    background-image: url(gt.097451fc1774d926.svg)
}

.fi-gu {
    background-image: url(gu.b033e7a6886a27dd.svg)
}

.fi-gu.fis {
    background-image: url(gu.e98af0a74769fc96.svg)
}

.fi-gw {
    background-image: url(gw.ea5c77338071894c.svg)
}

.fi-gw.fis {
    background-image: url(gw.63a96ba05223189b.svg)
}

.fi-gy {
    background-image: url(gy.a49496e091fbb73b.svg)
}

.fi-gy.fis {
    background-image: url(gy.f6fc470b028d51b4.svg)
}

.fi-hk {
    background-image: url(hk.fbcde7e71555b9ce.svg)
}

.fi-hk.fis {
    background-image: url(hk.dce082af96103240.svg)
}

.fi-hm {
    background-image: url(hm.82bbdf2c2d9d34f6.svg)
}

.fi-hm.fis {
    background-image: url(hm.5becb17f49fce856.svg)
}

.fi-hn {
    background-image: url(hn.2743fae6fcea669c.svg)
}

.fi-hn.fis {
    background-image: url(hn.04ddc9c93958b948.svg)
}

.fi-hr {
    background-image: url(hr.34b7d2423a58268f.svg)
}

.fi-hr.fis {
    background-image: url(hr.f0c84cca2a4896ae.svg)
}

.fi-ht {
    background-image: url(ht.da0b6318be8e5eb8.svg)
}

.fi-ht.fis {
    background-image: url(ht.9f915077542d3852.svg)
}

.fi-hu {
    background-image: url(hu.16c6335fefd2e760.svg)
}

.fi-hu.fis {
    background-image: url(hu.dd178f4f4d4b8365.svg)
}

.fi-id {
    background-image: url(id.4cad97a881744b6d.svg)
}

.fi-id.fis {
    background-image: url(id.14f7cd2000cdaba5.svg)
}

.fi-ie {
    background-image: url(ie.81491cb3746c1b2f.svg)
}

.fi-ie.fis {
    background-image: url(ie.3ffc25e6b10af1bf.svg)
}

.fi-il {
    background-image: url(il.80b0a878b119db71.svg)
}

.fi-il.fis {
    background-image: url(il.189a898ed05f0a26.svg)
}

.fi-im {
    background-image: url(im.479ad3e9b61429d0.svg)
}

.fi-im.fis {
    background-image: url(im.6477619a2693cc62.svg)
}

.fi-in {
    background-image: url(in.895a15709359b03e.svg)
}

.fi-in.fis {
    background-image: url(in.d0d6fbfb6b9268c2.svg)
}

.fi-io {
    background-image: url(io.fc7eebc158c35c67.svg)
}

.fi-io.fis {
    background-image: url(io.6bb5f04b40927389.svg)
}

.fi-iq {
    background-image: url(iq.ef417ed18dbb0756.svg)
}

.fi-iq.fis {
    background-image: url(iq.97972d368dd01341.svg)
}

.fi-ir {
    background-image: url(ir.801fbb847c4802ff.svg)
}

.fi-ir.fis {
    background-image: url(ir.b0b67ec9c7247d01.svg)
}

.fi-is {
    background-image: url(is.d9058ffe0519a7d0.svg)
}

.fi-is.fis {
    background-image: url(is.429236e3f62f0529.svg)
}

.fi-it {
    background-image: url(it.919398e666b04e52.svg)
}

.fi-it.fis {
    background-image: url(it.a33eed705f40f5fa.svg)
}

.fi-je {
    background-image: url(je.2b7a276f752e3f98.svg)
}

.fi-je.fis {
    background-image: url(je.2f55f42cad83d931.svg)
}

.fi-jm {
    background-image: url(jm.d2a190452d546e05.svg)
}

.fi-jm.fis {
    background-image: url(jm.bdacb13db20e0c24.svg)
}

.fi-jo {
    background-image: url(jo.1d753f70fb7e1a8d.svg)
}

.fi-jo.fis {
    background-image: url(jo.5f1bc0fda6c19602.svg)
}

.fi-jp {
    background-image: url(jp.469572a423fdc92a.svg)
}

.fi-jp.fis {
    background-image: url(jp.f7679c7d5ab6f8b0.svg)
}

.fi-ke {
    background-image: url(ke.f16cb069c083be45.svg)
}

.fi-ke.fis {
    background-image: url(ke.97ba171174ab8d73.svg)
}

.fi-kg {
    background-image: url(kg.be82c42b665a0999.svg)
}

.fi-kg.fis {
    background-image: url(kg.994fed1d5041a97e.svg)
}

.fi-kh {
    background-image: url(kh.11eb9a0f50ad4551.svg)
}

.fi-kh.fis {
    background-image: url(kh.e67aa6fd5c7a2b31.svg)
}

.fi-ki {
    background-image: url(ki.9e4e595c2f42c65d.svg)
}

.fi-ki.fis {
    background-image: url(ki.2e09febf3f644bd6.svg)
}

.fi-km {
    background-image: url(km.7a0dade412a3791d.svg)
}

.fi-km.fis {
    background-image: url(km.646d1493e68c64a2.svg)
}

.fi-kn {
    background-image: url(kn.fd378e907f331783.svg)
}

.fi-kn.fis {
    background-image: url(kn.108c88477387ee6c.svg)
}

.fi-kp {
    background-image: url(kp.91011e5b99b144e2.svg)
}

.fi-kp.fis {
    background-image: url(kp.c253ccbb871fe0d2.svg)
}

.fi-kr {
    background-image: url(kr.653f2f6075f5ae1e.svg)
}

.fi-kr.fis {
    background-image: url(kr.b7c6fcdddd331e46.svg)
}

.fi-kw {
    background-image: url(kw.f6baad6cd40506ef.svg)
}

.fi-kw.fis {
    background-image: url(kw.fb4eb65c47602313.svg)
}

.fi-ky {
    background-image: url(ky.4f9c0b8235d0556c.svg)
}

.fi-ky.fis {
    background-image: url(ky.c6d5a8d5766ed2ef.svg)
}

.fi-kz {
    background-image: url(kz.6e1e994c9a6aed72.svg)
}

.fi-kz.fis {
    background-image: url(kz.07b60b89d0499118.svg)
}

.fi-la {
    background-image: url(la.21965b6b52af9e51.svg)
}

.fi-la.fis {
    background-image: url(la.a6797aaf6ef010cc.svg)
}

.fi-lb {
    background-image: url(lb.ed2ddca6d2999f05.svg)
}

.fi-lb.fis {
    background-image: url(lb.95bb062823747b14.svg)
}

.fi-lc {
    background-image: url(lc.75168bb405f3feeb.svg)
}

.fi-lc.fis {
    background-image: url(lc.ab0f97c6afdeea4b.svg)
}

.fi-li {
    background-image: url(li.5cded3252c821d38.svg)
}

.fi-li.fis {
    background-image: url(li.948747ca40f047e1.svg)
}

.fi-lk {
    background-image: url(lk.b7c51dbefc87f03a.svg)
}

.fi-lk.fis {
    background-image: url(lk.23166e8c771b181e.svg)
}

.fi-lr {
    background-image: url(lr.53b9aaa6cb580766.svg)
}

.fi-lr.fis {
    background-image: url(lr.24de07066df040ca.svg)
}

.fi-ls {
    background-image: url(ls.3ffccbb5e27dfdf9.svg)
}

.fi-ls.fis {
    background-image: url(ls.9d74b3ad4c3c8675.svg)
}

.fi-lt {
    background-image: url(lt.bf4fafec395bfdd1.svg)
}

.fi-lt.fis {
    background-image: url(lt.8caacf8e3a68923e.svg)
}

.fi-lu {
    background-image: url(lu.86de7018ba40a1c4.svg)
}

.fi-lu.fis {
    background-image: url(lu.c50a5e548a39ef71.svg)
}

.fi-lv {
    background-image: url(lv.a0f4e5015920e189.svg)
}

.fi-lv.fis {
    background-image: url(lv.4971dcb7bdedeb14.svg)
}

.fi-ly {
    background-image: url(ly.767d61c3fb230797.svg)
}

.fi-ly.fis {
    background-image: url(ly.b15665e7665261ca.svg)
}

.fi-ma {
    background-image: url(ma.ac9e86477b1dfcf1.svg)
}

.fi-ma.fis {
    background-image: url(ma.011669b174f36ccc.svg)
}

.fi-mc {
    background-image: url(mc.4575357b9824acd5.svg)
}

.fi-mc.fis {
    background-image: url(mc.8d86df982f0bef34.svg)
}

.fi-md {
    background-image: url(md.dba4c7fc54d71e3c.svg)
}

.fi-md.fis {
    background-image: url(md.1ac10547666941a9.svg)
}

.fi-me {
    background-image: url(me.4978895cd96fbe55.svg)
}

.fi-me.fis {
    background-image: url(me.7e20b942ca3f38fa.svg)
}

.fi-mf {
    background-image: url(mf.ec6640d7752877e1.svg)
}

.fi-mf.fis {
    background-image: url(mf.bc0949877b22fa98.svg)
}

.fi-mg {
    background-image: url(mg.fdccffd887bcc5c9.svg)
}

.fi-mg.fis {
    background-image: url(mg.4877b16a2bcfad9e.svg)
}

.fi-mh {
    background-image: url(mh.2e69453f0c3e6684.svg)
}

.fi-mh.fis {
    background-image: url(mh.843322688fd498d9.svg)
}

.fi-mk {
    background-image: url(mk.e08d824ee41156ca.svg)
}

.fi-mk.fis {
    background-image: url(mk.2e8a86db062ab93e.svg)
}

.fi-ml {
    background-image: url(ml.8913b6a0fecc4c4b.svg)
}

.fi-ml.fis {
    background-image: url(ml.ba7ce81b14de908f.svg)
}

.fi-mm {
    background-image: url(mm.88f1ae1b66d67338.svg)
}

.fi-mm.fis {
    background-image: url(mm.588f0238db599345.svg)
}

.fi-mn {
    background-image: url(mn.365f5b1a9fa16b37.svg)
}

.fi-mn.fis {
    background-image: url(mn.b7e179571f72a1e6.svg)
}

.fi-mo {
    background-image: url(mo.5c0be54036958063.svg)
}

.fi-mo.fis {
    background-image: url(mo.26867be28bc3ee22.svg)
}

.fi-mp {
    background-image: url(mp.fb95729ba93146d9.svg)
}

.fi-mp.fis {
    background-image: url(mp.8842d0ea8c00b030.svg)
}

.fi-mq {
    background-image: url(mq.552f523c9f672ad6.svg)
}

.fi-mq.fis {
    background-image: url(mq.ff8d61a6f4aa39be.svg)
}

.fi-mr {
    background-image: url(mr.b1c9464033c485e0.svg)
}

.fi-mr.fis {
    background-image: url(mr.102a50bf523e9ea0.svg)
}

.fi-ms {
    background-image: url(ms.57d5c0e6e7e9a0f4.svg)
}

.fi-ms.fis {
    background-image: url(ms.2e19586bd0a856f4.svg)
}

.fi-mt {
    background-image: url(mt.2a8198a4f9404eeb.svg)
}

.fi-mt.fis {
    background-image: url(mt.b8ab0ef5e27e030c.svg)
}

.fi-mu {
    background-image: url(mu.c9c6e4ee68ac3e58.svg)
}

.fi-mu.fis {
    background-image: url(mu.42abd700c57bc853.svg)
}

.fi-mv {
    background-image: url(mv.f37078c165257992.svg)
}

.fi-mv.fis {
    background-image: url(mv.cd985551a0e467a4.svg)
}

.fi-mw {
    background-image: url(mw.69ded79272dfc87a.svg)
}

.fi-mw.fis {
    background-image: url(mw.65a713223a478cde.svg)
}

.fi-mx {
    background-image: url(mx.1134b850af46fe9c.svg)
}

.fi-mx.fis {
    background-image: url(mx.bc25957663c602a6.svg)
}

.fi-my {
    background-image: url(my.fc14919ac05a2328.svg)
}

.fi-my.fis {
    background-image: url(my.2cdcc8d1b0271b63.svg)
}

.fi-mz {
    background-image: url(mz.2506e9e5c846f89c.svg)
}

.fi-mz.fis {
    background-image: url(mz.4f04cc968979e983.svg)
}

.fi-na {
    background-image: url(na.54baa000eecc23e0.svg)
}

.fi-na.fis {
    background-image: url(na.a64d8ca1f7e033b0.svg)
}

.fi-nc {
    background-image: url(nc.fe4ee3e5042b6dce.svg)
}

.fi-nc.fis {
    background-image: url(nc.51c5586c405c5914.svg)
}

.fi-ne {
    background-image: url(ne.6a215ca5c7aded3a.svg)
}

.fi-ne.fis {
    background-image: url(ne.ddabaa80d9de1318.svg)
}

.fi-nf {
    background-image: url(nf.0e3b38dc7e8c3eba.svg)
}

.fi-nf.fis {
    background-image: url(nf.407d2ab8429c4d0d.svg)
}

.fi-ng {
    background-image: url(ng.ec2e74e25c841892.svg)
}

.fi-ng.fis {
    background-image: url(ng.5247079e7909b3e4.svg)
}

.fi-ni {
    background-image: url(ni.5163411d38e79e29.svg)
}

.fi-ni.fis {
    background-image: url(ni.bf7fcea52d020f76.svg)
}

.fi-nl {
    background-image: url(nl.c49ee8d5117a24a4.svg)
}

.fi-nl.fis {
    background-image: url(nl.2c98e1df74eeee29.svg)
}

.fi-no {
    background-image: url(no.4ceb414c5349393c.svg)
}

.fi-no.fis {
    background-image: url(no.a519bc0fe2e7bce4.svg)
}

.fi-np {
    background-image: url(np.3a5eec1c81a9e870.svg)
}

.fi-np.fis {
    background-image: url(np.a94793ce2ea389f5.svg)
}

.fi-nr {
    background-image: url(nr.f98dec915bc94708.svg)
}

.fi-nr.fis {
    background-image: url(nr.a83a706b6398fc21.svg)
}

.fi-nu {
    background-image: url(nu.e3a84a02f795b0c2.svg)
}

.fi-nu.fis {
    background-image: url(nu.ab755ce55ddc7a84.svg)
}

.fi-nz {
    background-image: url(nz.16212e51f5c15164.svg)
}

.fi-nz.fis {
    background-image: url(nz.e296aaa6a63f2f94.svg)
}

.fi-om {
    background-image: url(om.449f75b209c79648.svg)
}

.fi-om.fis {
    background-image: url(om.0747201c27e49bae.svg)
}

.fi-pa {
    background-image: url(pa.78bb9a3dbec97e33.svg)
}

.fi-pa.fis {
    background-image: url(pa.beca3af60b3d66e2.svg)
}

.fi-pe {
    background-image: url(pe.1320cd1a6c400204.svg)
}

.fi-pe.fis {
    background-image: url(pe.74e80a9765619d1d.svg)
}

.fi-pf {
    background-image: url(pf.41e90cd10ec25690.svg)
}

.fi-pf.fis {
    background-image: url(pf.43045c7cb8132fb7.svg)
}

.fi-pg {
    background-image: url(pg.cb62536b104c0bb7.svg)
}

.fi-pg.fis {
    background-image: url(pg.ed799a7cf334a5f1.svg)
}

.fi-ph {
    background-image: url(ph.d218202d6495d99d.svg)
}

.fi-ph.fis {
    background-image: url(ph.fdc9fd6e762673e5.svg)
}

.fi-pk {
    background-image: url(pk.b52bfbe86206d5a4.svg)
}

.fi-pk.fis {
    background-image: url(pk.39a05c74a2f2f45a.svg)
}

.fi-pl {
    background-image: url(pl.4ca59b6d587566c3.svg)
}

.fi-pl.fis {
    background-image: url(pl.b7f0464cbdaae06c.svg)
}

.fi-pm {
    background-image: url(pm.a5508b8f3136656f.svg)
}

.fi-pm.fis {
    background-image: url(pm.6e3b8747a7986c90.svg)
}

.fi-pn {
    background-image: url(pn.b4e1ab6aa7afbe3e.svg)
}

.fi-pn.fis {
    background-image: url(pn.5e11b03ba39b41db.svg)
}

.fi-pr {
    background-image: url(pr.89d15f5223a873ea.svg)
}

.fi-pr.fis {
    background-image: url(pr.eac89ae4e781ce80.svg)
}

.fi-ps {
    background-image: url(ps.af946441e80328da.svg)
}

.fi-ps.fis {
    background-image: url(ps.651e63e808e97204.svg)
}

.fi-pt {
    background-image: url(pt.acd403c0181424a7.svg)
}

.fi-pt.fis {
    background-image: url(pt.751775fc75dedadc.svg)
}

.fi-pw {
    background-image: url(pw.c4139f47817b83de.svg)
}

.fi-pw.fis {
    background-image: url(pw.e47cd8a05feb4109.svg)
}

.fi-py {
    background-image: url(py.975980dc2482d85d.svg)
}

.fi-py.fis {
    background-image: url(py.6523d7909b2c655f.svg)
}

.fi-qa {
    background-image: url(qa.f779f3e277547634.svg)
}

.fi-qa.fis {
    background-image: url(qa.79dab3098bdff359.svg)
}

.fi-re {
    background-image: url(re.d3c4fc19965fe67d.svg)
}

.fi-re.fis {
    background-image: url(re.4d18457f5c4225b8.svg)
}

.fi-ro {
    background-image: url(ro.c05f47cb02a1804b.svg)
}

.fi-ro.fis {
    background-image: url(ro.4885a544c38934a1.svg)
}

.fi-rs {
    background-image: url(rs.3bffe169ab26876d.svg)
}

.fi-rs.fis {
    background-image: url(rs.0f45ed27ff95a1ec.svg)
}

.fi-ru {
    background-image: url(ru.2c4479066cc3aa69.svg)
}

.fi-ru.fis {
    background-image: url(ru.9ee2a40ef905a06f.svg)
}

.fi-rw {
    background-image: url(rw.c85e0781fcb133d3.svg)
}

.fi-rw.fis {
    background-image: url(rw.04eaf790279bd7b8.svg)
}

.fi-sa {
    background-image: url(sa.0db9e8ec31437311.svg)
}

.fi-sa.fis {
    background-image: url(sa.9a769000dc055c3b.svg)
}

.fi-sb {
    background-image: url(sb.cf6a4cebafb1f226.svg)
}

.fi-sb.fis {
    background-image: url(sb.63a8b779620b6de7.svg)
}

.fi-sc {
    background-image: url(sc.ae98e9c514fed817.svg)
}

.fi-sc.fis {
    background-image: url(sc.95a235db72612296.svg)
}

.fi-sd {
    background-image: url(sd.e0e59b6edb23b64e.svg)
}

.fi-sd.fis {
    background-image: url(sd.cc39c2fdc8977a99.svg)
}

.fi-se {
    background-image: url(se.ec52785e76edcf10.svg)
}

.fi-se.fis {
    background-image: url(se.6e3dfa928a7d31ac.svg)
}

.fi-sg {
    background-image: url(sg.7ad85643544ae93f.svg)
}

.fi-sg.fis {
    background-image: url(sg.6c7c77dde29cb785.svg)
}

.fi-sh {
    background-image: url(sh.3ad15ea139bb2202.svg)
}

.fi-sh.fis {
    background-image: url(sh.9a586a73ec38cd71.svg)
}

.fi-si {
    background-image: url(si.2451437b958a17f0.svg)
}

.fi-si.fis {
    background-image: url(si.7c060dc60817a08a.svg)
}

.fi-sj {
    background-image: url(sj.239f992c4b154e30.svg)
}

.fi-sj.fis {
    background-image: url(sj.86309dc7785d4e09.svg)
}

.fi-sk {
    background-image: url(sk.22ca134082577ec7.svg)
}

.fi-sk.fis {
    background-image: url(sk.41f9c3b22b8630c4.svg)
}

.fi-sl {
    background-image: url(sl.193f7759cbfb5ccc.svg)
}

.fi-sl.fis {
    background-image: url(sl.b8e2f9c89b6eafb0.svg)
}

.fi-sm {
    background-image: url(sm.4a2793938fb4bbf6.svg)
}

.fi-sm.fis {
    background-image: url(sm.9f3be35f444ac461.svg)
}

.fi-sn {
    background-image: url(sn.562c00ddb3d3bcf0.svg)
}

.fi-sn.fis {
    background-image: url(sn.3ab9bf55d0c959a1.svg)
}

.fi-so {
    background-image: url(so.81fb24d4da5c2fde.svg)
}

.fi-so.fis {
    background-image: url(so.90ac99ad364c0398.svg)
}

.fi-sr {
    background-image: url(sr.3b1c3796bd0cc5d3.svg)
}

.fi-sr.fis {
    background-image: url(sr.0953a6a09fbec3c2.svg)
}

.fi-ss {
    background-image: url(ss.1612a976f4da0293.svg)
}

.fi-ss.fis {
    background-image: url(ss.6f65d43cce4641cc.svg)
}

.fi-st {
    background-image: url(st.e2d0e8127cdd6be5.svg)
}

.fi-st.fis {
    background-image: url(st.24c52b784b2e5476.svg)
}

.fi-sv {
    background-image: url(sv.955539c3291b343e.svg)
}

.fi-sv.fis {
    background-image: url(sv.4a7ef34153f4e9fa.svg)
}

.fi-sx {
    background-image: url(sx.1a2113b232f7e8e6.svg)
}

.fi-sx.fis {
    background-image: url(sx.ba3ea51fe119dbe5.svg)
}

.fi-sy {
    background-image: url(sy.1f32362a3b24d34e.svg)
}

.fi-sy.fis {
    background-image: url(sy.f444a6e69007040c.svg)
}

.fi-sz {
    background-image: url(sz.cc9ae834e1dc55d6.svg)
}

.fi-sz.fis {
    background-image: url(sz.61ba2742e1ea882b.svg)
}

.fi-tc {
    background-image: url(tc.1d40ce70d6ac050d.svg)
}

.fi-tc.fis {
    background-image: url(tc.79662ff041fc102b.svg)
}

.fi-td {
    background-image: url(td.4112ccd59f6a957b.svg)
}

.fi-td.fis {
    background-image: url(td.5f20acc41c21f0f9.svg)
}

.fi-tf {
    background-image: url(tf.7c977baf01f070a4.svg)
}

.fi-tf.fis {
    background-image: url(tf.5fa853872f73021d.svg)
}

.fi-tg {
    background-image: url(tg.5715bee8450401ad.svg)
}

.fi-tg.fis {
    background-image: url(tg.a1a84f46539a34d1.svg)
}

.fi-th {
    background-image: url(th.b00e082a0a342e7e.svg)
}

.fi-th.fis {
    background-image: url(th.ef3740665c0c9208.svg)
}

.fi-tj {
    background-image: url(tj.cea8921ab9e62454.svg)
}

.fi-tj.fis {
    background-image: url(tj.15422eff8868e837.svg)
}

.fi-tk {
    background-image: url(tk.c0bf669cbb0ad19b.svg)
}

.fi-tk.fis {
    background-image: url(tk.4c50bf5be4a35001.svg)
}

.fi-tl {
    background-image: url(tl.2c56cc08ea23c597.svg)
}

.fi-tl.fis {
    background-image: url(tl.8a381dde6f68f854.svg)
}

.fi-tm {
    background-image: url(tm.c0fe3bc677cf1a86.svg)
}

.fi-tm.fis {
    background-image: url(tm.6a8ec56b96f23222.svg)
}

.fi-tn {
    background-image: url(tn.37c8e7cec2c0aabe.svg)
}

.fi-tn.fis {
    background-image: url(tn.00f037a954b956ee.svg)
}

.fi-to {
    background-image: url(to.e21e7b0263e689e8.svg)
}

.fi-to.fis {
    background-image: url(to.c6f3657cced64456.svg)
}

.fi-tr {
    background-image: url(tr.d4c9d92addeb52b5.svg)
}

.fi-tr.fis {
    background-image: url(tr.0def5aa563197574.svg)
}

.fi-tt {
    background-image: url(tt.e0985f1c697f8260.svg)
}

.fi-tt.fis {
    background-image: url(tt.6ab528e2909e37f2.svg)
}

.fi-tv {
    background-image: url(tv.3824bd65f79ff7f3.svg)
}

.fi-tv.fis {
    background-image: url(tv.6903cb034d7920a9.svg)
}

.fi-tw {
    background-image: url(tw.73a45808a2e09fcb.svg)
}

.fi-tw.fis {
    background-image: url(tw.be895da5d21f59c1.svg)
}

.fi-tz {
    background-image: url(tz.2fc608dc2e4ec1bd.svg)
}

.fi-tz.fis {
    background-image: url(tz.1c849474d67d58b8.svg)
}

.fi-ua {
    background-image: url(ua.f2fcca8eaa807370.svg)
}

.fi-ua.fis {
    background-image: url(ua.1906adac43c44984.svg)
}

.fi-ug {
    background-image: url(ug.950aec889acdc8c3.svg)
}

.fi-ug.fis {
    background-image: url(ug.447bdffc8d206226.svg)
}

.fi-um {
    background-image: url(um.dcc46281940ce81b.svg)
}

.fi-um.fis {
    background-image: url(um.3bcbb586b5abb63d.svg)
}

.fi-us {
    background-image: url(us.ed9e9dcf6da9e384.svg)
}

.fi-us.fis {
    background-image: url(us.74ba178978373e66.svg)
}

.fi-uy {
    background-image: url(uy.9537a65db4d73ba7.svg)
}

.fi-uy.fis {
    background-image: url(uy.d2ccd30830412a42.svg)
}

.fi-uz {
    background-image: url(uz.f2c7bb342a2d4dd6.svg)
}

.fi-uz.fis {
    background-image: url(uz.547d4bad2416b30b.svg)
}

.fi-va {
    background-image: url(va.959875d92d71e9a6.svg)
}

.fi-va.fis {
    background-image: url(va.420e8e0c49b78eca.svg)
}

.fi-vc {
    background-image: url(vc.fef5eea862e4514a.svg)
}

.fi-vc.fis {
    background-image: url(vc.236a0c50e1b44bf1.svg)
}

.fi-ve {
    background-image: url(ve.fc18ce1071521e33.svg)
}

.fi-ve.fis {
    background-image: url(ve.fadaaf829dd74968.svg)
}

.fi-vg {
    background-image: url(vg.56b7d7225542320d.svg)
}

.fi-vg.fis {
    background-image: url(vg.a2ba8d0e1288d672.svg)
}

.fi-vi {
    background-image: url(vi.07ed8cfebc9aa2dc.svg)
}

.fi-vi.fis {
    background-image: url(vi.aaeab1462ac5598d.svg)
}

.fi-vn {
    background-image: url(vn.72f1ed8d98c3d37b.svg)
}

.fi-vn.fis {
    background-image: url(vn.8508d80362e87600.svg)
}

.fi-vu {
    background-image: url(vu.e04498202dcfd01e.svg)
}

.fi-vu.fis {
    background-image: url(vu.e2f097786a25523e.svg)
}

.fi-wf {
    background-image: url(wf.bca98a8bbc7ff179.svg)
}

.fi-wf.fis {
    background-image: url(wf.f72e2367632adc9e.svg)
}

.fi-ws {
    background-image: url(ws.7d68a871e4efcb78.svg)
}

.fi-ws.fis {
    background-image: url(ws.7f5978f736b57d8c.svg)
}

.fi-ye {
    background-image: url(ye.9d9e4c9f134a38cc.svg)
}

.fi-ye.fis {
    background-image: url(ye.8f3c7165d0eacccb.svg)
}

.fi-yt {
    background-image: url(yt.045dc59672b69dda.svg)
}

.fi-yt.fis {
    background-image: url(yt.a50469fc051cbce0.svg)
}

.fi-za {
    background-image: url(za.b4b48b9d5f568496.svg)
}

.fi-za.fis {
    background-image: url(za.41aa0ffd2d60156d.svg)
}

.fi-zm {
    background-image: url(zm.ef3a9aef9f166e8b.svg)
}

.fi-zm.fis {
    background-image: url(zm.58e73af5662c8cdf.svg)
}

.fi-zw {
    background-image: url(zw.3e71d5a4d2806306.svg)
}

.fi-zw.fis {
    background-image: url(zw.f11b2c747623fe69.svg)
}

.fi-arab {
    background-image: url(arab.073495a5b37b381d.svg)
}

.fi-arab.fis {
    background-image: url(arab.979580f271c880f0.svg)
}

.fi-asean {
    background-image: url(asean.22f23a72647b9374.svg)
}

.fi-asean.fis {
    background-image: url(asean.94b668bbb3ada70f.svg)
}

.fi-cefta {
    background-image: url(cefta.3c76a8688e63ae0c.svg)
}

.fi-cefta.fis {
    background-image: url(cefta.6ce94a4259735fbe.svg)
}

.fi-cp {
    background-image: url(cp.d0eb7df6815695e9.svg)
}

.fi-cp.fis {
    background-image: url(cp.f400c9bae76286f7.svg)
}

.fi-dg {
    background-image: url(dg.2de1a5479713057d.svg)
}

.fi-dg.fis {
    background-image: url(dg.52fa6fbe2988c7cf.svg)
}

.fi-eac {
    background-image: url(eac.1ac045077b1cd13e.svg)
}

.fi-eac.fis {
    background-image: url(eac.8d4776f54741152f.svg)
}

.fi-es-ct {
    background-image: url(es-ct.5e59862b44fecd94.svg)
}

.fi-es-ct.fis {
    background-image: url(es-ct.c6598d85ba8e8d6e.svg)
}

.fi-es-ga {
    background-image: url(es-ga.f3f34c34a3105ff5.svg)
}

.fi-es-ga.fis {
    background-image: url(es-ga.13ecfea2392a10bc.svg)
}

.fi-es-pv {
    background-image: url(es-pv.75ca1be59d2c40e2.svg)
}

.fi-es-pv.fis {
    background-image: url(es-pv.98874354f758eff5.svg)
}

.fi-eu {
    background-image: url(eu.cef9551f072175b1.svg)
}

.fi-eu.fis {
    background-image: url(eu.6f18afcd826d76b8.svg)
}

.fi-gb-eng {
    background-image: url(gb-eng.e1fc6b4f1ef88793.svg)
}

.fi-gb-eng.fis {
    background-image: url(gb-eng.5107a4c27ebbb74f.svg)
}

.fi-gb-nir {
    background-image: url(gb-nir.8ec547f4f5ed48f2.svg)
}

.fi-gb-nir.fis {
    background-image: url(gb-nir.f40f87d5c2ddf503.svg)
}

.fi-gb-sct {
    background-image: url(gb-sct.10f3906a11c229f1.svg)
}

.fi-gb-sct.fis {
    background-image: url(gb-sct.6618f22c09f95e71.svg)
}

.fi-gb-wls {
    background-image: url(gb-wls.a6fac399176be9af.svg)
}

.fi-gb-wls.fis {
    background-image: url(gb-wls.1cf3d9cc1065652d.svg)
}

.fi-ic {
    background-image: url(ic.1404e905104fed88.svg)
}

.fi-ic.fis {
    background-image: url(ic.b8b8078e217a5b6e.svg)
}

.fi-pc {
    background-image: url(pc.9cfd8220fca7ea16.svg)
}

.fi-pc.fis {
    background-image: url(pc.25fa60339932da74.svg)
}

.fi-sh-ac {
    background-image: url(sh-ac.49686f507525613a.svg)
}

.fi-sh-ac.fis {
    background-image: url(sh-ac.103f8fd9a63af301.svg)
}

.fi-sh-hl {
    background-image: url(sh-hl.c4109a603f9d1cc9.svg)
}

.fi-sh-hl.fis {
    background-image: url(sh-hl.664afc561d8174f8.svg)
}

.fi-sh-ta {
    background-image: url(sh-ta.26f1bf6d1951d8fc.svg)
}

.fi-sh-ta.fis {
    background-image: url(sh-ta.9e06bc08e496eb2c.svg)
}

.fi-un {
    background-image: url(un.98053442ebe9c6e1.svg)
}

.fi-un.fis {
    background-image: url(un.f72dbd04bf99375a.svg)
}

.fi-xk {
    background-image: url(xk.9fc203f30482a6ec.svg)
}

.fi-xk.fis {
    background-image: url(xk.961776b9098f435d.svg)
}

:root {
    --gradient-color: linear-gradient(45deg, #0cc0df 0%, #0cc0df 100%);
    --theme-color: #0cc0df;
    --dark-color: #f7f7f7;
    --light-color: #1a1a1a;
    --primary-light: #fedbb229;
    --primary-hover: rgb(26, 6, 6) !important;
    --navbar-color: rgb(39, 39, 39);
    --headar-IB-link-color: rgb(142, 142, 142);
    --bg-body-color: #f5fffe;
    --sidebar-bg-color: #f5fffe;
    --sidebar-nav-link-text-color: rgb(53, 53, 53);
    --sidebar-active-bg-color: linear-gradient(45deg, #0cc0df 0%, #0cc0df 100%);
    --sidebar-nav-shape-bg: #685d5d;
    --sidebar-nav-active-color: #e0e0e0;
    --sidebar-nav-hover-bg: #0cc0df;
    --sidebar-nav-hover-text-color: #e0e0e0;
    --sidebar-nav-hover-border-bottom-color: #cccccc;
    --sidebar-nav-active-border-left-color: #0cc0df;
    --sidebar-nav-p: #3a3131;
    --deskcard-bg-color: #ffffff;
    --bg-login-container: #f5fffe;
    --bg-login-color: #ffffff;
    --login-signup-text-color: #333333;
    --login-textbox-bg-color: #f7f7f7;
    --login-icon-bg-color: #f7f7f7;
    --login-icon-text-color: #000000;
    --dashboard-bg-color: #fbfbfb00;
    --dashboard-card-text-color: #333333;
    --table-head: #eeeeee;
    --table-head-text: #707070;
    --table-body: #fbfbfb;
    --table-text: #333;
    --navbar-strip-top-bg: #cfcfcf;
    --tab-panel-heading-color: #333333;
    --tab-active-button-color: linear-gradient(45deg, #0cc0df 0%, #0cc0df 100%);
    --tab-active-button-text-color: #fff;
    --tab2-button--bg-color: linear-gradient(45deg, #0cc0df 0%, #0cc0df 100%);
    --tab2-button--text-color: #fff;
    --heading-title: #333333;
    --modal-header-bg-color: #ffffff;
    --modal-header-text-color: #303030;
    --modal-body-bg-color: #ffffff;
    --modal-body-text-color: #303030;
    --download-palatfomt-card-bg-color: #f5f5f5;
    --download-palatfomt-card-text-color: #333334;
    --download-palatfomt-button-bg-color: #0cc0df;
    --download-palatfomt-border-color: #0cc0df;
    --ib-body: rgb(255, 255, 255);
    --ib-body-text: #0cc0df;
    --ib-border-color: #b1b0b0;
    --card-body: #f0f0f0;
    --kyc-wrapper-border-color: #cccccc;
    --setting-password-condition-color: #333333;
    --text-color-customise: #333;
    --Ib-card-bg-color: #f7f7f7;
    --Ib-card-heading-color: #525252;
    --Ib-card-No-color: #0cc0df;
    --content-wrapper-main: #fbfbfb00;
    --border-color: #ebebeb;
    --text-color: #4e4e4e;
    --toggle-button-color: #333333;
    --logout-dropdown-bg-color: #f7f7f7;
    --form-control-bg-color: #fff;
    --form-control-border-color: #efefef;
    --form-control-focus-bg-color: #fff;
    --form-control-focus-border-color: #ced4da;
    --language-bg-color: #f3f3f3;
    --accordian-body-color: #fbfbfb;
    --accordian-icon-color: #333;
    --accordian-header-color: #fbfbfb;
    --accordian-border-color: #f3f3f3;
    --bg-primary: #ffffff;
    --border-primary: #e9e9e9;
    --btn-theme-color: #f3f3f3;
    --bg-selected: #d6f3ff;
    --border-selected: #efefef;
    --box-shadow-color: #dfd9d9
}

:root.dark-theme {
    --gradient-color: linear-gradient(120deg, #6c72ff 0%, #3a41fc 100%);
    --theme-color: #6c72ff;
    --dark-color: #141414;
    --light-color: #1a1a1a;
    --bg-body-color: #080f25;
    --sidebar-bg-color: #080f25;
    --sidebar-nav-link-text-color: #7a7a7a;
    --sidebar-active-bg-color: linear-gradient(45deg, #212c4d 0%, #212c4d 100%);
    --sidebar-nav-shape-bg: rgb(0, 0, 0);
    --sidebar-nav-active-color: #ffffff;
    --sidebar-nav-hover-bg: #212c4d;
    --sidebar-nav-hover-text-color: #ebebeb;
    --sidebar-nav-hover-border-bottom-color: #cccccc;
    --sidebar-nav-active-border-left-color: #6c72ff;
    --sidebar-nav-p: #a8a8a8;
    --deskcard-bg-color: #212c4d;
    --bg-login-container: #0e064c;
    --bg-login-color: #0e083f;
    --login-signup-text-color: #7a7a7a;
    --login-textbox-bg-color: #eeeeee;
    --login-icon-bg-color: #dddddd;
    --login-icon-text-color: #999797;
    --dashboard-bg-color: #11192e;
    --dashboard-card-text-color: #7a7a7a;
    --table-head: rgb(8 15 37);
    --table-head-text: #cecece;
    --table-body: rgb(10, 18, 43);
    --table-text: #cecece;
    --navbar-strip-top-bg: #2e2e2e;
    --tab-panel-heading-color: #fff;
    --tab-active-button-color: linear-gradient(45deg, #212c4d 0%, #212c4d 100%);
    --tab-active-button-text-color: #fff;
    --tab2-button--bg-color: linear-gradient(45deg, #212c4d 0%, #212c4d 100%);
    --tab2-button--text-color: #fff;
    --heading-title: #ffffff;
    --modal-header-bg-color: #101935;
    --modal-header-text-color: #ffffff;
    --modal-body-bg-color: #101935;
    --modal-body-text-color: #c2c2c2;
    --download-palatfomt-card-bg-color: #212c4d;
    --download-palatfomt-card-text-color: #fff;
    --download-palatfomt-button-bg-color: #141414;
    --download-palatfomt-border-color: #251c6a;
    --ib-body: #212c4d;
    --ib-body-text: #fff;
    --ib-border-color: var(--border-color);
    --card-body: #212c4d;
    --kyc-wrapper-border-color: #212c4d;
    --setting-password-condition-color: #8d8989;
    --text-color-customise: #fff;
    --setting-password-condition-color: #333333;
    --text-color-customise: #999999;
    --Ib-card-bg-color: #212c4d;
    --Ib-card-heading-color: #838282;
    --Ib-card-No-color: #29d5ce;
    --content-wrapper-main: #101935;
    --border-color: #242048;
    --text-color: #7a7a7a;
    --toggle-button-color: #7a7a7a;
    --logout-dropdown-bg-color: #251c6a;
    --form-control-bg-color: #212c4d;
    --form-control-border-color: #212c4d;
    --form-control-focus-bg-color: #080F25;
    --form-control-focus-border-color: #080F25;
    --language-bg-color: #251c6a;
    --accordian-body-color: rgb(10 18 43);
    --accordian-icon-color: #fff;
    --accordian-header-color: rgb(8 15 37);
    --accordian-border-color: #251c6a;
    --bg-primary: #242048;
    --border-primary: #242048;
    --btn-theme-color: #242048;
    --bg-selected: #b3abfb;
    --border-selected: #b3abfb;
    --box-shadow-color: #212224
}

body {
    font-family: PT Sans, sans-serif;
    color: var(--light-color)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: PT Sans, sans-serif
}

#content {
    background: var(--bg-body-color);
    width: calc(100% - 260px);
    float: right;
    transition: all .3s;
    min-height: 100vh;
    padding-left: 25px
}

.content100 {
    width: calc(100% - 100px) !important
}

.main-content {
    background: rgba(203, 203, 210, .15);
    position: relative;
    z-index: 2;
    float: right;
    width: calc(100% - 250px);
    overflow: auto;
    min-height: calc(100vh - 70px);
    padding-top: 15px
}

p {
    font-family: PT Sans, sans-serif;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999
}

a,
a:hover,
a:focus {
    color: #999;
    text-decoration: none;
    transition: all .3s
}

.navbar {
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0
}

i,
span {
    display: inline-block
}

.wrapper {
    position: relative;
    top: 0;
    height: 100vh
}

#sidebar {
    min-width: 260px;
    max-width: 260px;
    background: var(--sidebar-bg-color);
    transition: all .3s;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 5;
    color: #fff;
    font-weight: 200;
    background-size: cover;
    background-position: center center;
    overflow-x: hidden;
    padding-right: 25px
}

#sidebar.active {
    min-width: 100px;
    max-width: 100px;
    text-align: center
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
    display: none
}

#sidebar.active .sidebar-header strong {
    display: block
}

#sidebar ul li a {
    text-align: left
}

#sidebar.active ul li a {
    padding: 5px 10px;
    text-align: center;
    font-size: .75em;
    display: none
}

#sidebar.active .side-navbar p span {
    display: none
}

#sidebar.active .side-navbar p svg {
    display: block;
    height: 50px;
    width: 50px;
    background-image: var(--sidebar-active-bg-color);
    color: var(--text-color);
    font-size: 10px;
    border-radius: 50%;
    padding: 14px;
    margin-left: 15px
}

#sidebar.active .side-navbar p i {
    display: none
}

#sidebar.active ul li a i {
    margin-right: 0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px
}

#sidebar.active .side-navbar p {
    padding-left: 0
}

@media (max-width: 768px) {
    #sidebar.active {
        min-width: 280px;
        max-width: 280px;
        text-align: center
    }

    #sidebar.active ul li a {
        text-align: left;
        font-size: 1em;
        display: block
    }

    #sidebar.active .side-navbar p span {
        display: block
    }

    #sidebar.active .side-navbar p {
        display: flex;
        justify-content: start;
        align-items: center;
        padding-left: 20px
    }

    #sidebar.active .side-navbar p svg {
        display: block;
        height: 35px;
        width: 35px;
        background-image: var(--sidebar-active-bg-color);
        color: var(--text-color);
        border-radius: 50%;
        padding: 7px;
        margin-left: 0
    }

    #sidebar.active .side-navbar p i {
        display: block;
        padding: 0 15px
    }

    #sidebar.active ul li a i {
        margin-right: 0;
        display: block;
        font-size: 1.8em;
        margin-bottom: 5px
    }
}

.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 998
}

#sidebar {
    z-index: 999
}

#sidebar.active ul ul a {
    padding: 10px !important
}

#sidebar.active .dropdown-toggle:after {
    top: auto;
    bottom: 10px;
    right: 50%;
    transform: translate(50%)
}

#sidebar .sidebar-header {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    color: var(--text-color)
}

#sidebar .sidebar-header strong {
    display: none;
    font-size: 1.8em
}

#sidebar ul.components {
    padding: 0 0 1px
}

#sidebar ul li a {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 8px 10px;
    font-size: .9em;
    line-height: 2em;
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin: 10px 0 7px 28px;
    color: var(--sidebar-nav-link-text-color);
    letter-spacing: .3px;
    font-family: PT Sans, sans-serif
}

#sidebar ul li a.active {
    background-image: var(--sidebar-active-bg-color);
    color: var(--sidebar-nav-active-color);
    border-left: 4px solid var(--sidebar-nav-active-border-left-color)
}

#sidebar ul li a:hover {
    color: var(--sidebar-nav-hover-text-color);
    background-image: var(--sidebar-active-bg-color);
    border-bottom: 2px solid --sidebar-nav-hover-border-bottom-color;
    border-left: 4px solid var(--sidebar-nav-active-border-left-color)
}

#sidebar ul li a i {
    margin-right: 10px
}

#sidebar ul li.active>a,
a[aria-expanded=true] {
    color: #fff;
    background: #6d7fcc
}

a[data-toggle=collapse] {
    position: relative
}

.dropdown-toggle:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

ul ul a {
    font-size: .9em !important;
    padding-left: 30px !important;
    background: #6d7fcc
}

ul.CTAs {
    padding: 20px
}

ul.CTAs a {
    text-align: center;
    font-size: .9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px
}

a.download {
    background: #fff;
    color: #7386d5
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important
}

@media (max-width: 768px) {
    #sidebar {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
        margin-left: -80px !important
    }

    .dropdown-toggle:after {
        top: auto;
        bottom: 10px;
        right: 50%;
        transform: translate(50%)
    }

    #sidebar.active {
        margin-left: 0 !important
    }

    #sidebar .sidebar-header h3,
    #sidebar .CTAs {
        display: none
    }

    #sidebar .sidebar-header strong {
        display: block
    }

    #sidebar ul li a {
        padding: 20px 10px
    }

    #sidebar ul li a span {
        font-size: .85em
    }

    #sidebar ul li a i {
        margin-right: 0;
        display: block
    }

    #sidebar ul ul a {
        padding: 10px !important
    }

    #sidebar ul li a i {
        font-size: 1.3em
    }

    #sidebar {
        margin-left: 0
    }

    #sidebarCollapse span {
        display: none
    }
}

.page-item.active .page-link {
    z-index: 3;
    color: var(--light-color);
    background-color: var(--dark-color);
    border-color: var(--dark-color)
}

.page-link {
    color: var(--dark-color)
}

.page-link:hover {
    z-index: 2;
    color: #7386d5;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.btn {
    border: 0px
}

.btn-primary-outline {
    color: #1f1e1e;
    background: transparent;
    background-image: var(--btn-disabled-bg);
    border-color: var(--gradient-color);
    border: 1px solid
}

.btn-primary {
    color: #fff;
    background: transparent;
    background-image: var(--gradient-color);
    border-color: var(--gradient-color)
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--dark-color);
    border-color: var(--dark-color)
}

.btn-warning {
    color: #fff;
    background-color: var(--dark-color) !important;
    border-color: var(--dark-color)
}

.btn-warning:hover {
    color: #fff;
    background-color: var(--primary-hover);
    border-color: var(--primary-hover)
}

.btn.disabled,
.btn:disabled {
    opacity: .35
}

.modal-header {
    background: #343a40;
    color: #fff;
    padding: .5rem
}

.modal-header h4 {
    font-weight: 600
}

.modal-title {
    font-size: 16px;
    padding-top: 5px
}

.modal-footer {
    padding: 0rem
}

button.close {
    color: #fff !important;
    opacity: 10 !important;
    font-weight: 100;
    background: #000;
    border-radius: 50px;
    width: 32px;
    height: 32px
}

.close {
    float: right;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.modal-header .close {
    padding: 0rem;
    margin: 0rem
}

.error {
    font-size: 13px;
    font-weight: 400;
    color: #dd3d4c !important
}

.auth-inner-container {
    background-repeat: no-repeat;
    background-size: cover
}

.divider-text {
    position: relative;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #6785a7 !important;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .5px;
    margin: 15px 0
}

.divider-text:after,
.divider-text:before {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background-color: #dcdcdc
}

.notifier__container * {
    box-sizing: border-box
}

.notifier__container-list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.notifier__notification {
    display: block;
    position: fixed;
    visibility: hidden;
    z-index: 10000;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.notifier__notification--material {
    border-radius: 3px;
    box-shadow: 0 1px 3px #0003;
    cursor: default;
    padding: 11px 26px 10px
}

.notifier__notification--material .notifier__notification-message {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: top;
    line-height: 32px;
    font-size: 15px
}

.notifier__notification--material .notifier__notification-button {
    display: inline-block;
    transition: opacity .2s ease;
    opacity: .5;
    margin-right: -10px;
    margin-left: 10px;
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
    padding: 6px;
    width: 32px;
    height: 32px;
    vertical-align: top
}

.notifier__notification--material .notifier__notification-button:hover,
.notifier__notification--material .notifier__notification-button:focus {
    opacity: 1
}

.notifier__notification--material .notifier__notification-button:active {
    transform: scale(.82);
    opacity: 1
}

.notifier__notification--default {
    background-color: var(--gradient-color);
    color: #fff
}

.notifier__notification--default .notifier__notification-button-icon {
    fill: #fff
}

.notifier__notification--error {
    background-color: #d9534f;
    color: #fff
}

.notifier__notification--error .notifier__notification-button-icon {
    fill: #fff
}

.notifier__notification--info {
    background-color: #5bc0de;
    color: #fff
}

.notifier__notification--info .notifier__notification-button-icon {
    fill: #fff
}

.notifier__notification--success {
    background-color: #5cb85c;
    color: #fff
}

.notifier__notification--success .notifier__notification-button-icon {
    fill: #fff
}

.notifier__notification--warning {
    background-color: #f0ad4e;
    color: #fff
}

.notifier__notification--warning .notifier__notification-button-icon {
    fill: #fff
}

.notifier__notification {
    color: #aa2424;
    width: 500px
}

.notifier__notification p {
    color: #fff
}

.top-toolbar.navbar-desktop .navbar-nav.nav-right {
    margin: 0 50px 0 auto
}

@media (max-width: 580px) {
    .notifier__notification {
        width: 100%
    }
}

button.notifier__notification-button {
    position: absolute;
    right: 18px;
    top: 0
}

.errorMsg,
.error {
    font-size: 13px;
    font-weight: 500;
    color: #ff1b1b !important;
    position: absolute;
    top: 0;
    right: 6px;
    z-index: 1;
    padding: 0 7px 0 4px
}

.pg-tit {
    font-size: 16px;
    font-weight: 600
}

.dashboad-table thead {
    background: var(--table-head);
    color: #fff
}

.table-bordered tr {
    border: 0px solid #0b0b0b
}

.table-bordered tr td {
    color: var(--text-color);
    padding: 15px 15px 5px;
    font-size: 14px;
    font-weight: 400;
    border: 0px;
    background-color: var(--table-body)
}

.table th {
    color: var(--table-head-text);
    padding: 5px 15px;
    font-size: 14px;
    background-color: var(--table-head);
    border: 0px
}

.dashboad-table thead th {
    font-weight: 600;
    border-bottom: 0px;
    padding: 10px 12px
}

.bank-ul {
    list-style: none;
    padding: 10px;
    border-radius: 8px;
    border: 1px dashed var(--border-color);
    margin-bottom: 15px
}

.bank-ul span {
    font-weight: 500
}

.h2,
h2 {
    font-size: 1.5rem
}

b,
strong {
    font-weight: 600
}

.close:focus {
    outline: none;
    box-shadow: none
}

.dd-ul-li {
    list-style: none;
    padding-left: 0;
    text-align: left
}

.dd-ul-li a {
    padding-left: 0 !important;
    background: none
}

.live-btn {
    background: var(--gradient-color);
    border-radius: 50px;
    height: 24px;
    width: 24px;
    color: #fff;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.mng-tdata td {
    vertical-align: middle
}

@media (max-width: 767px) and (min-width: 320px) {
    .media-mb-2 {
        margin-bottom: 15px
    }

    #content {
        width: calc(100% + -0px);
        float: right;
        transition: all .3s;
        padding-left: 0
    }
}

button:focus {
    outline: none;
    border: 0px
}

.red {
    color: #ff1b1b !important
}

.btn-table {
    color: #fff;
    padding: 2px 10px;
    border-radius: 33px;
    font-size: 12px;
    text-align: center
}

.top-logo {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 100;
    max-width: 200px
}

.bg-login {
    background-color: var(--bg-login-color)
}

.login-form-area {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    min-height: 400px;
    width: 90%;
    left: 5%
}

.login-form-area .submit-btn .btn {
    min-width: 180px
}

.nav-tabs {
    border-bottom: 0px
}

ul.pass-cond {
    padding: 0;
    margin: 15px 0 0;
    position: relative;
    list-style-type: none
}

ul.pass-cond li {
    font-size: 13px;
    padding-left: 10px;
    display: block;
    color: var(--text-color)
}

ul.pass-cond li span {
    color: red;
    font-size: 14px
}

.modal-content {
    border: 0px;
    position: absolute;
    top: 100px;
    background-color: var(--modal-body-bg-color)
}

.modal-content .modal-header {
    border: 0px;
    background-color: var(--modal-header-bg-color);
    position: relative;
    color: var(--text-color)
}

.modal-content .modal-body {
    background: var(--modal-body-bg-color);
    padding: .5rem 1rem 1rem
}

.modal-content .modal-footer {
    padding: 10px 15px;
    background-color: var(--modal-body-bg-color);
    border: none
}

.modal-content .close {
    position: absolute;
    top: -32px;
    right: -22px;
    background-color: transparent
}

.form-control {
    font-size: 14px;
    height: 42px;
    border-radius: 0;
    margin-top: 5px
}

label,
small,
.small {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 500;
    color: #999797
}

.btn.disabled,
.btn:disabled {
    background-color: #f2f2f2
}

.nav-pills .nav-link {
    border-radius: 0;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600
}

.nav-pills .nav-link.active {
    background-image: var(--tab2-button--bg-color);
    color: var(--tab2-button--text-color)
}

.tab-pane h2 {
    font-weight: 600;
    color: var(--text-color)
}

.dataTables_length,
.dataTables_wrapper {
    font-size: 1.6rem
}

.dataTables_length select,
.dataTables_length input,
.dataTables_wrapper select,
.dataTables_wrapper input {
    background-color: #f9f9f9;
    border: 1px solid #999;
    border-radius: 4px;
    height: 3rem;
    line-height: 2;
    font-size: 1.8rem;
    color: #333
}

.dataTables_length .dataTables_length,
.dataTables_length .dataTables_filter,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-top: 30px;
    margin-right: 20px;
    margin-bottom: 10px;
    display: inline-flex
}

.paginate_button {
    min-width: 4rem;
    display: inline-block;
    text-align: center;
    padding: 1rem 1.6rem;
    margin-top: -1rem;
    border: 2px solid lightblue
}

.paginate_button:not(.previous) {
    border-left: none
}

.paginate_button.previous {
    border-radius: 8px 0 0 8px;
    min-width: 7rem
}

.paginate_button.next {
    border-radius: 0 8px 8px 0;
    min-width: 7rem
}

.paginate_button:hover {
    cursor: pointer;
    background-color: #eee;
    text-decoration: none
}

ul.ngx-pagination {
    padding: 0;
    margin: 0
}

.ngx-pagination li {
    padding: .5rem .2rem;
    display: block
}

.ngx-pagination li.current {
    background-image: var(--gradient-color);
    color: #fff;
    border-radius: 5px
}

.ngx-pagination li a {
    background: #fff
}

.ngx-pagination li.pagination-next a,
.ngx-pagination li.pagination-previous a {
    background-image: var(--gradient-color);
    color: #fff
}

ngb-modal-backdrop {
    z-index: 1050 !important
}

.mng-row-tras {
    margin-left: 1px;
    background: var(--content-wrapper-main);
    margin-right: 1px;
    padding-top: 15px;
    border-radius: 8px;
    border: solid 1px var(--content-wrapper-main);
    padding-bottom: 15px
}

.mng-row-tras h1,
.mng-row-tras h2,
.mng-row-tras h3,
.mng-row-tras h4,
.mng-row-tras h5,
.mng-row-tras h6,
.mng-row-tras p {
    color: var(--text-color)
}

.card {
    border: 0px
}

.card-body {
    background-color: var(--card-body)
}

.dl-card {
    background: var(--dashboard-bg-color);
    padding: 20px 25px;
    border-radius: 12px;
    height: 100%;
    border: solid 1px var(--dashboard-bg-color);
    display: inline-block
}

.tbl-lpoa {
    display: inline-block;
    justify-content: space-around
}

.tbl-lpoa .hide {
    display: none
}

.tbl-lpoa i.rotate-45 {
    transform: rotate(45deg)
}

.tbl-lpoa i.fa-plus {
    color: red
}

.tbl-lpoa i.fa-check {
    color: green
}

.tbl-lpoa a {
    color: var(--theme-color);
    text-decoration: underline;
    position: relative
}

.tbl-lpoa a .suumery {
    width: 150px;
    height: 30px;
    position: absolute;
    left: 100%;
    top: -50%;
    background-color: #fff;
    z-index: 100;
    padding: 7px;
    text-align: center;
    display: none;
    text-transform: uppercase;
    box-shadow: #64646f33 0 7px 29px
}

.tbl-lpoa a:hover .suumery {
    display: flex;
    justify-content: center;
    align-items: center
}

.tbl-lpoa a.disabled {
    pointer-events: none
}

.lpoa-wrapper {
    padding: 20px 0
}

.lpoa-details {
    display: block;
    width: 100%;
    max-height: 650px;
    overflow-y: auto
}

.lpoa-details p {
    font-size: 11px
}

.lpoa-details .logo {
    background-color: var(--dark-color);
    padding: 10px;
    margin-bottom: 15px
}

.login-conainer {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-login-container);
    opacity: .9
}

.login-conainer #myVideo {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
}

.login-wrapper {
    display: flex;
    flex-wrap: wrap;
    min-width: 48%;
    max-width: 100%;
    min-height: 480px;
    border-radius: 5px;
    margin: 0 50px;
    justify-content: center
}

.login-box {
    flex: 0 0 48%;
    background-color: var(--bg-login-color);
    border: 1px solid var(--border-color);
    border-radius: 15px;
    padding: 40px
}

.login-box .login-form {
    position: relative;
    border-radius: 50px
}

.login-box .login-form h3 {
    font-weight: 500;
    color: var(--login-signup-text-color)
}

.login-box .form-group input {
    padding-left: 45px;
    padding-right: 40px;
    border-radius: 5px;
    outline: none;
    border: 1px solid var(--border-color);
    background-color: transparent;
    color: var(--text-color)
}

.login-box .form-group select {
    border-radius: 5px;
    outline: none;
    border: 1px solid var(--border-color);
    color: var(--text-color)
}

.login-box .form-group {
    position: relative
}

.login-box .form-group .icon {
    position: absolute;
    top: 29px;
    left: 0;
    height: 42px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: var(--login-icon-text-color);
    background-image: none;
    border-radius: 30px;
    outline: none;
    border: 0px
}

.login-box .field-icon {
    float: right;
    padding-right: 30px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.login-box .errorMsg {
    right: 0
}

.login-box.border-r-left {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.login-box.border-r-right {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.caption-image {
    display: block;
    height: 200px
}

@media (max-width: 768px) {
    .login-wrapper {
        min-width: 100%;
        padding: 15px 0
    }

    .login-box {
        flex: 0 0 92%;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        border: 0;
        padding: 15px;
        border: 1px solid var(--border-color);
        margin: 0 15px
    }
}

.text-custom {
    color: var(--text-color-customise)
}

.pg-tit {
    color: var(--text-color);
    font-size: 18px;
    font-weight: 600
}

.btn-excel {
    background-color: green;
    padding: 2px 10px;
    font-size: 12px;
    color: #fff;
    border-radius: none;
    border: 0px
}

.btn-excel:hover {
    opacity: .8
}

button.btn-refresh {
    color: var(--theme-color);
    font-size: 13px;
    border: none;
    outline: none;
    background: transparent
}

button.btn-refresh:hover,
button.btn-refresh:focus {
    outline: none
}

.page-title-box {
    margin-bottom: 15px;
    background: var(--dashboard-bg-color);
    padding-left: 15px
}

.page-title-box h4 {
    font-size: 19px;
    font-weight: 500;
    color: var(--text-color)
}

.breadcrumb {
    background: transparent
}

.breadcrumb li {
    font-size: 14px
}

.nav-tabs .nav-link {
    border: 0px
}

.form-control {
    outline: none;
    background-color: var(--form-control-bg-color);
    border: 1px solid var(--form-control-border-color)
}

.form-control:focus {
    border: 1px solid var(--form-control-focus-border-color);
    outline: none !important;
    box-shadow: none !important;
    background-color: var(--form-control-focus-bg-color)
}

.btn:focus {
    border: none;
    outline: none !important;
    box-shadow: none !important
}

hr {
    border-top: 1px solid var(--border-color)
}

.table {
    border-radius: 8px
}

.nav {
    margin-bottom: 15px
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fbfbfb;
    background-image: var(--tab-active-button-color);
    border-color: #dee2e6 #dee2e6 #fff
}

.form-control:disabled,
.form-control[readonly] {
    outline: none;
    background-color: var(--form-control-bg-color);
    border: 1px solid var(--form-control-border-color)
}

.form-control {
    color: var(--text-color)
}

.btn-primary.filter {
    margin-top: 31px
}

.price-wrapper {
    display: flex;
    justify-content: start;
    gap: 10px;
    margin-top: 15px;
    flex-wrap: wrap
}

.price-item {
    font-size: 15px;
    padding: 6px 15px;
    cursor: pointer;
    border: 1px solid var(--form-control-border-color);
    display: inline-block;
    transition: .2s;
    color: var(--text-color);
    font-weight: 700
}

.price-item.selected {
    background: var(--gradient-color);
    color: #fff;
    border: 1px solid transparent
}

.short th {
    cursor: pointer;
    position: relative;
    padding-right: 20px
}

.short th:last-child {
    border-right: 0px solid rgb(190, 190, 190)
}

.short th:before,
.short th:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: solid #6e6e6e;
    border-width: 0 2px 2px 0;
    padding: 2px;
    opacity: .3
}

.short th:before {
    top: 38%;
    transform: rotate(-135deg)
}

.short th:after {
    top: 53%;
    transform: rotate(45deg)
}

.short th.sort-asc:before,
.short th.sort-desc:after {
    opacity: 1
}

.short th.sort-asc:after {
    opacity: .3
}

.short th.sort-desc:before {
    opacity: .3
}

.custom-pagination .page-item .page-link {
    color: var(--text-color);
    border: 1px solid var(--gradient-color);
    padding: 6px 12px;
    margin: 0 3px;
    transition: .2s;
    cursor: pointer
}

.custom-pagination .page-item .page-link:hover {
    background-image: var(--gradient-color);
    color: #fff;
    border-color: var(--gradient-color)
}

.custom-pagination .page-item.active .page-link {
    background-image: var(--gradient-color);
    color: #fff;
    border-color: var(--gradient-color);
    cursor: default
}

.custom-pagination .page-item.disabled .page-link {
    color: #999;
    cursor: not-allowed;
    background: #f3f3f3;
    border-color: #ddd
}

.select_pagination {
    max-width: 60px;
    margin-bottom: 4px
}

.table tbody+tbody {
    border: none
}

.message_nofound {
    color: var(--text-color);
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 15px
}

.flag-select {
    position: relative;
    width: 100px;
    -webkit-user-select: none;
    user-select: none;
    font-family: Arial, sans-serif;
    margin: 0 15px
}

.selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--border-color);
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
    background: var(--dashboard-bg-color);
    color: var(--text-color)
}

.selected .fi {
    margin-right: 3px
}

.selected i {
    font-size: 13px
}

.dropdown1 {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    list-style: none;
    padding: 0;
    margin: 4px 0 0;
    z-index: 10;
    border-radius: 4px
}

.dropdown1 li {
    position: relative;
    padding: 8px 10px;
    cursor: pointer
}

.dropdown1 li i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2px;
    font-size: 12px;
    color: var(--text-color)
}

.dropdown1 li:hover {
    background: #f5f5f5
}

.dropdown1 .fi {
    margin-right: 3px
}

.deskcard1 {
    position: relative;
    padding: 10px;
    border-radius: 7px;
    height: 100%;
    color: var(--dashboard-card-text-color);
    background: var(--deskcard-bg-color);
    box-shadow: 0 0 4px var(--box-shadow-color)
}

.deskcard1 a {
    position: relative;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 0;
    font-size: 14px
}

.deskcard1-icon {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px
}

.deskcard1-icon h2 {
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 0;
    padding-bottom: 0;
    color: var(--dashboard-card-text-color)
}

.deskcard1-icon .icon {
    color: var(--dashboard-card-text-color);
    border-radius: 5px;
    height: 65px;
    width: 65px;
    background: var(--gradient-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.deskcard1-icon .icon img {
    height: 46px
}

.deskcard1-icon p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 10px;
    color: var(--dashboard-card-text-color)
}

p.deskcard1-value {
    font-weight: 600;
    font-size: 34px;
    text-align: left;
    color: var(--dark-color)
}

p.deskcard1-title,
.deskcard1-value {
    margin-bottom: .5rem
}

.ver_tab .verti-tab {
    margin: 0 0 25px
}

.ver_tab .verti-tab .nav-link {
    font-weight: 500;
    color: var(--text-color);
    padding: 14px 20px;
    border-radius: 5px;
    transition: all .25s ease;
    border: 1px solid transparent
}

.ver_tab .verti-tab .nav-link:hover {
    background: var(--gradient-color);
    color: var(--text-color);
    transform: translate(4px)
}

.ver_tab .verti-tab .nav-link.active {
    background: var(--gradient-color);
    color: #fff !important;
    border-color: transparent;
    box-shadow: 0 3px 10px rgba(var(--gradient-color), .3)
}

.ver_tab .verti-tab .bank-ul p,
.ver_tab .verti-tab .bank-ul p b,
.ver_tab .verti-tab .bank_detail {
    color: var(--text-color)
}

.ver_tab .verti-tab .ac-card {
    border-radius: 15px
}

.ver_tab .tab-content {
    border: 1px solid var(--border-color);
    padding: 25px 15px;
    background: var(--dashboard-bg-color);
    border-radius: 15px
}

@media (max-width: 768px) {
    .verti-tab .ac-card {
        flex-direction: column;
        margin-bottom: 15px
    }

    .verti-tab .ac-card .nav {
        display: flex;
        flex-direction: row;
        border-right: none
    }

    .verti-tab .ac-card .nav .nav-link {
        margin: 8px 0;
        white-space: nowrap
    }
}