@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap); .flag-icon-background{background-size:contain;background-position:50%;background-repeat:no-repeat}.flag-icon{background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;display:inline-block;width:1.33333333em;line-height:1em}.flag-icon:before{content:'\00a0'}.flag-icon.flag-icon-squared{width:1em}.flag-icon-ad{background-image:url('ad.45026b922ec57f969a0a.svg')}.flag-icon-ad.flag-icon-squared{background-image:url('ad.94e810253dbc84702e9a.svg')}.flag-icon-ae{background-image:url('ae.2c530f6449f3e5abd04b.svg')}.flag-icon-ae.flag-icon-squared{background-image:url('ae.23c174705b39d649ba43.svg')}.flag-icon-af{background-image:url('af.458ab7e0c32d14aefe33.svg')}.flag-icon-af.flag-icon-squared{background-image:url('af.867627c537fd29812532.svg')}.flag-icon-ag{background-image:url('ag.5929ca9ff0f160f96fb5.svg')}.flag-icon-ag.flag-icon-squared{background-image:url('ag.3f18bb58815f1eb37b60.svg')}.flag-icon-ai{background-image:url('ai.c4699001b99c1638c765.svg')}.flag-icon-ai.flag-icon-squared{background-image:url('ai.546a12e334b3f4d8967c.svg')}.flag-icon-al{background-image:url('al.3dd8853b91d6f490b4c1.svg')}.flag-icon-al.flag-icon-squared{background-image:url('al.090568ab89f9b7e68f3b.svg')}.flag-icon-am{background-image:url('am.e935f82147f4d3c76c92.svg')}.flag-icon-am.flag-icon-squared{background-image:url('am.36fc7db319e532bff785.svg')}.flag-icon-ao{background-image:url('ao.ad6f3c8c3519f36b36c4.svg')}.flag-icon-ao.flag-icon-squared{background-image:url('ao.7ed590a16ff7642e7a85.svg')}.flag-icon-aq{background-image:url('aq.e3fbc5d0ce77f1c9e808.svg')}.flag-icon-aq.flag-icon-squared{background-image:url('aq.e6c275d0d4e5135fb04b.svg')}.flag-icon-ar{background-image:url('ar.2ff091f8773d0ea8640d.svg')}.flag-icon-ar.flag-icon-squared{background-image:url('ar.5a7c09af30ea06db87f1.svg')}.flag-icon-as{background-image:url('as.3b86b6876653592c0fa3.svg')}.flag-icon-as.flag-icon-squared{background-image:url('as.7ae00cb9d6bf497132c1.svg')}.flag-icon-at{background-image:url('at.1281f451a103684e9248.svg')}.flag-icon-at.flag-icon-squared{background-image:url('at.d7b3791eb6679e92a2bd.svg')}.flag-icon-au{background-image:url('au.932d918261bcbb88f0cc.svg')}.flag-icon-au.flag-icon-squared{background-image:url('au.5b98a120aeec3f5a1aeb.svg')}.flag-icon-aw{background-image:url('aw.98298192f432c6fc56cc.svg')}.flag-icon-aw.flag-icon-squared{background-image:url('aw.b478dded01c70ad2275c.svg')}.flag-icon-ax{background-image:url('ax.6651bb2513bc040f7f2b.svg')}.flag-icon-ax.flag-icon-squared{background-image:url('ax.c260e9a581b4c4415f20.svg')}.flag-icon-az{background-image:url('az.d4faca473814e47b3f03.svg')}.flag-icon-az.flag-icon-squared{background-image:url('az.84126238074d3c3c30b9.svg')}.flag-icon-ba{background-image:url('ba.7097f2f878560a3debc6.svg')}.flag-icon-ba.flag-icon-squared{background-image:url('ba.d1e732dc96724fe02492.svg')}.flag-icon-bb{background-image:url('bb.021629a6a596929b0462.svg')}.flag-icon-bb.flag-icon-squared{background-image:url('bb.17738ccf41cecf9d38ba.svg')}.flag-icon-bd{background-image:url('bd.d16830cba55e113c5888.svg')}.flag-icon-bd.flag-icon-squared{background-image:url('bd.a3ae69dedf0b3ad8fb44.svg')}.flag-icon-be{background-image:url('be.410c4acc521ec3a59836.svg')}.flag-icon-be.flag-icon-squared{background-image:url('be.914a3c37d1998aa1f6b0.svg')}.flag-icon-bf{background-image:url('bf.4275eb85c53fe2d0f6a8.svg')}.flag-icon-bf.flag-icon-squared{background-image:url('bf.6fc31e160aec39c1d496.svg')}.flag-icon-bg{background-image:url('bg.c9c13073359faec8e076.svg')}.flag-icon-bg.flag-icon-squared{background-image:url('bg.4f2a9bbb4c1ea18ea4dd.svg')}.flag-icon-bh{background-image:url('bh.ec61516daebfebe2cd49.svg')}.flag-icon-bh.flag-icon-squared{background-image:url('bh.0cfc56195412f09f4c70.svg')}.flag-icon-bi{background-image:url('bi.3fce551eeb9f82d29f76.svg')}.flag-icon-bi.flag-icon-squared{background-image:url('bi.5adb744e68bc13f75956.svg')}.flag-icon-bj{background-image:url('bj.e8591ed7d23999de96ef.svg')}.flag-icon-bj.flag-icon-squared{background-image:url('bj.fb3d1c01b8a808e6fe13.svg')}.flag-icon-bl{background-image:url('bl.6a6bc7f183b774316b63.svg')}.flag-icon-bl.flag-icon-squared{background-image:url('bl.669bbb820754f1cc0ce4.svg')}.flag-icon-bm{background-image:url('bm.e2aa572a02963b087e48.svg')}.flag-icon-bm.flag-icon-squared{background-image:url('bm.7dd1b92ad42d2f9d69dd.svg')}.flag-icon-bn{background-image:url('bn.ad7aafa9a29894397b43.svg')}.flag-icon-bn.flag-icon-squared{background-image:url('bn.5fd8c65274736a1b6af4.svg')}.flag-icon-bo{background-image:url('bo.1155c3da4861424ea8ff.svg')}.flag-icon-bo.flag-icon-squared{background-image:url('bo.ee5938f07b3324e9af6d.svg')}.flag-icon-bq{background-image:url('bq.8ff78ac28371e9069bfb.svg')}.flag-icon-bq.flag-icon-squared{background-image:url('bq.6e5b96f6104d2ff9977a.svg')}.flag-icon-br{background-image:url('br.5ec13287c2da0d77a7e7.svg')}.flag-icon-br.flag-icon-squared{background-image:url('br.b3663866f502ec386f0e.svg')}.flag-icon-bs{background-image:url('bs.5497678a4578b848e08d.svg')}.flag-icon-bs.flag-icon-squared{background-image:url('bs.a9ddb124f725485b9445.svg')}.flag-icon-bt{background-image:url('bt.eed19cbfd0dc809d6886.svg')}.flag-icon-bt.flag-icon-squared{background-image:url('bt.1372873ed65891680a2d.svg')}.flag-icon-bv{background-image:url('bv.b789f839eda2bce4b0e3.svg')}.flag-icon-bv.flag-icon-squared{background-image:url('bv.adee14dc818c2a37dbd9.svg')}.flag-icon-bw{background-image:url('bw.8a35721e3f5ff275ace8.svg')}.flag-icon-bw.flag-icon-squared{background-image:url('bw.0acc600b67ac7165e38c.svg')}.flag-icon-by{background-image:url('by.ed1fb53394827e144c8a.svg')}.flag-icon-by.flag-icon-squared{background-image:url('by.da99aaa559633b439aa3.svg')}.flag-icon-bz{background-image:url('bz.4eb2d29f4fcc586ae3e2.svg')}.flag-icon-bz.flag-icon-squared{background-image:url('bz.7826f0d58900985ad312.svg')}.flag-icon-ca{background-image:url('ca.d348137a99e6d528c5b7.svg')}.flag-icon-ca.flag-icon-squared{background-image:url('ca.102b45b24a03abdaeae6.svg')}.flag-icon-cc{background-image:url('cc.200233c98efe5d026e98.svg')}.flag-icon-cc.flag-icon-squared{background-image:url('cc.27d55bfa0a8b66542f74.svg')}.flag-icon-cd{background-image:url('cd.e5fd4d1225cc6c53b73d.svg')}.flag-icon-cd.flag-icon-squared{background-image:url('cd.d44809aaad5d32f91a56.svg')}.flag-icon-cf{background-image:url('cf.617adc02abcee400496d.svg')}.flag-icon-cf.flag-icon-squared{background-image:url('cf.eb50c5ecfa556ddba5a7.svg')}.flag-icon-cg{background-image:url('cg.440e321a39cf550b0bec.svg')}.flag-icon-cg.flag-icon-squared{background-image:url('cg.862f4608de0f8e9d213c.svg')}.flag-icon-ch{background-image:url('ch.7a52ef5e31b7f5e08a01.svg')}.flag-icon-ch.flag-icon-squared{background-image:url('ch.1113c7e9162d605ca580.svg')}.flag-icon-ci{background-image:url('ci.b1030b2b5315547c7fbe.svg')}.flag-icon-ci.flag-icon-squared{background-image:url('ci.6f06682eaf98960662af.svg')}.flag-icon-ck{background-image:url('ck.65a80cb3a138985c22dc.svg')}.flag-icon-ck.flag-icon-squared{background-image:url('ck.d76f3968d6f25ed0bc7d.svg')}.flag-icon-cl{background-image:url('cl.b9ff305a088060fd040a.svg')}.flag-icon-cl.flag-icon-squared{background-image:url('cl.303f56a616afb6bae962.svg')}.flag-icon-cm{background-image:url('cm.7578267e8568b1490427.svg')}.flag-icon-cm.flag-icon-squared{background-image:url('cm.0dcbc4f1fe098b1b8725.svg')}.flag-icon-cn{background-image:url('cn.7977e12a9afade492c93.svg')}.flag-icon-cn.flag-icon-squared{background-image:url('cn.f5a6f048eb8367343bd4.svg')}.flag-icon-co{background-image:url('co.59ec93f7d718ebed3779.svg')}.flag-icon-co.flag-icon-squared{background-image:url('co.4c87d079860a09479706.svg')}.flag-icon-cr{background-image:url('cr.6f2d7bb05d9edb1089ec.svg')}.flag-icon-cr.flag-icon-squared{background-image:url('cr.ebed46008265a3777565.svg')}.flag-icon-cu{background-image:url('cu.ff35f996902731bad287.svg')}.flag-icon-cu.flag-icon-squared{background-image:url('cu.1452c504ef675071dcdf.svg')}.flag-icon-cv{background-image:url('cv.434373304db5970887de.svg')}.flag-icon-cv.flag-icon-squared{background-image:url('cv.1ddd34244b91f9c46e1d.svg')}.flag-icon-cw{background-image:url('cw.8e4cecbf86c9e4b2df3a.svg')}.flag-icon-cw.flag-icon-squared{background-image:url('cw.3fc4503762b62953af04.svg')}.flag-icon-cx{background-image:url('cx.b9b5e6cd65826aab60c6.svg')}.flag-icon-cx.flag-icon-squared{background-image:url('cx.dda4107fd05b8081ae62.svg')}.flag-icon-cy{background-image:url('cy.70de54e68d8683969410.svg')}.flag-icon-cy.flag-icon-squared{background-image:url('cy.bdc1fde27ba14b2afa3b.svg')}.flag-icon-cz{background-image:url('cz.56021c7ff8bc43f94e04.svg')}.flag-icon-cz.flag-icon-squared{background-image:url('cz.955832ab87320b2312a1.svg')}.flag-icon-de{background-image:url('de.7e82f4c71df5fc78abbb.svg')}.flag-icon-de.flag-icon-squared{background-image:url('de.11d88d2b77e6abe5ebb1.svg')}.flag-icon-dj{background-image:url('dj.76f4cdf5eb6411038bc5.svg')}.flag-icon-dj.flag-icon-squared{background-image:url('dj.278a5a5fce9a6090ce80.svg')}.flag-icon-dk{background-image:url('dk.f4e8fc5376a202f1d771.svg')}.flag-icon-dk.flag-icon-squared{background-image:url('dk.c2e570fa503242ab4c3e.svg')}.flag-icon-dm{background-image:url('dm.466757644ba07a8bbf78.svg')}.flag-icon-dm.flag-icon-squared{background-image:url('dm.dc3455775ad035d0926c.svg')}.flag-icon-do{background-image:url('do.c05850db8e87e53a1268.svg')}.flag-icon-do.flag-icon-squared{background-image:url('do.64a9810e7d07e3af7412.svg')}.flag-icon-dz{background-image:url('dz.945a413c6ba8e484b7b1.svg')}.flag-icon-dz.flag-icon-squared{background-image:url('dz.2be2fee6433a59e75c3d.svg')}.flag-icon-ec{background-image:url('ec.3ea7f906eaf807123a28.svg')}.flag-icon-ec.flag-icon-squared{background-image:url('ec.7be6ca137c0a396154ac.svg')}.flag-icon-ee{background-image:url('ee.887a78f0eb107b3ce616.svg')}.flag-icon-ee.flag-icon-squared{background-image:url('ee.7b6b8abcf78cfa7f4a77.svg')}.flag-icon-eg{background-image:url('eg.b3580df977ae211f31d3.svg')}.flag-icon-eg.flag-icon-squared{background-image:url('eg.c6ff8d6c3057865a32f1.svg')}.flag-icon-eh{background-image:url('eh.8c8b27438e64065d8542.svg')}.flag-icon-eh.flag-icon-squared{background-image:url('eh.905fdd0842d1597c4a27.svg')}.flag-icon-er{background-image:url('er.458bc299993e856c309d.svg')}.flag-icon-er.flag-icon-squared{background-image:url('er.ff62e2720daee288818f.svg')}.flag-icon-es{background-image:url('es.1a25a96e26fcca676c08.svg')}.flag-icon-es.flag-icon-squared{background-image:url('es.b3825b28f7a64779d80d.svg')}.flag-icon-et{background-image:url('et.cbe354bb4afa8afc62da.svg')}.flag-icon-et.flag-icon-squared{background-image:url('et.061591dd14f8c02c150f.svg')}.flag-icon-fi{background-image:url('fi.3b522e7f272eee4009b2.svg')}.flag-icon-fi.flag-icon-squared{background-image:url('fi.eb793b740dd4fa0f8b63.svg')}.flag-icon-fj{background-image:url('fj.f3d86add9fe9ed672274.svg')}.flag-icon-fj.flag-icon-squared{background-image:url('fj.55dd1c6e9a323130d8e7.svg')}.flag-icon-fk{background-image:url('fk.ddc6bd174c1e6603e323.svg')}.flag-icon-fk.flag-icon-squared{background-image:url('fk.fe8e733a5a44d9626de2.svg')}.flag-icon-fm{background-image:url('fm.3bfd96ee5faa59b8017a.svg')}.flag-icon-fm.flag-icon-squared{background-image:url('fm.1579e5b6f7e79e751445.svg')}.flag-icon-fo{background-image:url('fo.f284df39e89f9ed508ad.svg')}.flag-icon-fo.flag-icon-squared{background-image:url('fo.8b4db68d6e0717fe940e.svg')}.flag-icon-fr{background-image:url('fr.81d43a151d8bc64145f2.svg')}.flag-icon-fr.flag-icon-squared{background-image:url('fr.c88df3297cffe49852ae.svg')}.flag-icon-ga{background-image:url('ga.4257c8ec8a129da794b2.svg')}.flag-icon-ga.flag-icon-squared{background-image:url('ga.dec832634c40be902627.svg')}.flag-icon-gb{background-image:url('gb.ba1c7f5df0dd4173c951.svg')}.flag-icon-gb.flag-icon-squared{background-image:url('gb.35dbacd736781608964a.svg')}.flag-icon-gd{background-image:url('gd.b446a44dff915db18869.svg')}.flag-icon-gd.flag-icon-squared{background-image:url('gd.1b313417e54a6f4446ee.svg')}.flag-icon-ge{background-image:url('ge.98cf9dc189b05e67103c.svg')}.flag-icon-ge.flag-icon-squared{background-image:url('ge.7ccc29e2355cf25d55c5.svg')}.flag-icon-gf{background-image:url('gf.695a47d62497dc584667.svg')}.flag-icon-gf.flag-icon-squared{background-image:url('gf.74219f32e778ea33b181.svg')}.flag-icon-gg{background-image:url('gg.6b23b5b1092e831766f9.svg')}.flag-icon-gg.flag-icon-squared{background-image:url('gg.30f47622e942430014e8.svg')}.flag-icon-gh{background-image:url('gh.d060e231aa94a98e78d9.svg')}.flag-icon-gh.flag-icon-squared{background-image:url('gh.286f4413bbf14d667ea8.svg')}.flag-icon-gi{background-image:url('gi.345b700f04babfed53e1.svg')}.flag-icon-gi.flag-icon-squared{background-image:url('gi.e73af10429f00dc293ea.svg')}.flag-icon-gl{background-image:url('gl.84ac5572fd0727fd850e.svg')}.flag-icon-gl.flag-icon-squared{background-image:url('gl.68756f324152d0ada90c.svg')}.flag-icon-gm{background-image:url('gm.cdfdf8bcb862134ab9fe.svg')}.flag-icon-gm.flag-icon-squared{background-image:url('gm.65c86e0a8df296521d90.svg')}.flag-icon-gn{background-image:url('gn.bf5b087387ce93eddfac.svg')}.flag-icon-gn.flag-icon-squared{background-image:url('gn.7bf7a35a82ae814ed25d.svg')}.flag-icon-gp{background-image:url('gp.092b6bf958cd4a1f76c9.svg')}.flag-icon-gp.flag-icon-squared{background-image:url('gp.30b1d26cfe9f458611e2.svg')}.flag-icon-gq{background-image:url('gq.c2cb1adba91b64af03bc.svg')}.flag-icon-gq.flag-icon-squared{background-image:url('gq.89421f59da9e40d8cfcc.svg')}.flag-icon-gr{background-image:url('gr.e2d0116790bdfda46fb4.svg')}.flag-icon-gr.flag-icon-squared{background-image:url('gr.c51a52c416ea428fe41f.svg')}.flag-icon-gs{background-image:url('gs.c19adcdd5855af626a3c.svg')}.flag-icon-gs.flag-icon-squared{background-image:url('gs.a96857cd4e8cd95734f9.svg')}.flag-icon-gt{background-image:url('gt.ccfc27d34052eec1eb6e.svg')}.flag-icon-gt.flag-icon-squared{background-image:url('gt.3d87ccc4e82ef502f1dd.svg')}.flag-icon-gu{background-image:url('gu.459831ea94ce2f15eede.svg')}.flag-icon-gu.flag-icon-squared{background-image:url('gu.35820090ead0219b998c.svg')}.flag-icon-gw{background-image:url('gw.f29eedfe431a60cae11e.svg')}.flag-icon-gw.flag-icon-squared{background-image:url('gw.f647ba54d53db3f2e3a4.svg')}.flag-icon-gy{background-image:url('gy.49a30b4ff82716f3aadd.svg')}.flag-icon-gy.flag-icon-squared{background-image:url('gy.43c003e277ed5a4d0ca0.svg')}.flag-icon-hk{background-image:url('hk.c0a93c089256c99bf337.svg')}.flag-icon-hk.flag-icon-squared{background-image:url('hk.5a1122079f786b82c2ed.svg')}.flag-icon-hm{background-image:url('hm.fdd5197f75474534c518.svg')}.flag-icon-hm.flag-icon-squared{background-image:url('hm.8b4c33d4098f83d3cddd.svg')}.flag-icon-hn{background-image:url('hn.f53ee3d65d19c9dd755e.svg')}.flag-icon-hn.flag-icon-squared{background-image:url('hn.ebef2cd564ca07f12aa1.svg')}.flag-icon-hr{background-image:url('hr.00a76e1b588a62b0fad9.svg')}.flag-icon-hr.flag-icon-squared{background-image:url('hr.f3f2e25c45a219c68654.svg')}.flag-icon-ht{background-image:url('ht.3af38bff509f443ef70e.svg')}.flag-icon-ht.flag-icon-squared{background-image:url('ht.663996cf665e8ab764d5.svg')}.flag-icon-hu{background-image:url('hu.bcbd277021f4a8f5a059.svg')}.flag-icon-hu.flag-icon-squared{background-image:url('hu.7ae2a1f04ec537fbba4b.svg')}.flag-icon-id{background-image:url('id.e2afd171e6a62816237b.svg')}.flag-icon-id.flag-icon-squared{background-image:url('id.0b7fa609d99165dc5377.svg')}.flag-icon-ie{background-image:url('ie.5ecf710f14d859cbceb6.svg')}.flag-icon-ie.flag-icon-squared{background-image:url('ie.1b0ac4e772c2e62aef2f.svg')}.flag-icon-il{background-image:url('il.4c70e23214e9da6a56eb.svg')}.flag-icon-il.flag-icon-squared{background-image:url('il.3bc4ce048568d30c327f.svg')}.flag-icon-im{background-image:url('im.b21ce587e66db16e0428.svg')}.flag-icon-im.flag-icon-squared{background-image:url('im.d637f63b68f97839a27b.svg')}.flag-icon-in{background-image:url('in.e5926cb75dcbb15638da.svg')}.flag-icon-in.flag-icon-squared{background-image:url('in.e626d1bb4e16e732e1dd.svg')}.flag-icon-io{background-image:url('io.e31ca9aa9209d9b76a0b.svg')}.flag-icon-io.flag-icon-squared{background-image:url('io.c32d7f9e59460fb90af6.svg')}.flag-icon-iq{background-image:url('iq.5cd51d2bbb7385580434.svg')}.flag-icon-iq.flag-icon-squared{background-image:url('iq.e549011efede8b5ba38b.svg')}.flag-icon-ir{background-image:url('ir.12e7432b428f8d631eb5.svg')}.flag-icon-ir.flag-icon-squared{background-image:url('ir.c945dfdfaee26ad2861c.svg')}.flag-icon-is{background-image:url('is.2dfa14d19684fbe061e4.svg')}.flag-icon-is.flag-icon-squared{background-image:url('is.1842f1a952e8f0d4ca47.svg')}.flag-icon-it{background-image:url('it.290f2fec799fabdf2a85.svg')}.flag-icon-it.flag-icon-squared{background-image:url('it.9938f4b9588502f93b20.svg')}.flag-icon-je{background-image:url('je.cb9d6ca2be124f560822.svg')}.flag-icon-je.flag-icon-squared{background-image:url('je.7cfaf0ba9322b9fbc96b.svg')}.flag-icon-jm{background-image:url('jm.6bb96bbc99218d9f84f7.svg')}.flag-icon-jm.flag-icon-squared{background-image:url('jm.74ccffca23e5a91356de.svg')}.flag-icon-jo{background-image:url('jo.f41fe7d26b69dec06fef.svg')}.flag-icon-jo.flag-icon-squared{background-image:url('jo.e678dae866ec74e6a939.svg')}.flag-icon-jp{background-image:url('jp.19c631c1498ba5517cd5.svg')}.flag-icon-jp.flag-icon-squared{background-image:url('jp.980c12c54fe225923434.svg')}.flag-icon-ke{background-image:url('ke.74aaf58557811d8e79ab.svg')}.flag-icon-ke.flag-icon-squared{background-image:url('ke.9ea890912ffd2f80e7a3.svg')}.flag-icon-kg{background-image:url('kg.1fe994c1e99757dce023.svg')}.flag-icon-kg.flag-icon-squared{background-image:url('kg.4ad89b3a703d225e1f6d.svg')}.flag-icon-kh{background-image:url('kh.7b33804c913e2285c538.svg')}.flag-icon-kh.flag-icon-squared{background-image:url('kh.695ec7a1a39090e600d5.svg')}.flag-icon-ki{background-image:url('ki.de100d3095b62260166f.svg')}.flag-icon-ki.flag-icon-squared{background-image:url('ki.32000b051bb6bb9ee785.svg')}.flag-icon-km{background-image:url('km.93ef5e214ae093b8adc8.svg')}.flag-icon-km.flag-icon-squared{background-image:url('km.4c4fa2a75b7c9360ac5f.svg')}.flag-icon-kn{background-image:url('kn.a4e974e81853186f1522.svg')}.flag-icon-kn.flag-icon-squared{background-image:url('kn.091a5508172f8eee28f2.svg')}.flag-icon-kp{background-image:url('kp.8d10def41b377b1163c5.svg')}.flag-icon-kp.flag-icon-squared{background-image:url('kp.2e79afa21a3e610e5551.svg')}.flag-icon-kr{background-image:url('kr.939387c390531d01a687.svg')}.flag-icon-kr.flag-icon-squared{background-image:url('kr.9406f22f1237e7e4059d.svg')}.flag-icon-kw{background-image:url('kw.2dce482defe9d86d0596.svg')}.flag-icon-kw.flag-icon-squared{background-image:url('kw.a3a60802b9df1ea679ac.svg')}.flag-icon-ky{background-image:url('ky.ef8e18776eff1caf6b64.svg')}.flag-icon-ky.flag-icon-squared{background-image:url('ky.c311ddba04238d23214d.svg')}.flag-icon-kz{background-image:url('kz.7194851eb720d3fdb3ad.svg')}.flag-icon-kz.flag-icon-squared{background-image:url('kz.f528d1705766032d8237.svg')}.flag-icon-la{background-image:url('la.8d6ad26b7061bc058892.svg')}.flag-icon-la.flag-icon-squared{background-image:url('la.80cf2b55ad4d86b51967.svg')}.flag-icon-lb{background-image:url('lb.75479923a75562bb3dbe.svg')}.flag-icon-lb.flag-icon-squared{background-image:url('lb.940cc75a55e4b18f510a.svg')}.flag-icon-lc{background-image:url('lc.c6488de9494a4e151cc4.svg')}.flag-icon-lc.flag-icon-squared{background-image:url('lc.0d361ba543e6cd2404e1.svg')}.flag-icon-li{background-image:url('li.69a1d60ca3996705d91f.svg')}.flag-icon-li.flag-icon-squared{background-image:url('li.572f90277090beca0d31.svg')}.flag-icon-lk{background-image:url('lk.593078c9718a2a7a20d6.svg')}.flag-icon-lk.flag-icon-squared{background-image:url('lk.93412c6fbb52d5bb809b.svg')}.flag-icon-lr{background-image:url('lr.3a7c494b08f2d0e36a4f.svg')}.flag-icon-lr.flag-icon-squared{background-image:url('lr.74dcec3fec3f73e24a0a.svg')}.flag-icon-ls{background-image:url('ls.0de0f907e70c37b2e86e.svg')}.flag-icon-ls.flag-icon-squared{background-image:url('ls.cddead61f832a10065e9.svg')}.flag-icon-lt{background-image:url('lt.4c19d3a9f8cb00a45baa.svg')}.flag-icon-lt.flag-icon-squared{background-image:url('lt.2ea82cfcd24756f9d718.svg')}.flag-icon-lu{background-image:url('lu.adc8f77e99b53bd83b54.svg')}.flag-icon-lu.flag-icon-squared{background-image:url('lu.b843e6436ac12254b9d2.svg')}.flag-icon-lv{background-image:url('lv.9a5d132cec13c3e033f0.svg')}.flag-icon-lv.flag-icon-squared{background-image:url('lv.2ce7f836390f846b1359.svg')}.flag-icon-ly{background-image:url('ly.0ea8dfcec5cc820043a4.svg')}.flag-icon-ly.flag-icon-squared{background-image:url('ly.9d867c1b9d3b76652858.svg')}.flag-icon-ma{background-image:url('ma.363a4f79da72a6e74be0.svg')}.flag-icon-ma.flag-icon-squared{background-image:url('ma.3b79aff17ae55b760333.svg')}.flag-icon-mc{background-image:url('mc.a2634c60fa92f9ff20f0.svg')}.flag-icon-mc.flag-icon-squared{background-image:url('mc.082fc1558b4cf726b613.svg')}.flag-icon-md{background-image:url('md.4d08e48ef4cfb7c192dc.svg')}.flag-icon-md.flag-icon-squared{background-image:url('md.efdfab01385b30e73986.svg')}.flag-icon-me{background-image:url('me.0b785614513a0b99de04.svg')}.flag-icon-me.flag-icon-squared{background-image:url('me.4c8b84af010134d56b90.svg')}.flag-icon-mf{background-image:url('mf.2d96a80bd05aca4ef711.svg')}.flag-icon-mf.flag-icon-squared{background-image:url('mf.c02a78fb2738ceb5eece.svg')}.flag-icon-mg{background-image:url('mg.f9101073ea57c9f7664c.svg')}.flag-icon-mg.flag-icon-squared{background-image:url('mg.5bdc14fe1aa439d1a0b7.svg')}.flag-icon-mh{background-image:url('mh.c0b2e372c1a8cb36930e.svg')}.flag-icon-mh.flag-icon-squared{background-image:url('mh.7ec670b4d72f8a614957.svg')}.flag-icon-mk{background-image:url('mk.31ba11ec4d4cdae74ebc.svg')}.flag-icon-mk.flag-icon-squared{background-image:url('mk.c370fe88a49ab3c18701.svg')}.flag-icon-ml{background-image:url('ml.18083e46073cc9f5f58f.svg')}.flag-icon-ml.flag-icon-squared{background-image:url('ml.d11c30638f3d7b1766dc.svg')}.flag-icon-mm{background-image:url('mm.6f93c6d0ec04077b61c7.svg')}.flag-icon-mm.flag-icon-squared{background-image:url('mm.7068544f07c5b683b67a.svg')}.flag-icon-mn{background-image:url('mn.5e4557f7ed743f19592c.svg')}.flag-icon-mn.flag-icon-squared{background-image:url('mn.291814d605941d58335f.svg')}.flag-icon-mo{background-image:url('mo.51161bb2c65f7b5c3096.svg')}.flag-icon-mo.flag-icon-squared{background-image:url('mo.77d75a5ceaa9580d6761.svg')}.flag-icon-mp{background-image:url('mp.394b0c91d8212a6cb6db.svg')}.flag-icon-mp.flag-icon-squared{background-image:url('mp.b0a5ed44db6410228f23.svg')}.flag-icon-mq{background-image:url('mq.e82d6df9e99c87fb655b.svg')}.flag-icon-mq.flag-icon-squared{background-image:url('mq.09c19f656772c8f93989.svg')}.flag-icon-mr{background-image:url('mr.3642790a35ff100e55f7.svg')}.flag-icon-mr.flag-icon-squared{background-image:url('mr.7211bfd49f97a5ae1253.svg')}.flag-icon-ms{background-image:url('ms.9474f8cf128ce6813e2d.svg')}.flag-icon-ms.flag-icon-squared{background-image:url('ms.8f7c204278ae1cdcd35c.svg')}.flag-icon-mt{background-image:url('mt.c91049a111e0a4dc2611.svg')}.flag-icon-mt.flag-icon-squared{background-image:url('mt.0c23ea353ac917d9e4d4.svg')}.flag-icon-mu{background-image:url('mu.97beced41b168e88e8fb.svg')}.flag-icon-mu.flag-icon-squared{background-image:url('mu.d7d71f034d81a7105373.svg')}.flag-icon-mv{background-image:url('mv.0329f53cf8f786716fe4.svg')}.flag-icon-mv.flag-icon-squared{background-image:url('mv.91b2c27c9c550f558607.svg')}.flag-icon-mw{background-image:url('mw.b4d805efda655aef8b6e.svg')}.flag-icon-mw.flag-icon-squared{background-image:url('mw.6807c4fdd0370b23d239.svg')}.flag-icon-mx{background-image:url('mx.bc63d25be57acf721e56.svg')}.flag-icon-mx.flag-icon-squared{background-image:url('mx.05c8d69783e68aaad2f4.svg')}.flag-icon-my{background-image:url('my.0d298a9e4566332f8a84.svg')}.flag-icon-my.flag-icon-squared{background-image:url('my.848fbf91865a8d191263.svg')}.flag-icon-mz{background-image:url('mz.dac5f7ee4f2a02e79de2.svg')}.flag-icon-mz.flag-icon-squared{background-image:url('mz.dcf8977ee74002921810.svg')}.flag-icon-na{background-image:url('na.e241f81665d5aa3bcd02.svg')}.flag-icon-na.flag-icon-squared{background-image:url('na.27bc2313a9535106015c.svg')}.flag-icon-nc{background-image:url('nc.5681de45e8340741e312.svg')}.flag-icon-nc.flag-icon-squared{background-image:url('nc.046cebb8a66efa64641c.svg')}.flag-icon-ne{background-image:url('ne.6fd3ccdef1a91e8be5ae.svg')}.flag-icon-ne.flag-icon-squared{background-image:url('ne.64f5ff142997ea42d42e.svg')}.flag-icon-nf{background-image:url('nf.7a4f3d1b34fa49f5a098.svg')}.flag-icon-nf.flag-icon-squared{background-image:url('nf.7c3216dcabd2a393fa48.svg')}.flag-icon-ng{background-image:url('ng.b69ed1e58b69dcadbf0e.svg')}.flag-icon-ng.flag-icon-squared{background-image:url('ng.caaf41205a6fde2a1853.svg')}.flag-icon-ni{background-image:url('ni.d30c03773b8ce5412033.svg')}.flag-icon-ni.flag-icon-squared{background-image:url('ni.52cfeebfb0f78f395c13.svg')}.flag-icon-nl{background-image:url('nl.21eb77dcfa38c6d7bb81.svg')}.flag-icon-nl.flag-icon-squared{background-image:url('nl.f9d570ec865ab2c1e9d4.svg')}.flag-icon-no{background-image:url('no.6df96bb22557028a5f77.svg')}.flag-icon-no.flag-icon-squared{background-image:url('no.266dbd6fc3e66414aa3c.svg')}.flag-icon-np{background-image:url('np.ecc31e52fb6b958eb681.svg')}.flag-icon-np.flag-icon-squared{background-image:url('np.f7885aa646996a2aa6e0.svg')}.flag-icon-nr{background-image:url('nr.dcf2ea3a8e5dbf8a9b80.svg')}.flag-icon-nr.flag-icon-squared{background-image:url('nr.1f7cfffb6cb01e5215ad.svg')}.flag-icon-nu{background-image:url('nu.770e6779515b496ac3b6.svg')}.flag-icon-nu.flag-icon-squared{background-image:url('nu.9deebec59d90dece17fc.svg')}.flag-icon-nz{background-image:url('nz.4dedf09b8933ec6f4390.svg')}.flag-icon-nz.flag-icon-squared{background-image:url('nz.37be84f4206a0eae405b.svg')}.flag-icon-om{background-image:url('om.716feea54634c16f406a.svg')}.flag-icon-om.flag-icon-squared{background-image:url('om.09e65f88432f6b938338.svg')}.flag-icon-pa{background-image:url('pa.8788ab50de263793f74b.svg')}.flag-icon-pa.flag-icon-squared{background-image:url('pa.69b3b90501ccfc42beff.svg')}.flag-icon-pe{background-image:url('pe.9e2ec84ad461c170e9e5.svg')}.flag-icon-pe.flag-icon-squared{background-image:url('pe.83c26459858b4334c435.svg')}.flag-icon-pf{background-image:url('pf.296e94595f307817fc2b.svg')}.flag-icon-pf.flag-icon-squared{background-image:url('pf.fbd548e641a7199e969d.svg')}.flag-icon-pg{background-image:url('pg.dcb8c4ab032af81620bd.svg')}.flag-icon-pg.flag-icon-squared{background-image:url('pg.9ebf0bb36bfe656e7aba.svg')}.flag-icon-ph{background-image:url('ph.596b9b66d026fa222c2d.svg')}.flag-icon-ph.flag-icon-squared{background-image:url('ph.374bb0d60bc777e60d0f.svg')}.flag-icon-pk{background-image:url('pk.8f9276eb2e7dc3eac94d.svg')}.flag-icon-pk.flag-icon-squared{background-image:url('pk.0e17f31b0f156316ef20.svg')}.flag-icon-pl{background-image:url('pl.7ea4b5b2df865bf73b06.svg')}.flag-icon-pl.flag-icon-squared{background-image:url('pl.9400273de5d060652ce7.svg')}.flag-icon-pm{background-image:url('pm.c5a64f87b2370f6a2ae3.svg')}.flag-icon-pm.flag-icon-squared{background-image:url('pm.7582c30f04bd66a4e73c.svg')}.flag-icon-pn{background-image:url('pn.0911eddaa4bb5cbf54b8.svg')}.flag-icon-pn.flag-icon-squared{background-image:url('pn.ab7259a94ec182c05827.svg')}.flag-icon-pr{background-image:url('pr.7845ecd77b3b58e3c8a5.svg')}.flag-icon-pr.flag-icon-squared{background-image:url('pr.836bcb814711de3da206.svg')}.flag-icon-ps{background-image:url('ps.77489c5e7455703ed84f.svg')}.flag-icon-ps.flag-icon-squared{background-image:url('ps.451101efffc43d2b1ae6.svg')}.flag-icon-pt{background-image:url('pt.b89a5b80ca1a71c3b96a.svg')}.flag-icon-pt.flag-icon-squared{background-image:url('pt.5697f2973616282e4c76.svg')}.flag-icon-pw{background-image:url('pw.5f3d8d8e8473f6439a21.svg')}.flag-icon-pw.flag-icon-squared{background-image:url('pw.666cd05f03955ea01aa5.svg')}.flag-icon-py{background-image:url('py.51b0bef3321042c04717.svg')}.flag-icon-py.flag-icon-squared{background-image:url('py.b19bb0ae9ad5d553a146.svg')}.flag-icon-qa{background-image:url('qa.90240e607800ce7ed1bd.svg')}.flag-icon-qa.flag-icon-squared{background-image:url('qa.c08921ec8cdc1b1a0e8e.svg')}.flag-icon-re{background-image:url('re.f05b5f1673afe6db0760.svg')}.flag-icon-re.flag-icon-squared{background-image:url('re.7e8577e98f035e765e59.svg')}.flag-icon-ro{background-image:url('ro.ea966c3dc0adf3d08a00.svg')}.flag-icon-ro.flag-icon-squared{background-image:url('ro.51182fc9671cbaa10989.svg')}.flag-icon-rs{background-image:url('rs.51e6180ced2cf59fd51e.svg')}.flag-icon-rs.flag-icon-squared{background-image:url('rs.3b67d7bed888271edff6.svg')}.flag-icon-ru{background-image:url('ru.f1c2ba49b3ccc06ba58a.svg')}.flag-icon-ru.flag-icon-squared{background-image:url('ru.f760036294e1fff52a9a.svg')}.flag-icon-rw{background-image:url('rw.26854553b660fa5e4982.svg')}.flag-icon-rw.flag-icon-squared{background-image:url('rw.02a8a07e06e4ae9c0122.svg')}.flag-icon-sa{background-image:url('sa.b9a346574cdc8950dd34.svg')}.flag-icon-sa.flag-icon-squared{background-image:url('sa.dbdc272cb217fd407ff8.svg')}.flag-icon-sb{background-image:url('sb.2c405bb603253b6e2040.svg')}.flag-icon-sb.flag-icon-squared{background-image:url('sb.00988e025b134db97443.svg')}.flag-icon-sc{background-image:url('sc.9ba013463b785efeb6be.svg')}.flag-icon-sc.flag-icon-squared{background-image:url('sc.8357ba15f90dbaaeec2a.svg')}.flag-icon-sd{background-image:url('sd.090d0e106e0c7fd28b23.svg')}.flag-icon-sd.flag-icon-squared{background-image:url('sd.cb3da007630d3b35d1ca.svg')}.flag-icon-se{background-image:url('se.4f5f456f4d5e5bdab075.svg')}.flag-icon-se.flag-icon-squared{background-image:url('se.9d0641e44f1e26bfc1ce.svg')}.flag-icon-sg{background-image:url('sg.e6a27ad3fc2dedabca8b.svg')}.flag-icon-sg.flag-icon-squared{background-image:url('sg.9751741f84e6e5263a40.svg')}.flag-icon-sh{background-image:url('sh.c5ab8c6e3ffc963e14fb.svg')}.flag-icon-sh.flag-icon-squared{background-image:url('sh.acd7b6efcbb9ea9ca7e6.svg')}.flag-icon-si{background-image:url('si.7f576d8798a8732afa46.svg')}.flag-icon-si.flag-icon-squared{background-image:url('si.d38938fcbf4ff9430856.svg')}.flag-icon-sj{background-image:url('sj.4952c9a6d03f7d9caa08.svg')}.flag-icon-sj.flag-icon-squared{background-image:url('sj.bf11a7596686324ffe17.svg')}.flag-icon-sk{background-image:url('sk.be58e557507f14689689.svg')}.flag-icon-sk.flag-icon-squared{background-image:url('sk.563985765998ec7428e9.svg')}.flag-icon-sl{background-image:url('sl.4fd17d63688a1b300bca.svg')}.flag-icon-sl.flag-icon-squared{background-image:url('sl.f1772cd4436de4f4535a.svg')}.flag-icon-sm{background-image:url('sm.7e23c95234800a7c7e1e.svg')}.flag-icon-sm.flag-icon-squared{background-image:url('sm.b57f66050d777f87e0a5.svg')}.flag-icon-sn{background-image:url('sn.1ce79520b54b680dcc8e.svg')}.flag-icon-sn.flag-icon-squared{background-image:url('sn.a03bc309423c9052891a.svg')}.flag-icon-so{background-image:url('so.d1a7d3e18523bf69f2eb.svg')}.flag-icon-so.flag-icon-squared{background-image:url('so.34b037a702aae22a7534.svg')}.flag-icon-sr{background-image:url('sr.690504905775fc1b1480.svg')}.flag-icon-sr.flag-icon-squared{background-image:url('sr.4ee190817d3b7c7862ca.svg')}.flag-icon-ss{background-image:url('ss.e4bf9bb42bd5d25190fe.svg')}.flag-icon-ss.flag-icon-squared{background-image:url('ss.2ad5a2bbc138690704ad.svg')}.flag-icon-st{background-image:url('st.72697a87cfc011963be4.svg')}.flag-icon-st.flag-icon-squared{background-image:url('st.342a4d3c791c89ec3103.svg')}.flag-icon-sv{background-image:url('sv.3bb132d79aef68d7fe41.svg')}.flag-icon-sv.flag-icon-squared{background-image:url('sv.f4b3314001ea3a7cf1d0.svg')}.flag-icon-sx{background-image:url('sx.aafb13f61b6688f41a14.svg')}.flag-icon-sx.flag-icon-squared{background-image:url('sx.ce647f25cbbcdb00ed0d.svg')}.flag-icon-sy{background-image:url('sy.6529aa17e46f775a3931.svg')}.flag-icon-sy.flag-icon-squared{background-image:url('sy.9d13beb594ee208a6864.svg')}.flag-icon-sz{background-image:url('sz.d62f5eab640be40355e8.svg')}.flag-icon-sz.flag-icon-squared{background-image:url('sz.5d494168348fddfa3aeb.svg')}.flag-icon-tc{background-image:url('tc.f4f865830e706c26ef44.svg')}.flag-icon-tc.flag-icon-squared{background-image:url('tc.0d16f864a483488586df.svg')}.flag-icon-td{background-image:url('td.230eddd3b5d97166b70e.svg')}.flag-icon-td.flag-icon-squared{background-image:url('td.ad4b4469031fb72bd98f.svg')}.flag-icon-tf{background-image:url('tf.cf4959c4339d5b123093.svg')}.flag-icon-tf.flag-icon-squared{background-image:url('tf.aaea08de295f296f0bba.svg')}.flag-icon-tg{background-image:url('tg.f97c4ebe662df8683fde.svg')}.flag-icon-tg.flag-icon-squared{background-image:url('tg.4abbb52870d11bce293d.svg')}.flag-icon-th{background-image:url('th.b6ade2beba225ed5f2b5.svg')}.flag-icon-th.flag-icon-squared{background-image:url('th.2ca3db46e2b26412705d.svg')}.flag-icon-tj{background-image:url('tj.b32f7c017787f0d8579b.svg')}.flag-icon-tj.flag-icon-squared{background-image:url('tj.e97716cafb6e3b770d5b.svg')}.flag-icon-tk{background-image:url('tk.54b9e3f941cb3083e2a3.svg')}.flag-icon-tk.flag-icon-squared{background-image:url('tk.e3d850fb9644bf50d891.svg')}.flag-icon-tl{background-image:url('tl.503b7926732b784efbed.svg')}.flag-icon-tl.flag-icon-squared{background-image:url('tl.c7a146dc0d916983f8dd.svg')}.flag-icon-tm{background-image:url('tm.6de6696b70775fd30f3b.svg')}.flag-icon-tm.flag-icon-squared{background-image:url('tm.442986488503d5356e80.svg')}.flag-icon-tn{background-image:url('tn.6cd8c9a453cd0fc5e761.svg')}.flag-icon-tn.flag-icon-squared{background-image:url('tn.8b09464a7524dff3fa47.svg')}.flag-icon-to{background-image:url('to.65dda6ec6f9719bbd784.svg')}.flag-icon-to.flag-icon-squared{background-image:url('to.aaa24511e1160314531a.svg')}.flag-icon-tr{background-image:url('tr.2880fc8e0e28f4a11a8d.svg')}.flag-icon-tr.flag-icon-squared{background-image:url('tr.c3d773f3ebbea061e963.svg')}.flag-icon-tt{background-image:url('tt.b9a6939e2ab09927d190.svg')}.flag-icon-tt.flag-icon-squared{background-image:url('tt.4252a958aa98bb3ef5f7.svg')}.flag-icon-tv{background-image:url('tv.99618ffc3d126b12802f.svg')}.flag-icon-tv.flag-icon-squared{background-image:url('tv.c87adc622981a557f7a5.svg')}.flag-icon-tw{background-image:url('tw.83324ef79fd96b77a609.svg')}.flag-icon-tw.flag-icon-squared{background-image:url('tw.a72a85cb06aca393b4c6.svg')}.flag-icon-tz{background-image:url('tz.2218434d34c055a29fdf.svg')}.flag-icon-tz.flag-icon-squared{background-image:url('tz.20af2614818e325d953d.svg')}.flag-icon-ua{background-image:url('ua.67a46bf793e26237ace0.svg')}.flag-icon-ua.flag-icon-squared{background-image:url('ua.2dd397cb920452449aca.svg')}.flag-icon-ug{background-image:url('ug.83f4207b3f42150d667b.svg')}.flag-icon-ug.flag-icon-squared{background-image:url('ug.983dd591c56af488af96.svg')}.flag-icon-um{background-image:url('um.0f5d59d436cb8d91444b.svg')}.flag-icon-um.flag-icon-squared{background-image:url('um.c3e06b4d7dfec14653ce.svg')}.flag-icon-us{background-image:url('us.3cc0d38b3e8d93132c90.svg')}.flag-icon-us.flag-icon-squared{background-image:url('us.c95087e1a852cf730acc.svg')}.flag-icon-uy{background-image:url('uy.4c3f85c5401c3a3875ee.svg')}.flag-icon-uy.flag-icon-squared{background-image:url('uy.091841c8018480091fae.svg')}.flag-icon-uz{background-image:url('uz.6e16292aee6b5262a693.svg')}.flag-icon-uz.flag-icon-squared{background-image:url('uz.ba79d2974850ade2d036.svg')}.flag-icon-va{background-image:url('va.6d6a5ae672030a7e351f.svg')}.flag-icon-va.flag-icon-squared{background-image:url('va.555e01bd279c6bbc28c4.svg')}.flag-icon-vc{background-image:url('vc.e19034240ae39be40a4c.svg')}.flag-icon-vc.flag-icon-squared{background-image:url('vc.2614017538c99c0f2ea7.svg')}.flag-icon-ve{background-image:url('ve.b8bb0477d02228d82ffb.svg')}.flag-icon-ve.flag-icon-squared{background-image:url('ve.125ee9246eea1cb1b662.svg')}.flag-icon-vg{background-image:url('vg.7bc5c83294392b4386af.svg')}.flag-icon-vg.flag-icon-squared{background-image:url('vg.76c17dc332a16129789a.svg')}.flag-icon-vi{background-image:url('vi.bad0002a368d6bca0956.svg')}.flag-icon-vi.flag-icon-squared{background-image:url('vi.1ae3b627580608e32c99.svg')}.flag-icon-vn{background-image:url('vn.2301f6f466f2e744e48a.svg')}.flag-icon-vn.flag-icon-squared{background-image:url('vn.25540177a9e64be64b71.svg')}.flag-icon-vu{background-image:url('vu.25acc79729c1d8a104b6.svg')}.flag-icon-vu.flag-icon-squared{background-image:url('vu.87d69c1826cf7245c2d8.svg')}.flag-icon-wf{background-image:url('wf.e9a373c6bcbf8ea5021f.svg')}.flag-icon-wf.flag-icon-squared{background-image:url('wf.55c63880d97978216450.svg')}.flag-icon-ws{background-image:url('ws.a6817aa95b8cdf652ba6.svg')}.flag-icon-ws.flag-icon-squared{background-image:url('ws.81cbff3db85ab05a4ac8.svg')}.flag-icon-ye{background-image:url('ye.f62afcddf3ac8b1dfd3e.svg')}.flag-icon-ye.flag-icon-squared{background-image:url('ye.2289a38ef27f51f7e88a.svg')}.flag-icon-yt{background-image:url('yt.5c77b04743aada260f6b.svg')}.flag-icon-yt.flag-icon-squared{background-image:url('yt.bf9663aea16580e485d0.svg')}.flag-icon-za{background-image:url('za.83099da26ad6804ed7a5.svg')}.flag-icon-za.flag-icon-squared{background-image:url('za.3c71a2a22271a414dd3d.svg')}.flag-icon-zm{background-image:url('zm.79a41234f024ca5ab0a9.svg')}.flag-icon-zm.flag-icon-squared{background-image:url('zm.a303f51a36999e85ed3b.svg')}.flag-icon-zw{background-image:url('zw.f5ceeff7d65d0b5e33b7.svg')}.flag-icon-zw.flag-icon-squared{background-image:url('zw.2840e62aaca37d36b327.svg')}.flag-icon-es-ca{background-image:url('es-ca.2b2d073d58c4747e322e.svg')}.flag-icon-es-ca.flag-icon-squared{background-image:url('es-ca.a03129ff81e9f5633e75.svg')}.flag-icon-eu{background-image:url('eu.db2e50ad0bf5ecccc0ca.svg')}.flag-icon-eu.flag-icon-squared{background-image:url('eu.1019087b8a58ac24c4ea.svg')}.flag-icon-gb-eng{background-image:url('gb-eng.1fa89df2764a3f107c34.svg')}.flag-icon-gb-eng.flag-icon-squared{background-image:url('gb-eng.ebbd69accf16823ad684.svg')}.flag-icon-gb-nir{background-image:url('gb-nir.8ad03581959bce8c3da0.svg')}.flag-icon-gb-nir.flag-icon-squared{background-image:url('gb-nir.f9fcc604971f0e53b88d.svg')}.flag-icon-gb-sct{background-image:url('gb-sct.4743f1b0f3ffe8d16ba5.svg')}.flag-icon-gb-sct.flag-icon-squared{background-image:url('gb-sct.bea4865f11865ef56465.svg')}.flag-icon-gb-wls{background-image:url('gb-wls.a69b6bb076d89808e064.svg')}.flag-icon-gb-wls.flag-icon-squared{background-image:url('gb-wls.77f90d8e620af4d9604d.svg')}.flag-icon-un{background-image:url('un.4c0a34afb0c02cd13b3d.svg')}.flag-icon-un.flag-icon-squared{background-image:url('un.19c1ad320e901a90c0e3.svg')}.flag-icon-xk{background-image:url('xk.12d1409638442c96c8b9.svg')}.flag-icon-xk.flag-icon-squared{background-image:url('xk.48269c0b55c2532ccb76.svg')} /* exo-100normal - latin */ @font-face { font-family: 'Exo'; font-style: normal; font-weight: 100; src: url('exo-latin-100.c129189e7e3c5eaf0580.eot'); /* IE9 Compat Modes */ src: local('Exo Thin '), local('Exo-Thin'), url('exo-latin-100.c129189e7e3c5eaf0580.eot?#iefix') format('embedded-opentype'), url('exo-latin-100.5c49e989346583bc15c9.woff2') format('woff2'), url('exo-latin-100.4a1da1d67d499b0b5af6.woff') format('woff'), url('exo-latin-100.0df8a743bc859ee7ab94.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-100italic - latin */ @font-face { font-family: 'Exo'; font-style: italic; font-weight: 100; src: url('exo-latin-100italic.1dda6c6f10cb6454eea6.eot'); /* IE9 Compat Modes */ src: local('Exo Thin italic'), local('Exo-Thinitalic'), url('exo-latin-100italic.1dda6c6f10cb6454eea6.eot?#iefix') format('embedded-opentype'), url('exo-latin-100italic.775bd101fac1556e5a08.woff2') format('woff2'), url('exo-latin-100italic.c431a6508c04e73a9fd2.woff') format('woff'), url('exo-latin-100italic.3b40374eecb85b27ad55.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-200normal - latin */ @font-face { font-family: 'Exo'; font-style: normal; font-weight: 200; src: url('exo-latin-200.e0eda91c6125465dbe8f.eot'); /* IE9 Compat Modes */ src: local('Exo Extra Light '), local('Exo-Extra Light'), url('exo-latin-200.e0eda91c6125465dbe8f.eot?#iefix') format('embedded-opentype'), url('exo-latin-200.c990efcde21d498a5681.woff2') format('woff2'), url('exo-latin-200.c7324f58532b57e4b5c2.woff') format('woff'), url('exo-latin-200.74a1bb34bd3e5d510536.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-300normal - latin */ @font-face { font-family: 'Exo'; font-style: normal; font-weight: 300; src: url('exo-latin-300.88b2c0bcbf321f575616.eot'); /* IE9 Compat Modes */ src: local('Exo Light '), local('Exo-Light'), url('exo-latin-300.88b2c0bcbf321f575616.eot?#iefix') format('embedded-opentype'), url('exo-latin-300.daa808768d87fce9de66.woff2') format('woff2'), url('exo-latin-300.173574e190511f045fb8.woff') format('woff'), url('exo-latin-300.84fd6d2754f1eb48a461.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-200italic - latin */ @font-face { font-family: 'Exo'; font-style: italic; font-weight: 200; src: url('exo-latin-200italic.f5ad834f3d4e671bbff3.eot'); /* IE9 Compat Modes */ src: local('Exo Extra Light italic'), local('Exo-Extra Lightitalic'), url('exo-latin-200italic.f5ad834f3d4e671bbff3.eot?#iefix') format('embedded-opentype'), url('exo-latin-200italic.bb0796bd154a562a5da9.woff2') format('woff2'), url('exo-latin-200italic.47bb45d1386ffc36f017.woff') format('woff'), url('exo-latin-200italic.5e35d54ecf6600407978.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-300italic - latin */ @font-face { font-family: 'Exo'; font-style: italic; font-weight: 300; src: url('exo-latin-300italic.91bfb52d1f50c6d894e3.eot'); /* IE9 Compat Modes */ src: local('Exo Light italic'), local('Exo-Lightitalic'), url('exo-latin-300italic.91bfb52d1f50c6d894e3.eot?#iefix') format('embedded-opentype'), url('exo-latin-300italic.a79413a42c60ee7fb704.woff2') format('woff2'), url('exo-latin-300italic.17a4c409a27a5250217d.woff') format('woff'), url('exo-latin-300italic.7b4cf935b9c218d98031.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-400normal - latin */ @font-face { font-family: 'Exo'; font-style: normal; font-weight: 400; src: url('exo-latin-400.1a439f048404f1bcca38.eot'); /* IE9 Compat Modes */ src: local('Exo Regular '), local('Exo-Regular'), url('exo-latin-400.1a439f048404f1bcca38.eot?#iefix') format('embedded-opentype'), url('exo-latin-400.8dfbd52c6ff485ff147c.woff2') format('woff2'), url('exo-latin-400.a0abda15a46b7cd29978.woff') format('woff'), url('exo-latin-400.0a623563dc3788a3b4c0.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-400italic - latin */ @font-face { font-family: 'Exo'; font-style: italic; font-weight: 400; src: url('exo-latin-400italic.8e0783727ca416edb3f5.eot'); /* IE9 Compat Modes */ src: local('Exo Regular italic'), local('Exo-Regularitalic'), url('exo-latin-400italic.8e0783727ca416edb3f5.eot?#iefix') format('embedded-opentype'), url('exo-latin-400italic.cd38b25c1d0e56d8278b.woff2') format('woff2'), url('exo-latin-400italic.09258f0b370f6fc498e3.woff') format('woff'), url('exo-latin-400italic.78f2c7ebf0698e04347d.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-500normal - latin */ @font-face { font-family: 'Exo'; font-style: normal; font-weight: 500; src: url('exo-latin-500.9e2209da3a3e42622469.eot'); /* IE9 Compat Modes */ src: local('Exo Medium '), local('Exo-Medium'), url('exo-latin-500.9e2209da3a3e42622469.eot?#iefix') format('embedded-opentype'), url('exo-latin-500.48cb29a6d59d45df3d9a.woff2') format('woff2'), url('exo-latin-500.66a32495cd0ca5116ce5.woff') format('woff'), url('exo-latin-500.827f700ded4a1abd27c6.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-500italic - latin */ @font-face { font-family: 'Exo'; font-style: italic; font-weight: 500; src: url('exo-latin-500italic.d96a7ba04911bebcedec.eot'); /* IE9 Compat Modes */ src: local('Exo Medium italic'), local('Exo-Mediumitalic'), url('exo-latin-500italic.d96a7ba04911bebcedec.eot?#iefix') format('embedded-opentype'), url('exo-latin-500italic.687aa06ee2c1d8a7de81.woff2') format('woff2'), url('exo-latin-500italic.664a82904c29b2b6db95.woff') format('woff'), url('exo-latin-500italic.0cd16866149d5aa402c8.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-600italic - latin */ @font-face { font-family: 'Exo'; font-style: italic; font-weight: 600; src: url('exo-latin-600italic.cfb47f3459da9a2405fa.eot'); /* IE9 Compat Modes */ src: local('Exo SemiBold italic'), local('Exo-SemiBolditalic'), url('exo-latin-600italic.cfb47f3459da9a2405fa.eot?#iefix') format('embedded-opentype'), url('exo-latin-600italic.cba5bd3d5bdd6a3e4286.woff2') format('woff2'), url('exo-latin-600italic.322410498a1d90975e40.woff') format('woff'), url('exo-latin-600italic.6dc2c00a6bdac618a7f8.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-600normal - latin */ @font-face { font-family: 'Exo'; font-style: normal; font-weight: 600; src: url('exo-latin-600.3dd20fc934b5470bcac0.eot'); /* IE9 Compat Modes */ src: local('Exo SemiBold '), local('Exo-SemiBold'), url('exo-latin-600.3dd20fc934b5470bcac0.eot?#iefix') format('embedded-opentype'), url('exo-latin-600.7c8ae4a6bb1c325723d6.woff2') format('woff2'), url('exo-latin-600.5a02866ab7300fb1951b.woff') format('woff'), url('exo-latin-600.12ea839ac5d2181d0ce0.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-700normal - latin */ @font-face { font-family: 'Exo'; font-style: normal; font-weight: 700; src: url('exo-latin-700.d25354ab5a619ca0b7b5.eot'); /* IE9 Compat Modes */ src: local('Exo Bold '), local('Exo-Bold'), url('exo-latin-700.d25354ab5a619ca0b7b5.eot?#iefix') format('embedded-opentype'), url('exo-latin-700.2b007ba9f60bacd0c005.woff2') format('woff2'), url('exo-latin-700.a7778ce0bf553d88e621.woff') format('woff'), url('exo-latin-700.27b089d8d1146c5a8328.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-800normal - latin */ @font-face { font-family: 'Exo'; font-style: normal; font-weight: 800; src: url('exo-latin-800.c8835a8503965439f570.eot'); /* IE9 Compat Modes */ src: local('Exo ExtraBold '), local('Exo-ExtraBold'), url('exo-latin-800.c8835a8503965439f570.eot?#iefix') format('embedded-opentype'), url('exo-latin-800.03b4155cd8e933c16c7d.woff2') format('woff2'), url('exo-latin-800.0f2a8510320db84b1b7a.woff') format('woff'), url('exo-latin-800.78315beed199980281e0.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-700italic - latin */ @font-face { font-family: 'Exo'; font-style: italic; font-weight: 700; src: url('exo-latin-700italic.d4da40af275a4fe66098.eot'); /* IE9 Compat Modes */ src: local('Exo Bold italic'), local('Exo-Bolditalic'), url('exo-latin-700italic.d4da40af275a4fe66098.eot?#iefix') format('embedded-opentype'), url('exo-latin-700italic.f640ff8f15e6e310578f.woff2') format('woff2'), url('exo-latin-700italic.c54eac9725e042b9951a.woff') format('woff'), url('exo-latin-700italic.329fb21ef80fc822d7fb.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-800italic - latin */ @font-face { font-family: 'Exo'; font-style: italic; font-weight: 800; src: url('exo-latin-800italic.009fa4caa2552b3efa2c.eot'); /* IE9 Compat Modes */ src: local('Exo ExtraBold italic'), local('Exo-ExtraBolditalic'), url('exo-latin-800italic.009fa4caa2552b3efa2c.eot?#iefix') format('embedded-opentype'), url('exo-latin-800italic.2c8b4e4ddf8b9fcdb729.woff2') format('woff2'), url('exo-latin-800italic.33d20af1477918f412d6.woff') format('woff'), url('exo-latin-800italic.6ee20318ee0c8f432dfe.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-900normal - latin */ @font-face { font-family: 'Exo'; font-style: normal; font-weight: 900; src: url('exo-latin-900.97b82630cc3b697887c2.eot'); /* IE9 Compat Modes */ src: local('Exo Black '), local('Exo-Black'), url('exo-latin-900.97b82630cc3b697887c2.eot?#iefix') format('embedded-opentype'), url('exo-latin-900.21e4c3ed0ac201649c58.woff2') format('woff2'), url('exo-latin-900.5472dff55cf1192b3419.woff') format('woff'), url('exo-latin-900.c0a02097e046c6fc6eae.svg#exo') format('svg'); /* Legacy iOS */ } /* exo-900italic - latin */ @font-face { font-family: 'Exo'; font-style: italic; font-weight: 900; src: url('exo-latin-900italic.0a6985eb0fb37d6c8ddf.eot'); /* IE9 Compat Modes */ src: local('Exo Black italic'), local('Exo-Blackitalic'), url('exo-latin-900italic.0a6985eb0fb37d6c8ddf.eot?#iefix') format('embedded-opentype'), url('exo-latin-900italic.de799763fb2f5ee28b86.woff2') format('woff2'), url('exo-latin-900italic.a6a403c7dc6302ddc074.woff') format('woff'), url('exo-latin-900italic.16df74e503a374665784.svg#exo') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto'; src: url('Roboto-Thin.faa946ed79baef82c81a.eot'); src: local('Roboto Thin'), local('Roboto-Thin'), url('Roboto-Thin.faa946ed79baef82c81a.eot?#iefix') format('embedded-opentype'), url('Roboto-Thin.e11b2308d1ace9c25083.woff2') format('woff2'), url('Roboto-Thin.9b3e35eb0a402cc52306.woff') format('woff'), url('Roboto-Thin.253ce05ee63d40ee6196.ttf') format('truetype'), url('Roboto-Thin.7431e6b3a27fc6c00b38.svg#Roboto') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto-Thin'; src: url('Roboto-Thin.faa946ed79baef82c81a.eot'); src: local('Roboto Thin'), local('Roboto-Thin'), url('Roboto-Thin.faa946ed79baef82c81a.eot?#iefix') format('embedded-opentype'), url('Roboto-Thin.e11b2308d1ace9c25083.woff2') format('woff2'), url('Roboto-Thin.9b3e35eb0a402cc52306.woff') format('woff'), url('Roboto-Thin.253ce05ee63d40ee6196.ttf') format('truetype'), url('Roboto-Thin.7431e6b3a27fc6c00b38.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-ThinItalic.b9978de810b208c18a1a.eot'); src: local('Roboto ThinItalic'), local('Roboto-ThinItalic'), url('Roboto-ThinItalic.b9978de810b208c18a1a.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic.271f60b07567ee405bb4.woff2') format('woff2'), url('Roboto-ThinItalic.be84e94690a6a2d14048.woff') format('woff'), url('Roboto-ThinItalic.116dec4ea62225ecc9b1.ttf') format('truetype'), url('Roboto-ThinItalic.386a03e3cce1e95360c2.svg#Roboto') format('svg'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Roboto-ThinItalic'; src: url('Roboto-ThinItalic.b9978de810b208c18a1a.eot'); src: local('Roboto ThinItalic'), local('Roboto-ThinItalic'), url('Roboto-ThinItalic.b9978de810b208c18a1a.eot?#iefix') format('embedded-opentype'), url('Roboto-ThinItalic.271f60b07567ee405bb4.woff2') format('woff2'), url('Roboto-ThinItalic.be84e94690a6a2d14048.woff') format('woff'), url('Roboto-ThinItalic.116dec4ea62225ecc9b1.ttf') format('truetype'), url('Roboto-ThinItalic.386a03e3cce1e95360c2.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-Light.f1bcf0f64a201912072b.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('Roboto-Light.f1bcf0f64a201912072b.eot?#iefix') format('embedded-opentype'), url('Roboto-Light.3b9222bb69292e15261d.woff2') format('woff2'), url('Roboto-Light.8dc942c71385e7509b87.woff') format('woff'), url('Roboto-Light.c248e1508ed79ef03adf.ttf') format('truetype'), url('Roboto-Light.d4608a97f617cea98e47.svg#Roboto') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto-Light'; src: url('Roboto-Light.f1bcf0f64a201912072b.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('Roboto-Light.f1bcf0f64a201912072b.eot?#iefix') format('embedded-opentype'), url('Roboto-Light.3b9222bb69292e15261d.woff2') format('woff2'), url('Roboto-Light.8dc942c71385e7509b87.woff') format('woff'), url('Roboto-Light.c248e1508ed79ef03adf.ttf') format('truetype'), url('Roboto-Light.d4608a97f617cea98e47.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-LightItalic.4118960774bf258d7620.eot'); src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url('Roboto-LightItalic.4118960774bf258d7620.eot?#iefix') format('embedded-opentype'), url('Roboto-LightItalic.4b2a79f0765ff216b9a3.woff2') format('woff2'), url('Roboto-LightItalic.821fb0bb1ae8e8761798.woff') format('woff'), url('Roboto-LightItalic.aad7c60c46f861734036.ttf') format('truetype'), url('Roboto-LightItalic.c1e9b28ad90df472aab6.svg#Roboto') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto-LightItalic'; src: url('Roboto-LightItalic.4118960774bf258d7620.eot'); src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url('Roboto-LightItalic.4118960774bf258d7620.eot?#iefix') format('embedded-opentype'), url('Roboto-LightItalic.4b2a79f0765ff216b9a3.woff2') format('woff2'), url('Roboto-LightItalic.821fb0bb1ae8e8761798.woff') format('woff'), url('Roboto-LightItalic.aad7c60c46f861734036.ttf') format('truetype'), url('Roboto-LightItalic.c1e9b28ad90df472aab6.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-Regular.5edb75fadfbc53d7745c.eot'); src: local('Roboto Regular'), local('Roboto-Regular'), url('Roboto-Regular.5edb75fadfbc53d7745c.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular.c065bd9fa03a7a797d95.woff2') format('woff2'), url('Roboto-Regular.770a8fca674a3550e241.woff') format('woff'), url('Roboto-Regular.10952ea0fbd7cb93977f.ttf') format('truetype'), url('Roboto-Regular.abea98a743a65a03bbc0.svg#Roboto') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto-Regular'; src: url('Roboto-Regular.5edb75fadfbc53d7745c.eot'); src: local('Roboto Regular'), local('Roboto-Regular'), url('Roboto-Regular.5edb75fadfbc53d7745c.eot?#iefix') format('embedded-opentype'), url('Roboto-Regular.c065bd9fa03a7a797d95.woff2') format('woff2'), url('Roboto-Regular.770a8fca674a3550e241.woff') format('woff'), url('Roboto-Regular.10952ea0fbd7cb93977f.ttf') format('truetype'), url('Roboto-Regular.abea98a743a65a03bbc0.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-RegularItalic.60d126a5fb87fc1ba7f3.eot'); src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url('Roboto-RegularItalic.60d126a5fb87fc1ba7f3.eot?#iefix') format('embedded-opentype'), url('Roboto-RegularItalic.3a0ee5b0beec8d0ead13.woff2') format('woff2'), url('Roboto-RegularItalic.33d48155cd9f38c64e71.woff') format('woff'), url('Roboto-RegularItalic.a31da6a86d5a9b484feb.ttf') format('truetype'), url('Roboto-RegularItalic.08d69c7e7f776c2c01c6.svg#Roboto') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Roboto-RegularItalic'; src: url('Roboto-RegularItalic.60d126a5fb87fc1ba7f3.eot'); src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url('Roboto-RegularItalic.60d126a5fb87fc1ba7f3.eot?#iefix') format('embedded-opentype'), url('Roboto-RegularItalic.3a0ee5b0beec8d0ead13.woff2') format('woff2'), url('Roboto-RegularItalic.33d48155cd9f38c64e71.woff') format('woff'), url('Roboto-RegularItalic.a31da6a86d5a9b484feb.ttf') format('truetype'), url('Roboto-RegularItalic.08d69c7e7f776c2c01c6.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-Medium.f4df501fdaf4863dc4e0.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('Roboto-Medium.f4df501fdaf4863dc4e0.eot?#iefix') format('embedded-opentype'), url('Roboto-Medium.b92cc2170a4d5438fd3d.woff2') format('woff2'), url('Roboto-Medium.eb797abfa6a5cca2463e.woff') format('woff'), url('Roboto-Medium.ad148b1c1dd7fb964d14.ttf') format('truetype'), url('Roboto-Medium.12afdd4fb94032b2977e.svg#Roboto') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto-Medium'; src: url('Roboto-Medium.f4df501fdaf4863dc4e0.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('Roboto-Medium.f4df501fdaf4863dc4e0.eot?#iefix') format('embedded-opentype'), url('Roboto-Medium.b92cc2170a4d5438fd3d.woff2') format('woff2'), url('Roboto-Medium.eb797abfa6a5cca2463e.woff') format('woff'), url('Roboto-Medium.ad148b1c1dd7fb964d14.ttf') format('truetype'), url('Roboto-Medium.12afdd4fb94032b2977e.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-MediumItalic.c5b229269556f5fe929a.eot'); src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url('Roboto-MediumItalic.c5b229269556f5fe929a.eot?#iefix') format('embedded-opentype'), url('Roboto-MediumItalic.113e7623163d4cb7f965.woff2') format('woff2'), url('Roboto-MediumItalic.8be651082cc0d07c84f6.woff') format('woff'), url('Roboto-MediumItalic.cfd4b0547ac484e6c73b.ttf') format('truetype'), url('Roboto-MediumItalic.5fa00dafb20874ccd2fc.svg#Roboto') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto-MediumItalic'; src: url('Roboto-MediumItalic.c5b229269556f5fe929a.eot'); src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url('Roboto-MediumItalic.c5b229269556f5fe929a.eot?#iefix') format('embedded-opentype'), url('Roboto-MediumItalic.113e7623163d4cb7f965.woff2') format('woff2'), url('Roboto-MediumItalic.8be651082cc0d07c84f6.woff') format('woff'), url('Roboto-MediumItalic.cfd4b0547ac484e6c73b.ttf') format('truetype'), url('Roboto-MediumItalic.5fa00dafb20874ccd2fc.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-Bold.37f419871727f019c788.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('Roboto-Bold.37f419871727f019c788.eot?#iefix') format('embedded-opentype'), url('Roboto-Bold.3b52bc86749058f144de.woff2') format('woff2'), url('Roboto-Bold.8bd7856b64b4313341eb.woff') format('woff'), url('Roboto-Bold.69c061b7c23590e75a88.ttf') format('truetype'), url('Roboto-Bold.06187c7ee70f97f3a5dc.svg#Roboto') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto-Bold'; src: url('Roboto-Bold.37f419871727f019c788.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('Roboto-Bold.37f419871727f019c788.eot?#iefix') format('embedded-opentype'), url('Roboto-Bold.3b52bc86749058f144de.woff2') format('woff2'), url('Roboto-Bold.8bd7856b64b4313341eb.woff') format('woff'), url('Roboto-Bold.69c061b7c23590e75a88.ttf') format('truetype'), url('Roboto-Bold.06187c7ee70f97f3a5dc.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-BoldItalic.598f8ac4116f00a7f0e6.eot'); src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url('Roboto-BoldItalic.598f8ac4116f00a7f0e6.eot?#iefix') format('embedded-opentype'), url('Roboto-BoldItalic.f21b7e045fd077321cda.woff2') format('woff2'), url('Roboto-BoldItalic.d85436fa35b78a399a68.woff') format('woff'), url('Roboto-BoldItalic.d37d2069a4bab28bedcc.ttf') format('truetype'), url('Roboto-BoldItalic.4485687f7242e3bdea51.svg#Roboto') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Roboto-BoldItalic'; src: url('Roboto-BoldItalic.598f8ac4116f00a7f0e6.eot'); src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url('Roboto-BoldItalic.598f8ac4116f00a7f0e6.eot?#iefix') format('embedded-opentype'), url('Roboto-BoldItalic.f21b7e045fd077321cda.woff2') format('woff2'), url('Roboto-BoldItalic.d85436fa35b78a399a68.woff') format('woff'), url('Roboto-BoldItalic.d37d2069a4bab28bedcc.ttf') format('truetype'), url('Roboto-BoldItalic.4485687f7242e3bdea51.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-Black.01c74b22e99a3aeba023.eot'); src: local('Roboto Black'), local('Roboto-Black'), url('Roboto-Black.01c74b22e99a3aeba023.eot?#iefix') format('embedded-opentype'), url('Roboto-Black.bcccd7dfcdeddf586f5e.woff2') format('woff2'), url('Roboto-Black.82ada96d1354cece118c.woff') format('woff'), url('Roboto-Black.942a5b220d464bf82e5e.ttf') format('truetype'), url('Roboto-Black.852bad5572d9246ae077.svg#Roboto') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto-Black'; src: url('Roboto-Black.01c74b22e99a3aeba023.eot'); src: local('Roboto Black'), local('Roboto-Black'), url('Roboto-Black.01c74b22e99a3aeba023.eot?#iefix') format('embedded-opentype'), url('Roboto-Black.bcccd7dfcdeddf586f5e.woff2') format('woff2'), url('Roboto-Black.82ada96d1354cece118c.woff') format('woff'), url('Roboto-Black.942a5b220d464bf82e5e.ttf') format('truetype'), url('Roboto-Black.852bad5572d9246ae077.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; src: url('Roboto-BlackItalic.fc058b7d68636d591c2b.eot'); src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url('Roboto-BlackItalic.fc058b7d68636d591c2b.eot?#iefix') format('embedded-opentype'), url('Roboto-BlackItalic.6d1acccbf11ac5f449b8.woff2') format('woff2'), url('Roboto-BlackItalic.358ab56556eca0b75d02.woff') format('woff'), url('Roboto-BlackItalic.c4f01b0d11d7d2a45030.ttf') format('truetype'), url('Roboto-BlackItalic.8bdc74641a58d6358427.svg#Roboto') format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Roboto-BlackItalic'; src: url('Roboto-BlackItalic.fc058b7d68636d591c2b.eot'); src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url('Roboto-BlackItalic.fc058b7d68636d591c2b.eot?#iefix') format('embedded-opentype'), url('Roboto-BlackItalic.6d1acccbf11ac5f449b8.woff2') format('woff2'), url('Roboto-BlackItalic.358ab56556eca0b75d02.woff') format('woff'), url('Roboto-BlackItalic.c4f01b0d11d7d2a45030.ttf') format('truetype'), url('Roboto-BlackItalic.8bdc74641a58d6358427.svg#Roboto') format('svg'); } @charset "UTF-8"; /*! Ionicons, v2.0.1 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */ @font-face { font-family: "Ionicons"; src: url('ionicons.3e10c450f96bf28a6407.eot'); src: url('ionicons.3e10c450f96bf28a6407.eot') format("embedded-opentype"), url('ionicons.e9f4c425fc377740601b.ttf') format("truetype"), url('ionicons.e5a4fae098c926d7f34b.woff') format("woff"), url('ionicons.e9190273f3942224e920.svg') format("svg"); font-weight: normal; font-style: normal; } .ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ion-alert:before { content: ""; } .ion-alert-circled:before { content: ""; } .ion-android-add:before { content: ""; } .ion-android-add-circle:before { content: ""; } .ion-android-alarm-clock:before { content: ""; } .ion-android-alert:before { content: ""; } .ion-android-apps:before { content: ""; } .ion-android-archive:before { content: ""; } .ion-android-arrow-back:before { content: ""; } .ion-android-arrow-down:before { content: ""; } .ion-android-arrow-dropdown:before { content: ""; } .ion-android-arrow-dropdown-circle:before { content: ""; } .ion-android-arrow-dropleft:before { content: ""; } .ion-android-arrow-dropleft-circle:before { content: ""; } .ion-android-arrow-dropright:before { content: ""; } .ion-android-arrow-dropright-circle:before { content: ""; } .ion-android-arrow-dropup:before { content: ""; } .ion-android-arrow-dropup-circle:before { content: ""; } .ion-android-arrow-forward:before { content: ""; } .ion-android-arrow-up:before { content: ""; } .ion-android-attach:before { content: ""; } .ion-android-bar:before { content: ""; } .ion-android-bicycle:before { content: ""; } .ion-android-boat:before { content: ""; } .ion-android-bookmark:before { content: ""; } .ion-android-bulb:before { content: ""; } .ion-android-bus:before { content: ""; } .ion-android-calendar:before { content: ""; } .ion-android-call:before { content: ""; } .ion-android-camera:before { content: ""; } .ion-android-cancel:before { content: ""; } .ion-android-car:before { content: ""; } .ion-android-cart:before { content: ""; } .ion-android-chat:before { content: ""; } .ion-android-checkbox:before { content: ""; } .ion-android-checkbox-blank:before { content: ""; } .ion-android-checkbox-outline:before { content: ""; } .ion-android-checkbox-outline-blank:before { content: ""; } .ion-android-checkmark-circle:before { content: ""; } .ion-android-clipboard:before { content: ""; } .ion-android-close:before { content: ""; } .ion-android-cloud:before { content: ""; } .ion-android-cloud-circle:before { content: ""; } .ion-android-cloud-done:before { content: ""; } .ion-android-cloud-outline:before { content: ""; } .ion-android-color-palette:before { content: ""; } .ion-android-compass:before { content: ""; } .ion-android-contact:before { content: ""; } .ion-android-contacts:before { content: ""; } .ion-android-contract:before { content: ""; } .ion-android-create:before { content: ""; } .ion-android-delete:before { content: ""; } .ion-android-desktop:before { content: ""; } .ion-android-document:before { content: ""; } .ion-android-done:before { content: ""; } .ion-android-done-all:before { content: ""; } .ion-android-download:before { content: ""; } .ion-android-drafts:before { content: ""; } .ion-android-exit:before { content: ""; } .ion-android-expand:before { content: ""; } .ion-android-favorite:before { content: ""; } .ion-android-favorite-outline:before { content: ""; } .ion-android-film:before { content: ""; } .ion-android-folder:before { content: ""; } .ion-android-folder-open:before { content: ""; } .ion-android-funnel:before { content: ""; } .ion-android-globe:before { content: ""; } .ion-android-hand:before { content: ""; } .ion-android-hangout:before { content: ""; } .ion-android-happy:before { content: ""; } .ion-android-home:before { content: ""; } .ion-android-image:before { content: ""; } .ion-android-laptop:before { content: ""; } .ion-android-list:before { content: ""; } .ion-android-locate:before { content: ""; } .ion-android-lock:before { content: ""; } .ion-android-mail:before { content: ""; } .ion-android-map:before { content: ""; } .ion-android-menu:before { content: ""; } .ion-android-microphone:before { content: ""; } .ion-android-microphone-off:before { content: ""; } .ion-android-more-horizontal:before { content: ""; } .ion-android-more-vertical:before { content: ""; } .ion-android-navigate:before { content: ""; } .ion-android-notifications:before { content: ""; } .ion-android-notifications-none:before { content: ""; } .ion-android-notifications-off:before { content: ""; } .ion-android-open:before { content: ""; } .ion-android-options:before { content: ""; } .ion-android-people:before { content: ""; } .ion-android-person:before { content: ""; } .ion-android-person-add:before { content: ""; } .ion-android-phone-landscape:before { content: ""; } .ion-android-phone-portrait:before { content: ""; } .ion-android-pin:before { content: ""; } .ion-android-plane:before { content: ""; } .ion-android-playstore:before { content: ""; } .ion-android-print:before { content: ""; } .ion-android-radio-button-off:before { content: ""; } .ion-android-radio-button-on:before { content: ""; } .ion-android-refresh:before { content: ""; } .ion-android-remove:before { content: ""; } .ion-android-remove-circle:before { content: ""; } .ion-android-restaurant:before { content: ""; } .ion-android-sad:before { content: ""; } .ion-android-search:before { content: ""; } .ion-android-send:before { content: ""; } .ion-android-settings:before { content: ""; } .ion-android-share:before { content: ""; } .ion-android-share-alt:before { content: ""; } .ion-android-star:before { content: ""; } .ion-android-star-half:before { content: ""; } .ion-android-star-outline:before { content: ""; } .ion-android-stopwatch:before { content: ""; } .ion-android-subway:before { content: ""; } .ion-android-sunny:before { content: ""; } .ion-android-sync:before { content: ""; } .ion-android-textsms:before { content: ""; } .ion-android-time:before { content: ""; } .ion-android-train:before { content: ""; } .ion-android-unlock:before { content: ""; } .ion-android-upload:before { content: ""; } .ion-android-volume-down:before { content: ""; } .ion-android-volume-mute:before { content: ""; } .ion-android-volume-off:before { content: ""; } .ion-android-volume-up:before { content: ""; } .ion-android-walk:before { content: ""; } .ion-android-warning:before { content: ""; } .ion-android-watch:before { content: ""; } .ion-android-wifi:before { content: ""; } .ion-aperture:before { content: ""; } .ion-archive:before { content: ""; } .ion-arrow-down-a:before { content: ""; } .ion-arrow-down-b:before { content: ""; } .ion-arrow-down-c:before { content: ""; } .ion-arrow-expand:before { content: ""; } .ion-arrow-graph-down-left:before { content: ""; } .ion-arrow-graph-down-right:before { content: ""; } .ion-arrow-graph-up-left:before { content: ""; } .ion-arrow-graph-up-right:before { content: ""; } .ion-arrow-left-a:before { content: ""; } .ion-arrow-left-b:before { content: ""; } .ion-arrow-left-c:before { content: ""; } .ion-arrow-move:before { content: ""; } .ion-arrow-resize:before { content: ""; } .ion-arrow-return-left:before { content: ""; } .ion-arrow-return-right:before { content: ""; } .ion-arrow-right-a:before { content: ""; } .ion-arrow-right-b:before { content: ""; } .ion-arrow-right-c:before { content: ""; } .ion-arrow-shrink:before { content: ""; } .ion-arrow-swap:before { content: ""; } .ion-arrow-up-a:before { content: ""; } .ion-arrow-up-b:before { content: ""; } .ion-arrow-up-c:before { content: ""; } .ion-asterisk:before { content: ""; } .ion-at:before { content: ""; } .ion-backspace:before { content: ""; } .ion-backspace-outline:before { content: ""; } .ion-bag:before { content: ""; } .ion-battery-charging:before { content: ""; } .ion-battery-empty:before { content: ""; } .ion-battery-full:before { content: ""; } .ion-battery-half:before { content: ""; } .ion-battery-low:before { content: ""; } .ion-beaker:before { content: ""; } .ion-beer:before { content: ""; } .ion-bluetooth:before { content: ""; } .ion-bonfire:before { content: ""; } .ion-bookmark:before { content: ""; } .ion-bowtie:before { content: ""; } .ion-briefcase:before { content: ""; } .ion-bug:before { content: ""; } .ion-calculator:before { content: ""; } .ion-calendar:before { content: ""; } .ion-camera:before { content: ""; } .ion-card:before { content: ""; } .ion-cash:before { content: ""; } .ion-chatbox:before { content: ""; } .ion-chatbox-working:before { content: ""; } .ion-chatboxes:before { content: ""; } .ion-chatbubble:before { content: ""; } .ion-chatbubble-working:before { content: ""; } .ion-chatbubbles:before { content: ""; } .ion-checkmark:before { content: ""; } .ion-checkmark-circled:before { content: ""; } .ion-checkmark-round:before { content: ""; } .ion-chevron-down:before { content: ""; } .ion-chevron-left:before { content: ""; } .ion-chevron-right:before { content: ""; } .ion-chevron-up:before { content: ""; } .ion-clipboard:before { content: ""; } .ion-clock:before { content: ""; } .ion-close:before { content: ""; } .ion-close-circled:before { content: ""; } .ion-close-round:before { content: ""; } .ion-closed-captioning:before { content: ""; } .ion-cloud:before { content: ""; } .ion-code:before { content: ""; } .ion-code-download:before { content: ""; } .ion-code-working:before { content: ""; } .ion-coffee:before { content: ""; } .ion-compass:before { content: ""; } .ion-compose:before { content: ""; } .ion-connection-bars:before { content: ""; } .ion-contrast:before { content: ""; } .ion-crop:before { content: ""; } .ion-cube:before { content: ""; } .ion-disc:before { content: ""; } .ion-document:before { content: ""; } .ion-document-text:before { content: ""; } .ion-drag:before { content: ""; } .ion-earth:before { content: ""; } .ion-easel:before { content: ""; } .ion-edit:before { content: ""; } .ion-egg:before { content: ""; } .ion-eject:before { content: ""; } .ion-email:before { content: ""; } .ion-email-unread:before { content: ""; } .ion-erlenmeyer-flask:before { content: ""; } .ion-erlenmeyer-flask-bubbles:before { content: ""; } .ion-eye:before { content: ""; } .ion-eye-disabled:before { content: ""; } .ion-female:before { content: ""; } .ion-filing:before { content: ""; } .ion-film-marker:before { content: ""; } .ion-fireball:before { content: ""; } .ion-flag:before { content: ""; } .ion-flame:before { content: ""; } .ion-flash:before { content: ""; } .ion-flash-off:before { content: ""; } .ion-folder:before { content: ""; } .ion-fork:before { content: ""; } .ion-fork-repo:before { content: ""; } .ion-forward:before { content: ""; } .ion-funnel:before { content: ""; } .ion-gear-a:before { content: ""; } .ion-gear-b:before { content: ""; } .ion-grid:before { content: ""; } .ion-hammer:before { content: ""; } .ion-happy:before { content: ""; } .ion-happy-outline:before { content: ""; } .ion-headphone:before { content: ""; } .ion-heart:before { content: ""; } .ion-heart-broken:before { content: ""; } .ion-help:before { content: ""; } .ion-help-buoy:before { content: ""; } .ion-help-circled:before { content: ""; } .ion-home:before { content: ""; } .ion-icecream:before { content: ""; } .ion-image:before { content: ""; } .ion-images:before { content: ""; } .ion-information:before { content: ""; } .ion-information-circled:before { content: ""; } .ion-ionic:before { content: ""; } .ion-ios-alarm:before { content: ""; } .ion-ios-alarm-outline:before { content: ""; } .ion-ios-albums:before { content: ""; } .ion-ios-albums-outline:before { content: ""; } .ion-ios-americanfootball:before { content: ""; } .ion-ios-americanfootball-outline:before { content: ""; } .ion-ios-analytics:before { content: ""; } .ion-ios-analytics-outline:before { content: ""; } .ion-ios-arrow-back:before { content: ""; } .ion-ios-arrow-down:before { content: ""; } .ion-ios-arrow-forward:before { content: ""; } .ion-ios-arrow-left:before { content: ""; } .ion-ios-arrow-right:before { content: ""; } .ion-ios-arrow-thin-down:before { content: ""; } .ion-ios-arrow-thin-left:before { content: ""; } .ion-ios-arrow-thin-right:before { content: ""; } .ion-ios-arrow-thin-up:before { content: ""; } .ion-ios-arrow-up:before { content: ""; } .ion-ios-at:before { content: ""; } .ion-ios-at-outline:before { content: ""; } .ion-ios-barcode:before { content: ""; } .ion-ios-barcode-outline:before { content: ""; } .ion-ios-baseball:before { content: ""; } .ion-ios-baseball-outline:before { content: ""; } .ion-ios-basketball:before { content: ""; } .ion-ios-basketball-outline:before { content: ""; } .ion-ios-bell:before { content: ""; } .ion-ios-bell-outline:before { content: ""; } .ion-ios-body:before { content: ""; } .ion-ios-body-outline:before { content: ""; } .ion-ios-bolt:before { content: ""; } .ion-ios-bolt-outline:before { content: ""; } .ion-ios-book:before { content: ""; } .ion-ios-book-outline:before { content: ""; } .ion-ios-bookmarks:before { content: ""; } .ion-ios-bookmarks-outline:before { content: ""; } .ion-ios-box:before { content: ""; } .ion-ios-box-outline:before { content: ""; } .ion-ios-briefcase:before { content: ""; } .ion-ios-briefcase-outline:before { content: ""; } .ion-ios-browsers:before { content: ""; } .ion-ios-browsers-outline:before { content: ""; } .ion-ios-calculator:before { content: ""; } .ion-ios-calculator-outline:before { content: ""; } .ion-ios-calendar:before { content: ""; } .ion-ios-calendar-outline:before { content: ""; } .ion-ios-camera:before { content: ""; } .ion-ios-camera-outline:before { content: ""; } .ion-ios-cart:before { content: ""; } .ion-ios-cart-outline:before { content: ""; } .ion-ios-chatboxes:before { content: ""; } .ion-ios-chatboxes-outline:before { content: ""; } .ion-ios-chatbubble:before { content: ""; } .ion-ios-chatbubble-outline:before { content: ""; } .ion-ios-checkmark:before { content: ""; } .ion-ios-checkmark-empty:before { content: ""; } .ion-ios-checkmark-outline:before { content: ""; } .ion-ios-circle-filled:before { content: ""; } .ion-ios-circle-outline:before { content: ""; } .ion-ios-clock:before { content: ""; } .ion-ios-clock-outline:before { content: ""; } .ion-ios-close:before { content: ""; } .ion-ios-close-empty:before { content: ""; } .ion-ios-close-outline:before { content: ""; } .ion-ios-cloud:before { content: ""; } .ion-ios-cloud-download:before { content: ""; } .ion-ios-cloud-download-outline:before { content: ""; } .ion-ios-cloud-outline:before { content: ""; } .ion-ios-cloud-upload:before { content: ""; } .ion-ios-cloud-upload-outline:before { content: ""; } .ion-ios-cloudy:before { content: ""; } .ion-ios-cloudy-night:before { content: ""; } .ion-ios-cloudy-night-outline:before { content: ""; } .ion-ios-cloudy-outline:before { content: ""; } .ion-ios-cog:before { content: ""; } .ion-ios-cog-outline:before { content: ""; } .ion-ios-color-filter:before { content: ""; } .ion-ios-color-filter-outline:before { content: ""; } .ion-ios-color-wand:before { content: ""; } .ion-ios-color-wand-outline:before { content: ""; } .ion-ios-compose:before { content: ""; } .ion-ios-compose-outline:before { content: ""; } .ion-ios-contact:before { content: ""; } .ion-ios-contact-outline:before { content: ""; } .ion-ios-copy:before { content: ""; } .ion-ios-copy-outline:before { content: ""; } .ion-ios-crop:before { content: ""; } .ion-ios-crop-strong:before { content: ""; } .ion-ios-download:before { content: ""; } .ion-ios-download-outline:before { content: ""; } .ion-ios-drag:before { content: ""; } .ion-ios-email:before { content: ""; } .ion-ios-email-outline:before { content: ""; } .ion-ios-eye:before { content: ""; } .ion-ios-eye-outline:before { content: ""; } .ion-ios-fastforward:before { content: ""; } .ion-ios-fastforward-outline:before { content: ""; } .ion-ios-filing:before { content: ""; } .ion-ios-filing-outline:before { content: ""; } .ion-ios-film:before { content: ""; } .ion-ios-film-outline:before { content: ""; } .ion-ios-flag:before { content: ""; } .ion-ios-flag-outline:before { content: ""; } .ion-ios-flame:before { content: ""; } .ion-ios-flame-outline:before { content: ""; } .ion-ios-flask:before { content: ""; } .ion-ios-flask-outline:before { content: ""; } .ion-ios-flower:before { content: ""; } .ion-ios-flower-outline:before { content: ""; } .ion-ios-folder:before { content: ""; } .ion-ios-folder-outline:before { content: ""; } .ion-ios-football:before { content: ""; } .ion-ios-football-outline:before { content: ""; } .ion-ios-game-controller-a:before { content: ""; } .ion-ios-game-controller-a-outline:before { content: ""; } .ion-ios-game-controller-b:before { content: ""; } .ion-ios-game-controller-b-outline:before { content: ""; } .ion-ios-gear:before { content: ""; } .ion-ios-gear-outline:before { content: ""; } .ion-ios-glasses:before { content: ""; } .ion-ios-glasses-outline:before { content: ""; } .ion-ios-grid-view:before { content: ""; } .ion-ios-grid-view-outline:before { content: ""; } .ion-ios-heart:before { content: ""; } .ion-ios-heart-outline:before { content: ""; } .ion-ios-help:before { content: ""; } .ion-ios-help-empty:before { content: ""; } .ion-ios-help-outline:before { content: ""; } .ion-ios-home:before { content: ""; } .ion-ios-home-outline:before { content: ""; } .ion-ios-infinite:before { content: ""; } .ion-ios-infinite-outline:before { content: ""; } .ion-ios-information:before { content: ""; } .ion-ios-information-empty:before { content: ""; } .ion-ios-information-outline:before { content: ""; } .ion-ios-ionic-outline:before { content: ""; } .ion-ios-keypad:before { content: ""; } .ion-ios-keypad-outline:before { content: ""; } .ion-ios-lightbulb:before { content: ""; } .ion-ios-lightbulb-outline:before { content: ""; } .ion-ios-list:before { content: ""; } .ion-ios-list-outline:before { content: ""; } .ion-ios-location:before { content: ""; } .ion-ios-location-outline:before { content: ""; } .ion-ios-locked:before { content: ""; } .ion-ios-locked-outline:before { content: ""; } .ion-ios-loop:before { content: ""; } .ion-ios-loop-strong:before { content: ""; } .ion-ios-medical:before { content: ""; } .ion-ios-medical-outline:before { content: ""; } .ion-ios-medkit:before { content: ""; } .ion-ios-medkit-outline:before { content: ""; } .ion-ios-mic:before { content: ""; } .ion-ios-mic-off:before { content: ""; } .ion-ios-mic-outline:before { content: ""; } .ion-ios-minus:before { content: ""; } .ion-ios-minus-empty:before { content: ""; } .ion-ios-minus-outline:before { content: ""; } .ion-ios-monitor:before { content: ""; } .ion-ios-monitor-outline:before { content: ""; } .ion-ios-moon:before { content: ""; } .ion-ios-moon-outline:before { content: ""; } .ion-ios-more:before { content: ""; } .ion-ios-more-outline:before { content: ""; } .ion-ios-musical-note:before { content: ""; } .ion-ios-musical-notes:before { content: ""; } .ion-ios-navigate:before { content: ""; } .ion-ios-navigate-outline:before { content: ""; } .ion-ios-nutrition:before { content: ""; } .ion-ios-nutrition-outline:before { content: ""; } .ion-ios-paper:before { content: ""; } .ion-ios-paper-outline:before { content: ""; } .ion-ios-paperplane:before { content: ""; } .ion-ios-paperplane-outline:before { content: ""; } .ion-ios-partlysunny:before { content: ""; } .ion-ios-partlysunny-outline:before { content: ""; } .ion-ios-pause:before { content: ""; } .ion-ios-pause-outline:before { content: ""; } .ion-ios-paw:before { content: ""; } .ion-ios-paw-outline:before { content: ""; } .ion-ios-people:before { content: ""; } .ion-ios-people-outline:before { content: ""; } .ion-ios-person:before { content: ""; } .ion-ios-person-outline:before { content: ""; } .ion-ios-personadd:before { content: ""; } .ion-ios-personadd-outline:before { content: ""; } .ion-ios-photos:before { content: ""; } .ion-ios-photos-outline:before { content: ""; } .ion-ios-pie:before { content: ""; } .ion-ios-pie-outline:before { content: ""; } .ion-ios-pint:before { content: ""; } .ion-ios-pint-outline:before { content: ""; } .ion-ios-play:before { content: ""; } .ion-ios-play-outline:before { content: ""; } .ion-ios-plus:before { content: ""; } .ion-ios-plus-empty:before { content: ""; } .ion-ios-plus-outline:before { content: ""; } .ion-ios-pricetag:before { content: ""; } .ion-ios-pricetag-outline:before { content: ""; } .ion-ios-pricetags:before { content: ""; } .ion-ios-pricetags-outline:before { content: ""; } .ion-ios-printer:before { content: ""; } .ion-ios-printer-outline:before { content: ""; } .ion-ios-pulse:before { content: ""; } .ion-ios-pulse-strong:before { content: ""; } .ion-ios-rainy:before { content: ""; } .ion-ios-rainy-outline:before { content: ""; } .ion-ios-recording:before { content: ""; } .ion-ios-recording-outline:before { content: ""; } .ion-ios-redo:before { content: ""; } .ion-ios-redo-outline:before { content: ""; } .ion-ios-refresh:before { content: ""; } .ion-ios-refresh-empty:before { content: ""; } .ion-ios-refresh-outline:before { content: ""; } .ion-ios-reload:before { content: ""; } .ion-ios-reverse-camera:before { content: ""; } .ion-ios-reverse-camera-outline:before { content: ""; } .ion-ios-rewind:before { content: ""; } .ion-ios-rewind-outline:before { content: ""; } .ion-ios-rose:before { content: ""; } .ion-ios-rose-outline:before { content: ""; } .ion-ios-search:before { content: ""; } .ion-ios-search-strong:before { content: ""; } .ion-ios-settings:before { content: ""; } .ion-ios-settings-strong:before { content: ""; } .ion-ios-shuffle:before { content: ""; } .ion-ios-shuffle-strong:before { content: ""; } .ion-ios-skipbackward:before { content: ""; } .ion-ios-skipbackward-outline:before { content: ""; } .ion-ios-skipforward:before { content: ""; } .ion-ios-skipforward-outline:before { content: ""; } .ion-ios-snowy:before { content: ""; } .ion-ios-speedometer:before { content: ""; } .ion-ios-speedometer-outline:before { content: ""; } .ion-ios-star:before { content: ""; } .ion-ios-star-half:before { content: ""; } .ion-ios-star-outline:before { content: ""; } .ion-ios-stopwatch:before { content: ""; } .ion-ios-stopwatch-outline:before { content: ""; } .ion-ios-sunny:before { content: ""; } .ion-ios-sunny-outline:before { content: ""; } .ion-ios-telephone:before { content: ""; } .ion-ios-telephone-outline:before { content: ""; } .ion-ios-tennisball:before { content: ""; } .ion-ios-tennisball-outline:before { content: ""; } .ion-ios-thunderstorm:before { content: ""; } .ion-ios-thunderstorm-outline:before { content: ""; } .ion-ios-time:before { content: ""; } .ion-ios-time-outline:before { content: ""; } .ion-ios-timer:before { content: ""; } .ion-ios-timer-outline:before { content: ""; } .ion-ios-toggle:before { content: ""; } .ion-ios-toggle-outline:before { content: ""; } .ion-ios-trash:before { content: ""; } .ion-ios-trash-outline:before { content: ""; } .ion-ios-undo:before { content: ""; } .ion-ios-undo-outline:before { content: ""; } .ion-ios-unlocked:before { content: ""; } .ion-ios-unlocked-outline:before { content: ""; } .ion-ios-upload:before { content: ""; } .ion-ios-upload-outline:before { content: ""; } .ion-ios-videocam:before { content: ""; } .ion-ios-videocam-outline:before { content: ""; } .ion-ios-volume-high:before { content: ""; } .ion-ios-volume-low:before { content: ""; } .ion-ios-wineglass:before { content: ""; } .ion-ios-wineglass-outline:before { content: ""; } .ion-ios-world:before { content: ""; } .ion-ios-world-outline:before { content: ""; } .ion-ipad:before { content: ""; } .ion-iphone:before { content: ""; } .ion-ipod:before { content: ""; } .ion-jet:before { content: ""; } .ion-key:before { content: ""; } .ion-knife:before { content: ""; } .ion-laptop:before { content: ""; } .ion-leaf:before { content: ""; } .ion-levels:before { content: ""; } .ion-lightbulb:before { content: ""; } .ion-link:before { content: ""; } .ion-load-a:before { content: ""; } .ion-load-b:before { content: ""; } .ion-load-c:before { content: ""; } .ion-load-d:before { content: ""; } .ion-location:before { content: ""; } .ion-lock-combination:before { content: ""; } .ion-locked:before { content: ""; } .ion-log-in:before { content: ""; } .ion-log-out:before { content: ""; } .ion-loop:before { content: ""; } .ion-magnet:before { content: ""; } .ion-male:before { content: ""; } .ion-man:before { content: ""; } .ion-map:before { content: ""; } .ion-medkit:before { content: ""; } .ion-merge:before { content: ""; } .ion-mic-a:before { content: ""; } .ion-mic-b:before { content: ""; } .ion-mic-c:before { content: ""; } .ion-minus:before { content: ""; } .ion-minus-circled:before { content: ""; } .ion-minus-round:before { content: ""; } .ion-model-s:before { content: ""; } .ion-monitor:before { content: ""; } .ion-more:before { content: ""; } .ion-mouse:before { content: ""; } .ion-music-note:before { content: ""; } .ion-navicon:before { content: ""; } .ion-navicon-round:before { content: ""; } .ion-navigate:before { content: ""; } .ion-network:before { content: ""; } .ion-no-smoking:before { content: ""; } .ion-nuclear:before { content: ""; } .ion-outlet:before { content: ""; } .ion-paintbrush:before { content: ""; } .ion-paintbucket:before { content: ""; } .ion-paper-airplane:before { content: ""; } .ion-paperclip:before { content: ""; } .ion-pause:before { content: ""; } .ion-person:before { content: ""; } .ion-person-add:before { content: ""; } .ion-person-stalker:before { content: ""; } .ion-pie-graph:before { content: ""; } .ion-pin:before { content: ""; } .ion-pinpoint:before { content: ""; } .ion-pizza:before { content: ""; } .ion-plane:before { content: ""; } .ion-planet:before { content: ""; } .ion-play:before { content: ""; } .ion-playstation:before { content: ""; } .ion-plus:before { content: ""; } .ion-plus-circled:before { content: ""; } .ion-plus-round:before { content: ""; } .ion-podium:before { content: ""; } .ion-pound:before { content: ""; } .ion-power:before { content: ""; } .ion-pricetag:before { content: ""; } .ion-pricetags:before { content: ""; } .ion-printer:before { content: ""; } .ion-pull-request:before { content: ""; } .ion-qr-scanner:before { content: ""; } .ion-quote:before { content: ""; } .ion-radio-waves:before { content: ""; } .ion-record:before { content: ""; } .ion-refresh:before { content: ""; } .ion-reply:before { content: ""; } .ion-reply-all:before { content: ""; } .ion-ribbon-a:before { content: ""; } .ion-ribbon-b:before { content: ""; } .ion-sad:before { content: ""; } .ion-sad-outline:before { content: ""; } .ion-scissors:before { content: ""; } .ion-search:before { content: ""; } .ion-settings:before { content: ""; } .ion-share:before { content: ""; } .ion-shuffle:before { content: ""; } .ion-skip-backward:before { content: ""; } .ion-skip-forward:before { content: ""; } .ion-social-android:before { content: ""; } .ion-social-android-outline:before { content: ""; } .ion-social-angular:before { content: ""; } .ion-social-angular-outline:before { content: ""; } .ion-social-apple:before { content: ""; } .ion-social-apple-outline:before { content: ""; } .ion-social-bitcoin:before { content: ""; } .ion-social-bitcoin-outline:before { content: ""; } .ion-social-buffer:before { content: ""; } .ion-social-buffer-outline:before { content: ""; } .ion-social-chrome:before { content: ""; } .ion-social-chrome-outline:before { content: ""; } .ion-social-codepen:before { content: ""; } .ion-social-codepen-outline:before { content: ""; } .ion-social-css3:before { content: ""; } .ion-social-css3-outline:before { content: ""; } .ion-social-designernews:before { content: ""; } .ion-social-designernews-outline:before { content: ""; } .ion-social-dribbble:before { content: ""; } .ion-social-dribbble-outline:before { content: ""; } .ion-social-dropbox:before { content: ""; } .ion-social-dropbox-outline:before { content: ""; } .ion-social-euro:before { content: ""; } .ion-social-euro-outline:before { content: ""; } .ion-social-facebook:before { content: ""; } .ion-social-facebook-outline:before { content: ""; } .ion-social-foursquare:before { content: ""; } .ion-social-foursquare-outline:before { content: ""; } .ion-social-freebsd-devil:before { content: ""; } .ion-social-github:before { content: ""; } .ion-social-github-outline:before { content: ""; } .ion-social-google:before { content: ""; } .ion-social-google-outline:before { content: ""; } .ion-social-googleplus:before { content: ""; } .ion-social-googleplus-outline:before { content: ""; } .ion-social-hackernews:before { content: ""; } .ion-social-hackernews-outline:before { content: ""; } .ion-social-html5:before { content: ""; } .ion-social-html5-outline:before { content: ""; } .ion-social-instagram:before { content: ""; } .ion-social-instagram-outline:before { content: ""; } .ion-social-javascript:before { content: ""; } .ion-social-javascript-outline:before { content: ""; } .ion-social-linkedin:before { content: ""; } .ion-social-linkedin-outline:before { content: ""; } .ion-social-markdown:before { content: ""; } .ion-social-nodejs:before { content: ""; } .ion-social-octocat:before { content: ""; } .ion-social-pinterest:before { content: ""; } .ion-social-pinterest-outline:before { content: ""; } .ion-social-python:before { content: ""; } .ion-social-reddit:before { content: ""; } .ion-social-reddit-outline:before { content: ""; } .ion-social-rss:before { content: ""; } .ion-social-rss-outline:before { content: ""; } .ion-social-sass:before { content: ""; } .ion-social-skype:before { content: ""; } .ion-social-skype-outline:before { content: ""; } .ion-social-snapchat:before { content: ""; } .ion-social-snapchat-outline:before { content: ""; } .ion-social-tumblr:before { content: ""; } .ion-social-tumblr-outline:before { content: ""; } .ion-social-tux:before { content: ""; } .ion-social-twitch:before { content: ""; } .ion-social-twitch-outline:before { content: ""; } .ion-social-twitter:before { content: ""; } .ion-social-twitter-outline:before { content: ""; } .ion-social-usd:before { content: ""; } .ion-social-usd-outline:before { content: ""; } .ion-social-vimeo:before { content: ""; } .ion-social-vimeo-outline:before { content: ""; } .ion-social-whatsapp:before { content: ""; } .ion-social-whatsapp-outline:before { content: ""; } .ion-social-windows:before { content: ""; } .ion-social-windows-outline:before { content: ""; } .ion-social-wordpress:before { content: ""; } .ion-social-wordpress-outline:before { content: ""; } .ion-social-yahoo:before { content: ""; } .ion-social-yahoo-outline:before { content: ""; } .ion-social-yen:before { content: ""; } .ion-social-yen-outline:before { content: ""; } .ion-social-youtube:before { content: ""; } .ion-social-youtube-outline:before { content: ""; } .ion-soup-can:before { content: ""; } .ion-soup-can-outline:before { content: ""; } .ion-speakerphone:before { content: ""; } .ion-speedometer:before { content: ""; } .ion-spoon:before { content: ""; } .ion-star:before { content: ""; } .ion-stats-bars:before { content: ""; } .ion-steam:before { content: ""; } .ion-stop:before { content: ""; } .ion-thermometer:before { content: ""; } .ion-thumbsdown:before { content: ""; } .ion-thumbsup:before { content: ""; } .ion-toggle:before { content: ""; } .ion-toggle-filled:before { content: ""; } .ion-transgender:before { content: ""; } .ion-trash-a:before { content: ""; } .ion-trash-b:before { content: ""; } .ion-trophy:before { content: ""; } .ion-tshirt:before { content: ""; } .ion-tshirt-outline:before { content: ""; } .ion-umbrella:before { content: ""; } .ion-university:before { content: ""; } .ion-unlocked:before { content: ""; } .ion-upload:before { content: ""; } .ion-usb:before { content: ""; } .ion-videocamera:before { content: ""; } .ion-volume-high:before { content: ""; } .ion-volume-low:before { content: ""; } .ion-volume-medium:before { content: ""; } .ion-volume-mute:before { content: ""; } .ion-wand:before { content: ""; } .ion-waterdrop:before { content: ""; } .ion-wifi:before { content: ""; } .ion-wineglass:before { content: ""; } .ion-woman:before { content: ""; } .ion-wrench:before { content: ""; } .ion-xbox:before { content: ""; } @charset "UTF-8"; @font-face { font-family: "socicon"; src:url('socicon.ec23f2c6ea40d7043ca8.eot'); src:url('socicon.ec23f2c6ea40d7043ca8.eot?#iefix') format("embedded-opentype"), url('socicon.fa1cafd691508aa474d6.woff') format("woff"), url('socicon.578ecee55f406ce82f5b.ttf') format("truetype"), url('socicon.d1edd88f5dd84572d00d.svg#socicon') format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "socicon" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="socicon-"]:before, [class*=" socicon-"]:before { font-family: "socicon" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .socicon-modelmayhem:before { content: "\e000"; } .socicon-mixcloud:before { content: "\e001"; } .socicon-drupal:before { content: "\e002"; } .socicon-swarm:before { content: "\e003"; } .socicon-istock:before { content: "\e004"; } .socicon-yammer:before { content: "\e005"; } .socicon-ello:before { content: "\e006"; } .socicon-stackoverflow:before { content: "\e007"; } .socicon-persona:before { content: "\e008"; } .socicon-triplej:before { content: "\e009"; } .socicon-houzz:before { content: "\e00a"; } .socicon-rss:before { content: "\e00b"; } .socicon-paypal:before { content: "\e00c"; } .socicon-odnoklassniki:before { content: "\e00d"; } .socicon-airbnb:before { content: "\e00e"; } .socicon-periscope:before { content: "\e00f"; } .socicon-outlook:before { content: "\e010"; } .socicon-coderwall:before { content: "\e011"; } .socicon-tripadvisor:before { content: "\e012"; } .socicon-appnet:before { content: "\e013"; } .socicon-goodreads:before { content: "\e014"; } .socicon-tripit:before { content: "\e015"; } .socicon-lanyrd:before { content: "\e016"; } .socicon-slideshare:before { content: "\e017"; } .socicon-buffer:before { content: "\e018"; } .socicon-disqus:before { content: "\e019"; } .socicon-vkontakte:before { content: "\e01a"; } .socicon-whatsapp:before { content: "\e01b"; } .socicon-patreon:before { content: "\e01c"; } .socicon-storehouse:before { content: "\e01d"; } .socicon-pocket:before { content: "\e01e"; } .socicon-mail:before { content: "\e01f"; } .socicon-blogger:before { content: "\e020"; } .socicon-technorati:before { content: "\e021"; } .socicon-reddit:before { content: "\e022"; } .socicon-dribbble:before { content: "\e023"; } .socicon-stumbleupon:before { content: "\e024"; } .socicon-digg:before { content: "\e025"; } .socicon-envato:before { content: "\e026"; } .socicon-behance:before { content: "\e027"; } .socicon-delicious:before { content: "\e028"; } .socicon-deviantart:before { content: "\e029"; } .socicon-forrst:before { content: "\e02a"; } .socicon-play:before { content: "\e02b"; } .socicon-zerply:before { content: "\e02c"; } .socicon-wikipedia:before { content: "\e02d"; } .socicon-apple:before { content: "\e02e"; } .socicon-flattr:before { content: "\e02f"; } .socicon-github:before { content: "\e030"; } .socicon-renren:before { content: "\e031"; } .socicon-friendfeed:before { content: "\e032"; } .socicon-newsvine:before { content: "\e033"; } .socicon-identica:before { content: "\e034"; } .socicon-bebo:before { content: "\e035"; } .socicon-zynga:before { content: "\e036"; } .socicon-steam:before { content: "\e037"; } .socicon-xbox:before { content: "\e038"; } .socicon-windows:before { content: "\e039"; } .socicon-qq:before { content: "\e03a"; } .socicon-douban:before { content: "\e03b"; } .socicon-meetup:before { content: "\e03c"; } .socicon-playstation:before { content: "\e03d"; } .socicon-android:before { content: "\e03e"; } .socicon-snapchat:before { content: "\e03f"; } .socicon-twitter:before { content: "\e040"; } .socicon-facebook:before { content: "\e041"; } .socicon-googleplus:before { content: "\e042"; } .socicon-pinterest:before { content: "\e043"; } .socicon-foursquare:before { content: "\e044"; } .socicon-yahoo:before { content: "\e045"; } .socicon-skype:before { content: "\e046"; } .socicon-yelp:before { content: "\e047"; } .socicon-feedburner:before { content: "\e048"; } .socicon-linkedin:before { content: "\e049"; } .socicon-viadeo:before { content: "\e04a"; } .socicon-xing:before { content: "\e04b"; } .socicon-myspace:before { content: "\e04c"; } .socicon-soundcloud:before { content: "\e04d"; } .socicon-spotify:before { content: "\e04e"; } .socicon-grooveshark:before { content: "\e04f"; } .socicon-lastfm:before { content: "\e050"; } .socicon-youtube:before { content: "\e051"; } .socicon-vimeo:before { content: "\e052"; } .socicon-dailymotion:before { content: "\e053"; } .socicon-vine:before { content: "\e054"; } .socicon-flickr:before { content: "\e055"; } .socicon-500px:before { content: "\e056"; } .socicon-wordpress:before { content: "\e058"; } .socicon-tumblr:before { content: "\e059"; } .socicon-twitch:before { content: "\e05a"; } .socicon-8tracks:before { content: "\e05b"; } .socicon-amazon:before { content: "\e05c"; } .socicon-icq:before { content: "\e05d"; } .socicon-smugmug:before { content: "\e05e"; } .socicon-ravelry:before { content: "\e05f"; } .socicon-weibo:before { content: "\e060"; } .socicon-baidu:before { content: "\e061"; } .socicon-angellist:before { content: "\e062"; } .socicon-ebay:before { content: "\e063"; } .socicon-imdb:before { content: "\e064"; } .socicon-stayfriends:before { content: "\e065"; } .socicon-residentadvisor:before { content: "\e066"; } .socicon-google:before { content: "\e067"; } .socicon-yandex:before { content: "\e068"; } .socicon-sharethis:before { content: "\e069"; } .socicon-bandcamp:before { content: "\e06a"; } .socicon-itunes:before { content: "\e06b"; } .socicon-deezer:before { content: "\e06c"; } .socicon-telegram:before { content: "\e06e"; } .socicon-openid:before { content: "\e06f"; } .socicon-amplement:before { content: "\e070"; } .socicon-viber:before { content: "\e071"; } .socicon-zomato:before { content: "\e072"; } .socicon-draugiem:before { content: "\e074"; } .socicon-endomodo:before { content: "\e075"; } .socicon-filmweb:before { content: "\e076"; } .socicon-stackexchange:before { content: "\e077"; } .socicon-wykop:before { content: "\e078"; } .socicon-teamspeak:before { content: "\e079"; } .socicon-teamviewer:before { content: "\e07a"; } .socicon-ventrilo:before { content: "\e07b"; } .socicon-younow:before { content: "\e07c"; } .socicon-raidcall:before { content: "\e07d"; } .socicon-mumble:before { content: "\e07e"; } .socicon-medium:before { content: "\e06d"; } .socicon-bebee:before { content: "\e07f"; } .socicon-hitbox:before { content: "\e080"; } .socicon-reverbnation:before { content: "\e081"; } .socicon-formulr:before { content: "\e082"; } .socicon-instagram:before { content: "\e057"; } .socicon-battlenet:before { content: "\e083"; } .socicon-chrome:before { content: "\e084"; } .socicon-discord:before { content: "\e086"; } .socicon-issuu:before { content: "\e087"; } .socicon-macos:before { content: "\e088"; } .socicon-firefox:before { content: "\e089"; } .socicon-opera:before { content: "\e08d"; } .socicon-keybase:before { content: "\e090"; } .socicon-alliance:before { content: "\e091"; } .socicon-livejournal:before { content: "\e092"; } .socicon-googlephotos:before { content: "\e093"; } .socicon-horde:before { content: "\e094"; } .socicon-etsy:before { content: "\e095"; } .socicon-zapier:before { content: "\e096"; } .socicon-google-scholar:before { content: "\e097"; } .socicon-researchgate:before { content: "\e098"; } .socicon-wechat:before { content: "\e099"; } .socicon-strava:before { content: "\e09a"; } .socicon-line:before { content: "\e09b"; } .socicon-lyft:before { content: "\e09c"; } .socicon-uber:before { content: "\e09d"; } .socicon-songkick:before { content: "\e09e"; } .socicon-viewbug:before { content: "\e09f"; } .socicon-googlegroups:before { content: "\e0a0"; } .socicon-quora:before { content: "\e073"; } .socicon-diablo:before { content: "\e085"; } .socicon-blizzard:before { content: "\e0a1"; } .socicon-hearthstone:before { content: "\e08b"; } .socicon-heroes:before { content: "\e08a"; } .socicon-overwatch:before { content: "\e08c"; } .socicon-warcraft:before { content: "\e08e"; } .socicon-starcraft:before { content: "\e08f"; } .socicon-beam:before { content: "\e0a2"; } .socicon-curse:before { content: "\e0a3"; } .socicon-player:before { content: "\e0a4"; } .socicon-streamjar:before { content: "\e0a5"; } .socicon-nintendo:before { content: "\e0a6"; } .socicon-hellocoton:before { content: "\e0a7"; } /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ @font-face { font-family: nebular; src: url('nebular.5c0b043a3fee669cccbf.eot'); src: url('nebular.5c0b043a3fee669cccbf.eot') format("embedded-opentype"), url('nebular.dd6b235b610f306cdbab.ttf') format("truetype"), url('nebular.e553da5ebddf5d96565a.woff') format("woff"), url('nebular.a115dc417c9c6dac2113.svg') format("svg"); font-weight: normal; font-style: normal; } .nb-minimize, .nb-maximize, .nb-help, .nb-fold, .nb-danger, .nb-collapse, .nb-checkmark-circle, .nb-e-commerce, .nb-info, .nb-expand, .nb-drops, .nb-drop, .nb-volume-mute, .nb-volume-high, .nb-trash, .nb-title, .nb-tables, .nb-sunny, .nb-sunny-circled, .nb-star, .nb-square, .nb-square-outline, .nb-snowy-circled, .nb-skip-forward, .nb-skip-forward-outline, .nb-skip-backward, .nb-skip-backward-outline, .nb-shuffle, .nb-search, .nb-roller-shades, .nb-rainy, .nb-power, .nb-power-circled, .nb-plus, .nb-plus-circled, .nb-play, .nb-play-outline, .nb-phone, .nb-person, .nb-pause, .nb-pause-outline, .nb-partlysunny, .nb-paper-plane, .nb-notifications, .nb-menu, .nb-loop, .nb-loop-circled, .nb-locked, .nb-location, .nb-list, .nb-lightbulb, .nb-layout-two-column, .nb-layout-sidebar-right, .nb-layout-sidebar-left, .nb-layout-one-column, .nb-layout-default, .nb-layout-centre, .nb-keypad, .nb-home, .nb-heart, .nb-grid-b, .nb-grid-b-outline, .nb-grid-a, .nb-grid-a-outline, .nb-gear, .nb-flame-circled, .nb-email, .nb-edit, .nb-compose, .nb-coffee-maker, .nb-cloudy, .nb-close, .nb-close-circled, .nb-chevron-up, .nb-chevron-up-outline, .nb-chevron-right, .nb-chevron-right-outline, .nb-chevron-left, .nb-chevron-left-outline, .nb-chevron-down, .nb-chevron-down-outline, .nb-checkmark, .nb-bar-chart, .nb-audio, .nb-arrow-up, .nb-arrow-thin-up, .nb-arrow-thin-right, .nb-arrow-thin-left, .nb-arrow-thin-down, .nb-arrow-right, .nb-arrow-retweet, .nb-arrow-left, .nb-arrow-dropup, .nb-arrow-dropright, .nb-arrow-dropleft, .nb-arrow-dropdown, .nb-arrow-down, .nb-angle-double-right, .nb-angle-double-left, .nb-alert { /* use !important to prevent issues with browser extensions that change ../fonts */ font-family: nebular; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nb-minimize::before { content: '\e900'; } .nb-maximize::before { content: '\e901'; } .nb-help::before { content: '\e902'; } .nb-fold::before { content: '\e903'; } .nb-danger::before { content: '\e904'; } .nb-collapse::before { content: '\e905'; } .nb-checkmark-circle::before { content: '\e906'; } .nb-e-commerce::before { content: '\e907'; } .nb-info::before { content: '\e908'; color: #fff; } .nb-expand::before { content: '\e909'; color: #fff; } .nb-drops::before { content: '\e90a'; } .nb-drop::before { content: '\e90b'; } .nb-volume-mute::before { content: '\e90c'; } .nb-volume-high::before { content: '\e90d'; } .nb-trash::before { content: '\e90e'; } .nb-title::before { content: '\e90f'; } .nb-tables::before { content: '\e910'; } .nb-sunny::before { content: '\e911'; } .nb-sunny-circled::before { content: '\e912'; } .nb-star::before { content: '\e913'; } .nb-square::before { content: '\e914'; } .nb-square-outline::before { content: '\e915'; } .nb-snowy-circled::before { content: '\e916'; } .nb-skip-forward::before { content: '\e917'; } .nb-skip-forward-outline::before { content: '\e918'; } .nb-skip-backward::before { content: '\e919'; } .nb-skip-backward-outline::before { content: '\e91a'; } .nb-shuffle::before { content: '\e91b'; } .nb-search::before { content: '\e91c'; } .nb-roller-shades::before { content: '\e91d'; } .nb-rainy::before { content: '\e91e'; } .nb-power::before { content: '\e91f'; } .nb-power-circled::before { content: '\e920'; } .nb-plus::before { content: '\e921'; } .nb-plus-circled::before { content: '\e922'; } .nb-play::before { content: '\e923'; } .nb-play-outline::before { content: '\e924'; } .nb-phone::before { content: '\e925'; } .nb-person::before { content: '\e926'; } .nb-pause::before { content: '\e927'; } .nb-pause-outline::before { content: '\e928'; } .nb-partlysunny::before { content: '\e929'; } .nb-paper-plane::before { content: '\e92a'; } .nb-notifications::before { content: '\e92b'; } .nb-menu::before { content: '\e92c'; } .nb-loop::before { content: '\e92d'; } .nb-loop-circled::before { content: '\e92e'; } .nb-locked::before { content: '\e92f'; } .nb-location::before { content: '\e930'; } .nb-list::before { content: '\e931'; } .nb-lightbulb::before { content: '\e932'; } .nb-layout-two-column::before { content: '\e933'; } .nb-layout-sidebar-right::before { content: '\e934'; } .nb-layout-sidebar-left::before { content: '\e935'; } .nb-layout-one-column::before { content: '\e936'; } .nb-layout-default::before { content: '\e937'; } .nb-layout-centre::before { content: '\e938'; } .nb-keypad::before { content: '\e939'; } .nb-home::before { content: '\e93a'; } .nb-heart::before { content: '\e93b'; } .nb-grid-b::before { content: '\e93c'; } .nb-grid-b-outline::before { content: '\e93d'; } .nb-grid-a::before { content: '\e93e'; } .nb-grid-a-outline::before { content: '\e93f'; } .nb-gear::before { content: '\e940'; } .nb-flame-circled::before { content: '\e941'; } .nb-email::before { content: '\e942'; } .nb-edit::before { content: '\e943'; } .nb-compose::before { content: '\e944'; } .nb-coffee-maker::before { content: '\e945'; } .nb-cloudy::before { content: '\e946'; } .nb-close::before { content: '\e947'; } .nb-close-circled::before { content: '\e948'; } .nb-chevron-up::before { content: '\e949'; } .nb-chevron-up-outline::before { content: '\e94a'; } .nb-chevron-right::before { content: '\e94b'; } .nb-chevron-right-outline::before { content: '\e94c'; } .nb-chevron-left::before { content: '\e94d'; } .nb-chevron-left-outline::before { content: '\e94e'; } .nb-chevron-down::before { content: '\e94f'; } .nb-chevron-down-outline::before { content: '\e950'; } .nb-checkmark::before { content: '\e951'; } .nb-bar-chart::before { content: '\e952'; } .nb-audio::before { content: '\e953'; } .nb-arrow-up::before { content: '\e954'; } .nb-arrow-thin-up::before { content: '\e955'; } .nb-arrow-thin-right::before { content: '\e956'; } .nb-arrow-thin-left::before { content: '\e957'; } .nb-arrow-thin-down::before { content: '\e958'; } .nb-arrow-right::before { content: '\e959'; } .nb-arrow-retweet::before { content: '\e95a'; } .nb-arrow-left::before { content: '\e95b'; } .nb-arrow-dropup::before { content: '\e95c'; } .nb-arrow-dropright::before { content: '\e95d'; } .nb-arrow-dropleft::before { content: '\e95e'; } .nb-arrow-dropdown::before { content: '\e95f'; } .nb-arrow-down::before { content: '\e960'; } .nb-angle-double-right::before { content: '\e961'; } .nb-angle-double-left::before { content: '\e962'; } .nb-alert::before { content: '\e963'; } .pace { -webkit-pointer-events: none; pointer-events: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: `args.color || "#29d"`; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px `args.color || '#29d'`, 0 0 5px `args.color || '#29d'`; opacity: 1.0; transform: rotate(3deg) translate(0px, -4px); } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: `args.color || '#29d'`; border-left-color: `args.color || '#29d'`; border-radius: 10px; animation: pace-spinner 400ms linear infinite; } @keyframes pace-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('fontawesome-webfont.8b43027f47b20503057d.eot?v=4.7.0'); src: url('fontawesome-webfont.8b43027f47b20503057d.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.20fd1704ea223900efa9.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.f691f37e57f04c152e23.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.1e59d2330b4c6deb84b3.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.c1e38fd9e0e74ba58f7a.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; background: #fff; -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08); box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { -webkit-box-shadow: none !important; box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after { left: auto; right: 22px; } .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after { left: 50%; right: 50%; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0,0,0,0.9); fill: rgba(0,0,0,0.9); height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: rgba(0,0,0,0.9); fill: rgba(0,0,0,0.9); } .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ /* */ left: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ /* */ right: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #959ea9; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { -webkit-transition: fill 0.1s; transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57,57,57,0.15); -webkit-box-sizing: border-box; box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0,0,0,0.1); } .numInputWrapper span:active { background: rgba(0,0,0,0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57,57,57,0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57,57,57,0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0,0,0,0.5); } .numInputWrapper:hover { background: rgba(0,0,0,0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0,0,0,0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0,0,0,0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0,0,0,0.9); } .flatpickr-current-month input.cur-year { background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0,0,0,0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: transparent; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: none; padding: 0 0 0 0.5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0,0,0,0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0,0,0,0.54); line-height: 1; margin: 0; text-align: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-flex-pack: justify; -webkit-justify-content: space-around; justify-content: space-around; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1; } .dayContainer + .dayContainer { -webkit-box-shadow: -1px 0 0 #e6e6e6; box-shadow: -1px 0 0 #e6e6e6; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; -webkit-flex-basis: 14.2857143%; -ms-flex-preferred-size: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { -webkit-box-shadow: -10px 0 0 #569ff7; box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57,57,57,0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57,57,57,0.1); } .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; -webkit-box-shadow: 1px 0 0 #e6e6e6; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57,57,57,0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #393939; font-size: 14px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #eee; } .flatpickr-input[readonly] { cursor: pointer; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fpFadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /** * @author zhixin wen */ .ms-parent { display: inline-block; position: relative; vertical-align: middle; } .ms-choice { display: block; width: 100%; height: 26px; padding: 0; overflow: hidden; cursor: pointer; border: 1px solid #aaa; text-align: left; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-color: #fff; } .ms-choice.disabled { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .ms-choice > span { position: absolute; top: 0; left: 0; right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 8px; } .ms-choice > span.placeholder { color: #999; } .ms-choice > div { position: absolute; top: 0; right: 0; width: 20px; height: 25px; background: url('multiple-select.6412f99bb3bd07805112.png') left top no-repeat; } .ms-choice > div.open { background: url('multiple-select.6412f99bb3bd07805112.png') right top no-repeat; } .ms-drop { width: 100%; overflow: hidden; display: none; margin-top: -1px; padding: 0; position: absolute; z-index: 1000; background: #fff; color: #000; border: 1px solid #aaa; border-radius: 4px; } .ms-drop.bottom { top: 100%; box-shadow: 0 4px 5px rgba(0, 0, 0, .15); } .ms-drop.top { bottom: 100%; box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); } .ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; } .ms-search input { width: 100%; height: auto !important; min-height: 24px; padding: 0 20px 0 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; box-shadow: none; background: #fff url('multiple-select.6412f99bb3bd07805112.png') no-repeat 100% -22px; background: url('multiple-select.6412f99bb3bd07805112.png') no-repeat 100% -22px, linear-gradient(to top, #ffffff 85%, #eeeeee 99%); } .ms-search, .ms-search input { -khtml-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ms-drop ul { overflow: auto; margin: 0; padding: 5px 8px; } .ms-drop ul > li { list-style: none; display: list-item; background-image: none; position: static; } .ms-drop ul > li .disabled { opacity: .35; filter: Alpha(Opacity=35); } .ms-drop ul > li.multiple { display: block; float: left; } .ms-drop ul > li.group { clear: both; } .ms-drop ul > li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ms-drop ul > li label { font-weight: normal; display: block; white-space: nowrap; } .ms-drop ul > li label.optgroup { font-weight: bold; } .ms-drop input[type="checkbox"] { vertical-align: middle; } .ms-drop .ms-no-results { display: none; } .ant-alert,body,h1,h2,h3,h4,h5,h6{color:rgba(0,0,0,.85)}.ant-alert-close-icon,.ant-back-top,.ant-btn,.anticon[tabindex],a{cursor:pointer}a,a:active,a:focus,a:hover{outline:0;text-decoration:none}dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0}address,dl,ol,p,pre,ul{margin-bottom:1em}.ant-avatar,img{vertical-align:middle}.ant-btn,[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}.ant-picker-content,table{border-collapse:collapse}pre,textarea{overflow:auto}dd,h1,h2,h3,h4,h5,h6,legend{margin-bottom:.5em}.ant-badge-status,progress,sub,sup{vertical-align:baseline}[ant-click-animating-without-extra-node=true],[ant-click-animating=true],sub,sup{position:relative}.ant-carousel .slick-slider,.cdk-overlay-backdrop,html{-webkit-tap-highlight-color:transparent}.ant-alert.ant-alert-rtl,.ant-anchor-rtl,.ant-back-top-rtl,.ant-badge-rtl{direction:rtl}[class*=ant-] input::-ms-clear,[class*=ant-] input::-ms-reveal,[class*=ant-]::-ms-clear,[class^=ant-] input::-ms-clear,[class^=ant-] input::-ms-reveal,[class^=ant-]::-ms-clear{display:none}[class*=ant-],[class*=ant-] *,[class*=ant-] ::after,[class*=ant-] ::before,[class^=ant-],[class^=ant-] *,[class^=ant-] ::after,[class^=ant-] ::before{box-sizing:border-box}body,html{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;--antd-wave-shadow-color:#1890ff;--scroll-bar:0}.ant-pagination-item,body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}@-ms-viewport{width:device-width}body{margin:0;font-size:14px;font-variant:tabular-nums;line-height:1.5715;background-color:#fff;font-feature-settings:'tnum'}[tabindex='-1']:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{font-style:normal;line-height:inherit}input[type=password],input[type=number],input[type=text],textarea{-webkit-appearance:none}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-left:0}blockquote,figure{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}a{color:#1890ff;background-color:transparent;transition:color .3s;-webkit-text-decoration-skip:objects}a:hover{color:#40a9ff}a:active{color:#096dd9}a[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed;pointer-events:none}code,kbd,pre,samp{font-size:1em;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace}img{border-style:none}svg:not(:root){overflow:hidden}caption{padding-top:.75em;padding-bottom:.3em;color:rgba(0,0,0,.45);text-align:left;caption-side:bottom}th{text-align:inherit}button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}.clearfix::after,.clearfix::before{display:table;content:''}mark{padding:.2em;background-color:#feffe6}::-moz-selection{color:#fff;background:#1890ff}::selection{color:#fff;background:#1890ff}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow,.anticon{color:inherit;text-align:center;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;text-transform:none}.clearfix::after{clear:both}.anticon,.anticon svg{display:inline-block}.anticon{line-height:0;vertical-align:-.125em}.anticon>*{line-height:1}.anticon::before{display:none}.anticon .anticon-icon{display:block}.anticon-spin,.anticon-spin::before{display:inline-block;animation:loadingCircle 1s infinite linear}.fade-appear,.fade-enter,.fade-leave{animation-timing-function:linear}.fade-appear,.fade-enter,.fade-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.fade-appear.fade-appear-active,.fade-enter.fade-enter-active{animation-name:antFadeIn;animation-play-state:running}.fade-leave.fade-leave-active{animation-name:antFadeOut;animation-play-state:running;pointer-events:none}.fade-appear,.fade-enter{opacity:0}@keyframes antFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes antFadeOut{0%{opacity:1}100%{opacity:0}}.move-up-appear,.move-up-enter,.move-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active{animation-name:antMoveUpIn;animation-play-state:running}.move-up-leave.move-up-leave-active{animation-name:antMoveUpOut;animation-play-state:running;pointer-events:none}.move-up-appear,.move-up-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-up-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-down-appear,.move-down-enter,.move-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active{animation-name:antMoveDownIn;animation-play-state:running}.move-down-leave.move-down-leave-active{animation-name:antMoveDownOut;animation-play-state:running;pointer-events:none}.move-down-appear,.move-down-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-down-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-left-appear,.move-left-enter,.move-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active{animation-name:antMoveLeftIn;animation-play-state:running}.move-left-leave.move-left-leave-active{animation-name:antMoveLeftOut;animation-play-state:running;pointer-events:none}.move-left-appear,.move-left-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-left-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.move-right-appear,.move-right-enter,.move-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active{animation-name:antMoveRightIn;animation-play-state:running}.move-right-leave.move-right-leave-active{animation-name:antMoveRightOut;animation-play-state:running;pointer-events:none}.move-right-appear,.move-right-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.move-right-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}@keyframes antMoveDownIn{0%{transform:translateY(100%);transform-origin:0 0;opacity:0}100%{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes antMoveDownOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}100%{transform:translateY(100%);transform-origin:0 0;opacity:0}}@keyframes antMoveLeftIn{0%{transform:translateX(-100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes antMoveLeftOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(-100%);transform-origin:0 0;opacity:0}}@keyframes antMoveRightIn{0%{transform:translateX(100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes antMoveRightOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(100%);transform-origin:0 0;opacity:0}}@keyframes antMoveUpIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}100%{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes antMoveUpOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}100%{transform:translateY(-100%);transform-origin:0 0;opacity:0}}@keyframes loadingCircle{100%{transform:rotate(360deg)}}.ant-click-animating-node,[ant-click-animating-without-extra-node=true]::after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:inherit;box-shadow:0 0 0 0 #1890ff;box-shadow:0 0 0 0 var(--antd-wave-shadow-color);opacity:.2;animation:fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);animation-fill-mode:forwards;content:'';pointer-events:none}@keyframes waveEffect{100%{box-shadow:0 0 0 #1890ff;box-shadow:0 0 0 6px var(--antd-wave-shadow-color)}}@keyframes fadeEffect{100%{opacity:0}}.slide-up-appear,.slide-up-enter,.slide-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-up-appear.slide-up-appear-active,.slide-up-enter.slide-up-enter-active{animation-name:antSlideUpIn;animation-play-state:running}.slide-up-leave.slide-up-leave-active{animation-name:antSlideUpOut;animation-play-state:running;pointer-events:none}.slide-up-appear,.slide-up-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-up-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-down-appear,.slide-down-enter,.slide-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-down-appear.slide-down-appear-active,.slide-down-enter.slide-down-enter-active{animation-name:antSlideDownIn;animation-play-state:running}.slide-down-leave.slide-down-leave-active{animation-name:antSlideDownOut;animation-play-state:running;pointer-events:none}.slide-down-appear,.slide-down-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-left-appear,.slide-left-enter,.slide-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-left-appear.slide-left-appear-active,.slide-left-enter.slide-left-enter-active{animation-name:antSlideLeftIn;animation-play-state:running}.slide-left-leave.slide-left-leave-active{animation-name:antSlideLeftOut;animation-play-state:running;pointer-events:none}.slide-left-appear,.slide-left-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-left-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.slide-right-appear,.slide-right-enter,.slide-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-right-appear.slide-right-appear-active,.slide-right-enter.slide-right-enter-active{animation-name:antSlideRightIn;animation-play-state:running}.slide-right-leave.slide-right-leave-active{animation-name:antSlideRightOut;animation-play-state:running;pointer-events:none}.slide-right-appear,.slide-right-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.slide-right-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes antSlideUpIn{0%{transform:scaleY(.8);transform-origin:0 0;opacity:0}100%{transform:scaleY(1);transform-origin:0 0;opacity:1}}@keyframes antSlideUpOut{0%{transform:scaleY(1);transform-origin:0 0;opacity:1}100%{transform:scaleY(.8);transform-origin:0 0;opacity:0}}@keyframes antSlideDownIn{0%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}100%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}}@keyframes antSlideDownOut{0%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}100%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}}@keyframes antSlideLeftIn{0%{transform:scaleX(.8);transform-origin:0 0;opacity:0}100%{transform:scaleX(1);transform-origin:0 0;opacity:1}}@keyframes antSlideLeftOut{0%{transform:scaleX(1);transform-origin:0 0;opacity:1}100%{transform:scaleX(.8);transform-origin:0 0;opacity:0}}@keyframes antSlideRightIn{0%{transform:scaleX(.8);transform-origin:100% 0;opacity:0}100%{transform:scaleX(1);transform-origin:100% 0;opacity:1}}@keyframes antSlideRightOut{0%{transform:scaleX(1);transform-origin:100% 0;opacity:1}100%{transform:scaleX(.8);transform-origin:100% 0;opacity:0}}.zoom-appear,.zoom-enter,.zoom-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active{animation-name:antZoomIn;animation-play-state:running}.zoom-leave.zoom-leave-active{animation-name:antZoomOut;animation-play-state:running;pointer-events:none}.zoom-appear,.zoom-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-appear-prepare,.zoom-enter-prepare{transform:none}.zoom-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-big-appear,.zoom-big-enter,.zoom-big-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-big-appear.zoom-big-appear-active,.zoom-big-enter.zoom-big-enter-active{animation-name:antZoomBigIn;animation-play-state:running}.zoom-big-leave.zoom-big-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none}.zoom-big-appear,.zoom-big-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-big-appear-prepare,.zoom-big-enter-prepare{transform:none}.zoom-big-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-big-fast-appear,.zoom-big-fast-enter,.zoom-big-fast-leave{animation-duration:.1s;animation-fill-mode:both;animation-play-state:paused}.zoom-big-fast-appear.zoom-big-fast-appear-active,.zoom-big-fast-enter.zoom-big-fast-enter-active{animation-name:antZoomBigIn;animation-play-state:running}.zoom-big-fast-leave.zoom-big-fast-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none}.zoom-big-fast-appear,.zoom-big-fast-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-big-fast-appear-prepare,.zoom-big-fast-enter-prepare{transform:none}.zoom-big-fast-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-up-appear,.zoom-up-enter,.zoom-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-up-appear.zoom-up-appear-active,.zoom-up-enter.zoom-up-enter-active{animation-name:antZoomUpIn;animation-play-state:running}.zoom-up-leave.zoom-up-leave-active{animation-name:antZoomUpOut;animation-play-state:running;pointer-events:none}.zoom-up-appear,.zoom-up-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-up-appear-prepare,.zoom-up-enter-prepare{transform:none}.zoom-up-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-down-appear,.zoom-down-enter,.zoom-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-down-appear.zoom-down-appear-active,.zoom-down-enter.zoom-down-enter-active{animation-name:antZoomDownIn;animation-play-state:running}.zoom-down-leave.zoom-down-leave-active{animation-name:antZoomDownOut;animation-play-state:running;pointer-events:none}.zoom-down-appear,.zoom-down-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-down-appear-prepare,.zoom-down-enter-prepare{transform:none}.zoom-down-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-left-appear,.zoom-left-enter,.zoom-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-left-appear.zoom-left-appear-active,.zoom-left-enter.zoom-left-enter-active{animation-name:antZoomLeftIn;animation-play-state:running}.zoom-left-leave.zoom-left-leave-active{animation-name:antZoomLeftOut;animation-play-state:running;pointer-events:none}.zoom-left-appear,.zoom-left-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-left-appear-prepare,.zoom-left-enter-prepare{transform:none}.zoom-left-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-right-appear,.zoom-right-enter,.zoom-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.zoom-right-appear.zoom-right-appear-active,.zoom-right-enter.zoom-right-enter-active{animation-name:antZoomRightIn;animation-play-state:running}.zoom-right-leave.zoom-right-leave-active{animation-name:antZoomRightOut;animation-play-state:running;pointer-events:none}.zoom-right-appear,.zoom-right-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-right-appear-prepare,.zoom-right-enter-prepare{transform:none}.zoom-right-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@keyframes antZoomIn{0%{transform:scale(.2);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes antZoomOut{0%{transform:scale(1)}100%{transform:scale(.2);opacity:0}}@keyframes antZoomBigIn{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes antZoomBigOut{0%{transform:scale(1)}100%{transform:scale(.8);opacity:0}}@keyframes antZoomUpIn{0%{transform:scale(.8);transform-origin:50% 0;opacity:0}100%{transform:scale(1);transform-origin:50% 0}}@keyframes antZoomUpOut{0%{transform:scale(1);transform-origin:50% 0}100%{transform:scale(.8);transform-origin:50% 0;opacity:0}}@keyframes antZoomLeftIn{0%{transform:scale(.8);transform-origin:0 50%;opacity:0}100%{transform:scale(1);transform-origin:0 50%}}@keyframes antZoomLeftOut{0%{transform:scale(1);transform-origin:0 50%}100%{transform:scale(.8);transform-origin:0 50%;opacity:0}}@keyframes antZoomRightIn{0%{transform:scale(.8);transform-origin:100% 50%;opacity:0}100%{transform:scale(1);transform-origin:100% 50%}}@keyframes antZoomRightOut{0%{transform:scale(1);transform-origin:100% 50%}100%{transform:scale(.8);transform-origin:100% 50%;opacity:0}}@keyframes antZoomDownIn{0%{transform:scale(.8);transform-origin:50% 100%;opacity:0}100%{transform:scale(1);transform-origin:50% 100%}}@keyframes antZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}100%{transform:scale(.8);transform-origin:50% 100%;opacity:0}}.ant-motion-collapse-legacy{overflow:hidden}.ant-motion-collapse-legacy-active{transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important}.ant-motion-collapse{overflow:hidden;transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important}.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%;position:fixed;z-index:1000}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}.cdk-overlay-backdrop{top:0;bottom:0;left:0;right:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0;position:absolute;pointer-events:auto;z-index:1000}.cdk-overlay-backdrop.ant-modal-mask{opacity:1}.cdk-overlay-pane{position:absolute;pointer-events:auto;z-index:1000}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-global-scrollblock body{overflow-x:visible}.nz-overlay-transparent-backdrop,.nz-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.nz-animate-disabled.ant-drawer.ant-drawer-open .ant-drawer-mask{animation:none;transition:none}.nz-animate-disabled.ant-drawer>*{transition:none}.nz-animate-disabled .ant-modal,.nz-animate-disabled .ant-modal-mask,.nz-animate-disabled .ant-modal-mask.zoom-enter,.nz-animate-disabled .ant-modal-mask.zoom-enter-active,.nz-animate-disabled .ant-modal-mask.zoom-leave,.nz-animate-disabled .ant-modal-mask.zoom-leave-active,.nz-animate-disabled .ant-modal.zoom-enter,.nz-animate-disabled .ant-modal.zoom-enter-active,.nz-animate-disabled .ant-modal.zoom-leave,.nz-animate-disabled .ant-modal.zoom-leave-active{animation:none;transition:none}.nz-animate-disabled.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg,.nz-animate-disabled.ant-menu,.nz-animate-disabled.ant-menu .ant-menu-item,.nz-animate-disabled.ant-menu .ant-menu-item .anticon,.nz-animate-disabled.ant-menu .ant-menu-item .anticon+span,.nz-animate-disabled.ant-menu .ant-menu-submenu-title,.nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon,.nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon+span,.nz-animate-disabled.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated,.nz-animate-disabled.ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane,.nz-animate-disabled.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,.nz-animate-disabled.ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane,.nz-animate-disabled.ant-tabs.ant-tabs-bottom .ant-tabs-ink-bar-animated,.nz-animate-disabled.ant-tabs.ant-tabs-left .ant-tabs-ink-bar-animated,.nz-animate-disabled.ant-tabs.ant-tabs-right .ant-tabs-ink-bar-animated,.nz-animate-disabled.ant-tabs.ant-tabs-top .ant-tabs-ink-bar-animated{transition:none}.ant-affix{position:fixed;z-index:10}.ant-alert,.ant-anchor{box-sizing:border-box;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';position:relative}nz-affix{display:block}.ant-alert{margin:0;font-size:14px;display:flex;align-items:center;padding:8px 15px;word-wrap:break-word;border-radius:2px}.ant-alert-content{flex:1;min-width:0}.ant-alert-icon{margin-right:8px}.ant-alert-description{display:none;font-size:14px;line-height:22px}.ant-alert-success{background-color:#f6ffed;border:1px solid #b7eb8f}.ant-alert-success .ant-alert-icon{color:#52c41a}.ant-alert-info{background-color:#e6f7ff;border:1px solid #91d5ff}.ant-alert-info .ant-alert-icon{color:#1890ff}.ant-alert-warning{background-color:#fffbe6;border:1px solid #ffe58f}.ant-alert-warning .ant-alert-icon{color:#faad14}.ant-alert-error{background-color:#fff2f0;border:1px solid #ffccc7}.ant-alert-error .ant-alert-icon{color:#ff4d4f}.ant-alert-error .ant-alert-description>pre{margin:0;padding:0}.ant-alert-action{margin-left:8px}.ant-alert-close-icon{margin-left:8px;padding:0;overflow:hidden;font-size:12px;line-height:12px;background-color:transparent;border:none;outline:0}.ant-alert-close-icon .anticon-close{color:rgba(0,0,0,.45);transition:color .3s}.ant-alert-close-icon .anticon-close:hover{color:rgba(0,0,0,.75)}.ant-alert-close-text{color:rgba(0,0,0,.45);transition:color .3s}.ant-alert-close-text:hover{color:rgba(0,0,0,.75)}.ant-alert-with-description{align-items:flex-start;padding:15px 15px 15px 24px}.ant-alert-with-description.ant-alert-no-icon{padding:15px}.ant-alert-with-description .ant-alert-icon{margin-right:15px;font-size:24px}.ant-alert-with-description .ant-alert-message{display:block;margin-bottom:4px;color:rgba(0,0,0,.85);font-size:16px}.ant-alert-message{color:rgba(0,0,0,.85)}.ant-alert-with-description .ant-alert-description{display:block}.ant-alert.ant-alert-motion-leave{overflow:hidden;opacity:1;transition:max-height .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),padding-top .3s cubic-bezier(.78,.14,.15,.86),padding-bottom .3s cubic-bezier(.78,.14,.15,.86),margin-bottom .3s cubic-bezier(.78,.14,.15,.86)}.ant-alert.ant-alert-motion-leave-active{max-height:0;margin-bottom:0!important;padding-top:0;padding-bottom:0;opacity:0}.ant-alert-banner{margin-bottom:0;border:0;border-radius:0}.ant-alert-rtl.ant-alert.ant-alert-no-icon{padding:8px 15px}.ant-alert-rtl .ant-alert-icon{margin-right:auto;margin-left:8px}.ant-alert-rtl .ant-alert-action,.ant-alert-rtl .ant-alert-close-icon{margin-right:8px;margin-left:auto}.ant-alert-rtl.ant-alert-with-description .ant-alert-icon{margin-right:auto;margin-left:15px}nz-alert{display:block}.ant-anchor{margin:0;padding:0 0 0 2px;color:rgba(0,0,0,.85);font-size:14px}.ant-anchor-wrapper{margin-left:-4px;padding-left:4px;overflow:auto;background-color:#fff}.ant-anchor-ink{position:absolute;top:0;left:0;height:100%}.ant-anchor-ink::before{position:relative;display:block;width:2px;height:100%;margin:0 auto;background-color:#f0f0f0;content:' '}.ant-anchor-ink-ball{position:absolute;left:50%;display:none;width:8px;height:8px;background-color:#fff;border:2px solid #1890ff;border-radius:8px;transform:translateX(-50%);transition:top .3s ease-in-out}.ant-anchor-link-title,.ant-avatar{position:relative;overflow:hidden;white-space:nowrap}.ant-anchor-ink-ball.visible{display:inline-block}.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball{display:none}.ant-anchor-link{padding:7px 0 7px 16px;line-height:1.143}.ant-anchor-link-title{display:block;margin-bottom:6px;color:rgba(0,0,0,.85);text-overflow:ellipsis;transition:all .3s}.ant-anchor-link-title:only-child{margin-bottom:0}.ant-anchor-link-active>.ant-anchor-link-title{color:#1890ff}.ant-anchor-link .ant-anchor-link{padding-top:5px;padding-bottom:5px}.ant-anchor-rtl.ant-anchor-wrapper{margin-right:-4px;margin-left:0;padding-right:4px;padding-left:0}.ant-anchor-rtl .ant-anchor-ink{right:0;left:auto}.ant-anchor-rtl .ant-anchor-ink-ball{right:50%;left:0;transform:translateX(50%)}.ant-anchor-rtl .ant-anchor-link{padding:7px 16px 7px 0}.ant-avatar,.ant-back-top,.ant-badge{margin:0;padding:0;font-variant:tabular-nums;font-feature-settings:'tnum';box-sizing:border-box;list-style:none}nz-link{display:block}.ant-avatar{font-size:14px;display:inline-block;color:#fff;text-align:center;background:#ccc;width:32px;height:32px;line-height:32px;border-radius:50%}.ant-avatar-lg-string,.ant-avatar-sm-string,.ant-avatar-string{position:absolute;transform-origin:0 center;left:50%}.ant-avatar-image{background:0 0}.ant-avatar .ant-image-img{display:block}.ant-avatar.ant-avatar-icon{font-size:18px}.ant-avatar.ant-avatar-icon>.anticon{margin:0}.ant-avatar-lg{width:40px;height:40px;line-height:40px;border-radius:50%}.ant-avatar-lg.ant-avatar-icon{font-size:24px}.ant-avatar-sm.ant-avatar-icon,.ant-back-top{font-size:14px}.ant-avatar-lg.ant-avatar-icon>.anticon{margin:0}.ant-avatar-sm{width:24px;height:24px;line-height:24px;border-radius:50%}.ant-avatar-sm.ant-avatar-icon>.anticon{margin:0}.ant-avatar-square{border-radius:2px}.ant-avatar>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ant-avatar-group,.ant-btn-group{display:inline-flex}.ant-avatar-group .ant-avatar{border:1px solid #fff}.ant-avatar-group .ant-avatar:not(:first-child){margin-left:-8px}.ant-avatar-group-popover .ant-avatar+.ant-avatar{margin-left:3px}.ant-avatar-group-rtl .ant-avatar:not(:first-child){margin-right:-8px;margin-left:0}.ant-avatar-group-popover.ant-popover-rtl .ant-avatar+.ant-avatar{margin-right:3px;margin-left:0}.ant-back-top{color:rgba(0,0,0,.85);line-height:1.5715;position:fixed;right:100px;bottom:50px;z-index:10;width:40px;height:40px}.ant-back-top:empty{display:none}.ant-back-top-rtl{right:auto;left:100px}.ant-back-top-content{width:40px;height:40px;overflow:hidden;color:#fff;text-align:center;background-color:rgba(0,0,0,.45);border-radius:20px;transition:all .3s}.ant-back-top-content:hover{background-color:rgba(0,0,0,.85);transition:all .3s}.ant-badge-count,.ant-badge-dot{background:#ff4d4f;box-shadow:0 0 0 1px #fff}.ant-back-top-icon{font-size:24px;line-height:40px}@media screen and (max-width:768px){.ant-back-top{right:60px}}@media screen and (max-width:480px){.ant-back-top{right:20px}}.ant-badge{color:rgba(0,0,0,.85);font-size:14px;position:relative;display:inline-block;line-height:1}.ant-badge-count{z-index:auto;min-width:20px;height:20px;padding:0 6px;color:#fff;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;text-align:center;border-radius:10px}.ant-badge-count a,.ant-badge-count a:hover{color:#fff}.ant-badge-count-sm{min-width:14px;height:14px;padding:0;font-size:12px;line-height:14px;border-radius:7px}.ant-badge-multiple-words,.ant-ribbon{padding:0 8px}.ant-badge-dot{z-index:auto;width:6px;min-width:6px;height:6px;border-radius:100%}.ant-badge .ant-scroll-number-custom-component,.ant-badge-count,.ant-badge-dot{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0}.ant-badge-status{line-height:inherit}.ant-badge-not-a-wrapper:not(.ant-badge-status),.ant-badge-status-dot{vertical-align:middle}.ant-badge-status-dot{position:relative;top:-1px;display:inline-block;width:6px;height:6px;border-radius:50%}.ant-badge-status-success{background-color:#52c41a}.ant-badge-status-processing{position:relative;background-color:#1890ff}.ant-badge-status-processing::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:50%;animation:antStatusProcessing 1.2s infinite ease-in-out;content:''}.ant-badge-status-default{background-color:#d9d9d9}.ant-badge-status-error{background-color:#ff4d4f}.ant-badge-status-warning{background-color:#faad14}.ant-badge-status-magenta,.ant-badge-status-pink{background:#eb2f96}.ant-badge-status-red{background:#f5222d}.ant-badge-status-volcano{background:#fa541c}.ant-badge-status-orange{background:#fa8c16}.ant-badge-status-yellow{background:#fadb14}.ant-badge-status-gold{background:#faad14}.ant-badge-status-cyan{background:#13c2c2}.ant-badge-status-lime{background:#a0d911}.ant-badge-status-green{background:#52c41a}.ant-badge-status-blue{background:#1890ff}.ant-badge-status-geekblue{background:#2f54eb}.ant-badge-status-purple{background:#722ed1}.ant-badge-status-text{margin-left:8px;color:rgba(0,0,0,.85);font-size:14px}.ant-badge-zoom-appear,.ant-badge-zoom-enter{animation:antZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46);animation-fill-mode:both}.ant-badge-zoom-leave{animation:antZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6);animation-fill-mode:both}.ant-badge-not-a-wrapper .ant-badge-zoom-appear,.ant-badge-not-a-wrapper .ant-badge-zoom-enter{animation:antNoWrapperZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46)}.ant-badge-not-a-wrapper .ant-badge-zoom-leave{animation:antNoWrapperZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6)}.ant-badge-not-a-wrapper .ant-scroll-number{position:relative;top:auto;display:block;transform-origin:50% 50%}@keyframes antStatusProcessing{0%{transform:scale(.8);opacity:.5}100%{transform:scale(2.4);opacity:0}}.ant-scroll-number{overflow:hidden}.ant-scroll-number-only{display:inline-block;height:20px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-scroll-number-only>p.ant-scroll-number-only-unit{height:20px;margin:0}.ant-scroll-number-symbol{vertical-align:top}@keyframes antZoomBadgeIn{0%{transform:scale(0) translate(50%,-50%);opacity:0}100%{transform:scale(1) translate(50%,-50%)}}@keyframes antZoomBadgeOut{0%{transform:scale(1) translate(50%,-50%)}100%{transform:scale(0) translate(50%,-50%);opacity:0}}@keyframes antNoWrapperZoomBadgeIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1)}}@keyframes antNoWrapperZoomBadgeOut{0%{transform:scale(1)}100%{transform:scale(0);opacity:0}}.ant-ribbon-wrapper{position:relative}.ant-ribbon{box-sizing:border-box;margin:0;font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum';position:absolute;top:8px;height:22px;color:#fff;line-height:22px;white-space:nowrap;background-color:#1890ff;border-radius:2px}.ant-breadcrumb,.ant-btn{line-height:1.5715;font-size:14px}.ant-ribbon-text{color:#fff}.ant-ribbon-corner{position:absolute;top:100%;width:8px;height:8px;color:currentColor;border:4px solid;transform:scaleY(.75);transform-origin:top}.ant-ribbon-corner::after{position:absolute;top:-4px;left:-4px;width:inherit;height:inherit;color:rgba(0,0,0,.25);border:inherit;content:''}.ant-ribbon-color-magenta,.ant-ribbon-color-pink{color:#eb2f96;background:#eb2f96}.ant-ribbon-color-red{color:#f5222d;background:#f5222d}.ant-ribbon-color-volcano{color:#fa541c;background:#fa541c}.ant-ribbon-color-orange{color:#fa8c16;background:#fa8c16}.ant-ribbon-color-yellow{color:#fadb14;background:#fadb14}.ant-ribbon-color-gold{color:#faad14;background:#faad14}.ant-ribbon-color-cyan{color:#13c2c2;background:#13c2c2}.ant-ribbon-color-lime{color:#a0d911;background:#a0d911}.ant-ribbon-color-green{color:#52c41a;background:#52c41a}.ant-ribbon-color-blue{color:#1890ff;background:#1890ff}.ant-ribbon-color-geekblue{color:#2f54eb;background:#2f54eb}.ant-ribbon-color-purple{color:#722ed1;background:#722ed1}.ant-ribbon.ant-ribbon-placement-end{right:-8px;border-bottom-right-radius:0}.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner{right:0;border-color:currentColor transparent transparent currentColor}.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner,.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after,.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner{border-color:currentColor currentColor transparent transparent}.ant-ribbon.ant-ribbon-placement-start{left:-8px;border-bottom-left-radius:0}.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner{left:0}.ant-badge-rtl .ant-badge .ant-scroll-number-custom-component,.ant-badge-rtl .ant-badge-count,.ant-badge-rtl .ant-badge-dot{right:auto;left:0;direction:ltr;transform:translate(-50%,-50%);transform-origin:0 0}.ant-breadcrumb-rtl,.ant-btn-group.ant-btn-group-rtl,.ant-btn-rtl,.ant-card-rtl,.ant-carousel-rtl,.ant-checkbox-rtl,.ant-collapse-rtl,.ant-comment-rtl,.ant-picker-input>input-rtl,.ant-ribbon-rtl{direction:rtl}.ant-badge-rtl.ant-badge .ant-scroll-number-custom-component{right:auto;left:0;transform:translate(-50%,-50%);transform-origin:0 0}.ant-badge-rtl .ant-badge-status-text{margin-right:8px;margin-left:0}.ant-badge-rtl .ant-badge-zoom-appear,.ant-badge-rtl .ant-badge-zoom-enter{animation-name:antZoomBadgeInRtl}.ant-badge-rtl .ant-badge-zoom-leave{animation-name:antZoomBadgeOutRtl}.ant-badge-not-a-wrapper .ant-badge-count{transform:none}.ant-ribbon-rtl.ant-ribbon-placement-end{right:unset;left:-8px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner{right:unset;left:0}.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner,.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after{border-color:currentColor transparent transparent currentColor}.ant-ribbon-rtl.ant-ribbon-placement-start{right:-8px;left:unset;border-bottom-right-radius:0;border-bottom-left-radius:2px}.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner{right:0;left:unset}@keyframes antZoomBadgeInRtl{0%{transform:scale(0) translate(-50%,-50%);opacity:0}100%{transform:scale(1) translate(-50%,-50%)}}@keyframes antZoomBadgeOutRtl{0%{transform:scale(1) translate(-50%,-50%)}100%{transform:scale(0) translate(-50%,-50%);opacity:0}}.ant-badge .ant-scroll-number:only-child{position:relative;top:auto;display:block}.ant-badge .ant-badge-count:only-child{transform:none}nz-ribbon{display:block}.ant-breadcrumb{box-sizing:border-box;margin:0;padding:0;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum';color:rgba(0,0,0,.45)}.ant-breadcrumb .anticon{font-size:14px}.ant-breadcrumb a{color:rgba(0,0,0,.45);transition:color .3s}.ant-breadcrumb a:hover{color:#40a9ff}.ant-breadcrumb>span:last-child,.ant-breadcrumb>span:last-child a{color:rgba(0,0,0,.85)}.ant-breadcrumb>span:last-child .ant-breadcrumb-separator{display:none}.ant-breadcrumb-rtl::after,.ant-breadcrumb-rtl::before{display:table;content:''}.ant-breadcrumb-separator{margin:0 8px;color:rgba(0,0,0,.45)}.ant-breadcrumb>nz-breadcrumb-item:last-child,.ant-breadcrumb>nz-breadcrumb-item:last-child a,.ant-btn{color:rgba(0,0,0,.85)}.ant-breadcrumb-link>.anticon+a,.ant-breadcrumb-link>.anticon+span,.ant-breadcrumb-overlay-link>.anticon{margin-left:4px}.ant-breadcrumb-rtl::after{clear:both}.ant-breadcrumb-rtl>span{float:right}.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+a,.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+span,.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link>.anticon{margin-right:4px;margin-left:0}.ant-breadcrumb-link .anticon+span{margin-left:4px}.ant-breadcrumb-rtl>nz-breadcrumb-item{float:right}nz-breadcrumb{display:block}nz-breadcrumb-item:last-child .ant-breadcrumb-separator{display:none}.ant-btn,.ant-btn:empty,.ant-btn>span{display:inline-block}.ant-btn{position:relative;font-weight:400;white-space:nowrap;text-align:center;border:1px solid #d9d9d9;box-shadow:0 2px 0 rgba(0,0,0,.015);transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-ms-user-select:none;user-select:none;height:32px;padding:4px 15px;border-radius:2px;background:#fff}.ant-btn>.anticon,.ant-checkbox{line-height:1}.ant-btn:active>a:only-child::after,.ant-btn:focus>a:only-child::after,.ant-btn:hover>a:only-child::after,.ant-btn>a:only-child::after{background:0 0;top:0;bottom:0;left:0;position:absolute;right:0;content:''}.ant-btn,.ant-btn:active,.ant-btn:focus{outline:0}.ant-btn:not([disabled]):hover{text-decoration:none}.ant-btn:not([disabled]):active{outline:0;box-shadow:none}.ant-btn[disabled]{cursor:not-allowed}.ant-btn[disabled]>*{pointer-events:none}.ant-btn-lg{height:40px;padding:6.4px 15px;font-size:16px;border-radius:2px}.ant-btn-sm{height:24px;padding:0 7px;font-size:14px;border-radius:2px}.ant-btn>a:only-child{color:currentColor}.ant-btn:focus,.ant-btn:hover{color:#40a9ff;border-color:#40a9ff}.ant-btn:focus>a:only-child,.ant-btn:hover>a:only-child{color:currentColor}.ant-btn:active{color:#096dd9;border-color:#096dd9}.ant-btn:active>a:only-child{color:currentColor}.ant-btn[disabled],.ant-btn[disabled]:active,.ant-btn[disabled]:focus,.ant-btn[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn[disabled]:active>a:only-child,.ant-btn[disabled]:focus>a:only-child,.ant-btn[disabled]:hover>a:only-child,.ant-btn[disabled]>a:only-child{color:currentColor}.ant-btn[disabled]:active>a:only-child::after,.ant-btn[disabled]:focus>a:only-child::after,.ant-btn[disabled]:hover>a:only-child::after,.ant-btn[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn:active,.ant-btn:focus,.ant-btn:hover{text-decoration:none;background:#fff}.ant-btn-primary{color:#fff;background:#1890ff;border-color:#1890ff;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.ant-btn-primary>a:only-child{color:currentColor}.ant-btn-primary>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-primary:focus,.ant-btn-primary:hover{color:#fff;background:#40a9ff;border-color:#40a9ff}.ant-btn-primary:focus>a:only-child,.ant-btn-primary:hover>a:only-child{color:currentColor}.ant-btn-primary:focus>a:only-child::after,.ant-btn-primary:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-primary:active{color:#fff;background:#096dd9;border-color:#096dd9}.ant-btn-primary:active>a:only-child{color:currentColor}.ant-btn-primary:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-primary[disabled],.ant-btn-primary[disabled]:active,.ant-btn-primary[disabled]:focus,.ant-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-primary[disabled]>a:only-child{color:currentColor}.ant-btn-primary[disabled]:active>a:only-child::after,.ant-btn-primary[disabled]:focus>a:only-child::after,.ant-btn-primary[disabled]:hover>a:only-child::after,.ant-btn-primary[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child){border-right-color:#40a9ff;border-left-color:#40a9ff}.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled{border-color:#d9d9d9}.ant-btn-group .ant-btn-primary:first-child:not(:last-child){border-right-color:#40a9ff}.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled]{border-right-color:#d9d9d9}.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group .ant-btn-primary:last-child:not(:first-child){border-left-color:#40a9ff}.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled]{border-left-color:#d9d9d9}.ant-btn-ghost{color:rgba(0,0,0,.85);background:0 0;border-color:#d9d9d9}.ant-btn-ghost>a:only-child{color:currentColor}.ant-btn-ghost>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-ghost:focus,.ant-btn-ghost:hover{color:#40a9ff;background:0 0;border-color:#40a9ff}.ant-btn-ghost:focus>a:only-child,.ant-btn-ghost:hover>a:only-child{color:currentColor}.ant-btn-ghost:focus>a:only-child::after,.ant-btn-ghost:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-ghost:active{color:#096dd9;background:0 0;border-color:#096dd9}.ant-btn-ghost:active>a:only-child{color:currentColor}.ant-btn-ghost:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-ghost[disabled],.ant-btn-ghost[disabled]:active,.ant-btn-ghost[disabled]:focus,.ant-btn-ghost[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-ghost[disabled]:active>a:only-child,.ant-btn-ghost[disabled]:focus>a:only-child,.ant-btn-ghost[disabled]:hover>a:only-child,.ant-btn-ghost[disabled]>a:only-child{color:currentColor}.ant-btn-ghost[disabled]:active>a:only-child::after,.ant-btn-ghost[disabled]:focus>a:only-child::after,.ant-btn-ghost[disabled]:hover>a:only-child::after,.ant-btn-ghost[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dashed{color:rgba(0,0,0,.85);background:#fff;border-color:#d9d9d9;border-style:dashed}.ant-btn-dashed>a:only-child{color:currentColor}.ant-btn-dashed>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dashed:focus,.ant-btn-dashed:hover{color:#40a9ff;background:#fff;border-color:#40a9ff}.ant-btn-dashed:focus>a:only-child,.ant-btn-dashed:hover>a:only-child{color:currentColor}.ant-btn-dashed:focus>a:only-child::after,.ant-btn-dashed:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dashed:active{color:#096dd9;background:#fff;border-color:#096dd9}.ant-btn-dashed:active>a:only-child{color:currentColor}.ant-btn-dashed:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dashed[disabled],.ant-btn-dashed[disabled]:active,.ant-btn-dashed[disabled]:focus,.ant-btn-dashed[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-dashed[disabled]:active>a:only-child,.ant-btn-dashed[disabled]:focus>a:only-child,.ant-btn-dashed[disabled]:hover>a:only-child,.ant-btn-dashed[disabled]>a:only-child{color:currentColor}.ant-btn-dashed[disabled]:active>a:only-child::after,.ant-btn-dashed[disabled]:focus>a:only-child::after,.ant-btn-dashed[disabled]:hover>a:only-child::after,.ant-btn-dashed[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-danger{color:#fff;background:#ff4d4f;border-color:#ff4d4f;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.ant-btn-danger>a:only-child{color:currentColor}.ant-btn-danger>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-danger:focus,.ant-btn-danger:hover{color:#fff;background:#ff7875;border-color:#ff7875}.ant-btn-danger:focus>a:only-child,.ant-btn-danger:hover>a:only-child{color:currentColor}.ant-btn-danger:focus>a:only-child::after,.ant-btn-danger:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-danger:active{color:#fff;background:#d9363e;border-color:#d9363e}.ant-btn-danger:active>a:only-child{color:currentColor}.ant-btn-danger:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-danger[disabled],.ant-btn-danger[disabled]:active,.ant-btn-danger[disabled]:focus,.ant-btn-danger[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-danger[disabled]>a:only-child{color:currentColor}.ant-btn-danger[disabled]:active>a:only-child::after,.ant-btn-danger[disabled]:focus>a:only-child::after,.ant-btn-danger[disabled]:hover>a:only-child::after,.ant-btn-danger[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-link{color:#1890ff;background:0 0;border-color:transparent;box-shadow:none}.ant-btn-link>a:only-child{color:currentColor}.ant-btn-link>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-link:focus,.ant-btn-link:hover{color:#40a9ff;background:0 0;border-color:#40a9ff}.ant-btn-link:focus>a:only-child,.ant-btn-link:hover>a:only-child{color:currentColor}.ant-btn-link:focus>a:only-child::after,.ant-btn-link:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-link:active{color:#096dd9;background:0 0}.ant-btn-link:active>a:only-child{color:currentColor}.ant-btn-link:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-link:hover{background:0 0}.ant-btn-link:active,.ant-btn-link:focus,.ant-btn-link:hover{border-color:transparent}.ant-btn-link[disabled],.ant-btn-link[disabled]:active,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:hover{color:rgba(0,0,0,.25);background:0 0;border-color:transparent;text-shadow:none;box-shadow:none}.ant-btn-link[disabled]:active>a:only-child,.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-link[disabled]>a:only-child{color:currentColor}.ant-btn-link[disabled]:active>a:only-child::after,.ant-btn-link[disabled]:focus>a:only-child::after,.ant-btn-link[disabled]:hover>a:only-child::after,.ant-btn-link[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-text{color:rgba(0,0,0,.85);background:0 0;border-color:transparent;box-shadow:none}.ant-btn-text>a:only-child{color:currentColor}.ant-btn-text>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-text:focus,.ant-btn-text:hover{color:#40a9ff}.ant-btn-text:focus>a:only-child,.ant-btn-text:hover>a:only-child{color:currentColor}.ant-btn-text:focus>a:only-child::after,.ant-btn-text:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-text:active{color:#096dd9}.ant-btn-text:active>a:only-child{color:currentColor}.ant-btn-text:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-text:focus,.ant-btn-text:hover{color:rgba(0,0,0,.85);background:rgba(0,0,0,.018);border-color:transparent}.ant-btn-text:active{color:rgba(0,0,0,.85);background:rgba(0,0,0,.028);border-color:transparent}.ant-btn-text[disabled],.ant-btn-text[disabled]:active,.ant-btn-text[disabled]:focus,.ant-btn-text[disabled]:hover{color:rgba(0,0,0,.25);background:0 0;border-color:transparent;text-shadow:none;box-shadow:none}.ant-btn-text[disabled]:active>a:only-child,.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-text[disabled]>a:only-child{color:currentColor}.ant-btn-text[disabled]:active>a:only-child::after,.ant-btn-text[disabled]:focus>a:only-child::after,.ant-btn-text[disabled]:hover>a:only-child::after,.ant-btn-text[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous{color:#ff4d4f;background:#fff;border-color:#ff4d4f}.ant-btn-dangerous>a:only-child{color:currentColor}.ant-btn-dangerous>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous:focus,.ant-btn-dangerous:hover{color:#ff7875;background:#fff;border-color:#ff7875}.ant-btn-dangerous:focus>a:only-child,.ant-btn-dangerous:hover>a:only-child{color:currentColor}.ant-btn-dangerous:focus>a:only-child::after,.ant-btn-dangerous:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous:active{color:#d9363e;background:#fff;border-color:#d9363e}.ant-btn-dangerous:active>a:only-child{color:currentColor}.ant-btn-dangerous:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous[disabled],.ant-btn-dangerous[disabled]:active,.ant-btn-dangerous[disabled]:focus,.ant-btn-dangerous[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-dangerous[disabled]:active>a:only-child,.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-dangerous[disabled]>a:only-child{color:currentColor}.ant-btn-dangerous[disabled]:active>a:only-child::after,.ant-btn-dangerous[disabled]:focus>a:only-child::after,.ant-btn-dangerous[disabled]:hover>a:only-child::after,.ant-btn-dangerous[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-primary{color:#fff;background:#ff4d4f;border-color:#ff4d4f;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.ant-btn-dangerous.ant-btn-primary>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-primary>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-primary:focus,.ant-btn-dangerous.ant-btn-primary:hover{color:#fff;background:#ff7875;border-color:#ff7875}.ant-btn-dangerous.ant-btn-primary:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary:hover>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-primary:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-primary:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-primary:active{color:#fff;background:#d9363e;border-color:#d9363e}.ant-btn-dangerous.ant-btn-primary:active>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-primary:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-primary[disabled],.ant-btn-dangerous.ant-btn-primary[disabled]:active,.ant-btn-dangerous.ant-btn-primary[disabled]:focus,.ant-btn-dangerous.ant-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child::after,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child::after,.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-link{color:#ff4d4f;background:0 0;border-color:transparent;box-shadow:none}.ant-btn-dangerous.ant-btn-link>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-link>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-link:focus,.ant-btn-dangerous.ant-btn-link:hover{color:#ff7875;background:0 0;border-color:transparent}.ant-btn-dangerous.ant-btn-link:focus>a:only-child,.ant-btn-dangerous.ant-btn-link:hover>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-link:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-link:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-link:active{color:#d9363e;background:0 0;border-color:transparent}.ant-btn-dangerous.ant-btn-link:active>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-link:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-dangerous.ant-btn-link[disabled]:hover{color:rgba(0,0,0,.25);background:0 0;border-color:transparent;text-shadow:none;box-shadow:none}.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after,.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-text{color:#ff4d4f;background:0 0;border-color:transparent;box-shadow:none}.ant-btn-dangerous.ant-btn-text>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-text>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-text:focus,.ant-btn-dangerous.ant-btn-text:hover{color:#ff7875;background:rgba(0,0,0,.018);border-color:transparent}.ant-btn-dangerous.ant-btn-text:focus>a:only-child,.ant-btn-dangerous.ant-btn-text:hover>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-text:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-text:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-text:active{color:#d9363e;background:rgba(0,0,0,.028);border-color:transparent}.ant-btn-dangerous.ant-btn-text:active>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-text:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-text[disabled],.ant-btn-dangerous.ant-btn-text[disabled]:active,.ant-btn-dangerous.ant-btn-text[disabled]:focus,.ant-btn-dangerous.ant-btn-text[disabled]:hover{color:rgba(0,0,0,.25);background:0 0;border-color:transparent;text-shadow:none;box-shadow:none}.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child::after,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child::after,.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-icon-only{width:32px;height:32px;padding:2.4px 0;font-size:16px;border-radius:2px;vertical-align:-1px}.ant-btn-icon-only>*{font-size:16px}.ant-btn-icon-only.ant-btn-lg{width:40px;height:40px;padding:4.9px 0;font-size:18px;border-radius:2px}.ant-btn-icon-only.ant-btn-lg>*{font-size:18px}.ant-btn-icon-only.ant-btn-sm{width:24px;height:24px;padding:0;font-size:14px;border-radius:2px}.ant-btn-icon-only.ant-btn-sm>*{font-size:14px}.ant-btn-round{height:32px;padding:4px 16px;font-size:14px;border-radius:32px}.ant-btn-round.ant-btn-lg{height:40px;padding:6.4px 20px;font-size:16px;border-radius:40px}.ant-btn-round.ant-btn-sm{height:24px;padding:0 12px;font-size:14px;border-radius:24px}.ant-btn-round.ant-btn-icon-only{width:auto}.ant-btn-circle{min-width:32px;padding-right:0;padding-left:0;text-align:center;border-radius:50%}.ant-btn-circle.ant-btn-lg{min-width:40px;border-radius:50%}.ant-btn-circle.ant-btn-sm{min-width:24px;border-radius:50%}.ant-btn::before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;display:none;background:#fff;border-radius:inherit;opacity:.35;transition:opacity .2s;content:'';pointer-events:none}.ant-btn-group,.ant-btn-group>.ant-btn,.ant-btn-group>span>.ant-btn,.ant-btn.ant-btn-loading,.ant-btn:active>span,.ant-btn:focus>span{position:relative}.ant-btn .anticon{transition:margin-left .3s cubic-bezier(.645,.045,.355,1)}.ant-btn .anticon.anticon-minus>svg,.ant-btn .anticon.anticon-plus>svg{shape-rendering:optimizeSpeed}.ant-btn.ant-btn-loading:not([disabled]){pointer-events:none}.ant-btn.ant-btn-loading::before{display:block}.ant-btn>.ant-btn-loading-icon{transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-btn>.ant-btn-loading-icon .anticon{padding-right:8px;animation:none}.ant-btn>.ant-btn-loading-icon .anticon svg{animation:loadingCircle 1s infinite linear}.ant-btn>.ant-btn-loading-icon:only-child .anticon{padding-right:0}.ant-btn-group>.ant-btn:active,.ant-btn-group>.ant-btn:focus,.ant-btn-group>.ant-btn:hover,.ant-btn-group>span>.ant-btn:active,.ant-btn-group>span>.ant-btn:focus,.ant-btn-group>span>.ant-btn:hover{z-index:2}.ant-btn-group>.ant-btn[disabled],.ant-btn-group>span>.ant-btn[disabled]{z-index:0}.ant-btn-group .ant-btn-icon-only{font-size:14px}.ant-btn-group-lg>.ant-btn,.ant-btn-group-lg>span>.ant-btn{height:40px;padding:6.4px 15px;font-size:16px;border-radius:0}.ant-btn-group-lg .ant-btn.ant-btn-icon-only{width:40px;height:40px;padding-right:0;padding-left:0}.ant-btn-group-sm>.ant-btn,.ant-btn-group-sm>span>.ant-btn{height:24px;padding:0 7px;font-size:14px;border-radius:0}.ant-btn-group-sm>.ant-btn>.anticon,.ant-btn-group-sm>span>.ant-btn>.anticon{font-size:14px}.ant-btn-group-sm .ant-btn.ant-btn-icon-only{width:24px;height:24px;padding-right:0;padding-left:0}.ant-btn+.ant-btn-group,.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group .ant-btn+span,.ant-btn-group span+.ant-btn,.ant-btn-group+.ant-btn,.ant-btn-group+.ant-btn-group,.ant-btn-group>span+span{margin-left:-1px}.ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]){border-left-color:transparent}.ant-btn-group .ant-btn{border-radius:0}.ant-btn-group-sm>.ant-btn:only-child,.ant-btn-group-sm>span:only-child>.ant-btn,.ant-btn-group>.ant-btn:only-child,.ant-btn-group>span:only-child>.ant-btn,.ant-card{border-radius:2px}.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn,.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group>span:first-child:not(:last-child)>.ant-btn{border-top-left-radius:2px;border-bottom-left-radius:2px}.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn,.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group>span:last-child:not(:first-child)>.ant-btn{border-top-right-radius:2px;border-bottom-right-radius:2px}.ant-btn-group>.ant-btn:first-child,.ant-btn-group>span:first-child>.ant-btn{margin-left:0}.ant-btn-group>.ant-btn-group{float:left}.ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn{border-radius:0}.ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child{padding-right:8px;border-top-right-radius:0;border-bottom-right-radius:0}.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child{padding-left:8px;border-top-left-radius:0;border-bottom-left-radius:0}.ant-btn-group-rtl.ant-btn+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group-rtl.ant-btn-group .ant-btn+span,.ant-btn-group-rtl.ant-btn-group span+.ant-btn,.ant-btn-group-rtl.ant-btn-group+.ant-btn,.ant-btn-group-rtl.ant-btn-group+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group>span+span,.ant-btn-rtl.ant-btn+.ant-btn-group,.ant-btn-rtl.ant-btn-group .ant-btn+.ant-btn,.ant-btn-rtl.ant-btn-group .ant-btn+span,.ant-btn-rtl.ant-btn-group span+.ant-btn,.ant-btn-rtl.ant-btn-group+.ant-btn,.ant-btn-rtl.ant-btn-group+.ant-btn-group,.ant-btn-rtl.ant-btn-group>span+span{margin-right:-1px;margin-left:auto}.ant-btn-group-rtl.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group-rtl.ant-btn-group>span:first-child:not(:last-child)>.ant-btn{border-radius:0 2px 2px 0}.ant-btn-group-rtl.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group>span:last-child:not(:first-child)>.ant-btn{border-radius:2px 0 0 2px}.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-rtl.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn{border-radius:0 2px 2px 0}.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn{border-radius:2px 0 0 2px}.ant-btn>.anticon+span,.ant-btn>span+.anticon{margin-left:8px}.ant-btn-background-ghost{color:#fff;background:0 0!important;border-color:#fff}.ant-btn-background-ghost.ant-btn-primary{color:#1890ff;background:0 0;border-color:#1890ff;text-shadow:none}.ant-btn-background-ghost.ant-btn-primary>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-primary>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-primary:focus,.ant-btn-background-ghost.ant-btn-primary:hover{color:#40a9ff;background:0 0;border-color:#40a9ff}.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-primary:active{color:#096dd9;background:0 0;border-color:#096dd9}.ant-btn-background-ghost.ant-btn-primary:active>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-primary:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-primary[disabled],.ant-btn-background-ghost.ant-btn-primary[disabled]:active,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child::after,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child::after,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-danger{color:#ff4d4f;background:0 0;border-color:#ff4d4f;text-shadow:none}.ant-btn-background-ghost.ant-btn-danger>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-danger>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-danger:focus,.ant-btn-background-ghost.ant-btn-danger:hover{color:#ff7875;background:0 0;border-color:#ff7875}.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-danger:active{color:#d9363e;background:0 0;border-color:#d9363e}.ant-btn-background-ghost.ant-btn-danger:active>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-danger:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-danger[disabled],.ant-btn-background-ghost.ant-btn-danger[disabled]:active,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child::after,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child::after,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous{color:#ff4d4f;background:0 0;border-color:#ff4d4f;text-shadow:none}.ant-btn-background-ghost.ant-btn-dangerous>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous:focus,.ant-btn-background-ghost.ant-btn-dangerous:hover{color:#ff7875;background:0 0;border-color:#ff7875}.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous:active{color:#d9363e;background:0 0;border-color:#d9363e}.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous[disabled],.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link{color:#ff4d4f;background:0 0;border-color:transparent;text-shadow:none}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover{color:#ff7875;background:0 0;border-color:transparent}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active{color:#d9363e;background:0 0;border-color:transparent}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child{color:currentColor}.ant-card,.ant-card-extra,.ant-card-head,.ant-card-head .ant-tabs{color:rgba(0,0,0,.85)}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-two-chinese-chars::first-letter{letter-spacing:.34em}.ant-btn-two-chinese-chars>:not(.anticon){margin-right:-.34em;letter-spacing:.34em}.ant-btn-block{width:100%}.ant-btn:empty{width:0;visibility:hidden;content:'\a0'}.ant-card-head::after,.ant-card-head::before{display:table;content:''}a.ant-btn{padding-top:.1px;line-height:30px}a.ant-btn-lg{line-height:38px}a.ant-btn-sm{line-height:22px}.ant-card,.ant-card-actions>li>span{line-height:1.5715;position:relative}.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child){border-right-color:#40a9ff;border-left-color:#d9d9d9}.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled]{border-right-color:#d9d9d9;border-left-color:#40a9ff}.ant-btn-rtl.ant-btn>.ant-btn-loading-icon .anticon{padding-right:0;padding-left:8px}.ant-btn>.ant-btn-loading-icon:only-child .anticon{padding-left:0}.ant-btn-rtl.ant-btn>.anticon+span,.ant-btn-rtl.ant-btn>span+.anticon{margin-right:8px;margin-left:0}.ant-card{box-sizing:border-box;margin:0;padding:0;font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum';background:#fff}.ant-card-hoverable{cursor:pointer;transition:box-shadow .3s,border-color .3s}.ant-card-hoverable:hover{border-color:transparent;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09)}.ant-card-head,.ant-card-head .ant-tabs-bar{border-bottom:1px solid #f0f0f0}.ant-card-bordered{border:1px solid #f0f0f0}.ant-card-head{min-height:48px;margin-bottom:-1px;padding:0 24px;font-weight:500;font-size:16px;background:0 0;border-radius:2px 2px 0 0}.ant-card-head::after{clear:both}.ant-card-head-wrapper{display:flex;align-items:center}.ant-card-head-title{display:inline-block;flex:1;padding:16px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-card-body::after,.ant-card-body::before{display:table;content:''}.ant-card-head-title>.ant-typography,.ant-card-head-title>.ant-typography-edit-content{left:0;margin-top:0;margin-bottom:0}.ant-card-head .ant-tabs{clear:both;margin-bottom:-17px;font-weight:400;font-size:14px}.ant-card-extra{float:right;margin-left:auto;padding:16px 0;font-weight:400;font-size:14px}.ant-card-rtl .ant-card-extra{margin-right:auto;margin-left:0}.ant-card-body{padding:24px}.ant-card-body::after{clear:both}.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body{margin:-1px 0 0 -1px;padding:0}.ant-card-grid{float:left;width:33.33%;padding:24px;border:0;border-radius:0;box-shadow:1px 0 0 0 #f0f0f0,0 1px 0 0 #f0f0f0,1px 1px 0 0 #f0f0f0,1px 0 0 0 #f0f0f0 inset,0 1px 0 0 #f0f0f0 inset;transition:all .3s}.ant-card-rtl .ant-card-grid{float:right}.ant-card-grid-hoverable:hover{position:relative;z-index:1;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09)}.ant-card-contain-tabs>.ant-card-head .ant-card-head-title{min-height:32px;padding-bottom:0}.ant-card-contain-tabs>.ant-card-head .ant-card-extra{padding-bottom:0}.ant-card-bordered .ant-card-cover{margin-top:-1px;margin-right:-1px;margin-left:-1px}.ant-card-cover>*{display:block;width:100%}.ant-card-actions::after,.ant-card-actions::before{display:table;content:''}.ant-card-cover img{border-radius:2px 2px 0 0}.ant-card-actions{margin:0;padding:0;list-style:none;background:#fff;border-top:1px solid #f0f0f0}.ant-card-actions::after{clear:both}.ant-card-actions>li{float:left;margin:12px 0;color:rgba(0,0,0,.45);text-align:center}.ant-card-rtl .ant-card-actions>li{float:right}.ant-card-actions>li>span{display:block;min-width:32px;font-size:14px;cursor:pointer}.ant-card-actions>li>span:hover{color:#1890ff;transition:color .3s}.ant-card-actions>li>span a:not(.ant-btn),.ant-card-actions>li>span>.anticon{display:inline-block;width:100%;color:rgba(0,0,0,.45);line-height:22px;transition:color .3s}.ant-card-meta::after,.ant-card-meta::before{display:table;content:''}.ant-card-actions>li>span a:not(.ant-btn):hover,.ant-card-actions>li>span>.anticon:hover{color:#1890ff}.ant-card-actions>li>span>.anticon{font-size:16px;line-height:22px}.ant-card-actions>li:not(:last-child){border-right:1px solid #f0f0f0}.ant-card-type-inner .ant-card-head{padding:0 24px;background:#fafafa}.ant-card-type-inner .ant-card-head-title{padding:12px 0;font-size:14px}.ant-card-type-inner .ant-card-body{padding:16px 24px}.ant-card-type-inner .ant-card-extra{padding:13.5px 0}.ant-card-meta{margin:-4px 0}.ant-card-meta::after{clear:both}.ant-card-meta-avatar{float:left;padding-right:16px}.ant-card-rtl .ant-card-meta-avatar{float:right;padding-right:0;padding-left:16px}.ant-card-meta-detail{overflow:hidden}.ant-card-meta-detail>div:not(:last-child){margin-bottom:8px}.ant-card-meta-title{overflow:hidden;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;white-space:nowrap;text-overflow:ellipsis}.ant-card-meta-description,.ant-comment-content-author-name,.ant-comment-content-author-name>*,.ant-comment-content-author-name>:hover{color:rgba(0,0,0,.45)}.ant-card-loading{overflow:hidden}.ant-card-loading .ant-card-body{-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-card-loading-content p{margin:0}.ant-card-loading-block{height:14px;margin:4px 0;background:linear-gradient(90deg,rgba(207,216,220,.2),rgba(207,216,220,.4),rgba(207,216,220,.2));background-size:600% 600%;border-radius:2px;animation:card-loading 1.4s ease infinite}@keyframes card-loading{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.ant-card-small>.ant-card-head{min-height:36px;padding:0 12px;font-size:14px}.ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-head-title{padding:8px 0}.ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-extra{padding:8px 0;font-size:14px}.ant-card-small>.ant-card-body{padding:12px}.ant-card-rtl .ant-skeleton-header{padding:0 0 0 16px}nz-card,nz-card-loading,nz-card-meta{display:block}.ant-carousel{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum'}.ant-carousel .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;touch-action:pan-y}.ant-carousel .slick-list{position:relative;display:block;margin:0;padding:0;overflow:hidden}.ant-carousel .slick-list:focus{outline:0}.ant-carousel .slick-list.dragging{cursor:pointer}.ant-carousel .slick-list .slick-slide{pointer-events:none}.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide input.ant-radio-input{visibility:hidden}.ant-carousel .slick-list .slick-slide.slick-active{pointer-events:auto}.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input{visibility:visible}.ant-carousel .slick-list .slick-slide>div>div{vertical-align:bottom}.ant-carousel .slick-slider .slick-list,.ant-carousel .slick-slider .slick-track{transform:translate3d(0,0,0);touch-action:pan-y}.ant-carousel .slick-track{position:relative;top:0;left:0;display:block}.ant-carousel .slick-track::after,.ant-carousel .slick-track::before{display:table;content:''}.ant-carousel .slick-track::after{clear:both}.slick-loading .ant-carousel .slick-track{visibility:hidden}.ant-carousel .slick-slide{display:none;float:left;height:100%;min-height:1px}.ant-carousel .slick-slide img{display:block}.ant-carousel .slick-slide.slick-loading img{display:none}.ant-carousel .slick-slide.dragging img{pointer-events:none}.ant-carousel .slick-initialized .slick-slide{display:block}.ant-carousel .slick-loading .slick-slide{visibility:hidden}.ant-carousel .slick-vertical .slick-slide{display:block;height:auto}.ant-carousel .slick-arrow.slick-hidden,.ant-checkbox+span:empty{display:none}.ant-carousel .slick-next,.ant-carousel .slick-prev{position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;color:transparent;font-size:0;line-height:0;background:0 0;border:0;outline:0;cursor:pointer}.ant-carousel .slick-next:focus,.ant-carousel .slick-next:hover,.ant-carousel .slick-prev:focus,.ant-carousel .slick-prev:hover{color:transparent;background:0 0;outline:0}.ant-carousel .slick-next:focus::before,.ant-carousel .slick-next:hover::before,.ant-carousel .slick-prev:focus::before,.ant-carousel .slick-prev:hover::before{opacity:1}.ant-carousel .slick-next.slick-disabled::before,.ant-carousel .slick-prev.slick-disabled::before{opacity:.25}.ant-carousel .slick-prev{left:-25px}.ant-carousel .slick-prev::before{content:'←'}.ant-carousel .slick-next::before,.ant-carousel-rtl .ant-carousel .slick-prev::before{content:'→'}.ant-carousel .slick-next{right:-25px}.ant-carousel .slick-dots{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex!important;justify-content:center;margin-right:15%;margin-left:15%;padding-left:0;list-style:none}.ant-carousel .slick-dots-bottom,.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow{bottom:12px}.ant-carousel .slick-dots-top{top:12px}.ant-carousel .slick-dots li{position:relative;display:inline-block;flex:0 1 auto;box-sizing:content-box;width:16px;height:3px;margin:0 3px;padding:0;text-align:center;text-indent:-999px;vertical-align:top;transition:all .5s}.ant-carousel .slick-dots li button{display:block;width:100%;height:3px;padding:0;color:transparent;font-size:0;background:#fff;border:0;border-radius:1px;outline:0;cursor:pointer;opacity:.3;transition:all .5s}.ant-carousel .slick-dots li button:focus,.ant-carousel .slick-dots li button:hover{opacity:.75}.ant-carousel .slick-dots li.slick-active{width:24px}.ant-carousel .slick-dots li.slick-active button{background:#fff;opacity:1}.ant-carousel .slick-dots li.slick-active:focus,.ant-carousel .slick-dots li.slick-active:hover{opacity:1}.ant-carousel-vertical .slick-dots{top:50%;bottom:auto;flex-direction:column;width:3px;height:auto;margin:0;transform:translateY(-50%)}.ant-carousel-vertical .slick-dots-left{right:auto;left:12px}.ant-carousel-vertical .slick-dots-right{right:12px;left:auto}.ant-carousel-vertical .slick-dots li{width:3px;height:16px;margin:4px 2px;vertical-align:baseline}.ant-checkbox,.ant-checkbox-wrapper{margin:0;padding:0;box-sizing:border-box;font-size:14px;color:rgba(0,0,0,.85);font-variant:tabular-nums;font-feature-settings:'tnum';list-style:none}.ant-carousel-vertical .slick-dots li button{width:3px;height:16px}.ant-carousel-vertical .slick-dots li.slick-active,.ant-carousel-vertical .slick-dots li.slick-active button{width:3px;height:24px}.ant-carousel-rtl .ant-carousel .slick-track{right:0;left:auto}.ant-carousel-rtl .ant-carousel .slick-prev{right:-25px;left:auto}.ant-carousel-rtl .ant-carousel .slick-next{right:auto;left:-25px}.ant-carousel-rtl .ant-carousel .slick-next::before{content:'←'}.ant-carousel-rtl.ant-carousel .slick-dots{flex-direction:row-reverse}.ant-carousel-rtl.ant-carousel-vertical .slick-dots{flex-direction:column}nz-carousel{display:block;position:relative;overflow:hidden;width:100%;height:100%}.slick-dots{display:block}.slick-track{opacity:1}.slick-list{direction:ltr}@keyframes antCheckboxEffect{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}.ant-checkbox{position:relative;top:-.09em;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;cursor:pointer}.ant-checkbox-input:focus+.ant-checkbox-inner,.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner{border-color:#1890ff}.ant-checkbox-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:2px;visibility:hidden;animation:antCheckboxEffect .36s ease-in-out;animation-fill-mode:backwards;content:''}.ant-checkbox-wrapper:hover .ant-checkbox::after,.ant-checkbox:hover::after{visibility:visible}.ant-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;direction:ltr;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s}.ant-checkbox-inner::after{position:absolute;top:50%;left:22%;display:table;width:5.71px;height:9.14px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:' '}.ant-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-checkbox-disabled,.ant-checkbox-disabled .ant-checkbox-input,.ant-checkbox-disabled+span{cursor:not-allowed}.ant-checkbox-checked .ant-checkbox-inner::after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:' '}.ant-checkbox-checked .ant-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after{border-color:rgba(0,0,0,.25);animation-name:none}.ant-checkbox-disabled .ant-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-checkbox-disabled .ant-checkbox-inner::after{border-color:#f5f5f5;border-collapse:separate;animation-name:none}.ant-checkbox-disabled+span{color:rgba(0,0,0,.25)}.ant-checkbox-disabled:hover::after,.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after{visibility:hidden}.ant-checkbox-wrapper{display:inline-block;line-height:unset;cursor:pointer}.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{cursor:not-allowed}.ant-checkbox-wrapper+.ant-checkbox-wrapper{margin-left:8px}.ant-checkbox+span{padding-right:8px;padding-left:8px}.ant-checkbox-group{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';display:inline-block}.ant-checkbox-group-item{display:inline-block;margin-right:8px}.ant-checkbox-group-item:last-child{margin-right:0}.ant-checkbox-group-item+.ant-checkbox-group-item{margin-left:0}.ant-checkbox-indeterminate .ant-checkbox-inner{background-color:#fff;border-color:#d9d9d9}.ant-checkbox-indeterminate .ant-checkbox-inner::after{top:50%;left:50%;width:8px;height:8px;background-color:#1890ff;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:' '}.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-checkbox-group-rtl .ant-checkbox-group-item{margin-right:0;margin-left:8px}.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child{margin-left:0!important}.ant-checkbox-group-rtl .ant-checkbox-group-item+.ant-checkbox-group-item{margin-left:8px}.ant-collapse,.ant-picker{margin:0;box-sizing:border-box}.ant-collapse{padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';background-color:#fafafa;border:1px solid #d9d9d9;border-bottom:0;border-radius:2px}.ant-collapse-item:last-child>.ant-collapse-content,.ant-collapse>.ant-collapse-item:last-child,.ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header{border-radius:0 0 2px 2px}.ant-collapse>.ant-collapse-item{border-bottom:1px solid #d9d9d9}.ant-collapse>.ant-collapse-item>.ant-collapse-header{position:relative;padding:12px 16px 12px 40px;color:rgba(0,0,0,.85);line-height:1.5715;cursor:pointer;transition:all .3s}.ant-collapse>.ant-collapse-item>.ant-collapse-header::before{display:table;content:''}.ant-collapse>.ant-collapse-item>.ant-collapse-header::after{display:table;clear:both;content:''}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow{line-height:0;vertical-align:-.125em;position:absolute;top:5px;left:16px;display:inline-block;padding:12px 0 0;font-size:12px}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow>*{line-height:1}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg{display:inline-block;transition:transform .24s}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow::before{display:none}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow-icon{display:block}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra{float:right}.ant-collapse>.ant-collapse-item>.ant-collapse-header:focus{outline:0}.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only{cursor:default}.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text{cursor:pointer}.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header{padding-left:12px}.ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header{padding:12px 40px 12px 16px}.ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow{right:16px;left:auto}.ant-collapse-content{color:rgba(0,0,0,.85);background-color:#fff;border-top:1px solid #d9d9d9}.ant-collapse-borderless,.ant-descriptions-bordered .ant-descriptions-item-label{background-color:#fafafa}.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content,.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content{border-top:0;background-color:transparent}.ant-collapse-content>.ant-collapse-content-box{padding:16px}.ant-collapse-content-hidden{display:none}nz-collapse,nz-collapse-panel,nz-comment,nz-comment-content{display:block}.ant-collapse-borderless{border:0}.ant-collapse-borderless>.ant-collapse-item{border-bottom:1px solid #d9d9d9}.ant-collapse-borderless>.ant-collapse-item:last-child,.ant-collapse-borderless>.ant-collapse-item:last-child .ant-collapse-header{border-radius:0}.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding-top:4px}.ant-collapse-ghost{background-color:transparent;border:0}.ant-collapse-ghost>.ant-collapse-item{border-bottom:0}.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding-top:12px;padding-bottom:12px}.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header,.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-collapse-rtl .ant-collapse>.ant-collapse-item>.ant-collapse-header{padding:12px 40px 12px 16px}.ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg{transform:rotate(180deg)}.ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra{float:left}.ant-collapse-rtl.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header{padding-right:12px;padding-left:0}.ant-comment{position:relative;background-color:inherit}.ant-comment-inner{display:flex;padding:16px 0}.ant-comment-avatar{position:relative;flex-shrink:0;margin-right:12px;cursor:pointer}.ant-comment-avatar img{width:32px;height:32px;border-radius:50%}.ant-comment-content{position:relative;flex:1 1 auto;min-width:1px;font-size:14px;word-wrap:break-word}.ant-comment-content-author{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:4px;font-size:14px}.ant-comment-content-author>a,.ant-comment-content-author>span{padding-right:8px;font-size:12px;line-height:18px}.ant-comment-content-author-name{font-size:14px;transition:color .3s}.ant-comment-content-author-time{color:#ccc;white-space:nowrap;cursor:auto}.ant-comment-content-detail p{margin-bottom:inherit;white-space:pre-wrap}.ant-comment-actions{margin-top:12px;margin-bottom:inherit;padding-left:0}.ant-comment-actions>li{display:inline-block;color:rgba(0,0,0,.45)}.ant-comment-actions>li>span{margin-right:10px;color:rgba(0,0,0,.45);font-size:12px;cursor:pointer;transition:color .3s;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-comment-actions>li>span:hover{color:#595959}.ant-comment-nested{margin-left:44px}.ant-comment-rtl .ant-comment-avatar{margin-right:0;margin-left:12px}.ant-comment-rtl .ant-comment-content-author>a,.ant-comment-rtl .ant-comment-content-author>span{padding-right:0;padding-left:8px}.ant-comment-rtl .ant-comment-actions{padding-right:0}.ant-comment-rtl .ant-comment-actions>li>span{margin-right:0;margin-left:10px}.ant-comment-rtl .ant-comment-nested{margin-right:44px;margin-left:0}.ant-picker,.ant-picker-input{display:inline-flex;position:relative}.ant-picker{color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';padding:4px 11px;align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:2px;transition:border .3s,box-shadow .3s}.ant-picker-focused,.ant-picker:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-picker-focused,.ant-input-rtl .ant-picker:hover{border-right-width:0;border-left-width:1px!important}.ant-picker-focused{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-picker-focused{border-right-width:0;border-left-width:1px!important}.ant-picker.ant-picker-disabled{background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-picker.ant-picker-disabled .ant-picker-suffix{color:rgba(0,0,0,.25)}.ant-picker.ant-picker-borderless{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.ant-picker-input{align-items:center;width:100%}.ant-picker-input>input{position:relative;display:inline-block;width:100%;color:rgba(0,0,0,.85);font-size:14px;line-height:1.5715;border-radius:2px;transition:all .3s;flex:auto;min-width:1px;height:auto;padding:0;background:0 0;border:0}.ant-picker-input>input::-moz-placeholder{opacity:1}.ant-picker-input>input:-ms-input-placeholder{color:#bfbfbf}.ant-picker-input>input::placeholder{color:#bfbfbf}.ant-picker-input>input-disabled,.ant-picker-input>input[disabled]{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-picker-input>input:-moz-placeholder-shown{text-overflow:ellipsis}.ant-picker-input>input:-ms-input-placeholder{text-overflow:ellipsis}.ant-picker-input>input:placeholder-shown{text-overflow:ellipsis}.ant-picker-input>input:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-picker-input>input:hover{border-right-width:0;border-left-width:1px!important}.ant-picker-input>input-focused,.ant-picker-input>input:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-picker-input>input-focused,.ant-input-rtl .ant-picker-input>input:focus{border-right-width:0;border-left-width:1px!important}.ant-picker-input>input-disabled:hover,.ant-picker-input>input[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-picker-input>input-borderless,.ant-picker-input>input-borderless-disabled,.ant-picker-input>input-borderless-focused,.ant-picker-input>input-borderless:focus,.ant-picker-input>input-borderless:hover,.ant-picker-input>input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-picker-input>input{max-width:100%;height:auto;min-height:32px;line-height:1.5715;vertical-align:bottom;transition:all .3s,height 0s}.ant-picker-input>input-lg{padding:6.5px 11px;font-size:16px}.ant-picker-input>input-sm{padding:0 7px}.ant-picker-input>input:focus{box-shadow:none}.ant-picker-input>input[disabled]{background:0 0}.ant-picker-input:hover .ant-picker-clear{opacity:1}.ant-picker-input-placeholder>input{color:#bfbfbf}.ant-picker-large{padding:6.5px 11px}.ant-picker-large .ant-picker-input>input{font-size:16px}.ant-picker-small{padding:0 7px}.ant-picker-suffix{align-self:center;margin-left:4px;color:rgba(0,0,0,.25);line-height:1;pointer-events:none}.ant-picker-suffix>*{vertical-align:top}.ant-picker-clear{position:absolute;top:50%;right:0;color:rgba(0,0,0,.25);line-height:1;background:#fff;transform:translateY(-50%);cursor:pointer;opacity:0;transition:opacity .3s,color .3s}.ant-picker-clear>*{vertical-align:top}.ant-picker-clear:hover{color:rgba(0,0,0,.45)}.ant-picker-separator{position:relative;display:inline-block;width:1em;height:16px;color:rgba(0,0,0,.25);font-size:16px;vertical-align:top;cursor:default}.ant-picker-focused .ant-picker-separator{color:rgba(0,0,0,.45)}.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator{cursor:not-allowed}.ant-picker-range{position:relative;display:inline-flex}.ant-picker-range .ant-picker-clear{right:11px}.ant-picker-range:hover .ant-picker-clear{opacity:1}.ant-picker-range .ant-picker-active-bar{bottom:-1px;height:2px;margin-left:11px;background:#1890ff;opacity:0;transition:all .3s ease-out;pointer-events:none}.ant-picker-range.ant-picker-small .ant-picker-active-bar,.ant-tag>.anticon+span,.ant-tag>span+.anticon{margin-left:7px}.ant-picker-range.ant-picker-focused .ant-picker-active-bar{opacity:1}.ant-picker-range-separator{align-items:center;padding:0 8px;line-height:1}.ant-picker-range.ant-picker-small .ant-picker-clear{right:7px}.ant-picker-dropdown{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';position:absolute;z-index:1050}.ant-picker-dropdown-hidden{display:none}.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow{top:1.67px;display:block;transform:rotate(-45deg)}.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow{bottom:1.67px;display:block;transform:rotate(135deg)}.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-topRight,.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-topRight{animation-name:antSlideDownIn}.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-bottomRight,.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-bottomRight{animation-name:antSlideUpIn}.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-topRight{animation-name:antSlideDownOut}.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-bottomRight{animation-name:antSlideUpOut}.ant-picker-dropdown-range{padding:6.67px 0}.ant-picker-dropdown-range-hidden{display:none}.ant-picker-dropdown .ant-picker-panel>.ant-picker-time-panel{padding-top:4px}.ant-picker-ranges{margin-bottom:0;padding:4px 12px;overflow:hidden;line-height:34px;text-align:left;list-style:none}.ant-picker-ranges>li{display:inline-block}.ant-picker-ranges .ant-picker-preset>.ant-tag-blue{color:#1890ff;background:#e6f7ff;border-color:#91d5ff;cursor:pointer}.ant-picker-ranges .ant-picker-ok{float:right;margin-left:8px}.ant-picker-range-wrapper{display:flex}.ant-picker-range-arrow{position:absolute;z-index:1;display:none;width:10px;height:10px;margin-left:16.5px;box-shadow:2px -2px 6px rgba(0,0,0,.06);transition:left .3s ease-out}.ant-picker-range-arrow::after{position:absolute;top:1px;right:1px;width:10px;height:10px;border:5px solid #f0f0f0;border-color:#fff #fff transparent transparent;content:''}.ant-picker-panel-container{overflow:hidden;vertical-align:top;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);transition:margin .3s}.ant-picker-panel-container .ant-picker-panels{display:inline-flex;flex-wrap:nowrap;direction:ltr}.ant-picker-panel-container .ant-picker-panel{vertical-align:top;background:0 0;border-width:0 0 1px;border-radius:0}.ant-picker-panel-container .ant-picker-panel-focused{border-color:#f0f0f0}.ant-picker-panel{display:inline-flex;flex-direction:column;text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:2px;outline:0}.ant-picker-panel-focused{border-color:#1890ff}.ant-picker-date-panel,.ant-picker-decade-panel,.ant-picker-month-panel,.ant-picker-quarter-panel,.ant-picker-time-panel,.ant-picker-week-panel,.ant-picker-year-panel{display:flex;flex-direction:column;width:280px}.ant-picker-header{display:flex;padding:0 8px;color:rgba(0,0,0,.85);border-bottom:1px solid #f0f0f0}.ant-picker-header>*{flex:none}.ant-picker-header button{padding:0;color:rgba(0,0,0,.25);line-height:40px;background:0 0;border:0;cursor:pointer;transition:color .3s}.ant-picker-header>button{min-width:1.6em;font-size:14px}.ant-picker-header>button:hover{color:rgba(0,0,0,.85)}.ant-picker-header-view{flex:auto;font-weight:500;line-height:40px}.ant-picker-header-view button{color:inherit;font-weight:inherit}.ant-picker-header-view button:not(:first-child){margin-left:8px}.ant-picker-header-view button:hover{color:#1890ff}.ant-picker-next-icon,.ant-picker-prev-icon,.ant-picker-super-next-icon,.ant-picker-super-prev-icon{position:relative;display:inline-block;width:7px;height:7px}.ant-picker-next-icon::before,.ant-picker-prev-icon::before,.ant-picker-super-next-icon::before,.ant-picker-super-prev-icon::before{position:absolute;top:0;left:0;display:inline-block;width:7px;height:7px;border:0 solid currentColor;border-width:1.5px 0 0 1.5px;content:''}.ant-picker-super-next-icon::after,.ant-picker-super-prev-icon::after{position:absolute;top:4px;left:4px;display:inline-block;width:7px;height:7px;border:0 solid currentColor;border-width:1.5px 0 0 1.5px;content:''}.ant-picker-prev-icon,.ant-picker-super-prev-icon{transform:rotate(-45deg)}.ant-picker-next-icon,.ant-picker-super-next-icon{transform:rotate(135deg)}.ant-picker-content{width:100%;table-layout:fixed}.ant-picker-content td,.ant-picker-content th{position:relative;min-width:24px;font-weight:400}.ant-picker-content th{height:30px;color:rgba(0,0,0,.85);line-height:30px}.ant-picker-cell{padding:3px 0;color:rgba(0,0,0,.25);cursor:pointer}.ant-picker-cell-in-view{color:rgba(0,0,0,.85)}.ant-picker-cell-disabled{cursor:not-allowed;pointer-events:none}.ant-picker-cell::before{position:absolute;top:50%;right:0;left:0;z-index:1;height:24px;transform:translateY(-50%);content:''}.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner{background:#f5f5f5}.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid #1890ff;border-radius:2px;content:''}.ant-picker-cell-in-view.ant-picker-cell-in-range{position:relative}.ant-picker-cell-in-view.ant-picker-cell-in-range::before{background:#e6f7ff}.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{color:#fff;background:#1890ff}.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before,.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before{background:#e6f7ff}.ant-picker-cell-in-view.ant-picker-cell-range-start::before{left:50%}.ant-picker-cell-in-view.ant-picker-cell-range-end::before{right:50%}.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after{position:absolute;top:50%;z-index:0;height:24px;border-top:1px dashed #7ec1ff;border-bottom:1px dashed #7ec1ff;transform:translateY(-50%);content:''}.ant-picker-cell-range-hover-end::after,.ant-picker-cell-range-hover-start::after,.ant-picker-cell-range-hover::after{right:0;left:2px}.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before{background:#cbe6ff}.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner{border-radius:2px 0 0 2px}.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner{border-radius:0 2px 2px 0}.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after,.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after{position:absolute;top:0;bottom:0;z-index:-1;background:#cbe6ff;content:''}.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after{right:-6px;left:0}.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after{right:0;left:-6px}.ant-picker-cell-range-hover.ant-picker-cell-range-start::after{right:50%}.ant-picker-cell-range-hover.ant-picker-cell-range-end::after{left:50%}.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after,.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after{left:6px;border-left:1px dashed #7ec1ff;border-top-left-radius:2px;border-bottom-left-radius:2px}.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after{right:6px;border-right:1px dashed #7ec1ff;border-top-right-radius:2px;border-bottom-right-radius:2px}.ant-picker-cell-disabled .ant-picker-cell-inner{color:rgba(0,0,0,.25);background:0 0}.ant-picker-cell-disabled::before,.ant-picker-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner,.ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner,.ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner{background:#f5f5f5}.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before{border-color:rgba(0,0,0,.25)}.ant-picker-decade-panel .ant-picker-content,.ant-picker-month-panel .ant-picker-content,.ant-picker-quarter-panel .ant-picker-content,.ant-picker-year-panel .ant-picker-content{height:264px}.ant-picker-decade-panel .ant-picker-cell-inner,.ant-picker-month-panel .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-year-panel .ant-picker-cell-inner{padding:0 8px}.ant-picker-quarter-panel .ant-picker-content{height:56px}.ant-picker-footer{width:-moz-min-content;width:min-content;min-width:100%;line-height:38px;text-align:center;border-bottom:1px solid transparent}.ant-picker-panel .ant-picker-footer{border-top:1px solid #f0f0f0}.ant-picker-footer-extra{padding:0 12px;line-height:38px;text-align:left}.ant-picker-footer-extra:not(:last-child){border-bottom:1px solid #f0f0f0}.ant-picker-now{text-align:left}.ant-picker-today-btn{color:#1890ff}.ant-picker-today-btn:hover{color:#40a9ff}.ant-picker-today-btn:active{color:#096dd9}.ant-picker-today-btn.ant-picker-today-btn-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-picker-decade-panel .ant-picker-cell-inner{padding:0 4px}.ant-picker-decade-panel .ant-picker-cell::before{display:none}.ant-picker-month-panel .ant-picker-body,.ant-picker-quarter-panel .ant-picker-body,.ant-picker-year-panel .ant-picker-body{padding:0 8px}.ant-picker-date-panel .ant-picker-body,.ant-picker-week-panel .ant-picker-body{padding:8px 12px}.ant-picker-month-panel .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-year-panel .ant-picker-cell-inner{width:60px}.ant-picker-month-panel .ant-picker-cell-range-hover-start::after,.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,.ant-picker-year-panel .ant-picker-cell-range-hover-start::after{left:14px;border-left:1px dashed #7ec1ff;border-radius:2px 0 0 2px}.ant-picker-month-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,.ant-picker-year-panel .ant-picker-cell-range-hover-end::after{right:14px;border-right:1px dashed #7ec1ff;border-radius:0 2px 2px 0}.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after{left:14px;border-left:1px dashed #7ec1ff;border-radius:2px 0 0 2px}.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner,.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner{background:0 0!important}.ant-picker-week-panel-row td{transition:background .3s}.ant-picker-week-panel-row:hover td{background:#f5f5f5}.ant-picker-week-panel-row-selected td,.ant-picker-week-panel-row-selected:hover td{background:#1890ff}.ant-picker-week-panel-row-selected td.ant-picker-cell-week,.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week{color:rgba(255,255,255,.5)}.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before{border-color:#fff}.ant-picker-datetime-panel .ant-picker-time-panel,.ant-picker-time-panel-column:not(:first-child){border-left:1px solid #f0f0f0}.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner{color:#fff}.ant-picker-date-panel .ant-picker-content{width:252px}.ant-picker-date-panel .ant-picker-content th{width:36px}.ant-picker-datetime-panel{display:flex}.ant-picker-datetime-panel .ant-picker-date-panel,.ant-picker-datetime-panel .ant-picker-time-panel{transition:opacity .3s}.ant-picker-datetime-panel-active .ant-picker-date-panel,.ant-picker-datetime-panel-active .ant-picker-time-panel{opacity:.3}.ant-picker-datetime-panel-active .ant-picker-date-panel-active,.ant-picker-datetime-panel-active .ant-picker-time-panel-active{opacity:1}.ant-picker-time-panel{width:auto;min-width:auto}.ant-picker-time-panel .ant-picker-content{display:flex;flex:auto;height:224px}.ant-picker-time-panel-column{flex:1 0 auto;width:56px;margin:0;padding:0;overflow-y:hidden;text-align:left;list-style:none;transition:background .3s}.ant-picker-time-panel-column::after{display:block;height:196px;content:''}.ant-picker-datetime-panel .ant-picker-time-panel-column::after{height:198px}.ant-picker-time-panel-column-active{background:rgba(230,247,255,.2)}.ant-picker-time-panel-column:hover{overflow-y:auto}.ant-picker-time-panel-column>li{margin:0;padding:0}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner{display:block;width:100%;height:28px;margin:0;padding:0 0 0 14px;color:rgba(0,0,0,.85);line-height:28px;border-radius:0;cursor:pointer;transition:background .3s}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover{background:#f5f5f5}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner{background:#e6f7ff}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner{color:rgba(0,0,0,.25);background:0 0;cursor:not-allowed}:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell{padding:21px 0}.ant-picker-rtl{direction:rtl}.ant-picker-rtl .ant-picker-suffix{margin-right:4px;margin-left:0}.ant-picker-rtl .ant-picker-clear{right:auto;left:0}.ant-picker-rtl .ant-picker-separator{transform:rotate(180deg)}.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child){margin-right:8px;margin-left:0}.ant-picker-rtl.ant-picker-range .ant-picker-clear{right:auto;left:11px}.ant-picker-rtl.ant-picker-range .ant-picker-active-bar{margin-right:11px;margin-left:0}.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar{margin-right:7px}.ant-picker-dropdown-rtl .ant-picker-ranges{text-align:right}.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok{float:left;margin-right:8px;margin-left:0}.ant-picker-panel-rtl{direction:rtl}.ant-picker-panel-rtl .ant-picker-prev-icon,.ant-picker-panel-rtl .ant-picker-super-prev-icon{transform:rotate(135deg)}.ant-picker-panel-rtl .ant-picker-next-icon,.ant-picker-panel-rtl .ant-picker-super-next-icon{transform:rotate(-45deg)}.ant-picker-cell .ant-picker-cell-inner{position:relative;z-index:2;display:inline-block;min-width:24px;height:24px;line-height:24px;border-radius:2px;transition:background .3s,border .3s}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before{right:50%;left:0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before{right:0;left:50%}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before{right:50%;left:50%}.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after{right:0;left:-6px}.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after{right:-6px;left:0}.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after{right:0;left:50%}.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after{right:50%;left:0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner{border-radius:0 2px 2px 0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner{border-radius:2px 0 0 2px}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after{right:6px;left:0;border-right:1px dashed #7ec1ff;border-left:none;border-radius:0 2px 2px 0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after{right:0;left:6px;border-right:none;border-left:1px dashed #7ec1ff;border-radius:2px 0 0 2px}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after{right:6px;left:6px;border-right:1px dashed #7ec1ff;border-left:1px dashed #7ec1ff;border-radius:2px}.ant-picker-dropdown-rtl .ant-picker-footer-extra{direction:rtl;text-align:right}.ant-picker-panel-rtl .ant-picker-time-panel{direction:ltr}.ant-descriptions-rtl,.ant-divider-rtl,.ant-drawer-rtl,.ant-dropdown-menu.ant-dropdown-menu-rtl,.ant-dropdown-rtl,.ant-dropdown-rtl .ant-dropdown-menu-item-group-title,.ant-empty-rtl,.ant-input-affix-wrapper-rtl,.ant-input-group-rtl,.ant-input-group-wrapper-rtl,.ant-input-number-rtl,.ant-input-rtl,.ant-input-search-rtl,.ant-input-textarea-rtl,.ant-row-rtl{direction:rtl}.ant-descriptions-header{display:flex;align-items:center;margin-bottom:20px}.ant-descriptions-title{flex:auto;overflow:hidden;color:rgba(0,0,0,.85);font-weight:700;font-size:16px;line-height:1.5715;white-space:nowrap;text-overflow:ellipsis}.ant-descriptions-extra,.ant-descriptions-item-content,.ant-descriptions-item-label,.ant-divider{font-size:14px;color:rgba(0,0,0,.85)}.ant-descriptions-extra{margin-left:auto}.ant-descriptions-view{width:100%;overflow:hidden;border-radius:2px}.ant-descriptions-view table{width:100%;table-layout:fixed}.ant-descriptions-row>td,.ant-descriptions-row>th{padding-bottom:16px}.ant-descriptions-row:last-child{border-bottom:none}.ant-descriptions-item-label{font-weight:400;line-height:1.5715;text-align:start}.ant-descriptions-item-label::after{content:':';position:relative;top:-.5px;margin:0 8px 0 2px}.ant-descriptions-item-label.ant-descriptions-item-no-colon::after,.ant-dropdown::before{content:' '}.ant-descriptions-item-no-label::after{margin:0;content:''}.ant-descriptions-item-content{display:table-cell;flex:1;line-height:1.5715;word-break:break-word;overflow-wrap:break-word}.ant-descriptions-item{padding-bottom:0;vertical-align:top}.ant-descriptions-item-container{display:flex}.ant-descriptions-item-container .ant-descriptions-item-content,.ant-descriptions-item-container .ant-descriptions-item-label{display:inline-flex;align-items:baseline}.ant-descriptions-middle .ant-descriptions-row>td,.ant-descriptions-middle .ant-descriptions-row>th{padding-bottom:12px}.ant-descriptions-small .ant-descriptions-row>td,.ant-descriptions-small .ant-descriptions-row>th{padding-bottom:8px}.ant-descriptions-bordered .ant-descriptions-view{border:1px solid #f0f0f0}.ant-descriptions-bordered .ant-descriptions-view>table{table-layout:auto}.ant-descriptions-bordered .ant-descriptions-item-content,.ant-descriptions-bordered .ant-descriptions-item-label{padding:16px 24px;border-right:1px solid #f0f0f0}.ant-descriptions-bordered .ant-descriptions-item-content:last-child,.ant-descriptions-bordered .ant-descriptions-item-label:last-child{border-right:none}.ant-descriptions-bordered .ant-descriptions-item-label::after{display:none}.ant-descriptions-bordered .ant-descriptions-row{border-bottom:1px solid #f0f0f0}.ant-descriptions-bordered .ant-descriptions-row:last-child{border-bottom:none}.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content,.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label{padding:12px 24px}.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content,.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label{padding:8px 16px}.ant-descriptions-rtl .ant-descriptions-item-label::after{margin:0 2px 0 8px}.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content,.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label{border-right:none;border-left:1px solid #f0f0f0}.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child,.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child{border-left:none}nz-descriptions{display:block}.ant-divider{box-sizing:border-box;margin:0;padding:0;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';border-top:1px solid rgba(0,0,0,.06)}.ant-divider-vertical{position:relative;top:-.06em;display:inline-block;height:.9em;margin:0 8px;vertical-align:middle;border-top:0;border-left:1px solid rgba(0,0,0,.06)}.ant-divider-horizontal{display:flex;clear:both;width:100%;min-width:100%;margin:24px 0}.ant-divider-horizontal.ant-divider-with-text{display:flex;margin:16px 0;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;white-space:nowrap;text-align:center;border-top:0;border-top-color:rgba(0,0,0,.06)}.ant-divider-horizontal.ant-divider-with-text::after,.ant-divider-horizontal.ant-divider-with-text::before{position:relative;top:50%;width:50%;border-top:1px solid transparent;border-top-color:inherit;border-bottom:0;transform:translateY(50%);content:''}.ant-divider-horizontal.ant-divider-with-text-left::before{top:50%;width:5%}.ant-divider-horizontal.ant-divider-with-text-left::after,.ant-divider-horizontal.ant-divider-with-text-right::before{top:50%;width:95%}.ant-divider-horizontal.ant-divider-with-text-right::after{top:50%;width:5%}.ant-divider-inner-text{display:inline-block;padding:0 1em}.ant-divider-dashed{background:0 0;border-color:rgba(0,0,0,.06);border-style:dashed;border-width:1px 0 0}.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed{border-top:0}.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after,.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before{border-style:dashed none none}.ant-divider-vertical.ant-divider-dashed{border-width:0 0 0 1px}.ant-divider-plain.ant-divider-with-text{color:rgba(0,0,0,.85);font-weight:400;font-size:14px}.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before{width:95%}.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after,.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before{width:5%}.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after{width:95%}.ant-drawer{position:fixed;z-index:1000;width:0%;height:100%;transition:transform .3s cubic-bezier(.7,.3,.1,1),height 0s ease .3s,width 0s ease .3s}.ant-drawer>*{transition:transform .3s cubic-bezier(.7,.3,.1,1),box-shadow .3s cubic-bezier(.7,.3,.1,1)}.ant-drawer-content-wrapper{position:absolute;width:100%;height:100%}.ant-drawer .ant-drawer-content{width:100%;height:100%}.ant-drawer-left,.ant-drawer-right{top:0;width:0%;height:100%}.ant-drawer-left .ant-drawer-content-wrapper,.ant-drawer-right .ant-drawer-content-wrapper{height:100%}.ant-drawer-left.ant-drawer-open,.ant-drawer-right.ant-drawer-open{width:100%;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ant-drawer-left,.ant-drawer-left .ant-drawer-content-wrapper{left:0}.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper{box-shadow:6px 0 16px -8px rgba(0,0,0,.08),9px 0 28px 0 rgba(0,0,0,.05),12px 0 48px 16px rgba(0,0,0,.03)}.ant-drawer-right,.ant-drawer-right .ant-drawer-content-wrapper{right:0}.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper{box-shadow:-6px 0 16px -8px rgba(0,0,0,.08),-9px 0 28px 0 rgba(0,0,0,.05),-12px 0 48px 16px rgba(0,0,0,.03)}.ant-drawer-right.ant-drawer-open.no-mask{right:1px;transform:translateX(1px)}.ant-drawer-bottom,.ant-drawer-top{left:0;width:100%;height:0%}.ant-drawer-bottom .ant-drawer-content-wrapper,.ant-drawer-top .ant-drawer-content-wrapper{width:100%}.ant-drawer-bottom.ant-drawer-open,.ant-drawer-top.ant-drawer-open{height:100%;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ant-drawer-top{top:0}.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper{box-shadow:0 6px 16px -8px rgba(0,0,0,.08),0 9px 28px 0 rgba(0,0,0,.05),0 12px 48px 16px rgba(0,0,0,.03)}.ant-drawer-bottom,.ant-drawer-bottom .ant-drawer-content-wrapper{bottom:0}.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper{box-shadow:0 -6px 16px -8px rgba(0,0,0,.08),0 -9px 28px 0 rgba(0,0,0,.05),0 -12px 48px 16px rgba(0,0,0,.03)}.ant-drawer-bottom.ant-drawer-open.no-mask{bottom:1px;transform:translateY(1px)}.ant-drawer.ant-drawer-open .ant-drawer-mask{height:100%;opacity:1;transition:none;animation:antdDrawerFadeIn .3s cubic-bezier(.7,.3,.1,1);pointer-events:auto}.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight,.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft,.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft{animation-name:antSlideUpIn}.ant-drawer-title{margin:0;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;line-height:22px}.ant-drawer-content{position:relative;z-index:1;overflow:auto;background-color:#fff;background-clip:padding-box;border:0}.ant-drawer-close{position:absolute;top:0;right:0;z-index:10;display:block;padding:20px;color:rgba(0,0,0,.45);font-weight:700;font-size:16px;font-style:normal;line-height:1;text-align:center;text-transform:none;text-decoration:none;background:0 0;border:0;outline:0;cursor:pointer;transition:color .3s;text-rendering:auto}.ant-drawer-footer,.ant-list-split.ant-list-empty .ant-list-footer{border-top:1px solid #f0f0f0}.ant-drawer-close:focus,.ant-drawer-close:hover{color:rgba(0,0,0,.75);text-decoration:none}.ant-drawer-header,.ant-drawer-header-no-title{color:rgba(0,0,0,.85);background:#fff}.ant-drawer-header-no-title .ant-drawer-close{margin-right:var(--scroll-bar);padding-right:calc(20px - var(--scroll-bar))}.ant-drawer-header{position:relative;padding:16px 24px;border-bottom:1px solid #f0f0f0;border-radius:2px 2px 0 0}.ant-drawer-wrapper-body{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;height:100%}.ant-drawer-body{flex-grow:1;padding:24px;overflow:auto;font-size:14px;line-height:1.5715;word-wrap:break-word}.ant-drawer-footer{flex-shrink:0;padding:10px}.ant-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0;background-color:rgba(0,0,0,.45);opacity:0;filter:alpha(opacity=45);transition:opacity .3s linear,height 0s ease .3s;pointer-events:none}.ant-drawer-open-content{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-drawer .ant-picker-clear{background:#fff}@keyframes antdDrawerFadeIn{0%{opacity:0}100%{opacity:1}}.ant-drawer-rtl .ant-drawer-close{right:auto;left:0}.ant-dropdown-menu-item.ant-dropdown-menu-item-danger{color:#ff4d4f}.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover{color:#fff;background-color:#ff4d4f}.ant-dropdown{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';z-index:1050;display:block}.ant-dropdown::before{position:absolute;top:-4px;right:0;bottom:-4px;left:-7px;z-index:-9999;opacity:.0001}.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow,.ant-dropdown-placement-topRight>.ant-dropdown-arrow{right:16px}.ant-dropdown-wrap{position:relative}.ant-dropdown-wrap .ant-btn>.anticon-down{font-size:10px}.ant-dropdown-wrap .anticon-down::before{transition:transform .2s}.ant-dropdown-wrap-open .anticon-down::before{transform:rotate(180deg)}.ant-dropdown-arrow,.ant-popover-arrow{width:8.49px;height:8.49px;transform:rotate(45deg)}.ant-dropdown-hidden,.ant-dropdown-menu-hidden{display:none}.ant-dropdown-show-arrow.ant-dropdown-placement-topCenter,.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,.ant-dropdown-show-arrow.ant-dropdown-placement-topRight{padding-bottom:10px}.ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter,.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight{padding-top:10px}.ant-dropdown-arrow{position:absolute;z-index:1;display:block;background:0 0;border-style:solid;border-width:4.24px}.ant-dropdown-placement-topCenter>.ant-dropdown-arrow,.ant-dropdown-placement-topLeft>.ant-dropdown-arrow,.ant-dropdown-placement-topRight>.ant-dropdown-arrow{bottom:6.2px;box-shadow:3px 3px 7px rgba(0,0,0,.07);border-color:transparent #fff #fff transparent}.ant-dropdown-placement-topCenter>.ant-dropdown-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.ant-dropdown-placement-topLeft>.ant-dropdown-arrow{left:16px}.ant-dropdown-placement-bottomCenter>.ant-dropdown-arrow,.ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow,.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow{top:6px;box-shadow:-2px -2px 5px rgba(0,0,0,.06);border-color:#fff transparent transparent #fff}.ant-dropdown-menu,.ant-menu{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-dropdown-placement-bottomCenter>.ant-dropdown-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow{left:16px}.ant-dropdown-menu{position:relative;margin:0;padding:4px 0;text-align:left;list-style-type:none;background-color:#fff;background-clip:padding-box;border-radius:2px;outline:0}.ant-dropdown-menu-item-group-title{padding:5px 12px;color:rgba(0,0,0,.45);transition:all .3s}.ant-dropdown-menu-submenu-popup{position:absolute;z-index:1050;background:0 0;box-shadow:none;transform-origin:0 0}.ant-dropdown-menu-submenu-popup li,.ant-dropdown-menu-submenu-popup ul{list-style:none}.ant-dropdown-menu-submenu-popup ul{margin-right:.3em;margin-left:.3em}.ant-dropdown-menu-item,.ant-dropdown-menu-submenu-title{clear:both;margin:0;padding:5px 12px;color:rgba(0,0,0,.85);font-weight:400;font-size:14px;line-height:22px;white-space:nowrap;cursor:pointer;transition:all .3s}.ant-dropdown-menu-item>.anticon:first-child,.ant-dropdown-menu-item>a>.anticon:first-child,.ant-dropdown-menu-item>span>.anticon:first-child,.ant-dropdown-menu-submenu-title>.anticon:first-child,.ant-dropdown-menu-submenu-title>a>.anticon:first-child,.ant-dropdown-menu-submenu-title>span>.anticon:first-child{min-width:12px;margin-right:8px;font-size:12px;vertical-align:-.1em}.ant-dropdown-menu-item>a,.ant-dropdown-menu-submenu-title>a{display:block;margin:-5px -12px;padding:5px 12px;color:rgba(0,0,0,.85);transition:all .3s}.ant-dropdown-menu-item>a:hover,.ant-dropdown-menu-submenu-title>a:hover{color:rgba(0,0,0,.85)}.ant-dropdown-menu-item>.anticon+span>a,.ant-dropdown-menu-submenu-title>.anticon+span>a{color:rgba(0,0,0,.85);transition:all .3s}.ant-dropdown-menu-item>.anticon+span>a:hover,.ant-dropdown-menu-submenu-title>.anticon+span>a:hover{color:rgba(0,0,0,.85)}.ant-dropdown-menu-item-selected,.ant-dropdown-menu-item-selected>a,.ant-dropdown-menu-submenu-title-selected,.ant-dropdown-menu-submenu-title-selected>a{color:#1890ff;background-color:#e6f7ff}.ant-dropdown-menu-item:hover,.ant-dropdown-menu-submenu-title:hover{background-color:#f5f5f5}.ant-dropdown-menu-item-disabled,.ant-dropdown-menu-submenu-title-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-dropdown-menu-item-disabled:hover,.ant-dropdown-menu-submenu-title-disabled:hover{color:rgba(0,0,0,.25);background-color:#fff;cursor:not-allowed}.ant-dropdown-menu-item-disabled>a,.ant-dropdown-menu-submenu-title-disabled>a{position:relative;color:rgba(0,0,0,.25);pointer-events:none}.ant-dropdown-menu-item-disabled>a::after,.ant-dropdown-menu-submenu-title-disabled>a::after{position:absolute;top:0;left:0;width:100%;height:100%;cursor:not-allowed;content:''}.ant-dropdown-menu-item-divider,.ant-dropdown-menu-submenu-title-divider{height:1px;margin:4px 0;overflow:hidden;line-height:0;background-color:#f0f0f0}.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon{position:absolute;right:8px}.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon{margin-right:0!important;color:rgba(0,0,0,.45);font-size:10px;font-style:normal}.ant-dropdown-menu-item-group-list{margin:0 8px;padding:0;list-style:none}.ant-dropdown-menu-submenu-title{padding-right:24px}.ant-dropdown-menu-submenu-vertical{position:relative}.ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu{position:absolute;top:0;left:100%;min-width:100%;margin-left:4px;transform-origin:0 0}.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon{color:rgba(0,0,0,.25);background-color:#fff;cursor:not-allowed}.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title{color:#1890ff}.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight,.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight{animation-name:antSlideDownIn}.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight{animation-name:antSlideUpOut}.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight{animation-name:antSlideDownOut}.ant-dropdown-button>.anticon.anticon-down,.ant-dropdown-link>.anticon.anticon-down,.ant-dropdown-trigger>.anticon.anticon-down{font-size:10px;vertical-align:baseline}.ant-dropdown-button{white-space:nowrap}.ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only){padding-right:8px;padding-left:8px}.ant-dropdown-menu-dark,.ant-dropdown-menu-dark .ant-dropdown-menu{background:#001529}.ant-dropdown-menu-dark .ant-dropdown-menu-item,.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,.ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a,.ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a .ant-dropdown-menu-submenu-arrow::after,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a .ant-dropdown-menu-submenu-arrow::after,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after{color:rgba(255,255,255,.65)}.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover{color:#fff;background:0 0}.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected>a{color:#fff;background:#1890ff}.ant-dropdown-rtl.ant-dropdown::before{right:-7px;left:0}.ant-dropdown-menu.ant-dropdown-menu-rtl,.ant-dropdown-rtl .ant-dropdown-menu-item-group-title{text-align:right}.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl{transform-origin:100% 0}.ant-dropdown-rtl .ant-dropdown-menu-item,.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li,.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title{text-align:right}.ant-dropdown-rtl .ant-dropdown-menu-item>.anticon:first-child,.ant-dropdown-rtl .ant-dropdown-menu-item>span>.anticon:first-child,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title>.anticon:first-child,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title>span>.anticon:first-child{margin-right:0;margin-left:8px}.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow{right:auto;left:8px}.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon{margin-left:0!important;transform:scaleX(-1)}.ant-dropdown-rtl .ant-dropdown-menu-submenu-title{padding-right:12px;padding-left:24px}.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu{right:100%;left:0;margin-right:4px;margin-left:0}.ant-dropdown-menu>ul{list-style:inherit;margin:0;padding:0}.ant-dropdown{top:0;left:0;position:relative;width:100%;margin-top:6px;margin-bottom:6px}.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow{transform:rotate(180deg)}.ant-empty{margin:0 8px;font-size:14px;line-height:1.5715;text-align:center}.ant-empty-image{height:100px;margin-bottom:8px}.ant-empty-image img{height:100%}.ant-empty-image svg{height:100%;margin:auto}.ant-empty-normal .ant-empty-image,.ant-input-group-lg .ant-select-single .ant-select-selector{height:40px}.ant-empty-footer{margin-top:16px}.ant-empty-normal{margin:32px 0;color:rgba(0,0,0,.25)}.ant-empty-small{margin:8px 0;color:rgba(0,0,0,.25)}.ant-empty-small .ant-empty-image{height:35px}.ant-empty-img-default-ellipse{fill-opacity:.8;fill:#f5f5f5}.ant-empty-img-default-path-1{fill:#aeb8c2}.ant-empty-img-default-path-2{fill:url(#linearGradient-1)}.ant-empty-img-default-path-3{fill:#f5f5f7}.ant-empty-img-default-path-4,.ant-empty-img-default-path-5{fill:#dce0e6}.ant-empty-img-default-g{fill:#fff}.ant-empty-img-simple-ellipse{fill:#f5f5f5}.ant-empty-img-simple-g{stroke:#d9d9d9}.ant-empty-img-simple-path{fill:#fafafa}nz-empty{display:block}.ant-row,.ant-row::after,.ant-row::before{display:flex}.ant-row{flex-flow:row wrap}.ant-col-1,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-2,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9{display:block}.ant-row-no-wrap{flex-wrap:nowrap}.ant-row-start,.ant-table-pagination-left{justify-content:flex-start}.ant-row-center{justify-content:center}.ant-row-end{justify-content:flex-end}.ant-page-header-heading,.ant-row-space-between,.ant-table-filter-dropdown-btns{justify-content:space-between}.ant-row-space-around{justify-content:space-around}.ant-row-top,.ant-tree-list-holder-inner{align-items:flex-start}.ant-row-middle{align-items:center}.ant-row-bottom{align-items:flex-end}.ant-col{position:relative;max-width:100%;min-height:1px}.ant-col-24{flex:0 0 100%;max-width:100%}.ant-col-push-24{left:100%}.ant-col-pull-24{right:100%}.ant-col-offset-24{margin-left:100%}.ant-col-order-24{order:24}.ant-col-23{flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-push-23{left:95.83333333%}.ant-col-pull-23{right:95.83333333%}.ant-col-offset-23{margin-left:95.83333333%}.ant-col-order-23{order:23}.ant-col-22{flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-push-22{left:91.66666667%}.ant-col-pull-22{right:91.66666667%}.ant-col-offset-22{margin-left:91.66666667%}.ant-col-order-22{order:22}.ant-col-21{flex:0 0 87.5%;max-width:87.5%}.ant-col-push-21{left:87.5%}.ant-col-pull-21{right:87.5%}.ant-col-offset-21{margin-left:87.5%}.ant-col-order-21{order:21}.ant-col-20{flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-push-20{left:83.33333333%}.ant-col-pull-20{right:83.33333333%}.ant-col-offset-20{margin-left:83.33333333%}.ant-col-order-20{order:20}.ant-col-19{flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-push-19{left:79.16666667%}.ant-col-pull-19{right:79.16666667%}.ant-col-offset-19{margin-left:79.16666667%}.ant-col-order-19{order:19}.ant-col-18{flex:0 0 75%;max-width:75%}.ant-col-push-18{left:75%}.ant-col-pull-18{right:75%}.ant-col-offset-18{margin-left:75%}.ant-col-order-18{order:18}.ant-col-17{flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-push-17{left:70.83333333%}.ant-col-pull-17{right:70.83333333%}.ant-col-offset-17{margin-left:70.83333333%}.ant-col-order-17{order:17}.ant-col-16{flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-push-16{left:66.66666667%}.ant-col-pull-16{right:66.66666667%}.ant-col-offset-16{margin-left:66.66666667%}.ant-col-order-16{order:16}.ant-col-15{flex:0 0 62.5%;max-width:62.5%}.ant-col-push-15{left:62.5%}.ant-col-pull-15{right:62.5%}.ant-col-offset-15{margin-left:62.5%}.ant-col-order-15{order:15}.ant-col-14{flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-push-14{left:58.33333333%}.ant-col-pull-14{right:58.33333333%}.ant-col-offset-14{margin-left:58.33333333%}.ant-col-order-14{order:14}.ant-col-13{flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-push-13{left:54.16666667%}.ant-col-pull-13{right:54.16666667%}.ant-col-offset-13{margin-left:54.16666667%}.ant-col-order-13{order:13}.ant-col-12{flex:0 0 50%;max-width:50%}.ant-col-push-12{left:50%}.ant-col-pull-12{right:50%}.ant-col-offset-12{margin-left:50%}.ant-col-order-12{order:12}.ant-col-11{flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-push-11{left:45.83333333%}.ant-col-pull-11{right:45.83333333%}.ant-col-offset-11{margin-left:45.83333333%}.ant-col-order-11{order:11}.ant-col-10{flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-push-10{left:41.66666667%}.ant-col-pull-10{right:41.66666667%}.ant-col-offset-10{margin-left:41.66666667%}.ant-col-order-10{order:10}.ant-col-9{flex:0 0 37.5%;max-width:37.5%}.ant-col-push-9{left:37.5%}.ant-col-pull-9{right:37.5%}.ant-col-offset-9{margin-left:37.5%}.ant-col-order-9{order:9}.ant-col-8{flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-push-8{left:33.33333333%}.ant-col-pull-8{right:33.33333333%}.ant-col-offset-8{margin-left:33.33333333%}.ant-col-order-8{order:8}.ant-col-7{flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-push-7{left:29.16666667%}.ant-col-pull-7{right:29.16666667%}.ant-col-offset-7{margin-left:29.16666667%}.ant-col-order-7{order:7}.ant-col-6{flex:0 0 25%;max-width:25%}.ant-col-push-6{left:25%}.ant-col-pull-6{right:25%}.ant-col-offset-6{margin-left:25%}.ant-col-order-6{order:6}.ant-col-5{flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-push-5{left:20.83333333%}.ant-col-pull-5{right:20.83333333%}.ant-col-offset-5{margin-left:20.83333333%}.ant-col-order-5{order:5}.ant-col-4{flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-push-4{left:16.66666667%}.ant-col-pull-4{right:16.66666667%}.ant-col-offset-4{margin-left:16.66666667%}.ant-col-order-4{order:4}.ant-col-3{flex:0 0 12.5%;max-width:12.5%}.ant-col-push-3{left:12.5%}.ant-col-pull-3{right:12.5%}.ant-col-offset-3{margin-left:12.5%}.ant-col-order-3{order:3}.ant-col-2{flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-push-2{left:8.33333333%}.ant-col-pull-2{right:8.33333333%}.ant-col-offset-2{margin-left:8.33333333%}.ant-col-order-2{order:2}.ant-col-1{flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-push-1{left:4.16666667%}.ant-col-pull-1{right:4.16666667%}.ant-col-offset-1{margin-left:4.16666667%}.ant-col-order-1{order:1}.ant-col-0{display:none}.ant-col-offset-0{margin-left:0}.ant-col-order-0{order:0}.ant-col-offset-0.ant-col-rtl{margin-right:0}.ant-col-push-1.ant-col-rtl{right:4.16666667%;left:auto}.ant-col-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}.ant-col-xs-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-xs-push-24{left:100%}.ant-col-xs-pull-24{right:100%}.ant-col-xs-offset-24{margin-left:100%}.ant-col-xs-order-24{order:24}.ant-col-xs-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-xs-push-23{left:95.83333333%}.ant-col-xs-pull-23{right:95.83333333%}.ant-col-xs-offset-23{margin-left:95.83333333%}.ant-col-xs-order-23{order:23}.ant-col-xs-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-xs-push-22{left:91.66666667%}.ant-col-xs-pull-22{right:91.66666667%}.ant-col-xs-offset-22{margin-left:91.66666667%}.ant-col-xs-order-22{order:22}.ant-col-xs-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-xs-push-21{left:87.5%}.ant-col-xs-pull-21{right:87.5%}.ant-col-xs-offset-21{margin-left:87.5%}.ant-col-xs-order-21{order:21}.ant-col-xs-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-xs-push-20{left:83.33333333%}.ant-col-xs-pull-20{right:83.33333333%}.ant-col-xs-offset-20{margin-left:83.33333333%}.ant-col-xs-order-20{order:20}.ant-col-xs-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-xs-push-19{left:79.16666667%}.ant-col-xs-pull-19{right:79.16666667%}.ant-col-xs-offset-19{margin-left:79.16666667%}.ant-col-xs-order-19{order:19}.ant-col-xs-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-xs-push-18{left:75%}.ant-col-xs-pull-18{right:75%}.ant-col-xs-offset-18{margin-left:75%}.ant-col-xs-order-18{order:18}.ant-col-xs-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-xs-push-17{left:70.83333333%}.ant-col-xs-pull-17{right:70.83333333%}.ant-col-xs-offset-17{margin-left:70.83333333%}.ant-col-xs-order-17{order:17}.ant-col-xs-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-xs-push-16{left:66.66666667%}.ant-col-xs-pull-16{right:66.66666667%}.ant-col-xs-offset-16{margin-left:66.66666667%}.ant-col-xs-order-16{order:16}.ant-col-xs-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-xs-push-15{left:62.5%}.ant-col-xs-pull-15{right:62.5%}.ant-col-xs-offset-15{margin-left:62.5%}.ant-col-xs-order-15{order:15}.ant-col-xs-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-xs-push-14{left:58.33333333%}.ant-col-xs-pull-14{right:58.33333333%}.ant-col-xs-offset-14{margin-left:58.33333333%}.ant-col-xs-order-14{order:14}.ant-col-xs-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-xs-push-13{left:54.16666667%}.ant-col-xs-pull-13{right:54.16666667%}.ant-col-xs-offset-13{margin-left:54.16666667%}.ant-col-xs-order-13{order:13}.ant-col-xs-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-xs-push-12{left:50%}.ant-col-xs-pull-12{right:50%}.ant-col-xs-offset-12{margin-left:50%}.ant-col-xs-order-12{order:12}.ant-col-xs-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-xs-push-11{left:45.83333333%}.ant-col-xs-pull-11{right:45.83333333%}.ant-col-xs-offset-11{margin-left:45.83333333%}.ant-col-xs-order-11{order:11}.ant-col-xs-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-xs-push-10{left:41.66666667%}.ant-col-xs-pull-10{right:41.66666667%}.ant-col-xs-offset-10{margin-left:41.66666667%}.ant-col-xs-order-10{order:10}.ant-col-xs-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-xs-push-9{left:37.5%}.ant-col-xs-pull-9{right:37.5%}.ant-col-xs-offset-9{margin-left:37.5%}.ant-col-xs-order-9{order:9}.ant-col-xs-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-xs-push-8{left:33.33333333%}.ant-col-xs-pull-8{right:33.33333333%}.ant-col-xs-offset-8{margin-left:33.33333333%}.ant-col-xs-order-8{order:8}.ant-col-xs-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-xs-push-7{left:29.16666667%}.ant-col-xs-pull-7{right:29.16666667%}.ant-col-xs-offset-7{margin-left:29.16666667%}.ant-col-xs-order-7{order:7}.ant-col-xs-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-xs-push-6{left:25%}.ant-col-xs-pull-6{right:25%}.ant-col-xs-offset-6{margin-left:25%}.ant-col-xs-order-6{order:6}.ant-col-xs-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-xs-push-5{left:20.83333333%}.ant-col-xs-pull-5{right:20.83333333%}.ant-col-xs-offset-5{margin-left:20.83333333%}.ant-col-xs-order-5{order:5}.ant-col-xs-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-xs-push-4{left:16.66666667%}.ant-col-xs-pull-4{right:16.66666667%}.ant-col-xs-offset-4{margin-left:16.66666667%}.ant-col-xs-order-4{order:4}.ant-col-xs-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-xs-push-3{left:12.5%}.ant-col-xs-pull-3{right:12.5%}.ant-col-xs-offset-3{margin-left:12.5%}.ant-col-xs-order-3{order:3}.ant-col-xs-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-xs-push-2{left:8.33333333%}.ant-col-xs-pull-2{right:8.33333333%}.ant-col-xs-offset-2{margin-left:8.33333333%}.ant-col-xs-order-2{order:2}.ant-col-xs-order-1,.ant-layout-sider-right,.ant-tabs-rtl.ant-tabs-left>.ant-tabs-nav{order:1}.ant-col-xs-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-xs-push-1{left:4.16666667%}.ant-col-pull-0.ant-col-rtl,.ant-col-push-0,.ant-col-xs-pull-0.ant-col-rtl,.ant-col-xs-push-0,.ant-col-xs-push-1.ant-col-rtl{left:auto}.ant-col-xs-pull-1{right:4.16666667%}.ant-col-pull-0,.ant-col-push-0.ant-col-rtl,.ant-col-xs-pull-0,.ant-col-xs-push-0.ant-col-rtl{right:auto}.ant-col-xs-offset-1{margin-left:4.16666667%}.ant-col-xs-0{display:none}.ant-col-xs-offset-0{margin-left:0}.ant-col-xs-order-0{order:0}.ant-col-xs-offset-0.ant-col-rtl{margin-right:0}.ant-col-xs-push-1.ant-col-rtl{right:4.16666667%}.ant-col-xs-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-xs-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-xs-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-xs-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-xs-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-xs-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-xs-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-xs-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-xs-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-xs-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-xs-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-xs-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-xs-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-xs-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-xs-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-xs-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-xs-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-xs-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-xs-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-xs-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-xs-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-xs-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-xs-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-xs-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-xs-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-xs-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-xs-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-xs-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-xs-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-xs-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-xs-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-xs-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-xs-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-xs-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-xs-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-xs-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-xs-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-xs-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-xs-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-xs-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-xs-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-xs-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-xs-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-xs-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-xs-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-xs-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-xs-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-xs-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-xs-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-xs-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-xs-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-xs-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-xs-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-xs-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-xs-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-xs-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-xs-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-xs-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-xs-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-xs-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-xs-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-xs-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-xs-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-xs-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-xs-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-xs-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-xs-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-xs-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-xs-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-xs-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-xs-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}@media (min-width:576px){.ant-col-sm-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-sm-push-24{left:100%}.ant-col-sm-pull-24{right:100%}.ant-col-sm-offset-24{margin-left:100%}.ant-col-sm-order-24{order:24}.ant-col-sm-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-sm-push-23{left:95.83333333%}.ant-col-sm-pull-23{right:95.83333333%}.ant-col-sm-offset-23{margin-left:95.83333333%}.ant-col-sm-order-23{order:23}.ant-col-sm-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-sm-push-22{left:91.66666667%}.ant-col-sm-pull-22{right:91.66666667%}.ant-col-sm-offset-22{margin-left:91.66666667%}.ant-col-sm-order-22{order:22}.ant-col-sm-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-sm-push-21{left:87.5%}.ant-col-sm-pull-21{right:87.5%}.ant-col-sm-offset-21{margin-left:87.5%}.ant-col-sm-order-21{order:21}.ant-col-sm-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-sm-push-20{left:83.33333333%}.ant-col-sm-pull-20{right:83.33333333%}.ant-col-sm-offset-20{margin-left:83.33333333%}.ant-col-sm-order-20{order:20}.ant-col-sm-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-sm-push-19{left:79.16666667%}.ant-col-sm-pull-19{right:79.16666667%}.ant-col-sm-offset-19{margin-left:79.16666667%}.ant-col-sm-order-19{order:19}.ant-col-sm-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-sm-push-18{left:75%}.ant-col-sm-pull-18{right:75%}.ant-col-sm-offset-18{margin-left:75%}.ant-col-sm-order-18{order:18}.ant-col-sm-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-sm-push-17{left:70.83333333%}.ant-col-sm-pull-17{right:70.83333333%}.ant-col-sm-offset-17{margin-left:70.83333333%}.ant-col-sm-order-17{order:17}.ant-col-sm-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-sm-push-16{left:66.66666667%}.ant-col-sm-pull-16{right:66.66666667%}.ant-col-sm-offset-16{margin-left:66.66666667%}.ant-col-sm-order-16{order:16}.ant-col-sm-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-sm-push-15{left:62.5%}.ant-col-sm-pull-15{right:62.5%}.ant-col-sm-offset-15{margin-left:62.5%}.ant-col-sm-order-15{order:15}.ant-col-sm-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-sm-push-14{left:58.33333333%}.ant-col-sm-pull-14{right:58.33333333%}.ant-col-sm-offset-14{margin-left:58.33333333%}.ant-col-sm-order-14{order:14}.ant-col-sm-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-sm-push-13{left:54.16666667%}.ant-col-sm-pull-13{right:54.16666667%}.ant-col-sm-offset-13{margin-left:54.16666667%}.ant-col-sm-order-13{order:13}.ant-col-sm-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-sm-push-12{left:50%}.ant-col-sm-pull-12{right:50%}.ant-col-sm-offset-12{margin-left:50%}.ant-col-sm-order-12{order:12}.ant-col-sm-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-sm-push-11{left:45.83333333%}.ant-col-sm-pull-11{right:45.83333333%}.ant-col-sm-offset-11{margin-left:45.83333333%}.ant-col-sm-order-11{order:11}.ant-col-sm-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-sm-push-10{left:41.66666667%}.ant-col-sm-pull-10{right:41.66666667%}.ant-col-sm-offset-10{margin-left:41.66666667%}.ant-col-sm-order-10{order:10}.ant-col-sm-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-sm-push-9{left:37.5%}.ant-col-sm-pull-9{right:37.5%}.ant-col-sm-offset-9{margin-left:37.5%}.ant-col-sm-order-9{order:9}.ant-col-sm-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-sm-push-8{left:33.33333333%}.ant-col-sm-pull-8{right:33.33333333%}.ant-col-sm-offset-8{margin-left:33.33333333%}.ant-col-sm-order-8{order:8}.ant-col-sm-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-sm-push-7{left:29.16666667%}.ant-col-sm-pull-7{right:29.16666667%}.ant-col-sm-offset-7{margin-left:29.16666667%}.ant-col-sm-order-7{order:7}.ant-col-sm-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-sm-push-6{left:25%}.ant-col-sm-pull-6{right:25%}.ant-col-sm-offset-6{margin-left:25%}.ant-col-sm-order-6{order:6}.ant-col-sm-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-sm-push-5{left:20.83333333%}.ant-col-sm-pull-5{right:20.83333333%}.ant-col-sm-offset-5{margin-left:20.83333333%}.ant-col-sm-order-5{order:5}.ant-col-sm-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-sm-push-4{left:16.66666667%}.ant-col-sm-pull-4{right:16.66666667%}.ant-col-sm-offset-4{margin-left:16.66666667%}.ant-col-sm-order-4{order:4}.ant-col-sm-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-sm-push-3{left:12.5%}.ant-col-sm-pull-3{right:12.5%}.ant-col-sm-offset-3{margin-left:12.5%}.ant-col-sm-order-3{order:3}.ant-col-sm-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-sm-push-2{left:8.33333333%}.ant-col-sm-pull-2{right:8.33333333%}.ant-col-sm-offset-2{margin-left:8.33333333%}.ant-col-sm-order-2{order:2}.ant-col-sm-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-sm-push-1{left:4.16666667%}.ant-col-pull-0.ant-col-rtl,.ant-col-push-0,.ant-col-sm-pull-0.ant-col-rtl,.ant-col-sm-push-0,.ant-col-sm-push-1.ant-col-rtl{left:auto}.ant-col-sm-pull-1{right:4.16666667%}.ant-col-pull-0,.ant-col-push-0.ant-col-rtl,.ant-col-sm-pull-0,.ant-col-sm-push-0.ant-col-rtl{right:auto}.ant-col-sm-offset-1{margin-left:4.16666667%}.ant-col-sm-order-1{order:1}.ant-col-sm-0{display:none}.ant-col-sm-offset-0{margin-left:0}.ant-col-sm-order-0{order:0}.ant-col-sm-offset-0.ant-col-rtl{margin-right:0}.ant-col-sm-push-1.ant-col-rtl{right:4.16666667%}.ant-col-sm-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-sm-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-sm-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-sm-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-sm-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-sm-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-sm-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-sm-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-sm-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-sm-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-sm-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-sm-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-sm-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-sm-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-sm-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-sm-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-sm-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-sm-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-sm-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-sm-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-sm-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-sm-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-sm-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-sm-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-sm-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-sm-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-sm-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-sm-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-sm-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-sm-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-sm-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-sm-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-sm-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-sm-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-sm-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-sm-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-sm-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-sm-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-sm-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-sm-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-sm-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-sm-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-sm-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-sm-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-sm-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-sm-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-sm-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-sm-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-sm-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-sm-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-sm-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-sm-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-sm-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-sm-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-sm-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-sm-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-sm-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-sm-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-sm-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-sm-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-sm-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-sm-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-sm-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-sm-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-sm-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-sm-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-sm-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-sm-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-sm-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-sm-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-sm-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}@media (min-width:768px){.ant-col-md-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-md-push-24{left:100%}.ant-col-md-pull-24{right:100%}.ant-col-md-offset-24{margin-left:100%}.ant-col-md-order-24{order:24}.ant-col-md-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-md-push-23{left:95.83333333%}.ant-col-md-pull-23{right:95.83333333%}.ant-col-md-offset-23{margin-left:95.83333333%}.ant-col-md-order-23{order:23}.ant-col-md-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-md-push-22{left:91.66666667%}.ant-col-md-pull-22{right:91.66666667%}.ant-col-md-offset-22{margin-left:91.66666667%}.ant-col-md-order-22{order:22}.ant-col-md-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-md-push-21{left:87.5%}.ant-col-md-pull-21{right:87.5%}.ant-col-md-offset-21{margin-left:87.5%}.ant-col-md-order-21{order:21}.ant-col-md-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-md-push-20{left:83.33333333%}.ant-col-md-pull-20{right:83.33333333%}.ant-col-md-offset-20{margin-left:83.33333333%}.ant-col-md-order-20{order:20}.ant-col-md-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-md-push-19{left:79.16666667%}.ant-col-md-pull-19{right:79.16666667%}.ant-col-md-offset-19{margin-left:79.16666667%}.ant-col-md-order-19{order:19}.ant-col-md-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-md-push-18{left:75%}.ant-col-md-pull-18{right:75%}.ant-col-md-offset-18{margin-left:75%}.ant-col-md-order-18{order:18}.ant-col-md-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-md-push-17{left:70.83333333%}.ant-col-md-pull-17{right:70.83333333%}.ant-col-md-offset-17{margin-left:70.83333333%}.ant-col-md-order-17{order:17}.ant-col-md-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-md-push-16{left:66.66666667%}.ant-col-md-pull-16{right:66.66666667%}.ant-col-md-offset-16{margin-left:66.66666667%}.ant-col-md-order-16{order:16}.ant-col-md-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-md-push-15{left:62.5%}.ant-col-md-pull-15{right:62.5%}.ant-col-md-offset-15{margin-left:62.5%}.ant-col-md-order-15{order:15}.ant-col-md-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-md-push-14{left:58.33333333%}.ant-col-md-pull-14{right:58.33333333%}.ant-col-md-offset-14{margin-left:58.33333333%}.ant-col-md-order-14{order:14}.ant-col-md-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-md-push-13{left:54.16666667%}.ant-col-md-pull-13{right:54.16666667%}.ant-col-md-offset-13{margin-left:54.16666667%}.ant-col-md-order-13{order:13}.ant-col-md-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-md-push-12{left:50%}.ant-col-md-pull-12{right:50%}.ant-col-md-offset-12{margin-left:50%}.ant-col-md-order-12{order:12}.ant-col-md-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-md-push-11{left:45.83333333%}.ant-col-md-pull-11{right:45.83333333%}.ant-col-md-offset-11{margin-left:45.83333333%}.ant-col-md-order-11{order:11}.ant-col-md-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-md-push-10{left:41.66666667%}.ant-col-md-pull-10{right:41.66666667%}.ant-col-md-offset-10{margin-left:41.66666667%}.ant-col-md-order-10{order:10}.ant-col-md-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-md-push-9{left:37.5%}.ant-col-md-pull-9{right:37.5%}.ant-col-md-offset-9{margin-left:37.5%}.ant-col-md-order-9{order:9}.ant-col-md-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-md-push-8{left:33.33333333%}.ant-col-md-pull-8{right:33.33333333%}.ant-col-md-offset-8{margin-left:33.33333333%}.ant-col-md-order-8{order:8}.ant-col-md-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-md-push-7{left:29.16666667%}.ant-col-md-pull-7{right:29.16666667%}.ant-col-md-offset-7{margin-left:29.16666667%}.ant-col-md-order-7{order:7}.ant-col-md-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-md-push-6{left:25%}.ant-col-md-pull-6{right:25%}.ant-col-md-offset-6{margin-left:25%}.ant-col-md-order-6{order:6}.ant-col-md-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-md-push-5{left:20.83333333%}.ant-col-md-pull-5{right:20.83333333%}.ant-col-md-offset-5{margin-left:20.83333333%}.ant-col-md-order-5{order:5}.ant-col-md-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-md-push-4{left:16.66666667%}.ant-col-md-pull-4{right:16.66666667%}.ant-col-md-offset-4{margin-left:16.66666667%}.ant-col-md-order-4{order:4}.ant-col-md-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-md-push-3{left:12.5%}.ant-col-md-pull-3{right:12.5%}.ant-col-md-offset-3{margin-left:12.5%}.ant-col-md-order-3{order:3}.ant-col-md-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-md-push-2{left:8.33333333%}.ant-col-md-pull-2{right:8.33333333%}.ant-col-md-offset-2{margin-left:8.33333333%}.ant-col-md-order-2{order:2}.ant-col-md-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-md-push-1{left:4.16666667%}.ant-col-md-pull-0.ant-col-rtl,.ant-col-md-push-0,.ant-col-md-push-1.ant-col-rtl,.ant-col-pull-0.ant-col-rtl,.ant-col-push-0{left:auto}.ant-col-md-pull-1{right:4.16666667%}.ant-col-md-pull-0,.ant-col-md-push-0.ant-col-rtl,.ant-col-pull-0,.ant-col-push-0.ant-col-rtl{right:auto}.ant-col-md-offset-1{margin-left:4.16666667%}.ant-col-md-order-1{order:1}.ant-col-md-0{display:none}.ant-col-md-offset-0{margin-left:0}.ant-col-md-order-0{order:0}.ant-col-md-offset-0.ant-col-rtl{margin-right:0}.ant-col-md-push-1.ant-col-rtl{right:4.16666667%}.ant-col-md-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-md-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-md-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-md-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-md-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-md-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-md-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-md-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-md-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-md-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-md-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-md-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-md-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-md-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-md-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-md-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-md-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-md-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-md-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-md-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-md-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-md-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-md-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-md-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-md-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-md-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-md-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-md-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-md-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-md-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-md-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-md-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-md-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-md-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-md-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-md-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-md-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-md-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-md-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-md-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-md-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-md-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-md-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-md-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-md-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-md-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-md-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-md-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-md-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-md-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-md-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-md-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-md-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-md-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-md-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-md-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-md-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-md-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-md-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-md-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-md-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-md-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-md-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-md-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-md-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-md-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-md-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-md-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-md-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-md-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-md-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}@media (min-width:992px){.ant-col-lg-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-lg-push-24{left:100%}.ant-col-lg-pull-24{right:100%}.ant-col-lg-offset-24{margin-left:100%}.ant-col-lg-order-24{order:24}.ant-col-lg-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-lg-push-23{left:95.83333333%}.ant-col-lg-pull-23{right:95.83333333%}.ant-col-lg-offset-23{margin-left:95.83333333%}.ant-col-lg-order-23{order:23}.ant-col-lg-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-lg-push-22{left:91.66666667%}.ant-col-lg-pull-22{right:91.66666667%}.ant-col-lg-offset-22{margin-left:91.66666667%}.ant-col-lg-order-22{order:22}.ant-col-lg-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-lg-push-21{left:87.5%}.ant-col-lg-pull-21{right:87.5%}.ant-col-lg-offset-21{margin-left:87.5%}.ant-col-lg-order-21{order:21}.ant-col-lg-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-lg-push-20{left:83.33333333%}.ant-col-lg-pull-20{right:83.33333333%}.ant-col-lg-offset-20{margin-left:83.33333333%}.ant-col-lg-order-20{order:20}.ant-col-lg-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-lg-push-19{left:79.16666667%}.ant-col-lg-pull-19{right:79.16666667%}.ant-col-lg-offset-19{margin-left:79.16666667%}.ant-col-lg-order-19{order:19}.ant-col-lg-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-lg-push-18{left:75%}.ant-col-lg-pull-18{right:75%}.ant-col-lg-offset-18{margin-left:75%}.ant-col-lg-order-18{order:18}.ant-col-lg-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-lg-push-17{left:70.83333333%}.ant-col-lg-pull-17{right:70.83333333%}.ant-col-lg-offset-17{margin-left:70.83333333%}.ant-col-lg-order-17{order:17}.ant-col-lg-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-lg-push-16{left:66.66666667%}.ant-col-lg-pull-16{right:66.66666667%}.ant-col-lg-offset-16{margin-left:66.66666667%}.ant-col-lg-order-16{order:16}.ant-col-lg-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-lg-push-15{left:62.5%}.ant-col-lg-pull-15{right:62.5%}.ant-col-lg-offset-15{margin-left:62.5%}.ant-col-lg-order-15{order:15}.ant-col-lg-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-lg-push-14{left:58.33333333%}.ant-col-lg-pull-14{right:58.33333333%}.ant-col-lg-offset-14{margin-left:58.33333333%}.ant-col-lg-order-14{order:14}.ant-col-lg-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-lg-push-13{left:54.16666667%}.ant-col-lg-pull-13{right:54.16666667%}.ant-col-lg-offset-13{margin-left:54.16666667%}.ant-col-lg-order-13{order:13}.ant-col-lg-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-lg-push-12{left:50%}.ant-col-lg-pull-12{right:50%}.ant-col-lg-offset-12{margin-left:50%}.ant-col-lg-order-12{order:12}.ant-col-lg-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-lg-push-11{left:45.83333333%}.ant-col-lg-pull-11{right:45.83333333%}.ant-col-lg-offset-11{margin-left:45.83333333%}.ant-col-lg-order-11{order:11}.ant-col-lg-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-lg-push-10{left:41.66666667%}.ant-col-lg-pull-10{right:41.66666667%}.ant-col-lg-offset-10{margin-left:41.66666667%}.ant-col-lg-order-10{order:10}.ant-col-lg-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-lg-push-9{left:37.5%}.ant-col-lg-pull-9{right:37.5%}.ant-col-lg-offset-9{margin-left:37.5%}.ant-col-lg-order-9{order:9}.ant-col-lg-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-lg-push-8{left:33.33333333%}.ant-col-lg-pull-8{right:33.33333333%}.ant-col-lg-offset-8{margin-left:33.33333333%}.ant-col-lg-order-8{order:8}.ant-col-lg-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-lg-push-7{left:29.16666667%}.ant-col-lg-pull-7{right:29.16666667%}.ant-col-lg-offset-7{margin-left:29.16666667%}.ant-col-lg-order-7{order:7}.ant-col-lg-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-lg-push-6{left:25%}.ant-col-lg-pull-6{right:25%}.ant-col-lg-offset-6{margin-left:25%}.ant-col-lg-order-6{order:6}.ant-col-lg-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-lg-push-5{left:20.83333333%}.ant-col-lg-pull-5{right:20.83333333%}.ant-col-lg-offset-5{margin-left:20.83333333%}.ant-col-lg-order-5{order:5}.ant-col-lg-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-lg-push-4{left:16.66666667%}.ant-col-lg-pull-4{right:16.66666667%}.ant-col-lg-offset-4{margin-left:16.66666667%}.ant-col-lg-order-4{order:4}.ant-col-lg-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-lg-push-3{left:12.5%}.ant-col-lg-pull-3{right:12.5%}.ant-col-lg-offset-3{margin-left:12.5%}.ant-col-lg-order-3{order:3}.ant-col-lg-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-lg-push-2{left:8.33333333%}.ant-col-lg-pull-2{right:8.33333333%}.ant-col-lg-offset-2{margin-left:8.33333333%}.ant-col-lg-order-2{order:2}.ant-col-lg-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-lg-push-1{left:4.16666667%}.ant-col-lg-pull-0.ant-col-rtl,.ant-col-lg-push-0,.ant-col-lg-push-1.ant-col-rtl,.ant-col-pull-0.ant-col-rtl,.ant-col-push-0{left:auto}.ant-col-lg-pull-1{right:4.16666667%}.ant-col-lg-pull-0,.ant-col-lg-push-0.ant-col-rtl,.ant-col-pull-0,.ant-col-push-0.ant-col-rtl{right:auto}.ant-col-lg-offset-1{margin-left:4.16666667%}.ant-col-lg-order-1{order:1}.ant-col-lg-0{display:none}.ant-col-lg-offset-0{margin-left:0}.ant-col-lg-order-0{order:0}.ant-col-lg-offset-0.ant-col-rtl{margin-right:0}.ant-col-lg-push-1.ant-col-rtl{right:4.16666667%}.ant-col-lg-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-lg-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-lg-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-lg-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-lg-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-lg-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-lg-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-lg-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-lg-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-lg-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-lg-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-lg-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-lg-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-lg-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-lg-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-lg-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-lg-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-lg-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-lg-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-lg-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-lg-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-lg-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-lg-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-lg-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-lg-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-lg-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-lg-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-lg-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-lg-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-lg-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-lg-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-lg-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-lg-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-lg-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-lg-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-lg-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-lg-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-lg-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-lg-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-lg-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-lg-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-lg-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-lg-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-lg-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-lg-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-lg-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-lg-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-lg-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-lg-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-lg-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-lg-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-lg-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-lg-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-lg-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-lg-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-lg-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-lg-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-lg-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-lg-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-lg-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-lg-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-lg-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-lg-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-lg-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-lg-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-lg-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-lg-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-lg-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-lg-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-lg-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-lg-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}@media (min-width:1200px){.ant-col-xl-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-xl-push-24{left:100%}.ant-col-xl-pull-24{right:100%}.ant-col-xl-offset-24{margin-left:100%}.ant-col-xl-order-24{order:24}.ant-col-xl-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-xl-push-23{left:95.83333333%}.ant-col-xl-pull-23{right:95.83333333%}.ant-col-xl-offset-23{margin-left:95.83333333%}.ant-col-xl-order-23{order:23}.ant-col-xl-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-xl-push-22{left:91.66666667%}.ant-col-xl-pull-22{right:91.66666667%}.ant-col-xl-offset-22{margin-left:91.66666667%}.ant-col-xl-order-22{order:22}.ant-col-xl-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-xl-push-21{left:87.5%}.ant-col-xl-pull-21{right:87.5%}.ant-col-xl-offset-21{margin-left:87.5%}.ant-col-xl-order-21{order:21}.ant-col-xl-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-xl-push-20{left:83.33333333%}.ant-col-xl-pull-20{right:83.33333333%}.ant-col-xl-offset-20{margin-left:83.33333333%}.ant-col-xl-order-20{order:20}.ant-col-xl-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-xl-push-19{left:79.16666667%}.ant-col-xl-pull-19{right:79.16666667%}.ant-col-xl-offset-19{margin-left:79.16666667%}.ant-col-xl-order-19{order:19}.ant-col-xl-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-xl-push-18{left:75%}.ant-col-xl-pull-18{right:75%}.ant-col-xl-offset-18{margin-left:75%}.ant-col-xl-order-18{order:18}.ant-col-xl-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-xl-push-17{left:70.83333333%}.ant-col-xl-pull-17{right:70.83333333%}.ant-col-xl-offset-17{margin-left:70.83333333%}.ant-col-xl-order-17{order:17}.ant-col-xl-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-xl-push-16{left:66.66666667%}.ant-col-xl-pull-16{right:66.66666667%}.ant-col-xl-offset-16{margin-left:66.66666667%}.ant-col-xl-order-16{order:16}.ant-col-xl-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-xl-push-15{left:62.5%}.ant-col-xl-pull-15{right:62.5%}.ant-col-xl-offset-15{margin-left:62.5%}.ant-col-xl-order-15{order:15}.ant-col-xl-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-xl-push-14{left:58.33333333%}.ant-col-xl-pull-14{right:58.33333333%}.ant-col-xl-offset-14{margin-left:58.33333333%}.ant-col-xl-order-14{order:14}.ant-col-xl-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-xl-push-13{left:54.16666667%}.ant-col-xl-pull-13{right:54.16666667%}.ant-col-xl-offset-13{margin-left:54.16666667%}.ant-col-xl-order-13{order:13}.ant-col-xl-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-xl-push-12{left:50%}.ant-col-xl-pull-12{right:50%}.ant-col-xl-offset-12{margin-left:50%}.ant-col-xl-order-12{order:12}.ant-col-xl-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-xl-push-11{left:45.83333333%}.ant-col-xl-pull-11{right:45.83333333%}.ant-col-xl-offset-11{margin-left:45.83333333%}.ant-col-xl-order-11{order:11}.ant-col-xl-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-xl-push-10{left:41.66666667%}.ant-col-xl-pull-10{right:41.66666667%}.ant-col-xl-offset-10{margin-left:41.66666667%}.ant-col-xl-order-10{order:10}.ant-col-xl-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-xl-push-9{left:37.5%}.ant-col-xl-pull-9{right:37.5%}.ant-col-xl-offset-9{margin-left:37.5%}.ant-col-xl-order-9{order:9}.ant-col-xl-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-xl-push-8{left:33.33333333%}.ant-col-xl-pull-8{right:33.33333333%}.ant-col-xl-offset-8{margin-left:33.33333333%}.ant-col-xl-order-8{order:8}.ant-col-xl-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-xl-push-7{left:29.16666667%}.ant-col-xl-pull-7{right:29.16666667%}.ant-col-xl-offset-7{margin-left:29.16666667%}.ant-col-xl-order-7{order:7}.ant-col-xl-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-xl-push-6{left:25%}.ant-col-xl-pull-6{right:25%}.ant-col-xl-offset-6{margin-left:25%}.ant-col-xl-order-6{order:6}.ant-col-xl-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-xl-push-5{left:20.83333333%}.ant-col-xl-pull-5{right:20.83333333%}.ant-col-xl-offset-5{margin-left:20.83333333%}.ant-col-xl-order-5{order:5}.ant-col-xl-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-xl-push-4{left:16.66666667%}.ant-col-xl-pull-4{right:16.66666667%}.ant-col-xl-offset-4{margin-left:16.66666667%}.ant-col-xl-order-4{order:4}.ant-col-xl-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-xl-push-3{left:12.5%}.ant-col-xl-pull-3{right:12.5%}.ant-col-xl-offset-3{margin-left:12.5%}.ant-col-xl-order-3{order:3}.ant-col-xl-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-xl-push-2{left:8.33333333%}.ant-col-xl-pull-2{right:8.33333333%}.ant-col-xl-offset-2{margin-left:8.33333333%}.ant-col-xl-order-2{order:2}.ant-col-xl-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-xl-push-1{left:4.16666667%}.ant-col-pull-0.ant-col-rtl,.ant-col-push-0,.ant-col-xl-pull-0.ant-col-rtl,.ant-col-xl-push-0,.ant-col-xl-push-1.ant-col-rtl{left:auto}.ant-col-xl-pull-1{right:4.16666667%}.ant-col-pull-0,.ant-col-push-0.ant-col-rtl,.ant-col-xl-pull-0,.ant-col-xl-push-0.ant-col-rtl{right:auto}.ant-col-xl-offset-1{margin-left:4.16666667%}.ant-col-xl-order-1{order:1}.ant-col-xl-0{display:none}.ant-col-xl-offset-0{margin-left:0}.ant-col-xl-order-0{order:0}.ant-col-xl-offset-0.ant-col-rtl{margin-right:0}.ant-col-xl-push-1.ant-col-rtl{right:4.16666667%}.ant-col-xl-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-xl-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-xl-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-xl-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-xl-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-xl-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-xl-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-xl-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-xl-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-xl-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-xl-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-xl-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-xl-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-xl-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-xl-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-xl-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-xl-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-xl-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-xl-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-xl-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-xl-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-xl-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-xl-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-xl-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-xl-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-xl-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-xl-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-xl-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-xl-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-xl-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-xl-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-xl-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-xl-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-xl-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-xl-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-xl-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-xl-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-xl-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-xl-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-xl-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-xl-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-xl-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-xl-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-xl-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-xl-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-xl-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-xl-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-xl-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-xl-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-xl-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-xl-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-xl-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-xl-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-xl-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-xl-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-xl-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-xl-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-xl-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-xl-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-xl-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-xl-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-xl-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-xl-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-xl-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-xl-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-xl-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-xl-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-xl-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-xl-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-xl-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-xl-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}@media (min-width:1600px){.ant-col-xxl-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-xxl-push-24{left:100%}.ant-col-xxl-pull-24{right:100%}.ant-col-xxl-offset-24{margin-left:100%}.ant-col-xxl-order-24{order:24}.ant-col-xxl-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-xxl-push-23{left:95.83333333%}.ant-col-xxl-pull-23{right:95.83333333%}.ant-col-xxl-offset-23{margin-left:95.83333333%}.ant-col-xxl-order-23{order:23}.ant-col-xxl-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-xxl-push-22{left:91.66666667%}.ant-col-xxl-pull-22{right:91.66666667%}.ant-col-xxl-offset-22{margin-left:91.66666667%}.ant-col-xxl-order-22{order:22}.ant-col-xxl-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-xxl-push-21{left:87.5%}.ant-col-xxl-pull-21{right:87.5%}.ant-col-xxl-offset-21{margin-left:87.5%}.ant-col-xxl-order-21{order:21}.ant-col-xxl-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-xxl-push-20{left:83.33333333%}.ant-col-xxl-pull-20{right:83.33333333%}.ant-col-xxl-offset-20{margin-left:83.33333333%}.ant-col-xxl-order-20{order:20}.ant-col-xxl-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-xxl-push-19{left:79.16666667%}.ant-col-xxl-pull-19{right:79.16666667%}.ant-col-xxl-offset-19{margin-left:79.16666667%}.ant-col-xxl-order-19{order:19}.ant-col-xxl-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-xxl-push-18{left:75%}.ant-col-xxl-pull-18{right:75%}.ant-col-xxl-offset-18{margin-left:75%}.ant-col-xxl-order-18{order:18}.ant-col-xxl-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-xxl-push-17{left:70.83333333%}.ant-col-xxl-pull-17{right:70.83333333%}.ant-col-xxl-offset-17{margin-left:70.83333333%}.ant-col-xxl-order-17{order:17}.ant-col-xxl-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-xxl-push-16{left:66.66666667%}.ant-col-xxl-pull-16{right:66.66666667%}.ant-col-xxl-offset-16{margin-left:66.66666667%}.ant-col-xxl-order-16{order:16}.ant-col-xxl-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-xxl-push-15{left:62.5%}.ant-col-xxl-pull-15{right:62.5%}.ant-col-xxl-offset-15{margin-left:62.5%}.ant-col-xxl-order-15{order:15}.ant-col-xxl-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-xxl-push-14{left:58.33333333%}.ant-col-xxl-pull-14{right:58.33333333%}.ant-col-xxl-offset-14{margin-left:58.33333333%}.ant-col-xxl-order-14{order:14}.ant-col-xxl-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-xxl-push-13{left:54.16666667%}.ant-col-xxl-pull-13{right:54.16666667%}.ant-col-xxl-offset-13{margin-left:54.16666667%}.ant-col-xxl-order-13{order:13}.ant-col-xxl-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-xxl-push-12{left:50%}.ant-col-xxl-pull-12{right:50%}.ant-col-xxl-offset-12{margin-left:50%}.ant-col-xxl-order-12{order:12}.ant-col-xxl-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-xxl-push-11{left:45.83333333%}.ant-col-xxl-pull-11{right:45.83333333%}.ant-col-xxl-offset-11{margin-left:45.83333333%}.ant-col-xxl-order-11{order:11}.ant-col-xxl-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-xxl-push-10{left:41.66666667%}.ant-col-xxl-pull-10{right:41.66666667%}.ant-col-xxl-offset-10{margin-left:41.66666667%}.ant-col-xxl-order-10{order:10}.ant-col-xxl-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-xxl-push-9{left:37.5%}.ant-col-xxl-pull-9{right:37.5%}.ant-col-xxl-offset-9{margin-left:37.5%}.ant-col-xxl-order-9{order:9}.ant-col-xxl-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-xxl-push-8{left:33.33333333%}.ant-col-xxl-pull-8{right:33.33333333%}.ant-col-xxl-offset-8{margin-left:33.33333333%}.ant-col-xxl-order-8{order:8}.ant-col-xxl-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-xxl-push-7{left:29.16666667%}.ant-col-xxl-pull-7{right:29.16666667%}.ant-col-xxl-offset-7{margin-left:29.16666667%}.ant-col-xxl-order-7{order:7}.ant-col-xxl-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-xxl-push-6{left:25%}.ant-col-xxl-pull-6{right:25%}.ant-col-xxl-offset-6{margin-left:25%}.ant-col-xxl-order-6{order:6}.ant-col-xxl-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-xxl-push-5{left:20.83333333%}.ant-col-xxl-pull-5{right:20.83333333%}.ant-col-xxl-offset-5{margin-left:20.83333333%}.ant-col-xxl-order-5{order:5}.ant-col-xxl-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-xxl-push-4{left:16.66666667%}.ant-col-xxl-pull-4{right:16.66666667%}.ant-col-xxl-offset-4{margin-left:16.66666667%}.ant-col-xxl-order-4{order:4}.ant-col-xxl-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-xxl-push-3{left:12.5%}.ant-col-xxl-pull-3{right:12.5%}.ant-col-xxl-offset-3{margin-left:12.5%}.ant-col-xxl-order-3{order:3}.ant-col-xxl-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-xxl-push-2{left:8.33333333%}.ant-col-xxl-pull-2{right:8.33333333%}.ant-col-xxl-offset-2{margin-left:8.33333333%}.ant-col-xxl-order-2{order:2}.ant-col-xxl-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-xxl-push-1{left:4.16666667%}.ant-col-pull-0.ant-col-rtl,.ant-col-push-0,.ant-col-xxl-pull-0.ant-col-rtl,.ant-col-xxl-push-0,.ant-col-xxl-push-1.ant-col-rtl{left:auto}.ant-col-xxl-pull-1{right:4.16666667%}.ant-col-pull-0,.ant-col-push-0.ant-col-rtl,.ant-col-xxl-pull-0,.ant-col-xxl-push-0.ant-col-rtl{right:auto}.ant-col-xxl-offset-1{margin-left:4.16666667%}.ant-col-xxl-order-1{order:1}.ant-col-xxl-0{display:none}.ant-col-xxl-offset-0{margin-left:0}.ant-col-xxl-order-0{order:0}.ant-col-xxl-offset-0.ant-col-rtl{margin-right:0}.ant-col-xxl-push-1.ant-col-rtl{right:4.16666667%}.ant-col-xxl-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-xxl-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-xxl-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-xxl-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-xxl-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-xxl-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-xxl-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-xxl-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-xxl-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-xxl-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-xxl-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-xxl-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-xxl-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-xxl-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-xxl-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-xxl-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-xxl-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-xxl-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-xxl-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-xxl-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-xxl-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-xxl-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-xxl-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-xxl-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-xxl-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-xxl-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-xxl-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-xxl-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-xxl-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-xxl-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-xxl-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-xxl-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-xxl-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-xxl-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-xxl-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-xxl-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-xxl-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-xxl-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-xxl-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-xxl-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-xxl-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-xxl-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-xxl-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-xxl-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-xxl-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-xxl-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-xxl-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-xxl-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-xxl-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-xxl-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-xxl-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-xxl-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-xxl-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-xxl-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-xxl-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-xxl-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-xxl-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-xxl-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-xxl-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-xxl-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-xxl-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-xxl-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-xxl-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-xxl-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-xxl-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-xxl-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-xxl-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-xxl-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-xxl-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-xxl-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-xxl-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}.ant-input-affix-wrapper{position:relative;width:100%;min-width:0;padding:4px 11px;color:rgba(0,0,0,.85);font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;display:inline-flex}.ant-input-affix-wrapper::-moz-placeholder{opacity:1}.ant-input-affix-wrapper:-ms-input-placeholder{color:#bfbfbf}.ant-input-affix-wrapper::placeholder{color:#bfbfbf}.ant-input-affix-wrapper:-moz-placeholder-shown{text-overflow:ellipsis}.ant-input-affix-wrapper:-ms-input-placeholder{text-overflow:ellipsis}.ant-input-affix-wrapper:placeholder-shown{text-overflow:ellipsis}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-input-affix-wrapper-focused,.ant-input-rtl .ant-input-affix-wrapper:focus{border-right-width:0;border-left-width:1px!important}.ant-input-affix-wrapper-disabled:hover,.ant-input-affix-wrapper[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-affix-wrapper-disabled{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-input-affix-wrapper[disabled]{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-input-affix-wrapper-borderless,.ant-input-affix-wrapper-borderless-disabled,.ant-input-affix-wrapper-borderless-focused,.ant-input-affix-wrapper-borderless:focus,.ant-input-affix-wrapper-borderless:hover,.ant-input-affix-wrapper-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-input-affix-wrapper{max-width:100%;height:auto;min-height:32px;line-height:1.5715;vertical-align:bottom;transition:all .3s,height 0s}.ant-input-affix-wrapper-lg{padding:6.5px 11px;font-size:16px}.ant-input-affix-wrapper-sm{padding:0 7px}.ant-input-affix-wrapper:hover{border-color:#40a9ff;border-right-width:1px!important;z-index:1}.ant-input-rtl .ant-input-affix-wrapper:hover{border-right-width:0;border-left-width:1px!important}.ant-input-search-with-button .ant-input-affix-wrapper:hover{z-index:0}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus{z-index:1}.ant-input-affix-wrapper-disabled .ant-input[disabled]{background:0 0}.ant-input,.ant-input-number{min-width:0;background-image:none}.ant-input-affix-wrapper>input.ant-input{padding:0;border:none;outline:0}.ant-input-affix-wrapper>input.ant-input:focus{box-shadow:none}.ant-input-affix-wrapper::before{width:0;visibility:hidden;content:'\a0'}.ant-input-prefix,.ant-input-suffix{display:flex;flex:none;align-items:center}.ant-input-prefix{margin-right:4px}.ant-input-suffix{margin-left:4px}.ant-input-clear-icon{margin:0 4px;color:rgba(0,0,0,.25);font-size:12px;vertical-align:-1px;cursor:pointer;transition:color .3s}.ant-input,.ant-input-group,.ant-input-number{line-height:1.5715;margin:0;box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:'tnum'}.ant-input-clear-icon:hover{color:rgba(0,0,0,.45)}.ant-input,.ant-input-clear-icon:active{color:rgba(0,0,0,.85)}.ant-input-clear-icon-hidden{visibility:hidden}.ant-input-clear-icon:last-child{margin-right:0}.ant-input-affix-wrapper-textarea-with-clear-btn{padding:0!important;border:0!important}.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon{position:absolute;top:8px;right:8px;z-index:1}.ant-input{list-style:none;position:relative;display:inline-block;width:100%;padding:4px 11px;font-size:14px;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s}.ant-input::-moz-placeholder{opacity:1}.ant-input:-ms-input-placeholder{color:#bfbfbf}.ant-input::placeholder{color:#bfbfbf}.ant-input-disabled,.ant-input[disabled]{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-input:-moz-placeholder-shown{text-overflow:ellipsis}.ant-input:-ms-input-placeholder{text-overflow:ellipsis}.ant-input:placeholder-shown{text-overflow:ellipsis}.ant-input:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-input:hover{border-right-width:0;border-left-width:1px!important}.ant-input-focused,.ant-input:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-input-focused,.ant-input-rtl .ant-input:focus{border-right-width:0;border-left-width:1px!important}.ant-input-disabled:hover,.ant-input[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-borderless,.ant-input-borderless-disabled,.ant-input-borderless-focused,.ant-input-borderless:focus,.ant-input-borderless:hover,.ant-input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-input{max-width:100%;height:auto;min-height:32px;line-height:1.5715;vertical-align:bottom;transition:all .3s,height 0s}.ant-input-lg{padding:6.5px 11px;font-size:16px}.ant-input-group,.ant-input-group-addon{color:rgba(0,0,0,.85);font-size:14px;position:relative}.ant-input-sm{padding:0 7px}.ant-input-group{padding:0;list-style:none;display:table;width:100%;border-collapse:separate;border-spacing:0}.ant-input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.ant-input-group>[class*=col-]{padding-right:8px}.ant-input-group>[class*=col-]:last-child{padding-right:0}.ant-input-group-addon,.ant-input-group-wrap,.ant-input-group>.ant-input{display:table-cell}.ant-input-group-addon:not(:first-child):not(:last-child),.ant-input-group-wrap:not(:first-child):not(:last-child),.ant-input-group>.ant-input:not(:first-child):not(:last-child){border-radius:0}.ant-input-group-addon,.ant-input-group-wrap{width:1px;white-space:nowrap;vertical-align:middle}.ant-input-group-wrap>*{display:block!important}.ant-input-group .ant-input{float:left;width:100%;margin-bottom:0;text-align:inherit}.ant-input-group .ant-input:focus,.ant-input-group .ant-input:hover{z-index:1;border-right-width:1px}.ant-input-search-with-button .ant-input-group .ant-input:hover{z-index:0}.ant-input-group-addon{padding:0 11px;font-weight:400;text-align:center;background-color:#fafafa;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s}.ant-input-group-addon .ant-select{margin:-5px -11px}.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{background-color:inherit;border:1px solid transparent;box-shadow:none}.ant-input-group .ant-input-affix-wrapper:not(:first-child),.ant-input-group-addon:last-child,.ant-input-group-addon:last-child .ant-select .ant-select-selector,.ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input,.ant-input-group>.ant-input:last-child,.ant-input-group>.ant-input:last-child .ant-select .ant-select-selector{border-top-left-radius:0;border-bottom-left-radius:0}.ant-input-group .ant-input-affix-wrapper:not(:last-child),.ant-input-group-addon:first-child,.ant-input-group-addon:first-child .ant-select .ant-select-selector,.ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input,.ant-input-group>.ant-input:first-child,.ant-input-group>.ant-input:first-child .ant-select .ant-select-selector{border-top-right-radius:0;border-bottom-right-radius:0}.ant-input-group-addon .ant-select-focused .ant-select-selector,.ant-input-group-addon .ant-select-open .ant-select-selector{color:#1890ff}.ant-input-group-addon:first-child{border-right:0}.ant-input-group-addon:last-child{border-left:0}.ant-input-group-lg .ant-input,.ant-input-group-lg>.ant-input-group-addon{padding:6.5px 11px;font-size:16px}.ant-input-group-sm .ant-input,.ant-input-group-sm>.ant-input-group-addon{padding:0 7px}.ant-input-group-sm .ant-select-single .ant-select-selector{height:24px}.ant-input-search-button,.ant-input[type=color]{height:32px}.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child){border-top-left-radius:2px;border-bottom-left-radius:2px}.ant-input-group.ant-input-group-compact{display:block}.ant-input-group.ant-input-group-compact::after,.ant-input-group.ant-input-group-compact::before{display:table;content:''}.ant-input-group.ant-input-group-compact::after{clear:both}.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child){border-right-width:1px}.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):hover{z-index:1}.ant-input-group.ant-input-group-compact>*{display:inline-block;float:none;vertical-align:top;border-radius:0}.ant-input-group.ant-input-group-compact>.ant-input-affix-wrapper,.ant-input-group.ant-input-group-compact>.ant-picker-range{display:inline-flex}.ant-input-group.ant-input-group-compact>:not(:last-child){margin-right:-1px;border-right-width:1px}.ant-input-group.ant-input-group-compact .ant-input{float:none}.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector{border-right-width:1px;border-radius:0}.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-select-focused,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-arrow,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:focus,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:hover{z-index:1}.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-group.ant-input-group-compact>:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-group.ant-input-group-compact>:last-child{border-right-width:1px;border-top-right-radius:2px;border-bottom-right-radius:2px}.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input{vertical-align:top}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper{margin-left:-1px}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper .ant-input-affix-wrapper,.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input-group-addon>.ant-input-search-button{border-radius:0}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input{border-radius:2px 0 0 2px}.ant-input-group-rtl .ant-input-group-addon:first-child,.ant-input-group>.ant-input-rtl:first-child{border-radius:0 2px 2px 0}.ant-input-group-rtl .ant-input-group-addon:first-child{border-right:1px solid #d9d9d9;border-left:0}.ant-input-group-rtl .ant-input-group-addon:last-child{border-right:0;border-left:1px solid #d9d9d9}.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child),.ant-input-group-rtl.ant-input-group-addon:last-child,.ant-input-group-rtl.ant-input-group>.ant-input:last-child{border-radius:2px 0 0 2px}.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child),.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>:first-child{border-radius:0 2px 2px 0}.ant-input-group-rtl.ant-input-group.ant-input-group-compact>:not(:last-child){margin-right:0;margin-left:-1px;border-left-width:1px}.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>:last-child{border-left-width:1px;border-radius:2px 0 0 2px}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl+.ant-input-group-wrapper-rtl{margin-right:-1px;margin-left:0}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search>.ant-input-group>.ant-input{border-radius:0 2px 2px 0}.ant-input-group-wrapper{display:inline-block;width:100%;text-align:start;vertical-align:top}.ant-input-password-icon{color:rgba(0,0,0,.45);cursor:pointer;transition:all .3s}.ant-input-password-icon:hover{color:rgba(0,0,0,.85)}.ant-input[type=color].ant-input-lg{height:40px}.ant-input[type=color].ant-input-sm{height:24px;padding-top:3px;padding-bottom:3px}.ant-input-textarea-show-count::after{display:block;color:rgba(0,0,0,.45);text-align:right;content:attr(data-count)}.ant-input-search .ant-input:focus,.ant-input-search .ant-input:hover{border-color:#40a9ff}.ant-input-search .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),.ant-input-search .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary){border-left-color:#40a9ff}.ant-input-search .ant-input-affix-wrapper{border-radius:0}.ant-input-search .ant-input-lg{line-height:1.5713}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child{left:-1px;padding:0;border:0}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button{padding-top:0;padding-bottom:0;border-radius:0 2px 2px 0}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary){color:rgba(0,0,0,.45)}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before{top:0;right:0;bottom:0;left:0}.ant-input-search-button:focus,.ant-input-search-button:hover{z-index:1}.ant-input-search-large .ant-input-search-button{height:40px}.ant-input-search-small .ant-input-search-button{height:24px}.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl>input.ant-input{border:none;outline:0}.ant-input-affix-wrapper-rtl .ant-input-prefix{margin:0 0 0 4px}.ant-input-affix-wrapper-rtl .ant-input-suffix{margin:0 4px 0 0}.ant-input-textarea-rtl.ant-input-textarea-show-count::after{text-align:left}.ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child{margin-right:4px;margin-left:0}.ant-input-affix-wrapper-rtl .ant-input-clear-icon{right:auto;left:8px}.ant-input-search-rtl .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),.ant-input-search-rtl .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary){border-right-color:#40a9ff;border-left-color:#d9d9d9}.ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper-focused,.ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper:hover{border-right-color:#40a9ff}.ant-input-search-rtl>.ant-input-group>.ant-input-group-addon{right:-1px;left:auto}.ant-input-search-rtl>.ant-input-group>.ant-input-group-addon .ant-input-search-button{border-radius:2px 0 0 2px}@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){.ant-input{height:32px}.ant-input-lg{height:40px}.ant-input-sm{height:24px}.ant-input-affix-wrapper>input.ant-input{height:auto}}textarea.nz-textarea-autosize-measuring{height:auto!important;overflow:hidden!important;padding:2px 0!important;box-sizing:content-box!important}.ant-input-search-rtl.ant-input-search-enter-button input+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only,.ant-input-search-rtl.ant-input-search-enter-button+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only{width:32px;height:32px}.ant-input-search-rtl.ant-input-search-enter-button input+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm,.ant-input-search-rtl.ant-input-search-enter-button+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm{width:24px;height:24px}.ant-input-search-rtl.ant-input-search-enter-button input+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg,.ant-input-search-rtl.ant-input-search-enter-button+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg{width:40px;height:40px}.ant-input-number{list-style:none;position:relative;color:rgba(0,0,0,.85);font-size:14px;background-color:#fff;transition:all .3s;display:inline-block;width:90px;padding:0;border:1px solid #d9d9d9;border-radius:2px}.ant-input-number-focused,.ant-input-number:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-number::-moz-placeholder{opacity:1}.ant-input-number:-ms-input-placeholder{color:#bfbfbf}.ant-input-number::placeholder{color:#bfbfbf}.ant-input-number:-moz-placeholder-shown{text-overflow:ellipsis}.ant-input-number:-ms-input-placeholder{text-overflow:ellipsis}.ant-input-number:placeholder-shown{text-overflow:ellipsis}.ant-input-rtl .ant-input-number:hover{border-right-width:0;border-left-width:1px!important}.ant-input-number-focused,.ant-input-number:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-input-number-focused,.ant-input-rtl .ant-input-number:focus{border-right-width:0;border-left-width:1px!important}.ant-input-number[disabled]{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-input-number[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-number-borderless,.ant-input-number-borderless-disabled,.ant-input-number-borderless-focused,.ant-input-number-borderless:focus,.ant-input-number-borderless:hover,.ant-input-number-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-input-number{max-width:100%;height:auto;min-height:32px;line-height:1.5715;vertical-align:bottom;transition:all .3s,height 0s}.ant-input-number-handler{position:relative;display:block;width:100%;height:50%;overflow:hidden;color:rgba(0,0,0,.45);font-weight:700;line-height:0;text-align:center;transition:all .1s linear}.ant-input-number-handler:active{background:#f4f4f4}.ant-input-number-handler:hover .ant-input-number-handler-down-inner,.ant-input-number-handler:hover .ant-input-number-handler-up-inner{color:#40a9ff}.ant-input-number-handler-down-inner,.ant-input-number-handler-up-inner{display:inline-block;color:inherit;font-style:normal;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:4px;width:12px;height:12px;color:rgba(0,0,0,.45);line-height:12px;transition:all .1s linear;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-input-number-handler-down-inner>*,.ant-input-number-handler-up-inner>*{line-height:1}.ant-input-number-handler-down-inner svg,.ant-input-number-handler-up-inner svg{display:inline-block}.ant-input-number-handler-down-inner::before,.ant-input-number-handler-up-inner::before{display:none}.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,nz-content,nz-footer,nz-header{display:block}.ant-input-number:hover+.ant-form-item-children-icon{opacity:0;transition:opacity .24s linear .24s}.ant-input-number-focused{outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-input-number-focused{border-right-width:0;border-left-width:1px!important}.ant-input-number-disabled{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-input-number-disabled:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-number-disabled .ant-input-number-input{cursor:not-allowed}.ant-input-number-disabled .ant-input-number-handler-wrap,.ant-input-number-readonly .ant-input-number-handler-wrap{display:none}.ant-input-number-input{width:100%;height:30px;padding:0 11px;text-align:left;background-color:transparent;border:0;border-radius:2px;outline:0;transition:all .3s linear;-moz-appearance:textfield!important}.ant-input-number-input::-moz-placeholder{opacity:1}.ant-input-number-input:-ms-input-placeholder{color:#bfbfbf}.ant-input-number-input::placeholder{color:#bfbfbf}.ant-input-number-input:-moz-placeholder-shown{text-overflow:ellipsis}.ant-input-number-input:-ms-input-placeholder{text-overflow:ellipsis}.ant-input-number-input:placeholder-shown{text-overflow:ellipsis}.ant-input-number-input[type=number]::-webkit-inner-spin-button,.ant-input-number-input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.ant-input-number-lg{padding:0;font-size:16px}.ant-input-number-lg input{height:38px}.ant-input-number-sm{padding:0}.ant-input-number-sm input{height:22px;padding:0 7px}.ant-input-number-handler-wrap{position:absolute;top:0;right:0;width:22px;height:100%;background:#fff;border-left:1px solid #d9d9d9;border-radius:0 2px 2px 0;opacity:0;transition:opacity .24s linear .1s}.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner,.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner{min-width:auto;margin-right:0;font-size:7px}.ant-input-number-handler-wrap:hover .ant-input-number-handler{height:40%}.ant-input-number-handler-down:hover,.ant-input-number-handler-up:hover{height:60%!important}.ant-input-number:hover .ant-input-number-handler-wrap{opacity:1}.ant-input-number-handler-up{border-top-right-radius:2px;cursor:pointer}.ant-input-number-handler-up-inner{top:50%;margin-top:-5px;text-align:center}.ant-input-number-handler-down{top:0;border-top:1px solid #d9d9d9;border-bottom-right-radius:2px;cursor:pointer}.ant-input-number-handler-down-inner{top:50%;text-align:center;transform:translateY(-50%)}.ant-input-number-handler-down-disabled,.ant-input-number-handler-up-disabled{cursor:not-allowed}.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner,.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner{color:rgba(0,0,0,.25)}.ant-input-number-rtl .ant-input-number-handler-wrap{right:auto;left:0;border-right:1px solid #d9d9d9;border-left:0;border-radius:2px 0 0 2px}.ant-input-number-rtl .ant-input-number-input{direction:ltr;text-align:right}.ant-form-rtl,.ant-layout-rtl,.ant-list-rtl,.ant-list-rtl .ReactVirtualized__List .ant-list-item,.ant-mention-wrapper .ant-mention-editor-rtl,.ant-menu.ant-menu-rtl,.ant-message-rtl,.ant-message-rtl span,.ant-modal-wrap-rtl,.ant-modal-wrap-rtl .ant-modal-confirm-body,.ant-notification-rtl,.ant-page-header-rtl,.ant-pagination-options-quick-jumper input-rtl,.ant-popover-rtl,.ant-progress-rtl,.ant-radio-group.ant-radio-group-rtl,.ant-radio-wrapper.ant-radio-wrapper-rtl,.ant-rate-rtl,.ant-select-dropdown-rtl,.ant-select-rtl,.ant-skeleton-rtl,.ant-slider-rtl,.ant-spin-rtl{direction:rtl}.ant-layout{display:flex;flex:auto;flex-direction:column;min-height:0;background:#f0f2f5}.ant-layout,.ant-layout *{box-sizing:border-box}.ant-layout.ant-layout-has-sider{flex-direction:row}.ant-layout.ant-layout-has-sider>.ant-layout,.ant-layout.ant-layout-has-sider>.ant-layout-content{width:0}.ant-layout-footer,.ant-layout-header{flex:0 0 auto}.ant-layout-header{height:64px;padding:0 50px;color:rgba(0,0,0,.85);line-height:64px;background:#001529}.ant-layout-footer{padding:24px 50px;color:rgba(0,0,0,.85);font-size:14px;background:#f0f2f5}.ant-layout-content{flex:auto;min-height:0}.ant-layout-sider{position:relative;min-width:0;background:#001529;transition:all .2s}.ant-layout-sider-children{height:100%;margin-top:-.1px;padding-top:.1px}.ant-layout-sider-has-trigger{padding-bottom:48px}.ant-layout-sider-trigger{position:fixed;bottom:0;z-index:1;height:48px;color:#fff;line-height:48px;text-align:center;background:#002140;cursor:pointer;transition:all .2s}.ant-layout-sider-zero-width>*{overflow:hidden}.ant-layout-sider-zero-width-trigger{position:absolute;top:64px;right:-36px;z-index:1;width:36px;height:42px;color:#fff;font-size:18px;line-height:42px;text-align:center;background:#001529;border-radius:0 2px 2px 0;cursor:pointer;transition:background .3s ease}.ant-layout-sider-zero-width-trigger::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;transition:all .3s;content:''}.ant-layout-sider-zero-width-trigger:hover::after{background:rgba(255,255,255,.1)}.ant-layout-sider-zero-width-trigger-right{left:-36px;border-radius:2px 0 0 2px}.ant-layout-sider-light{background:#fff}.ant-layout-sider-light .ant-layout-sider-trigger,.ant-layout-sider-light .ant-layout-sider-zero-width-trigger{color:rgba(0,0,0,.85);background:#fff}.ant-form-item .ant-mentions,.ant-form-item textarea.ant-input{height:auto}.ant-form-item .ant-upload{background:0 0}.ant-form-item .ant-upload.ant-upload-drag{background:#fafafa}.ant-form-item input[type=radio],.ant-form-item input[type=checkbox]{width:14px;height:14px}.ant-form-item .ant-checkbox-inline,.ant-form-item .ant-radio-inline{display:inline-block;margin-left:8px;font-weight:400;vertical-align:middle;cursor:pointer}.ant-form-item .ant-checkbox-inline:first-child,.ant-form-item .ant-checkbox-vertical+.ant-checkbox-vertical,.ant-form-item .ant-radio-inline:first-child,.ant-form-item .ant-radio-vertical+.ant-radio-vertical{margin-left:0}.ant-form-item .ant-checkbox-vertical,.ant-form-item .ant-radio-vertical{display:block}.ant-form-item .ant-input-number+.ant-form-text{margin-left:8px}.ant-form-item .ant-input-number-handler-wrap{z-index:2}.ant-form-item .ant-cascader-picker,.ant-form-item .ant-select{width:100%}.ant-form-item .ant-input-group .ant-cascader-picker,.ant-form-item .ant-input-group .ant-select{width:auto}.ant-form-inline{display:flex;flex-wrap:wrap}.ant-form-inline .ant-form-item{flex:none;flex-wrap:nowrap;margin-right:16px;margin-bottom:0}.ant-form-inline .ant-form-item-with-help{margin-bottom:24px}.ant-form-inline .ant-form-item>.ant-form-item-control,.ant-form-inline .ant-form-item>.ant-form-item-label{display:inline-block;vertical-align:top}.ant-form-inline .ant-form-item>.ant-form-item-label{flex:none}.ant-form-inline .ant-form-item .ant-form-item-has-feedback,.ant-form-inline .ant-form-item .ant-form-text{display:inline-block}.ant-form-horizontal .ant-form-item-label{flex-grow:0}.ant-form-horizontal .ant-form-item-control{flex:1 1 0}.ant-form-vertical .ant-form-item{flex-direction:column}.ant-form-vertical .ant-form-item-label>label{height:auto}.ant-col-24.ant-form-item-label,.ant-col-xl-24.ant-form-item-label,.ant-form-vertical .ant-form-item-label{padding:0 0 8px;line-height:1.5715;white-space:initial;text-align:left}.ant-col-24.ant-form-item-label>label,.ant-col-xl-24.ant-form-item-label>label,.ant-form-vertical .ant-form-item-label>label{margin:0}.ant-col-24.ant-form-item-label>label::after,.ant-col-xl-24.ant-form-item-label>label::after,.ant-form-vertical .ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-24.ant-form-item-label,.ant-form-rtl.ant-col-xl-24.ant-form-item-label,.ant-form-rtl.ant-form-vertical .ant-form-item-label{text-align:right}@media (max-width:575px){.ant-col-xs-24.ant-form-item-label>label,.ant-form-item .ant-form-item-label>label{margin:0}.ant-col-xs-24.ant-form-item-label>label::after,.ant-form-item .ant-form-item-label>label::after{display:none}.ant-form-item .ant-form-item-label{padding:0 0 8px;line-height:1.5715;white-space:initial;text-align:left}.ant-form-rtl.ant-form-item .ant-form-item-label{text-align:right}.ant-form .ant-form-item{flex-wrap:wrap}.ant-form .ant-form-item .ant-form-item-control,.ant-form .ant-form-item .ant-form-item-label{flex:0 0 100%;max-width:100%}.ant-col-xs-24.ant-form-item-label{padding:0 0 8px;line-height:1.5715;white-space:initial;text-align:left}.ant-form-rtl.ant-col-xs-24.ant-form-item-label{text-align:right}}@media (max-width:767px){.ant-col-sm-24.ant-form-item-label{padding:0 0 8px;line-height:1.5715;white-space:initial;text-align:left}.ant-col-sm-24.ant-form-item-label>label{margin:0}.ant-col-sm-24.ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-sm-24.ant-form-item-label{text-align:right}}@media (max-width:991px){.ant-col-md-24.ant-form-item-label{padding:0 0 8px;line-height:1.5715;white-space:initial;text-align:left}.ant-col-md-24.ant-form-item-label>label{margin:0}.ant-col-md-24.ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-md-24.ant-form-item-label{text-align:right}}@media (max-width:1199px){.ant-col-lg-24.ant-form-item-label{padding:0 0 8px;line-height:1.5715;white-space:initial;text-align:left}.ant-col-lg-24.ant-form-item-label>label{margin:0}.ant-col-lg-24.ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-lg-24.ant-form-item-label{text-align:right}}@media (max-width:1599px){.ant-col-xl-24.ant-form-item-label{padding:0 0 8px;line-height:1.5715;white-space:initial;text-align:left}.ant-col-xl-24.ant-form-item-label>label{margin:0}.ant-col-xl-24.ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-xl-24.ant-form-item-label{text-align:right}}.ant-form-item-explain.ant-form-item-explain-error{color:#ff4d4f}.ant-form-item-explain.ant-form-item-explain-warning{color:#faad14}.ant-form-item-has-feedback .ant-input{padding-right:24px}.ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix{padding-right:18px}.ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix{right:28px}.ant-form-item-has-feedback .ant-cascader-picker-clear,.ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,.ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear,.ant-form-item-has-feedback>.ant-select .ant-select-arrow,.ant-form-item-has-feedback>.ant-select .ant-select-clear{right:32px}.ant-form-item-has-feedback .ant-switch{margin:2px 0 4px}.ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value{padding-right:42px}.ant-form-item-has-feedback .ant-cascader-picker-arrow{margin-right:19px}.ant-form-item-has-feedback .ant-picker,.ant-form-item-has-feedback .ant-picker-large{padding-right:29.2px}.ant-form-item-has-feedback .ant-picker-small{padding-right:25.2px}.ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,.ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,.ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,.ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:20px;margin-top:-10px;font-size:14px;line-height:20px;text-align:center;visibility:visible;animation:zoomIn .3s cubic-bezier(.12,.4,.29,1.46);pointer-events:none}.ant-notification .notification-fade-effect,.ant-notification-fade-appear,.ant-notification-fade-enter,.ant-notification-fade-leave,.show-help-appear,.show-help-enter,.show-help-leave{animation-timing-function:cubic-bezier(.645,.045,.355,1)}.ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon{color:#52c41a;animation-name:diffZoomIn1!important}.ant-form-item-has-warning .ant-form-item-split{color:#faad14}.ant-form-item-has-warning .ant-input,.ant-form-item-has-warning .ant-input-affix-wrapper,.ant-form-item-has-warning .ant-input-affix-wrapper:hover,.ant-form-item-has-warning .ant-input:hover{background-color:#fff;border-color:#faad14}.ant-form-item-has-warning .ant-input-affix-wrapper-focused,.ant-form-item-has-warning .ant-input-affix-wrapper:focus,.ant-form-item-has-warning .ant-input-focused,.ant-form-item-has-warning .ant-input:focus{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-warning .ant-input-affix-wrapper-disabled,.ant-form-item-has-warning .ant-input-disabled{background-color:#f5f5f5;border-color:#d9d9d9}.ant-form-item-has-warning .ant-input-affix-wrapper-disabled input:focus{box-shadow:none!important}.ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-warning .ant-input-prefix{color:#faad14}.ant-form-item-has-warning .ant-input-group-addon{color:#faad14;border-color:#faad14}.ant-form-item-has-warning .has-feedback{color:#faad14}.ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon{color:#faad14;animation-name:diffZoomIn3!important}.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector{background-color:#fff;border-color:#faad14!important}.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector,.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-warning .ant-input-number,.ant-form-item-has-warning .ant-picker{background-color:#fff;border-color:#faad14}.ant-form-item-has-warning .ant-input-number-focused,.ant-form-item-has-warning .ant-input-number:focus,.ant-form-item-has-warning .ant-picker-focused,.ant-form-item-has-warning .ant-picker:focus{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-warning .ant-input-number:not([disabled]):hover,.ant-form-item-has-warning .ant-picker:not([disabled]):hover{background-color:#fff;border-color:#faad14}.ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-error .ant-form-item-split{color:#ff4d4f}.ant-form-item-has-error .ant-input,.ant-form-item-has-error .ant-input-affix-wrapper,.ant-form-item-has-error .ant-input-affix-wrapper:hover,.ant-form-item-has-error .ant-input:hover{background-color:#fff;border-color:#ff4d4f}.ant-form-item-has-error .ant-input-affix-wrapper-focused,.ant-form-item-has-error .ant-input-affix-wrapper:focus,.ant-form-item-has-error .ant-input-focused,.ant-form-item-has-error .ant-input:focus{border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-input-affix-wrapper-disabled,.ant-form-item-has-error .ant-input-disabled{background-color:#f5f5f5;border-color:#d9d9d9}.ant-form-item-has-error .ant-input-affix-wrapper-disabled input:focus{box-shadow:none!important}.ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input{border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-input-prefix{color:#ff4d4f}.ant-form-item-has-error .ant-input-group-addon{color:#ff4d4f;border-color:#ff4d4f}.ant-form-item-has-error .has-feedback{color:#ff4d4f}.ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon{color:#ff4d4f;animation-name:diffZoomIn2!important}.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector{background-color:#fff;border-color:#ff4d4f!important}.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector,.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector{border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{border:0}.ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus{border-color:#ff4d4f}.ant-form-item-has-error .ant-input-number,.ant-form-item-has-error .ant-picker{background-color:#fff;border-color:#ff4d4f}.ant-form-item-has-error .ant-input-number-focused,.ant-form-item-has-error .ant-input-number:focus,.ant-form-item-has-error .ant-picker-focused,.ant-form-item-has-error .ant-picker:focus{border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-input-number:not([disabled]):hover,.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover,.ant-form-item-has-error .ant-picker:not([disabled]):hover{background-color:#fff;border-color:#ff4d4f}.ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input,.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus,.ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor{border-color:#ff7875;box-shadow:0 0 0 2px rgba(255,77,79,.2);border-right-width:1px!important;outline:0}.ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input{background-color:#fff}.ant-form-item-has-error .ant-transfer-list{border-color:#ff4d4f}.ant-form-item-has-error .ant-transfer-list-search:not([disabled]){border-color:#d9d9d9}.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover{border-right-width:0;border-left-width:1px!important}.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus{border-right-width:0;border-left-width:1px!important}.ant-form-item-has-error .ant-radio-button-wrapper{border-color:#ff4d4f!important}.ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before{background-color:#ff4d4f}.ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon{display:inline-block;color:#1890ff}.ant-form{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum'}.ant-form legend{display:block;width:100%;margin-bottom:20px;padding:0;color:rgba(0,0,0,.45);font-size:16px;line-height:inherit;border:0;border-bottom:1px solid #d9d9d9}.ant-form label{font-size:14px}.ant-form input[type=search]{box-sizing:border-box}.ant-form input[type=radio],.ant-form input[type=checkbox]{line-height:normal}.ant-form output,.ant-form-item{line-height:1.5715;color:rgba(0,0,0,.85);font-size:14px}.ant-form input[type=file]{display:block}.ant-form input[type=range]{display:block;width:100%}.ant-form select[multiple],.ant-form select[size]{height:auto}.ant-form input[type=radio]:focus,.ant-form input[type=checkbox]:focus,.ant-form input[type=file]:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.ant-form output{display:block;padding-top:15px}.ant-form .ant-form-text{display:inline-block;padding-right:8px}.ant-form-small .ant-form-item-label>label{height:24px}.ant-form-small .ant-form-item-control-input{min-height:24px}.ant-form-large .ant-form-item-label>label{height:40px}.ant-form-large .ant-form-item-control-input{min-height:40px}.ant-form-item{box-sizing:border-box;margin:0 0 24px;padding:0;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum';vertical-align:top}.ant-form-item-with-help{margin-bottom:0}.ant-form-item-hidden,.ant-form-item-hidden.ant-row{display:none}.ant-form-item-label{display:inline-block;flex-grow:0;overflow:hidden;white-space:nowrap;text-align:right;vertical-align:middle}.ant-form-item-label-left,.ant-form-rtl .ant-form-item-label{text-align:left}.ant-form-item-label>label{position:relative;display:inline-flex;align-items:center;height:32px;color:rgba(0,0,0,.85);font-size:14px}.ant-form-item-label>label>.anticon{font-size:14px;vertical-align:top}.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{display:inline-block;margin-right:4px;color:#ff4d4f;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:'*'}.ant-form-hide-required-mark .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{display:none}.ant-form-item-label>label .ant-form-item-optional{display:inline-block;margin-left:4px;color:rgba(0,0,0,.45)}.ant-form-hide-required-mark .ant-form-item-label>label .ant-form-item-optional{display:none}.ant-form-item-label>label .ant-form-item-tooltip{-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;margin-inline-start:4px;color:rgba(0,0,0,.45)}.ant-form-item-label>label::after{content:':';position:relative;top:-.5px;margin:0 8px 0 2px}.ant-form-item-label>label.ant-form-item-no-colon::after,.ant-menu-submenu-popup::before{content:' '}.ant-form-item-control{display:flex;flex-direction:column;flex-grow:1}.ant-form-item-control:first-child:not([class^=ant-col-]):not([class*=' ant-col-']){width:100%}.ant-form-item-control-input{position:relative;display:flex;align-items:center;min-height:32px}.ant-form-item-control-input-content{flex:auto;max-width:100%}.ant-form-item-explain,.ant-form-item-extra{clear:both;min-height:24px;color:rgba(0,0,0,.45);font-size:14px;line-height:1.5715;transition:color .3s cubic-bezier(.215,.61,.355,1)}.ant-form-item .ant-input-textarea-show-count::after{position:absolute;bottom:-22px;width:100%}.show-help-appear,.show-help-enter,.show-help-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.show-help-appear.show-help-appear-active,.show-help-enter.show-help-enter-active{animation-name:antShowHelpIn;animation-play-state:running}.show-help-leave.show-help-leave-active{animation-name:antShowHelpOut;animation-play-state:running;pointer-events:none}.show-help-appear,.show-help-enter{opacity:0}@keyframes antShowHelpIn{0%{transform:translateY(-5px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes antShowHelpOut{to{transform:translateY(-5px);opacity:0}}@keyframes diffZoomIn1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes diffZoomIn2{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes diffZoomIn3{0%{transform:scale(0)}100%{transform:scale(1)}}.ant-form-rtl .ant-form-item-label>label.ant-form-item-required::before{margin-right:0;margin-left:4px}.ant-form-rtl .ant-form-item-label>label::after{margin:0 2px 0 8px}.ant-form-rtl .ant-form-item-label>label .ant-form-item-optional{margin-right:4px;margin-left:0}.ant-col-rtl .ant-form-item-control:first-child{width:100%}.ant-form-rtl .ant-form-item-has-feedback .ant-input{padding-right:11px;padding-left:24px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix{padding-right:11px;padding-left:18px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input{padding:0}.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix{right:auto;left:28px}.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-clear{left:32px;right:auto}.ant-form-rtl .ant-form-item-has-feedback .ant-input-number{padding-left:18px}.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value{padding-right:0;padding-left:42px}.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow{margin-right:0;margin-left:19px}.ant-form-rtl .ant-form-item-has-feedback .ant-picker,.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large{padding-right:11px;padding-left:29.2px}.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small{padding-right:7px;padding-left:25.2px}.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon{right:auto;left:0}.ant-form-rtl.ant-form-inline .ant-form-item{margin-right:0;margin-left:16px}.ant-list{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';position:relative}.ant-list *{outline:0}.ant-list-pagination{margin-top:24px;text-align:right}.ant-list-pagination .ant-pagination-options{text-align:left}.ant-list-more{margin-top:12px;text-align:center}.ant-list-more button{padding-right:32px;padding-left:32px}.ant-list-spin{min-height:40px;text-align:center}.ant-list-empty-text{padding:16px;color:rgba(0,0,0,.25);font-size:14px;text-align:center}.ant-list-items{margin:0;padding:0;list-style:none}.ant-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;color:rgba(0,0,0,.85)}.ant-list-item-meta{display:flex;flex:1;align-items:flex-start;max-width:100%}.ant-list-item-meta-avatar{margin-right:16px}.ant-list-item-meta-content{flex:1 0;width:0;color:rgba(0,0,0,.85)}.ant-list-item-meta-title{margin-bottom:4px;color:rgba(0,0,0,.85);font-size:14px;line-height:1.5715}.ant-list-item-meta-title>a{color:rgba(0,0,0,.85);transition:all .3s}.ant-list-item-meta-title>a:hover{color:#1890ff}.ant-list-item-meta-description{color:rgba(0,0,0,.45);font-size:14px;line-height:1.5715}.ant-list-item-action{flex:0 0 auto;margin-left:48px;padding:0;font-size:0;list-style:none}.ant-list-item-action>li{position:relative;display:inline-block;padding:0 8px;color:rgba(0,0,0,.45);font-size:14px;line-height:1.5715;text-align:center}.ant-list-item-action>li:first-child{padding-left:0}.ant-list-item-action-split{position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#f0f0f0}.ant-list-footer,.ant-list-header{background:0 0;padding-top:12px;padding-bottom:12px}.ant-menu-item-danger.ant-menu-item:active,.ant-tag-error,.ant-tag-red{background:#fff1f0}.ant-list-empty{padding:16px 0;color:rgba(0,0,0,.45);font-size:12px;text-align:center}.ant-list-split .ant-list-item{border-bottom:1px solid #f0f0f0}.ant-list-split .ant-list-item:last-child{border-bottom:none}.ant-list-split .ant-list-header,.ant-list-split.ant-list-something-after-last-item .ant-spin-container>.ant-list-items>.ant-list-item:last-child{border-bottom:1px solid #f0f0f0}.ant-list-loading .ant-list-spin-nested-loading{min-height:32px}.ant-list-lg .ant-list-item{padding:16px 24px}.ant-list-sm .ant-list-item{padding:8px 16px}.ant-list-vertical .ant-list-item{align-items:initial}.ant-list-vertical .ant-list-item-main{display:block;flex:1}.ant-list-vertical .ant-list-item-extra{margin-left:40px}.ant-list-vertical .ant-list-item-meta{margin-bottom:16px}.ant-list-vertical .ant-list-item-meta-title{margin-bottom:12px;color:rgba(0,0,0,.85);font-size:16px;line-height:24px}.ant-menu-dark .ant-menu-item-danger.ant-menu-item,.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,.ant-menu-dark .ant-menu-item-danger.ant-menu-item>a,.ant-menu-item-danger.ant-menu-item,.ant-menu-item-danger.ant-menu-item-active,.ant-menu-item-danger.ant-menu-item-selected,.ant-menu-item-danger.ant-menu-item-selected>a,.ant-menu-item-danger.ant-menu-item-selected>a:hover,.ant-menu-item-danger.ant-menu-item:hover{color:#ff4d4f}.ant-list-vertical .ant-list-item-action{margin-top:16px;margin-left:auto}.ant-list-vertical .ant-list-item-action>li{padding:0 16px}.ant-list-vertical .ant-list-item-action>li:first-child{padding-left:0}.ant-list-grid .ant-col>.ant-list-item{display:block;max-width:100%;margin-bottom:16px;padding-top:0;padding-bottom:0;border-bottom:none}.ant-list-item-no-flex{display:block}.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action{float:right}.ant-list-bordered{border:1px solid #d9d9d9;border-radius:2px}.ant-list-bordered .ant-list-footer,.ant-list-bordered .ant-list-header,.ant-list-bordered .ant-list-item{padding-right:24px;padding-left:24px}.ant-list-bordered .ant-list-pagination{margin:16px 24px}.ant-list-bordered.ant-list-sm .ant-list-footer,.ant-list-bordered.ant-list-sm .ant-list-header,.ant-list-bordered.ant-list-sm .ant-list-item{padding:8px 16px}.ant-list-bordered.ant-list-lg .ant-list-footer,.ant-list-bordered.ant-list-lg .ant-list-header,.ant-list-bordered.ant-list-lg .ant-list-item{padding:16px 24px}.ant-list-rtl .ant-list-vertical .ant-list-item-action>li:first-child,.ant-list.ant-list-rtl .ant-list-item-action>li:first-child{padding-right:0;padding-left:16px}@media screen and (max-width:768px){.ant-list-item-action,.ant-list-vertical .ant-list-item-extra{margin-left:24px}}@media screen and (max-width:576px){.ant-list-item{flex-wrap:wrap}.ant-list-item-action{margin-left:12px}.ant-list-vertical .ant-list-item{flex-wrap:wrap-reverse}.ant-list-vertical .ant-list-item-main{min-width:220px}.ant-list-vertical .ant-list-item-extra{margin:auto auto 16px}}.ant-list-rtl{text-align:right}.ant-list-rtl .ant-list-pagination,.ant-menu{text-align:left}.ant-list-rtl .ant-list-item-meta-avatar{margin-right:0;margin-left:16px}.ant-list-rtl .ant-list-item-action{margin-right:48px;margin-left:0}.ant-list-rtl .ant-list-item-action-split{right:auto;left:0}.ant-list-rtl.ant-list-vertical .ant-list-item-extra{margin-right:40px;margin-left:0}.ant-list-rtl.ant-list-vertical .ant-list-item-action{margin-right:auto}.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action{float:left}@media screen and (max-width:768px){.ant-list-rtl .ant-list-item-action,.ant-list-rtl .ant-list-vertical .ant-list-item-extra{margin-right:24px;margin-left:0}}@media screen and (max-width:576px){.ant-list-rtl .ant-list-item-action{margin-right:22px;margin-left:0}.ant-list-rtl.ant-list-vertical .ant-list-item-extra{margin:auto auto 16px}}.ant-menu,.ant-menu ol,.ant-menu ul{margin:0;padding:0;list-style:none}nz-list,nz-list nz-spin,nz-list-empty,nz-list-footer,nz-list-header,nz-list-item-extra,nz-list-pagination{display:block}.ant-menu::after,.ant-menu::before{display:table;content:''}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected{background-color:#fff1f0}.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after{border-right-color:#ff4d4f}.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected{color:#fff;background-color:#ff4d4f}.ant-menu{box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:'tnum';color:rgba(0,0,0,.85);font-size:14px;line-height:0;background:#fff;outline:0;transition:background .3s,width .3s cubic-bezier(.2,0,0,1) 0s}.ant-menu::after{clear:both}.ant-menu-hidden,.ant-menu-submenu-horizontal .ant-menu-submenu-arrow{display:none}.ant-menu-item-group-title{height:1.5715;padding:8px 16px;color:rgba(0,0,0,.45);font-size:14px;line-height:1.5715;transition:all .3s}.ant-menu-horizontal .ant-menu-submenu{transition:border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-submenu,.ant-menu-submenu-inline{transition:border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)}.ant-menu-submenu-selected{color:#1890ff}.ant-menu-item:active,.ant-menu-submenu-title:active{background:#e6f7ff}.ant-menu-submenu .ant-menu-sub{cursor:initial;transition:background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item a{color:rgba(0,0,0,.85)}.ant-menu-item a:hover{color:#1890ff}.ant-menu-item a::before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;content:''}.ant-menu-item>.ant-badge a{color:rgba(0,0,0,.85)}.ant-menu-item-active,.ant-menu-item-selected,.ant-menu-item-selected a,.ant-menu-item-selected a:hover,.ant-menu-item:hover,.ant-menu-item>.ant-badge a:hover,.ant-menu-submenu-active,.ant-menu-submenu-title:hover,.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open{color:#1890ff}.ant-menu-item-divider{height:1px;overflow:hidden;line-height:0;background-color:#f0f0f0}.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu{margin-top:-1px}.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover{background-color:transparent}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color:#e6f7ff}.ant-menu-inline,.ant-menu-vertical,.ant-menu-vertical-left{border-right:1px solid #f0f0f0}.ant-menu-vertical-right{border-left:1px solid #f0f0f0}.ant-menu-vertical-left.ant-menu-sub,.ant-menu-vertical-right.ant-menu-sub,.ant-menu-vertical.ant-menu-sub{min-width:160px;max-height:calc(100vh - 100px);padding:0;overflow:hidden;border-right:0}.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']),.ant-menu-vertical.ant-menu-sub:not([class*='-active']){overflow-x:hidden;overflow-y:auto}.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item,.ant-menu-vertical.ant-menu-sub .ant-menu-item{left:0;margin-left:0;border-right:0}.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after,.ant-menu-vertical.ant-menu-sub .ant-menu-item::after{border-right:0}.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu{transform-origin:0 0}.ant-menu-horizontal.ant-menu-sub{min-width:114px}.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu-title{transition:border-color .3s,background .3s}.ant-menu-item,.ant-menu-submenu-title{position:relative;display:block;margin:0;padding:0 20px;white-space:nowrap;cursor:pointer;transition:border-color .3s,background .3s,padding .15s cubic-bezier(.645,.045,.355,1)}.ant-menu-item .ant-menu-item-icon,.ant-menu-item .anticon,.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-submenu-title .anticon{min-width:14px;margin-right:10px;font-size:14px;transition:font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1),color .3s}.ant-menu-item .ant-menu-item-icon+span,.ant-menu-item .anticon+span,.ant-menu-submenu-title .ant-menu-item-icon+span,.ant-menu-submenu-title .anticon+span{opacity:1;transition:opacity .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1),color .3s}.ant-menu-submenu-arrow,.ant-menu-submenu-expand-icon,.ant-menu-submenu>.ant-menu-submenu-title::after{transition:transform .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-item.ant-menu-item-only-child>.anticon,.ant-menu-submenu-title.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-submenu-title.ant-menu-item-only-child>.anticon{margin-right:0}.ant-menu>.ant-menu-item-divider{height:1px;margin:1px 0;padding:0;overflow:hidden;line-height:0;background-color:#f0f0f0}.ant-menu-submenu-popup{position:absolute;z-index:1050;background:0 0;border-radius:2px;box-shadow:none;transform-origin:0 0}.ant-menu-submenu-popup::before{position:absolute;top:-7px;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;opacity:.0001}.ant-menu-submenu-placement-rightTop::before{top:0;left:-7px}.ant-menu-submenu>.ant-menu{background-color:#fff;border-radius:2px}.ant-menu-submenu-popup>.ant-menu{background-color:#fff}.ant-menu-submenu-arrow,.ant-menu-submenu-expand-icon{position:absolute;top:50%;right:16px;width:10px;color:rgba(0,0,0,.85);transform:translateY(-50%)}.ant-menu-submenu-arrow::after,.ant-menu-submenu-arrow::before{position:absolute;width:6px;height:1.5px;background-color:currentColor;border-radius:2px;transition:background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);content:''}.ant-menu-submenu-arrow::before{transform:rotate(45deg) translateY(-2.5px)}.ant-menu-submenu-arrow::after{transform:rotate(-45deg) translateY(2.5px)}.ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-expand-icon{color:#1890ff}.ant-menu-submenu-inline .ant-menu-submenu-arrow::before{transform:rotate(-45deg) translateX(2.5px)}.ant-menu-submenu-inline .ant-menu-submenu-arrow::after{transform:rotate(45deg) translateX(-2.5px)}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow{transform:translateY(-2px)}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after{transform:rotate(-45deg) translateX(-2.5px)}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{transform:rotate(45deg) translateX(2.5px)}.ant-menu-vertical .ant-menu-submenu-selected,.ant-menu-vertical-left .ant-menu-submenu-selected,.ant-menu-vertical-right .ant-menu-submenu-selected{color:#1890ff}.ant-menu-horizontal{line-height:46px;border:0;border-bottom:1px solid #f0f0f0;box-shadow:none}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu{margin:-1px 20px 0;padding:0}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover{color:#1890ff;border-bottom:2px solid #1890ff}.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu{position:relative;top:1px;display:inline-block;vertical-align:bottom;border-bottom:2px solid transparent}.ant-menu-horizontal>.ant-menu-submenu>.ant-menu-submenu-title{padding:0}.ant-menu-horizontal>.ant-menu-item a{color:rgba(0,0,0,.85)}.ant-menu-horizontal>.ant-menu-item a:hover,.ant-menu-horizontal>.ant-menu-item-selected a{color:#1890ff}.ant-menu-horizontal>.ant-menu-item a::before{bottom:-2px}.ant-menu-horizontal::after{display:block;clear:both;height:0;content:'\20'}.ant-menu-inline .ant-menu-item,.ant-menu-vertical .ant-menu-item,.ant-menu-vertical-left .ant-menu-item,.ant-menu-vertical-right .ant-menu-item{position:relative}.ant-menu-inline .ant-menu-item::after,.ant-menu-vertical .ant-menu-item::after,.ant-menu-vertical-left .ant-menu-item::after,.ant-menu-vertical-right .ant-menu-item::after{position:absolute;top:0;right:0;bottom:0;border-right:3px solid #1890ff;transform:scaleY(.0001);opacity:0;transition:transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1);content:''}.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-item,.ant-menu-vertical .ant-menu-submenu-title,.ant-menu-vertical-left .ant-menu-item,.ant-menu-vertical-left .ant-menu-submenu-title,.ant-menu-vertical-right .ant-menu-item,.ant-menu-vertical-right .ant-menu-submenu-title{height:40px;margin-top:4px;margin-bottom:4px;padding:0 16px;overflow:hidden;line-height:40px;text-overflow:ellipsis}.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-submenu-title{padding-right:34px}.ant-menu-inline .ant-menu-submenu,.ant-menu-vertical .ant-menu-submenu,.ant-menu-vertical-left .ant-menu-submenu,.ant-menu-vertical-right .ant-menu-submenu{padding-bottom:.02px}.ant-menu-inline .ant-menu-item:not(:last-child),.ant-menu-vertical .ant-menu-item:not(:last-child),.ant-menu-vertical-left .ant-menu-item:not(:last-child),.ant-menu-vertical-right .ant-menu-item:not(:last-child){margin-bottom:8px}.ant-menu-inline>.ant-menu-item,.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical-left>.ant-menu-item,.ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical-right>.ant-menu-item,.ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical>.ant-menu-item,.ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title{height:40px;line-height:40px}.ant-menu-inline{width:100%}.ant-menu-inline .ant-menu-item-selected::after,.ant-menu-inline .ant-menu-selected::after{transform:scaleY(1);opacity:1;transition:transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)}.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title{width:calc(100% + 1px)}.ant-menu-inline-collapsed{width:80px}.ant-menu-inline-collapsed>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title{left:0;padding:0 calc(50% - 16px / 2);text-overflow:clip}.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{display:none}.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon,.ant-menu-inline-collapsed>.ant-menu-item .anticon,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon{margin:0;font-size:16px;line-height:40px}.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon+span,.ant-menu-inline-collapsed>.ant-menu-item .anticon+span,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon+span,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon+span,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon+span,.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon+span,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span{display:inline-block;max-width:0;opacity:0}.ant-menu-inline-collapsed .ant-menu-item-icon,.ant-menu-inline-collapsed .anticon{display:inline-block}.ant-menu-inline-collapsed-tooltip{pointer-events:none}.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,.ant-menu-inline-collapsed-tooltip .anticon{display:none}.ant-menu-inline-collapsed-tooltip a{color:rgba(255,255,255,.85)}.ant-menu-inline-collapsed .ant-menu-item-group-title{padding-right:4px;padding-left:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-menu-item-group-list{margin:0;padding:0}.ant-menu-item-group-list .ant-menu-item,.ant-menu-item-group-list .ant-menu-submenu-title{padding:0 16px 0 28px}.ant-menu-root.ant-menu-inline,.ant-menu-root.ant-menu-vertical,.ant-menu-root.ant-menu-vertical-left,.ant-menu-root.ant-menu-vertical-right{box-shadow:none}.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item>.ant-menu-inline-collapsed-noicon,.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title>.ant-menu-inline-collapsed-noicon{font-size:16px;text-align:center}.ant-menu-rtl .ant-menu-item-group-title,.ant-menu-rtl.ant-menu-inline .ant-menu-item,.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title,.ant-menu-rtl.ant-menu-vertical .ant-menu-item,.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,.ant-menu.ant-menu-rtl{text-align:right}.ant-menu-sub.ant-menu-inline{padding:0;border-radius:0;box-shadow:none}.ant-menu-sub.ant-menu-inline>.ant-menu-item,.ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title{height:40px;line-height:40px;list-style-position:inside;list-style-type:disc}.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title{padding-left:32px}.ant-menu-item-disabled,.ant-menu-submenu-disabled{color:rgba(0,0,0,.25)!important;background:0 0;border-color:transparent!important;cursor:not-allowed}.ant-menu-item-disabled a,.ant-menu-submenu-disabled a{color:rgba(0,0,0,.25)!important;pointer-events:none}.ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-submenu-disabled>.ant-menu-submenu-title{color:rgba(0,0,0,.25)!important;cursor:not-allowed}.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{background:rgba(0,0,0,.25)!important}.ant-layout-header .ant-menu{line-height:inherit}.ant-menu-dark .ant-menu-sub,.ant-menu.ant-menu-dark,.ant-menu.ant-menu-dark .ant-menu-sub{color:rgba(255,255,255,.65);background:#001529}.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow{opacity:.45;transition:all .3s}.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before{background:#fff}.ant-menu-dark.ant-menu-submenu-popup{background:0 0}.ant-menu-dark .ant-menu-inline.ant-menu-sub{background:#000c17}.ant-menu-dark.ant-menu-horizontal{border-bottom:0}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu{top:0;margin-top:0;padding:0 20px;border-color:#001529;border-bottom:0}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item:hover{background-color:#1890ff}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item>a::before{bottom:0}.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-item-group-title,.ant-menu-dark .ant-menu-item>a,.ant-menu-dark .ant-menu-item>span>a{color:rgba(255,255,255,.65)}.ant-menu-dark.ant-menu-inline,.ant-menu-dark.ant-menu-vertical,.ant-menu-dark.ant-menu-vertical-left,.ant-menu-dark.ant-menu-vertical-right{border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-vertical .ant-menu-item,.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,.ant-menu-dark.ant-menu-vertical-right .ant-menu-item{left:0;margin-left:0;border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item::after,.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after{border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title{width:100%}.ant-menu-dark .ant-menu-item-active,.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-active,.ant-menu-dark .ant-menu-submenu-open,.ant-menu-dark .ant-menu-submenu-selected,.ant-menu-dark .ant-menu-submenu-title:hover{color:#fff;background-color:transparent}.ant-menu-dark .ant-menu-item-active>a,.ant-menu-dark .ant-menu-item-active>span>a,.ant-menu-dark .ant-menu-item:hover>a,.ant-menu-dark .ant-menu-item:hover>span>a,.ant-menu-dark .ant-menu-submenu-active>a,.ant-menu-dark .ant-menu-submenu-active>span>a,.ant-menu-dark .ant-menu-submenu-open>a,.ant-menu-dark .ant-menu-submenu-open>span>a,.ant-menu-dark .ant-menu-submenu-selected>a,.ant-menu-dark .ant-menu-submenu-selected>span>a,.ant-menu-dark .ant-menu-submenu-title:hover>a,.ant-menu-dark .ant-menu-submenu-title:hover>span>a{color:#fff}.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow{opacity:1}.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{background:#fff}.ant-menu-dark .ant-menu-item:hover{background-color:transparent}.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected,.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected,.ant-menu.ant-menu-dark .ant-menu-item-selected{background-color:#1890ff}.ant-menu-dark .ant-menu-item-selected{color:#fff;border-right:0}.ant-menu-dark .ant-menu-item-selected::after{border-right:0}.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon+span,.ant-menu-dark .ant-menu-item-selected .anticon,.ant-menu-dark .ant-menu-item-selected .anticon+span,.ant-menu-dark .ant-menu-item-selected>a,.ant-menu-dark .ant-menu-item-selected>a:hover,.ant-menu-dark .ant-menu-item-selected>span>a,.ant-menu-dark .ant-menu-item-selected>span>a:hover{color:#fff}.ant-menu-dark .ant-menu-item-disabled,.ant-menu-dark .ant-menu-item-disabled>a,.ant-menu-dark .ant-menu-item-disabled>span>a,.ant-menu-dark .ant-menu-submenu-disabled,.ant-menu-dark .ant-menu-submenu-disabled>a,.ant-menu-dark .ant-menu-submenu-disabled>span>a{color:rgba(255,255,255,.35)!important;opacity:.8}.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title{color:rgba(255,255,255,.35)!important}.ant-mention-wrapper,.ant-mention-wrapper .ant-mention-editor{position:relative;color:rgba(0,0,0,.85);font-size:14px;line-height:1.5715;width:100%}.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{background:rgba(255,255,255,.35)!important}.ant-menu-rtl.ant-menu-inline,.ant-menu-rtl.ant-menu-vertical{border-right:none;border-left:1px solid #f0f0f0}.ant-menu-rtl.ant-menu-dark.ant-menu-inline,.ant-menu-rtl.ant-menu-dark.ant-menu-vertical{border-left:none}.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu,.ant-menu-rtl.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-rtl.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu{transform-origin:top right}.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,.ant-menu-rtl .ant-menu-item .anticon,.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-rtl .ant-menu-submenu-title .anticon{margin-right:auto;margin-left:10px}.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child>.anticon,.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child>.anticon{margin-left:0}.ant-menu-submenu-rtl.ant-menu-submenu-popup{transform-origin:100% 0}.ant-menu-rtl .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow{right:auto;left:16px}.ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,.ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,.ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before{transform:rotate(-45deg) translateY(-2px)}.ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after{transform:rotate(45deg) translateY(2px)}.ant-menu-rtl.ant-menu-inline .ant-menu-item::after,.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after{right:auto;left:0}.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title{padding-right:0;padding-left:34px}.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title{padding-right:16px;padding-left:34px}.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title{padding:0 calc(50% - 16px / 2)}.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title{padding:0 28px 0 16px}.ant-menu-sub.ant-menu-inline{border:0}.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title{padding-right:32px;padding-left:0}.ant-menu-submenu.ant-menu-submenu-placement-bottom{top:6px;position:relative}.ant-menu-submenu.ant-menu-submenu-placement-right{left:4px;position:relative}.ant-menu-submenu.ant-menu-submenu-placement-right.ant-menu-submenu-rtl{left:auto;right:4px}.ant-menu-submenu.ant-menu-submenu-placement-left{right:4px;position:relative}.ant-menu-submenu.ant-menu-submenu-placement-left.ant-menu-submenu-rtl{right:auto;left:4px}.ant-mention-wrapper{box-sizing:border-box;margin:0;padding:0;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum';display:inline-block;vertical-align:middle}.ant-mention-wrapper .ant-mention-editor{min-width:0;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;display:block;height:auto;min-height:32px;padding:0}.ant-mention-wrapper .ant-mention-editor::-moz-placeholder{opacity:1}.ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder{color:#bfbfbf}.ant-mention-wrapper .ant-mention-editor::placeholder{color:#bfbfbf}.ant-mention-wrapper .ant-mention-editor:-moz-placeholder-shown{text-overflow:ellipsis}.ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder{text-overflow:ellipsis}.ant-mention-wrapper .ant-mention-editor:placeholder-shown{text-overflow:ellipsis}.ant-mention-wrapper .ant-mention-editor:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-mention-wrapper .ant-mention-editor:hover{border-right-width:0;border-left-width:1px!important}.ant-mention-wrapper .ant-mention-editor-focused,.ant-mention-wrapper .ant-mention-editor:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-mention-wrapper .ant-mention-editor-focused,.ant-input-rtl .ant-mention-wrapper .ant-mention-editor:focus{border-right-width:0;border-left-width:1px!important}.ant-mention-wrapper .ant-mention-editor-disabled:hover,.ant-mention-wrapper .ant-mention-editor[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-mention-wrapper .ant-mention-editor-disabled{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-mention-wrapper .ant-mention-editor[disabled]{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-mention-wrapper .ant-mention-editor-borderless,.ant-mention-wrapper .ant-mention-editor-borderless-disabled,.ant-mention-wrapper .ant-mention-editor-borderless-focused,.ant-mention-wrapper .ant-mention-editor-borderless:focus,.ant-mention-wrapper .ant-mention-editor-borderless:hover,.ant-mention-wrapper .ant-mention-editor-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-mention-wrapper .ant-mention-editor{max-width:100%;height:auto;min-height:32px;line-height:1.5715;vertical-align:bottom;transition:all .3s,height 0s}.ant-mention-wrapper .ant-mention-editor-lg{padding:6.5px 11px;font-size:16px}.ant-mention-wrapper .ant-mention-editor-sm{padding:0 7px}.ant-mention-wrapper .ant-mention-editor-wrapper{height:auto;overflow-y:auto}.ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-mention-dropdown,.ant-message-notice-content,.ant-modal-content,.ant-notification-hook-holder,.ant-notification-notice{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-input-rtl .ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor{border-right-width:0;border-left-width:1px!important}.ant-mention-wrapper.disabled .ant-mention-editor{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-mention-wrapper.disabled .ant-mention-editor:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-mention-wrapper .public-DraftEditorPlaceholder-root{position:absolute;pointer-events:none}.ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner{height:auto;padding:5px 11px;color:#bfbfbf;white-space:pre-wrap;word-wrap:break-word;outline:0;opacity:1}.ant-mention-wrapper .DraftEditor-editorContainer .public-DraftEditor-content{height:auto;padding:5px 11px}.ant-mention-dropdown{box-sizing:border-box;margin:1.5em 0 0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';z-index:1050;min-width:120px;max-height:250px;overflow-x:hidden;overflow-y:auto;background-color:#fff;border-radius:2px;outline:0}.ant-mention-dropdown-placement-top{margin-top:-.1em}.ant-mention-dropdown-notfound.ant-mention-dropdown-item{color:rgba(0,0,0,.25)}.ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading{display:block;color:#1890ff;text-align:center}.ant-mention-dropdown-item{position:relative;display:block;padding:5px 12px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:background .3s}.ant-mention-dropdown-item:hover{background-color:#f5f5f5}.ant-mention-dropdown-item-active,.ant-mention-dropdown-item.focus{background-color:#e6f7ff}.ant-mention-dropdown-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-mention-dropdown-item-disabled:hover{color:rgba(0,0,0,.25);background-color:#fff;cursor:not-allowed}.ant-mention-dropdown-item-selected,.ant-mention-dropdown-item-selected:hover{color:rgba(0,0,0,.85);font-weight:700;background-color:#f5f5f5}.ant-mention-dropdown-item-divider{height:1px;margin:1px 0;overflow:hidden;line-height:0;background-color:#f0f0f0}.ant-message,.ant-modal{line-height:1.5715;list-style:none;font-feature-settings:'tnum';box-sizing:border-box;font-variant:tabular-nums}.ant-mention-dropdown{top:100%;left:0;position:relative;width:100%;margin-top:4px;margin-bottom:4px}.ant-message{margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}.ant-message-notice{padding:8px;text-align:center}.ant-message-notice-content{display:inline-block;padding:10px 16px;background:#fff;border-radius:2px;pointer-events:all}.ant-message-success .anticon{color:#52c41a}.ant-message-error .anticon{color:#ff4d4f}.ant-message-warning .anticon{color:#faad14}.ant-message-info .anticon,.ant-message-loading .anticon{color:#1890ff}.ant-message .anticon{position:relative;top:1px;margin-right:8px;font-size:16px}.ant-message-notice.move-up-leave.move-up-leave-active{animation-name:MessageMoveOut;animation-duration:.3s}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}100%{max-height:0;padding:0;opacity:0}}.ant-message-rtl .anticon{margin-right:0;margin-left:8px}.ant-modal{padding:0 0 24px;color:rgba(0,0,0,.85);font-size:14px;pointer-events:none;position:relative;top:100px;width:auto;max-width:calc(100vw - 32px);margin:0 auto}.ant-modal-mask,.ant-modal-wrap{position:fixed;z-index:1000;right:0;bottom:0;left:0}.ant-modal.zoom-appear,.ant-modal.zoom-enter{transform:none;opacity:0;animation-duration:.3s;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-modal-mask{top:0;height:100%;background-color:rgba(0,0,0,.45)}.ant-modal-mask-hidden{display:none}.ant-modal-wrap{top:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.ant-modal-title{margin:0;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;line-height:22px;word-wrap:break-word}.ant-modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:0;border-radius:2px;pointer-events:auto}.ant-modal-close{position:absolute;top:0;right:0;z-index:10;padding:0;color:rgba(0,0,0,.45);font-weight:700;line-height:1;text-decoration:none;background:0 0;border:0;outline:0;cursor:pointer;transition:color .3s}.ant-modal-close-x{display:block;width:56px;height:56px;font-size:16px;font-style:normal;line-height:56px;text-align:center;text-transform:none;text-rendering:auto}.ant-modal-close:focus,.ant-modal-close:hover{color:rgba(0,0,0,.75);text-decoration:none}.ant-modal-header{padding:16px 24px;color:rgba(0,0,0,.85);background:#fff;border-bottom:1px solid #f0f0f0;border-radius:2px 2px 0 0}.ant-modal-body{padding:24px;font-size:14px;line-height:1.5715;word-wrap:break-word}.ant-modal-footer{padding:10px 16px;text-align:right;background:0 0;border-top:1px solid #f0f0f0;border-radius:0 0 2px 2px}.ant-modal-footer button+button{margin-bottom:0;margin-left:8px}.ant-modal-open{overflow:hidden}.ant-modal-centered{text-align:center}.ant-modal-centered::before{display:inline-block;width:0;height:100%;vertical-align:middle;content:''}.ant-modal-centered .ant-modal{top:0;display:inline-block;text-align:left;vertical-align:middle}@media (max-width:767px){.ant-modal{max-width:calc(100vw - 16px);margin:8px auto}.ant-modal-centered .ant-modal{flex:1}}.ant-modal-confirm .ant-modal-header{display:none}.ant-modal-confirm-body-wrapper::after,.ant-modal-confirm-body-wrapper::before{display:table;content:''}.ant-modal-confirm .ant-modal-body{padding:32px 32px 24px}.ant-modal-confirm-body-wrapper::after{clear:both}.ant-modal-confirm-body .ant-modal-confirm-title{display:block;overflow:hidden;color:rgba(0,0,0,.85);font-weight:500;font-size:16px;line-height:1.4}.ant-modal-confirm-body .ant-modal-confirm-content{margin-top:8px;color:rgba(0,0,0,.85);font-size:14px}.ant-modal-confirm-body>.anticon{float:left;margin-right:16px;font-size:22px}.ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content{margin-left:38px}.ant-modal-confirm .ant-modal-confirm-btns{float:right;margin-top:24px}.ant-modal-confirm .ant-modal-confirm-btns button+button{margin-bottom:0;margin-left:8px}.ant-modal-confirm-error .ant-modal-confirm-body>.anticon{color:#ff4d4f}.ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon,.ant-modal-confirm-warning .ant-modal-confirm-body>.anticon{color:#faad14}.ant-modal-confirm-info .ant-modal-confirm-body>.anticon{color:#1890ff}.ant-modal-confirm-success .ant-modal-confirm-body>.anticon{color:#52c41a}.ant-modal-wrap-rtl .ant-modal-close{right:initial;left:0}.ant-modal-wrap-rtl .ant-modal-footer{text-align:left}.ant-modal-wrap-rtl .ant-modal-footer button+button{margin-right:8px;margin-left:0}.ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon{float:right;margin-right:0;margin-left:16px}.ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content{margin-right:38px;margin-left:0}.ant-modal-wrap-rtl .ant-modal-confirm-btns{float:left}.ant-modal-wrap-rtl .ant-modal-confirm-btns button+button{margin-right:8px;margin-left:0}.ant-modal-wrap-rtl.ant-modal-centered .ant-modal{text-align:right}.ant-notification{box-sizing:border-box;margin:0 24px 0 0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';position:fixed;z-index:1010}.ant-notification-bottomLeft,.ant-notification-topLeft{margin-right:0;margin-left:24px}.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active{animation-name:NotificationLeftFadeIn}.ant-notification-close-icon{font-size:14px;cursor:pointer}.ant-notification-hook-holder,.ant-notification-notice{position:relative;width:384px;max-width:calc(100vw - 24px * 2);margin-bottom:16px;margin-left:auto;overflow:hidden;word-wrap:break-word;background:#fff;border-radius:2px}.ant-notification-bottomLeft .ant-notification-hook-holder,.ant-notification-bottomLeft .ant-notification-notice,.ant-notification-topLeft .ant-notification-hook-holder,.ant-notification-topLeft .ant-notification-notice{margin-right:auto;margin-left:0}.ant-notification-hook-holder>.ant-notification-notice{margin-bottom:0;box-shadow:none}.ant-notification-notice{padding:16px 24px;line-height:1.5715}.ant-notification-notice-message{margin-bottom:8px;color:rgba(0,0,0,.85);font-size:16px;line-height:24px}.ant-notification-notice-message-single-line-auto-margin{display:block;width:calc(384px - 24px * 2 - 24px - 48px - 100%);max-width:4px;background-color:transparent;pointer-events:none}.ant-notification-notice-message-single-line-auto-margin::before{display:block;content:''}.ant-notification-notice-description{font-size:14px}.ant-notification-notice-closable .ant-notification-notice-message{padding-right:24px}.ant-notification-notice-with-icon .ant-notification-notice-message{margin-bottom:4px;margin-left:48px;font-size:16px}.ant-notification-notice-with-icon .ant-notification-notice-description{margin-left:48px;font-size:14px}.ant-notification-notice-icon{position:absolute;margin-left:4px;font-size:24px;line-height:24px}.anticon.ant-notification-notice-icon-success{color:#52c41a}.anticon.ant-notification-notice-icon-info{color:#1890ff}.anticon.ant-notification-notice-icon-warning{color:#faad14}.anticon.ant-notification-notice-icon-error{color:#ff4d4f}.ant-notification-notice-close{position:absolute;top:16px;right:22px;color:rgba(0,0,0,.45);outline:0}.ant-notification-notice-close:hover{color:rgba(0,0,0,.67)}.ant-notification-notice-btn{float:right;margin-top:16px}.ant-notification .notification-fade-effect{animation-duration:.24s;animation-fill-mode:both}.ant-notification-fade-appear,.ant-notification-fade-enter{opacity:0;animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.ant-notification-fade-leave{animation-fill-mode:both;animation-duration:.2s;animation-play-state:paused}.ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-fade-enter.ant-notification-fade-enter-active{animation-name:NotificationFadeIn;animation-play-state:running}.ant-notification-fade-leave.ant-notification-fade-leave-active{animation-name:NotificationFadeOut;animation-play-state:running}@keyframes NotificationFadeIn{0%{left:384px;opacity:0}100%{left:0;opacity:1}}@keyframes NotificationLeftFadeIn{0%{right:384px;opacity:0}100%{right:0;opacity:1}}@keyframes NotificationFadeOut{0%{max-height:150px;margin-bottom:16px;opacity:1}100%{max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}}.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message{padding-right:0;padding-left:24px}.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description,.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message{margin-right:48px;margin-left:0}.ant-notification-rtl .ant-notification-notice-icon{margin-right:4px;margin-left:0}.ant-notification-rtl .ant-notification-notice-close{right:auto;left:22px}.ant-notification-rtl .ant-notification-notice-btn{float:left}.ant-page-header{box-sizing:border-box;margin:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';position:relative;padding:16px 24px;background-color:#fff}.ant-page-header-content,.ant-page-header.has-breadcrumb{padding-top:12px}.ant-page-header-ghost{background-color:inherit}.ant-page-header.has-footer{padding-bottom:0}.ant-page-header-back{margin-right:16px;font-size:16px;line-height:1}.ant-page-header-back-button{text-decoration:none;outline:0;transition:color .3s;color:#000;cursor:pointer}.ant-page-header-back-button:focus,.ant-page-header-back-button:hover{color:#40a9ff}.ant-page-header-back-button:active{color:#096dd9}.ant-page-header .ant-divider-vertical{height:14px;margin:0 12px;vertical-align:middle}.ant-breadcrumb+.ant-page-header-heading{margin-top:8px}.ant-page-header-heading{display:flex}.ant-page-header-heading-left{display:flex;align-items:center;margin:4px 0;overflow:hidden}.ant-page-header-heading-title{margin-right:12px;margin-bottom:0;color:rgba(0,0,0,.85);font-weight:600;font-size:20px;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-page-header-heading .ant-avatar{margin-right:12px}.ant-page-header-heading-sub-title{margin-right:12px;color:rgba(0,0,0,.45);font-size:14px;line-height:1.5715;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-page-header-heading-extra{margin:4px 0;white-space:nowrap}.ant-page-header-heading-extra>*{margin-left:12px;white-space:unset}.ant-page-header-heading-extra>:first-child{margin-left:0}.ant-page-header-footer{margin-top:16px}.ant-page-header-footer .ant-tabs>.ant-tabs-nav{margin:0}.ant-page-header-footer .ant-tabs>.ant-tabs-nav::before{border:none}.ant-page-header-footer .ant-tabs .ant-tabs-tab{padding:8px 0;font-size:16px}.ant-page-header-compact .ant-page-header-heading{flex-wrap:wrap}.ant-page-header-rtl .ant-page-header-back{float:right;margin-right:0;margin-left:16px}.ant-page-header-rtl .ant-page-header-heading .ant-avatar,.ant-page-header-rtl .ant-page-header-heading-title{margin-right:0;margin-left:12px}.ant-page-header-rtl .ant-page-header-heading-sub-title{float:right;margin-right:0;margin-left:12px}.ant-page-header-rtl .ant-page-header-heading-tags{float:right}.ant-page-header-rtl .ant-page-header-heading-extra{float:left}.ant-page-header-rtl .ant-page-header-heading-extra>*{margin-right:12px;margin-left:0}.ant-pagination,.ant-pagination ol,.ant-pagination ul{margin:0;list-style:none;padding:0}.ant-page-header-rtl .ant-page-header-heading-extra>:first-child{margin-right:0}.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav{float:right}.ant-page-header-back-button{border:0;background:0 0;padding:0;line-height:inherit;display:inline-block}nz-page-header,nz-page-header-content,nz-page-header-footer{display:block}.ant-pagination{box-sizing:border-box;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;font-feature-settings:'tnum'}.ant-pagination::after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:' '}.ant-pagination-item,.ant-pagination-total-text{display:inline-block;margin-right:8px;vertical-align:middle;line-height:30px}.ant-pagination-total-text{height:32px}.ant-pagination-item{min-width:32px;height:32px;text-align:center;list-style:none;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;outline:0;cursor:pointer;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-item a{display:block;padding:0 6px;color:rgba(0,0,0,.85);transition:none}.ant-pagination-item-active a,.ant-pagination-item:focus a,.ant-pagination-item:hover a{color:#1890ff}.ant-pagination-item a:hover{text-decoration:none}.ant-pagination-item:focus,.ant-pagination-item:hover{border-color:#1890ff;transition:all .3s}.ant-pagination-item-active{font-weight:500;background:#fff;border-color:#1890ff}.ant-pagination-item-active:focus,.ant-pagination-item-active:hover,.ant-pagination-next:hover button,.ant-pagination-prev:hover button{border-color:#40a9ff}.ant-pagination-item-active:focus a,.ant-pagination-item-active:hover a{color:#40a9ff}.ant-pagination-jump-next,.ant-pagination-jump-prev{outline:0}.ant-pagination-jump-next .ant-pagination-item-container,.ant-pagination-jump-prev .ant-pagination-item-container{position:relative}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon{color:#1890ff;font-size:12px;letter-spacing:-1px;opacity:0;transition:all .2s}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg{top:0;right:0;bottom:0;left:0;margin:auto}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;color:rgba(0,0,0,.25);font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;text-align:center;text-indent:.13em;opacity:1;transition:all .2s}.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow{right:16px}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev,.ant-select-multiple .ant-select-selection-search-input,.ant-select-multiple .ant-select-selection-search-mirror,.ant-statistic-content,.ant-steps-item-icon{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,.ant-pagination-jump-next:hover .ant-pagination-item-link-icon,.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon{opacity:1}.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis,.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis{opacity:0}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-prev{margin-right:8px}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev{display:inline-block;min-width:32px;height:32px;color:rgba(0,0,0,.85);line-height:32px;text-align:center;vertical-align:middle;list-style:none;border-radius:2px;cursor:pointer;transition:all .3s}.ant-pagination-next,.ant-pagination-prev{font-family:Arial,Helvetica,sans-serif;outline:0}.ant-pagination-next button,.ant-pagination-prev button{color:rgba(0,0,0,.85);cursor:pointer;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{display:block;width:100%;height:100%;padding:0;font-size:12px;text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;outline:0;transition:all .3s}.ant-pagination-next:focus .ant-pagination-item-link,.ant-pagination-next:hover .ant-pagination-item-link,.ant-pagination-prev:focus .ant-pagination-item-link,.ant-pagination-prev:hover .ant-pagination-item-link{color:#1890ff;border-color:#1890ff}.ant-pagination-disabled,.ant-pagination-disabled:focus,.ant-pagination-disabled:hover{cursor:not-allowed}.ant-pagination-disabled .ant-pagination-item-link,.ant-pagination-disabled:focus .ant-pagination-item-link,.ant-pagination-disabled:hover .ant-pagination-item-link{color:rgba(0,0,0,.25);border-color:#d9d9d9;cursor:not-allowed}.ant-pagination-slash{margin:0 10px 0 5px}.ant-pagination-options{display:inline-block;margin-left:16px;vertical-align:middle}@media all and (-ms-high-contrast:none){.ant-pagination-options,.ant-pagination-options ::-ms-backdrop{vertical-align:top}}.ant-pagination-options-size-changer.ant-select{display:inline-block;width:auto}.ant-pagination-options-quick-jumper{display:inline-block;height:32px;margin-left:8px;line-height:32px;vertical-align:top}.ant-pagination-options-quick-jumper input{position:relative;display:inline-block;min-width:0;padding:4px 11px;color:rgba(0,0,0,.85);font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;width:50px;margin:0 8px}.ant-pagination-options-quick-jumper input::-moz-placeholder{opacity:1}.ant-pagination-options-quick-jumper input:-ms-input-placeholder{color:#bfbfbf}.ant-pagination-options-quick-jumper input::placeholder{color:#bfbfbf}.ant-pagination-options-quick-jumper input:-moz-placeholder-shown{text-overflow:ellipsis}.ant-pagination-options-quick-jumper input:-ms-input-placeholder{text-overflow:ellipsis}.ant-pagination-options-quick-jumper input:placeholder-shown{text-overflow:ellipsis}.ant-pagination-options-quick-jumper input:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-pagination-options-quick-jumper input:hover{border-right-width:0;border-left-width:1px!important}.ant-pagination-options-quick-jumper input-focused,.ant-pagination-options-quick-jumper input:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-pagination-options-quick-jumper input-focused,.ant-input-rtl .ant-pagination-options-quick-jumper input:focus{border-right-width:0;border-left-width:1px!important}.ant-pagination-options-quick-jumper input-disabled:hover,.ant-pagination-options-quick-jumper input[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-pagination-options-quick-jumper input-disabled{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-pagination-options-quick-jumper input[disabled]{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1}.ant-pagination-options-quick-jumper input-borderless,.ant-pagination-options-quick-jumper input-borderless-disabled,.ant-pagination-options-quick-jumper input-borderless-focused,.ant-pagination-options-quick-jumper input-borderless:focus,.ant-pagination-options-quick-jumper input-borderless:hover,.ant-pagination-options-quick-jumper input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}.ant-popover-inner,.ant-select-dropdown{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}textarea.ant-pagination-options-quick-jumper input{max-width:100%;height:auto;min-height:32px;line-height:1.5715;vertical-align:bottom;transition:all .3s,height 0s}.ant-pagination-options-quick-jumper input-lg{padding:6.5px 11px;font-size:16px}.ant-pagination-options-quick-jumper input-sm{padding:0 7px}.ant-pagination-simple .ant-pagination-next,.ant-pagination-simple .ant-pagination-prev{height:24px;line-height:24px;vertical-align:top}.ant-progress-inner,.ant-progress-text,.ant-rate-star-first .anticon,.ant-rate-star-second .anticon,.ant-spin,.ant-switch,.ant-transfer-operation{vertical-align:middle}.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link,.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link{height:24px;background-color:transparent;border:0}.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after,.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after{height:24px;line-height:24px}.ant-pagination-simple .ant-pagination-simple-pager{display:inline-block;height:24px;margin-right:8px}.ant-pagination-simple .ant-pagination-simple-pager input{box-sizing:border-box;height:100%;margin-right:8px;padding:0 6px;text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;outline:0;transition:border-color .3s}.ant-pagination-simple .ant-pagination-simple-pager input:hover{border-color:#1890ff}.ant-pagination-simple .ant-pagination-simple-pager input[disabled]{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active),.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link,.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link{background:0 0;border-color:transparent}.ant-pagination.mini .ant-pagination-simple-pager,.ant-pagination.mini .ant-pagination-total-text{height:24px;line-height:24px}.ant-pagination.mini .ant-pagination-item{min-width:24px;height:24px;margin:0;line-height:22px}.ant-pagination.mini .ant-pagination-next,.ant-pagination.mini .ant-pagination-prev{min-width:24px;height:24px;margin:0;line-height:24px}.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after,.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after{height:24px;line-height:24px}.ant-pagination.mini .ant-pagination-jump-next,.ant-pagination.mini .ant-pagination-jump-prev{height:24px;margin-right:0;line-height:24px}.ant-pagination.mini .ant-pagination-options{margin-left:2px}.ant-pagination.mini .ant-pagination-options-size-changer{top:0}.ant-pagination.mini .ant-pagination-options-quick-jumper{height:24px;line-height:24px}.ant-popover,.ant-progress{line-height:1.5715;list-style:none;font-feature-settings:'tnum';font-size:14px}.ant-pagination.mini .ant-pagination-options-quick-jumper input{padding:0 7px;width:44px}.ant-pagination.ant-pagination-disabled{cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item{background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item a{color:rgba(0,0,0,.25);background:0 0;border:none;cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active{background:#dbdbdb;border-color:transparent}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a{color:#fff}.ant-pagination.ant-pagination-disabled .ant-pagination-item-link{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link{background:0 0}.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon{opacity:0}.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis{opacity:1}.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager{color:rgba(0,0,0,.25)}@media only screen and (max-width:992px){.ant-pagination-item-after-jump-prev,.ant-pagination-item-before-jump-next{display:none}}@media only screen and (max-width:576px){.ant-pagination-options{display:none}}.ant-pagination-rtl .ant-pagination-item,.ant-pagination-rtl .ant-pagination-jump-next,.ant-pagination-rtl .ant-pagination-jump-prev,.ant-pagination-rtl .ant-pagination-prev,.ant-pagination-rtl .ant-pagination-total-text{margin-right:0;margin-left:8px}.ant-pagination-rtl .ant-pagination-slash{margin:0 5px 0 10px}.ant-pagination-rtl .ant-pagination-options{margin-right:16px;margin-left:0}.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select{margin-right:0;margin-left:8px}.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper{margin-left:0}.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager,.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input{margin-right:0;margin-left:8px}.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options{margin-right:2px;margin-left:0}nz-pagination{display:block}.ant-popover-hidden,.ant-radio+span:empty{display:none}.ant-popover{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-variant:tabular-nums;top:0;left:0;z-index:1030;font-weight:400;white-space:normal;text-align:left;cursor:auto;-moz-user-select:text;-ms-user-select:text;user-select:text}.ant-popover::after{position:absolute;background:rgba(255,255,255,.01);content:''}.ant-popover-placement-top,.ant-popover-placement-topLeft,.ant-popover-placement-topRight{padding-bottom:10px}.ant-popover-placement-right,.ant-popover-placement-rightBottom,.ant-popover-placement-rightTop{padding-left:10px}.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight{padding-top:10px}.ant-popover-placement-left,.ant-popover-placement-leftBottom,.ant-popover-placement-leftTop{padding-right:10px}.ant-popover-inner{background-color:#fff;background-clip:padding-box;border-radius:2px;box-shadow:0 0 8px rgba(0,0,0,.15)\9}@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){.ant-popover-inner{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}}.ant-popover-title{min-width:177px;min-height:32px;margin:0;padding:5px 16px 4px;color:rgba(0,0,0,.85);font-weight:500;border-bottom:1px solid #f0f0f0}.ant-popover-inner-content{padding:12px 16px;color:rgba(0,0,0,.85)}.ant-popover-message{position:relative;padding:4px 0 12px;color:rgba(0,0,0,.85);font-size:14px}.ant-popover-message>.anticon{position:absolute;top:8px;color:#faad14;font-size:14px}.ant-popover-message-title{padding-left:22px}.ant-popover-buttons{margin-bottom:4px;text-align:right}.ant-popover-buttons button{margin-left:8px}.ant-popover-arrow{position:absolute;display:block;background:0 0;border-style:solid;border-width:4.24px}.ant-progress,.ant-progress-steps{display:inline-block}.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow{bottom:6.2px;box-shadow:3px 3px 7px rgba(0,0,0,.07);border-color:transparent #fff #fff transparent}.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow{left:16px}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow{left:6px;box-shadow:-3px 3px 7px rgba(0,0,0,.07);border-color:transparent transparent #fff #fff}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow{top:50%;transform:translateY(-50%) rotate(45deg)}.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow{top:12px}.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow{top:6px;box-shadow:-2px -2px 5px rgba(0,0,0,.06);border-color:#fff transparent transparent #fff}.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow{left:16px}.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow{right:6px;box-shadow:3px -3px 7px rgba(0,0,0,.07);border-color:#fff #fff transparent transparent}.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow{top:50%;transform:translateY(-50%) rotate(45deg)}.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow{top:12px}.ant-popover-rtl{text-align:right}.ant-popover-rtl .ant-popover-message-title{padding-right:22px;padding-left:16px}.ant-popover-rtl .ant-popover-buttons{text-align:left}.ant-popover-rtl .ant-popover-buttons button{margin-right:8px;margin-left:0}.ant-popover{position:relative}.ant-progress{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-variant:tabular-nums}.ant-progress-line{position:relative;width:100%;font-size:14px}.ant-progress-steps-outer{display:flex;flex-direction:row;align-items:center}.ant-progress-steps-item{flex-shrink:0;min-width:2px;margin-right:2px;background:#f3f3f3;transition:all .3s}.ant-progress-steps-item-active{background:#1890ff}.ant-progress-small.ant-progress-line,.ant-progress-small.ant-progress-line .ant-progress-text .anticon{font-size:12px}.ant-progress-outer{display:inline-block;width:100%;margin-right:0;padding-right:0}.ant-progress-show-info .ant-progress-outer{margin-right:calc(-2em - 8px);padding-right:calc(2em + 8px)}.ant-progress-inner{position:relative;display:inline-block;width:100%;overflow:hidden;background-color:#f5f5f5;border-radius:100px}.ant-progress-circle-trail{stroke:#f5f5f5}.ant-progress-circle-path{animation:ant-progress-appear .3s}.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#1890ff}.ant-progress-bg,.ant-progress-success-bg{position:relative;background-color:#1890ff;border-radius:100px;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.ant-progress-success-bg{position:absolute;top:0;left:0;background-color:#52c41a}.ant-progress-text{display:inline-block;width:2em;margin-left:8px;color:rgba(0,0,0,.45);font-size:1em;line-height:1;white-space:nowrap;text-align:left;word-break:normal}.ant-progress-text .anticon{font-size:14px}.ant-progress-status-active .ant-progress-bg::before{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:10px;opacity:0;animation:ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite;content:''}.ant-progress-status-exception .ant-progress-bg{background-color:#ff4d4f}.ant-progress-status-exception .ant-progress-text{color:#ff4d4f}.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#ff4d4f}.ant-progress-status-success .ant-progress-bg{background-color:#52c41a}.ant-progress-status-success .ant-progress-text{color:#52c41a}.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#52c41a}.ant-progress-circle .ant-progress-inner{position:relative;line-height:1;background-color:transparent}.ant-progress-circle .ant-progress-text{position:absolute;top:50%;left:50%;width:100%;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:1em;line-height:1;white-space:normal;text-align:center;transform:translate(-50%,-50%)}.ant-radio,.ant-radio-wrapper{position:relative;cursor:pointer}.ant-progress-circle .ant-progress-text .anticon{font-size:1.16666667em}.ant-progress-circle.ant-progress-status-exception .ant-progress-text{color:#ff4d4f}.ant-progress-circle.ant-progress-status-success .ant-progress-text{color:#52c41a}@keyframes ant-progress-active{0%{width:0;opacity:.1}20%{width:0;opacity:.5}100%{width:100%;opacity:0}}.ant-progress-rtl.ant-progress-show-info .ant-progress-outer{margin-right:0;margin-left:calc(-2em - 8px);padding-right:0;padding-left:calc(2em + 8px)}.ant-radio,.ant-radio-group,.ant-radio-wrapper{box-sizing:border-box;padding:0;color:rgba(0,0,0,.85);display:inline-block;font-feature-settings:'tnum';list-style:none}.ant-progress-rtl .ant-progress-success-bg{right:0;left:auto}.ant-progress-rtl.ant-progress-line .ant-progress-text,.ant-progress-rtl.ant-progress-steps .ant-progress-text{margin-right:8px;margin-left:0;text-align:right}.ant-radio-group{margin:0;font-variant:tabular-nums;font-size:0;line-height:unset}.ant-radio-group .ant-badge-count{z-index:1}.ant-radio-group>.ant-badge:not(:first-child)>.ant-radio-button-wrapper{border-left:none}.ant-radio-wrapper{margin:0 8px 0 0;font-size:14px;font-variant:tabular-nums;line-height:1.5715;white-space:nowrap}.ant-radio{margin:0;font-size:14px;font-variant:tabular-nums;top:0;line-height:1;white-space:nowrap;vertical-align:text-bottom;outline:0}.ant-radio-input:focus+.ant-radio-inner,.ant-radio-wrapper:hover .ant-radio,.ant-radio:hover .ant-radio-inner{border-color:#1890ff}.ant-radio-input:focus+.ant-radio-inner{box-shadow:0 0 0 3px rgba(24,144,255,.08)}.ant-radio-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:50%;visibility:hidden;animation:antRadioEffect .36s ease-in-out;animation-fill-mode:both;content:''}.ant-radio-inner,.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle,.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle,.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle{border-radius:50%}.ant-radio-wrapper:hover .ant-radio::after,.ant-radio:hover::after,.ant-tooltip{visibility:visible}.ant-radio-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;background-color:#fff;border-color:#d9d9d9;border-style:solid;border-width:1px;transition:all .3s}.ant-radio-inner::after{position:absolute;top:3px;left:3px;display:table;width:8px;height:8px;background-color:#1890ff;border-top:0;border-left:0;border-radius:8px;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.78,.14,.15,.86);content:' '}.ant-radio-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;opacity:0}.ant-radio-button-wrapper-disabled,.ant-radio-disabled,.ant-radio-disabled .ant-radio-inner,.ant-radio-disabled .ant-radio-input,.ant-radio-disabled+span{cursor:not-allowed}.ant-radio-checked .ant-radio-inner{border-color:#1890ff}.ant-radio-checked .ant-radio-inner::after{transform:scale(1);opacity:1;transition:all .3s cubic-bezier(.78,.14,.15,.86)}.ant-radio-disabled .ant-radio-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-radio-disabled .ant-radio-inner::after{background-color:rgba(0,0,0,.2)}.ant-radio-disabled+span{color:rgba(0,0,0,.25)}span.ant-radio+*{padding-right:8px;padding-left:8px}.ant-radio-button-wrapper{position:relative;display:inline-block;height:32px;margin:0;padding:0 15px;color:rgba(0,0,0,.85);font-size:14px;line-height:30px;background:#fff;border:1px solid #d9d9d9;border-top-width:1.02px;border-left-width:0;cursor:pointer;transition:color .3s,background .3s,border-color .3s,box-shadow .3s}.ant-radio-button-wrapper a{color:rgba(0,0,0,.85)}.ant-radio-button-wrapper>.ant-radio-button{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.ant-radio-group-large .ant-radio-button-wrapper{height:40px;font-size:16px;line-height:38px}.ant-radio-group-small .ant-radio-button-wrapper{height:24px;padding:0 7px;line-height:22px}.ant-radio-button-wrapper:not(:first-child)::before{position:absolute;top:-1px;left:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding:1px 0;background-color:#d9d9d9;transition:background-color .3s;content:''}.ant-radio-button-wrapper:first-child{border-left:1px solid #d9d9d9;border-radius:2px 0 0 2px}.ant-radio-button-wrapper:last-child{border-radius:0 2px 2px 0}.ant-radio-button-wrapper:first-child:last-child{border-radius:2px}.ant-radio-button-wrapper:hover{position:relative;color:#1890ff}.ant-radio-button-wrapper:focus-within{box-shadow:0 0 0 3px rgba(24,144,255,.08)}.ant-radio-button-wrapper .ant-radio-inner,.ant-radio-button-wrapper input[type=radio],.ant-radio-button-wrapper input[type=checkbox]{width:0;height:0;opacity:0;pointer-events:none}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){z-index:1;color:#1890ff;background:#fff;border-color:#1890ff}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before{background-color:#1890ff}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child{border-color:#1890ff}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{color:#40a9ff;border-color:#40a9ff}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before{background-color:#40a9ff}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active{color:#096dd9;border-color:#096dd9}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before{background-color:#096dd9}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within{box-shadow:0 0 0 3px rgba(24,144,255,.08)}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){color:#fff;background:#1890ff;border-color:#1890ff}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{color:#fff;background:#40a9ff;border-color:#40a9ff}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active{color:#fff;background:#096dd9;border-color:#096dd9}.ant-radio-button-wrapper-disabled,.ant-radio-button-wrapper-disabled:first-child,.ant-radio-button-wrapper-disabled:hover{color:rgba(0,0,0,.25);background-color:#f5f5f5;border-color:#d9d9d9}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within{box-shadow:0 0 0 3px rgba(24,144,255,.08)}.ant-radio-button-wrapper-disabled:first-child{border-left-color:#d9d9d9}.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked{color:rgba(0,0,0,.25);background-color:#e6e6e6;border-color:#d9d9d9;box-shadow:none}@keyframes antRadioEffect{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}.ant-radio-wrapper.ant-radio-wrapper-rtl{margin-right:0;margin-left:8px}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl{border-right-width:0;border-left-width:1px}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before{right:-1px;left:0}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child{border-right:1px solid #d9d9d9;border-radius:0 2px 2px 0}.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child{border-right-color:#40a9ff}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child{border-radius:2px 0 0 2px}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child{border-right-color:#d9d9d9}.ant-rate,.ant-rate-star,.ant-rate-text{display:inline-block}.ant-rate{box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:'tnum';margin:0;padding:0;color:#fadb14;font-size:20px;line-height:unset;list-style:none;outline:0}.ant-rate-disabled .ant-rate-star{cursor:default}.ant-rate-disabled .ant-rate-star:hover{transform:scale(1)}.ant-rate-star{position:relative;color:inherit;cursor:pointer;transition:all .3s}.ant-rate-star:not(:last-child){margin-right:8px}.ant-rate-star>div:focus{outline:0}.ant-rate-star>div:focus,.ant-rate-star>div:hover{transform:scale(1.1)}.ant-rate-star-first,.ant-rate-star-second{color:#f0f0f0;transition:all .3s;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-rate-star-first{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;opacity:0}.ant-rate-star-half .ant-rate-star-first,.ant-rate-star-half .ant-rate-star-second{opacity:1}.ant-rate-star-full .ant-rate-star-second,.ant-rate-star-half .ant-rate-star-first{color:inherit}.ant-rate-text{margin:0 8px;font-size:14px}.ant-rate-rtl .ant-rate-star:not(:last-child){margin-right:0;margin-left:8px}.ant-rate-rtl .ant-rate-star-first{right:0;left:auto}.ant-select-single .ant-select-selector{display:flex}.ant-select-single .ant-select-selector .ant-select-selection-search{position:absolute;top:0;right:11px;bottom:0;left:11px}.ant-select-single .ant-select-selector .ant-select-selection-search-input{width:100%}.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder{padding:0;line-height:30px;transition:all .3s}@supports (-moz-appearance:meterbar){.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder{line-height:30px}}.ant-select-single .ant-select-selector .ant-select-selection-item{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-select-single .ant-select-selector .ant-select-selection-placeholder{pointer-events:none}.ant-select-single .ant-select-selector .ant-select-selection-item::after,.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after,.ant-select-single .ant-select-selector::after{display:inline-block;width:0;visibility:hidden;content:'\a0'}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after,.ant-select-single.ant-select-customize-input .ant-select-selector::after{display:none}.ant-select-single.ant-select-show-arrow .ant-select-selection-search{right:25px}.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:18px}.ant-select-single.ant-select-open .ant-select-selection-item{color:#bfbfbf}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{width:100%;height:32px;padding:0 11px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{height:30px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after{line-height:30px}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search{position:static;width:100%}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder{position:absolute;right:0;left:0;padding:0 11px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:40px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after{line-height:38px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input{height:38px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:24px;padding:0 7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after{line-height:22px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input{height:22px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search{right:7px;left:7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{right:28px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder{padding-right:21px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{padding:0 11px}.ant-select-selection-overflow{position:relative;display:flex;flex:auto;flex-wrap:wrap;max-width:100%}.ant-select-selection-overflow-item{flex:none;max-width:100%}.ant-select-multiple .ant-select-selector{display:flex;flex-wrap:wrap;align-items:center;padding:1px 4px}.ant-select-show-search.ant-select-multiple .ant-select-selector{cursor:text}.ant-select-disabled.ant-select-multiple .ant-select-selector{background:#f5f5f5;cursor:not-allowed}.ant-select-multiple .ant-select-selector::after{display:inline-block;width:0;margin:2px 0;line-height:24px;content:'\a0'}.ant-select-multiple.ant-select-allow-clear .ant-select-selector,.ant-select-multiple.ant-select-show-arrow .ant-select-selector{padding-right:24px}.ant-select-multiple .ant-select-selection-item{position:relative;display:flex;flex:none;box-sizing:border-box;max-width:100%;height:24px;margin-top:2px;margin-inline-end:4px;margin-bottom:2px;padding-inline-start:8px;padding-inline-end:4px;line-height:22px;background:#f5f5f5;border:1px solid #f0f0f0;border-radius:2px;cursor:default;transition:font-size .3s,line-height .3s,height .3s;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-select-disabled.ant-select-multiple .ant-select-selection-item{color:#bfbfbf;border-color:#d9d9d9;cursor:not-allowed}.ant-select-arrow,.ant-select-multiple .ant-select-selection-item-remove{color:inherit;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ant-select-multiple .ant-select-selection-item-content{display:inline-block;margin-right:4px;overflow:hidden;white-space:pre;text-overflow:ellipsis}.ant-select-multiple .ant-select-selection-item-remove{font-style:normal;text-align:center;text-transform:none;vertical-align:-.125em;display:inline-block;color:rgba(0,0,0,.45);font-weight:700;font-size:10px;line-height:inherit;cursor:pointer}.ant-select-multiple .ant-select-selection-item-remove>*{line-height:1}.ant-select-multiple .ant-select-selection-item-remove svg{display:inline-block}.ant-select-multiple .ant-select-selection-item-remove::before{display:none}.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon{display:block}.ant-select-multiple .ant-select-selection-item-remove>.anticon{vertical-align:-.2em}.ant-select-multiple .ant-select-selection-item-remove:hover{color:rgba(0,0,0,.75)}.ant-select-multiple .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search{margin-inline-start:0}.ant-select-multiple .ant-select-selection-search{position:relative;max-width:100%;margin-top:2px;margin-bottom:2px;margin-inline-start:7px}.ant-select-multiple .ant-select-selection-search-input,.ant-select-multiple .ant-select-selection-search-mirror{height:24px;line-height:24px;transition:all .3s}.ant-select-multiple .ant-select-selection-search-input{width:100%;min-width:4.1px}.ant-select-multiple .ant-select-selection-search-mirror{position:absolute;top:0;left:0;z-index:999;white-space:pre;visibility:hidden}.ant-select-multiple .ant-select-selection-placeholder{position:absolute;top:50%;right:11px;left:11px;transform:translateY(-50%);transition:all .3s}.ant-select-multiple.ant-select-lg .ant-select-selector::after{line-height:32px}.ant-select-multiple.ant-select-lg .ant-select-selection-search{height:33px;line-height:33px}.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror{height:32px;line-height:30px}.ant-select-multiple.ant-select-sm .ant-select-selector::after{line-height:16px}.ant-select-multiple.ant-select-sm .ant-select-selection-item{height:16px;line-height:14px}.ant-select-multiple.ant-select-sm .ant-select-selection-search{height:17px;line-height:17px}.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror{height:16px;line-height:14px}.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder{left:7px}.ant-select-multiple.ant-select-sm .ant-select-selection-search:first-child .ant-select-selection-search-input{margin-left:3px}.ant-select-multiple.ant-select-lg .ant-select-selection-item{height:32px;line-height:32px}.ant-select,.ant-select-dropdown{color:rgba(0,0,0,.85);line-height:1.5715;font-feature-settings:'tnum'}.ant-select-disabled .ant-select-selection-item-remove{display:none}.ant-select{box-sizing:border-box;margin:0;padding:0;font-size:14px;font-variant:tabular-nums;list-style:none;position:relative;display:inline-block;cursor:pointer}.ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:pointer}.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector{cursor:text}.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:auto}.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-right-width:0;border-left-width:1px!important}.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{color:rgba(0,0,0,.25);background:#f5f5f5;cursor:not-allowed}.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:not-allowed}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;-moz-appearance:none;appearance:none}.ant-select-arrow,.ant-select-clear{position:absolute;width:12px;height:12px;margin-top:-6px;font-size:12px;font-style:normal;line-height:1;text-transform:none;text-align:center}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.ant-select-arrow,.ant-select-arrow svg{display:inline-block}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-right-width:0;border-left-width:1px!important}.ant-select-selection-item{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.ant-select-selection-item,.ant-select-selection-item ::-ms-backdrop{flex:auto}}.ant-select-selection-placeholder{flex:1;overflow:hidden;color:#bfbfbf;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}@media all and (-ms-high-contrast:none){.ant-select-selection-placeholder,.ant-select-selection-placeholder ::-ms-backdrop{flex:auto}}.ant-select-arrow{vertical-align:-.125em;top:53%;right:11px;color:rgba(0,0,0,.25);pointer-events:none}.ant-select-arrow>*{line-height:1}.ant-select-arrow::before{display:none}.ant-select-arrow .ant-select-arrow-icon{display:block}.ant-select-arrow .anticon{vertical-align:top;transition:transform .3s}.ant-select-arrow .anticon>svg{vertical-align:top}.ant-select-arrow .anticon:not(.ant-select-suffix){pointer-events:auto}.ant-select-disabled .ant-select-arrow{cursor:not-allowed}.ant-select-clear{top:50%;right:11px;z-index:1;display:inline-block;color:rgba(0,0,0,.25);background:#fff;cursor:pointer;opacity:0;transition:color .3s ease,opacity .15s ease;text-rendering:auto}.ant-select-dropdown,.ant-spin{margin:0;box-sizing:border-box}.ant-select-clear::before{display:block}.ant-select-clear:hover{color:rgba(0,0,0,.45)}.ant-select:hover .ant-select-clear{opacity:1}.ant-select-dropdown{list-style:none;z-index:1050;padding:4px 0;overflow:hidden;font-size:14px;font-variant:initial;background-color:#fff;border-radius:2px;outline:0}.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft,.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft{animation-name:antSlideDownIn}.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft{animation-name:antSlideUpOut}.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft{animation-name:antSlideDownOut}.ant-select-dropdown-empty{color:rgba(0,0,0,.25)}.ant-select-item-empty{position:relative;display:block;min-height:32px;padding:5px 12px;font-weight:400;font-size:14px;line-height:22px;color:rgba(0,0,0,.25)}.ant-select-item{position:relative;display:block;min-height:32px;padding:5px 12px;color:rgba(0,0,0,.85);font-weight:400;font-size:14px;line-height:22px;cursor:pointer;transition:background .3s ease}.ant-select-item-group{color:rgba(0,0,0,.45);font-size:12px;cursor:default}.ant-select-item-option{display:flex}.ant-select-item-option-content{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-select-item-option-state{flex:none}.ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:#f5f5f5}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:rgba(0,0,0,.85);font-weight:600;background-color:#e6f7ff}.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state{color:#1890ff}.ant-select-item-option-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-item-option-grouped{padding-left:24px}.ant-select-lg{font-size:16px}.ant-select-borderless .ant-select-selector{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.ant-select-rtl .ant-select-arrow,.ant-select-rtl .ant-select-clear{right:initial;left:11px}.ant-select-dropdown-rtl .ant-select-item-option-grouped{padding-right:24px;padding-left:12px}.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector,.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector{padding-right:4px;padding-left:24px}.ant-select-rtl.ant-select-multiple .ant-select-selection-item{text-align:right}.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content{margin-right:0;margin-left:4px;text-align:right}.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror{right:0;left:auto}.ant-select-rtl.ant-select-multiple .ant-select-selection-search:first-child>.ant-select-selection-search-input{margin-right:5px!important;margin-left:0!important}.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder{right:11px;left:auto}.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder{right:7px}.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder{right:0;left:9px;text-align:right}.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search{right:11px;left:25px}.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:0;padding-left:18px}.ant-select-rtl.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{padding:0 11px}.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{right:0}.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder{padding-right:0;padding-left:21px}.ant-select-dropdown{top:100%;left:0;position:relative;width:100%;margin-top:4px;margin-bottom:4px;display:block}.ant-select-dropdown .cdk-virtual-scroll-content-wrapper{right:0}.ant-select-dropdown .full-width{contain:initial}.ant-select-dropdown .full-width .cdk-virtual-scroll-content-wrapper{position:static}.ant-skeleton{display:table;width:100%}.ant-skeleton-header{display:table-cell;padding-right:16px;vertical-align:top}.ant-skeleton-header .ant-skeleton-avatar{display:inline-block;vertical-align:top;background:rgba(190,190,190,.2);width:32px;height:32px;line-height:32px}.ant-skeleton-header .ant-skeleton-avatar-lg{width:40px;height:40px;line-height:40px}.ant-skeleton-header .ant-skeleton-avatar-sm{width:24px;height:24px;line-height:24px}.ant-skeleton-content{display:table-cell;width:100%;vertical-align:top}.ant-skeleton-content .ant-skeleton-title{width:100%;height:16px;margin-top:16px;background:rgba(190,190,190,.2);border-radius:4px}.ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph{margin-top:24px}.ant-skeleton-content .ant-skeleton-paragraph{padding:0}.ant-skeleton-content .ant-skeleton-paragraph>li{width:100%;height:16px;list-style:none;background:rgba(190,190,190,.2);border-radius:4px}.ant-skeleton-content .ant-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)){width:61%}.ant-skeleton-content .ant-skeleton-paragraph>li+li{margin-top:16px}.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title{margin-top:12px}.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph{margin-top:28px}.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title{border-radius:100px}.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,.ant-skeleton.ant-skeleton-active .ant-skeleton-button,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,.ant-skeleton.ant-skeleton-active .ant-skeleton-image,.ant-skeleton.ant-skeleton-active .ant-skeleton-input{background:linear-gradient(90deg,rgba(190,190,190,.2) 25%,rgba(129,129,129,.24) 37%,rgba(190,190,190,.2) 63%);background-size:400% 100%;animation:ant-skeleton-loading 1.4s ease infinite}.ant-skeleton-element{display:inline-block;width:auto}.ant-skeleton-element .ant-skeleton-button{display:inline-block;vertical-align:top;background:rgba(190,190,190,.2);border-radius:2px;width:64px;height:32px;line-height:32px}.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle{width:32px;border-radius:50%}.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round{border-radius:32px}.ant-skeleton-element .ant-skeleton-button-lg{width:80px;height:40px;line-height:40px}.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle{width:40px;border-radius:50%}.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round{border-radius:40px}.ant-skeleton-element .ant-skeleton-button-sm{width:48px;height:24px;line-height:24px}.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle{width:24px;border-radius:50%}.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round{border-radius:24px}.ant-image-preview-switch-left,.ant-image-preview-switch-right,.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle,.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle,.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle,.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle,.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle{border-radius:50%}.ant-skeleton-element .ant-skeleton-avatar{display:inline-block;vertical-align:top;background:rgba(190,190,190,.2);width:32px;height:32px;line-height:32px}.ant-skeleton-element .ant-skeleton-avatar-lg{width:40px;height:40px;line-height:40px}.ant-skeleton-element .ant-skeleton-avatar-sm{width:24px;height:24px;line-height:24px}.ant-skeleton-element .ant-skeleton-input{display:inline-block;vertical-align:top;background:rgba(190,190,190,.2);width:100%;height:32px;line-height:32px}.ant-skeleton-element .ant-skeleton-input-lg{width:100%;height:40px;line-height:40px}.ant-skeleton-element .ant-skeleton-input-sm{width:100%;height:24px;line-height:24px}.ant-skeleton-element .ant-skeleton-image{display:flex;align-items:center;justify-content:center;vertical-align:top;background:rgba(190,190,190,.2);width:96px;height:96px;line-height:96px}.ant-skeleton-element .ant-skeleton-image-path{fill:#bfbfbf}.ant-skeleton-element .ant-skeleton-image-svg{width:48px;height:48px;line-height:48px;max-width:192px;max-height:192px}@keyframes ant-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.ant-skeleton-rtl .ant-skeleton-header{padding-right:0;padding-left:16px}.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title{animation-name:ant-skeleton-loading-rtl}@keyframes ant-skeleton-loading-rtl{0%{background-position:0 50%}100%{background-position:100% 50%}}.ant-slider{box-sizing:border-box;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';position:relative;height:12px;margin:10px 6px;padding:4px 0;cursor:pointer;touch-action:none}.ant-slider-vertical{width:12px;height:100%;margin:6px 10px;padding:0 4px}.ant-spin,.ant-statistic,.ant-steps{padding:0;line-height:1.5715;list-style:none;font-feature-settings:'tnum'}.ant-slider-vertical .ant-slider-rail{width:4px;height:100%}.ant-slider-vertical .ant-slider-track{width:4px}.ant-slider-vertical .ant-slider-handle{margin-top:-6px;margin-left:-5px}.ant-slider-vertical .ant-slider-mark{top:0;left:12px;width:18px;height:100%}.ant-slider-vertical .ant-slider-mark-text{left:4px;white-space:nowrap}.ant-slider-vertical .ant-slider-step{width:4px;height:100%}.ant-slider-rail,.ant-slider-track{position:absolute;height:4px;transition:background-color .3s}.ant-slider-vertical .ant-slider-dot{top:auto;left:2px;margin-bottom:-4px}.ant-slider-tooltip .ant-tooltip-inner{min-width:unset}.ant-slider-rtl.ant-slider-vertical .ant-slider-handle{margin-right:-5px;margin-left:0}.ant-slider-rtl.ant-slider-vertical .ant-slider-mark{right:12px;left:auto}.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text{right:4px;left:auto}.ant-slider-rtl.ant-slider-vertical .ant-slider-dot{right:2px;left:auto}.ant-slider-with-marks{margin-bottom:28px}.ant-slider-rail{width:100%;background-color:#f5f5f5;border-radius:2px}.ant-slider-track{background-color:#91d5ff;border-radius:2px}.ant-slider-dot,.ant-slider-handle{background-color:#fff;cursor:pointer;position:absolute}.ant-slider-handle{width:14px;height:14px;margin-top:-5px;border:2px solid #91d5ff;border-radius:50%;box-shadow:0;transition:border-color .3s,box-shadow .6s,transform .3s cubic-bezier(.18,.89,.32,1.28)}.ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging,.ant-slider-handle:focus{border-color:#46a6ff;box-shadow:0 0 0 5px rgba(24,144,255,.12)}.ant-slider-handle:focus{outline:0}.ant-slider-handle.ant-tooltip-open{border-color:#1890ff}.ant-slider:hover .ant-slider-rail{background-color:#e1e1e1}.ant-slider:hover .ant-slider-track{background-color:#69c0ff}.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open){border-color:#69c0ff}.ant-slider-mark{position:absolute;top:14px;left:0;width:100%;font-size:14px}.ant-slider-mark-text{position:absolute;display:inline-block;color:rgba(0,0,0,.45);text-align:center;word-break:keep-all;cursor:pointer;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-slider-mark-text-active{color:rgba(0,0,0,.85)}.ant-slider-step{position:absolute;width:100%;height:4px;background:0 0}.ant-slider-dot{top:-2px;width:8px;height:8px;margin-left:-4px;border:2px solid #f0f0f0;border-radius:50%}.ant-slider-dot:first-child,.ant-slider-dot:last-child{margin-left:-4px}.ant-slider-dot-active{border-color:#8cc8ff}.ant-slider-disabled{cursor:not-allowed}.ant-slider-disabled .ant-slider-track{background-color:rgba(0,0,0,.25)!important}.ant-slider-disabled .ant-slider-dot,.ant-slider-disabled .ant-slider-handle{background-color:#fff;border-color:rgba(0,0,0,.25)!important;box-shadow:none;cursor:not-allowed}.ant-slider-disabled .ant-slider-dot,.ant-slider-disabled .ant-slider-mark-text{cursor:not-allowed!important}.ant-slider-rtl .ant-slider-mark{right:0;left:auto}.ant-slider-rtl .ant-slider-dot,.ant-slider-rtl .ant-slider-dot:first-child,.ant-slider-rtl .ant-slider-dot:last-child{margin-right:-4px;margin-left:0}.ant-spin{font-size:14px;font-variant:tabular-nums;position:absolute;display:none;color:#1890ff;text-align:center;opacity:0;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.ant-spin-spinning{position:static;display:inline-block;opacity:1}.ant-spin-nested-loading{position:relative}.ant-spin-nested-loading>div>.ant-spin{position:absolute;top:0;left:0;z-index:4;display:block;width:100%;height:100%;max-height:400px}.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot{position:absolute;top:50%;left:50%;margin:-10px}.ant-spin-nested-loading>div>.ant-spin .ant-spin-text{position:absolute;top:50%;width:100%;padding-top:5px;text-shadow:0 1px 2px #fff}.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot{margin-top:-20px}.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot{margin:-7px}.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text{padding-top:2px}.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot{margin-top:-17px}.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot{margin:-16px}.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text{padding-top:11px}.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot{margin-top:-26px}.ant-spin-container{position:relative;transition:opacity .3s}.ant-spin-container::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:none\9;width:100%;height:100%;background:#fff;opacity:0;transition:all .3s;content:'';pointer-events:none}.ant-spin-blur{clear:both;overflow:hidden;opacity:.5;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.ant-spin-blur::after{opacity:.4;pointer-events:auto}.ant-spin-tip{color:rgba(0,0,0,.45)}.ant-spin-dot{position:relative;display:inline-block;font-size:20px;width:1em;height:1em}.ant-spin-dot-item{position:absolute;display:block;width:9px;height:9px;background-color:#1890ff;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.ant-spin-dot-item:nth-child(1){top:0;left:0}.ant-spin-dot-item:nth-child(2){top:0;right:0;animation-delay:.4s}.ant-spin-dot-item:nth-child(3){right:0;bottom:0;animation-delay:.8s}.ant-spin-dot-item:nth-child(4){bottom:0;left:0;animation-delay:1.2s}.ant-spin-dot-spin{transform:rotate(45deg);animation:antRotate 1.2s infinite linear}.ant-spin-sm .ant-spin-dot{font-size:14px}.ant-spin-sm .ant-spin-dot i{width:6px;height:6px}.ant-spin-lg .ant-spin-dot{font-size:32px}.ant-spin-lg .ant-spin-dot i{width:14px;height:14px}.ant-spin.ant-spin-show-text .ant-spin-text{display:block}@media all and (-ms-high-contrast:none), (-ms-high-contrast:active){.ant-spin-blur{background:#fff;opacity:.5}}@keyframes antSpinMove{to{opacity:1}}@keyframes antRotate{to{transform:rotate(405deg)}}.ant-spin-rtl .ant-spin-dot-spin{transform:rotate(-45deg);animation-name:antRotateRtl}@keyframes antRotateRtl{to{transform:rotate(-405deg)}}nz-spin{display:block}.ant-statistic{box-sizing:border-box;margin:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums}.ant-statistic-title{margin-bottom:4px;color:rgba(0,0,0,.45);font-size:14px}.ant-statistic-content{color:rgba(0,0,0,.85);font-size:24px}.ant-statistic-content-value{display:inline-block;direction:ltr}.ant-cascader-menu-rtl .ant-cascader-menu,.ant-cascader-picker-rtl,.ant-statistic-rtl,.ant-steps-rtl,.ant-switch-rtl,.ant-table-rtl,.ant-table-wrapper-rtl,.ant-tabs-dropdown-rtl,.ant-tabs-rtl,.ant-tag.ant-tag-rtl,.ant-timeline-rtl,.ant-tooltip-rtl,.ant-transfer-rtl,.ant-typography-rtl,.ant-upload-list-rtl,.ant-upload-rtl{direction:rtl}.ant-statistic-content-prefix,.ant-statistic-content-suffix{display:inline-block}.ant-statistic-content-prefix{margin-right:4px}.ant-statistic-content-suffix{margin-left:4px}.ant-statistic-rtl .ant-statistic-content-prefix{margin-right:0;margin-left:4px}.ant-statistic-rtl .ant-statistic-content-suffix{margin-right:4px;margin-left:0}.ant-steps{box-sizing:border-box;margin:0;color:rgba(0,0,0,.85);font-variant:tabular-nums;display:flex;width:100%;font-size:0;text-align:initial}.ant-steps-item{position:relative;display:inline-block;flex:1;overflow:hidden;vertical-align:top}.ant-steps-item-container{outline:0}.ant-steps-item:last-child{flex:none}.ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-tail{display:none}.ant-steps-item-content,.ant-steps-item-icon{display:inline-block;vertical-align:top}.ant-steps-item-icon{width:32px;height:32px;margin:0 8px 0 0;font-size:16px;line-height:32px;text-align:center;border:1px solid rgba(0,0,0,.25);border-radius:32px;transition:background-color .3s,border-color .3s}.ant-steps-item-icon .ant-steps-icon{position:relative;top:-1px;color:#1890ff;line-height:1}.ant-steps-item-tail{position:absolute;top:12px;left:0;width:100%;padding:0 10px}.ant-steps-item-tail::after{display:inline-block;width:100%;height:1px;background:#f0f0f0;border-radius:1px;transition:background .3s;content:''}.ant-steps-item-title{position:relative;display:inline-block;padding-right:16px;color:rgba(0,0,0,.85);font-size:16px;line-height:32px}.ant-steps-item-description,.ant-steps-item-subtitle{color:rgba(0,0,0,.45);font-size:14px}.ant-steps-item-title::after{position:absolute;top:16px;left:100%;display:block;width:9999px;height:1px;background:#f0f0f0;content:''}.ant-steps-item-subtitle{display:inline;margin-left:8px;font-weight:400}.ant-steps-item-wait .ant-steps-item-icon{background-color:#fff;border-color:rgba(0,0,0,.25)}.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon{color:rgba(0,0,0,.25)}.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description,.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:rgba(0,0,0,.45)}.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot{background:rgba(0,0,0,.25)}.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:#f0f0f0}.ant-steps-item-process .ant-steps-item-icon{background-color:#fff;border-color:#1890ff}.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon{color:#1890ff}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description,.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:rgba(0,0,0,.85)}.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot{background:#1890ff}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:#f0f0f0}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon{background:#1890ff}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon .ant-steps-icon{color:#fff}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-title{font-weight:500}.ant-steps-item-finish .ant-steps-item-icon{background-color:#fff;border-color:#1890ff}.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:#1890ff}.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon{color:#1890ff}.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,.ant-switch,.ant-table,.ant-table-footer,.ant-table-thead>tr>th{color:rgba(0,0,0,.85)}.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot{background:#1890ff}.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description{color:rgba(0,0,0,.45)}.ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon,.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description,.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#ff4d4f}.ant-steps-item-error .ant-steps-item-icon{background-color:#fff;border-color:#ff4d4f}.ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot{background:#ff4d4f}.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:#f0f0f0}.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role=button]:hover .ant-steps-item-icon .ant-steps-icon,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-description,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-subtitle,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-title,.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon{color:#1890ff}.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after{background:#ff4d4f}.ant-steps-item-disabled{cursor:not-allowed}.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]{cursor:pointer}.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-description,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-icon .ant-steps-icon,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-subtitle,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-title{transition:color .3s}.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role=button]:hover .ant-steps-item-icon{border-color:#1890ff}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-left:16px;white-space:nowrap}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-left:0}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title{padding-right:0}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail{display:none}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description{max-width:140px;white-space:normal}.ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon{height:auto;background:0 0;border:0}.ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon>.ant-steps-icon{top:0;left:.5px;width:32px;height:32px;font-size:24px;line-height:32px}.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon{width:auto;background:0 0}.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-left:12px}.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-left:0}.ant-steps-small .ant-steps-item-icon{width:24px;height:24px;margin:0 8px 0 0;font-size:12px;line-height:24px;text-align:center;border-radius:24px}.ant-steps-small .ant-steps-item-title{padding-right:12px;font-size:14px;line-height:24px}.ant-steps-small .ant-steps-item-title::after{top:12px}.ant-steps-small .ant-steps-item-description{color:rgba(0,0,0,.45);font-size:14px}.ant-steps-small .ant-steps-item-tail{top:8px}.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon{width:inherit;height:inherit;line-height:inherit;background:0 0;border:0;border-radius:0}.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon{font-size:24px;line-height:24px;transform:none}.ant-steps-vertical{display:flex;flex-direction:column}.ant-steps-vertical>.ant-steps-item{display:block;flex:1 0 auto;padding-left:0;overflow:visible}.ant-steps-vertical>.ant-steps-item .ant-steps-item-icon{float:left;margin-right:16px}.ant-steps-vertical>.ant-steps-item .ant-steps-item-content{display:block;min-height:48px;overflow:hidden}.ant-steps-vertical>.ant-steps-item .ant-steps-item-title{line-height:32px}.ant-steps-vertical>.ant-steps-item .ant-steps-item-description{padding-bottom:12px}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{position:absolute;top:0;left:16px;width:1px;height:100%;padding:38px 0 6px}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail::after{width:1px;height:100%}.ant-steps-vertical>.ant-steps-item:not(:last-child)>.ant-steps-item-container>.ant-steps-item-tail{display:block}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after{display:none}.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail{position:absolute;top:0;left:12px;padding:30px 0 6px}.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title{line-height:24px}.ant-steps-label-vertical .ant-steps-item{overflow:visible}.ant-steps-label-vertical .ant-steps-item-tail{margin-left:58px;padding:3.5px 24px}.ant-steps-label-vertical .ant-steps-item-content{display:block;width:116px;margin-top:8px;text-align:center}.ant-steps-label-vertical .ant-steps-item-icon{display:inline-block;margin-left:42px}.ant-steps-label-vertical .ant-steps-item-title{padding-right:0;padding-left:0}.ant-steps-label-vertical .ant-steps-item-title::after{display:none}.ant-steps-label-vertical .ant-steps-item-subtitle{display:block;margin-bottom:4px;margin-left:0;line-height:1.5715}.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon{margin-left:46px}.ant-steps-dot .ant-steps-item-title,.ant-steps-dot.ant-steps-small .ant-steps-item-title{line-height:1.5715}.ant-steps-dot .ant-steps-item-tail,.ant-steps-dot.ant-steps-small .ant-steps-item-tail{top:2px;width:100%;margin:0 0 0 70px;padding:0}.ant-steps-dot .ant-steps-item-tail::after,.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after{width:calc(100% - 20px);height:3px;margin-left:12px}.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot{left:2px}.ant-steps-dot .ant-steps-item-icon,.ant-steps-dot.ant-steps-small .ant-steps-item-icon{width:8px;height:8px;margin-left:67px;padding-right:0;line-height:8px;background:0 0;border:0}.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot{position:relative;float:left;width:100%;height:100%;border-radius:100px;transition:all .3s}.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after{position:absolute;top:-12px;left:-26px;width:60px;height:32px;background:rgba(0,0,0,.001);content:''}.ant-steps-dot .ant-steps-item-content,.ant-steps-dot.ant-steps-small .ant-steps-item-content{width:140px}.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon{position:relative;top:-1px;width:10px;height:10px;line-height:10px;background:0 0}.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot{left:0}.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon{margin-top:8px;margin-left:0;background:0 0}.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{top:2px;left:-9px;margin:0;padding:22px 0 4px}.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot{left:0}.ant-steps-vertical.ant-steps-dot .ant-steps-item-content{width:inherit}.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot{left:-2px}.ant-steps-navigation{padding-top:12px}.ant-steps-navigation.ant-steps-small .ant-steps-item-container{margin-left:-12px}.ant-steps-navigation .ant-steps-item{overflow:visible;text-align:center}.ant-steps-navigation .ant-steps-item-container{display:inline-block;height:100%;margin-left:-16px;padding-bottom:12px;text-align:left;transition:opacity .3s}.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after,.ant-steps-navigation .ant-steps-item:last-child::after{display:none}.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content{max-width:auto}.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title{max-width:100%;padding-right:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button]{cursor:pointer}.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button]:hover{opacity:.85}.ant-steps-navigation .ant-steps-item:last-child{flex:1}.ant-steps-navigation .ant-steps-item::after{position:absolute;top:50%;left:100%;display:inline-block;width:12px;height:12px;margin-top:-14px;margin-left:-2px;border:1px solid rgba(0,0,0,.25);border-bottom:none;border-left:none;transform:rotate(45deg);content:''}.ant-steps-navigation .ant-steps-item::before{position:absolute;bottom:0;left:50%;display:inline-block;width:0;height:2px;background-color:#1890ff;transition:width .3s,left .3s;transition-timing-function:ease-out;content:''}.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before{left:0;width:100%}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item{margin-right:0!important}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item::before{display:none}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item.ant-steps-item-active::before{top:0;right:0;left:unset;display:block;width:3px;height:calc(100% - 24px)}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item::after{position:relative;top:-2px;left:50%;display:block;width:8px;height:8px;margin-bottom:8px;text-align:center;transform:rotate(135deg)}.ant-switch,nz-switch{display:inline-block}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{visibility:hidden}.ant-steps.ant-steps-rtl .ant-steps-item-icon{margin-right:0;margin-left:8px}.ant-steps-rtl .ant-steps-item-tail{right:0;left:auto}.ant-steps-rtl .ant-steps-item-title{padding-right:0;padding-left:16px}.ant-steps-rtl .ant-steps-item-title::after{right:100%;left:auto}.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-right:16px;padding-left:0}.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-right:0}.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title{padding-left:0}.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon{right:.5px;left:auto}.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container{margin-right:-12px;margin-left:0}.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container{margin-right:-16px;margin-left:0;text-align:right}.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title{padding-left:0}.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after{right:100%;left:auto;margin-right:-2px;margin-left:0;transform:rotate(225deg)}.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-right:12px;padding-left:0}.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-right:0}.ant-steps-rtl.ant-steps-small .ant-steps-item-title{padding-right:0;padding-left:12px}.ant-steps-rtl.ant-steps-vertical>.ant-steps-item .ant-steps-item-icon{float:right;margin-right:0;margin-left:16px}.ant-steps-rtl.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{right:16px;left:auto}.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail{right:12px;left:auto}.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title{padding-left:0}.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail{margin:0 70px 0 0}.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after{margin-right:12px;margin-left:0}.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot{right:2px;left:auto}.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon{margin-right:67px;margin-left:0}.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot{float:right}.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after{right:-26px;left:auto}.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon{margin-right:0;margin-left:16px}.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{right:-9px;left:auto}.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot{right:0;left:auto}.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot{right:-2px;left:auto}.ant-steps-with-progress .ant-steps-item{padding-top:4px}.ant-steps-with-progress .ant-steps-item .ant-steps-item-tail{top:4px!important}.ant-steps-with-progress .ant-steps-item-icon{position:relative}.ant-steps-with-progress .ant-steps-item-icon .ant-progress{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.ant-switch{margin:0;padding:0;font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum';position:relative;box-sizing:border-box;min-width:44px;height:22px;line-height:22px;background-color:rgba(0,0,0,.25);border:0;border-radius:100px;cursor:pointer;transition:all .2s;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-switch:focus{outline:0;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.ant-switch-checked:focus{box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-switch:focus:hover{box-shadow:none}.ant-switch-checked{background-color:#1890ff}.ant-switch-disabled,.ant-switch-loading{cursor:not-allowed;opacity:.4}.ant-switch-disabled *,.ant-switch-loading *{box-shadow:none;cursor:not-allowed}.ant-switch-inner{display:block;margin:0 7px 0 25px;color:#fff;font-size:12px;transition:margin .2s}.ant-switch-handle,.ant-switch-handle::before{transition:all .2s ease-in-out;position:absolute}.ant-switch-checked .ant-switch-inner{margin:0 25px 0 7px}.ant-switch-handle{top:2px;left:2px;width:18px;height:18px}.ant-switch-handle::before{top:0;right:0;bottom:0;left:0;background-color:#fff;border-radius:9px;box-shadow:0 2px 4px 0 rgba(0,35,11,.2);content:''}.ant-switch-checked .ant-switch-handle{left:calc(100% - 18px - 2px)}.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before{right:-30%;left:0}.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before{right:0;left:-30%}.ant-switch-loading-icon{position:relative;top:2px;color:rgba(0,0,0,.65);vertical-align:top}.ant-switch-checked .ant-switch-loading-icon{color:#1890ff}.ant-switch-small{min-width:28px;height:16px;line-height:16px}.ant-table,.ant-table-filter-dropdown,.ant-tabs,.ant-tabs-dropdown,.ant-timeline{line-height:1.5715;box-sizing:border-box}.ant-switch-small .ant-switch-inner{margin:0 5px 0 18px;font-size:12px}.ant-switch-small .ant-switch-handle{width:12px;height:12px}.ant-switch-small .ant-switch-loading-icon{top:1.5px;font-size:9px}.ant-table,.ant-table.ant-table-middle,.ant-table.ant-table-small{font-size:14px}.ant-switch-small.ant-switch-checked .ant-switch-inner{margin:0 18px 0 5px}.ant-switch-small.ant-switch-checked .ant-switch-handle{left:calc(100% - 12px - 2px)}.ant-switch-rtl .ant-switch-inner{margin:0 25px 0 7px}.ant-switch-rtl .ant-switch-handle{right:2px;left:auto}.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before{right:0;left:-30%}.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before{right:-30%;left:0}.ant-switch-rtl.ant-switch-checked .ant-switch-inner{margin:0 7px 0 25px}.ant-table.ant-table-middle .ant-table-expanded-row-fixed,.ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column{margin:-12px -8px}.ant-switch-rtl.ant-switch-checked .ant-switch-handle{right:calc(100% - 18px - 2px)}.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle{right:calc(100% - 12px - 2px)}.ant-table-wrapper::after,.ant-table-wrapper::before{display:table;content:''}.ant-table.ant-table-middle .ant-table-footer,.ant-table.ant-table-middle .ant-table-tbody>tr>td,.ant-table.ant-table-middle .ant-table-thead>tr>th,.ant-table.ant-table-middle .ant-table-title,.ant-table.ant-table-middle tfoot>tr>td,.ant-table.ant-table-middle tfoot>tr>th{padding:12px 8px}.ant-table.ant-table-middle .ant-table-thead th.ant-table-column-has-sorters{padding:0}.ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column-title{padding:12px 2.3em 12px 8px}.ant-table.ant-table-middle .ant-table-thead .ant-table-column-sorters{padding:12px 8px}.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table{margin:-12px -8px -12px 25px}.ant-table.ant-table-small .ant-table-expanded-row-fixed,.ant-table.ant-table-small .ant-table-thead .ant-table-filter-column{margin:-8px}.ant-table.ant-table-small .ant-table-footer,.ant-table.ant-table-small .ant-table-tbody>tr>td,.ant-table.ant-table-small .ant-table-thead>tr>th,.ant-table.ant-table-small .ant-table-title,.ant-table.ant-table-small tfoot>tr>td,.ant-table.ant-table-small tfoot>tr>th{padding:8px}.ant-table.ant-table-small .ant-table-thead th.ant-table-column-has-sorters{padding:0}.ant-table.ant-table-small .ant-table-thead .ant-table-filter-column-title{padding:8px 2.3em 8px 8px}.ant-table.ant-table-small .ant-table-thead .ant-table-column-sorters{padding:8px}.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table{margin:-8px -8px -8px 25px}.ant-table-small .ant-table-thead>tr>th{background-color:#fafafa}.ant-table-small .ant-table-selection-column{width:46px;min-width:46px}.ant-table.ant-table-bordered>.ant-table-title{border:1px solid #f0f0f0;border-bottom:0}.ant-table.ant-table-bordered>.ant-table-container{border:1px solid #f0f0f0;border-right:0;border-bottom:0}.ant-table-thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr:not(:last-child)>th{border-bottom:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th{border-right:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>.ant-table-cell-fix-right-first::after{border-right:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-16px -17px}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed::after{position:absolute;top:0;right:1px;bottom:0;border-right:1px solid #f0f0f0;content:''}.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-expanded-row>td,.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-placeholder>td{border-right:0}.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-12px -9px}.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-8px -9px}.ant-table.ant-table-bordered>.ant-table-footer{border:1px solid #f0f0f0;border-top:0}.ant-table-cell .ant-table-container:first-child{border-top:0}.ant-table-cell-scrollbar{box-shadow:0 1px 0 1px #fafafa}.ant-table-wrapper{clear:both;max-width:100%}.ant-table-wrapper::after{clear:both}.ant-table{margin:0;padding:0;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum';position:relative;background:#fff;border-radius:2px}.ant-table table{width:100%;text-align:left;border-radius:2px 2px 0 0;border-collapse:separate;border-spacing:0}.ant-table tfoot>tr>td,.ant-table tfoot>tr>th,.ant-table-tbody>tr>td,.ant-table-thead>tr>th{position:relative;padding:16px;overflow-wrap:break-word}.ant-table-cell-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,.ant-table-cell-ellipsis.ant-table-cell-fix-right-first{overflow:visible}.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content{display:block;overflow:hidden;text-overflow:ellipsis}.ant-table-title{padding:16px}.ant-table-footer{padding:16px;background:#fafafa}.ant-table-thead>tr>th{font-weight:500;text-align:left;background:#fafafa;transition:background .3s ease}.ant-table-thead>tr>th[colspan]:not([colspan='1']){text-align:center}.ant-table-thead>tr:not(:last-child)>th[colspan]{border-bottom:0}.ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;transition:background .3s}.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table{margin:-16px -16px -16px 33px}.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td{border-bottom:0}.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child{border-radius:0}.ant-table-tbody>tr.ant-table-row:hover>td{background:#fafafa}.ant-table-tbody>tr.ant-table-row-selected>td{background:#e6f7ff;border-color:rgba(0,0,0,.03)}.ant-table-tbody>tr.ant-table-row-selected:hover>td{background:#dcf4ff}.ant-table tfoot>tr>td,.ant-table tfoot>tr>th{border-bottom:1px solid #f0f0f0}.ant-table-pagination.ant-pagination{margin:16px 0}.ant-table-pagination{display:flex}.ant-table-pagination-center{justify-content:center}.ant-table-pagination-right{justify-content:flex-end}.ant-table-thead th.ant-table-column-has-sorters{padding:0;cursor:pointer;transition:all .3s}.ant-table-thead th.ant-table-column-has-sorters:hover{background:#f2f2f2}.ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container{background:#f7f7f7}.ant-table-thead th.ant-table-column-sort{background:#f5f5f5}td.ant-table-column-sort{background:#fafafa}.ant-table-column-sorters-with-tooltip{display:inline-block;width:100%}.ant-table-column-sorters{display:inline-flex;align-items:center;padding:16px}.ant-table-column-sorter{margin-top:.15em;margin-bottom:-.15em;margin-left:8px;color:#bfbfbf}.ant-table-column-sorter-full{margin-top:-.2em;margin-bottom:0}.ant-table-column-sorter-inner{display:inline-flex;flex-direction:column;align-items:center}.ant-table-column-sorter-down,.ant-table-column-sorter-up{font-size:11px}.ant-table-column-sorter-down.active,.ant-table-column-sorter-up.active{color:#1890ff}.ant-table-column-sorter-up+.ant-table-column-sorter-down{margin-top:-.3em}.ant-table-filter-column{display:flex;align-items:center;margin:-16px}.ant-table-filter-column-title{flex:auto;padding:16px 2.3em 16px 16px}.ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column{margin:0}.ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title{padding:0 2.3em 0 0}.ant-table-filter-trigger-container{position:absolute;top:0;right:0;bottom:0;display:flex;flex:none;align-items:stretch;align-self:stretch;cursor:pointer;transition:background-color .3s}.ant-table-filter-trigger-container-open,.ant-table-filter-trigger-container:hover,.ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover{background:#e5e5e5}.ant-table-filter-trigger{display:block;width:2.3em;color:#bfbfbf;font-size:12px;transition:color .3s}.ant-table-filter-trigger .anticon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ant-table-filter-trigger-container-open .ant-table-filter-trigger,.ant-table-filter-trigger:hover{color:rgba(0,0,0,.45)}.ant-table-filter-trigger.active{color:#1890ff}.ant-table-filter-dropdown{margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum';min-width:120px;background-color:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-table-filter-dropdown .ant-dropdown-menu{max-height:264px;overflow-x:hidden;border:0;box-shadow:none}.ant-table-filter-dropdown-submenu>ul{max-height:calc(100vh - 130px);overflow-x:hidden;overflow-y:auto}.ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span{padding-left:8px}.ant-table-filter-dropdown-btns{display:flex;padding:7px 8px 7px 3px;overflow:hidden;background-color:inherit;border-top:1px solid #f0f0f0}.ant-table-selection,.ant-tabs-bottom,.ant-tabs-top{flex-direction:column}.ant-table .ant-table-selection-col{width:32px}table tr td.ant-table-selection-column,table tr th.ant-table-selection-column{padding-right:8px;padding-left:8px;text-align:center}table tr td.ant-table-selection-column .ant-radio-wrapper,table tr th.ant-table-selection-column .ant-radio-wrapper{margin-right:0}.ant-table-selection{position:relative;display:inline-flex}.ant-table-selection-extra{position:absolute;top:0;z-index:1;cursor:pointer;transition:all .3s;margin-inline-start:100%;padding-inline-start:4px}.ant-table-selection-extra .anticon{color:#bfbfbf;font-size:10px}.ant-table-selection-extra .anticon:hover{color:#a6a6a6}.ant-table-expand-icon-col{width:48px}.ant-table-row-expand-icon-cell{text-align:center}.ant-table-row-indent{float:left;height:1px}.ant-table-row-expand-icon{text-decoration:none;cursor:pointer;position:relative;display:inline-flex;float:left;box-sizing:border-box;width:17px;height:17px;padding:0;color:inherit;line-height:17px;background:#fff;border:1px solid #f0f0f0;border-radius:2px;outline:0;transition:all .3s;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-table-row-expand-icon:focus,.ant-table-row-expand-icon:hover{color:#40a9ff}.ant-table-row-expand-icon:active{color:#096dd9}.ant-table-row-expand-icon:active,.ant-table-row-expand-icon:focus,.ant-table-row-expand-icon:hover{border-color:currentColor}.ant-table-row-expand-icon::after,.ant-table-row-expand-icon::before{position:absolute;background:currentColor;transition:transform .3s ease-out;content:''}.ant-table-row-expand-icon::before{top:7px;right:3px;left:3px;height:1px}.ant-table-row-expand-icon::after{top:3px;bottom:3px;left:7px;width:1px;transform:rotate(90deg)}.ant-table-row-expand-icon-collapsed::before{transform:rotate(-180deg)}.ant-table-row-expand-icon-collapsed::after{transform:rotate(0)}.ant-table-row-expand-icon-spaced{background:0 0;border:0;visibility:hidden}.ant-table-row-expand-icon-spaced::after,.ant-table-row-expand-icon-spaced::before{display:none;content:none}.ant-table-row-indent+.ant-table-row-expand-icon{margin-top:2.5px;margin-right:8px}tr.ant-table-expanded-row:hover>td,tr.ant-table-expanded-row>td{background:#fbfbfb}tr.ant-table-expanded-row .ant-descriptions-view table{width:auto}.ant-table .ant-table-expanded-row-fixed{position:relative;margin:-16px;padding:16px}.ant-table-tbody>tr.ant-table-placeholder{text-align:center}.ant-table-empty .ant-table-tbody>tr.ant-table-placeholder{color:rgba(0,0,0,.25)}.ant-table-tbody>tr.ant-table-placeholder:hover>td{background:#fff}.ant-table-cell-fix-left,.ant-table-cell-fix-right{position:sticky!important;z-index:2;background:#fff}.ant-table .ant-table-container::after,.ant-table .ant-table-container::before,.ant-table-cell-fix-left-first::after,.ant-table-cell-fix-left-last::after,.ant-table-cell-fix-right-first::after,.ant-table-cell-fix-right-last::after{position:absolute;transition:box-shadow .3s;width:30px;top:0;pointer-events:none;content:''}.ant-table-cell-fix-left-first::after,.ant-table-cell-fix-left-last::after{right:0;bottom:-1px;transform:translateX(100%)}.ant-table-cell-fix-right-first::after,.ant-table-cell-fix-right-last::after{bottom:-1px;left:0;transform:translateX(-100%)}.ant-table .ant-table-container::after,.ant-table .ant-table-container::before{bottom:0;z-index:1}.ant-table .ant-table-container::before{left:0}.ant-table .ant-table-container::after{right:0}.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container{position:relative}.ant-table-ping-left .ant-table-cell-fix-left-first::after,.ant-table-ping-left .ant-table-cell-fix-left-last::after,.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.15)}.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container{position:relative}.ant-table-sticky-header,.ant-table-sticky-scroll{position:sticky;z-index:calc(2 + 1)}.ant-table-ping-right .ant-table-cell-fix-right-first::after,.ant-table-ping-right .ant-table-cell-fix-right-last::after,.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.15)}.ant-table-sticky-scroll{bottom:0;display:flex;align-items:center;background:#fff;border-top:1px solid #f0f0f0;opacity:.6}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tag{opacity:1}.ant-table-sticky-scroll:hover{transform-origin:center bottom}.ant-table-sticky-scroll-bar{height:8px;background-color:rgba(0,0,0,.35);border-radius:4px}.ant-table-sticky-scroll-bar-active,.ant-table-sticky-scroll-bar:hover{background-color:rgba(0,0,0,.8)}@media all and (-ms-high-contrast:none){.ant-table-ping-left .ant-table-cell-fix-left-last::after,.ant-table-ping-right .ant-table-cell-fix-right-first::after{box-shadow:none!important}}.ant-table-title{border-radius:2px 2px 0 0}.ant-table-title+.ant-table-container{border-top-left-radius:0;border-top-right-radius:0}.ant-table-title+.ant-table-container table>thead>tr:first-child th:first-child,.ant-table-title+.ant-table-container table>thead>tr:first-child th:last-child{border-radius:0}.ant-table-container,.ant-table-container table>thead>tr:first-child th:first-child{border-top-left-radius:2px}.ant-table-container,.ant-table-container table>thead>tr:first-child th:last-child{border-top-right-radius:2px}.ant-table-footer{border-radius:0 0 2px 2px}.ant-table-wrapper-rtl .ant-table table{text-align:right}.ant-table-wrapper-rtl .ant-table-thead>tr>th[colspan]:not([colspan='1']){text-align:center}.ant-table-wrapper-rtl .ant-table-thead>tr>th{text-align:right}.ant-table-wrapper-rtl .ant-table thead>tr>th.ant-table-selection-column,.ant-table-wrapper-rtl .ant-table-selection{text-align:center}.ant-table-tbody>tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl{margin:-16px 33px -16px -16px}.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left{justify-content:flex-end}.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right{justify-content:flex-start}.ant-table-wrapper-rtl .ant-table-column-sorter{margin-right:8px;margin-left:0}.ant-table-wrapper-rtl .ant-table-filter-column-title{padding:16px 16px 16px 2.3em}.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title{padding:0 0 0 2.3em}.ant-table-wrapper-rtl .ant-table-filter-trigger-container{right:auto;left:0}.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span,.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span{padding-right:8px;padding-left:0}.ant-table-wrapper-rtl .ant-table-row-expand-icon,.ant-table-wrapper-rtl .ant-table-row-indent{float:right}.ant-table-wrapper-rtl .ant-table-row-indent+.ant-table-row-expand-icon{margin-right:0;margin-left:8px}.ant-table-wrapper-rtl .ant-table-row-expand-icon::after{transform:rotate(-90deg)}.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before{transform:rotate(180deg)}.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after{transform:rotate(0)}nz-table,nz-table-inner-default,nz-table-inner-scroll,nz-table-selection,nz-table-title-footer{display:block}.nz-table-out-bordered>.ant-table-container,.nz-table-out-bordered>.ant-table-title{border:1px solid #f0f0f0;border-bottom:0}.nz-table-out-bordered>.ant-table-footer{border:1px solid #f0f0f0;border-top:0}cdk-virtual-scroll-viewport.ant-table-body{overflow-y:scroll}.nz-table-hide-scrollbar{scrollbar-color:#fafafa #fafafa}.nz-table-hide-scrollbar::-webkit-scrollbar{background-color:#fafafa}.ant-table.ant-table-small .nz-table-hide-scrollbar{scrollbar-color:#fafafa #fafafa}.ant-table.ant-table-small .nz-table-hide-scrollbar::-webkit-scrollbar{background-color:transparent}.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{padding:8px 0;font-size:14px}.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{padding:16px 0;font-size:16px}.ant-tabs-card.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{padding:6px 16px}.ant-tabs-card.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{padding:7px 16px 6px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab{margin:0 0 0 32px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type{margin-left:0}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon{margin-right:0;margin-left:12px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{margin-right:8px;margin-left:-4px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0}.ant-tabs-rtl.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-rtl.ant-tabs-right>.ant-tabs-nav{order:0}.ant-tabs-rtl.ant-tabs-right>.ant-tabs-content-holder{order:1}.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type){margin-right:0;margin-left:2px}.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item{text-align:right}.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav,.ant-tabs-top>.ant-tabs-nav,.ant-tabs-top>div>.ant-tabs-nav{margin:0 0 16px}.ant-tabs-bottom>.ant-tabs-nav::before,.ant-tabs-bottom>div>.ant-tabs-nav::before,.ant-tabs-top>.ant-tabs-nav::before,.ant-tabs-top>div>.ant-tabs-nav::before{position:absolute;right:0;left:0;border-bottom:1px solid #f0f0f0;content:''}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar{height:2px}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:width .3s,left .3s,right .3s}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{top:0;bottom:0;width:30px}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{left:0;box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::after{right:0;box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav::before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav::before{bottom:0}.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav{order:1;margin-top:16px;margin-bottom:0}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>.ant-tabs-nav::before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav::before{top:0}.ant-tabs-bottom>.ant-tabs-content-holder,.ant-tabs-bottom>div>.ant-tabs-content-holder{order:0}.ant-tabs-left>.ant-tabs-nav,.ant-tabs-left>div>.ant-tabs-nav,.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav{flex-direction:column;min-width:50px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{margin:0 0 16px;padding:8px 24px;text-align:center}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab:last-of-type,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab:last-of-type,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab:last-of-type,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab:last-of-type{margin-bottom:0}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn{font-weight:400;text-shadow:0 0 .25px #096dd9}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap{flex-direction:column}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{right:0;left:0;height:30px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{top:0;box-shadow:inset 0 10px 8px -8px rgba(0,0,0,.08)}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::after{bottom:0;box-shadow:inset 0 -10px 8px -8px rgba(0,0,0,.08)}.ant-tabs-dropdown-menu,.ant-tooltip-inner,.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar{width:2px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:height .3s,top .3s}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-operations{flex-direction:column}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar{right:0}.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-left>div>.ant-tabs-content-holder{margin-left:-1px;border-left:1px solid #f0f0f0}.ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-left>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{padding-left:24px}.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav{order:1}.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar{left:0}.ant-tabs-right>.ant-tabs-content-holder,.ant-tabs-right>div>.ant-tabs-content-holder{order:0;margin-right:-1px;border-right:1px solid #f0f0f0}.ant-tabs-right>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-right>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{padding-right:24px}.ant-tabs-dropdown{margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum';position:absolute;top:-9999px;left:-9999px;z-index:1050;display:block}.ant-tabs-dropdown-hidden{display:none}.ant-tabs-dropdown-menu{max-height:200px;margin:0;padding:4px 0;overflow-x:hidden;overflow-y:auto;text-align:left;list-style-type:none;background-color:#fff;background-clip:padding-box;border-radius:2px;outline:0}.ant-tabs-dropdown-menu-item{min-width:120px;margin:0;padding:5px 12px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;font-size:14px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.ant-tabs-dropdown-menu-item:hover{background:#f5f5f5}.ant-tabs-dropdown-menu-item-disabled,.ant-tabs-dropdown-menu-item-disabled:hover{color:rgba(0,0,0,.25);background:0 0;cursor:not-allowed}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0;padding:8px 16px;background:#fafafa;border:1px solid #f0f0f0;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs,.ant-timeline,.ant-tooltip{padding:0;font-variant:tabular-nums}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{color:#1890ff;background:#fff}.ant-tabs-card>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-ink-bar{visibility:hidden}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type){margin-right:2px}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab{border-radius:2px 2px 0 0}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active{border-bottom-color:#fff}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 0 2px 2px}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab-active{border-top-color:#fff}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type){margin-bottom:2px}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab{border-radius:2px 0 0 2px}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab-active{border-right-color:#fff}.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 2px 2px 0}.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab-active{border-left-color:#fff}.ant-tabs{margin:0;color:rgba(0,0,0,.85);font-size:14px;list-style:none;font-feature-settings:'tnum';display:flex;overflow:hidden}.ant-tabs>.ant-tabs-nav,.ant-tabs>div>.ant-tabs-nav{position:relative;display:flex;flex:none;align-items:center}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap{position:relative;display:inline-block;display:flex;flex:auto;align-self:stretch;overflow:hidden;white-space:nowrap;transform:translate(0)}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{position:absolute;z-index:1;opacity:0;transition:opacity .3s;content:'';pointer-events:none}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list{position:relative;display:flex;transition:transform .3s}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations{display:flex;align-self:stretch}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations-hidden{position:absolute;visibility:hidden;pointer-events:none}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more{position:relative;padding:8px 16px;background:0 0;border:0}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more::after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more::after{position:absolute;right:0;bottom:0;left:0;height:5px;transform:translateY(100%);content:''}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add{min-width:40px;padding:0 8px;background:#fafafa;border:1px solid #f0f0f0;border-radius:2px 2px 0 0;outline:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:hover,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:hover{color:#40a9ff}.ant-tabs-tab-btn:active,.ant-tabs-tab-btn:focus,.ant-tabs-tab-remove:active,.ant-tabs-tab-remove:focus,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:focus,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:focus{color:#096dd9}.ant-tabs-extra-content{flex:none}.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]),.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]){justify-content:center}.ant-tabs-ink-bar{position:absolute;background:#1890ff;pointer-events:none}.ant-tabs-dropdown-menu-item a[nz-tab-link],.ant-tabs-tab,.ant-timeline-item{position:relative}.ant-tabs-tab,.ant-tabs-tab-remove{background:0 0;cursor:pointer;outline:0}.ant-tabs-tab{display:inline-flex;align-items:center;margin:0 32px 0 0;padding:12px 0;font-size:14px;border:0}.ant-tabs-tab:last-of-type{margin-right:0;margin-left:0}.ant-tabs-tab-btn{outline:0;transition:all .3s}.ant-tabs-tab-remove{flex:none;margin-right:-4px;margin-left:8px;color:rgba(0,0,0,.45);font-size:12px;border:none;transition:all .3s}.ant-tabs-tab-remove:hover{color:rgba(0,0,0,.85)}.ant-tabs-tab:hover{color:#40a9ff}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1890ff;font-weight:500}.ant-tabs-tab.ant-tabs-tab-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus{color:rgba(0,0,0,.25)}.ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0}.ant-tabs-tab .anticon{margin-right:12px}.ant-tabs-content{display:flex;width:100%}.ant-tabs-content-holder{flex:auto;min-width:0;min-height:0}.ant-tabs-content-animated{transition:margin .3s}.ant-tabs-tabpane{flex:none;width:100%;outline:0}a[nz-tab-link]::before{position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:''}nz-tab-nav-operation,nz-tabs-nav,nz-tabset{display:block}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu{max-height:200px;margin:0;padding:4px 0;overflow-x:hidden;overflow-y:auto;text-align:left;list-style-type:none;background-color:#fff;background-clip:padding-box;border-radius:2px;outline:0}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item{min-width:120px;margin:0;padding:5px 12px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;font-size:14px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item:hover{background:#f5f5f5}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled,.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled:hover{color:rgba(0,0,0,.25);background:0 0;cursor:not-allowed}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled a,.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled:hover a{pointer-events:none;color:rgba(0,0,0,.25)}.ant-tabs-rtl .ant-tabs-rtl-tab-next{right:auto;left:2px}.ant-tabs-tab-disabled a{pointer-events:none;color:rgba(0,0,0,.25)}.ant-tag{box-sizing:border-box;margin:0 8px 0 0;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum';display:inline-block;height:auto;padding:0 7px;font-size:12px;line-height:20px;white-space:nowrap;background:#fafafa;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s}.ant-tag-checkable,.ant-tag-has-color{border-color:transparent}.ant-tag:hover{opacity:.85}.ant-tag,.ant-tag a,.ant-tag a:hover{color:rgba(0,0,0,.85)}.ant-tag>a:first-child:last-child{display:inline-block;margin:0 -8px;padding:0 8px}.ant-tag-hidden,.ant-timeline-item-last>.ant-timeline-item-tail,.ant-timeline-item-pending .ant-timeline-item-tail{display:none}.ant-tag-close-icon{margin-left:3px;color:rgba(0,0,0,.45);font-size:10px;cursor:pointer;transition:all .3s}.ant-tag-close-icon:hover{color:rgba(0,0,0,.85)}.ant-tag-has-color,.ant-tag-has-color .anticon-close,.ant-tag-has-color .anticon-close:hover,.ant-tag-has-color a,.ant-tag-has-color a:hover{color:#fff}.ant-tag-checkable{background-color:transparent;cursor:pointer}.ant-tag-checkable:not(.ant-tag-checkable-checked):hover{color:#1890ff}.ant-tag-checkable-checked,.ant-tag-checkable:active{color:#fff}.ant-tag-checkable-checked{background-color:#1890ff}.ant-tag-checkable:active{background-color:#096dd9}.ant-tag-pink{color:#eb2f96;background:#fff0f6;border-color:#ffadd2}.ant-tag-pink-inverse{color:#fff;background:#eb2f96;border-color:#eb2f96}.ant-tag-magenta{color:#eb2f96;background:#fff0f6;border-color:#ffadd2}.ant-tag-magenta-inverse{color:#fff;background:#eb2f96;border-color:#eb2f96}.ant-tag-red{color:#f5222d;border-color:#ffa39e}.ant-tag-red-inverse{color:#fff;background:#f5222d;border-color:#f5222d}.ant-tag-volcano{color:#fa541c;background:#fff2e8;border-color:#ffbb96}.ant-tag-volcano-inverse{color:#fff;background:#fa541c;border-color:#fa541c}.ant-tag-orange{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.ant-tag-orange-inverse{color:#fff;background:#fa8c16;border-color:#fa8c16}.ant-tag-yellow{color:#fadb14;background:#feffe6;border-color:#fffb8f}.ant-tag-yellow-inverse{color:#fff;background:#fadb14;border-color:#fadb14}.ant-tag-gold{color:#faad14;background:#fffbe6;border-color:#ffe58f}.ant-tag-gold-inverse{color:#fff;background:#faad14;border-color:#faad14}.ant-tag-cyan{color:#13c2c2;background:#e6fffb;border-color:#87e8de}.ant-tag-cyan-inverse{color:#fff;background:#13c2c2;border-color:#13c2c2}.ant-tag-lime{color:#a0d911;background:#fcffe6;border-color:#eaff8f}.ant-tag-lime-inverse{color:#fff;background:#a0d911;border-color:#a0d911}.ant-tag-green{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.ant-tag-green-inverse{color:#fff;background:#52c41a;border-color:#52c41a}.ant-tag-blue{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.ant-tag-blue-inverse{color:#fff;background:#1890ff;border-color:#1890ff}.ant-tag-geekblue{color:#2f54eb;background:#f0f5ff;border-color:#adc6ff}.ant-tag-geekblue-inverse{color:#fff;background:#2f54eb;border-color:#2f54eb}.ant-tag-purple{color:#722ed1;background:#f9f0ff;border-color:#d3adf7}.ant-tag-purple-inverse{color:#fff;background:#722ed1;border-color:#722ed1}.ant-tag-success{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.ant-tag-processing{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.ant-tag-error{color:#f5222d;border-color:#ffa39e}.ant-tag-warning{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.ant-tag.ant-tag-rtl{margin-right:0;margin-left:8px;text-align:right}.ant-tag-rtl .ant-tag-close-icon{margin-right:3px;margin-left:0}.ant-tag-rtl.ant-tag>.anticon+span,.ant-tag-rtl.ant-tag>span+.anticon{margin-right:7px;margin-left:0}.ant-timeline,.ant-timeline-item{margin:0;font-size:14px;list-style:none}.ant-timeline{color:rgba(0,0,0,.85);font-feature-settings:'tnum'}.ant-timeline-item{padding-bottom:20px}.ant-timeline-item-tail{position:absolute;top:10px;left:4px;height:calc(100% - 10px);border-left:2px solid #f0f0f0}.ant-timeline-item-pending .ant-timeline-item-head{font-size:12px;background-color:transparent}.ant-timeline-item-head{position:absolute;width:10px;height:10px;background-color:#fff;border:2px solid transparent;border-radius:100px}.ant-timeline-item-head-blue{color:#1890ff;border-color:#1890ff}.ant-timeline-item-head-red{color:#ff4d4f;border-color:#ff4d4f}.ant-timeline-item-head-green{color:#52c41a;border-color:#52c41a}.ant-timeline-item-head-gray{color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-timeline-item-head-custom{position:absolute;top:5.5px;left:5px;width:auto;height:auto;margin-top:0;padding:3px 1px;line-height:1;text-align:center;border:0;border-radius:0;transform:translate(-50%,-50%)}.ant-tooltip,.ant-transfer{font-size:14px;line-height:1.5715;list-style:none;font-feature-settings:'tnum'}.ant-timeline-item-content{position:relative;top:-7px;margin:0 0 0 26px;word-break:break-word}.ant-timeline-item-last>.ant-timeline-item-content{min-height:48px}.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-label .ant-timeline-item-tail,.ant-timeline.ant-timeline-right .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-tail{left:50%}.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-head{margin-left:-4px}.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom{margin-left:1px}.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content{left:calc(50% - 4px);width:calc(50% - 14px);text-align:left}.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{width:calc(50% - 12px);margin:0;text-align:right}.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail{left:calc(100% - 4px - 2px)}.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{width:calc(100% - 18px)}.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail{display:block;height:calc(100% - 14px);border-left:2px dotted #f0f0f0}.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail{display:none}.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail{top:15px;display:block;height:calc(100% - 15px);border-left:2px dotted #f0f0f0}.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content{min-height:48px}.ant-timeline.ant-timeline-label .ant-timeline-item-label{position:absolute;top:-7px;width:calc(50% - 12px);text-align:right}.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label{left:calc(50% + 14px);width:calc(50% - 14px);text-align:left}.ant-timeline-rtl .ant-timeline-item-tail{right:4px;left:auto;border-right:2px solid #f0f0f0;border-left:none}.ant-timeline-rtl .ant-timeline-item-head-custom{right:5px;left:auto;transform:translate(50%,-50%)}.ant-timeline-rtl .ant-timeline-item-content{margin:0 18px 0 0}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail{right:50%;left:auto}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head{margin-right:-4px;margin-left:0}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom{margin-right:1px;margin-left:0}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content{right:calc(50% - 4px);left:auto;text-align:right}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{text-align:left}.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail{right:0;left:auto}.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{width:100%;margin-right:18px;text-align:right}.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail{border-right:2px dotted #f0f0f0;border-left:none}.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label{text-align:left}.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label{right:calc(50% + 14px);text-align:right}.ant-tooltip{box-sizing:border-box;margin:0;color:rgba(0,0,0,.85);z-index:1070;display:block;max-width:250px}.ant-tooltip-hidden{display:none}.ant-tooltip-placement-top,.ant-tooltip-placement-topLeft,.ant-tooltip-placement-topRight{padding-bottom:8px}.ant-tooltip-placement-right,.ant-tooltip-placement-rightBottom,.ant-tooltip-placement-rightTop{padding-left:8px}.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottomRight{padding-top:8px}.ant-tooltip-placement-left,.ant-tooltip-placement-leftBottom,.ant-tooltip-placement-leftTop{padding-right:8px}.ant-tooltip-inner{min-width:30px;min-height:32px;padding:6px 8px;color:#fff;text-align:left;text-decoration:none;word-wrap:break-word;background-color:rgba(0,0,0,.75);border-radius:2px}.ant-tooltip-arrow{position:absolute;display:block;width:13.07px;height:13.07px;overflow:hidden;background:0 0;pointer-events:none}.ant-tooltip-arrow-content{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:5px;height:5px;margin:auto;background-color:rgba(0,0,0,.75);content:'';pointer-events:auto}.ant-tooltip,.ant-transfer{position:relative}.ant-tooltip-placement-top .ant-tooltip-arrow,.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.ant-tooltip-placement-topRight .ant-tooltip-arrow{bottom:-5.07px}.ant-tooltip-placement-top .ant-tooltip-arrow-content,.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,.ant-tooltip-placement-topRight .ant-tooltip-arrow-content{box-shadow:3px 3px 7px rgba(0,0,0,.07);transform:translateY(-6.54px) rotate(45deg)}.ant-tooltip-placement-top .ant-tooltip-arrow{left:50%;transform:translateX(-50%)}.ant-tooltip-placement-topLeft .ant-tooltip-arrow{left:13px}.ant-tooltip-placement-topRight .ant-tooltip-arrow{right:13px}.ant-tooltip-placement-right .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,.ant-tooltip-placement-rightTop .ant-tooltip-arrow{left:-5.07px}.ant-tooltip-placement-right .ant-tooltip-arrow-content,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content,.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content{box-shadow:-3px 3px 7px rgba(0,0,0,.07);transform:translateX(6.54px) rotate(45deg)}.ant-tooltip-placement-right .ant-tooltip-arrow{top:50%;transform:translateY(-50%)}.ant-tooltip-placement-rightTop .ant-tooltip-arrow{top:5px}.ant-tooltip-placement-rightBottom .ant-tooltip-arrow{bottom:5px}.ant-tooltip-placement-left .ant-tooltip-arrow,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.ant-tooltip-placement-leftTop .ant-tooltip-arrow{right:-5.07px}.ant-tooltip-placement-left .ant-tooltip-arrow-content,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content,.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content{box-shadow:3px -3px 7px rgba(0,0,0,.07);transform:translateX(-6.54px) rotate(45deg)}.ant-tooltip-placement-left .ant-tooltip-arrow{top:50%;transform:translateY(-50%)}.ant-tooltip-placement-leftTop .ant-tooltip-arrow{top:5px}.ant-tooltip-placement-leftBottom .ant-tooltip-arrow{bottom:5px}.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{top:-5.07px}.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content{box-shadow:-3px -3px 7px rgba(0,0,0,.07);transform:translateY(6.54px) rotate(45deg)}.ant-tooltip-placement-bottom .ant-tooltip-arrow{left:50%;transform:translateX(-50%)}.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow{left:13px}.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{right:13px}.ant-tooltip-magenta .ant-tooltip-arrow-content,.ant-tooltip-magenta .ant-tooltip-inner,.ant-tooltip-pink .ant-tooltip-arrow-content,.ant-tooltip-pink .ant-tooltip-inner{background-color:#eb2f96}.ant-tooltip-red .ant-tooltip-arrow-content,.ant-tooltip-red .ant-tooltip-inner{background-color:#f5222d}.ant-tooltip-volcano .ant-tooltip-arrow-content,.ant-tooltip-volcano .ant-tooltip-inner{background-color:#fa541c}.ant-tooltip-orange .ant-tooltip-arrow-content,.ant-tooltip-orange .ant-tooltip-inner{background-color:#fa8c16}.ant-tooltip-yellow .ant-tooltip-arrow-content,.ant-tooltip-yellow .ant-tooltip-inner{background-color:#fadb14}.ant-tooltip-gold .ant-tooltip-arrow-content,.ant-tooltip-gold .ant-tooltip-inner{background-color:#faad14}.ant-tooltip-cyan .ant-tooltip-arrow-content,.ant-tooltip-cyan .ant-tooltip-inner{background-color:#13c2c2}.ant-tooltip-lime .ant-tooltip-arrow-content,.ant-tooltip-lime .ant-tooltip-inner{background-color:#a0d911}.ant-tooltip-green .ant-tooltip-arrow-content,.ant-tooltip-green .ant-tooltip-inner{background-color:#52c41a}.ant-tooltip-blue .ant-tooltip-arrow-content,.ant-tooltip-blue .ant-tooltip-inner{background-color:#1890ff}.ant-tooltip-geekblue .ant-tooltip-arrow-content,.ant-tooltip-geekblue .ant-tooltip-inner{background-color:#2f54eb}.ant-tooltip-purple .ant-tooltip-arrow-content,.ant-tooltip-purple .ant-tooltip-inner{background-color:#722ed1}.ant-tooltip-rtl .ant-tooltip-inner{text-align:right}.ant-transfer-customize-list .ant-transfer-list{flex:1 1 50%;width:auto;height:auto;min-height:200px}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small{border:0;border-radius:0}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th{background:#fafafa}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content .ant-table-row:last-child td{border-bottom:1px solid #f0f0f0}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body{margin:0}.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination{margin:16px 0 4px}.ant-transfer-customize-list .ant-input[disabled]{background-color:transparent}.ant-transfer{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-variant:tabular-nums;display:flex;align-items:stretch}.ant-transfer-disabled .ant-transfer-list{background:#f5f5f5}.ant-transfer-list{display:flex;flex-direction:column;width:180px;height:200px;border:1px solid #d9d9d9;border-radius:2px}.ant-transfer-list-with-pagination{width:250px;height:auto}.ant-transfer-list-search{padding-right:24px;padding-left:8px}.ant-transfer-list-search-action{position:absolute;top:12px;right:12px;bottom:12px;width:28px;color:rgba(0,0,0,.25);line-height:32px;text-align:center}.ant-transfer-list-search-action .anticon{color:rgba(0,0,0,.25);transition:all .3s}.ant-transfer-list-search-action .anticon:hover{color:rgba(0,0,0,.45)}span.ant-transfer-list-search-action{pointer-events:none}.ant-transfer-list-header{display:flex;flex:none;align-items:center;height:40px;padding:8px 12px 9px;color:rgba(0,0,0,.85);background:#fff;border-bottom:1px solid #f0f0f0;border-radius:2px 2px 0 0}.ant-transfer-list-header>:not(:last-child){margin-right:4px}.ant-transfer-list-header>*{flex:none}.ant-transfer-list-header-title{flex:auto;overflow:hidden;white-space:nowrap;text-align:right;text-overflow:ellipsis}.ant-transfer-list-header-dropdown{font-size:10px;transform:translateY(10%);cursor:pointer}.ant-transfer-list-header-dropdown[disabled]{cursor:not-allowed}.ant-transfer-list-body{display:flex;flex:auto;flex-direction:column;overflow:hidden;font-size:14px}.ant-transfer-list-body-search-wrapper{position:relative;flex:none;padding:12px}.ant-transfer-list-content{flex:auto;margin:0;padding:0;overflow:auto;list-style:none}.ant-transfer-list-content-item{display:flex;align-items:center;min-height:32px;padding:6px 12px;overflow:hidden;line-height:20px;transition:all .3s}.ant-transfer-list-content-item>:not(:last-child){margin-right:8px}.ant-transfer-list-content-item>*{flex:none}.ant-transfer-list-content-item-text{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-transfer-list-content-item-remove{text-decoration:none;outline:0;cursor:pointer;transition:color .3s;position:relative;color:#d9d9d9}.ant-transfer-list-content-item-remove:focus,.ant-transfer-list-content-item-remove:hover{color:#40a9ff}.ant-transfer-list-content-item-remove:active{color:#096dd9}.ant-transfer-list-content-item-remove::after{position:absolute;top:-6px;right:-50%;bottom:-6px;left:-50%;content:''}.ant-transfer-list-content-item-remove:hover{color:#40a9ff}.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover{background-color:#f5f5f5;cursor:pointer}.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover{background-color:#dcf4ff}.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover{background:0 0;cursor:default}.ant-transfer-list-content-item-checked{background-color:#e6f7ff}.ant-transfer-list-content-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-transfer-list-pagination{padding:8px 0;text-align:right;border-top:1px solid #f0f0f0}.ant-transfer-list-body-not-found{flex:none;width:100%;margin:auto 0;color:rgba(0,0,0,.25);text-align:center}.ant-transfer-list-footer{border-top:1px solid #f0f0f0}.ant-transfer-operation{display:flex;flex:none;flex-direction:column;align-self:center;margin:0 8px;overflow:hidden}.ant-transfer-operation .ant-btn{display:block}.ant-transfer-operation .ant-btn:first-child{margin-bottom:4px}.ant-transfer-operation .ant-btn .anticon{font-size:12px}.ant-transfer .ant-empty-image{max-height:-2px}.ant-transfer-rtl .ant-transfer-list-search{padding-right:8px;padding-left:24px}.ant-transfer-rtl .ant-transfer-list-search-action{right:auto;left:12px}.ant-transfer-rtl .ant-transfer-list-footer,.ant-transfer-rtl .ant-transfer-list-header{right:0;left:auto}.ant-transfer-rtl .ant-transfer-list-header>:not(:last-child){margin-right:0;margin-left:4px}.ant-transfer-rtl .ant-transfer-list-header-title{text-align:left}.ant-transfer-rtl .ant-transfer-list-content-item>:not(:last-child){margin-right:0;margin-left:8px}.ant-transfer-rtl .ant-transfer-list-pagination{text-align:left}.ant-typography{color:rgba(0,0,0,.85);overflow-wrap:break-word}.ant-typography.ant-typography-secondary{color:rgba(0,0,0,.45)}.ant-typography.ant-typography-success{color:#52c41a}.ant-typography.ant-typography-warning{color:#faad14}.ant-typography.ant-typography-danger{color:#ff4d4f}a.ant-typography.ant-typography-danger:active,a.ant-typography.ant-typography-danger:focus,a.ant-typography.ant-typography-danger:hover{color:#ff7875}.ant-typography.ant-typography-disabled{color:rgba(0,0,0,.25);cursor:not-allowed;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-typography p,div.ant-typography{margin-bottom:1em}.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4,.ant-typography h5,h1.ant-typography,h2.ant-typography,h3.ant-typography,h4.ant-typography,h5.ant-typography{margin-bottom:.5em;color:rgba(0,0,0,.85);font-weight:600}.ant-typography h1,h1.ant-typography{font-size:38px;line-height:1.23}.ant-typography h2,h2.ant-typography{font-size:30px;line-height:1.35}.ant-typography h3,h3.ant-typography{font-size:24px;line-height:1.35}.ant-typography h4,h4.ant-typography{font-size:20px;line-height:1.4}.ant-typography h5,h5.ant-typography{font-size:16px;line-height:1.5}.ant-typography div+h1,.ant-typography div+h2,.ant-typography div+h3,.ant-typography div+h4,.ant-typography div+h5,.ant-typography h1+h1,.ant-typography h1+h2,.ant-typography h1+h3,.ant-typography h1+h4,.ant-typography h1+h5,.ant-typography h2+h1,.ant-typography h2+h2,.ant-typography h2+h3,.ant-typography h2+h4,.ant-typography h2+h5,.ant-typography h3+h1,.ant-typography h3+h2,.ant-typography h3+h3,.ant-typography h3+h4,.ant-typography h3+h5,.ant-typography h4+h1,.ant-typography h4+h2,.ant-typography h4+h3,.ant-typography h4+h4,.ant-typography h4+h5,.ant-typography h5+h1,.ant-typography h5+h2,.ant-typography h5+h3,.ant-typography h5+h4,.ant-typography h5+h5,.ant-typography li+h1,.ant-typography li+h2,.ant-typography li+h3,.ant-typography li+h4,.ant-typography li+h5,.ant-typography p+h1,.ant-typography p+h2,.ant-typography p+h3,.ant-typography p+h4,.ant-typography p+h5,.ant-typography ul+h1,.ant-typography ul+h2,.ant-typography ul+h3,.ant-typography ul+h4,.ant-typography ul+h5,.ant-typography+h1.ant-typography,.ant-typography+h2.ant-typography,.ant-typography+h3.ant-typography,.ant-typography+h4.ant-typography,.ant-typography+h5.ant-typography{margin-top:1.2em}.ant-typography code,.ant-typography kbd{margin:0 .2em;border:1px solid rgba(100,100,100,.2)}a.ant-typography-ellipsis,span.ant-typography-ellipsis{display:inline-block}.ant-typography a,a.ant-typography{color:#1890ff;outline:0;cursor:pointer;transition:color .3s;text-decoration:none}.ant-typography a:focus,.ant-typography a:hover,a.ant-typography:focus,a.ant-typography:hover{color:#40a9ff}.ant-typography a:active,a.ant-typography:active{color:#096dd9}.ant-typography a:active,.ant-typography a:hover,a.ant-typography:active,a.ant-typography:hover{text-decoration:none}.ant-typography a.ant-typography-disabled,.ant-typography a[disabled],a.ant-typography.ant-typography-disabled,a.ant-typography[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-typography a.ant-typography-disabled:active,.ant-typography a.ant-typography-disabled:hover,.ant-typography a[disabled]:active,.ant-typography a[disabled]:hover,a.ant-typography.ant-typography-disabled:active,a.ant-typography.ant-typography-disabled:hover,a.ant-typography[disabled]:active,a.ant-typography[disabled]:hover{color:rgba(0,0,0,.25)}.ant-typography a.ant-typography-disabled:active,.ant-typography a[disabled]:active,a.ant-typography.ant-typography-disabled:active,a.ant-typography[disabled]:active{pointer-events:none}.ant-typography code{padding:.2em .4em .1em;font-size:85%;background:rgba(150,150,150,.1);border-radius:3px}.ant-typography kbd{padding:.15em .4em .1em;font-size:90%;background:rgba(150,150,150,.06);border-bottom-width:2px;border-radius:3px}.ant-typography mark{padding:0;background-color:#ffe58f}.ant-typography ins,.ant-typography u{text-decoration:underline;text-decoration-skip-ink:auto}.ant-typography del,.ant-typography s{text-decoration:line-through}.ant-typography strong{font-weight:600}.ant-typography-copy,.ant-typography-edit,.ant-typography-expand{color:#1890ff;text-decoration:none;outline:0;cursor:pointer;transition:color .3s;margin-left:4px}.ant-typography-copy:focus,.ant-typography-copy:hover,.ant-typography-edit:focus,.ant-typography-edit:hover,.ant-typography-expand:focus,.ant-typography-expand:hover{color:#40a9ff}.ant-typography-copy:active,.ant-typography-edit:active,.ant-typography-expand:active{color:#096dd9}.ant-typography-copy-success,.ant-typography-copy-success:focus,.ant-typography-copy-success:hover{color:#52c41a}.ant-typography-edit-content{position:relative}div.ant-typography-edit-content{left:-12px;margin-top:-5px;margin-bottom:calc(1em - 4px - 1px)}.ant-typography-edit-content-confirm{position:absolute;right:10px;bottom:8px;color:rgba(0,0,0,.45);pointer-events:none}.ant-typography-edit-content textarea{-moz-transition:none}.ant-typography ol,.ant-typography ul{margin:0 0 1em;padding:0}.ant-typography ol li,.ant-typography ul li{margin:0 0 0 20px;padding:0 0 0 4px}.ant-typography ul{list-style-type:circle}.ant-typography ul ul{list-style-type:disc}.ant-typography ol{list-style-type:decimal}.ant-typography blockquote,.ant-typography pre{margin:1em 0}.ant-typography pre{padding:.4em .6em;white-space:pre-wrap;word-wrap:break-word;background:rgba(150,150,150,.1);border:1px solid rgba(100,100,100,.2);border-radius:3px}.ant-typography pre code{display:inline;margin:0;padding:0;font-size:inherit;font-family:inherit;background:0 0;border:0}.ant-typography blockquote{padding:0 0 0 .6em;border-left:4px solid rgba(100,100,100,.2);opacity:.85}.ant-typography-ellipsis-single-line{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}a.ant-typography-ellipsis-single-line,span.ant-typography-ellipsis-single-line{vertical-align:bottom}.ant-typography-ellipsis-multiple-line{display:-webkit-box;-webkit-line-clamp:3;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;overflow:hidden}.ant-typography-rtl .ant-typography-copy,.ant-typography-rtl .ant-typography-edit,.ant-typography-rtl .ant-typography-expand{margin-right:4px;margin-left:0}.ant-typography-rtl .ant-typography-expand{float:left}div.ant-typography-edit-content.ant-typography-rtl{right:-12px;left:auto}.ant-typography-rtl .ant-typography-edit-content-confirm{right:auto;left:10px}.ant-typography-rtl.ant-typography ol li,.ant-typography-rtl.ant-typography ul li{margin:0 20px 0 0;padding:0 4px 0 0}.ant-upload{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';outline:0}.ant-upload p{margin:0}.ant-upload-btn{display:block;width:100%;outline:0}.ant-upload input[type=file]{cursor:pointer}.ant-upload.ant-upload-select{display:inline-block}.ant-upload.ant-upload-disabled{cursor:not-allowed}.ant-upload.ant-upload-select-picture-card{width:104px;height:104px;margin-right:8px;margin-bottom:8px;text-align:center;vertical-align:top;background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:2px;cursor:pointer;transition:border-color .3s}.ant-upload.ant-upload-select-picture-card>.ant-upload{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.ant-upload.ant-upload-select-picture-card:hover{border-color:#1890ff}.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover{border-color:#d9d9d9}.ant-upload.ant-upload-drag{position:relative;width:100%;height:100%;text-align:center;background:#fafafa;border:1px dashed #d9d9d9;border-radius:2px;cursor:pointer;transition:border-color .3s}.ant-upload.ant-upload-drag .ant-upload{padding:16px 0}.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled){border-color:#096dd9}.ant-upload.ant-upload-drag.ant-upload-disabled{cursor:not-allowed}.ant-upload.ant-upload-drag .ant-upload-btn{display:table;height:100%}.ant-upload.ant-upload-drag .ant-upload-drag-container{display:table-cell;vertical-align:middle}.ant-upload-list-item-name,.ant-upload-picture-card-wrapper{display:inline-block;width:100%}.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover{border-color:#40a9ff}.ant-upload.ant-upload-drag p.ant-upload-drag-icon{margin-bottom:20px}.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon{color:#40a9ff;font-size:48px}.ant-upload.ant-upload-drag p.ant-upload-text{margin:0 0 4px;color:rgba(0,0,0,.85);font-size:16px}.ant-upload.ant-upload-drag p.ant-upload-hint{color:rgba(0,0,0,.45);font-size:14px}.ant-upload.ant-upload-drag .anticon-plus{color:rgba(0,0,0,.25);font-size:30px;transition:all .3s}.ant-upload.ant-upload-drag .anticon-plus:hover,.ant-upload.ant-upload-drag:hover .anticon-plus{color:rgba(0,0,0,.45)}.ant-upload-list::after,.ant-upload-list::before,.ant-upload-picture-card-wrapper::after,.ant-upload-picture-card-wrapper::before{display:table;content:''}.ant-upload-picture-card-wrapper::after{clear:both}.ant-upload-list{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum';line-height:1.5715}.ant-upload-list::after{clear:both}.ant-upload-list-item{position:relative;height:22px;margin-top:8px;font-size:14px}.ant-upload-list-item-name{padding-left:22px;overflow:hidden;line-height:1.5715;white-space:nowrap;text-overflow:ellipsis}.ant-upload-list-item-card-actions{position:absolute;right:0}.ant-upload-list-item-card-actions-btn{opacity:0}.ant-upload-list-item-card-actions-btn.ant-btn-sm{height:20px;line-height:1}.ant-upload-list-item-card-actions.picture{top:22px;line-height:0}.ant-upload-list-item-card-actions-btn:focus,.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn{opacity:1}.ant-upload-list-item-card-actions .anticon{color:rgba(0,0,0,.45)}.ant-upload-list-item-info{height:100%;padding:0 4px;transition:background-color .3s}.ant-upload-list-item-info>span{display:block;width:100%;height:100%}.ant-upload-list-item-info .ant-upload-text-icon .anticon,.ant-upload-list-item-info .anticon-loading .anticon{position:absolute;top:5px;color:rgba(0,0,0,.45);font-size:14px}.ant-upload-list-item .anticon-close{position:absolute;top:6px;right:4px;color:rgba(0,0,0,.45);font-size:10px;line-height:0;cursor:pointer;opacity:0;transition:all .3s}.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn,.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn,.ant-upload-list-item:hover .anticon-close{opacity:1}.ant-upload-list-item .anticon-close:hover{color:rgba(0,0,0,.85)}.ant-upload-list-item:hover .ant-upload-list-item-info{background-color:#f5f5f5}.ant-upload-list-picture .ant-upload-list-item:hover,.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,.ant-upload-list-picture-card .ant-upload-list-item:hover,.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info{background:0 0}.ant-upload-list-item-error,.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon,.ant-upload-list-item-error .ant-upload-list-item-name,.ant-upload-list-item-error .ant-upload-text-icon>.anticon{color:#ff4d4f}.ant-upload-list-item-progress{position:absolute;bottom:-12px;width:100%;padding-left:26px;font-size:14px;line-height:0}.ant-upload-list-picture .ant-upload-list-item,.ant-upload-list-picture-card .ant-upload-list-item{position:relative;height:66px;padding:8px;border:1px solid #d9d9d9;border-radius:2px}.ant-upload-list-picture .ant-upload-list-item-error,.ant-upload-list-picture-card .ant-upload-list-item-error{border-color:#ff4d4f}.ant-upload-list-picture .ant-upload-list-item-uploading,.ant-upload-list-picture-card .ant-upload-list-item-uploading{border-style:dashed}.ant-upload-list-picture .ant-upload-list-item-thumbnail,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:48px;height:48px;line-height:54px;text-align:center;opacity:.8}.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon{font-size:26px}.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff']{fill:#fff2f0}.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff']{fill:#ff4d4f}.ant-upload-list-picture .ant-upload-list-item-icon,.ant-upload-list-picture-card .ant-upload-list-item-icon{position:absolute;top:50%;left:50%;font-size:26px;transform:translate(-50%,-50%)}.ant-upload-list-picture .ant-upload-list-item-icon .anticon,.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon{font-size:26px}.ant-upload-list-picture .ant-upload-list-item-image,.ant-upload-list-picture-card .ant-upload-list-item-image{max-width:100%}.ant-upload-list-picture .ant-upload-list-item-thumbnail img,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{display:block;width:48px;height:48px;overflow:hidden}.ant-upload-list-picture .ant-upload-list-item-name,.ant-upload-list-picture-card .ant-upload-list-item-name{display:inline-block;box-sizing:border-box;max-width:100%;margin:0 0 0 8px;padding-right:8px;padding-left:48px;overflow:hidden;line-height:44px;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name{line-height:28px}.ant-upload-list-picture .ant-upload-list-item-progress,.ant-upload-list-picture-card .ant-upload-list-item-progress{bottom:14px;width:calc(100% - 24px);margin-top:0;padding-left:56px}.ant-upload-list-picture .anticon-close,.ant-upload-list-picture-card .anticon-close{position:absolute;top:8px;right:8px;line-height:1;opacity:1}.ant-upload-list-picture-card-container{display:inline-block;width:104px;height:104px;margin:0 8px 8px 0;vertical-align:top}.ant-upload-list-picture-card.ant-upload-list::after{display:none}.ant-upload-list-picture-card .ant-upload-list-item{height:100%;margin:0}.ant-upload-list-picture-card .ant-upload-list-item-info{position:relative;height:100%;overflow:hidden}.ant-upload-list-picture-card .ant-upload-list-item-info::before{position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;transition:all .3s;content:' '}.ant-result-content,.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item{background-color:#fafafa}.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before{opacity:1}.ant-upload-list-picture-card .ant-upload-list-item-actions{position:absolute;top:50%;left:50%;z-index:10;white-space:nowrap;transform:translate(-50%,-50%);opacity:0;transition:all .3s}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye{z-index:10;width:16px;margin:0 4px;color:rgba(255,255,255,.85);font-size:16px;cursor:pointer;transition:all .3s}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover{color:#fff}.ant-upload-list-picture-card .ant-upload-list-item-actions:hover,.ant-upload-list-picture-card .ant-upload-list-item-info:hover+.ant-upload-list-item-actions{opacity:1}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{position:static;display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ant-upload-list-picture-card .ant-upload-list-item-name{display:none;margin:8px 0 0;padding:0;line-height:1.5715;text-align:center}.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name{position:absolute;bottom:10px;display:block}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info{height:auto}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before{display:none}.ant-upload-list-picture-card .ant-upload-list-item-progress{bottom:32px;width:calc(100% - 14px);padding-left:0}.ant-upload-list-picture-container,.ant-upload-list-text-container{transition:opacity .3s,height .3s}.ant-upload-list-picture-container::before,.ant-upload-list-text-container::before{display:table;width:0;height:0;content:''}.ant-upload-list-picture-container .ant-upload-span,.ant-upload-list-text-container .ant-upload-span{display:block;flex:auto}.ant-upload-list-picture .ant-upload-span,.ant-upload-list-text .ant-upload-span{display:flex;align-items:center}.ant-upload-list-picture .ant-upload-span>*,.ant-upload-list-text .ant-upload-span>*{flex:none}.ant-upload-list-picture .ant-upload-list-item-name,.ant-upload-list-text .ant-upload-list-item-name{flex:auto;padding:0 8px}.ant-upload-list-picture .ant-upload-list-item-card-actions,.ant-upload-list-text .ant-upload-list-item-card-actions,.ant-upload-list-text .ant-upload-text-icon .anticon{position:static}.ant-upload-list .ant-upload-animate-inline-appear,.ant-upload-list .ant-upload-animate-inline-enter,.ant-upload-list .ant-upload-animate-inline-leave{animation-duration:.3s;animation-fill-mode:cubic-bezier(.78,.14,.15,.86)}.ant-upload-list .ant-upload-animate-inline-appear,.ant-upload-list .ant-upload-animate-inline-enter{animation-name:uploadAnimateInlineIn}.ant-upload-list .ant-upload-animate-inline-leave{animation-name:uploadAnimateInlineOut}@keyframes uploadAnimateInlineIn{from{width:0;height:0;margin:0;padding:0;opacity:0}}@keyframes uploadAnimateInlineOut{to{width:0;height:0;margin:0;padding:0;opacity:0}}.ant-upload-rtl.ant-upload.ant-upload-select-picture-card{margin-right:auto;margin-left:8px}.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1{padding-right:22px;padding-left:14px}.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2{padding-right:22px;padding-left:28px}.ant-upload-list-rtl .ant-upload-list-item-name{padding-right:22px;padding-left:0}.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1{padding-left:14px}.ant-upload-list-rtl .ant-upload-list-item-card-actions{right:auto;left:0}.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon{padding-right:0;padding-left:5px}.ant-upload-list-rtl .ant-upload-list-item-info{padding:0 4px 0 12px}.ant-upload-list-rtl .ant-upload-list-item .anticon-close{right:auto;left:4px}.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon{padding-right:0;padding-left:5px}.ant-upload-list-rtl .ant-upload-list-item-progress{padding-right:26px;padding-left:0}.ant-upload-list-picture .ant-upload-list-item-info,.ant-upload-list-picture-card .ant-upload-list-item-info{padding:0}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail{right:8px;left:auto}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon{right:50%;left:auto;transform:translate(50%,-50%)}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name{margin:0 8px 0 0;padding-right:48px;padding-left:8px}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1{padding-right:48px;padding-left:18px}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2{padding-right:48px;padding-left:36px}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress{padding-right:0;padding-left:0}.ant-upload-list-rtl.ant-upload-list-picture .anticon-close,.ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close{right:auto;left:8px}.ant-upload-list-rtl .ant-upload-list-picture-card-container{margin:0 0 8px 8px}.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions{right:50%;left:auto;transform:translate(50%,-50%)}.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name{margin:8px 0 0;padding:0}.ant-cascader,.ant-cascader-picker,.ant-select-auto-complete{box-sizing:border-box;margin:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum'}.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item{float:unset}.ant-select-auto-complete{padding:0}.ant-select-auto-complete .ant-select-clear{right:13px}.ant-select-dropdown-hidden{display:none}.ant-cascader{padding:0}.ant-cascader-input.ant-input{position:static;width:100%;padding-right:24px;background-color:transparent!important;cursor:pointer}.ant-cascader-picker-show-search .ant-cascader-input.ant-input{position:relative}.ant-cascader-picker{padding:0;position:relative;display:inline-block;background-color:#fff;border-radius:2px;outline:0;cursor:pointer;transition:color .3s}.ant-cascader-picker-with-value .ant-cascader-picker-label{color:transparent}.ant-cascader-picker-disabled{color:rgba(0,0,0,.25);background:#f5f5f5;cursor:not-allowed}.ant-cascader-picker-disabled .ant-cascader-input{cursor:not-allowed}.ant-cascader-picker:focus .ant-cascader-input{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-cascader-picker:focus .ant-cascader-input{border-right-width:0;border-left-width:1px!important}.ant-cascader-picker-borderless .ant-cascader-input{border-color:transparent!important;box-shadow:none!important}.ant-cascader-picker-show-search.ant-cascader-picker-focused{color:rgba(0,0,0,.25)}.ant-cascader-picker-label{position:absolute;top:50%;left:0;width:100%;height:20px;margin-top:-10px;padding:0 20px 0 12px;overflow:hidden;line-height:20px;white-space:nowrap;text-overflow:ellipsis}.ant-cascader-picker-arrow,.ant-cascader-picker-clear{position:absolute;top:50%;height:12px;margin-top:-6px;font-size:12px;line-height:12px;right:12px}.ant-cascader-picker-clear{z-index:2;width:12px;color:rgba(0,0,0,.25);background:#fff;cursor:pointer;opacity:0;transition:color .3s ease,opacity .15s ease}.ant-cascader-picker-clear:hover{color:rgba(0,0,0,.45)}.ant-cascader-picker:hover .ant-cascader-picker-clear{opacity:1}.ant-cascader-picker-arrow{z-index:1;width:12px;color:rgba(0,0,0,.25)}.ant-cascader-menu,.ant-cascader-menus ol,.ant-cascader-menus ul{margin:0;list-style:none}.ant-cascader-picker-label:hover+.ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover+.ant-cascader-input){border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-cascader-picker-label:hover+.ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover+.ant-cascader-input){border-right-width:0;border-left-width:1px!important}.ant-cascader-picker-small .ant-cascader-picker-arrow,.ant-cascader-picker-small .ant-cascader-picker-clear{right:8px}.ant-cascader-menus{z-index:1050;font-size:14px;white-space:nowrap;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-cascader-menus-empty,.ant-cascader-menus-hidden{display:none}.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft,.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft{animation-name:antSlideUpIn}.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft,.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft{animation-name:antSlideDownIn}.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft{animation-name:antSlideUpOut}.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft{animation-name:antSlideDownOut}.ant-cascader-menu{display:inline-block;min-width:111px;height:180px;padding:4px 0;overflow:auto;vertical-align:top;border-right:1px solid #f0f0f0;-ms-overflow-style:-ms-autohiding-scrollbar}.ant-cascader-menu:first-child{border-radius:2px 0 0 2px}.ant-cascader-menu:last-child{margin-right:-1px;border-right-color:transparent;border-radius:0 2px 2px 0}.ant-cascader-menu:only-child{border-radius:2px}.ant-cascader-menu-item{padding:5px 12px;overflow:hidden;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.ant-cascader-menu-item:hover{background:#f5f5f5}.ant-cascader-menu-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-cascader-menu-item-disabled:hover{background:0 0}.ant-cascader-menu-empty .ant-cascader-menu-item{color:rgba(0,0,0,.25);cursor:default;pointer-events:none}.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover{font-weight:600;background-color:#e6f7ff}.ant-cascader-menu-item-expand{position:relative;padding-right:24px}.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-item-loading-icon{position:absolute;right:12px;color:rgba(0,0,0,.45);font-size:10px}.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon,.ant-tree-checkbox-disabled+span{color:rgba(0,0,0,.25)}.ant-cascader-menu-item .ant-cascader-menu-item-keyword{color:#ff4d4f}.ant-cascader-picker-rtl .ant-cascader-input.ant-input{padding-right:11px;padding-left:24px;text-align:right}.ant-cascader-picker-rtl .ant-cascader-picker-label{padding:0 12px 0 20px;text-align:right}.ant-cascader-picker-rtl .ant-cascader-picker-arrow,.ant-cascader-picker-rtl .ant-cascader-picker-clear{right:auto;left:12px}.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-arrow,.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-clear{right:auto;left:8px}.ant-cascader-menu-rtl .ant-cascader-menu{border-right:none;border-left:1px solid #f0f0f0}.ant-cascader-menu-rtl .ant-cascader-menu:first-child{border-radius:0 2px 2px 0}.ant-cascader-menu-rtl .ant-cascader-menu:last-child{margin-right:0;margin-left:-1px;border-left-color:transparent;border-radius:2px 0 0 2px}.ant-cascader-menu-rtl .ant-cascader-menu:only-child{border-radius:2px}.ant-cascader-menu-rtl .ant-cascader-menu-item-expand{padding-right:12px;padding-left:24px}.ant-tree-checkbox,.ant-tree-checkbox-wrapper{box-sizing:border-box;padding:0;font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum'}.ant-cascader-menu-rtl .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon{right:auto;left:12px}.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon{transform:scaleY(-1)}.ant-cascader-menus{position:relative;margin-top:2px;margin-bottom:2px}nz-tree-virtual-scroll-view{display:block;position:relative;overflow:auto;contain:strict;transform:translateZ(0);will-change:scroll-position;-webkit-overflow-scrolling:touch}nz-tree-virtual-scroll-view .ant-tree-list,nz-tree-virtual-scroll-view .ant-tree-list-holder{height:100%}nz-tree-view .ant-tree-switcher+.ant-tree-switcher.nz-tree-leaf-line-icon,nz-tree-virtual-scroll-view .ant-tree-switcher+.ant-tree-switcher.nz-tree-leaf-line-icon{display:none}nz-tree-view .ant-tree-list-holder-inner{display:flex;flex-direction:column}.ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before{top:auto!important;bottom:auto!important;height:14px!important}.ant-tree.ant-tree-directory .ant-tree-treenode{position:relative}.ant-tree.ant-tree-directory .ant-tree-treenode::before{position:absolute;top:0;right:0;bottom:4px;left:0;transition:background-color .3s;content:'';pointer-events:none}.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before{background:#f5f5f5}.ant-tree.ant-tree-directory .ant-tree-treenode>*{z-index:1}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher{transition:color .3s}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper{border-radius:0;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover{background:0 0}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected{color:#fff;background:0 0}.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before,.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before{background:#1890ff}.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher{color:#fff}.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper{color:#fff;background:0 0}.ant-tree-checkbox{color:rgba(0,0,0,.85);position:relative;display:inline-block;line-height:1;white-space:nowrap;vertical-align:middle;outline:0;cursor:pointer}.ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,.ant-tree-checkbox:hover .ant-tree-checkbox-inner{border-color:#1890ff}.ant-tree-checkbox-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:2px;visibility:hidden;animation:antCheckboxEffect .36s ease-in-out;animation-fill-mode:backwards;content:''}.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after,.ant-tree-checkbox:hover::after{visibility:visible}.ant-tree-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;direction:ltr;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s}.ant-picker-calendar-rtl,.ant-result-rtl,.ant-select-tree-checkbox-rtl,.ant-space-rtl,.ant-tree .ant-tree-treenode-rtl,.ant-tree-checkbox-rtl,.ant-tree-rtl,.ant-tree-select-dropdown-rtl{direction:rtl}.ant-select-tree-checkbox-inner::after,.ant-tree-checkbox-inner::after{transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;opacity:0}.ant-tree-checkbox-inner::after{position:absolute;top:50%;left:22%;display:table;width:5.71px;height:9.14px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);content:' '}.ant-tree-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-tree-checkbox-disabled,.ant-tree-checkbox-disabled .ant-tree-checkbox-input,.ant-tree-checkbox-disabled+span{cursor:not-allowed}.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:' '}.ant-tree-checkbox-checked .ant-tree-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after{border-color:rgba(0,0,0,.25);animation-name:none}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after{border-color:#f5f5f5;border-collapse:separate;animation-name:none}.ant-tree-checkbox-disabled:hover::after,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after{visibility:hidden}.ant-tree-checkbox-wrapper{margin:0;color:rgba(0,0,0,.85);display:inline-block;line-height:unset;cursor:pointer}.ant-tree,.ant-tree-checkbox-group{color:rgba(0,0,0,.85);line-height:1.5715}.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled{cursor:not-allowed}.ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper{margin-left:8px}.ant-tree-checkbox+span{padding-right:8px;padding-left:8px}.ant-select-tree-checkbox,.ant-select-tree-checkbox-wrapper,.ant-tree,.ant-tree-checkbox-group{box-sizing:border-box;padding:0;font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum'}.ant-tree-checkbox-group{margin:0;display:inline-block}.ant-tree-checkbox-group-item{display:inline-block;margin-right:8px}.ant-tree-checkbox-group-item:last-child{margin-right:0}.ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item{margin-left:0}.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner{background-color:#fff;border-color:#d9d9d9}.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after{top:50%;left:50%;width:8px;height:8px;background-color:#1890ff;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:' '}.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item{margin-right:0;margin-left:8px}.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child{margin-left:0!important}.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item{margin-left:8px}.ant-tree{margin:0;background:#fff;border-radius:2px;transition:background-color .3s}.ant-tree-focused:not(:hover):not(.ant-tree-active-focused){background:#e6f7ff}.ant-tree-select-dropdown .ant-select-tree-list-holder-inner,.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner{align-items:stretch}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper{flex:auto}.ant-tree .ant-tree-treenode{display:flex;align-items:flex-start;padding:0 0 4px;outline:0}.ant-select-tree-switcher,.ant-tree-switcher{flex:none;align-self:stretch;text-align:center;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover{background:0 0}.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper{background:#f5f5f5}.ant-tree .ant-tree-treenode.filter-node .ant-tree-title{color:#d4380d;font-weight:500}.ant-tree-indent{align-self:stretch;white-space:nowrap;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-tree-indent-unit{display:inline-block;width:24px}.ant-tree-switcher{position:relative;width:24px;margin:0;line-height:24px;cursor:pointer}.ant-tree-switcher .ant-select-tree-switcher-icon,.ant-tree-switcher .ant-tree-switcher-icon{display:inline-block;font-size:10px;vertical-align:baseline}.ant-tree-switcher .ant-select-tree-switcher-icon svg,.ant-tree-switcher .ant-tree-switcher-icon svg{transition:transform .3s}.ant-tree-switcher-noop{cursor:default}.ant-tree-switcher_close .ant-tree-switcher-icon svg{transform:rotate(-90deg)}.ant-tree-switcher-loading-icon{color:#1890ff}.ant-tree-switcher-leaf-line{position:relative;z-index:1;display:inline-block;width:100%;height:100%}.ant-tree-switcher-leaf-line::after,.ant-tree-switcher-leaf-line::before{position:absolute;margin-left:-1px;content:' '}.ant-tree-switcher-leaf-line::before{top:0;bottom:-4px;border-left:1px solid #d9d9d9}.ant-tree-switcher-leaf-line::after{width:10px;height:14px;border-bottom:1px solid #d9d9d9}.ant-tree-checkbox{top:initial;margin:4px 8px 0 0}.ant-tree .ant-tree-node-content-wrapper{position:relative;z-index:auto;min-height:24px;margin:0;padding:0 4px;color:inherit;line-height:24px;background:0 0;border-radius:2px;cursor:pointer;transition:all .3s,border 0s,line-height 0s,box-shadow 0s}.ant-tree .ant-tree-node-content-wrapper:hover{background-color:#f5f5f5}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:#bae7ff}.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;vertical-align:top}.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty,.ant-tree-show-line .ant-tree-indent-unit-end::before{display:none}.ant-tree-unselectable .ant-tree-node-content-wrapper:hover{background-color:transparent}.ant-tree-node-content-wrapper[draggable=true]{line-height:24px;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator{position:absolute;z-index:1;height:2px;background-color:#1890ff;border-radius:1px;pointer-events:none}.ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator::after{position:absolute;top:-3px;left:-6px;width:8px;height:8px;background-color:transparent;border:2px solid #1890ff;border-radius:50%;content:''}.ant-tree .ant-tree-treenode.drop-container>[draggable]{box-shadow:0 0 0 2px #1890ff}.ant-tree-show-line .ant-tree-indent-unit{position:relative;height:100%}.ant-tree-show-line .ant-tree-indent-unit::before{position:absolute;top:0;right:12px;bottom:-4px;border-right:1px solid #d9d9d9;content:''}.ant-tree-show-line .ant-tree-switcher{background:#fff}.ant-tree-show-line .ant-tree-switcher-line-icon{vertical-align:-.225em}.ant-tree-rtl .ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator::after{right:-6px;left:unset}.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg{transform:rotate(90deg)}.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before{right:auto;left:-13px;border-right:none;border-left:1px solid #d9d9d9}.ant-tree-rtl.ant-tree-checkbox,.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox{margin:4px 0 0 8px}.font-highlight{color:#ff4d4f}.ant-tree-child-tree{overflow:hidden}nz-tree{display:block}.ant-select-tree-checkbox{color:rgba(0,0,0,.85);position:relative;display:inline-block;line-height:1;white-space:nowrap;vertical-align:middle;outline:0;cursor:pointer}.ant-select-tree-checkbox-input:focus+.ant-select-tree-checkbox-inner,.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner{border-color:#1890ff}.ant-select-tree-checkbox-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:2px;visibility:hidden;animation:antCheckboxEffect .36s ease-in-out;animation-fill-mode:backwards;content:''}.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after,.ant-select-tree-checkbox:hover::after{visibility:visible}.ant-select-tree-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;direction:ltr;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s}.ant-select-tree-checkbox-inner::after{position:absolute;top:50%;left:22%;display:table;width:5.71px;height:9.14px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);content:' '}.ant-select-tree-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:' '}.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.ant-select-tree-checkbox-disabled{cursor:not-allowed}.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after{border-color:rgba(0,0,0,.25);animation-name:none}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input{cursor:not-allowed}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after{border-color:#f5f5f5;border-collapse:separate;animation-name:none}.ant-select-tree-checkbox-disabled+span{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-tree-checkbox-disabled:hover::after,.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after{visibility:hidden}.ant-select-tree-checkbox-wrapper{margin:0;color:rgba(0,0,0,.85);display:inline-block;line-height:unset;cursor:pointer}.ant-select-tree,.ant-select-tree-checkbox-group{font-size:14px;line-height:1.5715;color:rgba(0,0,0,.85);box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:'tnum';list-style:none}.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled{cursor:not-allowed}.ant-select-tree-checkbox-wrapper+.ant-select-tree-checkbox-wrapper{margin-left:8px}.ant-select-tree-checkbox+span{padding-right:8px;padding-left:8px}.ant-select-tree-checkbox-group{margin:0;padding:0;display:inline-block}.ant-select-tree-checkbox-group-item{display:inline-block;margin-right:8px}.ant-select-tree-checkbox-group-item:last-child{margin-right:0}.ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item{margin-left:0}.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner{background-color:#fff;border-color:#d9d9d9}.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after{top:50%;left:50%;width:8px;height:8px;background-color:#1890ff;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:' '}.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item{margin-right:0;margin-left:8px}.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child{margin-left:0!important}.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item{margin-left:8px}.ant-tree-select-dropdown{padding:8px 4px 0}.ant-tree-select-dropdown .ant-select-tree{border-radius:0}.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode{padding-bottom:8px}.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{flex:auto}.ant-select-tree{margin:0;padding:0;background:#fff;border-radius:2px;transition:background-color .3s}.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused){background:#e6f7ff}.ant-select-tree-list-holder-inner{align-items:flex-start}.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner{align-items:stretch}.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper{flex:auto}.ant-select-tree .ant-select-tree-treenode{display:flex;align-items:flex-start;padding:0 0 4px;outline:0}.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover{background:0 0}.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper{background:#f5f5f5}.ant-select-tree .ant-select-tree-treenode.filter-node .ant-select-tree-title{color:#d4380d;font-weight:500}.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value,.ant-select-tree-switcher-loading-icon{color:#1890ff}.ant-select-tree-indent{align-self:stretch;white-space:nowrap;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-select-tree-indent-unit{display:inline-block;width:24px}.ant-select-tree-switcher{position:relative;width:24px;margin:0;line-height:24px;cursor:pointer}.ant-select-tree-switcher .ant-select-tree-switcher-icon,.ant-select-tree-switcher .ant-tree-switcher-icon{display:inline-block;font-size:10px;vertical-align:baseline}.ant-select-tree-switcher .ant-select-tree-switcher-icon svg,.ant-select-tree-switcher .ant-tree-switcher-icon svg{transition:transform .3s}.ant-select-tree-switcher-noop{cursor:default}.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg{transform:rotate(-90deg)}.ant-select-tree-switcher-leaf-line{position:relative;z-index:1;display:inline-block;width:100%;height:100%}.ant-select-tree-switcher-leaf-line::before{position:absolute;top:0;bottom:-4px;margin-left:-1px;border-left:1px solid #d9d9d9;content:' '}.ant-select-tree-switcher-leaf-line::after{position:absolute;width:10px;height:14px;margin-left:-1px;border-bottom:1px solid #d9d9d9;content:' '}.ant-select-tree-checkbox{top:initial;margin:4px 8px 0 0}.ant-select-tree .ant-select-tree-node-content-wrapper{position:relative;z-index:auto;min-height:24px;margin:0;padding:0 4px;color:inherit;line-height:24px;background:0 0;border-radius:2px;cursor:pointer;transition:all .3s,border 0s,line-height 0s,box-shadow 0s}.ant-select-tree .ant-select-tree-node-content-wrapper:hover{background-color:#f5f5f5}.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected{background-color:#bae7ff}.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;vertical-align:top}.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty,.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before{display:none}.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover{background-color:transparent}.ant-select-tree-node-content-wrapper[draggable=true]{line-height:24px;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-select-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator{position:absolute;z-index:1;height:2px;background-color:#1890ff;border-radius:1px;pointer-events:none}.ant-select-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator::after{position:absolute;top:-3px;left:-6px;width:8px;height:8px;background-color:transparent;border:2px solid #1890ff;border-radius:50%;content:''}.ant-select-tree .ant-select-tree-treenode.drop-container>[draggable]{box-shadow:0 0 0 2px #1890ff}.ant-select-tree-show-line .ant-select-tree-indent-unit{position:relative;height:100%}.ant-select-tree-show-line .ant-select-tree-indent-unit::before{position:absolute;top:0;right:12px;bottom:-4px;border-right:1px solid #d9d9d9;content:''}.ant-select-tree-show-line .ant-select-tree-switcher{background:#fff}.ant-select-tree-show-line .ant-select-tree-switcher-line-icon{vertical-align:-.225em}.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg{transform:rotate(90deg)}.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon{transform:scaleY(-1)}.ant-tree.ant-select-tree.ant-tree-show-line nz-tree-node[builtin]:not(:last-child)>li::before{content:' ';width:1px;border-left:1px solid #d9d9d9;height:calc(100% - 16px);position:absolute;left:12px;margin:26px 0}.ant-select-dropdown.ant-select-tree-dropdown{top:100%;left:0;position:relative;width:100%;margin-top:4px;margin-bottom:4px;overflow:auto}.ant-picker-calendar{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:'tnum';background:#fff}.ant-picker-calendar-header{display:flex;justify-content:flex-end;padding:12px 0}.ant-picker-calendar-header .ant-picker-calendar-year-select{min-width:80px}.ant-picker-calendar-header .ant-picker-calendar-month-select{min-width:70px;margin-left:8px}.ant-picker-calendar-header .ant-picker-calendar-mode-switch{margin-left:8px}.ant-picker-calendar .ant-picker-panel{background:#fff;border:0;border-top:1px solid #f0f0f0;border-radius:0}.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel,.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel{width:auto}.ant-picker-calendar .ant-picker-panel .ant-picker-body{padding:8px 0}.ant-picker-calendar .ant-picker-panel .ant-picker-content{width:100%}.ant-picker-calendar-mini{border-radius:2px}.ant-picker-calendar-mini .ant-picker-calendar-header{padding-right:8px;padding-left:8px}.ant-picker-calendar-mini .ant-picker-panel{border-radius:0 0 2px 2px}.ant-picker-calendar-mini .ant-picker-content{height:256px}.ant-picker-calendar-mini .ant-picker-content th{height:auto;padding:0;line-height:18px}.ant-picker-calendar-full .ant-picker-panel{display:block;width:100%;text-align:right;background:#fff;border:0}.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before{display:none}.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td,.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th{padding:0}.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th{height:auto;padding:0 12px 5px 0;line-height:18px}.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date{background:#f5f5f5}.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today{background:#e6f7ff}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date{display:block;width:auto;height:auto;margin:0 4px;padding:4px 8px 0;border:0;border-top:2px solid #f0f0f0;border-radius:0;transition:background .3s}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value{line-height:24px;transition:color .3s}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content{position:static;width:auto;height:86px;overflow-y:auto;color:rgba(0,0,0,.85);line-height:1.5715;text-align:left}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today{border-color:#1890ff}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value{color:rgba(0,0,0,.85)}@media only screen and (max-width:480px){.ant-picker-calendar-header{display:block}.ant-picker-calendar-header .ant-picker-calendar-year-select{width:50%}.ant-picker-calendar-header .ant-picker-calendar-month-select{width:calc(50% - 8px)}.ant-picker-calendar-header .ant-picker-calendar-mode-switch{width:100%;margin-top:8px;margin-left:0}.ant-picker-calendar-header .ant-picker-calendar-mode-switch>label{width:50%;text-align:center}}.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch,.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select{margin-right:8px;margin-left:0}.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel{text-align:left}.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th{padding:0 0 5px 12px}.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content{text-align:right}.ant-result{padding:48px 32px}.ant-result-success .ant-result-icon>.anticon{color:#52c41a}.ant-result-error .ant-result-icon>.anticon{color:#ff4d4f}.ant-result-info .ant-result-icon>.anticon{color:#1890ff}.ant-result-warning .ant-result-icon>.anticon{color:#faad14}.ant-result-image{width:250px;height:295px;margin:auto}.ant-result-icon{margin-bottom:24px;text-align:center}.ant-result-icon>.anticon{font-size:72px}.ant-result-title{color:rgba(0,0,0,.85);font-size:24px;line-height:1.8;text-align:center}.ant-result-subtitle{color:rgba(0,0,0,.45);font-size:14px;line-height:1.6;text-align:center}.ant-result-extra{margin:24px 0 0;text-align:center}.ant-result-extra>*{margin-right:8px}.ant-result-extra>:last-child{margin-right:0}.ant-result-content{margin-top:24px;padding:24px 40px}.ant-result-rtl .ant-result-extra>*{margin-right:0;margin-left:8px}.ant-result-rtl .ant-result-extra>:last-child{margin-left:0}nz-result{display:block}.ant-space{display:inline-flex}.ant-space-vertical{flex-direction:column}.ant-image-mask,.ant-space-align-center{align-items:center}.ant-space-align-start{align-items:flex-start}.ant-space-align-end{align-items:flex-end}.ant-space-align-baseline{align-items:baseline}.ant-space-item:empty{display:none}nz-space-item{display:block}.ant-image{position:relative;display:inline-block}.ant-image-mask,.ant-image-placeholder{position:absolute;bottom:0;left:0;top:0;right:0}.ant-image-img{display:block;width:100%;height:auto}.ant-image-img-placeholder{background-color:#f5f5f5;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);background-repeat:no-repeat;background-position:center center;background-size:30%}.ant-image-mask{display:flex;justify-content:center;color:#fff;background:rgba(0,0,0,.5);cursor:pointer;opacity:0;transition:opacity .3s}.ant-image-preview-img,.ant-image-preview-img-wrapper{transition:transform .3s cubic-bezier(.215,.61,.355,1) 0s}.ant-image-mask-info .anticon{margin-inline-end:4px}.ant-image-mask:hover{opacity:1}.ant-image-preview{pointer-events:none;height:100%;text-align:center}.ant-image-preview.zoom-appear,.ant-image-preview.zoom-enter{transform:none;opacity:0;animation-duration:.3s;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-image-preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45)}.ant-image-preview-mask-hidden{display:none}.ant-image-preview-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;z-index:1080}.ant-image-preview-body{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ant-image-preview-img{max-width:100%;max-height:100%;vertical-align:middle;transform:scale3d(1,1,1);cursor:grab;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto}.ant-image-preview-img-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.ant-image-preview-img-wrapper::before{display:inline-block;width:1px;height:50%;margin-right:-1px;content:''}.ant-image-preview-moving .ant-image-preview-img{cursor:grabbing}.ant-image-preview-moving .ant-image-preview-img-wrapper{transition-duration:0s}.ant-image-preview-operations{box-sizing:border-box;margin:0;padding:0;font-size:14px;font-variant:tabular-nums;line-height:1.5715;font-feature-settings:'tnum';position:absolute;top:0;right:0;z-index:1;display:flex;flex-direction:row-reverse;align-items:center;width:100%;color:rgba(255,255,255,.85);list-style:none;background:rgba(0,0,0,.1);pointer-events:auto}.ant-image-preview-operations-icon,.ant-image-preview-switch-left>.anticon,.ant-image-preview-switch-right>.anticon{font-size:18px}.ant-image-preview-operations-operation{margin-left:12px;padding:12px;cursor:pointer}.ant-image-preview-operations-operation-disabled{color:rgba(255,255,255,.25);pointer-events:none}.ant-image-preview-operations-operation:last-of-type{margin-left:0}.ant-image-preview-switch-left,.ant-image-preview-switch-right{position:absolute;top:50%;right:10px;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;color:rgba(255,255,255,.85);background:rgba(0,0,0,.1);cursor:pointer;pointer-events:auto}.ant-image-preview-switch-left-disabled,.ant-image-preview-switch-right-disabled{color:rgba(255,255,255,.25);cursor:not-allowed}.ant-image-preview-switch-left-disabled>.anticon,.ant-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.ant-image-preview-switch-left{left:10px}.ant-image-preview-switch-right{right:10px}.cdk-overlay-backdrop.ant-image-preview-mask{opacity:1} .nz-resizable-preview{position:absolute;top:0;left:0;z-index:8;border:1px dashed #d1d1d1}.nz-resizable-handle{position:absolute;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9}.nz-resizable-handle-top{width:100%;height:10px;top:-5px;left:0}.nz-resizable-handle-right{width:10px;height:100%;top:0;right:-5px}.nz-resizable-handle-bottom{width:100%;height:10px;bottom:-5px;left:0}.nz-resizable-handle-left{width:10px;height:100%;top:0;left:-5px}.nz-resizable-handle-topRight{width:20px;height:20px;top:-5px;right:-5px;z-index:10}.nz-resizable-handle-bottomRight{width:20px;height:20px;right:-5px;bottom:-5px;z-index:10}.nz-resizable-handle-bottomLeft{width:20px;height:20px;bottom:-5px;left:-5px;z-index:10}.nz-resizable-handle-topLeft{width:20px;height:20px;top:-5px;left:-5px;z-index:10}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottom,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-top{cursor:ns-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-left,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-right{cursor:ew-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomRight,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topLeft{cursor:nwse-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomLeft,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topRight{cursor:nesw-resize}.nz-resizable-disabled .nz-resizable-handle{pointer-events:none} @charset "UTF-8"; /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* Declare variables before making them global. dart-sass doesn't allow to declare variable with !global. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ .ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9} .ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none} .ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px} .ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333} .ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0} .ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0} .ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)} .ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9} .ng-select .ng-has-value .ng-placeholder{display:none} .ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center} .ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)} .ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px} [dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0} .ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999} .ng-select.ng-select-single .ng-select-container{height:36px} .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px} [dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px} .ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6} .ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px} .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px} [dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0} .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;background-color:#ebf5ff;border-radius:2px;margin-right:5px} [dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px} .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9} .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px} [dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px} .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px} .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px} .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff} .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff} [dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none} .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff} [dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff} .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px} [dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0} .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px} [dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0} .ng-select .ng-clear-wrapper{color:#999} .ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B} .ng-select .ng-spinner-zone{padding:5px 5px 0 0} [dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px} .ng-select .ng-arrow-wrapper{width:25px;padding-right:5px} [dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0} .ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666} .ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px} .ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0} .ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px} .ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px} .ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px} .ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px} .ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px} .ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px} .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-moz-user-select:none;-ms-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer} .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default} .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff} .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600} .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px} .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff} .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600} .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333} .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc} .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px} [dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0} .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px} [dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0} [dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right} /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E"); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } @media screen and (-ms-high-contrast: active) { .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: .6; } } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } /** * In case when Nebular Layout custom scroll `withScroll` mode is enabled * we need to disable default CDK scroll blocker (@link NbBlockScrollStrategyAdapter) on HTML element * so that it won't add additional positioning. */ .nb-global-scrollblock { position: static; width: auto; overflow: hidden; } /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /* * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /*! * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /*! * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* * Normalization of HTML elements, manually forked from Normalize.css to remove * styles targeting irrelevant browsers while applying new styles. * * Normalize is licensed MIT. https://github.com/necolas/normalize.css */ html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } html, body { margin: 0; padding: 0; } /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type='checkbox'], [type='radio'] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type='search']::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /*! * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ .visually-hidden { /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 400px) { .container { max-width: 380px; } } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1400px) { .container { max-width: 1320px; } } @media (min-width: 1600px) { .container { max-width: 1500px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-is-1, .col-is-2, .col-is-3, .col-is-4, .col-is-5, .col-is-6, .col-is-7, .col-is-8, .col-is-9, .col-is-10, .col-is-11, .col-is-12, .col-is, .col-is-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxl, .col-xxxl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 400px) { .col-is { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-is-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-is-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-is-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-is-3 { flex: 0 0 25%; max-width: 25%; } .col-is-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-is-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-is-6 { flex: 0 0 50%; max-width: 50%; } .col-is-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-is-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-is-9 { flex: 0 0 75%; max-width: 75%; } .col-is-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-is-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-is-12 { flex: 0 0 100%; max-width: 100%; } .order-is-first { order: -1; } .order-is-last { order: 13; } .order-is-0 { order: 0; } .order-is-1 { order: 1; } .order-is-2 { order: 2; } .order-is-3 { order: 3; } .order-is-4 { order: 4; } .order-is-5 { order: 5; } .order-is-6 { order: 6; } .order-is-7 { order: 7; } .order-is-8 { order: 8; } .order-is-9 { order: 9; } .order-is-10 { order: 10; } .order-is-11 { order: 11; } .order-is-12 { order: 12; } .offset-is-0 { margin-left: 0; } .offset-is-1 { margin-left: 8.33333333%; } .offset-is-2 { margin-left: 16.66666667%; } .offset-is-3 { margin-left: 25%; } .offset-is-4 { margin-left: 33.33333333%; } .offset-is-5 { margin-left: 41.66666667%; } .offset-is-6 { margin-left: 50%; } .offset-is-7 { margin-left: 58.33333333%; } .offset-is-8 { margin-left: 66.66666667%; } .offset-is-9 { margin-left: 75%; } .offset-is-10 { margin-left: 83.33333333%; } .offset-is-11 { margin-left: 91.66666667%; } } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } @media (min-width: 1400px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xxl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xxl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xxl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xxl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } } @media (min-width: 1600px) { .col-xxxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xxxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxxl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xxxl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxxl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xxxl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xxxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxxl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xxxl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xxxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxxl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xxxl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xxxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxxl-first { order: -1; } .order-xxxl-last { order: 13; } .order-xxxl-0 { order: 0; } .order-xxxl-1 { order: 1; } .order-xxxl-2 { order: 2; } .order-xxxl-3 { order: 3; } .order-xxxl-4 { order: 4; } .order-xxxl-5 { order: 5; } .order-xxxl-6 { order: 6; } .order-xxxl-7 { order: 7; } .order-xxxl-8 { order: 8; } .order-xxxl-9 { order: 9; } .order-xxxl-10 { order: 10; } .order-xxxl-11 { order: 11; } .order-xxxl-12 { order: 12; } .offset-xxxl-0 { margin-left: 0; } .offset-xxxl-1 { margin-left: 8.33333333%; } .offset-xxxl-2 { margin-left: 16.66666667%; } .offset-xxxl-3 { margin-left: 25%; } .offset-xxxl-4 { margin-left: 33.33333333%; } .offset-xxxl-5 { margin-left: 41.66666667%; } .offset-xxxl-6 { margin-left: 50%; } .offset-xxxl-7 { margin-left: 58.33333333%; } .offset-xxxl-8 { margin-left: 66.66666667%; } .offset-xxxl-9 { margin-left: 75%; } .offset-xxxl-10 { margin-left: 83.33333333%; } .offset-xxxl-11 { margin-left: 91.66666667%; } } /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /* Declare variables before making them global. dart-sass doesn't allow to declare variable with !global. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * @license * Copyright Akveo. All Rights Reserved. * Licensed under the MIT License. See License.txt in the project root for license information. */ /** * This mixin generates keyfames. * Because of all keyframes can't be scoped, * we need to puts unique name in each btn-pulse call. */ /* According to the specification (https://www.w3.org/TR/css-scoping-1/#host-selector) :host and :host-context are pseudo-classes. So we assume they could be combined, like other pseudo-classes, even same ones. For example: ':nth-of-type(2n):nth-of-type(even)'. Ideal solution would be to prepend any selector with :host-context([dir=rtl]). Then nebular components will behave as an html element and respond to [dir] attribute on any level, so direction could be overridden on any component level. Implementation code: @mixin nb-rtl() { // add # to scss interpolation statement. // it works in comments and we can't use it here @at-root {selector-append(':host-context([dir=rtl])', &)} { @content; } } And when we call it somewhere: :host { .some-class { @include nb-rtl() { ... } } } :host-context(...) { .some-class { @include nb-rtl() { ... } } } Result will look like: :host-context([dir=rtl]):host .some-class { ... } :host-context([dir=rtl]):host-context(...) .some-class { ... } * Side note: :host-context():host selector are valid. https://lists.w3.org/Archives/Public/www-style/2015Feb/0305.html :host-context([dir=rtl]):host-context(...) should match any permutation, so order is not important. * Currently, there're two problems with this approach: First, is that we can't combine :host, :host-context. Angular bugs #14349, #19199. For the moment of writing, the only possible way is: :host { :host-context(...) { ... } } It doesn't work for us because mixin could be called somewhere deeper, like: :host { p { @include nb-rtl() { ... } } } We are not able to go up to :host level to place content passed to mixin. The second problem is that we only can be sure that we appending :host-context([dir=rtl]) to another :host/:host-context pseudo-class when called in theme files (*.theme.scss). * Side note: Currently, nb-install-component uses another approach where :host prepended with the theme name (https://github.com/angular/angular/blob/5b96078624b0a4760f2dbcf6fdf0bd62791be5bb/packages/compiler/src/shadow_css.ts#L441), but it was made to be able to use current realization of rtl and it can be rewritten back to :host-context($theme) once we will be able to use multiple shadow selectors. * But when it's called in *.component.scss we can't be sure, that selector starts with :host/:host-context, because angular allows omitting pseudo-classes if we don't need to style :host component itself. We can break such selectors, by just appending :host-context([dir=rtl]) to them. *** Possible solution check if we in theme by some theme variables and if so append, otherwise nest like @at-root :host-context([dir=rtl]) { // add # to scss interpolation statement. // it works in comments and we can't use it here {&} { @content; } } What if :host specified? Can we add space in :host-context(...) :host? Or maybe add :host selector anyway? If multiple :host selectors are allowed *** Problems with the current approach. 1. Direction can be applied only on document level, because mixin prepends theme class, which placed on the body. 2. *.component.scss styles should be in :host selector. Otherwise angular will add host attribute to [dir=rtl] attribute as well. General problems. Ltr is default document direction, but for proper work of nb-ltr (means ltr only), [dir=ltr] should be specified at least somewhere. ':not([dir=rtl]' not applicable here, because it's satisfy any parent, that don't have [dir=rtl] attribute. Previous approach was to use single rtl mixin and reset ltr properties to initial value. But sometimes it's hard to find, what the previous value should be. And such mixin call looks too verbose. */ /* SlickGrid Bootstrap variables */ /* Used by slick-bootstrap.scss */ /*$font-family: 'Arial' !default;*/ /*$cell-padding: 5px 7.5834px !default;*/ /*$header-text-color: #F8F9FA !default;*/ /*$cell-border-left: 1px solid $border-color !default;*/ .slickgrid-container .slick-viewport.slick-viewport-top.slick-viewport-left { border-left: 0.6px solid rgba(0, 0, 0, 0.3); } .slick-headerrow .slick-headerrow-columns .slick-headerrow-column { /*border: 1px solid $border-color !important;*/ } .slick-cell-checkboxsel > label { display: -webkit-inline-box; } /*! * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/angular-slickgrid) * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE) * @author: Ghislain B. (ghiscoding) */ /*! /** SlickGrid Bootstrap Theme */ /* * Angular-SlickGrid theming variables, used by all Themes * Lib Website (https://github.com/ghiscoding/angular-slickgrid) * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE) */ /* Slickgrid container, including headers but excluding pagination */ /* grid */ /* cell */ /** 4x available slick-pane (top, bottom, left, right) */ /* row */ /* Pre-Header - Header Grouping colspan */ /* full height is calculated with cell padding + borders (25px + 5px + 0px + 0px) = 30px must be set as preHeaderPanelHeight */ /* header */ /* Frozen pinned rows/columns */ /* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */ /* AutoComplete */ /** AutoComplte with Custom Styling (2 rows) */ /* left/right */ /* top/bottom */ /** AutoComplte with Custom Styling (4 corners) */ /* left/right */ /* top/bottom */ /* Sorting */ /* Grouping Totals Formatter */ /* Column picker */ /* trick to cheat the width to include extra scrollbar width in addition to auto width */ /** Detail View Plugin */ /* Excel copy plugin */ /* Grid Menu - hamburger menu */ /* (Action) Cell Menu Plugin */ /* Context Menu Plugin */ /* Header Menu Plugin */ /* can be none or inline-block */ /* Checkbox Selector / Row Selection */ /* Editors */ /* negative number to cancel inside padding */ /* Compound Filters */ /** Date Range Filters */ /* Draggable Grouping Plugin */ /* Input Slider Filter (vanilla html) */ /* ms only */ /* ms only */ /* Input Range Slider Filter (with jQuery UI) */ /* Multiple-Select Filter */ /* pagination variables */ /* Row Move Manager Plugin */ /* selector plugin */ /* Viewport */ /* Custom Footer */ /** Empty Data Warning element */ .pointer { cursor: pointer; } .slickgrid-container .slick-header-columns, .slickgrid-container .slick-header-column { background: rgba(255, 255, 255, 0.6); box-sizing: content-box !important; /* this here only for Firefox! */ } .slickgrid-container .slick-header-columns { /*border-bottom: 1px solid $grid-border-color;*/ background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.1)); } .slickgrid-container .slick-header-column { border-right: 1px solid rgba(0, 0, 0, 0.8); border-bottom: 1px solid rgba(0, 0, 0, 0.8); } .slickgrid-container .slick-header-column:hover { background: rgba(250, 250, 250, 0.6); } .slickgrid-container .slick-header-column-active { background: rgba(242, 242, 242, 0.6) !important; } .slickgrid-container .slick-headerrow { background: rgba(255, 255, 255, 0.6); } .slickgrid-container .slick-headerrow-column { background: #fafafa; border-bottom: 0; } .slickgrid-container .grid-canvas { background: white; } .slickgrid-container .slick-row { background: inherit; border: 0; line-height: 20px; } .slickgrid-container .slick-row .slick-cell { background: inherit; border: 1px transparent; padding-top: 3px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; box-sizing: border-box; } .slickgrid-container .slick-row .slick-cell.invalid { border-color: red; -moz-animation-duration: 0.2s; -webkit-animation-duration: 0.2s; -moz-animation-name: slickgrid-invalid-hilite; -webkit-animation-name: slickgrid-invalid-hilite; animation-duration: 0.2s; animation-name: slickgrid-invalid-hilite; } .slickgrid-container .slick-row .slick-cell.selected { background-color: #e7e7c3; } .slickgrid-container .slick-row .slick-cell.selected .cell-selection { background-color: transparent; /* show default selected row background */ } .slickgrid-container .slick-row .slick-cell.active { box-shadow: #0091ea; border: #0091ea; z-index: 6; padding: 5px 7px; } .slickgrid-container .slick-row .slick-cell.active input.editor-text { width: calc(100% + 2px); height: 100%; outline: 0; transform: translate(0, -2px); } .slickgrid-container .slick-row .slick-cell.active input.dual-editor-text { width: calc(50% + 1px - 5px); height: 100%; outline: 0; transform: translate(0, -2px); } .slickgrid-container .slick-row.odd .slick-cell { background: #f7f9ff; } .slickgrid-container .slick-row.odd .slick-cell.selected { background-color: #d6d6b2; } .slickgrid-container .slick-row.active-row .slick-cell { background-color: #e2fffd; } .slickgrid-container .slick-row.active-row .slick-cell.selected { background-color: red; } .slickgrid-container .slick-row.active-row.odd .slick-cell { background-color: #f2f2f2; } .slickgrid-container .slick-row.active-row.odd .slick-cell.selected { background-color: green; } .slickgrid-container .slick-row.loading { opacity: 0.5; } .slickgrid-container .slick-group { border-bottom: 2px solid silver; } .slickgrid-container .slick-group-toggle { width: 9px; height: 9px; margin-right: 5px; } .slickgrid-container .slick-group-toggle.expanded { background: none; } .slickgrid-container .slick-group-toggle.collapsed { background: none; } .slickgrid-container .slick-group-totals { color: gray; background: white; } .slickgrid-container .slick-sortable-placeholder { background: silver !important; } @keyframes slickgrid-invalid-hilite { from { box-shadow: 0 0 6px red; } to { box-shadow: none; } } .slickgrid-container .header-overlay, .slickgrid-container .cell-overlay, .slickgrid-container .selection-cell-overlay { display: block; position: absolute; z-index: 999; } .slickgrid-container .slick-cell > .editor-select { position: absolute; left: 0; right: 0; width: auto; top: 0; bottom: 0; max-width: 100%; min-width: 0; margin: 0; } .slickgrid-container .slick-range-decorator { z-index: 100; pointer-events: none; background: transparent; border: none; outline: black; } /* * Angular-SlickGrid theming variables, used by all Themes * Lib Website (https://github.com/ghiscoding/angular-slickgrid) * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE) */ /* Slickgrid container, including headers but excluding pagination */ /* grid */ /* cell */ /** 4x available slick-pane (top, bottom, left, right) */ /* row */ /* Pre-Header - Header Grouping colspan */ /* full height is calculated with cell padding + borders (25px + 5px + 0px + 0px) = 30px must be set as preHeaderPanelHeight */ /* header */ /* Frozen pinned rows/columns */ /* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */ /* AutoComplete */ /** AutoComplte with Custom Styling (2 rows) */ /* left/right */ /* top/bottom */ /** AutoComplte with Custom Styling (4 corners) */ /* left/right */ /* top/bottom */ /* Sorting */ /* Grouping Totals Formatter */ /* Column picker */ /* trick to cheat the width to include extra scrollbar width in addition to auto width */ /** Detail View Plugin */ /* Excel copy plugin */ /* Grid Menu - hamburger menu */ /* (Action) Cell Menu Plugin */ /* Context Menu Plugin */ /* Header Menu Plugin */ /* can be none or inline-block */ /* Checkbox Selector / Row Selection */ /* Editors */ /* negative number to cancel inside padding */ /* Compound Filters */ /** Date Range Filters */ /* Draggable Grouping Plugin */ /* Input Slider Filter (vanilla html) */ /* ms only */ /* ms only */ /* Input Range Slider Filter (with jQuery UI) */ /* Multiple-Select Filter */ /* pagination variables */ /* Row Move Manager Plugin */ /* selector plugin */ /* Viewport */ /* Custom Footer */ /** Empty Data Warning element */ .slickgrid-container { overflow: hidden; outline: 0; position: relative; box-sizing: content-box; } .slickgrid-container .slick-group-header-columns { position: relative; white-space: nowrap; cursor: default; overflow: hidden; } .slickgrid-container .slick-group-header { width: 100%; overflow: hidden; border-left: 0px; } .slickgrid-container .slick-group-header-column.ui-state-default { position: relative; display: inline-block; box-sizing: content-box !important; /* this here only for Firefox! */ overflow: hidden; text-overflow: ellipsis; height: 16px; line-height: 16px; margin: 0; padding: 4px; } .slickgrid-container .slick-viewport, .slickgrid-container .slick-top-panel-scroller, .slickgrid-container .slick-header, .slickgrid-container .slick-headerrow, .slickgrid-container .slick-footerrow { position: relative; width: 100%; border: 1px solid rgba(0, 0, 0, 0.8); border-right-color: transparent; border-bottom-color: transparent; border-right-width: 0; border-bottom-width: 0; margin: 0; outline: 0; } .slickgrid-container .slick-top-panel-scroller { overflow: hidden; } .slickgrid-container .slick-pane { position: absolute; outline: 0; overflow: hidden; width: 100%; } .slickgrid-container .slick-pane-header { display: block; background-color: #0062B2; border-bottom: 1px solid #dee2e6; } .slickgrid-container .slick-pane-top { box-sizing: border-box; border-top: none; } .slickgrid-container .slick-viewport { overflow: auto; } .slickgrid-container .slick-viewport ::-webkit-scrollbar { -webkit-appearance: none; } .slickgrid-container .slick-viewport ::-webkit-scrollbar-thumb { border-radius: 4px; border: 2px solid white; /* should match background, can't be transparent */ background-color: rgba(0, 0, 0, 0.5); } .slickgrid-container .slick-header, .slickgrid-container .slick-headerrow, .slickgrid-container .slick-footerrow { overflow: hidden; } .slickgrid-container .slick-headerrow { border-top-color: transparent; border-top-width: 0; } .slickgrid-container .slick-top-panel, .slickgrid-container .slick-header-columns, .slickgrid-container .slick-headerrow-columns, .slickgrid-container .slick-footerrow-columns { position: relative; white-space: nowrap; cursor: default; overflow: hidden; margin: 0; padding: 0; border: 0; outline: 0; } .slickgrid-container .slick-cell, .slickgrid-container .slick-header-column, .slickgrid-container .slick-headerrow-column, .slickgrid-container .slick-footerrow-column { position: absolute; top: 0; bottom: 0; border-top-color: transparent; border-left-color: transparent; border-top-width: 0; border-left-width: 0; margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; z-index: 1; white-space: nowrap; cursor: default; } .slickgrid-container .slick-cell.slick-header-is-leaf, .slickgrid-container .slick-header-column.slick-header-is-leaf, .slickgrid-container .slick-headerrow-column.slick-header-is-leaf, .slickgrid-container .slick-footerrow-column.slick-header-is-leaf { border-bottom-color: transparent; border-bottom-width: 0; } .slickgrid-container .slick-header-column.ui-state-default { position: relative; display: inline-block; box-sizing: content-box !important; overflow: hidden; text-overflow: ellipsis; height: 16px; line-height: 16px; margin: 0; padding: 4px; border-right: 1px solid rgba(0, 0, 0, 0.8); border-left: 0px !important; border-top: 0px !important; border-bottom: 0px !important; float: left; } .slickgrid-container .slick-cell { box-sizing: border-box; border-style: solid; padding: 1px 2px 1px 2px; } .slickgrid-container .slick-header-column { padding: 4px 4px 4px 4px; } .slickgrid-container .grid-canvas { position: relative; outline: 0; } .slickgrid-container .slick-row { position: absolute; border: 0; width: 100%; } .slickgrid-container .slick-header-column-sorted { font-style: italic; } .slickgrid-container .slick-sort-indicator { display: inline-block; width: 8px; height: 5px; margin-left: 4px; margin-top: 6px; position: absolute; left: 0; } .slickgrid-container .slick-sort-indicator-desc:before { content: "\f0d7"; } .slickgrid-container .slick-sort-indicator-asc:before { content: "\f0d8"; } .slickgrid-container .slick-header-sortable .slick-column-name { margin-left: 10px; } .slickgrid-container .slick-header.ui-state-default { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .slickgrid-container .slick-column-name { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .slickgrid-container .slick-resizable-handle { position: absolute; font-size: 0.1px; display: block; cursor: col-resize; width: 4px; right: 0; top: 0; height: 100%; } .slickgrid-container .slick-resizable-handle-hover { background-color: #ccc; } .slickgrid-container .slick-sortable-placeholder { background: silver; } .slickgrid-container .slick-group-toggle { display: inline-block; } .slickgrid-container .slick-cell.highlighted { background: lightskyblue; background: rgba(0, 0, 255, 0.2); transition: all 0.5s; } .slickgrid-container .slick-cell.flashing { border: 1px solid red !important; } .slickgrid-container .slick-cell.editable { z-index: 11; overflow: visible; background: white; border-color: black; border-style: solid; } .slickgrid-container .slick-cell:focus { outline: none; } .slickgrid-container .slick-reorder-proxy { display: inline-block; background: blue; opacity: 0.15; cursor: move; } .slickgrid-container .slick-reorder-guide { display: inline-block; height: 2px; background: blue; opacity: 0.7; } .slickgrid-container .slick-selection { z-index: 10; position: absolute; border: 2px dashed black; } .slickgrid-container .slick-pane { position: absolute; outline: 0; overflow: hidden; width: 100%; } .flatpickr-wrapper { z-index: 10000; } .interact-placeholder { background: red !important; display: inline-block; float: left; transform: translate(0px, -100%); } .interact-drop-active { box-shadow: inset 0 0 8px rgba(7, 67, 128, 0.5); } .interact-can-drop { opacity: .9; } .scrollbar-fix::-webkit-scrollbar { -webkit-appearance: none; } /* control variables */ /* * Angular-SlickGrid theming variables, used by all Themes * Lib Website (https://github.com/ghiscoding/angular-slickgrid) * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE) */ /* Slickgrid container, including headers but excluding pagination */ /* grid */ /* cell */ /** 4x available slick-pane (top, bottom, left, right) */ /* row */ /* Pre-Header - Header Grouping colspan */ /* full height is calculated with cell padding + borders (25px + 5px + 0px + 0px) = 30px must be set as preHeaderPanelHeight */ /* header */ /* Frozen pinned rows/columns */ /* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */ /* AutoComplete */ /** AutoComplte with Custom Styling (2 rows) */ /* left/right */ /* top/bottom */ /** AutoComplte with Custom Styling (4 corners) */ /* left/right */ /* top/bottom */ /* Sorting */ /* Grouping Totals Formatter */ /* Column picker */ /* trick to cheat the width to include extra scrollbar width in addition to auto width */ /** Detail View Plugin */ /* Excel copy plugin */ /* Grid Menu - hamburger menu */ /* (Action) Cell Menu Plugin */ /* Context Menu Plugin */ /* Header Menu Plugin */ /* can be none or inline-block */ /* Checkbox Selector / Row Selection */ /* Editors */ /* negative number to cancel inside padding */ /* Compound Filters */ /** Date Range Filters */ /* Draggable Grouping Plugin */ /* Input Slider Filter (vanilla html) */ /* ms only */ /* ms only */ /* Input Range Slider Filter (with jQuery UI) */ /* Multiple-Select Filter */ /* pagination variables */ /* Row Move Manager Plugin */ /* selector plugin */ /* Viewport */ /* Custom Footer */ /** Empty Data Warning element */ .slick-columnpicker { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #ffffff; border: 1px solid #b8b8b8; border-radius: 2px; padding: 6px; box-shadow: 1px 1px 1px silver; min-width: 150px; cursor: default; position: absolute; z-index: 2000; overflow: auto; resize: both; width: auto; padding-right: 24px; /* trick to cheat the width to include extra scrollbar width in addition to auto width */ } .slick-columnpicker > .close { float: right; position: absolute; color: #c3c3c3; cursor: pointer; width: 15px; height: 21px; margin: 1px; padding: 0px; font-family: "Calibri Light", "Helvetica Neue", Arial, sans-serif; font-size: 21px; background-color: #ffffff; border: 0px solid #9c9c9c; right: 5px; top: 0px; } .slick-columnpicker > .close:hover { color: #838383; } .slick-columnpicker > .close > span { opacity: 0.9; } .slick-columnpicker li { list-style: none; margin: 0; padding: 0; background: none; } .slick-columnpicker li a { display: block; padding: 4px; font-weight: bold; } .slick-columnpicker li a:hover { background-color: #ffffff; } .slick-columnpicker li label { font-weight: normal; } .slick-columnpicker li label input { margin: 4px; } .slick-columnpicker div.title { font-size: calc(14px + 2px); font-weight: normal; width: calc(100% - 15px - 10px); border-bottom: 1px solid #d6d6d6; margin-bottom: 10px; } .slick-columnpicker-list { /** make sure the hidden class exist, it was removed in BS4 */ /* replace checkboxes by Font-Awesome icons */ } .slick-columnpicker-list li.hidden { display: none; } .slick-columnpicker-list li { width: calc(100% + 24px - 6px); /* trick to cheat the width to include extra scrollbar width in addition to auto width */ border: 1px solid transparent; border-radius: 0px; padding: 2px 4px; list-style: none outside none; margin: 0; } .slick-columnpicker-list li:hover { border: 1px solid #BFBDBD; background-color: #fafafa; } .slick-columnpicker-list li label { cursor: pointer; width: 100%; margin-bottom: 0px; } .slick-columnpicker-list hr { margin: 6px 0; border: 0; border-top: 1px solid #d5d5d5; width: calc(100% + 24px - 10px); margin-left: auto; margin-right: auto; } .slick-columnpicker-list input[type=checkbox] { display: none; /* to hide the checkbox itself */ margin-left: 4px; margin-top: 3px; } .slick-columnpicker-list input[type=checkbox] + label:before { cursor: pointer; content: ""; color: #31708F; display: inline-block; font-weight: bold; font-family: "FontAwesome"; font-size: 13px; opacity: 0.15; /* unchecked icon */ margin-right: 4px; width: 13px; } .slick-columnpicker-list input[type=checkbox] + label:hover:before { opacity: 0.35; } .slick-columnpicker-list input[type=checkbox]:checked + label:before { opacity: 1; /* checked icon */ content: ""; width: 13px; } .slick-gridmenu { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #ffffff; border: 1px solid #b8b8b8; border-radius: 2px; padding: 6px; box-shadow: 1px 1px 1px silver; min-width: 200px; cursor: default; position: absolute; z-index: 2000; overflow: auto; width: -moz-max-content; width: max-content; } .slick-gridmenu > .close { float: right; position: absolute; color: #c3c3c3; cursor: pointer; width: 15px; height: 21px; margin: 1px; padding: 0px; font-family: "Calibri Light", "Helvetica Neue", Arial, sans-serif; font-size: 21px; background-color: #ffffff; border: 0px solid #9c9c9c; right: 5px; top: 0px; } .slick-gridmenu > .close:hover { color: #838383; } .slick-gridmenu > .close > span { opacity: 0.9; } .slick-gridmenu div.title { font-size: calc(12px + 2px); font-weight: normal; width: calc(100% - 15px - 10px); border-bottom: solid 1px #d6d6d6; margin-bottom: 10px; } .slick-gridmenu li { list-style: none; margin: 0; padding: 0; background: none; } .slick-gridmenu li a { display: block; padding: 4px; font-weight: bold; } .slick-gridmenu li a:hover { background-color: #ffffff; } .slick-gridmenu li label { font-weight: normal; } .slick-gridmenu li label input { margin: 4px; } .slick-gridmenu input { margin: 4px; } .slick-gridmenu-button { position: absolute; cursor: pointer; right: 0; padding: 0 2px; margin-top: 5px; background-color: transparent; border: 0; width: 22px; font-size: 14px; z-index: 2; } .slick-gridmenu-custom { margin-bottom: 10px; } /* Menu items */ .slick-gridmenu-item { cursor: pointer; display: block; border: 1px solid transparent; border-radius: 0px; padding: 2px 4px; list-style: none outside none; margin: 0; } .slick-gridmenu-item:hover { border: 1px solid #BFBDBD; background-color: #fafafa; } .slick-gridmenu-item.slick-gridmenu-item-divider { cursor: default; border: none; overflow: hidden; padding: 0; height: 1px; margin: 8px 5px; background-color: #e7e7e7; width: calc(100% - 10px); margin-left: auto; margin-right: auto; } .slick-gridmenu-item.slick-gridmenu-item-divider:hover { border: none; background-color: silver; } .slick-gridmenu-item-divider.slick-gridmenu-item:hover { background-color: #e7e7e7; } .slick-gridmenu-item-disabled { cursor: inherit; border-color: transparent !important; background: inherit !important; color: silver; } .slick-gridmenu-item-disabled .slick-gridmenu-icon, .slick-gridmenu-item-disabled .slick-gridmenu-content { color: silver; } .slick-gridmenu-item-hidden { display: none; } .slick-gridmenu-icon { display: inline-block; font-size: 14px; line-height: 14px; margin-right: 4px; width: 14px; vertical-align: middle; background-repeat: no-repeat; background-position: center center; } .slick-gridmenu-content { display: inline-block; vertical-align: middle; } .slick-gridmenu-list { /** make sure the hidden class exist, it was removed in BS4 */ /* replace checkboxes by Font-Awesome icons */ } .slick-gridmenu-list li.hidden { display: none; } .slick-gridmenu-list li { width: auto; border: 1px solid transparent; border-radius: 0px; padding: 2px 4px; list-style: none outside none; margin: 0; } .slick-gridmenu-list li:hover { border: 1px solid #BFBDBD; background-color: #fafafa; } .slick-gridmenu-list li label { cursor: pointer; width: 100%; margin-bottom: 0px; } .slick-gridmenu-list hr { margin: 6px 0; border: 0; border-top: 1px solid #dddddd; width: calc(100% - 10px); margin-left: auto; margin-right: auto; } .slick-gridmenu-list input[type=checkbox] { display: none; /* to hide the checkbox itself */ margin-left: 4px; margin-top: 3px; } .slick-gridmenu-list input[type=checkbox] + label:before { cursor: pointer; content: ""; color: #31708F; display: inline-block; font-weight: bold; font-family: "FontAwesome"; font-size: 13px; opacity: 0.15; /* unchecked icon */ margin-right: 4px; width: 13px; } .slick-gridmenu-list input[type=checkbox] + label:hover:before { opacity: 0.35; } .slick-gridmenu-list input[type=checkbox]:checked + label:before { content: ""; opacity: 1; /* checked icon */ width: 13px; } /* * Angular-SlickGrid theming variables, used by all Themes * Lib Website (https://github.com/ghiscoding/angular-slickgrid) * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE) */ /* Slickgrid container, including headers but excluding pagination */ /* grid */ /* cell */ /** 4x available slick-pane (top, bottom, left, right) */ /* row */ /* Pre-Header - Header Grouping colspan */ /* full height is calculated with cell padding + borders (25px + 5px + 0px + 0px) = 30px must be set as preHeaderPanelHeight */ /* header */ /* Frozen pinned rows/columns */ /* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */ /* AutoComplete */ /** AutoComplte with Custom Styling (2 rows) */ /* left/right */ /* top/bottom */ /** AutoComplte with Custom Styling (4 corners) */ /* left/right */ /* top/bottom */ /* Sorting */ /* Grouping Totals Formatter */ /* Column picker */ /* trick to cheat the width to include extra scrollbar width in addition to auto width */ /** Detail View Plugin */ /* Excel copy plugin */ /* Grid Menu - hamburger menu */ /* (Action) Cell Menu Plugin */ /* Context Menu Plugin */ /* Header Menu Plugin */ /* can be none or inline-block */ /* Checkbox Selector / Row Selection */ /* Editors */ /* negative number to cancel inside padding */ /* Compound Filters */ /** Date Range Filters */ /* Draggable Grouping Plugin */ /* Input Slider Filter (vanilla html) */ /* ms only */ /* ms only */ /* Input Range Slider Filter (with jQuery UI) */ /* Multiple-Select Filter */ /* pagination variables */ /* Row Move Manager Plugin */ /* selector plugin */ /* Viewport */ /* Custom Footer */ /** Empty Data Warning element */ .slick-cell input.dual-editor-text, .slick-cell input.editor-text { border: 1px solid #e2e2e2; border-radius: 3px; background: #ffffff; padding-bottom: 0; padding-left: 2px; padding-right: 0; padding-top: 0; margin-left: -2px; margin-bottom: 2px; margin-right: 2px; margin-top: 2px; width: calc(100% + 2px); transform: translate(0, -2px); outline: 0; height: 100%; } .slick-cell input.dual-editor-text:focus, .slick-cell input.editor-text:focus { outline: 0; border-color: #3e8eb5; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(53, 121, 154, 0.3); } .slick-cell input.dual-editor-text.right, .slick-cell input.editor-text.right { margin-left: calc(-2px + 9px); } .slick-cell input.dual-editor-text[readonly], .slick-cell input.editor-text[readonly] { background-color: #f0f0f0; } .slick-cell .slider-editor-input:focus { outline: 0; border-color: #3e8eb5; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(53, 121, 154, 0.3); } .slick-cell .flatpickr.input-group { height: 24px; } .slick-cell .flatpickr.input-group .input-group-btn .btn { background-color: #eeeeee; border: 1px solid #cccccc; padding: 6px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; height: 24px; } .slick-cell .flatpickr.input-group .input-group-btn .btn.icon-clear:before { font-family: "FontAwesome"; font-size: inherit; content: ""; vertical-align: middle; display: inline-block; height: initial; width: initial; margin-top: -18px; } .slick-cell .flatpickr-alt-input { cursor: pointer; height: 24px; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; padding: 6px 2px; } .slick-cell .flatpickr-alt-input.editor-text { cursor: pointer; background-color: #ffffff; } .slick-cell .flatpickr-alt-input.editor-text:focus { outline: 0; border-color: #3e8eb5; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(53, 121, 154, 0.3); } /* Long Text Editor */ .slick-large-editor-text { z-index: 10000; position: absolute; background: #ffffff; padding: 5px; border: 2px solid #a0a0a0; border-radius: 6px; } .slick-large-editor-text .editor-footer { text-align: right; } .slick-large-editor-text .editor-footer button { margin-left: 2px; border-radius: 3px; } .slick-large-editor-text textarea { background: #ffffff; border: 0; outline: 0; } .slick-large-editor-text .counter { float: left; font-size: 11px; margin-top: 8px; } .slick-large-editor-text .counter .separator { margin: 0 1px; } /* plugin variables */ /* * Angular-SlickGrid theming variables, used by all Themes * Lib Website (https://github.com/ghiscoding/angular-slickgrid) * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE) */ /* Slickgrid container, including headers but excluding pagination */ /* grid */ /* cell */ /** 4x available slick-pane (top, bottom, left, right) */ /* row */ /* Pre-Header - Header Grouping colspan */ /* full height is calculated with cell padding + borders (25px + 5px + 0px + 0px) = 30px must be set as preHeaderPanelHeight */ /* header */ /* Frozen pinned rows/columns */ /* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */ /* AutoComplete */ /** AutoComplte with Custom Styling (2 rows) */ /* left/right */ /* top/bottom */ /** AutoComplte with Custom Styling (4 corners) */ /* left/right */ /* top/bottom */ /* Sorting */ /* Grouping Totals Formatter */ /* Column picker */ /* trick to cheat the width to include extra scrollbar width in addition to auto width */ /** Detail View Plugin */ /* Excel copy plugin */ /* Grid Menu - hamburger menu */ /* (Action) Cell Menu Plugin */ /* Context Menu Plugin */ /* Header Menu Plugin */ /* can be none or inline-block */ /* Checkbox Selector / Row Selection */ /* Editors */ /* negative number to cancel inside padding */ /* Compound Filters */ /** Date Range Filters */ /* Draggable Grouping Plugin */ /* Input Slider Filter (vanilla html) */ /* ms only */ /* ms only */ /* Input Range Slider Filter (with jQuery UI) */ /* Multiple-Select Filter */ /* pagination variables */ /* Row Move Manager Plugin */ /* selector plugin */ /* Viewport */ /* Custom Footer */ /** Empty Data Warning element */ .slick-cell-menu { position: absolute; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #ffffff; border: 1px solid #BFBDBD; border-radius: 2px; min-width: 175px; padding: 6px; z-index: 100000; cursor: default; display: inline-block; overflow: auto; resize: both; /* make sure that other UI frameworks aren't overriding our properties (Bulma was one of them affecting this) */ /* resize cell menu item width when there's a close button on same line */ } .slick-cell-menu.dropdown, .slick-cell-menu.dropup { display: inline-block; position: absolute; } .slick-cell-menu > .close { float: right; cursor: pointer; color: #c3c3c3; background-color: #ffffff; width: 15px; height: 21px; margin: 1px; padding: 0px; border: 0px solid #9c9c9c; font-family: "Calibri Light", "Helvetica Neue", Arial, sans-serif; font-size: 21px; } .slick-cell-menu > .close:hover { color: #838383; } .slick-cell-menu > .close > span { opacity: 0.9; } .slick-cell-menu .slick-cell-menu-option-list .title, .slick-cell-menu .slick-cell-menu-command-list .title { font-size: calc(12px + 2px); font-weight: normal; width: calc(100% - 15px - 10px); border-bottom: 1px solid #d6d6d6; margin-bottom: 10px; } .slick-cell-menu .slick-cell-menu-item { cursor: pointer; display: flex; align-items: center; border: 1px solid transparent; border-radius: 0px; font-size: 12px; padding: 2px 4px; list-style: none outside none; margin: 0; width: 100%; height: 24px; /* Disabled item */ } .slick-cell-menu .slick-cell-menu-item:hover { border: 1px solid #BFBDBD; background-color: #fafafa; } .slick-cell-menu .slick-cell-menu-item.slick-cell-menu-item-divider { cursor: default; border: none; overflow: hidden; padding: 0; height: 1px; margin: 8px 5px; background-color: #e7e7e7; width: calc(100% - 10px); margin-left: auto; margin-right: auto; } .slick-cell-menu .slick-cell-menu-item.slick-cell-menu-item-divider:hover { border: none; background-color: #e7e7e7; } .slick-cell-menu .slick-cell-menu-item .slick-cell-menu-icon { font-size: 14px; background-position: center center; background-repeat: no-repeat; display: inline-block; line-height: calc(14px + 2px); margin-right: 4px; vertical-align: middle; width: 16px; } .slick-cell-menu .slick-cell-menu-item .slick-cell-menu-content { display: inline-block; vertical-align: middle; } .slick-cell-menu .slick-cell-menu-item.slick-cell-menu-item-disabled { border-color: transparent !important; background: inherit !important; color: silver; cursor: inherit; } .slick-cell-menu .slick-cell-menu-item.slick-cell-menu-item-disabled .slick-cell-menu-icon, .slick-cell-menu .slick-cell-menu-item.slick-cell-menu-item-disabled .slick-cell-menu-content { color: silver; } .slick-cell-menu .slick-cell-menu-item.slick-cell-menu-item-hidden { display: none; } .slick-cell-menu .slick-cell-menu-option-list { margin-bottom: 10px; } .slick-cell-menu button + .slick-cell-menu-command-list .slick-cell-menu-item:first-child, .slick-cell-menu button + .slick-cell-menu-option-list .slick-cell-menu-item:first-child { width: calc(100% - 15px - 3px); } .slick-context-menu { position: absolute; background: #ffffff; border: 1px solid #BFBDBD; border-radius: 2px; min-width: 175px; padding: 6px; z-index: 100000; cursor: default; display: inline-block; overflow: auto; resize: both; /* make sure that other UI frameworks aren't overriding our properties (Bulma was one of them affecting this) */ /* resize context menu item width when there's a close button on same line */ } .slick-context-menu.dropdown, .slick-context-menu.dropup { display: inline-block; position: absolute; } .slick-context-menu > .close { float: right; color: #c3c3c3; background-color: #ffffff; width: 15px; height: 21px; margin: 1px; padding: 0px; border: 0px solid #9c9c9c; font-family: "Calibri Light", "Helvetica Neue", Arial, sans-serif; font-size: 21px; } .slick-context-menu > .close:hover { color: #838383; } .slick-context-menu > .close > span { opacity: 0.9; } .slick-context-menu .title { font-size: calc(14px + 2px); font-weight: normal; width: calc(100% - 15px - 10px); border-bottom: 1px solid #d6d6d6; margin-bottom: 10px; } .slick-context-menu .slick-context-menu-item { cursor: pointer; border: 1px solid transparent; border-radius: 0px; font-size: 14px; padding: 2px 4px; list-style: none outside none; margin: 0; width: 100%; /* Disabled item */ } .slick-context-menu .slick-context-menu-item:hover { border: 1px solid #BFBDBD; background-color: #fafafa; } .slick-context-menu .slick-context-menu-item.slick-context-menu-item-divider { cursor: default; display: block; border: none; overflow: hidden; padding: 0; height: 1px; margin: 8px 5px; background-color: #e7e7e7; width: calc(100% - 10px); margin-left: auto; margin-right: auto; } .slick-context-menu .slick-context-menu-item.slick-context-menu-item-divider:hover { border: none; background-color: #e7e7e7; } .slick-context-menu .slick-context-menu-item .slick-context-menu-icon { background-position: center center; background-repeat: no-repeat; display: inline-block; font-size: 14px; height: 16px; line-height: 14px; margin-right: 4px; vertical-align: middle; width: 16px; } .slick-context-menu .slick-context-menu-item .slick-context-menu-content { display: inline-block; vertical-align: middle; } .slick-context-menu .slick-context-menu-item.slick-context-menu-item-disabled { border-color: transparent !important; background: inherit !important; color: silver; cursor: inherit; } .slick-context-menu .slick-context-menu-item.slick-context-menu-item-disabled .slick-context-menu-icon, .slick-context-menu .slick-context-menu-item.slick-context-menu-item-disabled .slick-context-menu-content { color: silver; } .slick-context-menu .slick-context-menu-item.slick-context-menu-item-hidden { display: none; } .slick-context-menu .slick-context-menu-option-list { margin-bottom: 10px; } .slick-context-menu button + .slick-context-menu-command-list .slick-context-menu-item:first-child, .slick-context-menu button + .slick-context-menu-option-list .slick-context-menu-item:first-child { width: calc(100% - 15px - 3px); } .slick-column-name, .slick-sort-indicator { /** * This makes all "float:right" elements after it that spill over to the next line * display way below the lower boundary of the column thus hiding them. */ float: left; margin-bottom: 100px; } .slick-header-button { /** * This makes all "float:right" elements after it that spill over to the next line * display way below the lower boundary of the column thus hiding them. */ float: right; vertical-align: top; margin: 1px; margin-bottom: 100px; height: 15px; width: 15px; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .slick-header-button-hidden { width: 0; margin-right: -8px; transition: 0.2s width; } .slick-header-column:hover > .slick-header-button { width: 15px; } .slick-header-menubutton { background-position: center center; background-repeat: no-repeat; cursor: pointer; display: none; position: absolute; height: 35px; border: 1px solid #BFBDBD; border-width: 0px; padding: 0px; color: #4a4a4a; bottom: 0; right: 3px; top: 0; width: 14px; } .slick-header-menubutton:before { display: inline-block; content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; width: 14px; } .slick-header-column .slick-header-menubutton { display: none; } .slick-header-column:hover .slick-header-menubutton { display: inline-block; } .slick-header-menu { position: absolute; margin: 0; background: none repeat scroll 0 0 #ffffff; border: 1px solid #BFBDBD; border-radius: 2px; min-width: 175px; padding: 6px; z-index: 100000; cursor: default; display: inline-block; } .slick-header-menu .filter { border: 1px solid #BFBDBD; font-size: 8pt; height: 400px; margin-top: 6px; overflow: scroll; padding: 4px; white-space: nowrap; width: 200px; } .slick-header-menu .textfilter > label { display: inline-block; margin-left: 5px; margin-right: 10px; } .slick-header-menu .textfilter > input[type=text] { width: 70%; } .slick-header-menuitem { cursor: pointer; display: block; border: 1px solid transparent; border-radius: 0px; padding: 2px 4px; list-style: none outside none; margin: 0; } .slick-header-menuitem:hover { border: 1px solid #BFBDBD; background-color: #fafafa; } .slick-header-menuitem.slick-header-menuitem-divider { cursor: default; border: none; overflow: hidden; padding: 0; height: 1px; margin: 8px 3px; background-color: #e7e7e7; width: calc(100% - 10px); margin-left: auto; margin-right: auto; } .slick-header-menuitem.slick-header-menuitem-divider:hover { border: none; background-color: silver; } .slick-header-menuitem-divider.slick-header-menuitem:hover { background-color: #e7e7e7; } .slick-header-menuicon { background-position: center center; background-repeat: no-repeat; display: inline-block; color: #000000; font-size: 14px; font-weight: normal; line-height: 14px; height: 16px; margin-right: 4px; vertical-align: middle; width: 16px; /* Font Awesome sorting icons are not aligned in middle, let's align them ourselves */ } .slick-header-menuicon.fa-sort-asc { transform: translateY(3px); } .slick-header-menuicon.fa-sort-desc { transform: translateY(-2px); } .slick-header-menucontent { display: inline-block; vertical-align: middle; } /* Disabled */ .slick-header-menuitem-disabled { border-color: transparent !important; background: inherit !important; color: silver; cursor: inherit; } .slick-header-menuitem-disabled .slick-header-menuicon, .slick-header-menuitem-disabled .slick-header-menucontent { color: silver; } .slick-header-menuitem-hidden { display: none; } .slick-cell.cell-reorder:before { display: inline-block; font-family: "FontAwesome"; font-size: 14px; content: ""; width: 14px; } .slick-cell.cell-reorder { cursor: move; } .slick-headerrow-column, .slick-column-name, .slick-cell-checkboxsel { text-align: center; } .slick-headerrow-column #filter-checkbox-selectall-container, .slick-column-name #filter-checkbox-selectall-container, .slick-cell-checkboxsel #filter-checkbox-selectall-container { display: flex; align-items: center; justify-content: center; height: 100%; } .slick-headerrow-column input[type=checkbox], .slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox], .slick-column-name input[type=checkbox], .slick-column-name #filter-checkbox-selectall-container > input[type=checkbox], .slick-cell-checkboxsel input[type=checkbox], .slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] { display: none; /* to hide the checkbox itself */ } .slick-headerrow-column input[type=checkbox], .slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label, .slick-column-name input[type=checkbox], .slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label, .slick-cell-checkboxsel input[type=checkbox], .slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label { margin: 0; } .slick-headerrow-column input[type=checkbox] + label:before, .slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label:before, .slick-column-name input[type=checkbox] + label:before, .slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label:before, .slick-cell-checkboxsel input[type=checkbox] + label:before, .slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label:before { cursor: pointer; content: ""; background-color: inherit; color: #31708F; display: inline-block; font-weight: bold; font-family: "FontAwesome"; font-size: calc(14px - 1px); opacity: 0.15; /* unchecked icon */ height: 14px; width: 14px; border: none; border-radius: none; margin: 0; } .slick-headerrow-column input[type=checkbox] + label:hover:before, .slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox] + label:hover:before, .slick-column-name input[type=checkbox] + label:hover:before, .slick-column-name #filter-checkbox-selectall-container > input[type=checkbox] + label:hover:before, .slick-cell-checkboxsel input[type=checkbox] + label:hover:before, .slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox] + label:hover:before { opacity: 0.35; } .slick-headerrow-column input[type=checkbox]:checked + label:before, .slick-headerrow-column #filter-checkbox-selectall-container > input[type=checkbox]:checked + label:before, .slick-column-name input[type=checkbox]:checked + label:before, .slick-column-name #filter-checkbox-selectall-container > input[type=checkbox]:checked + label:before, .slick-cell-checkboxsel input[type=checkbox]:checked + label:before, .slick-cell-checkboxsel #filter-checkbox-selectall-container > input[type=checkbox]:checked + label:before { content: ""; color: #31708F; opacity: 1; /* checked icon */ height: 14px; width: 14px; border-radius: none; border-radius: none; } .slick-group .slick-cell-checkboxsel { text-align: left; } .search-filter :focus { outline-color: #73b3e5; } .ms-choice { border: 1px solid #ccc; background-color: transparent; font-size: 12px; } .ms-choice div:before { font-family: "FontAwesome"; font-size: 16px; } .ms-choice div.open:before { font-family: "FontAwesome"; font-size: 16px; } .ms-choice span { font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial; } .ms-choice .placeholder { font-family: "Segoe UI Symbol"; font-size: 12px; color: #c9c9c9 !important; } .ms-filter.search-filter { width: 100% !important; } .ms-drop { max-width: 250px; border: 1px solid #bbb; z-index: 9999; } .ms-drop input[type="checkbox"], .ms-drop input[type="radio"] { /* make input checkbox invisible but don't hide it since multiple-select uses hide for something else */ opacity: 0; width: 0; } .ms-drop input[type="checkbox"] + span:before, .ms-drop input[type="radio"] + span:before { cursor: pointer; color: #31708F; content: ""; display: inline-block; font-family: "FontAwesome"; font-size: 16px; font-weight: normal; height: 14px; width: 20px; border: none; border-radius: none; margin: 0; opacity: 0.6; } .ms-drop input[type="checkbox"]:checked + span:before, .ms-drop input[type="radio"]:checked + span:before { content: ""; opacity: 1; height: 14px; width: 20px; border: none; border-radius: none; margin: 0; } .ms-drop input[type="radio"] + span:before { content: ""; height: 14px; width: 20px; border: none; border-radius: none; margin: 0; } .ms-drop input[type="radio"]:checked + span:before { content: ""; color: #31708F; height: 14px; width: 20px; border: none; border-radius: none; margin: 0; } .ms-drop label { margin-bottom: 5px; } .ms-drop label span { cursor: pointer; margin-left: 4px; position: relative; top: 1px; } .ms-drop label:hover { cursor: pointer; background-color: #E8F4FE; } .ms-drop .ms-select-all { border-bottom: 1px solid #ddd; } .ms-drop .ms-select-all label { display: inline-block; font-weight: normal; padding: 5px 8px; color: #2a617c; } .ms-drop .ms-select-all label:hover { color: #245269; } .ms-drop .ms-ok-button { cursor: pointer; display: block; width: 100%; height: 26px; padding: 0; border: 1px solid #ccc; text-align: center; color: #31708F; font-weight: 600; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #fff; } .ms-drop .ms-ok-button:hover { background-color: #d9edfd; color: #2a617c; } .ms-drop .ms-search:before { font-family: "FontAwesome"; font-size: 16px; right: 8px; position: absolute; } .search-filter .operator.input-group-addon { margin: 0; padding: 0; min-width: 25px; border: none; } .search-filter .operator.input-group-addon .form-control { border-radius: 4px 0 0 4px; padding: 0 0 0 2px !important; font-size: 13px; color: #333333; font-weight: bold; background-color: #ffffff; } .search-filter .operator.input-group-addon select { font-family: Consolas, "Lucida Console"; font-size: 14px !important; border: 1px solid #387fa2; width: 25px; } .search-filter .operator.input-group-addon select.form-control { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; } .search-filter .operator.input-group-addon select.form-control:-ms-expand { display: none; } .search-filter .operator.input-group-addon select.form-control .empty { color: #c0c0c0; } .search-filter .operator-char3.input-group-addon { min-width: 30px; } input.search-filter { font-family: "Segoe UI Symbol"; } .search-filter input { font-family: "Segoe UI Symbol"; } .search-filter input.compound-input { border-radius: 0 4px 4px 0 !important; border-left: none; } .search-filter input.compound-input::-moz-placeholder { color: #c9c9c9; } .search-filter input.compound-input:-ms-input-placeholder { color: #c9c9c9; } .search-filter input.compound-input::placeholder { color: #c9c9c9; } .search-filter input.compound-slider { border-left: none !important; } .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column .input-group-prepend + .flatpickr input.compound-input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .search-filter .flatpickr input.form-control { border-left: none; } .search-filter .flatpickr input.form-control::-moz-placeholder { color: #c9c9c9; } .search-filter .flatpickr input.form-control:-ms-input-placeholder { color: #c9c9c9; } .search-filter .flatpickr input.form-control::placeholder { color: #c9c9c9; } .search-filter.flatpickr, .search-filter .flatpickr { flex: 1; cursor: pointer; } .search-filter.flatpickr input.flatpickr.form-control, .search-filter.flatpickr .flatpickr-input.form-control, .search-filter .flatpickr input.flatpickr.form-control, .search-filter .flatpickr .flatpickr-input.form-control { background-color: #ffffff; font-family: "Segoe UI Symbol"; font-size: 12px; border-radius: 0 4px 4px 0; width: 100%; } .search-filter.flatpickr input.flatpickr.form-control[readonly], .search-filter.flatpickr .flatpickr-input.form-control[readonly], .search-filter .flatpickr input.flatpickr.form-control[readonly], .search-filter .flatpickr .flatpickr-input.form-control[readonly] { background-color: #ffffff; } .search-filter.flatpickr .form-control[readonly], .search-filter.flatpickr .flatpickr.form-control[readonly], .search-filter .flatpickr .form-control[readonly], .search-filter .flatpickr .flatpickr.form-control[readonly] { cursor: pointer; background-color: #ffffff; } input.flatpickr-input.form-control, input.flatpickr.form-control { cursor: pointer; font-family: "Segoe UI Symbol"; font-size: 12px; border-radius: 4px; } input.flatpickr-input.form-control[readonly], input.flatpickr.form-control[readonly] { background-color: #ffffff; } .slick-preheader-panel .ui-droppable, .slick-preheader-panel .ui-droppable-hover { padding: 5px 10px; height: 35px; border: 1px solid #e0e0e0 !important; width: calc(100% - 25px) !important; border-radius: 4px; background-color: #ffffff; } .slick-preheader-panel .ui-droppable .slick-placeholder, .slick-preheader-panel .ui-droppable-hover .slick-placeholder { font-style: italic; color: #616161; } .slick-preheader-panel .ui-droppable .slick-group-toggle-all, .slick-preheader-panel .ui-droppable-hover .slick-group-toggle-all { position: absolute; cursor: pointer; font-family: "FontAwesome"; color: #31708F; display: none !important; top: 7px; right: 40px; } .slick-preheader-panel .ui-droppable .slick-group-toggle-all.expanded:before, .slick-preheader-panel .ui-droppable-hover .slick-group-toggle-all.expanded:before { content: ""; } .slick-preheader-panel .ui-droppable .slick-group-toggle-all.collapsed:before, .slick-preheader-panel .ui-droppable-hover .slick-group-toggle-all.collapsed:before { content: ""; } .slick-preheader-panel .ui-droppable .slick-dropped-grouping, .slick-preheader-panel .ui-droppable-hover .slick-dropped-grouping { display: inline-block; vertical-align: middle; cursor: move; } .slick-preheader-panel .ui-droppable .slick-groupby-remove, .slick-preheader-panel .ui-droppable-hover .slick-groupby-remove { cursor: pointer; display: inline-flex; color: pink; font-size: 16px; padding-left: 5px; padding-right: 7px; vertical-align: baseline; } .slick-preheader-panel .ui-droppable .slick-groupby-remove:hover, .slick-preheader-panel .ui-droppable-hover .slick-groupby-remove:hover { color: red; } .slick-preheader-panel .ui-droppable-active { background-color: #fafafa; } .slick-preheader-panel .ui-droppable-hover { background-color: #ededed; } .slick-header .slick-header-columns .slick-column-groupable { display: inline-block; font-weight: normal; color: #707070; width: 9px; height: 9px; margin-left: 4px; } .ui-widget.ui-widget-content { border: 0; } input.slider-editor-input[type=range], input.slider-filter-input[type=range] { /*removes default webkit styles*/ -webkit-appearance: none; height: 27px; flex: 1; padding: 0 6px; /* change runnable track color while in focus on all browsers */ /* WebKit specific (Opera/Chrome/Safari) */ /* Mozilla Firefox specific */ /*fix for FF unable to apply focus style bug */ border: 1px solid #ccc; /*hide the outline behind the border*/ /* Microsoft IE specific */ } input.slider-editor-input[type=range]:focus, input.slider-filter-input[type=range]:focus { outline: none; } input.slider-editor-input[type=range]:focus::-webkit-slider-runnable-track, input.slider-filter-input[type=range]:focus::-webkit-slider-runnable-track { background: #ddd; } input.slider-editor-input[type=range]:focus::-moz-range-track, input.slider-filter-input[type=range]:focus::-moz-range-track { background: #ddd; } input.slider-editor-input[type=range]:focus::-ms-fill-lower, input.slider-filter-input[type=range]:focus::-ms-fill-lower { background: #aaa; } input.slider-editor-input[type=range]:focus::-ms-fill-upper, input.slider-filter-input[type=range]:focus::-ms-fill-upper { background: #ddd; } input.slider-editor-input[type=range]::-webkit-slider-runnable-track, input.slider-filter-input[type=range]::-webkit-slider-runnable-track { height: 4px; background: #eee; border: none; border-radius: 3px; } input.slider-editor-input[type=range]::-webkit-slider-thumb, input.slider-filter-input[type=range]::-webkit-slider-thumb { cursor: pointer; -webkit-appearance: none; border: none; height: 14px; width: 14px; border-radius: 50%; border: 1px solid #9bbc9f; background: #c9dbcb; margin-top: -4px; } input.slider-editor-input[type=range]::-moz-range-track, input.slider-filter-input[type=range]::-moz-range-track { height: 4px; background: #eee; border: none; border-radius: 3px; } input.slider-editor-input[type=range]::-moz-range-thumb, input.slider-filter-input[type=range]::-moz-range-thumb { border: none; cursor: pointer; height: calc(14px - 2px); width: calc(14px - 2px); border-radius: 50%; border: 1px solid #9bbc9f; background: #c9dbcb; } input.slider-editor-input[type=range]:-moz-focusring, input.slider-filter-input[type=range]:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } input.slider-editor-input[type=range]::-ms-track, input.slider-filter-input[type=range]::-ms-track { height: 4px; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; } input.slider-editor-input[type=range]::-ms-fill-lower, input.slider-filter-input[type=range]::-ms-fill-lower { background: #ddd; border-radius: 10px; } input.slider-editor-input[type=range]::-ms-fill-upper, input.slider-filter-input[type=range]::-ms-fill-upper { background: #eee; border-radius: 10px; } input.slider-editor-input[type=range]::-ms-thumb, input.slider-filter-input[type=range]::-ms-thumb { border: none; cursor: pointer; height: calc(14px - 2px); width: calc(14px - 2px); border-radius: 50%; border: 1px solid #9bbc9f; background: #c9dbcb; margin-top: 1px; } input.slider-editor-input[type=range]::-ms-tooltip, input.slider-filter-input[type=range]::-ms-tooltip { display: none; } .search-filter { height: 27px; } .search-filter::-moz-placeholder { color: #c9c9c9; } .search-filter:-ms-input-placeholder { color: #c9c9c9; } .search-filter::placeholder { color: #c9c9c9; } .search-filter .slider-value { padding: 0; height: 100%; } .search-filter .slider-value .input-group-text { padding: 4px 8px; font-size: calc(14 - 1px); } input.slider-filter-input[type=range] { padding: 0 6px; height: 27px; } /* Slider Editor */ input.slider-editor-input[type=range] { padding: 0 6px; height: 24px; } .slider-editor .slider-value { padding: 0; height: 24px; } .slider-editor .slider-value .input-group-text { padding: 4px 6px; font-size: calc(14 - 1px); height: 24px; } .slider-range-container { height: 27px; padding: 0 12px; } .slider-range-container .ui-slider { position: relative; } .slider-range-container .ui-slider .ui-slider-handle { position: absolute; top: -5px; border-radius: 50%; cursor: pointer; border: 1px solid #9bbc9f; height: 14px; width: 14px; background-color: #c9dbcb; } .slider-range-container .ui-slider .ui-slider-handle:focus { outline: none; } .slider-range-container .ui-slider-horizontal { top: 45%; height: 4px; background-color: #eee; } .slider-range-container .input-group-text { border: 0; } .slider-range-container.slider-values { padding: 0; } .slider-range-container.slider-values .ui-slider-horizontal { flex: 1; width: calc(98% - 16px); top: 12px; margin: 0 10px; } .slider-range-container.slider-values .slider-range-value { padding: 0; border: 0; height: 100%; } .slider-range-container.slider-values .slider-range-value .input-group-text { padding: 4px 8px; font-size: calc(14 - 1px); } .slider-range-container.slider-values .input-group-prepend.slider-range-value { border-right: 1px solid #ccc; } .slider-range-container.slider-values .input-group-append.slider-range-value { border-left: 1px solid #ccc; } .slick-row .detail-view-toggle { display: inline-block; cursor: pointer; } .slick-row .detail-view-toggle.expand { display: inline-block; color: #71b0ce; } .slick-row .detail-view-toggle.expand:hover { color: #4b9ac1; } .slick-row .detail-view-toggle.expand:before { font-family: "FontAwesome"; font-size: calc(14px + 2px); content: ""; } .slick-row .detail-view-toggle.collapse { display: inline-block; color: #31708F; } .slick-row .detail-view-toggle.collapse:hover { color: #245269; } .slick-row .detail-view-toggle.collapse:before { font-family: "FontAwesome"; font-size: calc(14px + 2px); content: ""; } .slick-row .dynamic-cell-detail { position: absolute; width: 100%; overflow: auto; border: 1px solid #c0c0c0; background-color: #f7f7f7; padding: 10px; z-index: 1000; } .slick-row .dynamic-cell-detail :first-child { vertical-align: middle; line-height: 13px; } /* pagination/pagination variables */ /* * Angular-SlickGrid theming variables, used by all Themes * Lib Website (https://github.com/ghiscoding/angular-slickgrid) * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE) */ /* Slickgrid container, including headers but excluding pagination */ /* grid */ /* cell */ /** 4x available slick-pane (top, bottom, left, right) */ /* row */ /* Pre-Header - Header Grouping colspan */ /* full height is calculated with cell padding + borders (25px + 5px + 0px + 0px) = 30px must be set as preHeaderPanelHeight */ /* header */ /* Frozen pinned rows/columns */ /* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */ /* AutoComplete */ /** AutoComplte with Custom Styling (2 rows) */ /* left/right */ /* top/bottom */ /** AutoComplte with Custom Styling (4 corners) */ /* left/right */ /* top/bottom */ /* Sorting */ /* Grouping Totals Formatter */ /* Column picker */ /* trick to cheat the width to include extra scrollbar width in addition to auto width */ /** Detail View Plugin */ /* Excel copy plugin */ /* Grid Menu - hamburger menu */ /* (Action) Cell Menu Plugin */ /* Context Menu Plugin */ /* Header Menu Plugin */ /* can be none or inline-block */ /* Checkbox Selector / Row Selection */ /* Editors */ /* negative number to cancel inside padding */ /* Compound Filters */ /** Date Range Filters */ /* Draggable Grouping Plugin */ /* Input Slider Filter (vanilla html) */ /* ms only */ /* ms only */ /* Input Range Slider Filter (with jQuery UI) */ /* Multiple-Select Filter */ /* pagination variables */ /* Row Move Manager Plugin */ /* selector plugin */ /* Viewport */ /* Custom Footer */ /** Empty Data Warning element */ .slick-custom-footer { color: #808080; padding: 5px 0; background-color: transparent; font-size: 12px; font-style: italic; font-weight: normal; height: 30px; } .slick-custom-footer .left-footer { color: #808080; font-style: italic; font-weight: normal; text-align: left; padding: 0px; width: 50%; float: left; } .slick-custom-footer .right-footer.metrics { color: #808080; text-align: right; font-style: italic; font-weight: normal; text-align: right; padding: 0px; width: 50%; float: right; } .slick-custom-footer .right-footer.metrics .separator { margin: 2px; } .slick-empty-data-warning { position: relative; color: #000000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: calc(12px + 2px); font-style: italic; line-height: 18px; margin: 0px; padding: 8px; z-index: 10; } /* Pagination styling */ .slick-pagination { border-top: 0 none; border-right: 0 none; border-bottom: 0 none; border-left: 0 none; width: 100%; height: 40px; padding-top: 4px; vertical-align: middle; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: calc(12px - 1px); font-weight: 400; color: #808080; } .slick-pagination .slick-pagination-status { display: inline-block; padding: 6px; } .slick-pagination .ui-icon-container { display: inline-block; border-color: #dee2e6; } .slick-pagination .slick-pagination-nav { display: inline-block; padding: 2px; height: 34px; } .slick-pagination .slick-pagination-nav nav { display: inline-block; } .slick-pagination .slick-pagination-nav .slick-page-number { vertical-align: top; margin-top: 6px; display: inline-block; padding: 0 5px; } .slick-pagination .slick-pagination-nav .slick-page-number input { background-color: #fafbed; height: 26px; width: 50px; padding: 2px; border-radius: 4px; display: inline-block; } .slick-pagination .slick-pagination-nav .pagination { margin: 0; } .slick-pagination .slick-pagination-nav .pagination .page-link { font-size: calc(14px - 1px); border: 1px solid #acacac; height: 32px; } .slick-pagination .slick-pagination-nav .pagination .page-item { cursor: pointer; } .slick-pagination .slick-pagination-nav .pagination .page-item a[class*="icon-seek-"] { border-color: 1px solid #acacac; color: #31708F; text-decoration: none; font-family: "FontAwesome"; line-height: calc(14px + 4px); -webkit-text-stroke: 0.4px; padding: 6px 12px; } .slick-pagination .slick-pagination-nav .pagination .page-item a[class*="icon-seek-"]:hover { background-color: #E6E6E6; } .slick-pagination .slick-pagination-nav .pagination .page-item:first-child a, .slick-pagination .slick-pagination-nav .pagination .page-item:first-child span { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .slick-pagination .slick-pagination-nav .pagination .page-item:last-child a, .slick-pagination .slick-pagination-nav .pagination .page-item:last-child span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .slick-pagination .slick-pagination-nav .pagination .page-item .icon-seek-first:before { content: ""; display: block; width: inherit; } .slick-pagination .slick-pagination-nav .pagination .page-item .icon-seek-prev:before { content: ""; display: block; width: inherit; } .slick-pagination .slick-pagination-nav .pagination .page-item .icon-seek-next:before { content: ""; display: block; width: inherit; } .slick-pagination .slick-pagination-nav .pagination .page-item .icon-seek-end:before { content: ""; display: block; width: inherit; } .slick-pagination .slick-pagination-nav .pagination .page-item.disabled { cursor: not-allowed; font-weight: normal; } .slick-pagination .slick-pagination-nav .pagination .page-item.disabled a[class*="icon-seek-"] { color: #b8b8b8; background-color: #f9f9f9; border-color: #dedede; } .slick-pagination .slick-pagination-settings { display: block; float: right; padding: 2px; } .slick-pagination .slick-pagination-settings select { font-size: calc(12px - 2px); line-height: 1.5; height: 32px; width: 60px; padding: 0 0 2px 2px; border: 1px solid #acacac; border-radius: 3px; } .slick-pagination .slick-pagination-settings .slick-pagination-count { margin-left: 2px; } /* * Angular-SlickGrid theming variables, used by all Themes * Lib Website (https://github.com/ghiscoding/angular-slickgrid) * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE) */ /* Slickgrid container, including headers but excluding pagination */ /* grid */ /* cell */ /** 4x available slick-pane (top, bottom, left, right) */ /* row */ /* Pre-Header - Header Grouping colspan */ /* full height is calculated with cell padding + borders (25px + 5px + 0px + 0px) = 30px must be set as preHeaderPanelHeight */ /* header */ /* Frozen pinned rows/columns */ /* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */ /* AutoComplete */ /** AutoComplte with Custom Styling (2 rows) */ /* left/right */ /* top/bottom */ /** AutoComplte with Custom Styling (4 corners) */ /* left/right */ /* top/bottom */ /* Sorting */ /* Grouping Totals Formatter */ /* Column picker */ /* trick to cheat the width to include extra scrollbar width in addition to auto width */ /** Detail View Plugin */ /* Excel copy plugin */ /* Grid Menu - hamburger menu */ /* (Action) Cell Menu Plugin */ /* Context Menu Plugin */ /* Header Menu Plugin */ /* can be none or inline-block */ /* Checkbox Selector / Row Selection */ /* Editors */ /* negative number to cancel inside padding */ /* Compound Filters */ /** Date Range Filters */ /* Draggable Grouping Plugin */ /* Input Slider Filter (vanilla html) */ /* ms only */ /* ms only */ /* Input Range Slider Filter (with jQuery UI) */ /* Multiple-Select Filter */ /* pagination variables */ /* Row Move Manager Plugin */ /* selector plugin */ /* Viewport */ /* Custom Footer */ /** Empty Data Warning element */ .full-height { height: 100%; } .gridPane { width: 100%; } .grid-header { border: 1px solid gray; border-bottom: 0; border-top: 0; color: black; height: 24px; line-height: 24px; } .grid-header label { display: inline-block; font-weight: bold; margin: auto auto auto 6px; } .grid-header .ui-icon { margin: 4px 4px auto 6px; background-color: transparent; border-color: transparent; } .grid-header .ui-icon.ui-state-hover { background-color: white; } .grid-header #txtSearch { margin: 0 4px 0 4px; padding: 2px 2px; border-radius: 2px; border: 1px solid silver; } .options-panel { border-radius: 6px; border: 1px solid silver; background: #f0f0f0; padding: 4px; margin-bottom: 20px; width: 320px; position: absolute; top: 0px; left: 650px; } /* Individual cell styles */ .slick-cell.task-name { font-weight: bold; text-align: right; } .slick-cell.task-percent { text-align: right; } .slick-cell.cell-move-handle { font-weight: bold; text-align: right; border-right: solid gray; background: #efefef; cursor: move; } .cell-move-handle:hover { background: #b6b9bd; } .slick-row.selected .cell-move-handle { background: #D5DC8D; } .slick-row .cell-actions { text-align: left; } .slick-row.complete { background-color: #DFD; color: #555; } .percent-complete-bar { display: inline-block; height: 6px; border-radius: 3px; background-color: transparent; } /* Slick.Editors.Text, Slick.Editors.Date */ .ui-datepicker-trigger { margin-top: 2px; padding: 0; vertical-align: top; } /* Slick.Editors.PercentComplete */ input.editor-percentcomplete { width: 100%; height: 100%; border: 0; margin: 0; background: transparent; outline: 0; padding: 0; float: left; } .editor-percentcomplete-picker { position: relative; display: inline-block; width: 16px; height: 100%; overflow: visible; z-index: 1000; float: right; } .editor-percentcomplete-helper { border: 0 solid gray; position: absolute; top: -2px; left: -9px; padding-left: 9px; width: 120px; height: 140px; display: none; overflow: visible; } .editor-percentcomplete-wrapper { background: beige; padding: 20px 8px; width: 100%; height: 98px; border: 1px solid gray; border-left: 0; } .editor-percentcomplete-buttons { float: right; } .editor-percentcomplete-buttons button { width: 80px; } .editor-percentcomplete-slider { float: left; } .editor-percentcomplete-picker:hover .editor-percentcomplete-helper { display: block; } .editor-percentcomplete-helper:hover { display: block; } /* Slick.Editors.YesNoSelect */ select.editor-yesno { width: 100%; margin: 0; vertical-align: middle; } /* Slick.Editors.Checkbox */ input.editor-checkbox { margin: 0; height: 100%; padding: 0; border: 0; } /*! * SlickGrid custom styling for Bootstrap (https://github.com/ghiscoding/aurelia-slickgrid) * Licensed under MIT (https://github.com/ghiscoding/aurelia-slickgrid/blob/master/LICENSE) * @author: Ghislain B. (ghiscoding) */ /*! /* Mixins for SlickGrid */ /* * Angular-SlickGrid theming variables, used by all Themes * Lib Website (https://github.com/ghiscoding/angular-slickgrid) * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE) */ /* Slickgrid container, including headers but excluding pagination */ /* grid */ /* cell */ /** 4x available slick-pane (top, bottom, left, right) */ /* row */ /* Pre-Header - Header Grouping colspan */ /* full height is calculated with cell padding + borders (25px + 5px + 0px + 0px) = 30px must be set as preHeaderPanelHeight */ /* header */ /* Frozen pinned rows/columns */ /* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */ /* AutoComplete */ /** AutoComplte with Custom Styling (2 rows) */ /* left/right */ /* top/bottom */ /** AutoComplte with Custom Styling (4 corners) */ /* left/right */ /* top/bottom */ /* Sorting */ /* Grouping Totals Formatter */ /* Column picker */ /* trick to cheat the width to include extra scrollbar width in addition to auto width */ /** Detail View Plugin */ /* Excel copy plugin */ /* Grid Menu - hamburger menu */ /* (Action) Cell Menu Plugin */ /* Context Menu Plugin */ /* Header Menu Plugin */ /* can be none or inline-block */ /* Checkbox Selector / Row Selection */ /* Editors */ /* negative number to cancel inside padding */ /* Compound Filters */ /** Date Range Filters */ /* Draggable Grouping Plugin */ /* Input Slider Filter (vanilla html) */ /* ms only */ /* ms only */ /* Input Range Slider Filter (with jQuery UI) */ /* Multiple-Select Filter */ /* pagination variables */ /* Row Move Manager Plugin */ /* selector plugin */ /* Viewport */ /* Custom Footer */ /** Empty Data Warning element */ @keyframes highlight-start { to { background: #a4d4fa; } from { background: none; } } @keyframes highlight-end { from { background: 0.3s ease 1; } to { background: none; } } .slickgrid-container { border-top: 0 none; border-bottom: 1px solid #dee2e6; border-left: 0 none; border-right: 0 none; position: relative; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /** Header Grouping **/ /** Frozen/Pinned styling */ } .slickgrid-container input[type="checkbox"] { vertical-align: baseline; margin: 0; } .slickgrid-container .slick-viewport { border-top: 0 none; border-bottom: 0 none; border-left: 0 none; border-right: 0 none; } .slickgrid-container .grid-canvas .slick-row { position: absolute; width: 100%; color: #000000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: normal; } .slickgrid-container .grid-canvas .slick-row:hover { background-color: #E8F4FE; box-shadow: none; z-index: 5; } .slickgrid-container .grid-canvas .slick-row.active { padding: 5px 7px; } .slickgrid-container .grid-canvas .slick-row.highlight { background-color: #a4d4fa; animation: highlight-start 1.5s ease 1; } .slickgrid-container .grid-canvas .slick-row.highlight .slick-cell.copied { background: rgba(0, 0, 255, 0.2); transition: 0.5s background; } .slickgrid-container .grid-canvas .slick-row.highlight.odd { background-color: #a4d4fa; animation: highlight-start 1.5s ease 1; } .slickgrid-container .grid-canvas .slick-row.highlight.odd .slick-cell.copied { background: rgba(0, 0, 255, 0.2); transition: 0.5s background; } .slickgrid-container .grid-canvas .slick-row.highlight-end { background-color: #a4d4fa; animation: highlight-end 1.5s ease 1; } .slickgrid-container .grid-canvas .slick-row.highlight-end.odd { background-color: #a4d4fa; animation: highlight-end 1.5s ease 1; } .slickgrid-container .grid-canvas .slick-row.highlighter { background: orange !important; transition-property: background; transition-duration: 3s; transition-timing-function: ease-in; } .slickgrid-container .grid-canvas .slick-row.copied { background: rgba(0, 0, 255, 0.2); transition: 0.5s background; } .slickgrid-container .grid-canvas .slick-row.odd { background-color: #f7f9ff; } .slickgrid-container .grid-canvas .slick-row.odd:hover { background-color: #E8F4FE; } .slickgrid-container .grid-canvas .slick-row.odd .slick-cell { background: inherit; } .slickgrid-container .grid-canvas .slick-row.odd .slick-cell.selected { background-color: #BCDFFB; } .slickgrid-container .grid-canvas .slick-row.odd .slick-cell.copied { background: rgba(0, 0, 255, 0.2); transition: 0.5s background; } .slickgrid-container .grid-canvas .slick-row.odd .slick-cell { background: inherit; } .slickgrid-container .grid-canvas .slick-row.odd .slick-cell.selected { background-color: #BCDFFB; } .slickgrid-container .grid-canvas .slick-row.odd .slick-cell.copied { background: rgba(0, 0, 255, 0.2); transition: 0.5s background; } .slickgrid-container .grid-canvas .slick-row.slick-group-totals { color: gray; background: #fff; } .slickgrid-container .grid-canvas .slick-row.slick-group-totals .slick-cell { font-size: 14px; } .slickgrid-container .grid-canvas .slick-cell, .slickgrid-container .grid-canvas .slick-headerrow-column { border-top: 0px solid #dee2e6; border-bottom: 1px solid #dee2e6; border-left: 1px transparent; border-right: 1px solid #dee2e6; box-shadow: inherit; } .slickgrid-container .grid-canvas .even { background-color: #ffffff; } .slickgrid-container .grid-canvas .slick-cell { padding: 5px 7px; font-size: 12px; } .slickgrid-container .grid-canvas .slick-cell td { font-size: 12px; } body .slickgrid-container .grid-canvas .slick-cell { line-height: 20px; } .slickgrid-container .grid-canvas .slick-cell a, .slickgrid-container .grid-canvas .slick-cell a:visited, .slickgrid-container .grid-canvas .slick-cell .ui-widget-content a, .slickgrid-container .grid-canvas .slick-cell .ui-widget-content a:visited { color: #007bff; } .slickgrid-container .grid-canvas .slick-cell a:hover, .slickgrid-container .grid-canvas .slick-cell .ui-widget-content a:hover { color: darker(#007bff, 15%); border-bottom: none; } .slickgrid-container .grid-canvas .slick-cell table { height: 100%; padding: 0; background: none; } .slickgrid-container .grid-canvas .slick-cell td { padding: 0; vertical-align: middle; text-align: left; } .slickgrid-container .grid-canvas .slick-cell.selected { background-color: #BCDFFB; } .slickgrid-container .grid-canvas .slick-cell.copied { background: rgba(0, 0, 255, 0.2); transition: 0.5s background; } .slickgrid-container .grid-canvas .slick-cell select:not([multiple]).form-control { height: 100%; padding: 0; } .slickgrid-container .grid-canvas .slick-cell .slick-group-title { height: 20px; line-height: 20px; vertical-align: none; } .slickgrid-container .grid-canvas .slick-cell .slick-group-toggle { color: #31708F; font-weight: bold; width: 14px; height: 20px; margin-right: 2px; cursor: pointer; } .slickgrid-container .grid-canvas .slick-cell .slick-group-toggle.expanded:before { display: inline-block; content: ""; font-family: "FontAwesome"; font-size: calc(14px + 4px); width: 14px; vertical-align: middle; } .slickgrid-container .grid-canvas .slick-cell .slick-group-toggle.collapsed:before { display: inline-block; content: ""; font-family: "FontAwesome"; font-size: calc(14px + 4px); width: 14px; vertical-align: middle; } .slickgrid-container .slick-header { border-top: 1px solid #dee2e6; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; border-left: 1px solid #dee2e6; width: 100%; box-shadow: none !important; } .slickgrid-container .slick-headerrow { border-bottom: 0 none; border-top: 0 none; border-left: 0 none; border-right: 0 none; } .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column { border: none; padding: 4px; background: #E8F4FE; } .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column input, .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column select, .slickgrid-container .slick-headerrow .slick-headerrow-columns .slick-headerrow-column textarea { margin-right: 0; padding: 0 6px; width: none; height: 27px; box-sizing: border-box; } .slickgrid-container .slick-header-columns { background: none; background-color: #0062B2; width: calc(100% - 16px); } .slickgrid-container .slick-header-columns .slick-header-sortable .slick-column-name { margin-left: 0; } .slickgrid-container .slick-header-columns .slick-header-column { height: 20px; line-height: 12px; margin: 0; border-top: 0 none; border-right: 0 none; border-bottom: 0 none; border-left: 0 none; white-space: normal; /* like TH */ background: #0062B2; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: 500; /* when sorting is possible and there's not yet a sort applied on the column we could display the sort ascending icon (with an opacity) as a hint */ } .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default { padding: 5px 7px; font-size: 12px; } .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default td { font-size: 12px; } body .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default { line-height: 20px; } .slickgrid-container .slick-header-columns .slick-header-column a, .slickgrid-container .slick-header-columns .slick-header-column a:visited { color: #333; } .slickgrid-container .slick-header-columns .slick-header-column a:hover { color: #333; } .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default { /* like TH */ background: #0062B2; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: 500; } .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default a, .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default a:visited { color: #333; } .slickgrid-container .slick-header-columns .slick-header-column.ui-state-default a:hover { color: #333; } .slickgrid-container .slick-header-columns .slick-header-column.slick-header-column-sorted { font-style: normal; color: #333; } .slickgrid-container .slick-header-columns .slick-header-column:hover { color: #333; } .slickgrid-container .slick-header-columns .slick-header-column.ui-sortable-handle.ui-state-hover:not(.slick-header-column-sorted) .slick-sort-indicator:before { content: ""; font-family: "FontAwesome"; font-size: 14px; opacity: 0.5; display: inline-block; width: 14px; } .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator { background: none; font-family: "FontAwesome"; font-size: 14px; position: absolute; display: inline-block; color: #E8F4FE; width: 8px; height: 5px; left: auto; right: 10px; top: 0px; } .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 10px; position: absolute; display: inline-block; color: #E8F4FE; width: 8px; left: auto; right: 0px; top: calc(13px * 2); } .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-asc:before { content: ""; font-family: "FontAwesome"; font-size: 14px; opacity: 1; display: inline-block; width: 14px; } .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-desc:before { content: ""; display: inline-block; opacity: 1; font-size: 14px; width: 14px; } .slickgrid-container .slick-header-columns .slick-header-column .slick-resizable-handle { width: 7px; right: 0; z-index: 1; } .slickgrid-container .slick-header-columns .slick-header-column .slick-resizable-handle:hover { border-bottom: 0 none; border-left: 0 none; border-right: 1px solid #d0d0d0; border-top: 0 none; width: 7px; border-radius: 8px; right: 0; height: 100%; top: 0; opacity: 1; } .slickgrid-container .slick-preheader-panel.ui-state-default { border-bottom: none; } .slickgrid-container .slick-preheader-panel.ui-state-default .slick-header-columns { border-top: none; } .slickgrid-container .slick-preheader-panel.ui-state-default .slick-header-columns .slick-header-column { height: 25px; border-left: none; border-right: none; font-size: calc(12px + 3px); justify-content: left; display: inline-grid; } .slickgrid-container .slick-preheader-panel.ui-state-default .slick-header-columns .slick-header-column:first-child { border-left: none; } .slickgrid-container .slick-preheader-panel.ui-state-default .slick-header-columns .slick-header-column:last-child { border-right: none; } .slickgrid-container .slick-row .slick-cell.frozen:last-child, .slickgrid-container .slick-footerrow-column.frozen:last-child { border-right: 1px solid #a5a5a5; } .slickgrid-container .slick-header-column.frozen:last-child { border-right: 1px solid #a5a5a5; } .slickgrid-container .slick-pane-left .slick-preheader-panel .slick-header-column.frozen:last-child { border-right: 1px solid #a5a5a5; } .slickgrid-container .slick-headerrow-column.frozen:last-child { border-right: 1px solid #a5a5a5; } .slickgrid-container .slick-pane-bottom { border-top: 1px solid #a5a5a5; } .slickgrid-container .slick-viewport-bottom.slick-viewport-right { overflow-y: scroll !important; } .slickgrid-container .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: 0; } .slickgrid-container .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback).ui-slider-horizontal { margin-left: 10px; } .slickgrid-container .input-group .input-group-addon .input-group-text { height: 100%; } .slickgrid-container .input-group .input-group-addon.input-group-append .input-group-text { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .slickgrid-container .input-group .input-group-addon.input-group-prepend .input-group-text { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; } /* * Angular-SlickGrid theming variables, used by all Themes * Lib Website (https://github.com/ghiscoding/angular-slickgrid) * Licensed under MIT (https://github.com/ghiscoding/angular-slickgrid/blob/master/LICENSE) */ /* Slickgrid container, including headers but excluding pagination */ /* grid */ /* cell */ /** 4x available slick-pane (top, bottom, left, right) */ /* row */ /* Pre-Header - Header Grouping colspan */ /* full height is calculated with cell padding + borders (25px + 5px + 0px + 0px) = 30px must be set as preHeaderPanelHeight */ /* header */ /* Frozen pinned rows/columns */ /* icon font is using Font-Awesome by default but could be changed to any other icon package like Glyphicons, ... */ /* AutoComplete */ /** AutoComplte with Custom Styling (2 rows) */ /* left/right */ /* top/bottom */ /** AutoComplte with Custom Styling (4 corners) */ /* left/right */ /* top/bottom */ /* Sorting */ /* Grouping Totals Formatter */ /* Column picker */ /* trick to cheat the width to include extra scrollbar width in addition to auto width */ /** Detail View Plugin */ /* Excel copy plugin */ /* Grid Menu - hamburger menu */ /* (Action) Cell Menu Plugin */ /* Context Menu Plugin */ /* Header Menu Plugin */ /* can be none or inline-block */ /* Checkbox Selector / Row Selection */ /* Editors */ /* negative number to cancel inside padding */ /* Compound Filters */ /** Date Range Filters */ /* Draggable Grouping Plugin */ /* Input Slider Filter (vanilla html) */ /* ms only */ /* ms only */ /* Input Range Slider Filter (with jQuery UI) */ /* Multiple-Select Filter */ /* pagination variables */ /* Row Move Manager Plugin */ /* selector plugin */ /* Viewport */ /* Custom Footer */ /** Empty Data Warning element */ .autocomplete-container { display: flex; } .ui-widget-content { background: none; } .ui-autocomplete .ui-menu-item { color: #333333; } .ui-autocomplete .ui-menu-item .ui-state-active { color: #333333; } .ui-autocomplete .ui-menu-item .ui-state-active:hover { margin: 0; border: 0; color: #333333; } .ui-autocomplete { background: none; position: absolute; z-index: 9999; padding: 0; margin-top: 2px; list-style: none; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; max-height: 25vh; min-height: 75px; min-width: 50px; overflow-y: auto; overflow-x: hidden; text-overflow: ellipsis; } .ui-autocomplete li div { display: block; color: #333333; padding: 3px 15px; font-weight: normal; line-height: 1.42857143; white-space: nowrap; list-style-image: none; } /* jquery ui loading spinner */ @keyframes md-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ui-autocomplete-loading + span:after { animation: md-spin 2s infinite linear; display: inline-block; font-family: "FontAwesome"; color: #4a4a4a; content: "" !important; /* important is required to override default jquery-ui styling */ width: inherit; margin-left: -16px; line-height: 0px; vertical-align: inherit; } .ui-state-hover, .ui-state-active, .ui-state-focus { cursor: pointer; text-decoration: none; color: #262626; background-color: #d9edfd; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; position: absolute; padding: 0; width: 1px; } /* autocomplete custom styling */ .ui-autocomplete.autocomplete-custom-four-corners { width: 385px; } .ui-autocomplete.autocomplete-custom-four-corners li div.autocomplete-container-list { width: calc(385px - 15px); padding: 3px 10px; } .ui-autocomplete.autocomplete-custom-four-corners li div.autocomplete-container-list div { margin: 0; padding: 0; line-height: 16px; } .ui-autocomplete.autocomplete-custom-four-corners li div.autocomplete-container-list .autocomplete-left { float: left; height: 32px; width: 32px; padding-right: 3px; } .ui-autocomplete.autocomplete-custom-four-corners li div.autocomplete-container-list .autocomplete-left > img { height: 32px; width: 32px; margin-top: 0px; background-color: #ffffff; background-clip: content-box; } .ui-autocomplete.autocomplete-custom-four-corners li div.autocomplete-container-list .autocomplete-bottom-left { color: #686868; font-size: calc(12px - 1px); font-style: italic; font-weight: normal; max-width: calc(calc(385px - 15px) - 32px - (10px * 2)); display: inline-block; /*margin-left: 30px;*/ overflow: hidden; text-overflow: ellipsis; } .ui-autocomplete.autocomplete-custom-four-corners li div.autocomplete-container-list .autocomplete-bottom-right { float: right; color: #686868; font-size: calc(12px - 1px); font-style: italic; font-weight: normal; /*margin-left: 30px;*/ text-overflow: ellipsis; max-width: 250px; } .ui-autocomplete.autocomplete-custom-four-corners li div.autocomplete-container-list .autocomplete-top-left { color: #313131; font-style: normal; font-size: 12px; font-weight: bold; max-width: calc(calc(385px - 15px) - 32px - (10px * 2)); display: inline-block; overflow: hidden; text-overflow: ellipsis; padding-left: 1px; } .ui-autocomplete.autocomplete-custom-four-corners li div.autocomplete-container-list .autocomplete-top-right { float: right; color: #3a85aa; font-style: normal; font-size: calc(12px - 1px); font-weight: bold; max-width: 100px; } /* autocomplete custom styling */ .ui-autocomplete.autocomplete-custom-two-rows { width: 285px; } .ui-autocomplete.autocomplete-custom-two-rows li div.autocomplete-container-list { width: calc(285px - 15px); padding: 3px 10px; } .ui-autocomplete.autocomplete-custom-two-rows li div.autocomplete-container-list div { margin: 0; padding: 0; line-height: 16px; } .ui-autocomplete.autocomplete-custom-two-rows li div.autocomplete-container-list .autocomplete-left { float: left; height: 32px; width: 32px; padding-right: 3px; } .ui-autocomplete.autocomplete-custom-two-rows li div.autocomplete-container-list .autocomplete-left > img { height: 32px; margin-top: 0px; background-color: #ffffff; background-clip: content-box; } .ui-autocomplete.autocomplete-custom-two-rows li div.autocomplete-container-list .autocomplete-bottom-left { color: #686868; font-size: calc(12px - 1px); font-style: italic; font-weight: normal; max-width: calc(calc(285px - 15px) - 32px - (10px * 2)); /*margin-left: 30px;*/ display: inline-block; overflow: hidden; text-overflow: ellipsis; } .ui-autocomplete.autocomplete-custom-two-rows li div.autocomplete-container-list .autocomplete-top-left { color: #313131; font-style: normal; font-size: 12px; font-weight: bold; max-width: calc(calc(285px - 15px) - 32px - (10px * 2)); display: inline-block; overflow: hidden; text-overflow: ellipsis; padding-left: 1px; } /*@import 'angular-slickgrid/styles/sass/slickgrid-theme-salesforce.scss';*/ /*@import 'angular-slickgrid/styles/sass/slickgrid-theme-material.scss';*/ /*pagination style*/ .page-item:last-child .page-link { border-top-right-radius: 0rem; border-bottom-right-radius: 0rem; } .slickgrid-container .grid-canvas .slick-row { border-left: 1px solid #d4d4d4 !important; } .slickgrid-container .grid-canvas { border-top: 1px solid #d4d4d4 !important; /*.slick-row.odd { background: initial; }*/ } .slickgrid-container .grid-canvas .ng-select-container { border-radius: 0.2rem; border: 1px solid #b2b5b7; } .page-item:first-child .page-link { border-top-left-radius: 0rem; border-bottom-left-radius: 0rem; } .slick-pagination .slick-pagination-nav .slick-page-number { margin-top: 0px; } .slick-pagination .slick-pagination-nav .slick-page-number input { height: 32px; border-radius: 0rem; } .slick-pagination .slick-pagination-settings select { border-radius: 0px; margin-right: 5px; } .border-r-0 { border-right: 0px solid #d4d4d4 !important; } .slickgrid-container .grid-canvas { /* background: inherit;*/ } .slick-resizable-handle { border-right: 1px solid #d4d4d4 !important; } .slickgrid-container .slick-header-columns .slick-header-column.slick-header-column-sorted { color: #fffaf0; } .slickgrid-container .slick-row .slick-cell.editable { padding: 0px; } .slickgrid-container .slick-row.active .slick-cell.cell-reorder { /*background-color: #BCDFFB !important;*/ } /*new ng table styles*/ .ant-table-small .ant-table-thead > tr > th { background: #0062B2; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: 500; } table { font-size: 12px; } table thead > tr > th { background: #0062B2; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: 500; } .table.table-bordered > .table-title { border: 1px solid #dee2e6; } .table.table-bordered > .table-container { border: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-body > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-body > table > thead > tr > th { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-body > table > thead > tr > .table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-body > table > tbody > tr > td { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-body > table > tbody > tr > td > .table-expanded-row-fixed { margin: -16px -17px; } .table.table-bordered > .table-container > .table-body > table > tbody > tr > td > .table-expanded-row-fixed::after { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-body > table > tbody > tr > .table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-body > table > tfoot > tr > td { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-body > table > tfoot > tr > th { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-body > table > tfoot > tr > .table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-content > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-content > table > thead > tr > th { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-content > table > thead > tr > .table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-content > table > tbody > tr > td { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-content > table > tbody > tr > td > .table-expanded-row-fixed { margin: -16px -17px; } .table.table-bordered > .table-container > .table-content > table > tbody > tr > td > .table-expanded-row-fixed::after { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-content > table > tbody > tr > .table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-content > table > tfoot > tr > td { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-content > table > tfoot > tr > th { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-content > table > tfoot > tr > .table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-header > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-header > table > thead > tr > th { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-header > table > thead > tr > .table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-header > table > tbody > tr > td { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-header > table > tbody > tr > td > .table-expanded-row-fixed { margin: -16px -17px; } .table.table-bordered > .table-container > .table-header > table > tbody > tr > td > .table-expanded-row-fixed::after { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-header > table > tbody > tr > .table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-header > table > tfoot > tr > td { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-header > table > tfoot > tr > th { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-container > .table-header > table > tfoot > tr > .table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .table.table-bordered > .table-footer { border: 1px solid #dee2e6; border-top: 0; } /**/ .ant-table tfoot > tr > td { border-bottom: 1px solid #dee2e6; } .ant-table tfoot > tr > th { border-bottom: 1px solid #dee2e6; } .ant-table-thead > tr > th { border-bottom: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-title { border: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container { border: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -16px -17px; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -16px -17px; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -16px -17px; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #dee2e6; } .ant-table.ant-table-bordered > .ant-table-footer { border: 1px solid #dee2e6; border-top: 0; } .ant-table-tbody > tr > td { border-bottom: 1px solid #dee2e6; } .nz-table-out-bordered > .ant-table-container { border: 1px solid #dee2e6; } .nz-table-out-bordered > .ant-table-title { border: 1px solid #dee2e6; } .nz-table-out-bordered > .ant-table-footer { border: 1px solid #dee2e6; } .ant-table, .ant-table.ant-table-middle, .ant-table.ant-table-small { font-size: 13px; } .ant-table-thead th.ant-table-column-has-sorters:hover { background: #0162B2; } .nz-disable-td.ant-table-cell { display: none; } .modal-primary .modal-content { border-color: #007bff; border-radius: 0px !important; } .modal-primary .modal-header { padding: 0.5rem 1rem; border-top-left-radius: 0rem; border-top-right-radius: 0rem; background-color: #007bff; } .modal-primary .modal-header .modal-title { color: #fff !important; text-transform: capitalize; } .modal-primary .modal-content .modal-header .close { color: #F8F9FA !important; outline: none !important; box-shadow: none; } .modal-word-wrap .modal-body { word-wrap: break-word; white-space: pre-wrap; } .modal-danger .modal-header { padding: 0.5rem 1rem; border-top-left-radius: 0rem; border-top-right-radius: 0rem; background-color: #dc3545; } .modal-danger .modal-header .modal-title { color: #fff !important; text-transform: capitalize; } .modal-danger .modal-content { border-color: #dc3545; border-radius: 0px !important; } .modal-danger .modal-content .modal-header .close { color: #F8F9FA !important; outline: none !important; box-shadow: none; } .modal-xxl .modal-lg { max-width: 90%; } /*set validation mandatory red star mark*/ .col-form-label.required::after { content: '*'; color: red; } /*set button radius*/ .btn { border-radius: 0px !important; } .btn-radius { border-radius: 0.25rem !important; } /*set modal footer message*/ .marked-msg { font-size: 10px; color: #1d1d1d; font-weight: 500; } /*set custom control checkbox potision*/ .custom-control.custom-checkbox { padding-left: 0; } label.custom-control-label { position: relative; padding-right: 1.5rem; } label.custom-control-label::before, label.custom-control-label::after { right: 0; left: auto; } .selected-text-infor { border-left: 2px solid #549fd8; overflow: hidden; text-overflow: ellipsis; padding: 0 20px 0 2px; color: #696969; font-weight: 700; font-size: 12px; line-height: 13px; position: relative; top: 0; margin-bottom: 0; } .ngx-img-wrapper.ng-star-inserted { height: 300px !important; } .thambnail-image-2 { width: 40px; height: 40px !important; } .thambnail-image { width: 30px; height: 30px; } .product-image .ngx-img-wrapper.ng-star-inserted { height: 200px !important; width: 200px !important; } .cursor { cursor: pointer; } .gridCol { font-size: 9px !important; } .tabBackground { background-color: white; } .ng-select.select-sm.width-au .ng-select-container { min-width: 150px !important; max-width: initial !important; border-radius: 0.2rem; border: 1px solid #b2b5b7; } .ng-select.select-sm.width-au-2 .ng-select-container { min-width: initial !important; max-width: initial !important; border-radius: 0.2rem; border: 1px solid #b2b5b7; } .ng-select.select-sm .ng-select-container { min-height: 25px; height: calc(1.5em + 0.5rem + 2px); font-size: 12px; line-height: 1.5; border-radius: 0; min-width: 100px; max-width: 150px; /*border*/ border: 1px solid #e4e7ea; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .ng-select.select-sm .ng-select-container .ng-input { line-height: 1; top: 0px; } .ng-select.select-sm .ng-dropdown-panel { border-radius: 0; font-size: 12px; } .ng-select.select-sm .ng-dropdown-panel .ng-option { padding: 4px 4px; } .ng-select.select-sm-grid .ng-select-container { border-radius: 0 !important; border: 0px !important; } .ng-select.select-sm.select-width-auto .ng-select-container { max-width: 100%; border-radius: 0.2rem; border: 1px solid #b2b5b7; } .show-dropdown-values.ng-dropdown-panel { width: auto !important; min-width: 100% !important; } .form-control-sm { border-radius: 0.2rem; border: 1px solid #b2b5b7; } /* ==================== globale scrollbar =====================*/ ::-webkit-scrollbar { width: 14px; } /* background of the scrollbar except button or resizer */ ::-webkit-scrollbar-track { background-color: #fff; } /* scrollbar itself */ ::-webkit-scrollbar-thumb { background-color: #babac0; border-radius: 16px; border: 5px solid #fff; } ::-webkit-scrollbar-thumb:hover { background-color: #a0a0a5; border: 4px solid #f4f4f4; } /*=================================*/ /* extra extra large */ .modal-xxl .modal-xl { max-width: 95vw !important; } /*file drop area*/ .droppable { margin-left: auto; margin-right: auto; width: 100%; height: 100px; background: #fafafa; /* border: #0056b3 dashed 2px;*/ cursor: pointer; border: 1px dashed #d9d9d9; border-radius: 2px; transition: border-color .3s; } .droppable input { position: absolute; margin: 0; padding: 0; width: 100%; height: 100px; outline: none; opacity: 0; cursor: pointer; } .file-upload-text { color: rgba(0, 0, 0, 0.85); font-size: 16px; cursor: pointer; } .droppable:focus { outline: none; } .droppable:active { background-color: #76b8ff; } .dragover { background-color: #76b8ff; } /*=================================*/ .cursor-no-drop { cursor: no-drop; opacity: 0.65; } .cursor-pointer { cursor: pointer; } button:disabled, button[disabled] { cursor: no-drop; } img.loading { background: #FFFFFF url(/assets/Images/loading-spinner.gif) no-repeat scroll center center; } img.thumbnail-loading { background: #FFFFFF url(/assets/images/No_image_available.svg) no-repeat scroll center center; background-size: 80px 80px; } .f-16 { font-size: 16px; } .f-18 { font-size: 18px; } .f-20 { font-size: 20px; } .cdk-overlay-container { z-index: 1060 !important; } .grid-align-right { text-align: right; } .ant-picker-input > input[disabled] { color: rgba(0, 0, 0, 0.65); background: 0 #e9ecef; } .ant-picker.ant-picker-disabled { background: #e9ecef; } blockquote { /*background: #f9f9f9;*/ border-left: 2px solid #ccc; font-size: .6rem !important; margin: 0px !important; padding: 0.2em 10px; quotes: "“" "”" "‘" "’"; } blockquote:before { color: #ccc; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } .blockquote-new-font-size { display: block; font-size: 1rem; color: #2f353a; } .blockquote-new-font-size::before { content: "\2014\00A0"; } .ant-btn { height: inherit; } #slickGridContainer-intermediateBundleGrid .slickgrid-container .slick-header-columns .slick-header-column { height: 35px; } #slickGridContainer-intermediateBundleGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator, #slickGridContainer-intermediateBundleGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered { /*top: 40px;*/ } #slickGridContainer-vendorADGrid .slickgrid-container .slick-header-columns .slick-header-column { height: 35px; } #slickGridContainer-vendorADGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator, #slickGridContainer-vendorADGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered { /*top: 40px;*/ } #slickGridContainer-vendorADDetailGrid .slickgrid-container .slick-header-columns .slick-header-column { height: 35px; } #slickGridContainer-vendorADDetailGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator, #slickGridContainer-vendorADDetailGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered { /*top: 40px;*/ } #slickGridContainer-CommonGrid .slickgrid-container .slick-header-columns .slick-header-column { height: 35px; } #slickGridContainer-CommonGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator, #slickGridContainer-CommonGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered { /*top: 40px;*/ } #slickGridContainer-CommonGrid2 .slickgrid-container .slick-header-columns .slick-header-column { height: 35px; } #slickGridContainer-CommonGrid2 .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator, #slickGridContainer-CommonGrid2 .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered { /*top: 40px;*/ } #slickGridContainer-lotGrid .slickgrid-container .slick-header-columns .slick-header-column { height: 35px; } #slickGridContainer-lotGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator, #slickGridContainer-lotGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered { /*top: 40px;*/ } #slickGridContainer-lotGridDetails .slickgrid-container .slick-header-columns .slick-header-column { height: 35px; } #slickGridContainer-lotGridDetails .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator, #slickGridContainer-lotGridDetails .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered { /*top: 40px;*/ } #slickGridContainer-packingStyleGrid .slickgrid-container .slick-header-columns .slick-header-column { height: 35px; } #slickGridContainer-packingStyleGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator, #slickGridContainer-packingStyleGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered { /*top: 40px;*/ } #slickGridContainer-overallProdStatusGrid .slickgrid-container .slick-header-columns .slick-header-column { height: 35px; } #slickGridContainer-overallProdStatusGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator, #slickGridContainer-overallProdStatusGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered { /*top: 40px;*/ } #slickGridContainer-WIPGrid .slickgrid-container .slick-header-columns .slick-header-column { height: 35px; } #slickGridContainer-WIPGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator, #slickGridContainer-WIPGrid .slickgrid-container .slick-header-columns .slick-header-column .slick-sort-indicator-numbered { /*top: 40px;*/ } #custFullLength ng-dropdown-panel { width: 500px; overflow-x: auto; } #custFullLength ng-dropdown-panel .scroll-host { -webkit-overflow-scrolling: touch; min-width: 700px; } #prodFullLength ng-dropdown-panel { width: 500px; } #saleOrderFullLength ng-dropdown-panel { width: 280px; } ul.nav-wizard { background-color: #ffffff; border: solid #d4d4d4; *zoom: 1; position: relative; overflow: hidden; cursor: pointer; border-width: 0px 0px 1px 0px; } ul.nav-wizard:before { display: block; position: absolute; left: 0px; right: 0px; top: 46px; height: 47px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; z-index: 11; content: " "; } ul.nav-wizard:after { display: block; position: absolute; left: 0px; right: 0px; top: 138px; height: 47px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; z-index: 11; content: " "; } ul.nav-wizard li { position: relative; float: left; height: 36px; display: inline-block; text-align: center; padding: 0 20px 0 30px; margin: 0; font-size: 0.775rem; line-height: 36px; } ul.nav-wizard li a { color: #ffffff; padding: 0; } ul.nav-wizard li a:hover { background-color: transparent; } ul.nav-wizard li:before { position: absolute; display: block; border: 24px solid transparent; border-left: 16px solid #d4d4d4; border-right: 0; top: -6px; z-index: 10; content: ''; right: -16px; } ul.nav-wizard li:after { position: absolute; display: block; border: 24px solid transparent; border-left: 16px solid #f9f9f9; border-right: 0; top: -6px; z-index: 10; content: ''; right: -15px; } ul.nav-wizard li.active { color: #ffffff; background: #2196F3; } ul.nav-wizard li.active:after { border-left: 16px solid #2196F3; } ul.nav-wizard li.active a, ul.nav-wizard li.active a:active, ul.nav-wizard li.active a:visited, ul.nav-wizard li.active a:focus { color: #ffffff; background: #2196F3; } ul.nav-wizard .active ~ li { color: #999999; background: #ededed; } ul.nav-wizard .active ~ li:after { border-left: 16px solid #ededed; } ul.nav-wizard .active ~ li a, ul.nav-wizard .active ~ li a:active, ul.nav-wizard .active ~ li a:visited, ul.nav-wizard .active ~ li a:focus { color: #999999; background: #ededed; } ul.nav-wizard.nav-wizard-backnav li:hover { color: #3a87ad; background: #f6fbfd; } ul.nav-wizard.nav-wizard-backnav li:hover:after { border-left: 16px solid #f6fbfd; } ul.nav-wizard.nav-wizard-backnav li:hover a, ul.nav-wizard.nav-wizard-backnav li:hover a:active, ul.nav-wizard.nav-wizard-backnav li:hover a:visited, ul.nav-wizard.nav-wizard-backnav li:hover a:focus { color: #3a87ad; background: #f6fbfd; } ul.nav-wizard.nav-wizard-backnav .active ~ li { color: #999999; background: #ededed; } ul.nav-wizard.nav-wizard-backnav .active ~ li:after { border-left: 16px solid #ededed; } ul.nav-wizard.nav-wizard-backnav .active ~ li a, ul.nav-wizard.nav-wizard-backnav .active ~ li a:active, ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited, ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus { color: #999999; background: #ededed; } ul.nav-wizard li.complete { color: #3a87ad; background: #d9edf7; } ul.nav-wizard li.complete:after { border-left: 16px solid #d9edf7; } ul.nav-wizard li.complete a, ul.nav-wizard li.complete a:active, ul.nav-wizard li.complete a:visited, ul.nav-wizard li.complete a:focus { color: #3a87ad; background: #d9edf7; } @keyframes red-zoom-loader-animation { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } .red-zoom { pointer-events: none; } .red-zoom__overlay, .red-zoom__error { position: absolute; left: var(--red-zoom-thumb-x, 0px); top: var(--red-zoom-thumb-y, 0px); width: var(--red-zoom-thumb-w, 0px); height: var(--red-zoom-thumb-h, 0px); } .red-zoom__lens { display: flex; } .red-zoom__lens-body { position: relative; overflow: hidden; flex-grow: 1; } .red-zoom__lens-image { --red-zoom-lens-image-x: calc( var(--red-zoom-lens-image-base-x, 0px) + var(--red-zoom-lens-image-center-offset-x, 0px) ); --red-zoom-lens-image-y: calc( var(--red-zoom-lens-image-base-y, 0px) + var(--red-zoom-lens-image-center-offset-y, 0px) ); position: absolute; transform: translateX(var(--red-zoom-lens-image-x)) translateY(var(--red-zoom-lens-image-y)) translateZ(0); } .red-zoom__frame { position: absolute; top: 0; left: 0; width: var(--red-zoom-frame-w, 0px); height: var(--red-zoom-frame-h, 0px); transform: translateX(var(--red-zoom-frame-x, 0px)) translateY(var(--red-zoom-frame-y, 0px)); } .red-zoom__frame-body { width: 100%; height: 100%; overflow: hidden; } .red-zoom__frame-image { width: var(--red-zoom-thumb-w, 0px); height: var(--red-zoom-thumb-h, 0px); transform: translateX(var(--red-zoom-frame-image-x, 0px)) translateY(var(--red-zoom-frame-image-y, 0px)) translateZ(0); } .red-zoom--style--window { visibility: hidden; transition: visibility 0s 0.5s; } .red-zoom--style--window .red-zoom__overlay { background: rgba(229, 0, 50, 0.5); opacity: 0; transition: opacity 0.5s; z-index: 1; } .red-zoom--style--window .red-zoom__overlay:before { position: relative; display: block; content: ''; border-width: 2px; border-style: solid; border-color: rgba(255, 255, 255, 0.2); border-top-color: white; left: calc(50% - 20px); top: calc(50% - 20px); width: 40px; height: 40px; border-radius: 100%; animation-name: red-zoom-loader-animation; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: paused; opacity: 0; } .red-zoom--style--window .red-zoom__frame { opacity: 0; transition: opacity 0.5s; z-index: 1; background: transparent; } .red-zoom--style--window .red-zoom__frame:after { position: absolute; content: ''; border: 6px solid #fff; box-sizing: border-box; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25); left: -6px; top: -6px; width: calc(100% + 12px); height: calc(100% + 12px); } .red-zoom--style--window .red-zoom__lens { position: absolute; z-index: 2; opacity: 0; transition: opacity 0.5s; background: #fff; } .red-zoom--style--window .red-zoom__lens:after { position: absolute; content: ''; border: 6px solid #fff; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2); } .red-zoom--style--window .red-zoom__lens:after { left: -6px; top: -6px; width: calc(100% + 12px); height: calc(100% + 12px); } .red-zoom--style--window .red-zoom__error { display: flex; justify-content: center; align-items: center; color: #fff; padding: 32px; visibility: hidden; z-index: 1; opacity: 0; transition: visibility 0s 0.5s, opacity 0.5s; } .red-zoom--style--window.red-zoom--status--error .red-zoom__frame, .red-zoom--style--window.red-zoom--status--error .red-zoom__lens { position: absolute; left: 0; top: 0; width: 0; height: 0; display: none; } .red-zoom--style--window.red-zoom--status--error .red-zoom__overlay { background: rgba(255, 0, 0, 0.7); } .red-zoom--style--window.red-zoom--active { transition-delay: 0s; visibility: visible; } .red-zoom--style--window.red-zoom--active .red-zoom__overlay { opacity: 1; } .red-zoom--style--window.red-zoom--active.red-zoom--status--loading .red-zoom__overlay:before { opacity: 1; animation-play-state: running; } .red-zoom--style--window.red-zoom--active.red-zoom--status--loaded .red-zoom__lens, .red-zoom--style--window.red-zoom--active.red-zoom--status--loaded .red-zoom__frame { opacity: 1; } .red-zoom--style--window.red-zoom--active.red-zoom--status--error .red-zoom__error { visibility: visible; transition-delay: 0s; opacity: 1; } .red-zoom--style--window.red-zoom--disabled { transition-delay: 0s; visibility: hidden; } .red-zoom--style--window.red-zoom--disabled .red-zoom__overlay, .red-zoom--style--window.red-zoom--disabled .red-zoom__frame, .red-zoom--style--window.red-zoom--disabled .red-zoom__lens, .red-zoom--style--window.red-zoom--disabled .red-zoom__error { transition-duration: 0s !important; opacity: 0 !important; } .red-zoom--style--window .red-zoom__lens { --window-x: calc(var(--red-zoom-thumb-x, 0px) + var(--red-zoom-thumb-w, 0px) + 32px); left: var(--window-x, 0px); top: var(--red-zoom-thumb-y, 0px); width: var(--red-zoom-thumb-w, 0px); height: var(--red-zoom-thumb-h, 0px); } @keyframes red-zoom-loader-animation { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } .red-zoom { pointer-events: none; } .red-zoom__overlay, .red-zoom__error { position: absolute; left: var(--red-zoom-thumb-x, 0px); top: var(--red-zoom-thumb-y, 0px); width: var(--red-zoom-thumb-w, 0px); height: var(--red-zoom-thumb-h, 0px); } .red-zoom__lens { display: flex; } .red-zoom__lens-body { position: relative; overflow: hidden; flex-grow: 1; } .red-zoom__lens-image { --red-zoom-lens-image-x: calc( var(--red-zoom-lens-image-base-x, 0px) + var(--red-zoom-lens-image-center-offset-x, 0px) ); --red-zoom-lens-image-y: calc( var(--red-zoom-lens-image-base-y, 0px) + var(--red-zoom-lens-image-center-offset-y, 0px) ); position: absolute; transform: translateX(var(--red-zoom-lens-image-x)) translateY(var(--red-zoom-lens-image-y)) translateZ(0); } .red-zoom__frame { position: absolute; top: 0; left: 0; width: var(--red-zoom-frame-w, 0px); height: var(--red-zoom-frame-h, 0px); transform: translateX(var(--red-zoom-frame-x, 0px)) translateY(var(--red-zoom-frame-y, 0px)); } .red-zoom__frame-body { width: 100%; height: 100%; overflow: hidden; } .red-zoom__frame-image { width: var(--red-zoom-thumb-w, 0px); height: var(--red-zoom-thumb-h, 0px); transform: translateX(var(--red-zoom-frame-image-x, 0px)) translateY(var(--red-zoom-frame-image-y, 0px)) translateZ(0); } .red-zoom--style--window { visibility: hidden; transition: visibility 0s 0.5s; } .red-zoom--style--window .red-zoom__overlay { background: rgba(229, 0, 50, 0.5); opacity: 0; transition: opacity 0.5s; z-index: 1; } .red-zoom--style--window .red-zoom__overlay:before { position: relative; display: block; content: ''; border-width: 2px; border-style: solid; border-color: rgba(255, 255, 255, 0.2); border-top-color: white; left: calc(50% - 20px); top: calc(50% - 20px); width: 40px; height: 40px; border-radius: 100%; animation-name: red-zoom-loader-animation; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: paused; opacity: 0; } .red-zoom--style--window .red-zoom__frame { opacity: 0; transition: opacity 0.5s; z-index: 1; background: transparent; } .red-zoom--style--window .red-zoom__frame:after { position: absolute; content: ''; border: 6px solid #fff; box-sizing: border-box; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25); left: -6px; top: -6px; width: calc(100% + 12px); height: calc(100% + 12px); } .red-zoom--style--window .red-zoom__lens { position: absolute; z-index: 2; opacity: 0; transition: opacity 0.5s; background: #fff; } .red-zoom--style--window .red-zoom__lens:after { position: absolute; content: ''; border: 6px solid #fff; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2); } .red-zoom--style--window .red-zoom__lens:after { left: -6px; top: -6px; width: calc(100% + 12px); height: calc(100% + 12px); } .red-zoom--style--window .red-zoom__error { display: flex; justify-content: center; align-items: center; color: #fff; padding: 32px; visibility: hidden; z-index: 1; opacity: 0; transition: visibility 0s 0.5s, opacity 0.5s; } .red-zoom--style--window.red-zoom--status--error .red-zoom__frame, .red-zoom--style--window.red-zoom--status--error .red-zoom__lens { position: absolute; left: 0; top: 0; width: 0; height: 0; display: none; } .red-zoom--style--window.red-zoom--status--error .red-zoom__overlay { background: rgba(255, 0, 0, 0.7); } .red-zoom--style--window.red-zoom--active { transition-delay: 0s; visibility: visible; } .red-zoom--style--window.red-zoom--active .red-zoom__overlay { opacity: 1; } .red-zoom--style--window.red-zoom--active.red-zoom--status--loading .red-zoom__overlay:before { opacity: 1; animation-play-state: running; } .red-zoom--style--window.red-zoom--active.red-zoom--status--loaded .red-zoom__lens, .red-zoom--style--window.red-zoom--active.red-zoom--status--loaded .red-zoom__frame { opacity: 1; } .red-zoom--style--window.red-zoom--active.red-zoom--status--error .red-zoom__error { visibility: visible; transition-delay: 0s; opacity: 1; } .red-zoom--style--window.red-zoom--disabled { transition-delay: 0s; visibility: hidden; } .red-zoom--style--window.red-zoom--disabled .red-zoom__overlay, .red-zoom--style--window.red-zoom--disabled .red-zoom__frame, .red-zoom--style--window.red-zoom--disabled .red-zoom__lens, .red-zoom--style--window.red-zoom--disabled .red-zoom__error { transition-duration: 0s !important; opacity: 0 !important; } .red-zoom--style--window .red-zoom__lens { --window-x: calc(var(--red-zoom-thumb-x, 0px) + var(--red-zoom-thumb-w, 0px) + 32px); left: var(--window-x, 0px); top: var(--red-zoom-thumb-y, 0px); width: var(--red-zoom-thumb-w, 0px); height: var(--red-zoom-thumb-h, 0px); } .nb-theme-default nb-layout .scrollable-container { scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } .nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-layout .scrollable-container::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-layout.with-scroll .scrollable-container { overflow: auto; height: 100vh; display: block; } @media (max-width: 767.98px) { .nb-theme-default nb-layout.with-scroll .scrollable-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .nb-theme-default .layout { min-width: 300px; } .nb-theme-default nb-layout.window-mode { background: #edf1f7; display: block; } .nb-theme-default nb-layout.window-mode .scrollable-container { max-width: 1920px; margin: 0 auto; } .nb-theme-default nb-layout.window-mode .layout nb-layout-header { max-width: 1920px; margin-left: auto; margin-right: auto; width: 100%; } .nb-theme-default nb-layout.window-mode .layout nb-layout-header nav { max-width: 1920px; margin: 0 auto; } @media screen and (min-width: 1940px) { .nb-theme-default nb-layout.window-mode { padding-top: 1.1875rem; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed { top: 1.1875rem; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 1.1875rem - 4.75rem); top: calc(1.1875rem + 4.75rem); } .nb-theme-default nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(4.75rem + 1.1875rem); } .nb-theme-default nb-layout.window-mode .scrollable-container { height: calc(100vh - 1.1875rem); box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); } .nb-theme-default nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 1.1875rem); } } @media screen and (min-width: 2070px) { .nb-theme-default nb-layout.window-mode { padding-top: 2.375rem; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed { top: 2.375rem; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 2.375rem - 4.75rem); top: calc(2.375rem + 4.75rem); } .nb-theme-default nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(4.75rem + 2.375rem); } .nb-theme-default nb-layout.window-mode .scrollable-container { height: calc(100vh - 2.375rem); box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); } .nb-theme-default nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 2.375rem); } } @media screen and (min-width: 2220px) { .nb-theme-default nb-layout.window-mode { padding-top: 4.75rem; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed { top: 4.75rem; } .nb-theme-default nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 4.75rem - 4.75rem); top: calc(4.75rem + 4.75rem); } .nb-theme-default nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } .nb-theme-default nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(4.75rem + 4.75rem); } .nb-theme-default nb-layout.window-mode .scrollable-container { height: calc(100vh - 4.75rem); box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); } .nb-theme-default nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 4.75rem); } } .nb-theme-default nb-layout .layout { background-color: #edf1f7; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; min-height: 100vh; } .nb-theme-default nb-layout .layout .layout-container nb-sidebar.fixed, .nb-theme-default nb-layout .layout .layout-container nb-sidebar .main-container-fixed { top: 4.75rem; } .nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer { box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); } .nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav { background-color: #ffffff; border-top: 1px solid #edf1f7; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1.25rem; } .nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav a { color: #598bff; } .nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav a:focus, .nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav a:active, .nb-theme-default nb-layout .layout .layout-container .content nb-layout-footer nav a:hover { color: #598bff; } .nb-theme-default nb-layout .layout .layout-container .content.center { width: 900px; flex: 0 100 900px !important; } .nb-theme-default nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 2.25rem 2.25rem 0.75rem; } @media (max-width: 991.98px) { .nb-theme-default nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 1.5rem 1.5rem 0.5rem; } } @media (max-width: 767.98px) { .nb-theme-default nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 1rem 1rem 0; } } .nb-theme-default nb-layout-header { background-color: #ffffff; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default nb-layout-header nav { color: #222b45; box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); height: 4.75rem; padding: 1.25rem; } .nb-theme-default nb-layout-header nav a { color: #222b45; } .nb-theme-default nb-layout-header nav a:focus, .nb-theme-default nb-layout-header nav a:active, .nb-theme-default nb-layout-header nav a:hover { color: #222b45; } .nb-theme-default nb-layout-header ~ .layout-container { min-height: calc(100vh - 4.75rem); } .nb-theme-default nb-layout-header.fixed ~ .layout-container { padding-top: 4.75rem; min-height: 100vh; } .nb-theme-default nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container { height: calc(100vh - 4.75rem); } .nb-theme-default nb-layout.with-subheader nb-sidebar .main-container { box-shadow: none; } .nb-theme-default nb-sidebar { background-color: #ffffff; box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; width: 16rem; } .nb-theme-default nb-sidebar .main-container { height: 100vh; width: 16rem; } .nb-theme-default nb-sidebar .scrollable { padding: 1.25rem; position: relative; -webkit-transform: translate3d(0, 0, 0); scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } @media (max-width: 767.98px) { .nb-theme-default nb-sidebar .scrollable { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .nb-theme-default nb-sidebar .scrollable::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-sidebar .scrollable::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-sidebar .scrollable::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-sidebar.collapsed { width: 0; padding: 0; } .nb-theme-default nb-sidebar.collapsed .main-container { width: 0; padding: 0; } .nb-theme-default nb-sidebar.collapsed .scrollable { width: 0; padding: 0; overflow: hidden; } .nb-theme-default nb-sidebar.collapsed nb-sidebar-header, .nb-theme-default nb-sidebar.collapsed nb-sidebar-footer { width: 0; padding: 0; overflow: hidden; } .nb-theme-default nb-sidebar.compacted { width: 3.5rem; } .nb-theme-default nb-sidebar.compacted .main-container { width: 3.5rem; } .nb-theme-default nb-sidebar.compacted nb-menu { width: 3.5rem; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-item a.active { position: relative; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-item a.active::before { position: absolute; content: ''; top: 0; height: 100%; width: 4px; background: #3366ff; } [dir=ltr] .nb-theme-default nb-sidebar.compacted nb-menu .menu-item a.active::before { left: 0; } [dir=rtl] .nb-theme-default nb-sidebar.compacted nb-menu .menu-item a.active::before { right: 0; } .nb-theme-default nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a span, .nb-theme-default nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a nb-badge, .nb-theme-default nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a .expand-state { display: none; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item { transition: border-color 1s ease; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item.menu-group { display: block; color: transparent; width: 0; padding: 0; overflow: hidden; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item i { margin-right: 0; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item a { justify-content: center; } .nb-theme-default nb-sidebar.compacted nb-menu .menu-items > .menu-item > .expanded { display: none; } .nb-theme-default nb-sidebar.compacted.left.fixed ~ .content { margin-left: 3.5rem; } .nb-theme-default nb-sidebar.compacted.fixed.right ~ .content { margin-left: 0; margin-right: 3.5rem; } .nb-theme-default nb-sidebar.compacted.left.fixed ~ .content.center { padding-left: 3.5rem; } .nb-theme-default nb-sidebar.compacted.fixed.right ~ .content.center { padding-left: 0; padding-right: 3.5rem; } [dir=ltr] .nb-theme-default nb-sidebar.compacted.start.fixed ~ .content { margin-left: 3.5rem; } [dir=rtl] .nb-theme-default nb-sidebar.compacted.start.fixed ~ .content { margin-right: 3.5rem; } [dir=ltr] .nb-theme-default nb-sidebar.compacted.fixed.end ~ .content { margin-right: 3.5rem; } [dir=rtl] .nb-theme-default nb-sidebar.compacted.fixed.end ~ .content { margin-left: 3.5rem; } [dir=ltr] .nb-theme-default nb-sidebar.compacted.start.fixed ~ .content.center { padding-left: 3.5rem; } [dir=rtl] .nb-theme-default nb-sidebar.compacted.start.fixed ~ .content.center { padding-right: 3.5rem; } [dir=ltr] .nb-theme-default nb-sidebar.compacted.fixed.end ~ .content.center { padding-right: 3.5rem; } [dir=rtl] .nb-theme-default nb-sidebar.compacted.fixed.end ~ .content.center { padding-left: 3.5rem; } .nb-theme-default nb-sidebar.fixed.left.collapsed + .content, .nb-theme-default nb-sidebar.fixed.start.collapsed + .content { margin-left: 0; } .nb-theme-default nb-sidebar.fixed.right.collapsed + .content, .nb-theme-default nb-sidebar.fixed.end.collapsed + .content { margin-right: 0; } .nb-theme-default nb-sidebar.expanded { width: 16rem; } .nb-theme-default nb-sidebar.expanded > .scrollable { width: 16rem; } .nb-theme-default nb-sidebar nb-sidebar-header { padding: 1.25rem; height: 3.5rem; } .nb-theme-default nb-sidebar nb-sidebar-footer { padding: 1.25rem; height: 3.5rem; } .nb-theme-default nb-sidebar nb-menu { margin: 0 -1.25rem -1.25rem; } .nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic, .nb-theme-default nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle], .nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:hover, .nb-theme-default nb-calendar-view-mode .appearance-ghost.status-basic:hover[nbButtonToggle], .nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, .nb-theme-default nb-calendar-view-mode .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:active, .nb-theme-default nb-calendar-view-mode .appearance-ghost.status-basic:active[nbButtonToggle], .nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic, .nb-theme-default nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle], .nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:hover, .nb-theme-default nb-calendar-pageable-navigation .appearance-ghost.status-basic:hover[nbButtonToggle], .nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, .nb-theme-default nb-calendar-pageable-navigation .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:active, .nb-theme-default nb-calendar-pageable-navigation .appearance-ghost.status-basic:active[nbButtonToggle] { color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, .nb-theme-default nb-calendar-view-mode .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-default nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active), .nb-theme-default nb-calendar-view-mode .appearance-ghost.status-basic:focus:not(:hover):not(:active)[nbButtonToggle], .nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, .nb-theme-default nb-calendar-pageable-navigation .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-default nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active), .nb-theme-default nb-calendar-pageable-navigation .appearance-ghost.status-basic:focus:not(:hover):not(:active)[nbButtonToggle] { box-shadow: none; } [dir=ltr] .nb-theme-default nb-calendar-pageable-navigation { margin-left: auto; } [dir=rtl] .nb-theme-default nb-calendar-pageable-navigation { margin-right: auto; } .nb-theme-default nb-calendar-picker { display: block; padding-top: 0.25rem; padding-bottom: 0.625rem; } [dir=ltr] .nb-theme-default nb-calendar-picker { padding-right: 0.625rem; padding-left: 0.625rem; } [dir=rtl] .nb-theme-default nb-calendar-picker { padding-right: 0.625rem; padding-left: 0.625rem; } .nb-theme-default nb-calendar-days-names { background: transparent; border-top: 1px solid #edf1f7; border-bottom: 1px solid #edf1f7; } [dir=ltr] .nb-theme-default nb-calendar-days-names { padding-left: 0.625rem; padding-right: 0.625rem; } [dir=rtl] .nb-theme-default nb-calendar-days-names { padding-left: 0.625rem; padding-right: 0.625rem; } .nb-theme-default nb-calendar-days-names .day { width: 2.75rem; height: 2.75rem; color: #8f9bb3; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-calendar-days-names .day.holiday { color: #8f9bb3; } .nb-theme-default nb-calendar-days-names.size-large .day { width: 3rem; height: 3rem; } .nb-theme-default nb-calendar-week-numbers { background: transparent; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: #8f9bb3; padding-bottom: 0.625rem; } .nb-theme-default nb-calendar-week-numbers .sign-container { display: flex; flex-direction: column; border-top: 1px solid #edf1f7; border-bottom: 1px solid #edf1f7; margin-bottom: 0.25rem; } .nb-theme-default nb-calendar-week-numbers .sign, .nb-theme-default nb-calendar-week-numbers .week-number { display: flex; align-items: center; justify-content: center; height: 2.75rem; width: 2.75rem; } .nb-theme-default nb-calendar-week-numbers.size-large .sign, .nb-theme-default nb-calendar-week-numbers.size-large .week-number { height: 3rem; width: 3rem; } [dir=ltr] .nb-theme-default nb-calendar-day-picker nb-calendar-week-numbers { border-right: 1px solid #edf1f7; } [dir=rtl] .nb-theme-default nb-calendar-day-picker nb-calendar-week-numbers { border-left: 1px solid #edf1f7; } .nb-theme-default nb-calendar-picker .day-cell { width: 2.75rem; height: 2.75rem; } .nb-theme-default nb-calendar-picker .day-cell.size-large { width: 3rem; height: 3rem; } .nb-theme-default nb-calendar-picker .month-cell { width: 4.8125rem; height: 2.75rem; } .nb-theme-default nb-calendar-picker .month-cell.size-large { width: 5.25rem; height: 3rem; } .nb-theme-default nb-calendar-picker .year-cell { width: 4.8125rem; height: 2.75rem; } .nb-theme-default nb-calendar-picker .year-cell.size-large { width: 5.25rem; height: 3rem; } .nb-theme-default nb-calendar-picker .cell-content { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; border-radius: 0.25rem; } .nb-theme-default nb-calendar-picker .day-cell, .nb-theme-default nb-calendar-picker .month-cell, .nb-theme-default nb-calendar-picker .year-cell { display: flex; align-items: center; justify-content: center; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: #222b45; text-transform: uppercase; cursor: pointer; } .nb-theme-default nb-calendar-picker .day-cell, .nb-theme-default nb-calendar-picker .day-cell .cell-content, .nb-theme-default nb-calendar-picker .month-cell, .nb-theme-default nb-calendar-picker .month-cell .cell-content, .nb-theme-default nb-calendar-picker .year-cell, .nb-theme-default nb-calendar-picker .year-cell .cell-content { transition-duration: 0.15s; transition-property: background-color, border-color, color; transition-timing-function: ease-in; } .nb-theme-default nb-calendar-picker .day-cell.empty, .nb-theme-default nb-calendar-picker .day-cell.disabled, .nb-theme-default nb-calendar-picker .month-cell.empty, .nb-theme-default nb-calendar-picker .month-cell.disabled, .nb-theme-default nb-calendar-picker .year-cell.empty, .nb-theme-default nb-calendar-picker .year-cell.disabled { cursor: default; } .nb-theme-default nb-calendar-picker .day-cell.bounding-month, .nb-theme-default nb-calendar-picker .month-cell.bounding-month, .nb-theme-default nb-calendar-picker .year-cell.bounding-month { color: #8f9bb3; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty):hover .cell-content, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty):hover .cell-content, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty):hover .cell-content { background-color: #f7f9fc; border-color: #f7f9fc; color: #222b45; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty):active .cell-content, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty):active .cell-content, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty):active .cell-content { background-color: #274bdb; border-color: #274bdb; color: #ffffff; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content { background-color: rgba(51, 102, 255, 0.08); border: 1px solid #3366ff; color: #222b45; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:hover, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:hover, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:active, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:active, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:active { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content { background-color: #3366ff; border-color: #3366ff; color: #ffffff; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:hover, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:hover, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:hover { background-color: #598bff; border-color: #598bff; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:active, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:active, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:active { background-color: #274bdb; border-color: #274bdb; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected { background-color: #3366ff; border-radius: 0.25rem; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; color: #ffffff; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:hover { background-color: rgba(255, 255, 255, 0.16); border-color: transparent; } .nb-theme-default nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, .nb-theme-default nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, .nb-theme-default nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:focus { background-color: rgba(255, 255, 255, 0.24); border-color: transparent; } .nb-theme-default nb-calendar-picker .day-cell.disabled, .nb-theme-default nb-calendar-picker .month-cell.disabled, .nb-theme-default nb-calendar-picker .year-cell.disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-calendar-picker .day-cell.disabled.today .cell-content, .nb-theme-default nb-calendar-picker .month-cell.disabled.today .cell-content, .nb-theme-default nb-calendar-picker .year-cell.disabled.today .cell-content { border: 1px solid #e4e9f2; } .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty) { background-color: #3366ff; border-radius: 0; } [dir=ltr] .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir=rtl] .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=ltr] .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=rtl] .nb-theme-default nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .nb-theme-default nb-base-calendar nb-card { background-color: #ffffff; border: 0.0625rem solid #e4e9f2; box-shadow: none; margin: 0; width: 20.625rem; overflow: hidden; } .nb-theme-default nb-base-calendar nb-card-body { padding: 0; } .nb-theme-default nb-base-calendar .calendar-navigation { border: none; display: flex; padding: 0.625rem 0.25rem; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-default nb-base-calendar:not(.has-navigation) nb-calendar-week-numbers .sign-container, .nb-theme-default nb-base-calendar:not(.has-navigation) nb-calendar-days-names { border-top: 0; } .nb-theme-default nb-base-calendar.has-week-number nb-card { width: calc(20.625rem + 2.75rem + 1px); } .nb-theme-default nb-base-calendar.has-week-number .month-cell, .nb-theme-default nb-base-calendar.has-week-number .year-cell { flex: 1 0 auto; } .nb-theme-default nb-base-calendar.size-large nb-card { width: 22.375rem; } .nb-theme-default nb-base-calendar.size-large.has-week-number nb-card { width: calc(22.375rem + 3rem + 1px); } .nb-theme-default nb-card { background-color: #ffffff; border: 0.0625rem solid #e4e9f2; border-radius: 0.25rem; box-shadow: none; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; margin-bottom: 1.875rem; scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } .nb-theme-default nb-card::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-card::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-card::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-card.size-tiny { height: 13.5rem; } .nb-theme-default nb-card.size-small { height: 21.1875rem; } .nb-theme-default nb-card.size-medium { height: 28.875rem; } .nb-theme-default nb-card.size-large { height: 36.5625rem; } .nb-theme-default nb-card.size-giant { height: 44.25rem; } .nb-theme-default nb-card.status-basic nb-card-header { background-color: #f7f9fc; border-bottom-width: 0; border-bottom-color: #f7f9fc; color: #222b45; } .nb-theme-default nb-card.status-basic nb-card-header a, .nb-theme-default nb-card.status-basic nb-card-header a:hover { color: #222b45; } .nb-theme-default nb-card.status-primary nb-card-header { background-color: #3366ff; border-bottom-width: 0; border-bottom-color: #3366ff; color: #ffffff; } .nb-theme-default nb-card.status-primary nb-card-header a, .nb-theme-default nb-card.status-primary nb-card-header a:hover { color: #ffffff; } .nb-theme-default nb-card.status-success nb-card-header { background-color: #00d68f; border-bottom-width: 0; border-bottom-color: #00d68f; color: #ffffff; } .nb-theme-default nb-card.status-success nb-card-header a, .nb-theme-default nb-card.status-success nb-card-header a:hover { color: #ffffff; } .nb-theme-default nb-card.status-warning nb-card-header { background-color: #ffaa00; border-bottom-width: 0; border-bottom-color: #ffaa00; color: #ffffff; } .nb-theme-default nb-card.status-warning nb-card-header a, .nb-theme-default nb-card.status-warning nb-card-header a:hover { color: #ffffff; } .nb-theme-default nb-card.status-danger nb-card-header { background-color: #ff3d71; border-bottom-width: 0; border-bottom-color: #ff3d71; color: #ffffff; } .nb-theme-default nb-card.status-danger nb-card-header a, .nb-theme-default nb-card.status-danger nb-card-header a:hover { color: #ffffff; } .nb-theme-default nb-card.status-info nb-card-header { background-color: #0095ff; border-bottom-width: 0; border-bottom-color: #0095ff; color: #ffffff; } .nb-theme-default nb-card.status-info nb-card-header a, .nb-theme-default nb-card.status-info nb-card-header a:hover { color: #ffffff; } .nb-theme-default nb-card.status-control nb-card-header { background-color: #ffffff; border-bottom-width: 0; border-bottom-color: #ffffff; color: #222b45; } .nb-theme-default nb-card.status-control nb-card-header a, .nb-theme-default nb-card.status-control nb-card-header a:hover { color: #222b45; } .nb-theme-default nb-card.accent-basic { border-top-color: #f7f9fc; } .nb-theme-default nb-card.accent-primary { border-top-color: #3366ff; } .nb-theme-default nb-card.accent-success { border-top-color: #00d68f; } .nb-theme-default nb-card.accent-warning { border-top-color: #ffaa00; } .nb-theme-default nb-card.accent-danger { border-top-color: #ff3d71; } .nb-theme-default nb-card.accent-info { border-top-color: #0095ff; } .nb-theme-default nb-card.accent-control { border-top-color: #ffffff; } .nb-theme-default nb-card.accent { border-top-style: solid; border-top-width: 0.25rem; } .nb-theme-default nb-card.accent nb-card-header { border-radius: 0; } .nb-theme-default nb-card-body { flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: 1rem 1.5rem; position: relative; scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } .nb-theme-default nb-card-body::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-card-body::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-card-body::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-card-footer { padding: 1rem 1.5rem; border-top: 1px solid #edf1f7; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .nb-theme-default nb-card-header { padding: 1rem 1.5rem; border-bottom: 1px solid #edf1f7; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-card-header h1 { margin: 0; } .nb-theme-default nb-card-header h2 { margin: 0; } .nb-theme-default nb-card-header h3 { margin: 0; } .nb-theme-default nb-card-header h4 { margin: 0; } .nb-theme-default nb-card-header h5 { margin: 0; } .nb-theme-default nb-card-header h6 { margin: 0; } .nb-theme-default nb-reveal-card { box-shadow: none; margin-bottom: 1.875rem; } .nb-theme-default .second-card-container { height: 100%; border-radius: 0.25rem; } .nb-theme-default .reveal-button { line-height: 1.25rem; padding: 1rem 1.5rem; } .nb-theme-default .flip-button { line-height: 1.25rem; margin-bottom: 1.875rem; padding: 1rem 1.5rem; } [dir=ltr] .nb-theme-default .flipcard-body .front-container { margin-right: -100%; } [dir=rtl] .nb-theme-default .flipcard-body .front-container { margin-left: -100%; } .nb-theme-default nb-tabset { background-color: transparent; border-radius: 0; box-shadow: none; } .nb-theme-default nb-tabset .tabset { border-bottom: 1px solid #edf1f7; } .nb-theme-default nb-tabset .tab-link { background-color: transparent; cursor: pointer; padding: 1rem 2rem; color: #8f9bb3; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; } .nb-theme-default nb-tabset .tab-link::before { background-color: transparent; height: 0.25rem; } .nb-theme-default nb-tabset nb-badge.dot-mode.position-left { left: 0.75rem; } .nb-theme-default nb-tabset nb-badge.dot-mode.position-right { right: 0.75rem; } [dir=ltr] .nb-theme-default nb-tabset nb-badge.dot-mode.position-start { left: 0.75rem; } [dir=rtl] .nb-theme-default nb-tabset nb-badge.dot-mode.position-start { right: 0.75rem; } [dir=ltr] .nb-theme-default nb-tabset nb-badge.dot-mode.position-end { right: 0.75rem; } [dir=rtl] .nb-theme-default nb-tabset nb-badge.dot-mode.position-end { left: 0.75rem; } .nb-theme-default nb-tabset .tab.active .tab-link { background-color: transparent; color: #3366ff; } .nb-theme-default nb-tabset .tab.active .tab-link::before { background-color: #3366ff; } .nb-theme-default nb-tabset .tab:focus .tab-link { background-color: transparent; color: #274bdb; } .nb-theme-default nb-tabset .tab:focus .tab-link::before { background-color: #274bdb; } .nb-theme-default nb-tabset .tab:hover .tab-link { color: #598bff; background-color: transparent; } .nb-theme-default nb-tabset .tab:hover .tab-link::before { background-color: #598bff; } .nb-theme-default nb-tabset .tab.disabled { cursor: default; pointer-events: none; } .nb-theme-default nb-tabset .tab.disabled .tab-link { background-color: transparent; color: rgba(143, 155, 179, 0.48); cursor: default; pointer-events: none; } .nb-theme-default nb-tabset .tab.disabled .tab-link::before { background-color: transparent; } @media screen and (max-width: 36rem) { .nb-theme-default nb-tabset .tab.responsive .tab-text { display: none; } } .nb-theme-default nb-tabset nb-tab { background-color: transparent; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1rem 2rem; scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } .nb-theme-default nb-tabset nb-tab::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-tabset nb-tab::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-tabset nb-tab::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-route-tabset { scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; background-color: transparent; border-radius: 0; box-shadow: none; } .nb-theme-default nb-route-tabset::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-route-tabset::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-route-tabset::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-route-tabset .route-tabset { border-bottom: 1px solid #edf1f7; } .nb-theme-default nb-route-tabset .tab-link { background-color: transparent; cursor: pointer; padding: 1rem 2rem; color: #8f9bb3; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; } .nb-theme-default nb-route-tabset .tab-link::before { background-color: transparent; height: 0.25rem; } .nb-theme-default nb-route-tabset .route-tab.active .tab-link { background-color: transparent; color: #3366ff; } .nb-theme-default nb-route-tabset .route-tab.active .tab-link::before { background-color: #3366ff; } .nb-theme-default nb-route-tabset .route-tab:focus .tab-link { background-color: transparent; color: #274bdb; } .nb-theme-default nb-route-tabset .route-tab:focus .tab-link::before { background-color: #274bdb; } .nb-theme-default nb-route-tabset .route-tab:hover .tab-link { background-color: transparent; color: #598bff; } .nb-theme-default nb-route-tabset .route-tab:hover .tab-link::before { background-color: #598bff; } .nb-theme-default nb-route-tabset .route-tab.disabled { cursor: default; pointer-events: none; } .nb-theme-default nb-route-tabset .route-tab.disabled .tab-link { background-color: transparent; color: rgba(143, 155, 179, 0.48); cursor: default; pointer-events: none; } .nb-theme-default nb-route-tabset .route-tab.disabled .tab-link::before { background-color: transparent; } @media screen and (max-width: 36rem) { .nb-theme-default nb-route-tabset .route-tab.responsive .tab-text { display: none; } } .nb-theme-default nb-menu { background-color: transparent; } .nb-theme-default nb-menu ul.menu-items { margin: 0; padding: 0; } .nb-theme-default nb-menu .menu-group, .nb-theme-default nb-menu .menu-item a { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.75rem 1rem; } .nb-theme-default nb-menu .menu-group, .nb-theme-default nb-menu .menu-group nb-icon.menu-icon { color: #8f9bb3; } .nb-theme-default nb-menu .menu-item a { color: #222b45; border-radius: 0; } .nb-theme-default nb-menu .menu-item a.active { background-color: transparent; color: #3366ff; } .nb-theme-default nb-menu .menu-item a.active .menu-icon { color: #3366ff; } .nb-theme-default nb-menu .menu-item a:hover { background-color: transparent; color: #598bff; cursor: pointer; } .nb-theme-default nb-menu .menu-item a:hover .menu-icon { color: #598bff; } .nb-theme-default nb-menu .menu-item .menu-icon { color: #8f9bb3; font-size: 1.25rem; margin: 0 0.5rem 0 0; width: 1em; text-align: center; } .nb-theme-default nb-menu .menu-item .expand-state { color: #8f9bb3; } .nb-theme-default nb-menu .menu-item { border-bottom: 1px solid #edf1f7; } .nb-theme-default nb-menu .menu-item:first-child { border-top: none; } .nb-theme-default nb-menu .menu-item:last-child { border-bottom: none; } .nb-theme-default nb-menu .menu-item .menu-item:first-child { border-top: 1px solid #edf1f7; } .nb-theme-default nb-menu .menu-item > .menu-items { background-color: transparent; margin: 0; padding: 0 1.25rem; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item { background: transparent; color: #222b45; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a { border-color: transparent; border-style: solid; border-width: 0; padding: 0.75rem 1rem; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a.active { background-color: transparent; border-color: #3366ff; color: #3366ff; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a.active .menu-icon { color: #3366ff; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a:hover { background-color: transparent; border-color: transparent; color: #598bff; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a:hover .menu-icon { color: #598bff; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a.active:hover { background-color: transparent; border-color: #598bff; color: #598bff; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-item a.active:hover .menu-icon { color: #598bff; } .nb-theme-default nb-menu .menu-item > .menu-items > .menu-group, .nb-theme-default nb-menu .menu-item > .menu-items > .menu-group nb-icon.menu-icon { color: #8f9bb3; } .nb-theme-default nb-user .user-picture { background-color: transparent; border: 1px solid #edf1f7; } .nb-theme-default nb-user .initials { color: #222b45; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-default nb-user .user-name { color: #222b45; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-default nb-user .user-title { color: #222b45; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-default nb-user.size-tiny .user-picture { height: 1.25rem; width: 1.25rem; } .nb-theme-default nb-user.size-tiny .initials { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-tiny .user-name { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-tiny .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-small .user-picture { height: 1.5rem; width: 1.5rem; } .nb-theme-default nb-user.size-small .initials { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-small .user-name { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-small .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-medium .user-picture { height: 2.5rem; width: 2.5rem; } .nb-theme-default nb-user.size-medium .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.size-medium .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.size-medium .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default nb-user.size-large .user-picture { height: 3.25rem; width: 3.25rem; } .nb-theme-default nb-user.size-large .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.size-large .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.size-large .user-title { font-size: 0.8125rem; line-height: 1.125rem; } .nb-theme-default nb-user.size-giant .user-picture { height: 4rem; width: 4rem; } .nb-theme-default nb-user.size-giant .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.size-giant .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.size-giant .user-title { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-default nb-user.shape-rectangle .user-picture { border-radius: 0.5rem; } .nb-theme-default nb-user.shape-semi-round .user-picture { border-radius: 0.75rem; } .nb-theme-default nb-user.shape-round .user-picture { border-radius: 50%; } .nb-theme-default nb-actions { background-color: transparent; color: #222b45; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 1rem; } .nb-theme-default nb-actions.size-tiny nb-action { font-size: 0.625rem; height: 1rem; padding: 0 1.25rem; } .nb-theme-default nb-actions.size-tiny nb-action nb-icon { font-size: 1rem; } .nb-theme-default nb-actions.size-small nb-action { font-size: 0.75rem; height: 1.5rem; padding: 0 1.25rem; } .nb-theme-default nb-actions.size-small nb-action nb-icon { font-size: 1.5rem; } .nb-theme-default nb-actions.size-medium nb-action { font-size: 0.875rem; height: 2.25rem; padding: 0 1.25rem; } .nb-theme-default nb-actions.size-medium nb-action nb-icon { font-size: 2.25rem; } .nb-theme-default nb-actions.size-large nb-action { font-size: 1rem; height: 3.5rem; padding: 0 1.25rem; } .nb-theme-default nb-actions.size-large nb-action nb-icon { font-size: 3.5rem; } .nb-theme-default nb-actions.size-giant nb-action { font-size: 1.125rem; height: 4rem; padding: 0 1.25rem; } .nb-theme-default nb-actions.size-giant nb-action nb-icon { font-size: 4rem; } [dir=ltr] .nb-theme-default nb-action { border-left: 1px solid #edf1f7; } [dir=rtl] .nb-theme-default nb-action { border-right: 1px solid #edf1f7; } [dir=ltr] .nb-theme-default nb-action:first-child { border-left: none !important; } [dir=rtl] .nb-theme-default nb-action:first-child { border-right: none !important; } .nb-theme-default nb-action nb-icon { color: #8f9bb3; } .nb-theme-default nb-action.disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-action.disabled nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-search-field .close-button { z-index: 1; } .nb-theme-default nb-search-field .search { background: #ffffff; } .nb-theme-default nb-search-field .search span.info { color: #8f9bb3; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-search-field .search input { border-bottom: 1px solid #edf1f7; color: #222b45; font-family: Open Sans, sans-serif; font-size: 2.25rem; font-weight: 700; line-height: 3rem; } .nb-theme-default nb-search-field .search input::-moz-placeholder { color: #8f9bb3; } .nb-theme-default nb-search-field .search input:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default nb-search-field .search input::placeholder { color: #8f9bb3; } .nb-theme-default nb-search-field .search input::-ms-clear { display: none; } .nb-theme-default nb-search-field.rotate-layout { opacity: 0; background: #ffffff; } .nb-theme-default nb-search-field.modal-zoomin .search::before, .nb-theme-default nb-search-field.modal-zoomin .search::after { border: 1.5rem solid #3366ff; } .nb-theme-default nb-search-field.modal-half .form-wrapper { background: #ffffff; } .nb-theme-default nb-search-field.modal-half .search::before { background: #3366ff; } .nb-theme-default nb-search-field.modal-drop .form-content::after { background: #edf1f7; } .nb-theme-default nb-search-field.modal-drop .search::before { background: #ffffff; } .nb-theme-default nb-search-field.curtain .search::after { background: #ffffff; } .nb-theme-default nb-search-field.curtain .search { background: #ffffff; } .nb-theme-default nb-search-field.column-curtain::before { background: #ffffff; } .nb-theme-default nb-search-field.column-curtain::after { background: transparent; } .nb-theme-default nb-search-field.column-curtain.show::after { background: #3366ff; } .nb-theme-default .nb-spinner-container { position: relative; } .nb-theme-default nb-spinner .message { color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-default nb-spinner.status-basic { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-default nb-spinner.status-basic .spin-circle { border-top-color: #8f9bb3; border-right-color: transparent; border-bottom-color: #8f9bb3; border-left-color: #8f9bb3; } .nb-theme-default nb-spinner.status-primary { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-default nb-spinner.status-primary .spin-circle { border-top-color: #3366ff; border-right-color: transparent; border-bottom-color: #3366ff; border-left-color: #3366ff; } .nb-theme-default nb-spinner.status-success { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-default nb-spinner.status-success .spin-circle { border-top-color: #00d68f; border-right-color: transparent; border-bottom-color: #00d68f; border-left-color: #00d68f; } .nb-theme-default nb-spinner.status-warning { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-default nb-spinner.status-warning .spin-circle { border-top-color: #ffaa00; border-right-color: transparent; border-bottom-color: #ffaa00; border-left-color: #ffaa00; } .nb-theme-default nb-spinner.status-danger { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-default nb-spinner.status-danger .spin-circle { border-top-color: #ff3d71; border-right-color: transparent; border-bottom-color: #ff3d71; border-left-color: #ff3d71; } .nb-theme-default nb-spinner.status-info { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-default nb-spinner.status-info .spin-circle { border-top-color: #0095ff; border-right-color: transparent; border-bottom-color: #0095ff; border-left-color: #0095ff; } .nb-theme-default nb-spinner.status-control { background-color: rgba(255, 255, 255, 0.16); } .nb-theme-default nb-spinner.status-control .spin-circle { border-top-color: #ffffff; border-right-color: transparent; border-bottom-color: #ffffff; border-left-color: #ffffff; } .nb-theme-default nb-spinner.size-tiny { font-size: 1rem; } .nb-theme-default nb-spinner.size-small { font-size: 1.25rem; } .nb-theme-default nb-spinner.size-medium { font-size: 1.5rem; } .nb-theme-default nb-spinner.size-large { font-size: 1.75rem; } .nb-theme-default nb-spinner.size-giant { font-size: 2rem; } @keyframes spin { 0% { transform: rotate(0deg); } 40% { transform: rotate(230deg); } 100% { transform: rotate(360deg); } } .nb-theme-default .nb-timepicker-container { width: 20rem; height: 26.1875rem; } .nb-theme-default .nb-timepicker-container .list-item { color: #222b45; font-size: 0.9375rem; font-family: Open Sans, sans-serif; height: 2.75rem; line-height: 1.5rem; font-weight: 600; } .nb-theme-default .nb-timepicker-container .list-item:first-child { border-top: none; } .nb-theme-default .nb-timepicker-container .list-item:hover { background-color: #f7f9fc; color: #222b45; } .nb-theme-default .nb-timepicker-container .list-item:focus { background-color: #e4e9f2; color: #222b45; } .nb-theme-default .nb-timepicker-container .list-item.selected { background-color: #3366ff; color: #ffffff; } .nb-theme-default .nb-timepicker-container .values-list { scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } [dir=ltr] .nb-theme-default .nb-timepicker-container .values-list:not(:last-of-type) { border-right: 0.0625rem solid #e4e9f2; } [dir=rtl] .nb-theme-default .nb-timepicker-container .values-list:not(:last-of-type) { border-left: 0.0625rem solid #e4e9f2; } .nb-theme-default .nb-timepicker-container .values-list::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default .nb-timepicker-container .values-list::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default .nb-timepicker-container .values-list::-webkit-scrollbar-track { background: #f7f9fc; } [dir=ltr] .nb-theme-default .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-right: -0.3125rem; } [dir=rtl] .nb-theme-default .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-left: -0.3125rem; } .nb-theme-default .nb-timepicker-container .header-cell { color: #8f9bb3; font-size: 0.9375rem; font-family: Open Sans, sans-serif; height: 2.75rem; line-height: 1.5rem; font-weight: 600; } [dir=ltr] .nb-theme-default .nb-timepicker-container .header-cell:not(:last-child) { border-right: 0.0625rem solid #e4e9f2; } [dir=rtl] .nb-theme-default .nb-timepicker-container .header-cell:not(:last-child) { border-left: 0.0625rem solid #e4e9f2; } .nb-theme-default .nb-timepicker-container .column-header { border-bottom: 0.0625rem solid #e4e9f2; } [dir=ltr] .nb-theme-default .nb-timepicker-container .actions-footer { padding-left: 0.625rem; } [dir=rtl] .nb-theme-default .nb-timepicker-container .actions-footer { padding-right: 0.625rem; } .nb-theme-default nb-checkbox .label { padding: 0; } .nb-theme-default nb-checkbox .custom-checkbox { width: 1.25rem; height: 1.25rem; border-style: solid; border-width: 1px; border-radius: 3px; position: relative; } .nb-theme-default nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox:not(:hover):not(:active) { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16); } .nb-theme-default nb-checkbox .native-input:focus:checked + .custom-checkbox { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default nb-checkbox nb-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; } .nb-theme-default nb-checkbox .text { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } [dir=ltr] .nb-theme-default nb-checkbox .text:not(:empty) { padding-left: 0.6875rem; } [dir=rtl] .nb-theme-default nb-checkbox .text:not(:empty) { padding-right: 0.6875rem; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; } .nb-theme-default nb-checkbox.status-basic .text { color: #222b45; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox.checked { background-color: #3366ff; border-color: #3366ff; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox.indeterminate { background-color: #3366ff; border-color: #3366ff; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; } .nb-theme-default nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.checked { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-default nb-checkbox.status-basic .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-basic .custom-checkbox:hover.checked { background-color: #598bff; border-color: #598bff; } .nb-theme-default nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; } .nb-theme-default nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.checked { background-color: #274bdb; border-color: #274bdb; } .nb-theme-default nb-checkbox.status-basic .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-basic .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-basic .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-basic .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-primary .custom-checkbox { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; } .nb-theme-default nb-checkbox.status-primary .text { color: #222b45; } .nb-theme-default nb-checkbox.status-primary .custom-checkbox.checked { background-color: #3366ff; border-color: #3366ff; } .nb-theme-default nb-checkbox.status-primary .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-primary .custom-checkbox.indeterminate { background-color: #3366ff; border-color: #3366ff; } .nb-theme-default nb-checkbox.status-primary .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-default nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.checked { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-default nb-checkbox.status-primary .custom-checkbox:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-default nb-checkbox.status-primary .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-primary .custom-checkbox:hover.checked { background-color: #598bff; border-color: #598bff; } .nb-theme-default nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-default nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.checked { background-color: #274bdb; border-color: #274bdb; } .nb-theme-default nb-checkbox.status-primary .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-primary .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-primary .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-primary .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-success .custom-checkbox { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; } .nb-theme-default nb-checkbox.status-success .text { color: #222b45; } .nb-theme-default nb-checkbox.status-success .custom-checkbox.checked { background-color: #00d68f; border-color: #00d68f; } .nb-theme-default nb-checkbox.status-success .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-success .custom-checkbox.indeterminate { background-color: #00d68f; border-color: #00d68f; } .nb-theme-default nb-checkbox.status-success .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-default nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.checked { background-color: #00b887; border-color: #00997a; } .nb-theme-default nb-checkbox.status-success .custom-checkbox:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; } .nb-theme-default nb-checkbox.status-success .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-success .custom-checkbox:hover.checked { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-default nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-default nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.checked { background-color: #00b887; border-color: #00b887; } .nb-theme-default nb-checkbox.status-success .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-success .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-success .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-success .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-warning .custom-checkbox { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; } .nb-theme-default nb-checkbox.status-warning .text { color: #222b45; } .nb-theme-default nb-checkbox.status-warning .custom-checkbox.checked { background-color: #ffaa00; border-color: #ffaa00; } .nb-theme-default nb-checkbox.status-warning .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-warning .custom-checkbox.indeterminate { background-color: #ffaa00; border-color: #ffaa00; } .nb-theme-default nb-checkbox.status-warning .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-default nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.checked { background-color: #db8b00; border-color: #b86e00; } .nb-theme-default nb-checkbox.status-warning .custom-checkbox:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; } .nb-theme-default nb-checkbox.status-warning .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-warning .custom-checkbox:hover.checked { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-default nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-default nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.checked { background-color: #db8b00; border-color: #db8b00; } .nb-theme-default nb-checkbox.status-warning .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-warning .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-warning .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-warning .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-danger .custom-checkbox { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; } .nb-theme-default nb-checkbox.status-danger .text { color: #222b45; } .nb-theme-default nb-checkbox.status-danger .custom-checkbox.checked { background-color: #ff3d71; border-color: #ff3d71; } .nb-theme-default nb-checkbox.status-danger .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-danger .custom-checkbox.indeterminate { background-color: #ff3d71; border-color: #ff3d71; } .nb-theme-default nb-checkbox.status-danger .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-default nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.checked { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-default nb-checkbox.status-danger .custom-checkbox:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; } .nb-theme-default nb-checkbox.status-danger .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-danger .custom-checkbox:hover.checked { background-color: #ff708d; border-color: #ff708d; } .nb-theme-default nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-default nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.checked { background-color: #db2c66; border-color: #db2c66; } .nb-theme-default nb-checkbox.status-danger .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-danger .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-danger .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-danger .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-info .custom-checkbox { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; } .nb-theme-default nb-checkbox.status-info .text { color: #222b45; } .nb-theme-default nb-checkbox.status-info .custom-checkbox.checked { background-color: #0095ff; border-color: #0095ff; } .nb-theme-default nb-checkbox.status-info .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-info .custom-checkbox.indeterminate { background-color: #0095ff; border-color: #0095ff; } .nb-theme-default nb-checkbox.status-info .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-default nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.checked { background-color: #006fd6; border-color: #0057c2; } .nb-theme-default nb-checkbox.status-info .custom-checkbox:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; } .nb-theme-default nb-checkbox.status-info .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-info .custom-checkbox:hover.checked { background-color: #42aaff; border-color: #42aaff; } .nb-theme-default nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-default nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.checked { background-color: #006fd6; border-color: #006fd6; } .nb-theme-default nb-checkbox.status-info .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-info .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-info .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-info .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-checkbox.status-control .custom-checkbox { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-default nb-checkbox.status-control .text { color: #ffffff; } .nb-theme-default nb-checkbox.status-control .custom-checkbox.checked { background-color: #ffffff; border-color: #ffffff; } .nb-theme-default nb-checkbox.status-control .custom-checkbox.checked nb-icon { color: #222b45; } .nb-theme-default nb-checkbox.status-control .custom-checkbox.indeterminate { background-color: #ffffff; border-color: #ffffff; } .nb-theme-default nb-checkbox.status-control .custom-checkbox.indeterminate nb-icon { color: #222b45; } .nb-theme-default nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-default nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.checked { background-color: #edf1f7; border-color: #c5cee0; } .nb-theme-default nb-checkbox.status-control .custom-checkbox:hover { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-default nb-checkbox.status-control .custom-checkbox:hover.indeterminate, .nb-theme-default nb-checkbox.status-control .custom-checkbox:hover.checked { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-default nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-default nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.checked { background-color: #edf1f7; border-color: #edf1f7; } .nb-theme-default nb-checkbox.status-control .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-checkbox.status-control .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-default nb-checkbox.status-control .native-input:disabled ~ .text { color: #ffffff; } .nb-theme-default nb-checkbox.status-control .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-default nb-checkbox.status-control .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle .toggle { height: 1.875rem; width: 3.125rem; border-width: 1px; border-style: solid; border-radius: 100px; cursor: pointer; /* We need to set initial positions as Angular animations won't work in IE11 if positions have no initial value. Setting it in SCSS as we don't have access to theme variables from TS. */ } [dir=ltr] .nb-theme-default nb-toggle .toggle.checked .toggle-switcher { left: calc(100% - 1.75rem - 1px - 1px); } [dir=ltr] .nb-theme-default nb-toggle .toggle:not(.checked) .toggle-switcher { right: 0; } [dir=rtl] .nb-theme-default nb-toggle .toggle.checked .toggle-switcher { right: calc(100% - 1.75rem - 1px - 1px); } [dir=rtl] .nb-theme-default nb-toggle .toggle:not(.checked) .toggle-switcher { left: 0; } .nb-theme-default nb-toggle .native-input:enabled:focus + .toggle { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default nb-toggle .native-input:disabled + .toggle { cursor: default; } .nb-theme-default nb-toggle .toggle-switcher { width: 1.75rem; height: 1.75rem; } .nb-theme-default nb-toggle .toggle-switcher nb-icon { height: 0.75rem; width: 0.75rem; } .nb-theme-default nb-toggle .text { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-toggle.status-basic .text { color: #222b45; } .nb-theme-default nb-toggle.status-basic .toggle { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; } .nb-theme-default nb-toggle.status-basic .toggle.checked { background-color: #3366ff; border-color: #3366ff; } .nb-theme-default nb-toggle.status-basic .native-input:enabled:focus + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-default nb-toggle.status-basic .native-input:enabled:focus + .toggle.checked { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-default nb-toggle.status-basic .native-input:enabled:active + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-default nb-toggle.status-basic .native-input:enabled:active + .toggle.checked { background-color: #274bdb; border-color: #274bdb; } .nb-theme-default nb-toggle.status-basic .native-input:enabled + .toggle:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-default nb-toggle.status-basic .native-input:enabled + .toggle:hover.checked { background-color: #598bff; border-color: #598bff; } .nb-theme-default nb-toggle.status-basic .toggle-switcher { background-color: #ffffff; } .nb-theme-default nb-toggle.status-basic .toggle-switcher nb-icon { color: #3366ff; } .nb-theme-default nb-toggle.status-basic .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-default nb-toggle.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-primary .text { color: #222b45; } .nb-theme-default nb-toggle.status-primary .toggle { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; } .nb-theme-default nb-toggle.status-primary .toggle.checked { background-color: #3366ff; border-color: #3366ff; } .nb-theme-default nb-toggle.status-primary .native-input:enabled:focus + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-default nb-toggle.status-primary .native-input:enabled:focus + .toggle.checked { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-default nb-toggle.status-primary .native-input:enabled:active + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-default nb-toggle.status-primary .native-input:enabled:active + .toggle.checked { background-color: #274bdb; border-color: #274bdb; } .nb-theme-default nb-toggle.status-primary .native-input:enabled + .toggle:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-default nb-toggle.status-primary .native-input:enabled + .toggle:hover.checked { background-color: #598bff; border-color: #598bff; } .nb-theme-default nb-toggle.status-primary .toggle-switcher { background-color: #ffffff; } .nb-theme-default nb-toggle.status-primary .toggle-switcher nb-icon { color: #3366ff; } .nb-theme-default nb-toggle.status-primary .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-default nb-toggle.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-success .text { color: #222b45; } .nb-theme-default nb-toggle.status-success .toggle { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; } .nb-theme-default nb-toggle.status-success .toggle.checked { background-color: #00d68f; border-color: #00d68f; } .nb-theme-default nb-toggle.status-success .native-input:enabled:focus + .toggle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-default nb-toggle.status-success .native-input:enabled:focus + .toggle.checked { background-color: #00b887; border-color: #00997a; } .nb-theme-default nb-toggle.status-success .native-input:enabled:active + .toggle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-default nb-toggle.status-success .native-input:enabled:active + .toggle.checked { background-color: #00b887; border-color: #00b887; } .nb-theme-default nb-toggle.status-success .native-input:enabled + .toggle:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; } .nb-theme-default nb-toggle.status-success .native-input:enabled + .toggle:hover.checked { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-default nb-toggle.status-success .toggle-switcher { background-color: #ffffff; } .nb-theme-default nb-toggle.status-success .toggle-switcher nb-icon { color: #00d68f; } .nb-theme-default nb-toggle.status-success .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-default nb-toggle.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-warning .text { color: #222b45; } .nb-theme-default nb-toggle.status-warning .toggle { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; } .nb-theme-default nb-toggle.status-warning .toggle.checked { background-color: #ffaa00; border-color: #ffaa00; } .nb-theme-default nb-toggle.status-warning .native-input:enabled:focus + .toggle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-default nb-toggle.status-warning .native-input:enabled:focus + .toggle.checked { background-color: #db8b00; border-color: #b86e00; } .nb-theme-default nb-toggle.status-warning .native-input:enabled:active + .toggle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-default nb-toggle.status-warning .native-input:enabled:active + .toggle.checked { background-color: #db8b00; border-color: #db8b00; } .nb-theme-default nb-toggle.status-warning .native-input:enabled + .toggle:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; } .nb-theme-default nb-toggle.status-warning .native-input:enabled + .toggle:hover.checked { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-default nb-toggle.status-warning .toggle-switcher { background-color: #ffffff; } .nb-theme-default nb-toggle.status-warning .toggle-switcher nb-icon { color: #ffaa00; } .nb-theme-default nb-toggle.status-warning .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-default nb-toggle.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-danger .text { color: #222b45; } .nb-theme-default nb-toggle.status-danger .toggle { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; } .nb-theme-default nb-toggle.status-danger .toggle.checked { background-color: #ff3d71; border-color: #ff3d71; } .nb-theme-default nb-toggle.status-danger .native-input:enabled:focus + .toggle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-default nb-toggle.status-danger .native-input:enabled:focus + .toggle.checked { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-default nb-toggle.status-danger .native-input:enabled:active + .toggle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-default nb-toggle.status-danger .native-input:enabled:active + .toggle.checked { background-color: #db2c66; border-color: #db2c66; } .nb-theme-default nb-toggle.status-danger .native-input:enabled + .toggle:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; } .nb-theme-default nb-toggle.status-danger .native-input:enabled + .toggle:hover.checked { background-color: #ff708d; border-color: #ff708d; } .nb-theme-default nb-toggle.status-danger .toggle-switcher { background-color: #ffffff; } .nb-theme-default nb-toggle.status-danger .toggle-switcher nb-icon { color: #ff3d71; } .nb-theme-default nb-toggle.status-danger .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-default nb-toggle.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-info .text { color: #222b45; } .nb-theme-default nb-toggle.status-info .toggle { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; } .nb-theme-default nb-toggle.status-info .toggle.checked { background-color: #0095ff; border-color: #0095ff; } .nb-theme-default nb-toggle.status-info .native-input:enabled:focus + .toggle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-default nb-toggle.status-info .native-input:enabled:focus + .toggle.checked { background-color: #006fd6; border-color: #0057c2; } .nb-theme-default nb-toggle.status-info .native-input:enabled:active + .toggle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-default nb-toggle.status-info .native-input:enabled:active + .toggle.checked { background-color: #006fd6; border-color: #006fd6; } .nb-theme-default nb-toggle.status-info .native-input:enabled + .toggle:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; } .nb-theme-default nb-toggle.status-info .native-input:enabled + .toggle:hover.checked { background-color: #42aaff; border-color: #42aaff; } .nb-theme-default nb-toggle.status-info .toggle-switcher { background-color: #ffffff; } .nb-theme-default nb-toggle.status-info .toggle-switcher nb-icon { color: #0095ff; } .nb-theme-default nb-toggle.status-info .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-default nb-toggle.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-control .text { color: #ffffff; } .nb-theme-default nb-toggle.status-control .toggle { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-default nb-toggle.status-control .toggle.checked { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-default nb-toggle.status-control .native-input:enabled:focus + .toggle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-default nb-toggle.status-control .native-input:enabled:focus + .toggle.checked { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-default nb-toggle.status-control .native-input:enabled:active + .toggle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-default nb-toggle.status-control .native-input:enabled:active + .toggle.checked { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-default nb-toggle.status-control .native-input:enabled + .toggle:hover { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-default nb-toggle.status-control .native-input:enabled + .toggle:hover.checked { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-default nb-toggle.status-control .toggle-switcher { background-color: #ffffff; } .nb-theme-default nb-toggle.status-control .toggle-switcher nb-icon { color: #222b45; } .nb-theme-default nb-toggle.status-control .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-default nb-toggle.status-control .native-input:disabled ~ .text { color: #ffffff; } .nb-theme-default nb-progress-bar .progress-container { border-radius: 0.25rem; } .nb-theme-default nb-progress-bar .progress-value { display: flex; align-items: center; justify-content: center; font-family: Open Sans, sans-serif; transition-duration: 400ms; transition-property: width, background-color; } .nb-theme-default nb-progress-bar.size-tiny .progress-container { height: 1rem; } .nb-theme-default nb-progress-bar.size-tiny .progress-value { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-progress-bar.size-small .progress-container { height: 1.25rem; } .nb-theme-default nb-progress-bar.size-small .progress-value { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-progress-bar.size-medium .progress-container { height: 1.375rem; } .nb-theme-default nb-progress-bar.size-medium .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-progress-bar.size-large .progress-container { height: 1.5rem; } .nb-theme-default nb-progress-bar.size-large .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-progress-bar.size-giant .progress-container { height: 1.75rem; } .nb-theme-default nb-progress-bar.size-giant .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-progress-bar.status-basic .progress-container { background-color: #f7f9fc; } .nb-theme-default nb-progress-bar.status-basic .progress-value { background-color: #e4e9f2; color: #222b45; } .nb-theme-default nb-progress-bar.status-primary .progress-container { background-color: #edf1f7; } .nb-theme-default nb-progress-bar.status-primary .progress-value { background-color: #3366ff; color: #ffffff; } .nb-theme-default nb-progress-bar.status-success .progress-container { background-color: #edf1f7; } .nb-theme-default nb-progress-bar.status-success .progress-value { background-color: #00d68f; color: #ffffff; } .nb-theme-default nb-progress-bar.status-warning .progress-container { background-color: #edf1f7; } .nb-theme-default nb-progress-bar.status-warning .progress-value { background-color: #ffaa00; color: #ffffff; } .nb-theme-default nb-progress-bar.status-danger .progress-container { background-color: #edf1f7; } .nb-theme-default nb-progress-bar.status-danger .progress-value { background-color: #ff3d71; color: #ffffff; } .nb-theme-default nb-progress-bar.status-info .progress-container { background-color: #edf1f7; } .nb-theme-default nb-progress-bar.status-info .progress-value { background-color: #0095ff; color: #ffffff; } .nb-theme-default nb-progress-bar.status-control .progress-container { background-color: #edf1f7; } .nb-theme-default nb-progress-bar.status-control .progress-value { background-color: #ffffff; color: #222b45; } .nb-theme-default nb-badge { border-radius: 0.25rem; font-family: Open Sans, sans-serif; font-size: 0.625rem; font-weight: 700; line-height: 0.75rem; padding: 0.25rem 0.4rem; } .nb-theme-default nb-badge.dot-mode { padding: 0.3rem; border-radius: 0.5rem; } .nb-theme-default nb-badge.status-basic { color: #222b45; background-color: #f7f9fc; } .nb-theme-default nb-badge.status-primary { color: #ffffff; background-color: #3366ff; } .nb-theme-default nb-badge.status-success { color: #ffffff; background-color: #00d68f; } .nb-theme-default nb-badge.status-warning { color: #ffffff; background-color: #ffaa00; } .nb-theme-default nb-badge.status-danger { color: #ffffff; background-color: #ff3d71; } .nb-theme-default nb-badge.status-info { color: #ffffff; background-color: #0095ff; } .nb-theme-default nb-badge.status-control { color: #222b45; background-color: #ffffff; } .nb-theme-default nb-stepper.horizontal .header .step { width: 2rem; margin: 0 1rem; } .nb-theme-default nb-stepper.horizontal .header .connector { margin: 1rem; } .nb-theme-default nb-stepper.vertical .header .connector { margin: 1rem; } .nb-theme-default nb-stepper .header .connector { background-color: #edf1f7; } .nb-theme-default nb-stepper .header .connector-past { background-color: #3366ff; } .nb-theme-default nb-stepper .header .label-index { border-radius: 50%; border-color: #e4e9f2; border-style: solid; border-width: 1px; width: 2rem; height: 2rem; } .nb-theme-default nb-stepper .header .step { color: #8f9bb3; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default nb-stepper .header .step.label-index { border-color: #e4e9f2; } .nb-theme-default nb-stepper .header .step.selected { color: #274bdb; } .nb-theme-default nb-stepper .header .step.selected .label-index { border-color: #274bdb; } .nb-theme-default nb-stepper .header .step.completed { color: #3366ff; } .nb-theme-default nb-stepper .header .step.completed .label-index { background-color: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-default nb-stepper .step-content { padding: 1.25rem; } .nb-theme-default nb-alert { border-radius: 0.25rem; box-shadow: none; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 1rem 1.125rem; margin-bottom: 1.5rem; scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } .nb-theme-default nb-alert::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-alert::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-alert::-webkit-scrollbar-track { background: #f7f9fc; } [dir=ltr] .nb-theme-default nb-alert.closable { padding-right: 3rem; } [dir=rtl] .nb-theme-default nb-alert.closable { padding-left: 3rem; } .nb-theme-default nb-alert .close { padding: 1rem 1.125rem; font-size: 1.5rem; line-height: 1; cursor: pointer; font-family: monospace; } .nb-theme-default nb-alert.size-tiny { height: 4.5rem; } .nb-theme-default nb-alert.size-small { height: 5.75rem; } .nb-theme-default nb-alert.size-medium { height: 7rem; } .nb-theme-default nb-alert.size-large { height: 8.25rem; } .nb-theme-default nb-alert.size-giant { height: 9.5rem; } .nb-theme-default nb-alert.status-basic { color: #222b45; background-color: #f7f9fc; } .nb-theme-default nb-alert.status-basic a, .nb-theme-default nb-alert.status-basic a:hover { color: #222b45; } .nb-theme-default nb-alert.accent-basic { border-top: 0.25rem solid #edf1f7; } .nb-theme-default nb-alert.outline-basic { border: 1px solid #c5cee0; } .nb-theme-default nb-alert.status-primary { color: #ffffff; background-color: #3366ff; } .nb-theme-default nb-alert.status-primary a, .nb-theme-default nb-alert.status-primary a:hover { color: #ffffff; } .nb-theme-default nb-alert.accent-primary { border-top: 0.25rem solid #3366ff; } .nb-theme-default nb-alert.outline-primary { border: 1px solid #1a34b8; } .nb-theme-default nb-alert.status-success { color: #ffffff; background-color: #00d68f; } .nb-theme-default nb-alert.status-success a, .nb-theme-default nb-alert.status-success a:hover { color: #ffffff; } .nb-theme-default nb-alert.accent-success { border-top: 0.25rem solid #00d68f; } .nb-theme-default nb-alert.outline-success { border: 1px solid #00997a; } .nb-theme-default nb-alert.status-warning { color: #ffffff; background-color: #ffaa00; } .nb-theme-default nb-alert.status-warning a, .nb-theme-default nb-alert.status-warning a:hover { color: #ffffff; } .nb-theme-default nb-alert.accent-warning { border-top: 0.25rem solid #ffaa00; } .nb-theme-default nb-alert.outline-warning { border: 1px solid #b86e00; } .nb-theme-default nb-alert.status-danger { color: #ffffff; background-color: #ff3d71; } .nb-theme-default nb-alert.status-danger a, .nb-theme-default nb-alert.status-danger a:hover { color: #ffffff; } .nb-theme-default nb-alert.accent-danger { border-top: 0.25rem solid #ff3d71; } .nb-theme-default nb-alert.outline-danger { border: 1px solid #b81d5b; } .nb-theme-default nb-alert.status-info { color: #ffffff; background-color: #0095ff; } .nb-theme-default nb-alert.status-info a, .nb-theme-default nb-alert.status-info a:hover { color: #ffffff; } .nb-theme-default nb-alert.accent-info { border-top: 0.25rem solid #0095ff; } .nb-theme-default nb-alert.outline-info { border: 1px solid #0057c2; } .nb-theme-default nb-alert.status-control { color: #222b45; background-color: #ffffff; } .nb-theme-default nb-alert.status-control a, .nb-theme-default nb-alert.status-control a:hover { color: #222b45; } .nb-theme-default nb-alert.accent-control { border-top: 0.25rem solid #ffffff; } .nb-theme-default nb-alert.outline-control { border: 1px solid #c5cee0; } .nb-theme-default nb-chat { background-color: #ffffff; border: none; border-radius: 0.25rem; box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default nb-chat nb-icon { font-size: inherit; } .nb-theme-default nb-chat .header { border-bottom: 1px solid #edf1f7; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; padding: 1rem 1.25rem; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-chat .scrollable { overflow: auto; flex: 1; scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } .nb-theme-default nb-chat .scrollable::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-default nb-chat .scrollable::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-default nb-chat .scrollable::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-default nb-chat .messages { padding: 1rem 1.25rem; overflow-y: auto; overflow-x: hidden; display: flex; flex-shrink: 0; flex-direction: column; } .nb-theme-default nb-chat .no-messages { text-align: center; } .nb-theme-default nb-chat.size-tiny { height: 13.5rem; } .nb-theme-default nb-chat.size-small { height: 21rem; } .nb-theme-default nb-chat.size-medium { height: 28.5rem; } .nb-theme-default nb-chat.size-large { height: 36rem; } .nb-theme-default nb-chat.size-giant { height: 43.5rem; } .nb-theme-default nb-chat.status-basic .header { background-color: #ffffff; color: #222b45; } .nb-theme-default nb-chat.status-primary .header { background-color: #3366ff; color: #ffffff; } .nb-theme-default nb-chat.status-success .header { background-color: #00d68f; color: #ffffff; } .nb-theme-default nb-chat.status-warning .header { background-color: #ffaa00; color: #ffffff; } .nb-theme-default nb-chat.status-danger .header { background-color: #ff3d71; color: #ffffff; } .nb-theme-default nb-chat.status-info .header { background-color: #0095ff; color: #ffffff; } .nb-theme-default nb-chat.status-control .header { background-color: #ffffff; color: #222b45; } .nb-theme-default nb-chat-message { margin-bottom: 1.5rem; display: flex; flex-direction: row; } .nb-theme-default nb-chat-message .message { flex: 1; } .nb-theme-default nb-chat-message .avatar { border-radius: 50%; flex-shrink: 0; background: #c5cee0; background-position: center; background-size: cover; background-repeat: no-repeat; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; font-size: 0.875rem; color: white; } .nb-theme-default nb-chat-message nb-chat-message-text { display: flex; flex-direction: column; } .nb-theme-default nb-chat-message nb-chat-message-text .sender { font-size: 0.875rem; color: #8f9bb3; margin-bottom: 0.5rem; } .nb-theme-default nb-chat-message nb-chat-message-text p { word-break: break-word; white-space: pre-wrap; max-width: 100%; margin-bottom: 0; } .nb-theme-default nb-chat-message nb-chat-message-text .text { padding: 1rem; border-radius: 0.5rem; } .nb-theme-default nb-chat-message nb-chat-message-file { display: flex; flex-direction: column; } .nb-theme-default nb-chat-message nb-chat-message-file a { color: #8f9bb3; background: transparent; font-size: 4rem; text-align: center; border: 1px solid #8f9bb3; width: 10rem; height: 10rem; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 0.5rem; } .nb-theme-default nb-chat-message nb-chat-message-file a:hover, .nb-theme-default nb-chat-message nb-chat-message-file a:focus { text-decoration: none; color: #8f9bb3; } .nb-theme-default nb-chat-message nb-chat-message-file a div { background-size: cover; width: 100%; height: 100%; } .nb-theme-default nb-chat-message nb-chat-message-file nb-chat-message-text { display: block; margin-bottom: 0.5rem; } .nb-theme-default nb-chat-message nb-chat-message-file .message-content-group { display: flex; flex-direction: row; justify-content: flex-end; flex-wrap: wrap; } .nb-theme-default nb-chat-message nb-chat-message-file .message-content-group a { margin-bottom: 1rem; width: 5rem; height: 5rem; } [dir=ltr] .nb-theme-default nb-chat-message nb-chat-message-file .message-content-group a { margin-right: 1rem; } [dir=rtl] .nb-theme-default nb-chat-message nb-chat-message-file .message-content-group a { margin-left: 1rem; } .nb-theme-default nb-chat-message nb-chat-message-quote p.quote { font-style: italic; font-size: 0.875rem; background: #f7f9fc; color: #8f9bb3; padding: 1rem; border-radius: 0.5rem; margin-bottom: 0.5rem; } .nb-theme-default nb-chat-message nb-chat-message-quote .sender { font-size: 0.875rem; color: #8f9bb3; margin-bottom: 0.5rem; } [dir=ltr] .nb-theme-default nb-chat-message.not-reply .message { margin-left: 0.5rem; } [dir=rtl] .nb-theme-default nb-chat-message.not-reply .message { margin-right: 0.5rem; } [dir=ltr] .nb-theme-default nb-chat-message.not-reply .message { margin-right: 3rem; } [dir=rtl] .nb-theme-default nb-chat-message.not-reply .message { margin-left: 3rem; } .nb-theme-default nb-chat-message.not-reply nb-chat-message-text { align-items: flex-start; } .nb-theme-default nb-chat-message.not-reply nb-chat-message-text .text { background: #3366ff; color: #ffffff; } [dir=ltr] .nb-theme-default nb-chat-message.not-reply nb-chat-message-text .text { border-top-left-radius: 0; } [dir=rtl] .nb-theme-default nb-chat-message.not-reply nb-chat-message-text .text { border-top-right-radius: 0; } .nb-theme-default nb-chat-message.not-reply nb-chat-message-file { align-items: flex-start; } .nb-theme-default nb-chat-message.reply { flex-direction: row-reverse; } .nb-theme-default nb-chat-message.reply .message { margin-left: 0; } [dir=ltr] .nb-theme-default nb-chat-message.reply .message { margin-right: 0.5rem; } [dir=rtl] .nb-theme-default nb-chat-message.reply .message { margin-left: 0.5rem; } [dir=ltr] .nb-theme-default nb-chat-message.reply .message { margin-left: 3rem; } [dir=rtl] .nb-theme-default nb-chat-message.reply .message { margin-right: 3rem; } .nb-theme-default nb-chat-message.reply nb-chat-message-text { align-items: flex-end; } [dir=ltr] .nb-theme-default nb-chat-message.reply nb-chat-message-text .sender { text-align: right; } [dir=rtl] .nb-theme-default nb-chat-message.reply nb-chat-message-text .sender { text-align: left; } .nb-theme-default nb-chat-message.reply nb-chat-message-text .text { background: #f7f9fc; color: #222b45; } [dir=ltr] .nb-theme-default nb-chat-message.reply nb-chat-message-text .text { border-top-right-radius: 0; } [dir=rtl] .nb-theme-default nb-chat-message.reply nb-chat-message-text .text { border-top-left-radius: 0; } .nb-theme-default nb-chat-message.reply nb-chat-message-file { align-items: flex-end; } .nb-theme-default nb-chat-form { display: flex; flex-direction: column; padding: 1rem 1.25rem; border-top: 1px solid #edf1f7; } .nb-theme-default nb-chat-form .message-row { flex-direction: row; display: flex; } .nb-theme-default nb-chat-form input { flex: 1; } .nb-theme-default nb-chat-form input.with-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } [dir=ltr] .nb-theme-default nb-chat-form input.with-button { border-bottom-right-radius: 0; } [dir=ltr] .nb-theme-default nb-chat-form input.with-button { border-top-right-radius: 0; } [dir=rtl] .nb-theme-default nb-chat-form input.with-button { border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-default nb-chat-form input.with-button { border-top-left-radius: 0; } .nb-theme-default nb-chat-form .send-button nb-icon { font-size: 1.5rem; } [dir=ltr] .nb-theme-default nb-chat-form .send-button { border-bottom-left-radius: 0; border-top-left-radius: 0; } [dir=rtl] .nb-theme-default nb-chat-form .send-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } .nb-theme-default nb-chat-form .dropped-files { display: flex; flex-direction: row; margin-bottom: 0.5rem; flex-wrap: wrap; } .nb-theme-default nb-chat-form .dropped-files div { background-size: cover; width: 3rem; height: 3rem; border-radius: 0.5rem; margin-bottom: 0.5rem; border: 1px solid currentColor; text-align: center; font-size: 2rem; position: relative; } [dir=ltr] .nb-theme-default nb-chat-form .dropped-files div { margin-right: 0.5rem; } [dir=rtl] .nb-theme-default nb-chat-form .dropped-files div { margin-left: 0.5rem; } .nb-theme-default nb-chat-form .dropped-files div .remove { position: absolute; right: -0.5rem; top: -0.875rem; font-size: 0.875rem; line-height: 1; cursor: pointer; } .nb-theme-default nb-chat-form .dropped-files div nb-icon { width: 65%; height: 100%; } .nb-theme-default nb-accordion { display: block; box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); border-radius: 0.25rem; } .nb-theme-default nb-accordion-item-header { position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #edf1f7; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 1.25rem; } .nb-theme-default nb-accordion-item-header h1 { margin: 0; } .nb-theme-default nb-accordion-item-header h2 { margin: 0; } .nb-theme-default nb-accordion-item-header h3 { margin: 0; } .nb-theme-default nb-accordion-item-header h4 { margin: 0; } .nb-theme-default nb-accordion-item-header h5 { margin: 0; } .nb-theme-default nb-accordion-item-header h6 { margin: 0; } .nb-theme-default nb-accordion-item-header .expansion-indicator { position: absolute; } [dir=ltr] .nb-theme-default nb-accordion-item-header .expansion-indicator { right: 1rem; } [dir=rtl] .nb-theme-default nb-accordion-item-header .expansion-indicator { left: 1rem; } .nb-theme-default nb-accordion-item { background-color: #ffffff; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default nb-accordion-item.disabled nb-accordion-item-header { color: rgba(143, 155, 179, 0.48); cursor: default; } .nb-theme-default nb-accordion-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nb-theme-default nb-accordion-item:last-child { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .nb-theme-default nb-accordion-item:last-child.collapsed nb-accordion-item-header { border-bottom: none; } .nb-theme-default nb-accordion-item:not(.collapsed) + nb-accordion-item nb-accordion-item-header { border-top-color: #edf1f7; border-top-style: solid; border-top-width: 1px; } .nb-theme-default nb-accordion-item-body .item-body { flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: 1.25rem; position: relative; } .nb-theme-default [nbButton], .nb-theme-default [nbButtonToggle] { -moz-appearance: none; appearance: none; text-align: center; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; vertical-align: middle; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-family: Open Sans, sans-serif; font-weight: 700; } .nb-theme-default [nbButton]:hover, .nb-theme-default :hover[nbButtonToggle], .nb-theme-default [nbButton]:focus, .nb-theme-default :focus[nbButtonToggle] { text-decoration: none; } .nb-theme-default [nbButton].full-width, .nb-theme-default .full-width[nbButtonToggle] { width: 100%; } .nb-theme-default [nbButton] nb-icon, .nb-theme-default [nbButtonToggle] nb-icon { vertical-align: top; } .nb-theme-default [nbButton].nb-transition, .nb-theme-default .nb-transition[nbButtonToggle] { transition-duration: 0.15s; transition-property: background-color, border-color, box-shadow, color; transition-timing-function: ease-in; } .nb-theme-default [nbButton]:focus, .nb-theme-default :focus[nbButtonToggle] { position: relative; outline: none; box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton][disabled], .nb-theme-default [disabled][nbButtonToggle] { cursor: default; } .nb-theme-default [nbButton].size-tiny, .nb-theme-default .size-tiny[nbButtonToggle] { font-size: 0.625rem; line-height: 0.75rem; } .nb-theme-default [nbButton].size-tiny nb-icon, .nb-theme-default .size-tiny[nbButtonToggle] nb-icon { font-size: 0.625rem; height: 0.75rem; width: 0.75rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-default [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-default .size-tiny.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } [dir=rtl] .nb-theme-default [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-default .size-tiny.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=ltr] .nb-theme-default [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-default .size-tiny.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=rtl] .nb-theme-default [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-default .size-tiny.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } .nb-theme-default [nbButton].size-tiny.icon-start.icon-end.appearance-filled, .nb-theme-default .size-tiny.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-default [nbButton].size-tiny.icon-start.icon-end.appearance-outline, .nb-theme-default .size-tiny.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-default [nbButton].size-tiny.icon-start.icon-end.appearance-ghost, .nb-theme-default .size-tiny.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-default [nbButton].size-tiny.icon-start.icon-end.appearance-hero, .nb-theme-default .size-tiny.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.5rem 0.375rem; } .nb-theme-default [nbButton].size-small, .nb-theme-default .size-small[nbButtonToggle] { font-size: 0.75rem; line-height: 1rem; } .nb-theme-default [nbButton].size-small nb-icon, .nb-theme-default .size-small[nbButtonToggle] nb-icon { font-size: 0.75rem; height: 1rem; width: 1rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-default [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-default .size-small.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } [dir=rtl] .nb-theme-default [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-default .size-small.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=ltr] .nb-theme-default [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-default .size-small.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=rtl] .nb-theme-default [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-default .size-small.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } .nb-theme-default [nbButton].size-small.icon-start.icon-end.appearance-filled, .nb-theme-default .size-small.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-default [nbButton].size-small.icon-start.icon-end.appearance-outline, .nb-theme-default .size-small.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-default [nbButton].size-small.icon-start.icon-end.appearance-ghost, .nb-theme-default .size-small.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-default [nbButton].size-small.icon-start.icon-end.appearance-hero, .nb-theme-default .size-small.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.5625rem 0.5rem; } .nb-theme-default [nbButton].size-medium, .nb-theme-default .size-medium[nbButtonToggle] { font-size: 0.875rem; line-height: 1rem; } .nb-theme-default [nbButton].size-medium nb-icon, .nb-theme-default .size-medium[nbButtonToggle] nb-icon { font-size: 0.875rem; height: 1.25rem; width: 1.25rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-default [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-default .size-medium.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.5rem; } [dir=rtl] .nb-theme-default [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-default .size-medium.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.5rem; } [dir=ltr] .nb-theme-default [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-default .size-medium.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.5rem; } [dir=rtl] .nb-theme-default [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-default .size-medium.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.5rem; } .nb-theme-default [nbButton].size-medium.icon-start.icon-end.appearance-filled, .nb-theme-default .size-medium.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-default [nbButton].size-medium.icon-start.icon-end.appearance-outline, .nb-theme-default .size-medium.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-default [nbButton].size-medium.icon-start.icon-end.appearance-ghost, .nb-theme-default .size-medium.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-default [nbButton].size-medium.icon-start.icon-end.appearance-hero, .nb-theme-default .size-medium.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.75rem 0.5625rem; } .nb-theme-default [nbButton].size-large, .nb-theme-default .size-large[nbButtonToggle] { font-size: 1rem; line-height: 1.25rem; } .nb-theme-default [nbButton].size-large nb-icon, .nb-theme-default .size-large[nbButtonToggle] nb-icon { font-size: 1rem; height: 1.5rem; width: 1.5rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-default [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-default .size-large.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } [dir=rtl] .nb-theme-default [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-default .size-large.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=ltr] .nb-theme-default [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-default .size-large.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=rtl] .nb-theme-default [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-default .size-large.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } .nb-theme-default [nbButton].size-large.icon-start.icon-end.appearance-filled, .nb-theme-default .size-large.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-default [nbButton].size-large.icon-start.icon-end.appearance-outline, .nb-theme-default .size-large.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-default [nbButton].size-large.icon-start.icon-end.appearance-ghost, .nb-theme-default .size-large.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-default [nbButton].size-large.icon-start.icon-end.appearance-hero, .nb-theme-default .size-large.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.875rem 0.6875rem; } .nb-theme-default [nbButton].size-giant, .nb-theme-default .size-giant[nbButtonToggle] { font-size: 1.125rem; line-height: 1.5rem; } .nb-theme-default [nbButton].size-giant nb-icon, .nb-theme-default .size-giant[nbButtonToggle] nb-icon { font-size: 1.125rem; height: 1.5rem; width: 1.5rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-default [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-default .size-giant.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } [dir=rtl] .nb-theme-default [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-default .size-giant.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=ltr] .nb-theme-default [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-default .size-giant.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=rtl] .nb-theme-default [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-default .size-giant.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } .nb-theme-default [nbButton].size-giant.icon-start.icon-end.appearance-filled, .nb-theme-default .size-giant.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-default [nbButton].size-giant.icon-start.icon-end.appearance-outline, .nb-theme-default .size-giant.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-default [nbButton].size-giant.icon-start.icon-end.appearance-ghost, .nb-theme-default .size-giant.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-default [nbButton].size-giant.icon-start.icon-end.appearance-hero, .nb-theme-default .size-giant.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 1.0625rem 1rem; } .nb-theme-default [nbButton].shape-rectangle, .nb-theme-default .shape-rectangle[nbButtonToggle] { border-radius: 0.25rem; } .nb-theme-default [nbButton].shape-semi-round, .nb-theme-default .shape-semi-round[nbButtonToggle] { border-radius: 0.75rem; } .nb-theme-default [nbButton].shape-round, .nb-theme-default .shape-round[nbButtonToggle] { border-radius: 1.5rem; } .nb-theme-default a[nbButton], .nb-theme-default a[nbButtonToggle] { text-decoration: none; } .nb-theme-default [nbButton].appearance-filled, .nb-theme-default .appearance-filled[nbButtonToggle] { border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-default [nbButton].appearance-filled.size-tiny, .nb-theme-default .appearance-filled.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-default [nbButton].appearance-filled.size-small, .nb-theme-default .appearance-filled.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-default [nbButton].appearance-filled.size-medium, .nb-theme-default .appearance-filled.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-default [nbButton].appearance-filled.size-large, .nb-theme-default .appearance-filled.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-default [nbButton].appearance-filled.size-giant, .nb-theme-default .appearance-filled.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-default [nbButton].appearance-filled.status-basic, .nb-theme-default .appearance-filled.status-basic[nbButtonToggle] { background-color: #edf1f7; border-color: #edf1f7; color: #222b45; } .nb-theme-default [nbButton].appearance-filled.status-basic:focus, .nb-theme-default .appearance-filled.status-basic:focus[nbButtonToggle] { background-color: #e4e9f2; border-color: #c5cee0; } .nb-theme-default [nbButton].appearance-filled.status-basic:hover, .nb-theme-default .appearance-filled.status-basic:hover[nbButtonToggle] { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default [nbButton].appearance-filled.status-basic:active, .nb-theme-default .appearance-filled.status-basic:active[nbButtonToggle] { background-color: #e4e9f2; border-color: #e4e9f2; } .nb-theme-default [nbButton].appearance-filled.status-basic[disabled], .nb-theme-default .appearance-filled.status-basic[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-filled.status-primary, .nb-theme-default .appearance-filled.status-primary[nbButtonToggle] { background-color: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-default [nbButton].appearance-filled.status-primary:focus, .nb-theme-default .appearance-filled.status-primary:focus[nbButtonToggle] { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-default [nbButton].appearance-filled.status-primary:hover, .nb-theme-default .appearance-filled.status-primary:hover[nbButtonToggle] { background-color: #598bff; border-color: #598bff; } .nb-theme-default [nbButton].appearance-filled.status-primary:active, .nb-theme-default .appearance-filled.status-primary:active[nbButtonToggle] { background-color: #274bdb; border-color: #274bdb; } .nb-theme-default [nbButton].appearance-filled.status-primary[disabled], .nb-theme-default .appearance-filled.status-primary[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-filled.status-success, .nb-theme-default .appearance-filled.status-success[nbButtonToggle] { background-color: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-default [nbButton].appearance-filled.status-success:focus, .nb-theme-default .appearance-filled.status-success:focus[nbButtonToggle] { background-color: #00b887; border-color: #00997a; } .nb-theme-default [nbButton].appearance-filled.status-success:hover, .nb-theme-default .appearance-filled.status-success:hover[nbButtonToggle] { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-default [nbButton].appearance-filled.status-success:active, .nb-theme-default .appearance-filled.status-success:active[nbButtonToggle] { background-color: #00b887; border-color: #00b887; } .nb-theme-default [nbButton].appearance-filled.status-success[disabled], .nb-theme-default .appearance-filled.status-success[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-filled.status-warning, .nb-theme-default .appearance-filled.status-warning[nbButtonToggle] { background-color: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-default [nbButton].appearance-filled.status-warning:focus, .nb-theme-default .appearance-filled.status-warning:focus[nbButtonToggle] { background-color: #db8b00; border-color: #b86e00; } .nb-theme-default [nbButton].appearance-filled.status-warning:hover, .nb-theme-default .appearance-filled.status-warning:hover[nbButtonToggle] { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-default [nbButton].appearance-filled.status-warning:active, .nb-theme-default .appearance-filled.status-warning:active[nbButtonToggle] { background-color: #db8b00; border-color: #db8b00; } .nb-theme-default [nbButton].appearance-filled.status-warning[disabled], .nb-theme-default .appearance-filled.status-warning[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-filled.status-danger, .nb-theme-default .appearance-filled.status-danger[nbButtonToggle] { background-color: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-default [nbButton].appearance-filled.status-danger:focus, .nb-theme-default .appearance-filled.status-danger:focus[nbButtonToggle] { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-default [nbButton].appearance-filled.status-danger:hover, .nb-theme-default .appearance-filled.status-danger:hover[nbButtonToggle] { background-color: #ff708d; border-color: #ff708d; } .nb-theme-default [nbButton].appearance-filled.status-danger:active, .nb-theme-default .appearance-filled.status-danger:active[nbButtonToggle] { background-color: #db2c66; border-color: #db2c66; } .nb-theme-default [nbButton].appearance-filled.status-danger[disabled], .nb-theme-default .appearance-filled.status-danger[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-filled.status-info, .nb-theme-default .appearance-filled.status-info[nbButtonToggle] { background-color: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-default [nbButton].appearance-filled.status-info:focus, .nb-theme-default .appearance-filled.status-info:focus[nbButtonToggle] { background-color: #006fd6; border-color: #0057c2; } .nb-theme-default [nbButton].appearance-filled.status-info:hover, .nb-theme-default .appearance-filled.status-info:hover[nbButtonToggle] { background-color: #42aaff; border-color: #42aaff; } .nb-theme-default [nbButton].appearance-filled.status-info:active, .nb-theme-default .appearance-filled.status-info:active[nbButtonToggle] { background-color: #006fd6; border-color: #006fd6; } .nb-theme-default [nbButton].appearance-filled.status-info[disabled], .nb-theme-default .appearance-filled.status-info[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-filled.status-control, .nb-theme-default .appearance-filled.status-control[nbButtonToggle] { background-color: #ffffff; border-color: #ffffff; color: #222b45; } .nb-theme-default [nbButton].appearance-filled.status-control:focus, .nb-theme-default .appearance-filled.status-control:focus[nbButtonToggle] { background-color: #edf1f7; border-color: #c5cee0; } .nb-theme-default [nbButton].appearance-filled.status-control:hover, .nb-theme-default .appearance-filled.status-control:hover[nbButtonToggle] { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default [nbButton].appearance-filled.status-control:active, .nb-theme-default .appearance-filled.status-control:active[nbButtonToggle] { background-color: #edf1f7; border-color: #edf1f7; } .nb-theme-default [nbButton].appearance-filled.status-control[disabled], .nb-theme-default .appearance-filled.status-control[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline, .nb-theme-default .appearance-outline[nbButtonToggle] { border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-default [nbButton].appearance-outline:focus, .nb-theme-default .appearance-outline:focus[nbButtonToggle] { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-outline:focus:not(:hover):not(:active), .nb-theme-default .appearance-outline:focus:not(:hover):not(:active)[nbButtonToggle] { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-outline.size-tiny, .nb-theme-default .appearance-outline.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-default [nbButton].appearance-outline.size-small, .nb-theme-default .appearance-outline.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-default [nbButton].appearance-outline.size-medium, .nb-theme-default .appearance-outline.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-default [nbButton].appearance-outline.size-large, .nb-theme-default .appearance-outline.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-default [nbButton].appearance-outline.size-giant, .nb-theme-default .appearance-outline.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-default [nbButton].appearance-outline.status-basic, .nb-theme-default .appearance-outline.status-basic[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-default [nbButton].appearance-outline.status-basic:focus, .nb-theme-default .appearance-outline.status-basic:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-default [nbButton].appearance-outline.status-basic:hover, .nb-theme-default .appearance-outline.status-basic:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-default [nbButton].appearance-outline.status-basic:active, .nb-theme-default .appearance-outline.status-basic:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-default [nbButton].appearance-outline.status-basic[disabled], .nb-theme-default .appearance-outline.status-basic[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline.status-primary, .nb-theme-default .appearance-outline.status-primary[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; color: #3366ff; } .nb-theme-default [nbButton].appearance-outline.status-primary:focus, .nb-theme-default .appearance-outline.status-primary:focus[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; color: #3366ff; } .nb-theme-default [nbButton].appearance-outline.status-primary:hover, .nb-theme-default .appearance-outline.status-primary:hover[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; color: #3366ff; } .nb-theme-default [nbButton].appearance-outline.status-primary:active, .nb-theme-default .appearance-outline.status-primary:active[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; color: #3366ff; } .nb-theme-default [nbButton].appearance-outline.status-primary[disabled], .nb-theme-default .appearance-outline.status-primary[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline.status-success, .nb-theme-default .appearance-outline.status-success[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; color: #00d68f; } .nb-theme-default [nbButton].appearance-outline.status-success:focus, .nb-theme-default .appearance-outline.status-success:focus[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-default [nbButton].appearance-outline.status-success:hover, .nb-theme-default .appearance-outline.status-success:hover[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; color: #00d68f; } .nb-theme-default [nbButton].appearance-outline.status-success:active, .nb-theme-default .appearance-outline.status-success:active[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-default [nbButton].appearance-outline.status-success[disabled], .nb-theme-default .appearance-outline.status-success[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline.status-warning, .nb-theme-default .appearance-outline.status-warning[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; color: #ffaa00; } .nb-theme-default [nbButton].appearance-outline.status-warning:focus, .nb-theme-default .appearance-outline.status-warning:focus[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-default [nbButton].appearance-outline.status-warning:hover, .nb-theme-default .appearance-outline.status-warning:hover[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; color: #ffaa00; } .nb-theme-default [nbButton].appearance-outline.status-warning:active, .nb-theme-default .appearance-outline.status-warning:active[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-default [nbButton].appearance-outline.status-warning[disabled], .nb-theme-default .appearance-outline.status-warning[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline.status-danger, .nb-theme-default .appearance-outline.status-danger[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; color: #ff3d71; } .nb-theme-default [nbButton].appearance-outline.status-danger:focus, .nb-theme-default .appearance-outline.status-danger:focus[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-default [nbButton].appearance-outline.status-danger:hover, .nb-theme-default .appearance-outline.status-danger:hover[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; color: #ff3d71; } .nb-theme-default [nbButton].appearance-outline.status-danger:active, .nb-theme-default .appearance-outline.status-danger:active[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-default [nbButton].appearance-outline.status-danger[disabled], .nb-theme-default .appearance-outline.status-danger[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline.status-info, .nb-theme-default .appearance-outline.status-info[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; color: #0095ff; } .nb-theme-default [nbButton].appearance-outline.status-info:focus, .nb-theme-default .appearance-outline.status-info:focus[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-default [nbButton].appearance-outline.status-info:hover, .nb-theme-default .appearance-outline.status-info:hover[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; color: #0095ff; } .nb-theme-default [nbButton].appearance-outline.status-info:active, .nb-theme-default .appearance-outline.status-info:active[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-default [nbButton].appearance-outline.status-info[disabled], .nb-theme-default .appearance-outline.status-info[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-outline.status-control, .nb-theme-default .appearance-outline.status-control[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; color: #ffffff; } .nb-theme-default [nbButton].appearance-outline.status-control:focus, .nb-theme-default .appearance-outline.status-control:focus[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-default [nbButton].appearance-outline.status-control:hover, .nb-theme-default .appearance-outline.status-control:hover[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; color: #ffffff; } .nb-theme-default [nbButton].appearance-outline.status-control:active, .nb-theme-default .appearance-outline.status-control:active[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-default [nbButton].appearance-outline.status-control[disabled], .nb-theme-default .appearance-outline.status-control[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost, .nb-theme-default .appearance-ghost[nbButtonToggle] { background-color: transparent; border-color: transparent; border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-default [nbButton].appearance-ghost:focus, .nb-theme-default .appearance-ghost:focus[nbButtonToggle] { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-ghost:focus:not(:hover):not(:active), .nb-theme-default .appearance-ghost:focus:not(:hover):not(:active)[nbButtonToggle] { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-ghost.size-tiny, .nb-theme-default .appearance-ghost.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-default [nbButton].appearance-ghost.size-small, .nb-theme-default .appearance-ghost.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-default [nbButton].appearance-ghost.size-medium, .nb-theme-default .appearance-ghost.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-default [nbButton].appearance-ghost.size-large, .nb-theme-default .appearance-ghost.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-default [nbButton].appearance-ghost.size-giant, .nb-theme-default .appearance-ghost.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-default [nbButton].appearance-ghost.status-basic, .nb-theme-default .appearance-ghost.status-basic[nbButtonToggle] { color: #8f9bb3; } .nb-theme-default [nbButton].appearance-ghost.status-basic:focus, .nb-theme-default .appearance-ghost.status-basic:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #8f9bb3; } .nb-theme-default [nbButton].appearance-ghost.status-basic:hover, .nb-theme-default .appearance-ghost.status-basic:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #8f9bb3; } .nb-theme-default [nbButton].appearance-ghost.status-basic:active, .nb-theme-default .appearance-ghost.status-basic:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #8f9bb3; } .nb-theme-default [nbButton].appearance-ghost.status-basic[disabled], .nb-theme-default .appearance-ghost.status-basic[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost.status-primary, .nb-theme-default .appearance-ghost.status-primary[nbButtonToggle] { color: #3366ff; } .nb-theme-default [nbButton].appearance-ghost.status-primary:focus, .nb-theme-default .appearance-ghost.status-primary:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #3366ff; } .nb-theme-default [nbButton].appearance-ghost.status-primary:hover, .nb-theme-default .appearance-ghost.status-primary:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #3366ff; } .nb-theme-default [nbButton].appearance-ghost.status-primary:active, .nb-theme-default .appearance-ghost.status-primary:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #3366ff; } .nb-theme-default [nbButton].appearance-ghost.status-primary[disabled], .nb-theme-default .appearance-ghost.status-primary[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost.status-success, .nb-theme-default .appearance-ghost.status-success[nbButtonToggle] { color: #00d68f; } .nb-theme-default [nbButton].appearance-ghost.status-success:focus, .nb-theme-default .appearance-ghost.status-success:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #00d68f; } .nb-theme-default [nbButton].appearance-ghost.status-success:hover, .nb-theme-default .appearance-ghost.status-success:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #00d68f; } .nb-theme-default [nbButton].appearance-ghost.status-success:active, .nb-theme-default .appearance-ghost.status-success:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #00d68f; } .nb-theme-default [nbButton].appearance-ghost.status-success[disabled], .nb-theme-default .appearance-ghost.status-success[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost.status-warning, .nb-theme-default .appearance-ghost.status-warning[nbButtonToggle] { color: #ffaa00; } .nb-theme-default [nbButton].appearance-ghost.status-warning:focus, .nb-theme-default .appearance-ghost.status-warning:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #ffaa00; } .nb-theme-default [nbButton].appearance-ghost.status-warning:hover, .nb-theme-default .appearance-ghost.status-warning:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #ffaa00; } .nb-theme-default [nbButton].appearance-ghost.status-warning:active, .nb-theme-default .appearance-ghost.status-warning:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #ffaa00; } .nb-theme-default [nbButton].appearance-ghost.status-warning[disabled], .nb-theme-default .appearance-ghost.status-warning[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost.status-danger, .nb-theme-default .appearance-ghost.status-danger[nbButtonToggle] { color: #ff3d71; } .nb-theme-default [nbButton].appearance-ghost.status-danger:focus, .nb-theme-default .appearance-ghost.status-danger:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #ff3d71; } .nb-theme-default [nbButton].appearance-ghost.status-danger:hover, .nb-theme-default .appearance-ghost.status-danger:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #ff3d71; } .nb-theme-default [nbButton].appearance-ghost.status-danger:active, .nb-theme-default .appearance-ghost.status-danger:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #ff3d71; } .nb-theme-default [nbButton].appearance-ghost.status-danger[disabled], .nb-theme-default .appearance-ghost.status-danger[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost.status-info, .nb-theme-default .appearance-ghost.status-info[nbButtonToggle] { color: #0095ff; } .nb-theme-default [nbButton].appearance-ghost.status-info:focus, .nb-theme-default .appearance-ghost.status-info:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #0095ff; } .nb-theme-default [nbButton].appearance-ghost.status-info:hover, .nb-theme-default .appearance-ghost.status-info:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #0095ff; } .nb-theme-default [nbButton].appearance-ghost.status-info:active, .nb-theme-default .appearance-ghost.status-info:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #0095ff; } .nb-theme-default [nbButton].appearance-ghost.status-info[disabled], .nb-theme-default .appearance-ghost.status-info[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-ghost.status-control, .nb-theme-default .appearance-ghost.status-control[nbButtonToggle] { color: #ffffff; } .nb-theme-default [nbButton].appearance-ghost.status-control:focus, .nb-theme-default .appearance-ghost.status-control:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #ffffff; } .nb-theme-default [nbButton].appearance-ghost.status-control:hover, .nb-theme-default .appearance-ghost.status-control:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #ffffff; } .nb-theme-default [nbButton].appearance-ghost.status-control:active, .nb-theme-default .appearance-ghost.status-control:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #ffffff; } .nb-theme-default [nbButton].appearance-ghost.status-control[disabled], .nb-theme-default .appearance-ghost.status-control[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero, .nb-theme-default .appearance-hero[nbButtonToggle] { text-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); text-transform: uppercase; } .nb-theme-default [nbButton].appearance-hero.size-tiny, .nb-theme-default .appearance-hero.size-tiny[nbButtonToggle] { padding: 0.375rem 0.6875rem; } .nb-theme-default [nbButton].appearance-hero.size-small, .nb-theme-default .appearance-hero.size-small[nbButtonToggle] { padding: 0.5rem 0.9375rem; } .nb-theme-default [nbButton].appearance-hero.size-medium, .nb-theme-default .appearance-hero.size-medium[nbButtonToggle] { padding: 0.75rem 1.1875rem; } .nb-theme-default [nbButton].appearance-hero.size-large, .nb-theme-default .appearance-hero.size-large[nbButtonToggle] { padding: 0.875rem 1.1875rem; } .nb-theme-default [nbButton].appearance-hero.size-giant, .nb-theme-default .appearance-hero.size-giant[nbButtonToggle] { padding: 1rem 1.4375rem; } .nb-theme-default [nbButton].appearance-hero.status-basic, .nb-theme-default .appearance-hero.status-basic[nbButtonToggle] { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); border: none; box-shadow: 0 0 0 0 #8f9bb3, 0 0 0 0 #2e3a59, 0 0 transparent; color: #8f9bb3; } .nb-theme-default [nbButton].appearance-hero.status-basic:focus, .nb-theme-default .appearance-hero.status-basic:focus[nbButtonToggle] { background-image: linear-gradient(to right, #edf1f7, #e4e9f2); box-shadow: 0 0 0 0 #8f9bb3, 0 0 0 0 #2e3a59, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-basic:hover, .nb-theme-default .appearance-hero.status-basic:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffffff, #f7f9fc); } .nb-theme-default [nbButton].appearance-hero.status-basic:active, .nb-theme-default .appearance-hero.status-basic:active[nbButtonToggle] { background-image: linear-gradient(to right, #edf1f7, #e4e9f2); } .nb-theme-default [nbButton].appearance-hero.status-basic[disabled], .nb-theme-default .appearance-hero.status-basic[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-basic.button-pulse, .nb-theme-default .appearance-hero.status-basic.button-pulse[nbButtonToggle] { animation: button-hero-basic-pulse 0.75s infinite alternate; } @keyframes button-hero-basic-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #f7f9fc; opacity: 0.8; } } .nb-theme-default [nbButton].appearance-hero.status-primary, .nb-theme-default .appearance-hero.status-primary[nbButtonToggle] { background-image: linear-gradient(to right, #598bff, #3366ff); border: none; box-shadow: 0 0 0 0 #274bdb, 0 0 0 0 #1a34b8, 0 0 transparent; color: #ffffff; } .nb-theme-default [nbButton].appearance-hero.status-primary:focus, .nb-theme-default .appearance-hero.status-primary:focus[nbButtonToggle] { background-image: linear-gradient(to right, #3366ff, #274bdb); box-shadow: 0 0 0 0 #274bdb, 0 0 0 0 #1a34b8, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-primary:hover, .nb-theme-default .appearance-hero.status-primary:hover[nbButtonToggle] { background-image: linear-gradient(to right, #a6c1ff, #598bff); } .nb-theme-default [nbButton].appearance-hero.status-primary:active, .nb-theme-default .appearance-hero.status-primary:active[nbButtonToggle] { background-image: linear-gradient(to right, #3366ff, #274bdb); } .nb-theme-default [nbButton].appearance-hero.status-primary[disabled], .nb-theme-default .appearance-hero.status-primary[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-primary.button-pulse, .nb-theme-default .appearance-hero.status-primary.button-pulse[nbButtonToggle] { animation: button-hero-primary-pulse 0.75s infinite alternate; } @keyframes button-hero-primary-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #598bff; opacity: 0.8; } } .nb-theme-default [nbButton].appearance-hero.status-success, .nb-theme-default .appearance-hero.status-success[nbButtonToggle] { background-image: linear-gradient(to right, #2ce69b, #00d68f); border: none; box-shadow: 0 0 0 0 #00b887, 0 0 0 0 #00997a, 0 0 transparent; color: #ffffff; } .nb-theme-default [nbButton].appearance-hero.status-success:focus, .nb-theme-default .appearance-hero.status-success:focus[nbButtonToggle] { background-image: linear-gradient(to right, #00d68f, #00b887); box-shadow: 0 0 0 0 #00b887, 0 0 0 0 #00997a, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-success:hover, .nb-theme-default .appearance-hero.status-success:hover[nbButtonToggle] { background-image: linear-gradient(to right, #8cfac7, #2ce69b); } .nb-theme-default [nbButton].appearance-hero.status-success:active, .nb-theme-default .appearance-hero.status-success:active[nbButtonToggle] { background-image: linear-gradient(to right, #00d68f, #00b887); } .nb-theme-default [nbButton].appearance-hero.status-success[disabled], .nb-theme-default .appearance-hero.status-success[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-success.button-pulse, .nb-theme-default .appearance-hero.status-success.button-pulse[nbButtonToggle] { animation: button-hero-success-pulse 0.75s infinite alternate; } @keyframes button-hero-success-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #2ce69b; opacity: 0.8; } } .nb-theme-default [nbButton].appearance-hero.status-warning, .nb-theme-default .appearance-hero.status-warning[nbButtonToggle] { background-image: linear-gradient(to right, #ffc94d, #ffaa00); border: none; box-shadow: 0 0 0 0 #db8b00, 0 0 0 0 #b86e00, 0 0 transparent; color: #ffffff; } .nb-theme-default [nbButton].appearance-hero.status-warning:focus, .nb-theme-default .appearance-hero.status-warning:focus[nbButtonToggle] { background-image: linear-gradient(to right, #ffaa00, #db8b00); box-shadow: 0 0 0 0 #db8b00, 0 0 0 0 #b86e00, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-warning:hover, .nb-theme-default .appearance-hero.status-warning:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffe59e, #ffc94d); } .nb-theme-default [nbButton].appearance-hero.status-warning:active, .nb-theme-default .appearance-hero.status-warning:active[nbButtonToggle] { background-image: linear-gradient(to right, #ffaa00, #db8b00); } .nb-theme-default [nbButton].appearance-hero.status-warning[disabled], .nb-theme-default .appearance-hero.status-warning[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-warning.button-pulse, .nb-theme-default .appearance-hero.status-warning.button-pulse[nbButtonToggle] { animation: button-hero-warning-pulse 0.75s infinite alternate; } @keyframes button-hero-warning-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #ffc94d; opacity: 0.8; } } .nb-theme-default [nbButton].appearance-hero.status-danger, .nb-theme-default .appearance-hero.status-danger[nbButtonToggle] { background-image: linear-gradient(to right, #ff708d, #ff3d71); border: none; box-shadow: 0 0 0 0 #db2c66, 0 0 0 0 #b81d5b, 0 0 transparent; color: #ffffff; } .nb-theme-default [nbButton].appearance-hero.status-danger:focus, .nb-theme-default .appearance-hero.status-danger:focus[nbButtonToggle] { background-image: linear-gradient(to right, #ff3d71, #db2c66); box-shadow: 0 0 0 0 #db2c66, 0 0 0 0 #b81d5b, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-danger:hover, .nb-theme-default .appearance-hero.status-danger:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffa8b4, #ff708d); } .nb-theme-default [nbButton].appearance-hero.status-danger:active, .nb-theme-default .appearance-hero.status-danger:active[nbButtonToggle] { background-image: linear-gradient(to right, #ff3d71, #db2c66); } .nb-theme-default [nbButton].appearance-hero.status-danger[disabled], .nb-theme-default .appearance-hero.status-danger[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-danger.button-pulse, .nb-theme-default .appearance-hero.status-danger.button-pulse[nbButtonToggle] { animation: button-hero-danger-pulse 0.75s infinite alternate; } @keyframes button-hero-danger-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #ff708d; opacity: 0.8; } } .nb-theme-default [nbButton].appearance-hero.status-info, .nb-theme-default .appearance-hero.status-info[nbButtonToggle] { background-image: linear-gradient(to right, #42aaff, #0095ff); border: none; box-shadow: 0 0 0 0 #006fd6, 0 0 0 0 #0057c2, 0 0 transparent; color: #ffffff; } .nb-theme-default [nbButton].appearance-hero.status-info:focus, .nb-theme-default .appearance-hero.status-info:focus[nbButtonToggle] { background-image: linear-gradient(to right, #0095ff, #006fd6); box-shadow: 0 0 0 0 #006fd6, 0 0 0 0 #0057c2, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-info:hover, .nb-theme-default .appearance-hero.status-info:hover[nbButtonToggle] { background-image: linear-gradient(to right, #94cbff, #42aaff); } .nb-theme-default [nbButton].appearance-hero.status-info:active, .nb-theme-default .appearance-hero.status-info:active[nbButtonToggle] { background-image: linear-gradient(to right, #0095ff, #006fd6); } .nb-theme-default [nbButton].appearance-hero.status-info[disabled], .nb-theme-default .appearance-hero.status-info[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-info.button-pulse, .nb-theme-default .appearance-hero.status-info.button-pulse[nbButtonToggle] { animation: button-hero-info-pulse 0.75s infinite alternate; } @keyframes button-hero-info-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #42aaff; opacity: 0.8; } } .nb-theme-default [nbButton].appearance-hero.status-control, .nb-theme-default .appearance-hero.status-control[nbButtonToggle] { background-image: linear-gradient(to right, #ffffff, #ffffff); border: none; box-shadow: 0 0 0 0 #8f9bb3, 0 0 0 0 #2e3a59, 0 0 transparent; color: #222b45; } .nb-theme-default [nbButton].appearance-hero.status-control:focus, .nb-theme-default .appearance-hero.status-control:focus[nbButtonToggle] { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); box-shadow: 0 0 0 0 #8f9bb3, 0 0 0 0 #2e3a59, 0 0 transparent, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default [nbButton].appearance-hero.status-control:hover, .nb-theme-default .appearance-hero.status-control:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffffff, #f7f9fc); } .nb-theme-default [nbButton].appearance-hero.status-control:active, .nb-theme-default .appearance-hero.status-control:active[nbButtonToggle] { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); } .nb-theme-default [nbButton].appearance-hero.status-control[disabled], .nb-theme-default .appearance-hero.status-control[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbButton].appearance-hero.status-control.button-pulse, .nb-theme-default .appearance-hero.status-control.button-pulse[nbButtonToggle] { animation: button-hero-control-pulse 0.75s infinite alternate; } @keyframes button-hero-control-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #ffffff; opacity: 0.8; } } .nb-theme-default nb-button-group { display: inline-flex; } [dir=ltr] .nb-theme-default nb-button-group [nbButton]:first-child:not(:last-child), [dir=ltr] .nb-theme-default nb-button-group :first-child:not(:last-child)[nbButtonToggle], [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=ltr] .nb-theme-default nb-button-group [nbButton]:last-child:not(:first-child), [dir=ltr] .nb-theme-default nb-button-group :last-child:not(:first-child)[nbButtonToggle], [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-default nb-button-group [nbButton]:first-child:not(:last-child), [dir=rtl] .nb-theme-default nb-button-group :first-child:not(:last-child)[nbButtonToggle], [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-default nb-button-group [nbButton]:last-child:not(:first-child), [dir=rtl] .nb-theme-default nb-button-group :last-child:not(:first-child)[nbButtonToggle], [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nb-theme-default nb-button-group [nbButton]:not(:first-child):not(:last-child), .nb-theme-default nb-button-group :not(:first-child):not(:last-child)[nbButtonToggle], .nb-theme-default nb-button-group [nbButtonToggle]:not(:first-child):not(:last-child) { border-radius: 0; } .nb-theme-default nb-button-group [nbButton].appearance-filled, .nb-theme-default nb-button-group .appearance-filled[nbButtonToggle], .nb-theme-default nb-button-group [nbButton].appearance-ghost, .nb-theme-default nb-button-group .appearance-ghost[nbButtonToggle], .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled, .nb-theme-default nb-button-group [nbButtonToggle].appearance-ghost { border-color: transparent; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group .appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #c5cee0; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group .appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #c5cee0; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-basic, .nb-theme-default nb-button-group .appearance-filled.status-basic[nbButtonToggle], .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-basic { color: #8f9bb3; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group .appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #274bdb; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group .appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #274bdb; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-primary, .nb-theme-default nb-button-group .appearance-filled.status-primary[nbButtonToggle], .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-primary { color: #ffffff; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group .appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #00b887; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group .appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #00b887; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-success, .nb-theme-default nb-button-group .appearance-filled.status-success[nbButtonToggle], .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-success { color: #ffffff; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group .appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #db8b00; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group .appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #db8b00; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-warning, .nb-theme-default nb-button-group .appearance-filled.status-warning[nbButtonToggle], .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-warning { color: #ffffff; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group .appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #db2c66; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group .appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #db2c66; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-danger, .nb-theme-default nb-button-group .appearance-filled.status-danger[nbButtonToggle], .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-danger { color: #ffffff; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group .appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #006fd6; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group .appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #006fd6; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-info, .nb-theme-default nb-button-group .appearance-filled.status-info[nbButtonToggle], .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-info { color: #ffffff; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group .appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #edf1f7; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group .appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #edf1f7; } .nb-theme-default nb-button-group [nbButton].appearance-filled.status-control, .nb-theme-default nb-button-group .appearance-filled.status-control[nbButtonToggle], .nb-theme-default nb-button-group [nbButtonToggle].appearance-filled.status-control { color: #222b45; } [dir=ltr] .nb-theme-default nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-default nb-button-group .appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-default nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #c5cee0; } [dir=rtl] .nb-theme-default nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-default nb-button-group .appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-default nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #c5cee0; } .nb-theme-default nb-list-item { border-bottom: 1px solid #edf1f7; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1rem; } .nb-theme-default nb-list-item:first-child { border-top: 1px solid #edf1f7; } .nb-theme-default [nbInput] { border-style: solid; border-width: 1px; font-family: Open Sans, sans-serif; -moz-appearance: none; appearance: none; } .nb-theme-default [nbInput].nb-transition { transition-duration: 0.15s; transition-property: border, background-color, color, box-shadow; transition-timing-function: ease-in; } .nb-theme-default [nbInput]::-moz-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default [nbInput]:-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default [nbInput]::placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default [nbInput]:focus { outline: none; } .nb-theme-default [nbInput].input-full-width { width: 100%; } .nb-theme-default [nbInput].status-basic { background-color: #f7f9fc; border-color: #e4e9f2; color: #222b45; } .nb-theme-default [nbInput].status-basic::-moz-placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-basic:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-basic::placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-basic:focus { background-color: #ffffff; border-color: #3366ff; } .nb-theme-default [nbInput].status-basic:hover { background-color: #edf1f7; border-color: #e4e9f2; } .nb-theme-default [nbInput].status-basic:disabled { background-color: #f7f9fc; border-color: #e4e9f2; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-basic:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-basic:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-basic:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-primary { background-color: #f7f9fc; border-color: #3366ff; color: #222b45; } .nb-theme-default [nbInput].status-primary::-moz-placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-primary:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-primary::placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-primary:focus { background-color: #ffffff; border-color: #1a34b8; } .nb-theme-default [nbInput].status-primary:hover { background-color: #edf1f7; border-color: #598bff; } .nb-theme-default [nbInput].status-primary:disabled { background-color: #f7f9fc; border-color: #e4e9f2; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-primary:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-primary:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-primary:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-success { background-color: #f7f9fc; border-color: #00d68f; color: #222b45; } .nb-theme-default [nbInput].status-success::-moz-placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-success:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-success::placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-success:focus { background-color: #ffffff; border-color: #00997a; } .nb-theme-default [nbInput].status-success:hover { background-color: #edf1f7; border-color: #2ce69b; } .nb-theme-default [nbInput].status-success:disabled { background-color: #f7f9fc; border-color: #e4e9f2; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-success:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-success:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-success:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-warning { background-color: #f7f9fc; border-color: #ffaa00; color: #222b45; } .nb-theme-default [nbInput].status-warning::-moz-placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-warning:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-warning::placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-warning:focus { background-color: #ffffff; border-color: #b86e00; } .nb-theme-default [nbInput].status-warning:hover { background-color: #edf1f7; border-color: #ffc94d; } .nb-theme-default [nbInput].status-warning:disabled { background-color: #f7f9fc; border-color: #e4e9f2; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-warning:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-warning:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-warning:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-danger { background-color: #f7f9fc; border-color: #ff3d71; color: #222b45; } .nb-theme-default [nbInput].status-danger::-moz-placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-danger:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-danger::placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-danger:focus { background-color: #ffffff; border-color: #b81d5b; } .nb-theme-default [nbInput].status-danger:hover { background-color: #edf1f7; border-color: #ff708d; } .nb-theme-default [nbInput].status-danger:disabled { background-color: #f7f9fc; border-color: #e4e9f2; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-danger:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-danger:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-danger:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-info { background-color: #f7f9fc; border-color: #0095ff; color: #222b45; } .nb-theme-default [nbInput].status-info::-moz-placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-info:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-info::placeholder { color: #8f9bb3; } .nb-theme-default [nbInput].status-info:focus { background-color: #ffffff; border-color: #0057c2; } .nb-theme-default [nbInput].status-info:hover { background-color: #edf1f7; border-color: #42aaff; } .nb-theme-default [nbInput].status-info:disabled { background-color: #f7f9fc; border-color: #e4e9f2; color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-info:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-info:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-info:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default [nbInput].status-control { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); color: #ffffff; } .nb-theme-default [nbInput].status-control::-moz-placeholder { color: #ffffff; } .nb-theme-default [nbInput].status-control:-ms-input-placeholder { color: #ffffff; } .nb-theme-default [nbInput].status-control::placeholder { color: #ffffff; } .nb-theme-default [nbInput].status-control:focus { background-color: rgba(255, 255, 255, 0.4); border-color: #ffffff; } .nb-theme-default [nbInput].status-control:hover { background-color: rgba(255, 255, 255, 0.32); border-color: #ffffff; } .nb-theme-default [nbInput].status-control:disabled { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: #ffffff; } .nb-theme-default [nbInput].status-control:disabled::-moz-placeholder { color: #ffffff; } .nb-theme-default [nbInput].status-control:disabled:-ms-input-placeholder { color: #ffffff; } .nb-theme-default [nbInput].status-control:disabled::placeholder { color: #ffffff; } .nb-theme-default [nbInput].size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.1875rem 1rem; } .nb-theme-default [nbInput].size-tiny:not(.input-full-width) { max-width: 20rem; } .nb-theme-default [nbInput].size-tiny::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-tiny:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-tiny::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 1rem; } .nb-theme-default [nbInput].size-small:not(.input-full-width) { max-width: 20rem; } .nb-theme-default [nbInput].size-small::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-small:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-small::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.4375rem 1rem; } .nb-theme-default [nbInput].size-medium:not(.input-full-width) { max-width: 20rem; } .nb-theme-default [nbInput].size-medium::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-medium:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-medium::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.6875rem 1rem; } .nb-theme-default [nbInput].size-large:not(.input-full-width) { max-width: 30rem; } .nb-theme-default [nbInput].size-large::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-large:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-large::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.9375rem 1rem; } .nb-theme-default [nbInput].size-giant:not(.input-full-width) { max-width: 30rem; } .nb-theme-default [nbInput].size-giant::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-giant:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].size-giant::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default [nbInput].shape-rectangle { border-radius: 0.25rem; } .nb-theme-default [nbInput].shape-semi-round { border-radius: 0.75rem; } .nb-theme-default [nbInput].shape-round { border-radius: 1.5rem; } .nb-theme-default nb-form-field [nbInput] { width: 100%; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-left: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-right: 1.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-right: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-left: 1.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-small { padding-left: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-small { padding-right: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-small { padding-right: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-small { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-medium { padding-left: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-medium { padding-right: 2.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-medium { padding-right: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-medium { padding-left: 2.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-large { padding-left: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-large { padding-right: 3rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-large { padding-right: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-large { padding-left: 3rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-giant { padding-left: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix [nbInput].size-giant { padding-right: 3.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-giant { padding-right: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix [nbInput].size-giant { padding-left: 3.5rem; } .nb-theme-default .overlay-backdrop { background: rgba(0, 0, 0, 0.35); } .nb-theme-default .cdk-overlay-container { z-index: 1040; } .nb-theme-default nb-popover { border: 1px solid transparent; border-radius: 0.25rem; background: #ffffff; box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); color: #222b45; } .nb-theme-default nb-popover .primitive-overlay { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 0.75rem 1rem; } .nb-theme-default nb-popover .arrow { border-left: 0.6875rem solid transparent; border-right: 0.6875rem solid transparent; border-bottom: 0.6875rem solid transparent; } .nb-theme-default nb-popover .arrow::after { position: absolute; content: ' '; width: 0; height: 0; top: 3px; left: calc(50% - 0.6875rem); border-left: 0.6875rem solid transparent; border-right: 0.6875rem solid transparent; border-bottom: 0.6875rem solid #ffffff; clip-path: inset(0 0 2px); } .nb-theme-default nb-popover.nb-overlay-bottom .arrow { top: calc(-1 * 0.6875rem + 1px); left: calc(50% - 0.6875rem); } .nb-theme-default nb-popover.nb-overlay-bottom-start .arrow { top: calc(-1 * 0.6875rem + 1px); } [dir=ltr] .nb-theme-default nb-popover.nb-overlay-bottom-start .arrow { right: 0.6875rem; } [dir=rtl] .nb-theme-default nb-popover.nb-overlay-bottom-start .arrow { left: 0.6875rem; } .nb-theme-default nb-popover.nb-overlay-bottom-end .arrow { top: calc(-1 * 0.6875rem + 1px); } [dir=ltr] .nb-theme-default nb-popover.nb-overlay-bottom-end .arrow { left: 0.6875rem; } [dir=rtl] .nb-theme-default nb-popover.nb-overlay-bottom-end .arrow { right: 0.6875rem; } .nb-theme-default nb-popover.nb-overlay-left .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: calc(50% - 0.34375rem); transform: rotate(90deg); } .nb-theme-default nb-popover.nb-overlay-start-top .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); bottom: 0.6875rem; transform: rotate(90deg); } .nb-theme-default nb-popover.nb-overlay-start-bottom .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: 0.6875rem; transform: rotate(90deg); } .nb-theme-default nb-popover.nb-overlay-top .arrow { bottom: calc(-1 * 0.6875rem + 1px); left: calc(50% - 0.6875rem); transform: rotate(180deg); } .nb-theme-default nb-popover.nb-overlay-top-start .arrow { bottom: calc(-1 * 0.6875rem + 1px); transform: rotate(180deg); } [dir=ltr] .nb-theme-default nb-popover.nb-overlay-top-start .arrow { right: 0.6875rem; } [dir=rtl] .nb-theme-default nb-popover.nb-overlay-top-start .arrow { left: 0.6875rem; } .nb-theme-default nb-popover.nb-overlay-top-end .arrow { bottom: calc(-1 * 0.6875rem + 1px); transform: rotate(180deg); } [dir=ltr] .nb-theme-default nb-popover.nb-overlay-top-end .arrow { left: 0.6875rem; } [dir=rtl] .nb-theme-default nb-popover.nb-overlay-top-end .arrow { right: 0.6875rem; } .nb-theme-default nb-popover.nb-overlay-right .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: calc(50% - 0.34375rem); transform: rotate(270deg); } .nb-theme-default nb-popover.nb-overlay-end-top .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); bottom: 0.6875rem; transform: rotate(270deg); } .nb-theme-default nb-popover.nb-overlay-end-bottom .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: 0.6875rem; transform: rotate(270deg); } .nb-theme-default .context-menu-host { /* Fixes click not being bubbled to the body in Safari. https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html */ cursor: pointer; } .nb-theme-default nb-context-menu { background-color: #ffffff; border-color: transparent; border-style: solid; border-width: 0; border-radius: 0.25rem; box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); min-width: 10rem; max-width: 15rem; } .nb-theme-default nb-context-menu nb-menu { border-radius: 0.25rem; overflow: hidden; text-align: center; } .nb-theme-default nb-select .select-button { min-width: 13rem; cursor: pointer; font-family: Open Sans, sans-serif; } .nb-theme-default nb-select .select-button.placeholder { font-family: Open Sans, sans-serif; } .nb-theme-default nb-select .select-button:focus { outline: none; } .nb-theme-default nb-select .select-button[disabled] { cursor: default; } .nb-theme-default nb-select.size-tiny .select-button { font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-default nb-select.size-tiny .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-default nb-select.size-tiny .select-button.empty::before { content: ' '; display: block; height: 1rem; } .nb-theme-default nb-select.size-tiny:not(.full-width) { max-width: 20rem; } .nb-theme-default nb-select.size-small .select-button { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-select.size-small .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-default nb-select.size-small .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-default nb-select.size-small:not(.full-width) { max-width: 20rem; } .nb-theme-default nb-select.size-medium .select-button { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-select.size-medium .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-default nb-select.size-medium .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-default nb-select.size-medium:not(.full-width) { max-width: 20rem; } .nb-theme-default nb-select.size-large .select-button { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-select.size-large .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-default nb-select.size-large .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-default nb-select.size-large:not(.full-width) { max-width: 30rem; } .nb-theme-default nb-select.size-giant .select-button { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .nb-theme-default nb-select.size-giant .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-default nb-select.size-giant .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-default nb-select.size-giant:not(.full-width) { max-width: 30rem; } .nb-theme-default nb-select.shape-rectangle .select-button { border-radius: 0.25rem; } .nb-theme-default nb-select.shape-semi-round .select-button { border-radius: 0.75rem; } .nb-theme-default nb-select.shape-round .select-button { border-radius: 1.5rem; } .nb-theme-default nb-select.appearance-outline .select-button { border-style: solid; border-width: 1px; } .nb-theme-default nb-select.appearance-outline .select-button.top { border-top-style: solid; border-top-width: 1px; } .nb-theme-default nb-select.appearance-outline .select-button.bottom { border-bottom-style: solid; border-bottom-width: 1px; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button { background-color: #f7f9fc; border-color: #e4e9f2; color: #222b45; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button.placeholder { color: #8f9bb3; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button nb-icon { color: #8f9bb3; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button:focus { background-color: #ffffff; border-color: #3366ff; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button:hover { background-color: #edf1f7; border-color: #e4e9f2; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-outline.status-basic .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-basic .select-button.top { border-color: #e4e9f2; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button.top { border-top-color: #e4e9f2; } .nb-theme-default nb-select.appearance-outline.status-basic .select-button.bottom { border-bottom-color: #e4e9f2; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button { background-color: #f7f9fc; border-color: #3366ff; color: #222b45; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button.placeholder { color: #8f9bb3; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button nb-icon { color: #8f9bb3; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button:focus { background-color: #ffffff; border-color: #274bdb; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button:hover { background-color: #edf1f7; border-color: #598bff; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-outline.status-primary .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-primary .select-button.top { border-color: #3366ff; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button.top { border-top-color: #3366ff; } .nb-theme-default nb-select.appearance-outline.status-primary .select-button.bottom { border-bottom-color: #3366ff; } .nb-theme-default nb-select.appearance-outline.status-success .select-button { background-color: #f7f9fc; border-color: #00d68f; color: #222b45; } .nb-theme-default nb-select.appearance-outline.status-success .select-button.placeholder { color: #8f9bb3; } .nb-theme-default nb-select.appearance-outline.status-success .select-button nb-icon { color: #8f9bb3; } .nb-theme-default nb-select.appearance-outline.status-success .select-button:focus { background-color: #ffffff; border-color: #00b887; } .nb-theme-default nb-select.appearance-outline.status-success .select-button:hover { background-color: #edf1f7; border-color: #2ce69b; } .nb-theme-default nb-select.appearance-outline.status-success .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-default nb-select.appearance-outline.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-outline.status-success .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-success .select-button.top { border-color: #00d68f; } .nb-theme-default nb-select.appearance-outline.status-success .select-button.top { border-top-color: #00d68f; } .nb-theme-default nb-select.appearance-outline.status-success .select-button.bottom { border-bottom-color: #00d68f; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button { background-color: #f7f9fc; border-color: #ffaa00; color: #222b45; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button.placeholder { color: #8f9bb3; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button nb-icon { color: #8f9bb3; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button:focus { background-color: #ffffff; border-color: #db8b00; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button:hover { background-color: #edf1f7; border-color: #ffc94d; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-outline.status-warning .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-warning .select-button.top { border-color: #ffaa00; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button.top { border-top-color: #ffaa00; } .nb-theme-default nb-select.appearance-outline.status-warning .select-button.bottom { border-bottom-color: #ffaa00; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button { background-color: #f7f9fc; border-color: #ff3d71; color: #222b45; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button.placeholder { color: #8f9bb3; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button nb-icon { color: #8f9bb3; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button:focus { background-color: #ffffff; border-color: #db2c66; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button:hover { background-color: #edf1f7; border-color: #ff708d; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-outline.status-danger .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-danger .select-button.top { border-color: #ff3d71; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button.top { border-top-color: #ff3d71; } .nb-theme-default nb-select.appearance-outline.status-danger .select-button.bottom { border-bottom-color: #ff3d71; } .nb-theme-default nb-select.appearance-outline.status-info .select-button { background-color: #f7f9fc; border-color: #0095ff; color: #222b45; } .nb-theme-default nb-select.appearance-outline.status-info .select-button.placeholder { color: #8f9bb3; } .nb-theme-default nb-select.appearance-outline.status-info .select-button nb-icon { color: #8f9bb3; } .nb-theme-default nb-select.appearance-outline.status-info .select-button:focus { background-color: #ffffff; border-color: #006fd6; } .nb-theme-default nb-select.appearance-outline.status-info .select-button:hover { background-color: #edf1f7; border-color: #42aaff; } .nb-theme-default nb-select.appearance-outline.status-info .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-default nb-select.appearance-outline.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-outline.status-info .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-info .select-button.top { border-color: #0095ff; } .nb-theme-default nb-select.appearance-outline.status-info .select-button.top { border-top-color: #0095ff; } .nb-theme-default nb-select.appearance-outline.status-info .select-button.bottom { border-bottom-color: #0095ff; } .nb-theme-default nb-select.appearance-outline.status-control .select-button { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); color: #ffffff; } .nb-theme-default nb-select.appearance-outline.status-control .select-button.placeholder { color: #ffffff; } .nb-theme-default nb-select.appearance-outline.status-control .select-button nb-icon { color: #ffffff; } .nb-theme-default nb-select.appearance-outline.status-control .select-button:focus { background-color: rgba(255, 255, 255, 0.4); border-color: #ffffff; } .nb-theme-default nb-select.appearance-outline.status-control .select-button:hover { background-color: rgba(255, 255, 255, 0.32); border-color: #ffffff; } .nb-theme-default nb-select.appearance-outline.status-control .select-button[disabled] { color: #ffffff; background-color: rgba(143, 155, 179, 0.16); border-color: rgba(255, 255, 255, 0.4); } .nb-theme-default nb-select.appearance-outline.status-control .select-button[disabled] nb-icon { color: #ffffff; } .nb-theme-default nb-select.appearance-outline.status-control .select-button.bottom, .nb-theme-default nb-select.appearance-outline.status-control .select-button.top { border-color: rgba(255, 255, 255, 0.4); } .nb-theme-default nb-select.appearance-outline.status-control .select-button.top { border-top-color: rgba(255, 255, 255, 0.4); } .nb-theme-default nb-select.appearance-outline.status-control .select-button.bottom { border-bottom-color: rgba(255, 255, 255, 0.4); } .nb-theme-default nb-select.appearance-outline.size-tiny .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-outline.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-outline.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-default nb-select.appearance-outline.size-small .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-outline.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-outline.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-right: 2rem; } .nb-theme-default nb-select.appearance-outline.size-medium .select-button { padding: 0.4375rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-outline.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-outline.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-default nb-select.appearance-outline.size-large .select-button { padding: 0.6875rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-outline.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-outline.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-right: 3rem; } .nb-theme-default nb-select.appearance-outline.size-giant .select-button { padding: 0.9375rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-outline.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-outline.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-default nb-select.appearance-filled .select-button { border-style: solid; border-width: 1px; } .nb-theme-default nb-select.appearance-filled.size-tiny .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-filled.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-filled.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-default nb-select.appearance-filled.size-small .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-filled.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-filled.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-right: 2rem; } .nb-theme-default nb-select.appearance-filled.size-medium .select-button { padding: 0.4375rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-filled.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-filled.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-default nb-select.appearance-filled.size-large .select-button { padding: 0.6875rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-filled.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-filled.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-right: 3rem; } .nb-theme-default nb-select.appearance-filled.size-giant .select-button { padding: 0.9375rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-filled.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-filled.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-default nb-select.appearance-filled.status-basic .select-button { background-color: #edf1f7; border-color: #edf1f7; color: #222b45; } .nb-theme-default nb-select.appearance-filled.status-basic .select-button.placeholder { color: #8f9bb3; } .nb-theme-default nb-select.appearance-filled.status-basic .select-button:focus { background-color: #e4e9f2; border-color: #c5cee0; } .nb-theme-default nb-select.appearance-filled.status-basic .select-button:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default nb-select.appearance-filled.status-basic .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-basic .select-button nb-icon { color: #222b45; } .nb-theme-default nb-select.appearance-filled.status-primary .select-button { background-color: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-primary .select-button.placeholder { color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-primary .select-button:focus { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-default nb-select.appearance-filled.status-primary .select-button:hover { background-color: #598bff; border-color: #598bff; } .nb-theme-default nb-select.appearance-filled.status-primary .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-primary .select-button nb-icon { color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-success .select-button { background-color: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-success .select-button.placeholder { color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-success .select-button:focus { background-color: #00b887; border-color: #00997a; } .nb-theme-default nb-select.appearance-filled.status-success .select-button:hover { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-default nb-select.appearance-filled.status-success .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-success .select-button nb-icon { color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-warning .select-button { background-color: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-warning .select-button.placeholder { color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-warning .select-button:focus { background-color: #db8b00; border-color: #b86e00; } .nb-theme-default nb-select.appearance-filled.status-warning .select-button:hover { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-default nb-select.appearance-filled.status-warning .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-warning .select-button nb-icon { color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-danger .select-button { background-color: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-danger .select-button.placeholder { color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-danger .select-button:focus { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-default nb-select.appearance-filled.status-danger .select-button:hover { background-color: #ff708d; border-color: #ff708d; } .nb-theme-default nb-select.appearance-filled.status-danger .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-danger .select-button nb-icon { color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-info .select-button { background-color: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-info .select-button.placeholder { color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-info .select-button:focus { background-color: #006fd6; border-color: #0057c2; } .nb-theme-default nb-select.appearance-filled.status-info .select-button:hover { background-color: #42aaff; border-color: #42aaff; } .nb-theme-default nb-select.appearance-filled.status-info .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-info .select-button nb-icon { color: #ffffff; } .nb-theme-default nb-select.appearance-filled.status-control .select-button { background-color: #ffffff; border-color: #ffffff; color: #222b45; } .nb-theme-default nb-select.appearance-filled.status-control .select-button.placeholder { color: #8f9bb3; } .nb-theme-default nb-select.appearance-filled.status-control .select-button:focus { background-color: #edf1f7; border-color: #c5cee0; } .nb-theme-default nb-select.appearance-filled.status-control .select-button:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default nb-select.appearance-filled.status-control .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-control .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-filled.status-control .select-button nb-icon { color: #222b45; } .nb-theme-default nb-select.appearance-hero .select-button { border: none; } .nb-theme-default nb-select.appearance-hero.size-tiny .select-button { padding: 0.25rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-hero.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-hero.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-default nb-select.appearance-hero.size-small .select-button { padding: 0.25rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-hero.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-hero.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-right: 2rem; } .nb-theme-default nb-select.appearance-hero.size-medium .select-button { padding: 0.5rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-hero.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-hero.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-default nb-select.appearance-hero.size-large .select-button { padding: 0.75rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-hero.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-hero.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-right: 3rem; } .nb-theme-default nb-select.appearance-hero.size-giant .select-button { padding: 1rem 1rem; } [dir=ltr] .nb-theme-default nb-select.appearance-hero.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-default nb-select.appearance-hero.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-default nb-select.appearance-hero.status-basic .select-button { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); color: #222b45; } .nb-theme-default nb-select.appearance-hero.status-basic .select-button.placeholder { color: #8f9bb3; } .nb-theme-default nb-select.appearance-hero.status-basic .select-button:focus { background-image: linear-gradient(to right, #edf1f7, #e4e9f2); } .nb-theme-default nb-select.appearance-hero.status-basic .select-button:hover { background-image: linear-gradient(to right, #ffffff, #f7f9fc); } .nb-theme-default nb-select.appearance-hero.status-basic .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-basic .select-button nb-icon { color: #222b45; } .nb-theme-default nb-select.appearance-hero.status-primary .select-button { background-image: linear-gradient(to right, #598bff, #3366ff); color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-primary .select-button.placeholder { color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-primary .select-button:focus { background-image: linear-gradient(to right, #3366ff, #274bdb); } .nb-theme-default nb-select.appearance-hero.status-primary .select-button:hover { background-image: linear-gradient(to right, #a6c1ff, #598bff); } .nb-theme-default nb-select.appearance-hero.status-primary .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-primary .select-button nb-icon { color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-success .select-button { background-image: linear-gradient(to right, #2ce69b, #00d68f); color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-success .select-button.placeholder { color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-success .select-button:focus { background-image: linear-gradient(to right, #00d68f, #00b887); } .nb-theme-default nb-select.appearance-hero.status-success .select-button:hover { background-image: linear-gradient(to right, #8cfac7, #2ce69b); } .nb-theme-default nb-select.appearance-hero.status-success .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-success .select-button nb-icon { color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-warning .select-button { background-image: linear-gradient(to right, #ffc94d, #ffaa00); color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-warning .select-button.placeholder { color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-warning .select-button:focus { background-image: linear-gradient(to right, #ffaa00, #db8b00); } .nb-theme-default nb-select.appearance-hero.status-warning .select-button:hover { background-image: linear-gradient(to right, #ffe59e, #ffc94d); } .nb-theme-default nb-select.appearance-hero.status-warning .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-warning .select-button nb-icon { color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-danger .select-button { background-image: linear-gradient(to right, #ff708d, #ff3d71); color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-danger .select-button.placeholder { color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-danger .select-button:focus { background-image: linear-gradient(to right, #ff3d71, #db2c66); } .nb-theme-default nb-select.appearance-hero.status-danger .select-button:hover { background-image: linear-gradient(to right, #ffa8b4, #ff708d); } .nb-theme-default nb-select.appearance-hero.status-danger .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-danger .select-button nb-icon { color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-info .select-button { background-image: linear-gradient(to right, #42aaff, #0095ff); color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-info .select-button.placeholder { color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-info .select-button:focus { background-image: linear-gradient(to right, #0095ff, #006fd6); } .nb-theme-default nb-select.appearance-hero.status-info .select-button:hover { background-image: linear-gradient(to right, #94cbff, #42aaff); } .nb-theme-default nb-select.appearance-hero.status-info .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-info .select-button nb-icon { color: #ffffff; } .nb-theme-default nb-select.appearance-hero.status-control .select-button { background-image: linear-gradient(to right, #ffffff, #ffffff); color: #222b45; } .nb-theme-default nb-select.appearance-hero.status-control .select-button.placeholder { color: #8f9bb3; } .nb-theme-default nb-select.appearance-hero.status-control .select-button:focus { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); } .nb-theme-default nb-select.appearance-hero.status-control .select-button:hover { background-image: linear-gradient(to right, #ffffff, #f7f9fc); } .nb-theme-default nb-select.appearance-hero.status-control .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-default nb-select.appearance-hero.status-control .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-select.appearance-hero.status-control .select-button nb-icon { color: #222b45; } .nb-theme-default nb-form-field nb-select { width: 100%; } .nb-theme-default nb-option-list { background-color: #ffffff; border-color: #e4e9f2; border-style: solid; border-width: 0.0625rem; border-radius: 0.25rem; box-shadow: none; overflow: hidden; } .nb-theme-default nb-option-list .option-list { height: 100%; max-height: 20rem; margin: 0; padding: 0; overflow: auto; } .nb-theme-default nb-option-list.position-top { border-bottom: 0.0625rem solid #e4e9f2; } .nb-theme-default nb-option-list.position-bottom { border-top: 0.0625rem solid #e4e9f2; } .nb-theme-default nb-option-group { color: #8f9bb3; font-family: Open Sans, sans-serif; } .nb-theme-default nb-option-list.size-tiny nb-option-group { font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-default nb-option-list.size-tiny nb-option-group .option-group-title { padding: 0.1875rem 1rem; } .nb-theme-default nb-option-list.size-tiny nb-option-group nb-option { padding-left: 1.25rem; } .nb-theme-default nb-option-list.size-small nb-option-group { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-option-list.size-small nb-option-group .option-group-title { padding: 0.1875rem 1rem; } .nb-theme-default nb-option-list.size-small nb-option-group nb-option { padding-left: 1.75rem; } .nb-theme-default nb-option-list.size-medium nb-option-group { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-option-list.size-medium nb-option-group .option-group-title { padding: 0.4375rem 1rem; } .nb-theme-default nb-option-list.size-medium nb-option-group nb-option { padding-left: 2.25rem; } .nb-theme-default nb-option-list.size-large nb-option-group { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-option-list.size-large nb-option-group .option-group-title { padding: 0.6875rem 1rem; } .nb-theme-default nb-option-list.size-large nb-option-group nb-option { padding-left: 2.25rem; } .nb-theme-default nb-option-list.size-giant nb-option-group { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .nb-theme-default nb-option-list.size-giant nb-option-group .option-group-title { padding: 0.9375rem 1rem; } .nb-theme-default nb-option-list.size-giant nb-option-group nb-option { padding-left: 2.75rem; } .nb-theme-default nb-option { background-color: #ffffff; color: #222b45; font-family: Open Sans, sans-serif; } .nb-theme-default nb-option.active { background-color: rgba(143, 155, 179, 0.24); color: #222b45; } .nb-theme-default nb-option.selected { background-color: #3366ff; color: #ffffff; } .nb-theme-default nb-option:focus { background-color: rgba(143, 155, 179, 0.24); color: #222b45; outline: none; } .nb-theme-default nb-option:focus.selected { background-color: #274bdb; color: #ffffff; } .nb-theme-default nb-option:hover { background-color: rgba(143, 155, 179, 0.16); color: #222b45; } .nb-theme-default nb-option:hover.selected { background-color: #598bff; color: #ffffff; } .nb-theme-default nb-option.multiple.selected { background-color: #ffffff; color: #222b45; } .nb-theme-default nb-option.multiple:focus { background-color: rgba(143, 155, 179, 0.24); color: #222b45; } .nb-theme-default nb-option-list.size-tiny nb-option { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.1875rem 1rem; } .nb-theme-default nb-option-list.size-small nb-option { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 1rem; } .nb-theme-default nb-option-list.size-medium nb-option { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.4375rem 1rem; } .nb-theme-default nb-option-list.size-large nb-option { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.6875rem 1rem; } .nb-theme-default nb-option-list.size-giant nb-option { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.9375rem 1rem; } .nb-theme-default nb-option, .nb-theme-default nb-option-group { -moz-user-select: none; -ms-user-select: none; user-select: none; } .nb-theme-default nb-option[disabled], .nb-theme-default nb-option-group[disabled] { background-color: #ffffff; color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-toast { border-style: solid; border-width: 1px; border-radius: 0.25rem; padding: 1rem; box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); } .nb-theme-default nb-toast .title { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default nb-toast .message { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; } .nb-theme-default nb-toast .icon-container { border-radius: 0.25rem; min-width: 2.5rem; min-height: 2.5rem; display: flex; justify-content: center; align-items: center; } [dir=ltr] .nb-theme-default nb-toast .icon-container { margin-right: 1.25rem; } [dir=rtl] .nb-theme-default nb-toast .icon-container { margin-left: 1.25rem; } .nb-theme-default nb-toast .icon-container nb-icon { font-size: 1.5rem; } .nb-theme-default nb-toast.status-basic { background: #ffffff; border-color: #edf1f7; color: #222b45; } .nb-theme-default nb-toast.status-basic .title { color: #222b45; } .nb-theme-default nb-toast.status-basic.destroy-by-click:hover { background: #ffffff; border-color: #edf1f7; } .nb-theme-default nb-toast.status-basic .icon-container { background: #ffffff; color: #222b45; } .nb-theme-default nb-toast.status-primary { background: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-default nb-toast.status-primary .title { color: #ffffff; } .nb-theme-default nb-toast.status-primary.destroy-by-click:hover { background: #598bff; border-color: #598bff; } .nb-theme-default nb-toast.status-primary .icon-container { background: #ffffff; color: #3366ff; } .nb-theme-default nb-toast.status-success { background: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-default nb-toast.status-success .title { color: #ffffff; } .nb-theme-default nb-toast.status-success.destroy-by-click:hover { background: #2ce69b; border-color: #2ce69b; } .nb-theme-default nb-toast.status-success .icon-container { background: #ffffff; color: #00d68f; } .nb-theme-default nb-toast.status-warning { background: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-default nb-toast.status-warning .title { color: #ffffff; } .nb-theme-default nb-toast.status-warning.destroy-by-click:hover { background: #ffc94d; border-color: #ffc94d; } .nb-theme-default nb-toast.status-warning .icon-container { background: #ffffff; color: #ffaa00; } .nb-theme-default nb-toast.status-danger { background: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-default nb-toast.status-danger .title { color: #ffffff; } .nb-theme-default nb-toast.status-danger.destroy-by-click:hover { background: #ff708d; border-color: #ff708d; } .nb-theme-default nb-toast.status-danger .icon-container { background: #ffffff; color: #ff3d71; } .nb-theme-default nb-toast.status-info { background: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-default nb-toast.status-info .title { color: #ffffff; } .nb-theme-default nb-toast.status-info.destroy-by-click:hover { background: #42aaff; border-color: #42aaff; } .nb-theme-default nb-toast.status-info .icon-container { background: #ffffff; color: #0095ff; } .nb-theme-default nb-toast.status-control { background: #ffffff; border-color: #ffffff; color: #222b45; } .nb-theme-default nb-toast.status-control .title { color: #222b45; } .nb-theme-default nb-toast.status-control.destroy-by-click:hover { background: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default nb-toast.status-control .icon-container { background: #ffffff; color: #222b45; } .nb-theme-default .toastr-overlay-container { z-index: 1041; } .nb-theme-default nb-tooltip { box-shadow: 0 0.5rem 1rem 0 rgba(44, 51, 73, 0.1); background: #151a30; border: 0 dashed transparent; border-radius: 0.25rem; padding: 0.5rem 1rem; max-width: 16rem; } .nb-theme-default nb-tooltip nb-icon:only-child { height: 1rem; width: 1rem; } .nb-theme-default nb-tooltip nb-icon:not(:only-child) { height: 0.75rem; width: 0.75rem; } .nb-theme-default nb-tooltip .content { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .nb-theme-default nb-tooltip .arrow { border-bottom: 6px dashed #151a30; } .nb-theme-default nb-tooltip.status-basic { background: #edf1f7; border-color: transparent; } .nb-theme-default nb-tooltip.status-basic .arrow { border-bottom-color: #edf1f7; } .nb-theme-default nb-tooltip.status-basic .content { color: #222b45; } .nb-theme-default nb-tooltip.status-primary { background: #3366ff; border-color: transparent; } .nb-theme-default nb-tooltip.status-primary .arrow { border-bottom-color: #3366ff; } .nb-theme-default nb-tooltip.status-primary .content { color: #ffffff; } .nb-theme-default nb-tooltip.status-success { background: #00d68f; border-color: transparent; } .nb-theme-default nb-tooltip.status-success .arrow { border-bottom-color: #00d68f; } .nb-theme-default nb-tooltip.status-success .content { color: #ffffff; } .nb-theme-default nb-tooltip.status-warning { background: #ffaa00; border-color: transparent; } .nb-theme-default nb-tooltip.status-warning .arrow { border-bottom-color: #ffaa00; } .nb-theme-default nb-tooltip.status-warning .content { color: #ffffff; } .nb-theme-default nb-tooltip.status-danger { background: #ff3d71; border-color: transparent; } .nb-theme-default nb-tooltip.status-danger .arrow { border-bottom-color: #ff3d71; } .nb-theme-default nb-tooltip.status-danger .content { color: #ffffff; } .nb-theme-default nb-tooltip.status-info { background: #0095ff; border-color: transparent; } .nb-theme-default nb-tooltip.status-info .arrow { border-bottom-color: #0095ff; } .nb-theme-default nb-tooltip.status-info .content { color: #ffffff; } .nb-theme-default nb-tooltip.status-control { background: #ffffff; border-color: transparent; } .nb-theme-default nb-tooltip.status-control .arrow { border-bottom-color: #ffffff; } .nb-theme-default nb-tooltip.status-control .content { color: #222b45; } .nb-theme-default nb-datepicker-container nb-card { border-color: #e4e9f2; border-style: solid; border-width: 0.0625rem; border-radius: 0.25rem; background: #ffffff; box-shadow: none; } .nb-theme-default nb-calendar-with-time .nb-timepicker-container, .nb-theme-default nb-calendar-with-time nb-base-calendar nb-card { border: none; } .nb-theme-default nb-calendar-with-time .column-header { border-top: 0.0625rem solid #e4e9f2; border-radius: 0; } .nb-theme-default nb-calendar-with-time .timepicker-section.size-large nb-list-item { height: 3rem; } .nb-theme-default nb-calendar-with-time .timepicker-section.size-large .header-cell { height: 3rem; } [dir=ltr] .nb-theme-default nb-calendar-with-time .timepicker-section { border-left: 0.0625rem solid #e4e9f2; } [dir=rtl] .nb-theme-default nb-calendar-with-time .timepicker-section { border-right: 0.0625rem solid #e4e9f2; } .nb-theme-default nb-calendar-with-time .timepicker-single-column-width { width: 5rem; } .nb-theme-default nb-calendar-with-time .timepicker-multiple-column-width { width: 13.875rem; } .nb-theme-default nb-calendar-with-time .picker-title { height: 3.75rem; padding: 1.25rem; } .nb-theme-default nb-radio .outer-circle, .nb-theme-default nb-radio .inner-circle { height: 1.25rem; width: 1.25rem; } .nb-theme-default nb-radio .outer-circle { border-style: solid; border-width: 1px; } .nb-theme-default nb-radio .native-input:enabled:focus + .outer-circle { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-default nb-radio.status-basic .native-input:enabled + .outer-circle { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; } .nb-theme-default nb-radio.status-basic .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #3366ff; } .nb-theme-default nb-radio.status-basic .native-input:enabled:checked ~ .inner-circle { background-color: #3366ff; } .nb-theme-default nb-radio.status-basic .native-input:enabled:focus + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-default nb-radio.status-basic .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #1a34b8; } .nb-theme-default nb-radio.status-basic .native-input:enabled:checked:focus ~ .inner-circle { background-color: #274bdb; } .nb-theme-default nb-radio.status-basic label:hover .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-default nb-radio.status-basic label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #598bff; } .nb-theme-default nb-radio.status-basic label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #598bff; } .nb-theme-default nb-radio.status-basic label .native-input:enabled:active + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-default nb-radio.status-basic label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #274bdb; } .nb-theme-default nb-radio.status-basic label .native-input:enabled:checked:active ~ .inner-circle { background-color: #274bdb; } .nb-theme-default nb-radio.status-basic .text { color: #222b45; } .nb-theme-default nb-radio.status-basic .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-basic .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-basic .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-primary .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; } .nb-theme-default nb-radio.status-primary .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #3366ff; } .nb-theme-default nb-radio.status-primary .native-input:enabled:checked ~ .inner-circle { background-color: #3366ff; } .nb-theme-default nb-radio.status-primary .native-input:enabled:focus + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-default nb-radio.status-primary .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #1a34b8; } .nb-theme-default nb-radio.status-primary .native-input:enabled:checked:focus ~ .inner-circle { background-color: #274bdb; } .nb-theme-default nb-radio.status-primary label:hover .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-default nb-radio.status-primary label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #598bff; } .nb-theme-default nb-radio.status-primary label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #598bff; } .nb-theme-default nb-radio.status-primary label .native-input:enabled:active + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-default nb-radio.status-primary label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #274bdb; } .nb-theme-default nb-radio.status-primary label .native-input:enabled:checked:active ~ .inner-circle { background-color: #274bdb; } .nb-theme-default nb-radio.status-primary .text { color: #222b45; } .nb-theme-default nb-radio.status-primary .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-primary .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-primary .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-success .native-input:enabled + .outer-circle { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; } .nb-theme-default nb-radio.status-success .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #00d68f; } .nb-theme-default nb-radio.status-success .native-input:enabled:checked ~ .inner-circle { background-color: #00d68f; } .nb-theme-default nb-radio.status-success .native-input:enabled:focus + .outer-circle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-default nb-radio.status-success .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #00997a; } .nb-theme-default nb-radio.status-success .native-input:enabled:checked:focus ~ .inner-circle { background-color: #00b887; } .nb-theme-default nb-radio.status-success label:hover .native-input:enabled + .outer-circle { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; } .nb-theme-default nb-radio.status-success label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #2ce69b; } .nb-theme-default nb-radio.status-success label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #2ce69b; } .nb-theme-default nb-radio.status-success label .native-input:enabled:active + .outer-circle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-default nb-radio.status-success label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #00b887; } .nb-theme-default nb-radio.status-success label .native-input:enabled:checked:active ~ .inner-circle { background-color: #00b887; } .nb-theme-default nb-radio.status-success .text { color: #222b45; } .nb-theme-default nb-radio.status-success .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-success .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-success .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-warning .native-input:enabled + .outer-circle { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; } .nb-theme-default nb-radio.status-warning .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ffaa00; } .nb-theme-default nb-radio.status-warning .native-input:enabled:checked ~ .inner-circle { background-color: #ffaa00; } .nb-theme-default nb-radio.status-warning .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-default nb-radio.status-warning .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #b86e00; } .nb-theme-default nb-radio.status-warning .native-input:enabled:checked:focus ~ .inner-circle { background-color: #db8b00; } .nb-theme-default nb-radio.status-warning label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; } .nb-theme-default nb-radio.status-warning label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #ffc94d; } .nb-theme-default nb-radio.status-warning label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #ffc94d; } .nb-theme-default nb-radio.status-warning label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-default nb-radio.status-warning label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #db8b00; } .nb-theme-default nb-radio.status-warning label .native-input:enabled:checked:active ~ .inner-circle { background-color: #db8b00; } .nb-theme-default nb-radio.status-warning .text { color: #222b45; } .nb-theme-default nb-radio.status-warning .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-warning .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-warning .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-danger .native-input:enabled + .outer-circle { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; } .nb-theme-default nb-radio.status-danger .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ff3d71; } .nb-theme-default nb-radio.status-danger .native-input:enabled:checked ~ .inner-circle { background-color: #ff3d71; } .nb-theme-default nb-radio.status-danger .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-default nb-radio.status-danger .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #b81d5b; } .nb-theme-default nb-radio.status-danger .native-input:enabled:checked:focus ~ .inner-circle { background-color: #db2c66; } .nb-theme-default nb-radio.status-danger label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; } .nb-theme-default nb-radio.status-danger label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #ff708d; } .nb-theme-default nb-radio.status-danger label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #ff708d; } .nb-theme-default nb-radio.status-danger label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-default nb-radio.status-danger label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #db2c66; } .nb-theme-default nb-radio.status-danger label .native-input:enabled:checked:active ~ .inner-circle { background-color: #db2c66; } .nb-theme-default nb-radio.status-danger .text { color: #222b45; } .nb-theme-default nb-radio.status-danger .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-danger .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-danger .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-info .native-input:enabled + .outer-circle { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; } .nb-theme-default nb-radio.status-info .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #0095ff; } .nb-theme-default nb-radio.status-info .native-input:enabled:checked ~ .inner-circle { background-color: #0095ff; } .nb-theme-default nb-radio.status-info .native-input:enabled:focus + .outer-circle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-default nb-radio.status-info .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #0057c2; } .nb-theme-default nb-radio.status-info .native-input:enabled:checked:focus ~ .inner-circle { background-color: #006fd6; } .nb-theme-default nb-radio.status-info label:hover .native-input:enabled + .outer-circle { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; } .nb-theme-default nb-radio.status-info label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #42aaff; } .nb-theme-default nb-radio.status-info label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #42aaff; } .nb-theme-default nb-radio.status-info label .native-input:enabled:active + .outer-circle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-default nb-radio.status-info label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #006fd6; } .nb-theme-default nb-radio.status-info label .native-input:enabled:checked:active ~ .inner-circle { background-color: #006fd6; } .nb-theme-default nb-radio.status-info .text { color: #222b45; } .nb-theme-default nb-radio.status-info .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-info .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-info .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-control .native-input:enabled + .outer-circle { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-default nb-radio.status-control .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ffffff; } .nb-theme-default nb-radio.status-control .native-input:enabled:checked ~ .inner-circle { background-color: #ffffff; } .nb-theme-default nb-radio.status-control .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-default nb-radio.status-control .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #c5cee0; } .nb-theme-default nb-radio.status-control .native-input:enabled:checked:focus ~ .inner-circle { background-color: #edf1f7; } .nb-theme-default nb-radio.status-control label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-default nb-radio.status-control label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #f7f9fc; } .nb-theme-default nb-radio.status-control label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #f7f9fc; } .nb-theme-default nb-radio.status-control label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-default nb-radio.status-control label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #edf1f7; } .nb-theme-default nb-radio.status-control label .native-input:enabled:checked:active ~ .inner-circle { background-color: #edf1f7; } .nb-theme-default nb-radio.status-control .text { color: #ffffff; } .nb-theme-default nb-radio.status-control .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-default nb-radio.status-control .native-input:disabled ~ .text { color: #ffffff; } .nb-theme-default nb-radio.status-control .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio.status-control .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-radio .text { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } [dir=ltr] .nb-theme-default nb-radio .text { margin-left: 1.25rem; } [dir=rtl] .nb-theme-default nb-radio .text { margin-right: 1.25rem; } .nb-theme-default .nb-tree-grid-header-cell, .nb-theme-default .nb-tree-grid-cell, .nb-theme-default .nb-tree-grid-footer-cell { height: 2rem; padding: 0.875rem 1.25rem; border: 1px solid #f7f9fc; } .nb-theme-default .nb-tree-grid-header-row { background: #ffffff; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default .nb-tree-grid-footer-row { background: #ffffff; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default .nb-tree-grid-row { background: #ffffff; color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tree-grid-row:hover { background: #ffffff; } .nb-theme-default .nb-tree-grid-row:nth-child(2n):not(:hover) { background-color: #ffffff; } .nb-theme-default .nb-tree-grid-header-cell button { vertical-align: middle; } .nb-theme-default nb-tree-grid-row-toggle nb-icon, .nb-theme-default nb-sort-icon nb-icon { font-size: inherit; vertical-align: middle; color: currentColor; } .nb-theme-default .nb-tree-grid-header-change-sort-button { background: transparent; border: none; padding: 0; color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; line-height: inherit; } .nb-theme-default nb-icon { font-size: 1.25rem; line-height: 1; width: 1em; height: 1em; } .nb-theme-default nb-icon svg { vertical-align: top; } .nb-theme-default nb-icon.status-basic { color: #8f9bb3; } .nb-theme-default nb-icon.status-primary { color: #3366ff; } .nb-theme-default nb-icon.status-success { color: #00d68f; } .nb-theme-default nb-icon.status-warning { color: #ffaa00; } .nb-theme-default nb-icon.status-danger { color: #ff3d71; } .nb-theme-default nb-icon.status-info { color: #0095ff; } .nb-theme-default nb-icon.status-control { color: #ffffff; } .nb-theme-default .nb-form-control-container { max-width: inherit; } .nb-theme-default .nb-form-field-addon { display: flex; justify-content: center; align-items: center; z-index: 1; } .nb-theme-default .nb-form-field-addon-disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default nb-form-field.nb-transition .nb-form-field-addon { transition-duration: 0.15s; transition-property: color; transition-timing-function: ease-in; } .nb-theme-default .nb-form-field-addon-basic { color: #8f9bb3; } .nb-theme-default .nb-form-field-addon-basic-highlight { color: #3366ff; } .nb-theme-default .nb-form-field-addon-primary { color: #3366ff; } .nb-theme-default .nb-form-field-addon-primary-highlight { color: #274bdb; } .nb-theme-default .nb-form-field-addon-success { color: #00d68f; } .nb-theme-default .nb-form-field-addon-success-highlight { color: #00b887; } .nb-theme-default .nb-form-field-addon-warning { color: #ffaa00; } .nb-theme-default .nb-form-field-addon-warning-highlight { color: #db8b00; } .nb-theme-default .nb-form-field-addon-danger { color: #ff3d71; } .nb-theme-default .nb-form-field-addon-danger-highlight { color: #db2c66; } .nb-theme-default .nb-form-field-addon-info { color: #0095ff; } .nb-theme-default .nb-form-field-addon-info-highlight { color: #006fd6; } .nb-theme-default .nb-form-field-addon-control { color: #ffffff; } .nb-theme-default .nb-form-field-addon-control-highlight { color: #ffffff; } .nb-theme-default .nb-form-field-limited-width.nb-form-field-size-tiny { max-width: 20rem; } .nb-theme-default .nb-form-field-prefix-tiny, .nb-theme-default .nb-form-field-suffix-tiny { height: 1.5rem; width: 1.5rem; font-size: 0.625rem; line-height: 0.75rem; font-weight: 700; } .nb-theme-default .nb-form-field-prefix-tiny nb-icon, .nb-theme-default .nb-form-field-suffix-tiny nb-icon { font-size: 0.75rem; line-height: 0.75rem; } [dir=ltr] .nb-theme-default .nb-form-field-prefix-tiny { margin-right: calc(1.5rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-prefix-tiny { margin-left: calc(1.5rem * -1); } [dir=ltr] .nb-theme-default .nb-form-field-suffix-tiny { margin-left: calc(1.5rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-suffix-tiny { margin-right: calc(1.5rem * -1); } .nb-theme-default .nb-form-field-limited-width.nb-form-field-size-small { max-width: 20rem; } .nb-theme-default .nb-form-field-prefix-small, .nb-theme-default .nb-form-field-suffix-small { height: 2rem; width: 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; } .nb-theme-default .nb-form-field-prefix-small nb-icon, .nb-theme-default .nb-form-field-suffix-small nb-icon { font-size: 1rem; line-height: 1rem; } [dir=ltr] .nb-theme-default .nb-form-field-prefix-small { margin-right: calc(2rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-prefix-small { margin-left: calc(2rem * -1); } [dir=ltr] .nb-theme-default .nb-form-field-suffix-small { margin-left: calc(2rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-suffix-small { margin-right: calc(2rem * -1); } .nb-theme-default .nb-form-field-limited-width.nb-form-field-size-medium { max-width: 20rem; } .nb-theme-default .nb-form-field-prefix-medium, .nb-theme-default .nb-form-field-suffix-medium { height: 2.5rem; width: 2.5rem; font-size: 0.875rem; line-height: 1rem; font-weight: 700; } .nb-theme-default .nb-form-field-prefix-medium nb-icon, .nb-theme-default .nb-form-field-suffix-medium nb-icon { font-size: 1.25rem; line-height: 1.25rem; } [dir=ltr] .nb-theme-default .nb-form-field-prefix-medium { margin-right: calc(2.5rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-prefix-medium { margin-left: calc(2.5rem * -1); } [dir=ltr] .nb-theme-default .nb-form-field-suffix-medium { margin-left: calc(2.5rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-suffix-medium { margin-right: calc(2.5rem * -1); } .nb-theme-default .nb-form-field-limited-width.nb-form-field-size-large { max-width: 30rem; } .nb-theme-default .nb-form-field-prefix-large, .nb-theme-default .nb-form-field-suffix-large { height: 3rem; width: 3rem; font-size: 1rem; line-height: 1.25rem; font-weight: 700; } .nb-theme-default .nb-form-field-prefix-large nb-icon, .nb-theme-default .nb-form-field-suffix-large nb-icon { font-size: 1.5rem; line-height: 1.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-prefix-large { margin-right: calc(3rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-prefix-large { margin-left: calc(3rem * -1); } [dir=ltr] .nb-theme-default .nb-form-field-suffix-large { margin-left: calc(3rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-suffix-large { margin-right: calc(3rem * -1); } .nb-theme-default .nb-form-field-limited-width.nb-form-field-size-giant { max-width: 30rem; } .nb-theme-default .nb-form-field-prefix-giant, .nb-theme-default .nb-form-field-suffix-giant { height: 3.5rem; width: 3.5rem; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; } .nb-theme-default .nb-form-field-prefix-giant nb-icon, .nb-theme-default .nb-form-field-suffix-giant nb-icon { font-size: 1.5rem; line-height: 1.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-prefix-giant { margin-right: calc(3.5rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-prefix-giant { margin-left: calc(3.5rem * -1); } [dir=ltr] .nb-theme-default .nb-form-field-suffix-giant { margin-left: calc(3.5rem * -1); } [dir=rtl] .nb-theme-default .nb-form-field-suffix-giant { margin-right: calc(3.5rem * -1); } .nb-theme-default nb-tag { border-style: solid; border-width: 0.0625rem; border-radius: 1.5rem; display: inline-flex; align-items: center; font-family: Open Sans, sans-serif; text-transform: capitalize; cursor: default; } .nb-theme-default nb-tag.nb-transition { transition-duration: 0.15s; transition-property: background-color, border-color, color; transition-timing-function: ease-in; } .nb-theme-default nb-tag.size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.0625rem 0.9375rem; } .nb-theme-default nb-tag.size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.0625rem 0.9375rem; } .nb-theme-default nb-tag.size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 0.9375rem; } .nb-theme-default nb-tag.size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.3125rem 0.9375rem; } .nb-theme-default nb-tag.size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.4375rem 0.9375rem; } .nb-theme-default nb-tag.appearance-filled.status-basic { background-color: #edf1f7; border-color: #edf1f7; color: #222b45; } .nb-theme-default nb-tag.appearance-filled.status-basic.selected { background-color: color-basic-actove; border-color: #e4e9f2; } .nb-theme-default nb-tag.appearance-filled.status-basic.active { background-color: #e4e9f2; border-color: #c5cee0; } .nb-theme-default nb-tag.appearance-filled.status-basic:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default nb-tag.appearance-filled.status-primary { background-color: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-default nb-tag.appearance-filled.status-primary.selected { background-color: color-primary-actove; border-color: #274bdb; } .nb-theme-default nb-tag.appearance-filled.status-primary.active { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-default nb-tag.appearance-filled.status-primary:hover { background-color: #598bff; border-color: #598bff; } .nb-theme-default nb-tag.appearance-filled.status-success { background-color: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-default nb-tag.appearance-filled.status-success.selected { background-color: color-success-actove; border-color: #00b887; } .nb-theme-default nb-tag.appearance-filled.status-success.active { background-color: #00b887; border-color: #00997a; } .nb-theme-default nb-tag.appearance-filled.status-success:hover { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-default nb-tag.appearance-filled.status-warning { background-color: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-default nb-tag.appearance-filled.status-warning.selected { background-color: color-warning-actove; border-color: #db8b00; } .nb-theme-default nb-tag.appearance-filled.status-warning.active { background-color: #db8b00; border-color: #b86e00; } .nb-theme-default nb-tag.appearance-filled.status-warning:hover { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-default nb-tag.appearance-filled.status-danger { background-color: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-default nb-tag.appearance-filled.status-danger.selected { background-color: color-danger-actove; border-color: #db2c66; } .nb-theme-default nb-tag.appearance-filled.status-danger.active { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-default nb-tag.appearance-filled.status-danger:hover { background-color: #ff708d; border-color: #ff708d; } .nb-theme-default nb-tag.appearance-filled.status-info { background-color: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-default nb-tag.appearance-filled.status-info.selected { background-color: color-info-actove; border-color: #006fd6; } .nb-theme-default nb-tag.appearance-filled.status-info.active { background-color: #006fd6; border-color: #0057c2; } .nb-theme-default nb-tag.appearance-filled.status-info:hover { background-color: #42aaff; border-color: #42aaff; } .nb-theme-default nb-tag.appearance-filled.status-control { background-color: #ffffff; border-color: #ffffff; color: #222b45; } .nb-theme-default nb-tag.appearance-filled.status-control.selected { background-color: color-control-actove; border-color: #edf1f7; } .nb-theme-default nb-tag.appearance-filled.status-control.active { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-default nb-tag.appearance-filled.status-control:hover { background-color: #edf1f7; border-color: #c5cee0; } .nb-theme-default nb-tag.appearance-outline.status-basic { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-default nb-tag.appearance-outline.status-basic.selected { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-default nb-tag.appearance-outline.status-basic.active { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-default nb-tag.appearance-outline.status-basic:hover { background-color: rgba(143, 155, 179, 0.16); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-default nb-tag.appearance-outline.status-primary { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; color: #3366ff; } .nb-theme-default nb-tag.appearance-outline.status-primary.selected { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; color: #3366ff; } .nb-theme-default nb-tag.appearance-outline.status-primary.active { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; color: #3366ff; } .nb-theme-default nb-tag.appearance-outline.status-primary:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; color: #3366ff; } .nb-theme-default nb-tag.appearance-outline.status-success { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; color: #00d68f; } .nb-theme-default nb-tag.appearance-outline.status-success.selected { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-default nb-tag.appearance-outline.status-success.active { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-default nb-tag.appearance-outline.status-success:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; color: #00d68f; } .nb-theme-default nb-tag.appearance-outline.status-warning { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; color: #ffaa00; } .nb-theme-default nb-tag.appearance-outline.status-warning.selected { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-default nb-tag.appearance-outline.status-warning.active { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-default nb-tag.appearance-outline.status-warning:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; color: #ffaa00; } .nb-theme-default nb-tag.appearance-outline.status-danger { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; color: #ff3d71; } .nb-theme-default nb-tag.appearance-outline.status-danger.selected { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-default nb-tag.appearance-outline.status-danger.active { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-default nb-tag.appearance-outline.status-danger:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; color: #ff3d71; } .nb-theme-default nb-tag.appearance-outline.status-info { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; color: #0095ff; } .nb-theme-default nb-tag.appearance-outline.status-info.selected { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-default nb-tag.appearance-outline.status-info.active { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-default nb-tag.appearance-outline.status-info:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; color: #0095ff; } .nb-theme-default nb-tag.appearance-outline.status-control { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; color: #ffffff; } .nb-theme-default nb-tag.appearance-outline.status-control.selected { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-default nb-tag.appearance-outline.status-control.active { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-default nb-tag.appearance-outline.status-control:hover { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; color: #ffffff; } .nb-theme-default .nb-tag-remove { cursor: pointer; } .nb-theme-default .nb-tag-remove.size-tiny { font-size: 1rem; } [dir=ltr] .nb-theme-default .nb-tag-remove.size-tiny { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-default .nb-tag-remove.size-tiny { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-default .nb-tag-remove.size-small { font-size: 1.5rem; } [dir=ltr] .nb-theme-default .nb-tag-remove.size-small { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-default .nb-tag-remove.size-small { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-default .nb-tag-remove.size-medium { font-size: 1.5rem; } [dir=ltr] .nb-theme-default .nb-tag-remove.size-medium { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-default .nb-tag-remove.size-medium { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-default .nb-tag-remove.size-large { font-size: 1.5rem; } [dir=ltr] .nb-theme-default .nb-tag-remove.size-large { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-default .nb-tag-remove.size-large { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-default .nb-tag-remove.size-giant { font-size: 1.5rem; } [dir=ltr] .nb-theme-default .nb-tag-remove.size-giant { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-default .nb-tag-remove.size-giant { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-default nb-tag-list { display: inline-flex; outline: none; } .nb-theme-default nb-tag-list.size-tiny .nb-tag-list-tags-wrapper { margin: -0.0625rem; } .nb-theme-default nb-tag-list.size-tiny .nb-tag-list-tags-wrapper nb-tag, .nb-theme-default nb-tag-list.size-tiny .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.0625rem; } .nb-theme-default nb-tag-list.size-small .nb-tag-list-tags-wrapper { margin: -0.125rem; } .nb-theme-default nb-tag-list.size-small .nb-tag-list-tags-wrapper nb-tag, .nb-theme-default nb-tag-list.size-small .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.125rem; } .nb-theme-default nb-tag-list.size-medium .nb-tag-list-tags-wrapper { margin: -0.25rem; } .nb-theme-default nb-tag-list.size-medium .nb-tag-list-tags-wrapper nb-tag, .nb-theme-default nb-tag-list.size-medium .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.25rem; } .nb-theme-default nb-tag-list.size-large .nb-tag-list-tags-wrapper { margin: -0.375rem; } .nb-theme-default nb-tag-list.size-large .nb-tag-list-tags-wrapper nb-tag, .nb-theme-default nb-tag-list.size-large .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.375rem; } .nb-theme-default nb-tag-list.size-giant .nb-tag-list-tags-wrapper { margin: -0.5rem; } .nb-theme-default nb-tag-list.size-giant .nb-tag-list-tags-wrapper nb-tag, .nb-theme-default nb-tag-list.size-giant .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.5rem; } .nb-theme-default .nb-tag-list-tags-wrapper { display: inline-flex; align-items: center; align-content: center; flex-wrap: wrap; flex: 1; } .nb-theme-default .nb-tag-list-with-input { border-style: solid; border-width: 1px; font-family: Open Sans, sans-serif; -moz-appearance: none; appearance: none; } .nb-theme-default .nb-tag-list-with-input.nb-transition { transition-duration: 0.15s; transition-property: border, background-color, color, box-shadow; transition-timing-function: ease-in; } .nb-theme-default .nb-tag-list-with-input::-moz-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default .nb-tag-list-with-input:-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default .nb-tag-list-with-input::placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-default .nb-tag-list-with-input:focus { outline: none; } .nb-theme-default .nb-tag-list-with-input.input-full-width { width: 100%; } .nb-theme-default .nb-tag-list-with-input.shape-rectangle { border-radius: 0.25rem; } .nb-theme-default .nb-tag-list-with-input.shape-semi-round { border-radius: 0.75rem; } .nb-theme-default .nb-tag-list-with-input.shape-round { border-radius: 1.5rem; } .nb-theme-default .nb-tag-list-with-input.size-tiny { padding: 0.0625rem 1rem; } .nb-theme-default .nb-tag-list-with-input.size-small { padding: 0.0625rem 1rem; } .nb-theme-default .nb-tag-list-with-input.size-medium { padding: 0.1875rem 1rem; } .nb-theme-default .nb-tag-list-with-input.size-large { padding: 0.3125rem 1rem; } .nb-theme-default .nb-tag-list-with-input.size-giant { padding: 0.4375rem 1rem; } .nb-theme-default .nb-tag-list-with-input.status-basic { background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-default .nb-tag-list-with-input.status-basic.focus { background-color: #ffffff; border-color: #3366ff; } .nb-theme-default .nb-tag-list-with-input.status-primary { background-color: #f7f9fc; border-color: #3366ff; } .nb-theme-default .nb-tag-list-with-input.status-primary.focus { background-color: #ffffff; border-color: #1a34b8; } .nb-theme-default .nb-tag-list-with-input.status-success { background-color: #f7f9fc; border-color: #00d68f; } .nb-theme-default .nb-tag-list-with-input.status-success.focus { background-color: #ffffff; border-color: #00997a; } .nb-theme-default .nb-tag-list-with-input.status-warning { background-color: #f7f9fc; border-color: #ffaa00; } .nb-theme-default .nb-tag-list-with-input.status-warning.focus { background-color: #ffffff; border-color: #b86e00; } .nb-theme-default .nb-tag-list-with-input.status-danger { background-color: #f7f9fc; border-color: #ff3d71; } .nb-theme-default .nb-tag-list-with-input.status-danger.focus { background-color: #ffffff; border-color: #b81d5b; } .nb-theme-default .nb-tag-list-with-input.status-info { background-color: #f7f9fc; border-color: #0095ff; } .nb-theme-default .nb-tag-list-with-input.status-info.focus { background-color: #ffffff; border-color: #0057c2; } .nb-theme-default .nb-tag-list-with-input.status-control { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); } .nb-theme-default .nb-tag-list-with-input.status-control.focus { background-color: rgba(255, 255, 255, 0.4); border-color: #ffffff; } .nb-theme-default nb-form-field nb-tag-list { width: 100%; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-left: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-right: 1.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-right: 1.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-left: 1.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-left: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-right: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-right: 2rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-left: 2rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-left: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-right: 2.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-right: 2.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-left: 2.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-left: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-right: 3rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-right: 3rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-left: 3rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-left: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-right: 3.5rem; } [dir=ltr] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-right: 3.5rem; } [dir=rtl] .nb-theme-default .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-left: 3.5rem; } .nb-theme-default .nb-tag-input { -moz-appearance: none; appearance: none; border: transparent; background: transparent; outline: none; flex: 1; padding: 0; min-width: 6rem; font-family: Open Sans, sans-serif; } .nb-theme-default .nb-tag-input::-moz-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-default .nb-tag-input:-ms-input-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-default .nb-tag-input::placeholder { font-family: Open Sans, sans-serif; } .nb-theme-default .nb-tag-input.size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.125rem 0; } .nb-theme-default .nb-tag-input.size-tiny::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-tiny:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-tiny::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.125rem 0; } .nb-theme-default .nb-tag-input.size-small::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-small:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-small::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.25rem 0; } .nb-theme-default .nb-tag-input.size-medium::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-medium:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-medium::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.375rem 0; } .nb-theme-default .nb-tag-input.size-large::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-large:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-large::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.5rem 0; } .nb-theme-default .nb-tag-input.size-giant::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-giant:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.size-giant::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .nb-tag-input.status-basic { color: #222b45; } .nb-theme-default .nb-tag-input.status-basic::-moz-placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-basic:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-basic::placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-basic:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-basic:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-basic:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-basic:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-primary { color: #222b45; } .nb-theme-default .nb-tag-input.status-primary::-moz-placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-primary:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-primary::placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-primary:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-primary:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-primary:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-primary:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-success { color: #222b45; } .nb-theme-default .nb-tag-input.status-success::-moz-placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-success:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-success::placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-success:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-success:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-success:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-success:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-warning { color: #222b45; } .nb-theme-default .nb-tag-input.status-warning::-moz-placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-warning:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-warning::placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-warning:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-warning:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-warning:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-warning:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-danger { color: #222b45; } .nb-theme-default .nb-tag-input.status-danger::-moz-placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-danger:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-danger::placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-danger:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-danger:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-danger:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-danger:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-info { color: #222b45; } .nb-theme-default .nb-tag-input.status-info::-moz-placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-info:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-info::placeholder { color: #8f9bb3; } .nb-theme-default .nb-tag-input.status-info:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-info:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-info:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-info:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .nb-tag-input.status-control { color: #ffffff; } .nb-theme-default .nb-tag-input.status-control::-moz-placeholder { color: #ffffff; } .nb-theme-default .nb-tag-input.status-control:-ms-input-placeholder { color: #ffffff; } .nb-theme-default .nb-tag-input.status-control::placeholder { color: #ffffff; } .nb-theme-default .nb-tag-input.status-control:disabled { color: #ffffff; } .nb-theme-default .nb-tag-input.status-control:disabled::-moz-placeholder { color: #ffffff; } .nb-theme-default .nb-tag-input.status-control:disabled:-ms-input-placeholder { color: #ffffff; } .nb-theme-default .nb-tag-input.status-control:disabled::placeholder { color: #ffffff; } .nb-theme-default body { color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default h1, .nb-theme-default h2, .nb-theme-default h3, .nb-theme-default h4, .nb-theme-default h5, .nb-theme-default h6, .nb-theme-default .h1, .nb-theme-default .h2, .nb-theme-default .h3, .nb-theme-default .h4, .nb-theme-default .h5, .nb-theme-default .h6 { color: #222b45; } .nb-theme-default h1, .nb-theme-default .h1 { font-size: 2.25rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 3rem; } .nb-theme-default h2, .nb-theme-default .h2 { font-size: 2rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2.5rem; } .nb-theme-default h3, .nb-theme-default .h3 { font-size: 1.875rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2.5rem; } .nb-theme-default h4, .nb-theme-default .h4 { font-size: 1.625rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2rem; } .nb-theme-default h5, .nb-theme-default .h5 { font-size: 1.375rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2rem; } .nb-theme-default h6, .nb-theme-default .h6 { font-size: 1.125rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 1.5rem; } .nb-theme-default .subtitle, .nb-theme-default .subtitle-2 { color: #222b45; } .nb-theme-default .subtitle { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default .subtitle-2 { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-default p, .nb-theme-default .paragraph { color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .paragraph-2 { color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; } .nb-theme-default a { color: #3366ff; text-decoration: underline; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; } .nb-theme-default a:focus { color: #274bdb; } .nb-theme-default a:hover { color: #598bff; } .nb-theme-default a.link-control, .nb-theme-default a.link-control:hover { color: #ffffff; } .nb-theme-default a.link-alternate, .nb-theme-default a.link-alternate:hover { color: #ffffff; } .nb-theme-default .label { color: #8f9bb3; font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 700; line-height: 1rem; } .nb-theme-default .caption { font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .nb-theme-default .caption-2 { font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-default .caption, .nb-theme-default .caption-2 { color: #8f9bb3; } .nb-theme-default .caption.status-basic, .nb-theme-default .caption-2.status-basic { color: #222b45; } .nb-theme-default .caption.status-primary, .nb-theme-default .caption-2.status-primary { color: #3366ff; } .nb-theme-default .caption.status-success, .nb-theme-default .caption-2.status-success { color: #00d68f; } .nb-theme-default .caption.status-warning, .nb-theme-default .caption-2.status-warning { color: #ffaa00; } .nb-theme-default .caption.status-danger, .nb-theme-default .caption-2.status-danger { color: #ff3d71; } .nb-theme-default .caption.status-info, .nb-theme-default .caption-2.status-info { color: #0095ff; } .nb-theme-default .caption.status-control, .nb-theme-default .caption-2.status-control { color: #ffffff; } .nb-theme-default li { color: #222b45; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-default .text-alternate { color: #ffffff; } .nb-theme-default .text-disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-default .text-hint { color: #8f9bb3; } .nb-theme-default .text-basic { color: #222b45; } .nb-theme-default .text-primary { color: #3366ff; } .nb-theme-default .text-success { color: #00d68f; } .nb-theme-default .text-warning { color: #ffaa00; } .nb-theme-default .text-danger { color: #ff3d71; } .nb-theme-default .text-info { color: #0095ff; } .nb-theme-default .text-control { color: #ffffff; } .nb-theme-default ng2-smart-table table tr th, .nb-theme-default ng2-smart-table table tr th a { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; color: #222b45; } .nb-theme-default ng2-smart-table table tr td { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; color: #222b45; } .nb-theme-default ng2-smart-table table tr th, .nb-theme-default ng2-smart-table table tr td { position: relative; padding: 0.875rem 1.25rem; border: 1px solid #edf1f7; vertical-align: middle; } .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th { padding: 0.875rem 1.25rem; } [dir=ltr] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th { padding-right: 1.75rem; } [dir=rtl] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th { padding-left: 1.75rem; } .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a:hover, .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a:active, .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a:visited { color: #222b45; text-decoration: none; } .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc, .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc { font-weight: 400; } .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { border-bottom-color: #222b45; border-width: 0.375rem; position: absolute; margin: 0; top: 50%; transform: translate(0, -50%); } [dir=ltr] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=ltr] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { right: 0.75rem; } [dir=rtl] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=rtl] .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { left: 0.75rem; } .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.asc.desc::after, .nb-theme-default ng2-smart-table table tr.ng2-smart-titles th a.sort.desc.desc::after { transform: translate(0, -50%) rotate(180deg); } .nb-theme-default ng2-smart-table thead tr { background: #ffffff; } .nb-theme-default ng2-smart-table thead tr.ng2-smart-filters th { padding: 0.375rem 0.5rem; } .nb-theme-default ng2-smart-table thead tr.ng2-smart-filters th .ng2-smart-filter input { line-height: 1.25rem; } .nb-theme-default ng2-smart-table tbody tr.selected, .nb-theme-default ng2-smart-table tbody tr:hover { background: #edf1f7 !important; } .nb-theme-default ng2-smart-table tbody tr:nth-child(2n) { background-color: #f7f9fc; } .nb-theme-default ng2-smart-table th.ng2-smart-actions-title-add a { display: flex; align-items: center; justify-content: center; font-size: 1.75rem !important; padding: 0.375rem 0.5rem; border-color: #3366ff; background-color: #3366ff; color: #ffffff; border-radius: 0.375rem; } .nb-theme-default ng2-smart-table th.ng2-smart-actions-title-add a:focus { border-color: #1a34b8; } .nb-theme-default ng2-smart-table th.ng2-smart-actions-title-add a:hover { text-decoration: none; background-color: #598bff; border-color: #598bff; } .nb-theme-default ng2-smart-table th.ng2-smart-actions-title-add a:active { background-color: #274bdb; border-color: #274bdb; } .nb-theme-default ng2-smart-table .ng2-smart-actions { padding: 0; height: 1px; } .nb-theme-default ng2-smart-table .ng2-smart-actions ng2-st-tbody-edit-delete, .nb-theme-default ng2-smart-table .ng2-smart-actions ng2-st-tbody-create-cancel, .nb-theme-default ng2-smart-table .ng2-smart-actions ng2-st-actions { display: flex; height: 100%; } .nb-theme-default ng2-smart-table .ng2-smart-actions a.ng2-smart-action { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; font-size: 2rem !important; color: #222b45; } .nb-theme-default ng2-smart-table .ng2-smart-actions a.ng2-smart-action:not(:last-child) { border-right: 1px solid #edf1f7; } .nb-theme-default ng2-smart-table .ng2-smart-actions a.ng2-smart-action:hover { text-decoration: none; } .nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-create:hover, .nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-edit:hover, .nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-save:hover { color: #3366ff; } .nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-cancel:hover, .nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-delete-delete:hover, .nb-theme-default ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-cancel:hover { color: #ff3d71; } .nb-theme-default ng2-smart-table table-cell-edit-mode { display: block; margin: -7.5px -12px; } .nb-theme-default ng2-smart-table ng2-smart-table-pager { display: block; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav { display: flex; justify-content: center; margin-top: 1.25rem; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination { display: flex; padding: 0; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:focus, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:hover { background-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination { font-family: Open Sans, sans-serif; font-size: 0.875rem; line-height: 1rem; border: #edf1f7 solid 1px; border-radius: 0.25rem; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li { overflow: hidden; } [dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-right: 1px solid #edf1f7; } [dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-left: 1px solid #edf1f7; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-prev, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-next { font-size: 0.875rem; line-height: 1rem; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span { font-size: 0.875rem; line-height: 1rem; background-color: transparent; color: #3366ff; padding: 0.75rem 1.25rem; border: none; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:focus, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:focus { border-color: #3366ff; color: #3366ff; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:hover, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:hover { background-color: transparent; border-color: #3366ff; color: #3366ff; text-decoration: none; } [dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=ltr] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=rtl] .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:hover, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:focus, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:hover, .nb-theme-default ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:focus { color: #ffffff; background-color: #3366ff; } @media (max-width: 575.98px) { .nb-theme-default .row { margin-left: -10px; margin-right: -10px; } } .nb-theme-default .pace .pace-progress { background: #3366ff; } .nb-theme-default .pace .pace-progress-inner { box-shadow: 0 0 10px #3366ff, 0 0 5px #3366ff; } .nb-theme-default .pace .pace-activity { display: none; } .nb-theme-default nb-select.size-medium button { padding: 0.4375rem 2.2rem 0.4375rem 1.125rem !important; } .nb-theme-default nb-select.size-medium button nb-icon { right: 0.41rem !important; } .nb-theme-dark nb-layout .scrollable-container { scrollbar-face-color: #101426; scrollbar-track-color: #192038; } .nb-theme-dark nb-layout .scrollable-container::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-layout .scrollable-container::-webkit-scrollbar-thumb { background: #101426; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-layout .scrollable-container::-webkit-scrollbar-track { background: #192038; } .nb-theme-dark nb-layout.with-scroll .scrollable-container { overflow: auto; height: 100vh; display: block; } @media (max-width: 767.98px) { .nb-theme-dark nb-layout.with-scroll .scrollable-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .nb-theme-dark .layout { min-width: 300px; } .nb-theme-dark nb-layout.window-mode { background: #151a30; display: block; } .nb-theme-dark nb-layout.window-mode .scrollable-container { max-width: 1920px; margin: 0 auto; } .nb-theme-dark nb-layout.window-mode .layout nb-layout-header { max-width: 1920px; margin-left: auto; margin-right: auto; width: 100%; } .nb-theme-dark nb-layout.window-mode .layout nb-layout-header nav { max-width: 1920px; margin: 0 auto; } @media screen and (min-width: 1940px) { .nb-theme-dark nb-layout.window-mode { padding-top: 1.1875rem; } .nb-theme-dark nb-layout.window-mode nb-layout-header.fixed { top: 1.1875rem; } .nb-theme-dark nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 1.1875rem - 4.75rem); top: calc(1.1875rem + 4.75rem); } .nb-theme-dark nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } .nb-theme-dark nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } .nb-theme-dark nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(4.75rem + 1.1875rem); } .nb-theme-dark nb-layout.window-mode .scrollable-container { height: calc(100vh - 1.1875rem); box-shadow: 0 0.5rem 1rem 0 #1a1f33; } .nb-theme-dark nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 1.1875rem); } } @media screen and (min-width: 2070px) { .nb-theme-dark nb-layout.window-mode { padding-top: 2.375rem; } .nb-theme-dark nb-layout.window-mode nb-layout-header.fixed { top: 2.375rem; } .nb-theme-dark nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 2.375rem - 4.75rem); top: calc(2.375rem + 4.75rem); } .nb-theme-dark nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } .nb-theme-dark nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } .nb-theme-dark nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(4.75rem + 2.375rem); } .nb-theme-dark nb-layout.window-mode .scrollable-container { height: calc(100vh - 2.375rem); box-shadow: 0 0.5rem 1rem 0 #1a1f33; } .nb-theme-dark nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 2.375rem); } } @media screen and (min-width: 2220px) { .nb-theme-dark nb-layout.window-mode { padding-top: 4.75rem; } .nb-theme-dark nb-layout.window-mode nb-layout-header.fixed { top: 4.75rem; } .nb-theme-dark nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 4.75rem - 4.75rem); top: calc(4.75rem + 4.75rem); } .nb-theme-dark nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } .nb-theme-dark nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } .nb-theme-dark nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(4.75rem + 4.75rem); } .nb-theme-dark nb-layout.window-mode .scrollable-container { height: calc(100vh - 4.75rem); box-shadow: 0 0.5rem 1rem 0 #1a1f33; } .nb-theme-dark nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 4.75rem); } } .nb-theme-dark nb-layout .layout { background-color: #151a30; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; min-height: 100vh; } .nb-theme-dark nb-layout .layout .layout-container nb-sidebar.fixed, .nb-theme-dark nb-layout .layout .layout-container nb-sidebar .main-container-fixed { top: 4.75rem; } .nb-theme-dark nb-layout .layout .layout-container .content nb-layout-footer { box-shadow: 0 0.5rem 1rem 0 #1a1f33; } .nb-theme-dark nb-layout .layout .layout-container .content nb-layout-footer nav { background-color: #222b45; border-top: 1px solid #151a30; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1.25rem; } .nb-theme-dark nb-layout .layout .layout-container .content nb-layout-footer nav a { color: #598bff; } .nb-theme-dark nb-layout .layout .layout-container .content nb-layout-footer nav a:focus, .nb-theme-dark nb-layout .layout .layout-container .content nb-layout-footer nav a:active, .nb-theme-dark nb-layout .layout .layout-container .content nb-layout-footer nav a:hover { color: #598bff; } .nb-theme-dark nb-layout .layout .layout-container .content.center { width: 900px; flex: 0 100 900px !important; } .nb-theme-dark nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 2.25rem 2.25rem 0.75rem; } @media (max-width: 991.98px) { .nb-theme-dark nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 1.5rem 1.5rem 0.5rem; } } @media (max-width: 767.98px) { .nb-theme-dark nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 1rem 1rem 0; } } .nb-theme-dark nb-layout-header { background-color: #222b45; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark nb-layout-header nav { color: #ffffff; box-shadow: 0 0.5rem 1rem 0 #1a1f33; height: 4.75rem; padding: 1.25rem; } .nb-theme-dark nb-layout-header nav a { color: #ffffff; } .nb-theme-dark nb-layout-header nav a:focus, .nb-theme-dark nb-layout-header nav a:active, .nb-theme-dark nb-layout-header nav a:hover { color: #ffffff; } .nb-theme-dark nb-layout-header ~ .layout-container { min-height: calc(100vh - 4.75rem); } .nb-theme-dark nb-layout-header.fixed ~ .layout-container { padding-top: 4.75rem; min-height: 100vh; } .nb-theme-dark nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container { height: calc(100vh - 4.75rem); } .nb-theme-dark nb-layout.with-subheader nb-sidebar .main-container { box-shadow: none; } .nb-theme-dark nb-sidebar { background-color: #222b45; box-shadow: 0 0.5rem 1rem 0 #1a1f33; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; width: 16rem; } .nb-theme-dark nb-sidebar .main-container { height: 100vh; width: 16rem; } .nb-theme-dark nb-sidebar .scrollable { padding: 1.25rem; position: relative; -webkit-transform: translate3d(0, 0, 0); scrollbar-face-color: #101426; scrollbar-track-color: #192038; } @media (max-width: 767.98px) { .nb-theme-dark nb-sidebar .scrollable { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .nb-theme-dark nb-sidebar .scrollable::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-sidebar .scrollable::-webkit-scrollbar-thumb { background: #101426; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-sidebar .scrollable::-webkit-scrollbar-track { background: #192038; } .nb-theme-dark nb-sidebar.collapsed { width: 0; padding: 0; } .nb-theme-dark nb-sidebar.collapsed .main-container { width: 0; padding: 0; } .nb-theme-dark nb-sidebar.collapsed .scrollable { width: 0; padding: 0; overflow: hidden; } .nb-theme-dark nb-sidebar.collapsed nb-sidebar-header, .nb-theme-dark nb-sidebar.collapsed nb-sidebar-footer { width: 0; padding: 0; overflow: hidden; } .nb-theme-dark nb-sidebar.compacted { width: 3.5rem; } .nb-theme-dark nb-sidebar.compacted .main-container { width: 3.5rem; } .nb-theme-dark nb-sidebar.compacted nb-menu { width: 3.5rem; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-item a.active { position: relative; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-item a.active::before { position: absolute; content: ''; top: 0; height: 100%; width: 4px; background: #3366ff; } [dir=ltr] .nb-theme-dark nb-sidebar.compacted nb-menu .menu-item a.active::before { left: 0; } [dir=rtl] .nb-theme-dark nb-sidebar.compacted nb-menu .menu-item a.active::before { right: 0; } .nb-theme-dark nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a span, .nb-theme-dark nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a nb-badge, .nb-theme-dark nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a .expand-state { display: none; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-items > .menu-item { transition: border-color 1s ease; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-items > .menu-item.menu-group { display: block; color: transparent; width: 0; padding: 0; overflow: hidden; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-items > .menu-item i { margin-right: 0; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-items > .menu-item a { justify-content: center; } .nb-theme-dark nb-sidebar.compacted nb-menu .menu-items > .menu-item > .expanded { display: none; } .nb-theme-dark nb-sidebar.compacted.left.fixed ~ .content { margin-left: 3.5rem; } .nb-theme-dark nb-sidebar.compacted.fixed.right ~ .content { margin-left: 0; margin-right: 3.5rem; } .nb-theme-dark nb-sidebar.compacted.left.fixed ~ .content.center { padding-left: 3.5rem; } .nb-theme-dark nb-sidebar.compacted.fixed.right ~ .content.center { padding-left: 0; padding-right: 3.5rem; } [dir=ltr] .nb-theme-dark nb-sidebar.compacted.start.fixed ~ .content { margin-left: 3.5rem; } [dir=rtl] .nb-theme-dark nb-sidebar.compacted.start.fixed ~ .content { margin-right: 3.5rem; } [dir=ltr] .nb-theme-dark nb-sidebar.compacted.fixed.end ~ .content { margin-right: 3.5rem; } [dir=rtl] .nb-theme-dark nb-sidebar.compacted.fixed.end ~ .content { margin-left: 3.5rem; } [dir=ltr] .nb-theme-dark nb-sidebar.compacted.start.fixed ~ .content.center { padding-left: 3.5rem; } [dir=rtl] .nb-theme-dark nb-sidebar.compacted.start.fixed ~ .content.center { padding-right: 3.5rem; } [dir=ltr] .nb-theme-dark nb-sidebar.compacted.fixed.end ~ .content.center { padding-right: 3.5rem; } [dir=rtl] .nb-theme-dark nb-sidebar.compacted.fixed.end ~ .content.center { padding-left: 3.5rem; } .nb-theme-dark nb-sidebar.fixed.left.collapsed + .content, .nb-theme-dark nb-sidebar.fixed.start.collapsed + .content { margin-left: 0; } .nb-theme-dark nb-sidebar.fixed.right.collapsed + .content, .nb-theme-dark nb-sidebar.fixed.end.collapsed + .content { margin-right: 0; } .nb-theme-dark nb-sidebar.expanded { width: 16rem; } .nb-theme-dark nb-sidebar.expanded > .scrollable { width: 16rem; } .nb-theme-dark nb-sidebar nb-sidebar-header { padding: 1.25rem; height: 3.5rem; } .nb-theme-dark nb-sidebar nb-sidebar-footer { padding: 1.25rem; height: 3.5rem; } .nb-theme-dark nb-sidebar nb-menu { margin: 0 -1.25rem -1.25rem; } .nb-theme-dark nb-calendar-view-mode [nbButton].appearance-ghost.status-basic, .nb-theme-dark nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle], .nb-theme-dark nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:hover, .nb-theme-dark nb-calendar-view-mode .appearance-ghost.status-basic:hover[nbButtonToggle], .nb-theme-dark nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, .nb-theme-dark nb-calendar-view-mode .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-dark nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:active, .nb-theme-dark nb-calendar-view-mode .appearance-ghost.status-basic:active[nbButtonToggle], .nb-theme-dark nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic, .nb-theme-dark nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle], .nb-theme-dark nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:hover, .nb-theme-dark nb-calendar-pageable-navigation .appearance-ghost.status-basic:hover[nbButtonToggle], .nb-theme-dark nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, .nb-theme-dark nb-calendar-pageable-navigation .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-dark nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:active, .nb-theme-dark nb-calendar-pageable-navigation .appearance-ghost.status-basic:active[nbButtonToggle] { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-dark nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, .nb-theme-dark nb-calendar-view-mode .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-dark nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active), .nb-theme-dark nb-calendar-view-mode .appearance-ghost.status-basic:focus:not(:hover):not(:active)[nbButtonToggle], .nb-theme-dark nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, .nb-theme-dark nb-calendar-pageable-navigation .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-dark nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active), .nb-theme-dark nb-calendar-pageable-navigation .appearance-ghost.status-basic:focus:not(:hover):not(:active)[nbButtonToggle] { box-shadow: none; } [dir=ltr] .nb-theme-dark nb-calendar-pageable-navigation { margin-left: auto; } [dir=rtl] .nb-theme-dark nb-calendar-pageable-navigation { margin-right: auto; } .nb-theme-dark nb-calendar-picker { display: block; padding-top: 0.25rem; padding-bottom: 0.625rem; } [dir=ltr] .nb-theme-dark nb-calendar-picker { padding-right: 0.625rem; padding-left: 0.625rem; } [dir=rtl] .nb-theme-dark nb-calendar-picker { padding-right: 0.625rem; padding-left: 0.625rem; } .nb-theme-dark nb-calendar-days-names { background: transparent; border-top: 1px solid #151a30; border-bottom: 1px solid #151a30; } [dir=ltr] .nb-theme-dark nb-calendar-days-names { padding-left: 0.625rem; padding-right: 0.625rem; } [dir=rtl] .nb-theme-dark nb-calendar-days-names { padding-left: 0.625rem; padding-right: 0.625rem; } .nb-theme-dark nb-calendar-days-names .day { width: 2.75rem; height: 2.75rem; color: #8f9bb3; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-calendar-days-names .day.holiday { color: #8f9bb3; } .nb-theme-dark nb-calendar-days-names.size-large .day { width: 3rem; height: 3rem; } .nb-theme-dark nb-calendar-week-numbers { background: transparent; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: #8f9bb3; padding-bottom: 0.625rem; } .nb-theme-dark nb-calendar-week-numbers .sign-container { display: flex; flex-direction: column; border-top: 1px solid #151a30; border-bottom: 1px solid #151a30; margin-bottom: 0.25rem; } .nb-theme-dark nb-calendar-week-numbers .sign, .nb-theme-dark nb-calendar-week-numbers .week-number { display: flex; align-items: center; justify-content: center; height: 2.75rem; width: 2.75rem; } .nb-theme-dark nb-calendar-week-numbers.size-large .sign, .nb-theme-dark nb-calendar-week-numbers.size-large .week-number { height: 3rem; width: 3rem; } [dir=ltr] .nb-theme-dark nb-calendar-day-picker nb-calendar-week-numbers { border-right: 1px solid #151a30; } [dir=rtl] .nb-theme-dark nb-calendar-day-picker nb-calendar-week-numbers { border-left: 1px solid #151a30; } .nb-theme-dark nb-calendar-picker .day-cell { width: 2.75rem; height: 2.75rem; } .nb-theme-dark nb-calendar-picker .day-cell.size-large { width: 3rem; height: 3rem; } .nb-theme-dark nb-calendar-picker .month-cell { width: 4.8125rem; height: 2.75rem; } .nb-theme-dark nb-calendar-picker .month-cell.size-large { width: 5.25rem; height: 3rem; } .nb-theme-dark nb-calendar-picker .year-cell { width: 4.8125rem; height: 2.75rem; } .nb-theme-dark nb-calendar-picker .year-cell.size-large { width: 5.25rem; height: 3rem; } .nb-theme-dark nb-calendar-picker .cell-content { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; border-radius: 0.25rem; } .nb-theme-dark nb-calendar-picker .day-cell, .nb-theme-dark nb-calendar-picker .month-cell, .nb-theme-dark nb-calendar-picker .year-cell { display: flex; align-items: center; justify-content: center; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: #ffffff; text-transform: uppercase; cursor: pointer; } .nb-theme-dark nb-calendar-picker .day-cell, .nb-theme-dark nb-calendar-picker .day-cell .cell-content, .nb-theme-dark nb-calendar-picker .month-cell, .nb-theme-dark nb-calendar-picker .month-cell .cell-content, .nb-theme-dark nb-calendar-picker .year-cell, .nb-theme-dark nb-calendar-picker .year-cell .cell-content { transition-duration: 0.15s; transition-property: background-color, border-color, color; transition-timing-function: ease-in; } .nb-theme-dark nb-calendar-picker .day-cell.empty, .nb-theme-dark nb-calendar-picker .day-cell.disabled, .nb-theme-dark nb-calendar-picker .month-cell.empty, .nb-theme-dark nb-calendar-picker .month-cell.disabled, .nb-theme-dark nb-calendar-picker .year-cell.empty, .nb-theme-dark nb-calendar-picker .year-cell.disabled { cursor: default; } .nb-theme-dark nb-calendar-picker .day-cell.bounding-month, .nb-theme-dark nb-calendar-picker .month-cell.bounding-month, .nb-theme-dark nb-calendar-picker .year-cell.bounding-month { color: #8f9bb3; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty):hover .cell-content, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty):hover .cell-content, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty):hover .cell-content { background-color: #192038; border-color: #192038; color: #ffffff; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty):active .cell-content, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty):active .cell-content, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty):active .cell-content { background-color: #274bdb; border-color: #274bdb; color: #ffffff; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content { background-color: rgba(51, 102, 255, 0.08); border: 1px solid #3366ff; color: #ffffff; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:hover, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:hover, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:active, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:active, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:active { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content { background-color: #3366ff; border-color: #3366ff; color: #ffffff; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:hover, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:hover, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:hover { background-color: #598bff; border-color: #598bff; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:active, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:active, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:active { background-color: #274bdb; border-color: #274bdb; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected { background-color: #3366ff; border-radius: 0.25rem; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; color: #ffffff; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:hover { background-color: rgba(255, 255, 255, 0.16); border-color: transparent; } .nb-theme-dark nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, .nb-theme-dark nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, .nb-theme-dark nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:focus { background-color: rgba(255, 255, 255, 0.24); border-color: transparent; } .nb-theme-dark nb-calendar-picker .day-cell.disabled, .nb-theme-dark nb-calendar-picker .month-cell.disabled, .nb-theme-dark nb-calendar-picker .year-cell.disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-calendar-picker .day-cell.disabled.today .cell-content, .nb-theme-dark nb-calendar-picker .month-cell.disabled.today .cell-content, .nb-theme-dark nb-calendar-picker .year-cell.disabled.today .cell-content { border: 1px solid #101426; } .nb-theme-dark nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty) { background-color: #3366ff; border-radius: 0; } [dir=ltr] .nb-theme-dark nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir=rtl] .nb-theme-dark nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=ltr] .nb-theme-dark nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=rtl] .nb-theme-dark nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .nb-theme-dark nb-base-calendar nb-card { background-color: #222b45; border: 0.0625rem solid #101426; box-shadow: none; margin: 0; width: 20.625rem; overflow: hidden; } .nb-theme-dark nb-base-calendar nb-card-body { padding: 0; } .nb-theme-dark nb-base-calendar .calendar-navigation { border: none; display: flex; padding: 0.625rem 0.25rem; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-dark nb-base-calendar:not(.has-navigation) nb-calendar-week-numbers .sign-container, .nb-theme-dark nb-base-calendar:not(.has-navigation) nb-calendar-days-names { border-top: 0; } .nb-theme-dark nb-base-calendar.has-week-number nb-card { width: calc(20.625rem + 2.75rem + 1px); } .nb-theme-dark nb-base-calendar.has-week-number .month-cell, .nb-theme-dark nb-base-calendar.has-week-number .year-cell { flex: 1 0 auto; } .nb-theme-dark nb-base-calendar.size-large nb-card { width: 22.375rem; } .nb-theme-dark nb-base-calendar.size-large.has-week-number nb-card { width: calc(22.375rem + 3rem + 1px); } .nb-theme-dark nb-card { background-color: #222b45; border: 0.0625rem solid #101426; border-radius: 0.25rem; box-shadow: none; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; margin-bottom: 1.875rem; scrollbar-face-color: #101426; scrollbar-track-color: #192038; } .nb-theme-dark nb-card::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-card::-webkit-scrollbar-thumb { background: #101426; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-card::-webkit-scrollbar-track { background: #192038; } .nb-theme-dark nb-card.size-tiny { height: 13.5rem; } .nb-theme-dark nb-card.size-small { height: 21.1875rem; } .nb-theme-dark nb-card.size-medium { height: 28.875rem; } .nb-theme-dark nb-card.size-large { height: 36.5625rem; } .nb-theme-dark nb-card.size-giant { height: 44.25rem; } .nb-theme-dark nb-card.status-basic nb-card-header { background-color: #192038; border-bottom-width: 0; border-bottom-color: #192038; color: #ffffff; } .nb-theme-dark nb-card.status-basic nb-card-header a, .nb-theme-dark nb-card.status-basic nb-card-header a:hover { color: #ffffff; } .nb-theme-dark nb-card.status-primary nb-card-header { background-color: #3366ff; border-bottom-width: 0; border-bottom-color: #3366ff; color: #ffffff; } .nb-theme-dark nb-card.status-primary nb-card-header a, .nb-theme-dark nb-card.status-primary nb-card-header a:hover { color: #ffffff; } .nb-theme-dark nb-card.status-success nb-card-header { background-color: #00d68f; border-bottom-width: 0; border-bottom-color: #00d68f; color: #ffffff; } .nb-theme-dark nb-card.status-success nb-card-header a, .nb-theme-dark nb-card.status-success nb-card-header a:hover { color: #ffffff; } .nb-theme-dark nb-card.status-warning nb-card-header { background-color: #ffaa00; border-bottom-width: 0; border-bottom-color: #ffaa00; color: #ffffff; } .nb-theme-dark nb-card.status-warning nb-card-header a, .nb-theme-dark nb-card.status-warning nb-card-header a:hover { color: #ffffff; } .nb-theme-dark nb-card.status-danger nb-card-header { background-color: #ff3d71; border-bottom-width: 0; border-bottom-color: #ff3d71; color: #ffffff; } .nb-theme-dark nb-card.status-danger nb-card-header a, .nb-theme-dark nb-card.status-danger nb-card-header a:hover { color: #ffffff; } .nb-theme-dark nb-card.status-info nb-card-header { background-color: #0095ff; border-bottom-width: 0; border-bottom-color: #0095ff; color: #ffffff; } .nb-theme-dark nb-card.status-info nb-card-header a, .nb-theme-dark nb-card.status-info nb-card-header a:hover { color: #ffffff; } .nb-theme-dark nb-card.status-control nb-card-header { background-color: #ffffff; border-bottom-width: 0; border-bottom-color: #ffffff; color: #222b45; } .nb-theme-dark nb-card.status-control nb-card-header a, .nb-theme-dark nb-card.status-control nb-card-header a:hover { color: #222b45; } .nb-theme-dark nb-card.accent-basic { border-top-color: #192038; } .nb-theme-dark nb-card.accent-primary { border-top-color: #3366ff; } .nb-theme-dark nb-card.accent-success { border-top-color: #00d68f; } .nb-theme-dark nb-card.accent-warning { border-top-color: #ffaa00; } .nb-theme-dark nb-card.accent-danger { border-top-color: #ff3d71; } .nb-theme-dark nb-card.accent-info { border-top-color: #0095ff; } .nb-theme-dark nb-card.accent-control { border-top-color: #ffffff; } .nb-theme-dark nb-card.accent { border-top-style: solid; border-top-width: 0.25rem; } .nb-theme-dark nb-card.accent nb-card-header { border-radius: 0; } .nb-theme-dark nb-card-body { flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: 1rem 1.5rem; position: relative; scrollbar-face-color: #101426; scrollbar-track-color: #192038; } .nb-theme-dark nb-card-body::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-card-body::-webkit-scrollbar-thumb { background: #101426; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-card-body::-webkit-scrollbar-track { background: #192038; } .nb-theme-dark nb-card-footer { padding: 1rem 1.5rem; border-top: 1px solid #151a30; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .nb-theme-dark nb-card-header { padding: 1rem 1.5rem; border-bottom: 1px solid #151a30; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-card-header h1 { margin: 0; } .nb-theme-dark nb-card-header h2 { margin: 0; } .nb-theme-dark nb-card-header h3 { margin: 0; } .nb-theme-dark nb-card-header h4 { margin: 0; } .nb-theme-dark nb-card-header h5 { margin: 0; } .nb-theme-dark nb-card-header h6 { margin: 0; } .nb-theme-dark nb-reveal-card { box-shadow: none; margin-bottom: 1.875rem; } .nb-theme-dark .second-card-container { height: 100%; border-radius: 0.25rem; } .nb-theme-dark .reveal-button { line-height: 1.25rem; padding: 1rem 1.5rem; } .nb-theme-dark .flip-button { line-height: 1.25rem; margin-bottom: 1.875rem; padding: 1rem 1.5rem; } [dir=ltr] .nb-theme-dark .flipcard-body .front-container { margin-right: -100%; } [dir=rtl] .nb-theme-dark .flipcard-body .front-container { margin-left: -100%; } .nb-theme-dark nb-tabset { background-color: transparent; border-radius: 0; box-shadow: none; } .nb-theme-dark nb-tabset .tabset { border-bottom: 1px solid #151a30; } .nb-theme-dark nb-tabset .tab-link { background-color: transparent; cursor: pointer; padding: 1rem 2rem; color: #8f9bb3; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; } .nb-theme-dark nb-tabset .tab-link::before { background-color: transparent; height: 0.25rem; } .nb-theme-dark nb-tabset nb-badge.dot-mode.position-left { left: 0.75rem; } .nb-theme-dark nb-tabset nb-badge.dot-mode.position-right { right: 0.75rem; } [dir=ltr] .nb-theme-dark nb-tabset nb-badge.dot-mode.position-start { left: 0.75rem; } [dir=rtl] .nb-theme-dark nb-tabset nb-badge.dot-mode.position-start { right: 0.75rem; } [dir=ltr] .nb-theme-dark nb-tabset nb-badge.dot-mode.position-end { right: 0.75rem; } [dir=rtl] .nb-theme-dark nb-tabset nb-badge.dot-mode.position-end { left: 0.75rem; } .nb-theme-dark nb-tabset .tab.active .tab-link { background-color: transparent; color: #3366ff; } .nb-theme-dark nb-tabset .tab.active .tab-link::before { background-color: #3366ff; } .nb-theme-dark nb-tabset .tab:focus .tab-link { background-color: transparent; color: #274bdb; } .nb-theme-dark nb-tabset .tab:focus .tab-link::before { background-color: #274bdb; } .nb-theme-dark nb-tabset .tab:hover .tab-link { color: #598bff; background-color: transparent; } .nb-theme-dark nb-tabset .tab:hover .tab-link::before { background-color: #598bff; } .nb-theme-dark nb-tabset .tab.disabled { cursor: default; pointer-events: none; } .nb-theme-dark nb-tabset .tab.disabled .tab-link { background-color: transparent; color: rgba(143, 155, 179, 0.48); cursor: default; pointer-events: none; } .nb-theme-dark nb-tabset .tab.disabled .tab-link::before { background-color: transparent; } @media screen and (max-width: 36rem) { .nb-theme-dark nb-tabset .tab.responsive .tab-text { display: none; } } .nb-theme-dark nb-tabset nb-tab { background-color: transparent; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1rem 2rem; scrollbar-face-color: #101426; scrollbar-track-color: #192038; } .nb-theme-dark nb-tabset nb-tab::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-tabset nb-tab::-webkit-scrollbar-thumb { background: #101426; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-tabset nb-tab::-webkit-scrollbar-track { background: #192038; } .nb-theme-dark nb-route-tabset { scrollbar-face-color: #101426; scrollbar-track-color: #192038; background-color: transparent; border-radius: 0; box-shadow: none; } .nb-theme-dark nb-route-tabset::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-route-tabset::-webkit-scrollbar-thumb { background: #101426; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-route-tabset::-webkit-scrollbar-track { background: #192038; } .nb-theme-dark nb-route-tabset .route-tabset { border-bottom: 1px solid #151a30; } .nb-theme-dark nb-route-tabset .tab-link { background-color: transparent; cursor: pointer; padding: 1rem 2rem; color: #8f9bb3; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; } .nb-theme-dark nb-route-tabset .tab-link::before { background-color: transparent; height: 0.25rem; } .nb-theme-dark nb-route-tabset .route-tab.active .tab-link { background-color: transparent; color: #3366ff; } .nb-theme-dark nb-route-tabset .route-tab.active .tab-link::before { background-color: #3366ff; } .nb-theme-dark nb-route-tabset .route-tab:focus .tab-link { background-color: transparent; color: #274bdb; } .nb-theme-dark nb-route-tabset .route-tab:focus .tab-link::before { background-color: #274bdb; } .nb-theme-dark nb-route-tabset .route-tab:hover .tab-link { background-color: transparent; color: #598bff; } .nb-theme-dark nb-route-tabset .route-tab:hover .tab-link::before { background-color: #598bff; } .nb-theme-dark nb-route-tabset .route-tab.disabled { cursor: default; pointer-events: none; } .nb-theme-dark nb-route-tabset .route-tab.disabled .tab-link { background-color: transparent; color: rgba(143, 155, 179, 0.48); cursor: default; pointer-events: none; } .nb-theme-dark nb-route-tabset .route-tab.disabled .tab-link::before { background-color: transparent; } @media screen and (max-width: 36rem) { .nb-theme-dark nb-route-tabset .route-tab.responsive .tab-text { display: none; } } .nb-theme-dark nb-menu { background-color: transparent; } .nb-theme-dark nb-menu ul.menu-items { margin: 0; padding: 0; } .nb-theme-dark nb-menu .menu-group, .nb-theme-dark nb-menu .menu-item a { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.75rem 1rem; } .nb-theme-dark nb-menu .menu-group, .nb-theme-dark nb-menu .menu-group nb-icon.menu-icon { color: #8f9bb3; } .nb-theme-dark nb-menu .menu-item a { color: #ffffff; border-radius: 0; } .nb-theme-dark nb-menu .menu-item a.active { background-color: transparent; color: #3366ff; } .nb-theme-dark nb-menu .menu-item a.active .menu-icon { color: #3366ff; } .nb-theme-dark nb-menu .menu-item a:hover { background-color: transparent; color: #598bff; cursor: pointer; } .nb-theme-dark nb-menu .menu-item a:hover .menu-icon { color: #598bff; } .nb-theme-dark nb-menu .menu-item .menu-icon { color: #8f9bb3; font-size: 1.25rem; margin: 0 0.5rem 0 0; width: 1em; text-align: center; } .nb-theme-dark nb-menu .menu-item .expand-state { color: #8f9bb3; } .nb-theme-dark nb-menu .menu-item { border-bottom: 1px solid #151a30; } .nb-theme-dark nb-menu .menu-item:first-child { border-top: none; } .nb-theme-dark nb-menu .menu-item:last-child { border-bottom: none; } .nb-theme-dark nb-menu .menu-item .menu-item:first-child { border-top: 1px solid #151a30; } .nb-theme-dark nb-menu .menu-item > .menu-items { background-color: transparent; margin: 0; padding: 0 1.25rem; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item { background: transparent; color: #ffffff; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a { border-color: transparent; border-style: solid; border-width: 0; padding: 0.75rem 1rem; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a.active { background-color: transparent; border-color: #3366ff; color: #3366ff; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a.active .menu-icon { color: #3366ff; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a:hover { background-color: transparent; border-color: transparent; color: #598bff; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a:hover .menu-icon { color: #598bff; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a.active:hover { background-color: transparent; border-color: #598bff; color: #598bff; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-item a.active:hover .menu-icon { color: #598bff; } .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-group, .nb-theme-dark nb-menu .menu-item > .menu-items > .menu-group nb-icon.menu-icon { color: #8f9bb3; } .nb-theme-dark nb-user .user-picture { background-color: transparent; border: 1px solid #151a30; } .nb-theme-dark nb-user .initials { color: #ffffff; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-dark nb-user .user-name { color: #ffffff; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-dark nb-user .user-title { color: #ffffff; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-dark nb-user.size-tiny .user-picture { height: 1.25rem; width: 1.25rem; } .nb-theme-dark nb-user.size-tiny .initials { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-tiny .user-name { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-tiny .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-small .user-picture { height: 1.5rem; width: 1.5rem; } .nb-theme-dark nb-user.size-small .initials { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-small .user-name { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-small .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-medium .user-picture { height: 2.5rem; width: 2.5rem; } .nb-theme-dark nb-user.size-medium .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.size-medium .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.size-medium .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark nb-user.size-large .user-picture { height: 3.25rem; width: 3.25rem; } .nb-theme-dark nb-user.size-large .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.size-large .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.size-large .user-title { font-size: 0.8125rem; line-height: 1.125rem; } .nb-theme-dark nb-user.size-giant .user-picture { height: 4rem; width: 4rem; } .nb-theme-dark nb-user.size-giant .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.size-giant .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.size-giant .user-title { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-dark nb-user.shape-rectangle .user-picture { border-radius: 0.5rem; } .nb-theme-dark nb-user.shape-semi-round .user-picture { border-radius: 0.75rem; } .nb-theme-dark nb-user.shape-round .user-picture { border-radius: 50%; } .nb-theme-dark nb-actions { background-color: transparent; color: #ffffff; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 1rem; } .nb-theme-dark nb-actions.size-tiny nb-action { font-size: 0.625rem; height: 1rem; padding: 0 1.25rem; } .nb-theme-dark nb-actions.size-tiny nb-action nb-icon { font-size: 1rem; } .nb-theme-dark nb-actions.size-small nb-action { font-size: 0.75rem; height: 1.5rem; padding: 0 1.25rem; } .nb-theme-dark nb-actions.size-small nb-action nb-icon { font-size: 1.5rem; } .nb-theme-dark nb-actions.size-medium nb-action { font-size: 0.875rem; height: 2.25rem; padding: 0 1.25rem; } .nb-theme-dark nb-actions.size-medium nb-action nb-icon { font-size: 2.25rem; } .nb-theme-dark nb-actions.size-large nb-action { font-size: 1rem; height: 3.5rem; padding: 0 1.25rem; } .nb-theme-dark nb-actions.size-large nb-action nb-icon { font-size: 3.5rem; } .nb-theme-dark nb-actions.size-giant nb-action { font-size: 1.125rem; height: 4rem; padding: 0 1.25rem; } .nb-theme-dark nb-actions.size-giant nb-action nb-icon { font-size: 4rem; } [dir=ltr] .nb-theme-dark nb-action { border-left: 1px solid #151a30; } [dir=rtl] .nb-theme-dark nb-action { border-right: 1px solid #151a30; } [dir=ltr] .nb-theme-dark nb-action:first-child { border-left: none !important; } [dir=rtl] .nb-theme-dark nb-action:first-child { border-right: none !important; } .nb-theme-dark nb-action nb-icon { color: #8f9bb3; } .nb-theme-dark nb-action.disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-action.disabled nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-search-field .close-button { z-index: 1; } .nb-theme-dark nb-search-field .search { background: #222b45; } .nb-theme-dark nb-search-field .search span.info { color: #8f9bb3; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-search-field .search input { border-bottom: 1px solid #151a30; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 2.25rem; font-weight: 700; line-height: 3rem; } .nb-theme-dark nb-search-field .search input::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark nb-search-field .search input:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark nb-search-field .search input::placeholder { color: #8f9bb3; } .nb-theme-dark nb-search-field .search input::-ms-clear { display: none; } .nb-theme-dark nb-search-field.rotate-layout { opacity: 0; background: #222b45; } .nb-theme-dark nb-search-field.modal-zoomin .search::before, .nb-theme-dark nb-search-field.modal-zoomin .search::after { border: 1.5rem solid #3366ff; } .nb-theme-dark nb-search-field.modal-half .form-wrapper { background: #222b45; } .nb-theme-dark nb-search-field.modal-half .search::before { background: #3366ff; } .nb-theme-dark nb-search-field.modal-drop .form-content::after { background: #151a30; } .nb-theme-dark nb-search-field.modal-drop .search::before { background: #222b45; } .nb-theme-dark nb-search-field.curtain .search::after { background: #222b45; } .nb-theme-dark nb-search-field.curtain .search { background: #222b45; } .nb-theme-dark nb-search-field.column-curtain::before { background: #222b45; } .nb-theme-dark nb-search-field.column-curtain::after { background: transparent; } .nb-theme-dark nb-search-field.column-curtain.show::after { background: #3366ff; } .nb-theme-dark .nb-spinner-container { position: relative; } .nb-theme-dark nb-spinner .message { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-dark nb-spinner.status-basic { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-dark nb-spinner.status-basic .spin-circle { border-top-color: #8f9bb3; border-right-color: transparent; border-bottom-color: #8f9bb3; border-left-color: #8f9bb3; } .nb-theme-dark nb-spinner.status-primary { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-dark nb-spinner.status-primary .spin-circle { border-top-color: #3366ff; border-right-color: transparent; border-bottom-color: #3366ff; border-left-color: #3366ff; } .nb-theme-dark nb-spinner.status-success { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-dark nb-spinner.status-success .spin-circle { border-top-color: #00d68f; border-right-color: transparent; border-bottom-color: #00d68f; border-left-color: #00d68f; } .nb-theme-dark nb-spinner.status-warning { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-dark nb-spinner.status-warning .spin-circle { border-top-color: #ffaa00; border-right-color: transparent; border-bottom-color: #ffaa00; border-left-color: #ffaa00; } .nb-theme-dark nb-spinner.status-danger { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-dark nb-spinner.status-danger .spin-circle { border-top-color: #ff3d71; border-right-color: transparent; border-bottom-color: #ff3d71; border-left-color: #ff3d71; } .nb-theme-dark nb-spinner.status-info { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-dark nb-spinner.status-info .spin-circle { border-top-color: #0095ff; border-right-color: transparent; border-bottom-color: #0095ff; border-left-color: #0095ff; } .nb-theme-dark nb-spinner.status-control { background-color: rgba(255, 255, 255, 0.16); } .nb-theme-dark nb-spinner.status-control .spin-circle { border-top-color: #ffffff; border-right-color: transparent; border-bottom-color: #ffffff; border-left-color: #ffffff; } .nb-theme-dark nb-spinner.size-tiny { font-size: 1rem; } .nb-theme-dark nb-spinner.size-small { font-size: 1.25rem; } .nb-theme-dark nb-spinner.size-medium { font-size: 1.5rem; } .nb-theme-dark nb-spinner.size-large { font-size: 1.75rem; } .nb-theme-dark nb-spinner.size-giant { font-size: 2rem; } @keyframes spin { 0% { transform: rotate(0deg); } 40% { transform: rotate(230deg); } 100% { transform: rotate(360deg); } } .nb-theme-dark .nb-timepicker-container { width: 20rem; height: 26.1875rem; } .nb-theme-dark .nb-timepicker-container .list-item { color: #ffffff; font-size: 0.9375rem; font-family: Open Sans, sans-serif; height: 2.75rem; line-height: 1.5rem; font-weight: 600; } .nb-theme-dark .nb-timepicker-container .list-item:first-child { border-top: none; } .nb-theme-dark .nb-timepicker-container .list-item:hover { background-color: #192038; color: #ffffff; } .nb-theme-dark .nb-timepicker-container .list-item:focus { background-color: #e4e9f2; color: #ffffff; } .nb-theme-dark .nb-timepicker-container .list-item.selected { background-color: #3366ff; color: #ffffff; } .nb-theme-dark .nb-timepicker-container .values-list { scrollbar-face-color: #101426; scrollbar-track-color: #192038; } [dir=ltr] .nb-theme-dark .nb-timepicker-container .values-list:not(:last-of-type) { border-right: 0.0625rem solid #101426; } [dir=rtl] .nb-theme-dark .nb-timepicker-container .values-list:not(:last-of-type) { border-left: 0.0625rem solid #101426; } .nb-theme-dark .nb-timepicker-container .values-list::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark .nb-timepicker-container .values-list::-webkit-scrollbar-thumb { background: #101426; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark .nb-timepicker-container .values-list::-webkit-scrollbar-track { background: #192038; } [dir=ltr] .nb-theme-dark .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-right: -0.3125rem; } [dir=rtl] .nb-theme-dark .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-left: -0.3125rem; } .nb-theme-dark .nb-timepicker-container .header-cell { color: #8f9bb3; font-size: 0.9375rem; font-family: Open Sans, sans-serif; height: 2.75rem; line-height: 1.5rem; font-weight: 600; } [dir=ltr] .nb-theme-dark .nb-timepicker-container .header-cell:not(:last-child) { border-right: 0.0625rem solid #101426; } [dir=rtl] .nb-theme-dark .nb-timepicker-container .header-cell:not(:last-child) { border-left: 0.0625rem solid #101426; } .nb-theme-dark .nb-timepicker-container .column-header { border-bottom: 0.0625rem solid #101426; } [dir=ltr] .nb-theme-dark .nb-timepicker-container .actions-footer { padding-left: 0.625rem; } [dir=rtl] .nb-theme-dark .nb-timepicker-container .actions-footer { padding-right: 0.625rem; } .nb-theme-dark nb-checkbox .label { padding: 0; } .nb-theme-dark nb-checkbox .custom-checkbox { width: 1.25rem; height: 1.25rem; border-style: solid; border-width: 1px; border-radius: 3px; position: relative; } .nb-theme-dark nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox { box-shadow: 0 0 0 0.375rem #2e3a59; } .nb-theme-dark nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox:not(:hover):not(:active) { box-shadow: 0 0 0 0.375rem #2e3a59, inset 0 0 0 100vmax #2e3a59; } .nb-theme-dark nb-checkbox .native-input:focus:checked + .custom-checkbox { box-shadow: 0 0 0 0.375rem #2e3a59; } .nb-theme-dark nb-checkbox nb-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; } .nb-theme-dark nb-checkbox .text { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } [dir=ltr] .nb-theme-dark nb-checkbox .text:not(:empty) { padding-left: 0.6875rem; } [dir=rtl] .nb-theme-dark nb-checkbox .text:not(:empty) { padding-right: 0.6875rem; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; } .nb-theme-dark nb-checkbox.status-basic .text { color: #ffffff; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox.checked { background-color: #3366ff; border-color: #3366ff; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox.indeterminate { background-color: #3366ff; border-color: #3366ff; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; } .nb-theme-dark nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.checked { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-dark nb-checkbox.status-basic .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-basic .custom-checkbox:hover.checked { background-color: #598bff; border-color: #598bff; } .nb-theme-dark nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; } .nb-theme-dark nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.checked { background-color: #274bdb; border-color: #274bdb; } .nb-theme-dark nb-checkbox.status-basic .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-basic .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-basic .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-basic .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; } .nb-theme-dark nb-checkbox.status-primary .text { color: #ffffff; } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox.checked { background-color: #3366ff; border-color: #3366ff; } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox.indeterminate { background-color: #3366ff; border-color: #3366ff; } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-dark nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.checked { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-dark nb-checkbox.status-primary .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-primary .custom-checkbox:hover.checked { background-color: #598bff; border-color: #598bff; } .nb-theme-dark nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-dark nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.checked { background-color: #274bdb; border-color: #274bdb; } .nb-theme-dark nb-checkbox.status-primary .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-primary .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-primary .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-primary .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-success .custom-checkbox { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; } .nb-theme-dark nb-checkbox.status-success .text { color: #ffffff; } .nb-theme-dark nb-checkbox.status-success .custom-checkbox.checked { background-color: #00d68f; border-color: #00d68f; } .nb-theme-dark nb-checkbox.status-success .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-success .custom-checkbox.indeterminate { background-color: #00d68f; border-color: #00d68f; } .nb-theme-dark nb-checkbox.status-success .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-dark nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.checked { background-color: #00b887; border-color: #00997a; } .nb-theme-dark nb-checkbox.status-success .custom-checkbox:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; } .nb-theme-dark nb-checkbox.status-success .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-success .custom-checkbox:hover.checked { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-dark nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-dark nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.checked { background-color: #00b887; border-color: #00b887; } .nb-theme-dark nb-checkbox.status-success .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-success .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-success .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-success .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; } .nb-theme-dark nb-checkbox.status-warning .text { color: #ffffff; } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox.checked { background-color: #ffaa00; border-color: #ffaa00; } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox.indeterminate { background-color: #ffaa00; border-color: #ffaa00; } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-dark nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.checked { background-color: #db8b00; border-color: #b86e00; } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; } .nb-theme-dark nb-checkbox.status-warning .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-warning .custom-checkbox:hover.checked { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-dark nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-dark nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.checked { background-color: #db8b00; border-color: #db8b00; } .nb-theme-dark nb-checkbox.status-warning .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-warning .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-warning .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-warning .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; } .nb-theme-dark nb-checkbox.status-danger .text { color: #ffffff; } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox.checked { background-color: #ff3d71; border-color: #ff3d71; } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox.indeterminate { background-color: #ff3d71; border-color: #ff3d71; } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-dark nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.checked { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; } .nb-theme-dark nb-checkbox.status-danger .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-danger .custom-checkbox:hover.checked { background-color: #ff708d; border-color: #ff708d; } .nb-theme-dark nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-dark nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.checked { background-color: #db2c66; border-color: #db2c66; } .nb-theme-dark nb-checkbox.status-danger .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-danger .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-danger .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-danger .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-info .custom-checkbox { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; } .nb-theme-dark nb-checkbox.status-info .text { color: #ffffff; } .nb-theme-dark nb-checkbox.status-info .custom-checkbox.checked { background-color: #0095ff; border-color: #0095ff; } .nb-theme-dark nb-checkbox.status-info .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-info .custom-checkbox.indeterminate { background-color: #0095ff; border-color: #0095ff; } .nb-theme-dark nb-checkbox.status-info .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-dark nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.checked { background-color: #006fd6; border-color: #0057c2; } .nb-theme-dark nb-checkbox.status-info .custom-checkbox:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; } .nb-theme-dark nb-checkbox.status-info .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-info .custom-checkbox:hover.checked { background-color: #42aaff; border-color: #42aaff; } .nb-theme-dark nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-dark nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.checked { background-color: #006fd6; border-color: #006fd6; } .nb-theme-dark nb-checkbox.status-info .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-info .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-info .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-info .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-checkbox.status-control .custom-checkbox { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-dark nb-checkbox.status-control .text { color: #ffffff; } .nb-theme-dark nb-checkbox.status-control .custom-checkbox.checked { background-color: #ffffff; border-color: #ffffff; } .nb-theme-dark nb-checkbox.status-control .custom-checkbox.checked nb-icon { color: #222b45; } .nb-theme-dark nb-checkbox.status-control .custom-checkbox.indeterminate { background-color: #ffffff; border-color: #ffffff; } .nb-theme-dark nb-checkbox.status-control .custom-checkbox.indeterminate nb-icon { color: #222b45; } .nb-theme-dark nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-dark nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.checked { background-color: #edf1f7; border-color: #c5cee0; } .nb-theme-dark nb-checkbox.status-control .custom-checkbox:hover { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-dark nb-checkbox.status-control .custom-checkbox:hover.indeterminate, .nb-theme-dark nb-checkbox.status-control .custom-checkbox:hover.checked { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-dark nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-dark nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.checked { background-color: #edf1f7; border-color: #edf1f7; } .nb-theme-dark nb-checkbox.status-control .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-checkbox.status-control .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-dark nb-checkbox.status-control .native-input:disabled ~ .text { color: #ffffff; } .nb-theme-dark nb-checkbox.status-control .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-dark nb-checkbox.status-control .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle .toggle { height: 1.875rem; width: 3.125rem; border-width: 1px; border-style: solid; border-radius: 100px; cursor: pointer; /* We need to set initial positions as Angular animations won't work in IE11 if positions have no initial value. Setting it in SCSS as we don't have access to theme variables from TS. */ } [dir=ltr] .nb-theme-dark nb-toggle .toggle.checked .toggle-switcher { left: calc(100% - 1.75rem - 1px - 1px); } [dir=ltr] .nb-theme-dark nb-toggle .toggle:not(.checked) .toggle-switcher { right: 0; } [dir=rtl] .nb-theme-dark nb-toggle .toggle.checked .toggle-switcher { right: calc(100% - 1.75rem - 1px - 1px); } [dir=rtl] .nb-theme-dark nb-toggle .toggle:not(.checked) .toggle-switcher { left: 0; } .nb-theme-dark nb-toggle .native-input:enabled:focus + .toggle { box-shadow: 0 0 0 0.375rem #2e3a59; } .nb-theme-dark nb-toggle .native-input:disabled + .toggle { cursor: default; } .nb-theme-dark nb-toggle .toggle-switcher { width: 1.75rem; height: 1.75rem; } .nb-theme-dark nb-toggle .toggle-switcher nb-icon { height: 0.75rem; width: 0.75rem; } .nb-theme-dark nb-toggle .text { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-toggle.status-basic .text { color: #ffffff; } .nb-theme-dark nb-toggle.status-basic .toggle { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; } .nb-theme-dark nb-toggle.status-basic .toggle.checked { background-color: #3366ff; border-color: #3366ff; } .nb-theme-dark nb-toggle.status-basic .native-input:enabled:focus + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-dark nb-toggle.status-basic .native-input:enabled:focus + .toggle.checked { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-dark nb-toggle.status-basic .native-input:enabled:active + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-dark nb-toggle.status-basic .native-input:enabled:active + .toggle.checked { background-color: #274bdb; border-color: #274bdb; } .nb-theme-dark nb-toggle.status-basic .native-input:enabled + .toggle:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-dark nb-toggle.status-basic .native-input:enabled + .toggle:hover.checked { background-color: #598bff; border-color: #598bff; } .nb-theme-dark nb-toggle.status-basic .toggle-switcher { background-color: #222b45; } .nb-theme-dark nb-toggle.status-basic .toggle-switcher nb-icon { color: #3366ff; } .nb-theme-dark nb-toggle.status-basic .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-dark nb-toggle.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-primary .text { color: #ffffff; } .nb-theme-dark nb-toggle.status-primary .toggle { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; } .nb-theme-dark nb-toggle.status-primary .toggle.checked { background-color: #3366ff; border-color: #3366ff; } .nb-theme-dark nb-toggle.status-primary .native-input:enabled:focus + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-dark nb-toggle.status-primary .native-input:enabled:focus + .toggle.checked { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-dark nb-toggle.status-primary .native-input:enabled:active + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-dark nb-toggle.status-primary .native-input:enabled:active + .toggle.checked { background-color: #274bdb; border-color: #274bdb; } .nb-theme-dark nb-toggle.status-primary .native-input:enabled + .toggle:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-dark nb-toggle.status-primary .native-input:enabled + .toggle:hover.checked { background-color: #598bff; border-color: #598bff; } .nb-theme-dark nb-toggle.status-primary .toggle-switcher { background-color: #222b45; } .nb-theme-dark nb-toggle.status-primary .toggle-switcher nb-icon { color: #3366ff; } .nb-theme-dark nb-toggle.status-primary .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-dark nb-toggle.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-success .text { color: #ffffff; } .nb-theme-dark nb-toggle.status-success .toggle { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; } .nb-theme-dark nb-toggle.status-success .toggle.checked { background-color: #00d68f; border-color: #00d68f; } .nb-theme-dark nb-toggle.status-success .native-input:enabled:focus + .toggle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-dark nb-toggle.status-success .native-input:enabled:focus + .toggle.checked { background-color: #00b887; border-color: #00997a; } .nb-theme-dark nb-toggle.status-success .native-input:enabled:active + .toggle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-dark nb-toggle.status-success .native-input:enabled:active + .toggle.checked { background-color: #00b887; border-color: #00b887; } .nb-theme-dark nb-toggle.status-success .native-input:enabled + .toggle:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; } .nb-theme-dark nb-toggle.status-success .native-input:enabled + .toggle:hover.checked { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-dark nb-toggle.status-success .toggle-switcher { background-color: #222b45; } .nb-theme-dark nb-toggle.status-success .toggle-switcher nb-icon { color: #00d68f; } .nb-theme-dark nb-toggle.status-success .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-dark nb-toggle.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-warning .text { color: #ffffff; } .nb-theme-dark nb-toggle.status-warning .toggle { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; } .nb-theme-dark nb-toggle.status-warning .toggle.checked { background-color: #ffaa00; border-color: #ffaa00; } .nb-theme-dark nb-toggle.status-warning .native-input:enabled:focus + .toggle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-dark nb-toggle.status-warning .native-input:enabled:focus + .toggle.checked { background-color: #db8b00; border-color: #b86e00; } .nb-theme-dark nb-toggle.status-warning .native-input:enabled:active + .toggle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-dark nb-toggle.status-warning .native-input:enabled:active + .toggle.checked { background-color: #db8b00; border-color: #db8b00; } .nb-theme-dark nb-toggle.status-warning .native-input:enabled + .toggle:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; } .nb-theme-dark nb-toggle.status-warning .native-input:enabled + .toggle:hover.checked { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-dark nb-toggle.status-warning .toggle-switcher { background-color: #222b45; } .nb-theme-dark nb-toggle.status-warning .toggle-switcher nb-icon { color: #ffaa00; } .nb-theme-dark nb-toggle.status-warning .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-dark nb-toggle.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-danger .text { color: #ffffff; } .nb-theme-dark nb-toggle.status-danger .toggle { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; } .nb-theme-dark nb-toggle.status-danger .toggle.checked { background-color: #ff3d71; border-color: #ff3d71; } .nb-theme-dark nb-toggle.status-danger .native-input:enabled:focus + .toggle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-dark nb-toggle.status-danger .native-input:enabled:focus + .toggle.checked { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-dark nb-toggle.status-danger .native-input:enabled:active + .toggle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-dark nb-toggle.status-danger .native-input:enabled:active + .toggle.checked { background-color: #db2c66; border-color: #db2c66; } .nb-theme-dark nb-toggle.status-danger .native-input:enabled + .toggle:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; } .nb-theme-dark nb-toggle.status-danger .native-input:enabled + .toggle:hover.checked { background-color: #ff708d; border-color: #ff708d; } .nb-theme-dark nb-toggle.status-danger .toggle-switcher { background-color: #222b45; } .nb-theme-dark nb-toggle.status-danger .toggle-switcher nb-icon { color: #ff3d71; } .nb-theme-dark nb-toggle.status-danger .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-dark nb-toggle.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-info .text { color: #ffffff; } .nb-theme-dark nb-toggle.status-info .toggle { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; } .nb-theme-dark nb-toggle.status-info .toggle.checked { background-color: #0095ff; border-color: #0095ff; } .nb-theme-dark nb-toggle.status-info .native-input:enabled:focus + .toggle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-dark nb-toggle.status-info .native-input:enabled:focus + .toggle.checked { background-color: #006fd6; border-color: #0057c2; } .nb-theme-dark nb-toggle.status-info .native-input:enabled:active + .toggle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-dark nb-toggle.status-info .native-input:enabled:active + .toggle.checked { background-color: #006fd6; border-color: #006fd6; } .nb-theme-dark nb-toggle.status-info .native-input:enabled + .toggle:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; } .nb-theme-dark nb-toggle.status-info .native-input:enabled + .toggle:hover.checked { background-color: #42aaff; border-color: #42aaff; } .nb-theme-dark nb-toggle.status-info .toggle-switcher { background-color: #222b45; } .nb-theme-dark nb-toggle.status-info .toggle-switcher nb-icon { color: #0095ff; } .nb-theme-dark nb-toggle.status-info .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-dark nb-toggle.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-control .text { color: #ffffff; } .nb-theme-dark nb-toggle.status-control .toggle { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-dark nb-toggle.status-control .toggle.checked { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-dark nb-toggle.status-control .native-input:enabled:focus + .toggle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-dark nb-toggle.status-control .native-input:enabled:focus + .toggle.checked { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-dark nb-toggle.status-control .native-input:enabled:active + .toggle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-dark nb-toggle.status-control .native-input:enabled:active + .toggle.checked { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-dark nb-toggle.status-control .native-input:enabled + .toggle:hover { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-dark nb-toggle.status-control .native-input:enabled + .toggle:hover.checked { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-dark nb-toggle.status-control .toggle-switcher { background-color: #ffffff; } .nb-theme-dark nb-toggle.status-control .toggle-switcher nb-icon { color: #222b45; } .nb-theme-dark nb-toggle.status-control .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-dark nb-toggle.status-control .native-input:disabled ~ .text { color: #ffffff; } .nb-theme-dark nb-progress-bar .progress-container { border-radius: 0.25rem; } .nb-theme-dark nb-progress-bar .progress-value { display: flex; align-items: center; justify-content: center; font-family: Open Sans, sans-serif; transition-duration: 400ms; transition-property: width, background-color; } .nb-theme-dark nb-progress-bar.size-tiny .progress-container { height: 1rem; } .nb-theme-dark nb-progress-bar.size-tiny .progress-value { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-progress-bar.size-small .progress-container { height: 1.25rem; } .nb-theme-dark nb-progress-bar.size-small .progress-value { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-progress-bar.size-medium .progress-container { height: 1.375rem; } .nb-theme-dark nb-progress-bar.size-medium .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-progress-bar.size-large .progress-container { height: 1.5rem; } .nb-theme-dark nb-progress-bar.size-large .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-progress-bar.size-giant .progress-container { height: 1.75rem; } .nb-theme-dark nb-progress-bar.size-giant .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-progress-bar.status-basic .progress-container { background-color: #192038; } .nb-theme-dark nb-progress-bar.status-basic .progress-value { background-color: #101426; color: #ffffff; } .nb-theme-dark nb-progress-bar.status-primary .progress-container { background-color: #151a30; } .nb-theme-dark nb-progress-bar.status-primary .progress-value { background-color: #3366ff; color: #ffffff; } .nb-theme-dark nb-progress-bar.status-success .progress-container { background-color: #151a30; } .nb-theme-dark nb-progress-bar.status-success .progress-value { background-color: #00d68f; color: #ffffff; } .nb-theme-dark nb-progress-bar.status-warning .progress-container { background-color: #151a30; } .nb-theme-dark nb-progress-bar.status-warning .progress-value { background-color: #ffaa00; color: #ffffff; } .nb-theme-dark nb-progress-bar.status-danger .progress-container { background-color: #151a30; } .nb-theme-dark nb-progress-bar.status-danger .progress-value { background-color: #ff3d71; color: #ffffff; } .nb-theme-dark nb-progress-bar.status-info .progress-container { background-color: #151a30; } .nb-theme-dark nb-progress-bar.status-info .progress-value { background-color: #0095ff; color: #ffffff; } .nb-theme-dark nb-progress-bar.status-control .progress-container { background-color: #151a30; } .nb-theme-dark nb-progress-bar.status-control .progress-value { background-color: #ffffff; color: #222b45; } .nb-theme-dark nb-badge { border-radius: 0.25rem; font-family: Open Sans, sans-serif; font-size: 0.625rem; font-weight: 700; line-height: 0.75rem; padding: 0.25rem 0.4rem; } .nb-theme-dark nb-badge.dot-mode { padding: 0.3rem; border-radius: 0.5rem; } .nb-theme-dark nb-badge.status-basic { color: #ffffff; background-color: #192038; } .nb-theme-dark nb-badge.status-primary { color: #ffffff; background-color: #3366ff; } .nb-theme-dark nb-badge.status-success { color: #ffffff; background-color: #00d68f; } .nb-theme-dark nb-badge.status-warning { color: #ffffff; background-color: #ffaa00; } .nb-theme-dark nb-badge.status-danger { color: #ffffff; background-color: #ff3d71; } .nb-theme-dark nb-badge.status-info { color: #ffffff; background-color: #0095ff; } .nb-theme-dark nb-badge.status-control { color: #222b45; background-color: #ffffff; } .nb-theme-dark nb-stepper.horizontal .header .step { width: 2rem; margin: 0 1rem; } .nb-theme-dark nb-stepper.horizontal .header .connector { margin: 1rem; } .nb-theme-dark nb-stepper.vertical .header .connector { margin: 1rem; } .nb-theme-dark nb-stepper .header .connector { background-color: #151a30; } .nb-theme-dark nb-stepper .header .connector-past { background-color: #3366ff; } .nb-theme-dark nb-stepper .header .label-index { border-radius: 50%; border-color: #101426; border-style: solid; border-width: 1px; width: 2rem; height: 2rem; } .nb-theme-dark nb-stepper .header .step { color: #8f9bb3; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark nb-stepper .header .step.label-index { border-color: #101426; } .nb-theme-dark nb-stepper .header .step.selected { color: #274bdb; } .nb-theme-dark nb-stepper .header .step.selected .label-index { border-color: #274bdb; } .nb-theme-dark nb-stepper .header .step.completed { color: #3366ff; } .nb-theme-dark nb-stepper .header .step.completed .label-index { background-color: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-dark nb-stepper .step-content { padding: 1.25rem; } .nb-theme-dark nb-alert { border-radius: 0.25rem; box-shadow: none; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 1rem 1.125rem; margin-bottom: 1.5rem; scrollbar-face-color: #101426; scrollbar-track-color: #192038; } .nb-theme-dark nb-alert::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-alert::-webkit-scrollbar-thumb { background: #101426; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-alert::-webkit-scrollbar-track { background: #192038; } [dir=ltr] .nb-theme-dark nb-alert.closable { padding-right: 3rem; } [dir=rtl] .nb-theme-dark nb-alert.closable { padding-left: 3rem; } .nb-theme-dark nb-alert .close { padding: 1rem 1.125rem; font-size: 1.5rem; line-height: 1; cursor: pointer; font-family: monospace; } .nb-theme-dark nb-alert.size-tiny { height: 4.5rem; } .nb-theme-dark nb-alert.size-small { height: 5.75rem; } .nb-theme-dark nb-alert.size-medium { height: 7rem; } .nb-theme-dark nb-alert.size-large { height: 8.25rem; } .nb-theme-dark nb-alert.size-giant { height: 9.5rem; } .nb-theme-dark nb-alert.status-basic { color: #ffffff; background-color: #192038; } .nb-theme-dark nb-alert.status-basic a, .nb-theme-dark nb-alert.status-basic a:hover { color: #ffffff; } .nb-theme-dark nb-alert.accent-basic { border-top: 0.25rem solid #151a30; } .nb-theme-dark nb-alert.outline-basic { border: 1px solid #c5cee0; } .nb-theme-dark nb-alert.status-primary { color: #ffffff; background-color: #3366ff; } .nb-theme-dark nb-alert.status-primary a, .nb-theme-dark nb-alert.status-primary a:hover { color: #ffffff; } .nb-theme-dark nb-alert.accent-primary { border-top: 0.25rem solid #3366ff; } .nb-theme-dark nb-alert.outline-primary { border: 1px solid #1a34b8; } .nb-theme-dark nb-alert.status-success { color: #ffffff; background-color: #00d68f; } .nb-theme-dark nb-alert.status-success a, .nb-theme-dark nb-alert.status-success a:hover { color: #ffffff; } .nb-theme-dark nb-alert.accent-success { border-top: 0.25rem solid #00d68f; } .nb-theme-dark nb-alert.outline-success { border: 1px solid #00997a; } .nb-theme-dark nb-alert.status-warning { color: #ffffff; background-color: #ffaa00; } .nb-theme-dark nb-alert.status-warning a, .nb-theme-dark nb-alert.status-warning a:hover { color: #ffffff; } .nb-theme-dark nb-alert.accent-warning { border-top: 0.25rem solid #ffaa00; } .nb-theme-dark nb-alert.outline-warning { border: 1px solid #b86e00; } .nb-theme-dark nb-alert.status-danger { color: #ffffff; background-color: #ff3d71; } .nb-theme-dark nb-alert.status-danger a, .nb-theme-dark nb-alert.status-danger a:hover { color: #ffffff; } .nb-theme-dark nb-alert.accent-danger { border-top: 0.25rem solid #ff3d71; } .nb-theme-dark nb-alert.outline-danger { border: 1px solid #b81d5b; } .nb-theme-dark nb-alert.status-info { color: #ffffff; background-color: #0095ff; } .nb-theme-dark nb-alert.status-info a, .nb-theme-dark nb-alert.status-info a:hover { color: #ffffff; } .nb-theme-dark nb-alert.accent-info { border-top: 0.25rem solid #0095ff; } .nb-theme-dark nb-alert.outline-info { border: 1px solid #0057c2; } .nb-theme-dark nb-alert.status-control { color: #222b45; background-color: #ffffff; } .nb-theme-dark nb-alert.status-control a, .nb-theme-dark nb-alert.status-control a:hover { color: #222b45; } .nb-theme-dark nb-alert.accent-control { border-top: 0.25rem solid #ffffff; } .nb-theme-dark nb-alert.outline-control { border: 1px solid #c5cee0; } .nb-theme-dark nb-chat { background-color: #222b45; border: none; border-radius: 0.25rem; box-shadow: 0 0.5rem 1rem 0 #1a1f33; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark nb-chat nb-icon { font-size: inherit; } .nb-theme-dark nb-chat .header { border-bottom: 1px solid #151a30; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; padding: 1rem 1.25rem; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-chat .scrollable { overflow: auto; flex: 1; scrollbar-face-color: #101426; scrollbar-track-color: #192038; } .nb-theme-dark nb-chat .scrollable::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-dark nb-chat .scrollable::-webkit-scrollbar-thumb { background: #101426; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-dark nb-chat .scrollable::-webkit-scrollbar-track { background: #192038; } .nb-theme-dark nb-chat .messages { padding: 1rem 1.25rem; overflow-y: auto; overflow-x: hidden; display: flex; flex-shrink: 0; flex-direction: column; } .nb-theme-dark nb-chat .no-messages { text-align: center; } .nb-theme-dark nb-chat.size-tiny { height: 13.5rem; } .nb-theme-dark nb-chat.size-small { height: 21rem; } .nb-theme-dark nb-chat.size-medium { height: 28.5rem; } .nb-theme-dark nb-chat.size-large { height: 36rem; } .nb-theme-dark nb-chat.size-giant { height: 43.5rem; } .nb-theme-dark nb-chat.status-basic .header { background-color: #222b45; color: #ffffff; } .nb-theme-dark nb-chat.status-primary .header { background-color: #3366ff; color: #ffffff; } .nb-theme-dark nb-chat.status-success .header { background-color: #00d68f; color: #ffffff; } .nb-theme-dark nb-chat.status-warning .header { background-color: #ffaa00; color: #ffffff; } .nb-theme-dark nb-chat.status-danger .header { background-color: #ff3d71; color: #ffffff; } .nb-theme-dark nb-chat.status-info .header { background-color: #0095ff; color: #ffffff; } .nb-theme-dark nb-chat.status-control .header { background-color: #ffffff; color: #222b45; } .nb-theme-dark nb-chat-message { margin-bottom: 1.5rem; display: flex; flex-direction: row; } .nb-theme-dark nb-chat-message .message { flex: 1; } .nb-theme-dark nb-chat-message .avatar { border-radius: 50%; flex-shrink: 0; background: #c5cee0; background-position: center; background-size: cover; background-repeat: no-repeat; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; font-size: 0.875rem; color: white; } .nb-theme-dark nb-chat-message nb-chat-message-text { display: flex; flex-direction: column; } .nb-theme-dark nb-chat-message nb-chat-message-text .sender { font-size: 0.875rem; color: #8f9bb3; margin-bottom: 0.5rem; } .nb-theme-dark nb-chat-message nb-chat-message-text p { word-break: break-word; white-space: pre-wrap; max-width: 100%; margin-bottom: 0; } .nb-theme-dark nb-chat-message nb-chat-message-text .text { padding: 1rem; border-radius: 0.5rem; } .nb-theme-dark nb-chat-message nb-chat-message-file { display: flex; flex-direction: column; } .nb-theme-dark nb-chat-message nb-chat-message-file a { color: #8f9bb3; background: transparent; font-size: 4rem; text-align: center; border: 1px solid #8f9bb3; width: 10rem; height: 10rem; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 0.5rem; } .nb-theme-dark nb-chat-message nb-chat-message-file a:hover, .nb-theme-dark nb-chat-message nb-chat-message-file a:focus { text-decoration: none; color: #8f9bb3; } .nb-theme-dark nb-chat-message nb-chat-message-file a div { background-size: cover; width: 100%; height: 100%; } .nb-theme-dark nb-chat-message nb-chat-message-file nb-chat-message-text { display: block; margin-bottom: 0.5rem; } .nb-theme-dark nb-chat-message nb-chat-message-file .message-content-group { display: flex; flex-direction: row; justify-content: flex-end; flex-wrap: wrap; } .nb-theme-dark nb-chat-message nb-chat-message-file .message-content-group a { margin-bottom: 1rem; width: 5rem; height: 5rem; } [dir=ltr] .nb-theme-dark nb-chat-message nb-chat-message-file .message-content-group a { margin-right: 1rem; } [dir=rtl] .nb-theme-dark nb-chat-message nb-chat-message-file .message-content-group a { margin-left: 1rem; } .nb-theme-dark nb-chat-message nb-chat-message-quote p.quote { font-style: italic; font-size: 0.875rem; background: #192038; color: #8f9bb3; padding: 1rem; border-radius: 0.5rem; margin-bottom: 0.5rem; } .nb-theme-dark nb-chat-message nb-chat-message-quote .sender { font-size: 0.875rem; color: #8f9bb3; margin-bottom: 0.5rem; } [dir=ltr] .nb-theme-dark nb-chat-message.not-reply .message { margin-left: 0.5rem; } [dir=rtl] .nb-theme-dark nb-chat-message.not-reply .message { margin-right: 0.5rem; } [dir=ltr] .nb-theme-dark nb-chat-message.not-reply .message { margin-right: 3rem; } [dir=rtl] .nb-theme-dark nb-chat-message.not-reply .message { margin-left: 3rem; } .nb-theme-dark nb-chat-message.not-reply nb-chat-message-text { align-items: flex-start; } .nb-theme-dark nb-chat-message.not-reply nb-chat-message-text .text { background: #3366ff; color: #ffffff; } [dir=ltr] .nb-theme-dark nb-chat-message.not-reply nb-chat-message-text .text { border-top-left-radius: 0; } [dir=rtl] .nb-theme-dark nb-chat-message.not-reply nb-chat-message-text .text { border-top-right-radius: 0; } .nb-theme-dark nb-chat-message.not-reply nb-chat-message-file { align-items: flex-start; } .nb-theme-dark nb-chat-message.reply { flex-direction: row-reverse; } .nb-theme-dark nb-chat-message.reply .message { margin-left: 0; } [dir=ltr] .nb-theme-dark nb-chat-message.reply .message { margin-right: 0.5rem; } [dir=rtl] .nb-theme-dark nb-chat-message.reply .message { margin-left: 0.5rem; } [dir=ltr] .nb-theme-dark nb-chat-message.reply .message { margin-left: 3rem; } [dir=rtl] .nb-theme-dark nb-chat-message.reply .message { margin-right: 3rem; } .nb-theme-dark nb-chat-message.reply nb-chat-message-text { align-items: flex-end; } [dir=ltr] .nb-theme-dark nb-chat-message.reply nb-chat-message-text .sender { text-align: right; } [dir=rtl] .nb-theme-dark nb-chat-message.reply nb-chat-message-text .sender { text-align: left; } .nb-theme-dark nb-chat-message.reply nb-chat-message-text .text { background: #192038; color: #ffffff; } [dir=ltr] .nb-theme-dark nb-chat-message.reply nb-chat-message-text .text { border-top-right-radius: 0; } [dir=rtl] .nb-theme-dark nb-chat-message.reply nb-chat-message-text .text { border-top-left-radius: 0; } .nb-theme-dark nb-chat-message.reply nb-chat-message-file { align-items: flex-end; } .nb-theme-dark nb-chat-form { display: flex; flex-direction: column; padding: 1rem 1.25rem; border-top: 1px solid #151a30; } .nb-theme-dark nb-chat-form .message-row { flex-direction: row; display: flex; } .nb-theme-dark nb-chat-form input { flex: 1; } .nb-theme-dark nb-chat-form input.with-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } [dir=ltr] .nb-theme-dark nb-chat-form input.with-button { border-bottom-right-radius: 0; } [dir=ltr] .nb-theme-dark nb-chat-form input.with-button { border-top-right-radius: 0; } [dir=rtl] .nb-theme-dark nb-chat-form input.with-button { border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-dark nb-chat-form input.with-button { border-top-left-radius: 0; } .nb-theme-dark nb-chat-form .send-button nb-icon { font-size: 1.5rem; } [dir=ltr] .nb-theme-dark nb-chat-form .send-button { border-bottom-left-radius: 0; border-top-left-radius: 0; } [dir=rtl] .nb-theme-dark nb-chat-form .send-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } .nb-theme-dark nb-chat-form .dropped-files { display: flex; flex-direction: row; margin-bottom: 0.5rem; flex-wrap: wrap; } .nb-theme-dark nb-chat-form .dropped-files div { background-size: cover; width: 3rem; height: 3rem; border-radius: 0.5rem; margin-bottom: 0.5rem; border: 1px solid currentColor; text-align: center; font-size: 2rem; position: relative; } [dir=ltr] .nb-theme-dark nb-chat-form .dropped-files div { margin-right: 0.5rem; } [dir=rtl] .nb-theme-dark nb-chat-form .dropped-files div { margin-left: 0.5rem; } .nb-theme-dark nb-chat-form .dropped-files div .remove { position: absolute; right: -0.5rem; top: -0.875rem; font-size: 0.875rem; line-height: 1; cursor: pointer; } .nb-theme-dark nb-chat-form .dropped-files div nb-icon { width: 65%; height: 100%; } .nb-theme-dark nb-accordion { display: block; box-shadow: 0 0.5rem 1rem 0 #1a1f33; border-radius: 0.25rem; } .nb-theme-dark nb-accordion-item-header { position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #151a30; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 1.25rem; } .nb-theme-dark nb-accordion-item-header h1 { margin: 0; } .nb-theme-dark nb-accordion-item-header h2 { margin: 0; } .nb-theme-dark nb-accordion-item-header h3 { margin: 0; } .nb-theme-dark nb-accordion-item-header h4 { margin: 0; } .nb-theme-dark nb-accordion-item-header h5 { margin: 0; } .nb-theme-dark nb-accordion-item-header h6 { margin: 0; } .nb-theme-dark nb-accordion-item-header .expansion-indicator { position: absolute; } [dir=ltr] .nb-theme-dark nb-accordion-item-header .expansion-indicator { right: 1rem; } [dir=rtl] .nb-theme-dark nb-accordion-item-header .expansion-indicator { left: 1rem; } .nb-theme-dark nb-accordion-item { background-color: #222b45; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark nb-accordion-item.disabled nb-accordion-item-header { color: rgba(143, 155, 179, 0.48); cursor: default; } .nb-theme-dark nb-accordion-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nb-theme-dark nb-accordion-item:last-child { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .nb-theme-dark nb-accordion-item:last-child.collapsed nb-accordion-item-header { border-bottom: none; } .nb-theme-dark nb-accordion-item:not(.collapsed) + nb-accordion-item nb-accordion-item-header { border-top-color: #151a30; border-top-style: solid; border-top-width: 1px; } .nb-theme-dark nb-accordion-item-body .item-body { flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: 1.25rem; position: relative; } .nb-theme-dark [nbButton], .nb-theme-dark [nbButtonToggle] { -moz-appearance: none; appearance: none; text-align: center; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; vertical-align: middle; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-family: Open Sans, sans-serif; font-weight: 700; } .nb-theme-dark [nbButton]:hover, .nb-theme-dark :hover[nbButtonToggle], .nb-theme-dark [nbButton]:focus, .nb-theme-dark :focus[nbButtonToggle] { text-decoration: none; } .nb-theme-dark [nbButton].full-width, .nb-theme-dark .full-width[nbButtonToggle] { width: 100%; } .nb-theme-dark [nbButton] nb-icon, .nb-theme-dark [nbButtonToggle] nb-icon { vertical-align: top; } .nb-theme-dark [nbButton].nb-transition, .nb-theme-dark .nb-transition[nbButtonToggle] { transition-duration: 0.15s; transition-property: background-color, border-color, box-shadow, color; transition-timing-function: ease-in; } .nb-theme-dark [nbButton]:focus, .nb-theme-dark :focus[nbButtonToggle] { position: relative; outline: none; box-shadow: 0 0 0 0.375rem #2e3a59; } .nb-theme-dark [nbButton][disabled], .nb-theme-dark [disabled][nbButtonToggle] { cursor: default; } .nb-theme-dark [nbButton].size-tiny, .nb-theme-dark .size-tiny[nbButtonToggle] { font-size: 0.625rem; line-height: 0.75rem; } .nb-theme-dark [nbButton].size-tiny nb-icon, .nb-theme-dark .size-tiny[nbButtonToggle] nb-icon { font-size: 0.625rem; height: 0.75rem; width: 0.75rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-dark [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-dark .size-tiny.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } [dir=rtl] .nb-theme-dark [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-dark .size-tiny.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=ltr] .nb-theme-dark [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-dark .size-tiny.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=rtl] .nb-theme-dark [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-dark .size-tiny.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } .nb-theme-dark [nbButton].size-tiny.icon-start.icon-end.appearance-filled, .nb-theme-dark .size-tiny.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-dark [nbButton].size-tiny.icon-start.icon-end.appearance-outline, .nb-theme-dark .size-tiny.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-dark [nbButton].size-tiny.icon-start.icon-end.appearance-ghost, .nb-theme-dark .size-tiny.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-dark [nbButton].size-tiny.icon-start.icon-end.appearance-hero, .nb-theme-dark .size-tiny.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.5rem 0.375rem; } .nb-theme-dark [nbButton].size-small, .nb-theme-dark .size-small[nbButtonToggle] { font-size: 0.75rem; line-height: 1rem; } .nb-theme-dark [nbButton].size-small nb-icon, .nb-theme-dark .size-small[nbButtonToggle] nb-icon { font-size: 0.75rem; height: 1rem; width: 1rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-dark [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-dark .size-small.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } [dir=rtl] .nb-theme-dark [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-dark .size-small.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=ltr] .nb-theme-dark [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-dark .size-small.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=rtl] .nb-theme-dark [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-dark .size-small.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } .nb-theme-dark [nbButton].size-small.icon-start.icon-end.appearance-filled, .nb-theme-dark .size-small.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-dark [nbButton].size-small.icon-start.icon-end.appearance-outline, .nb-theme-dark .size-small.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-dark [nbButton].size-small.icon-start.icon-end.appearance-ghost, .nb-theme-dark .size-small.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-dark [nbButton].size-small.icon-start.icon-end.appearance-hero, .nb-theme-dark .size-small.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.5625rem 0.5rem; } .nb-theme-dark [nbButton].size-medium, .nb-theme-dark .size-medium[nbButtonToggle] { font-size: 0.875rem; line-height: 1rem; } .nb-theme-dark [nbButton].size-medium nb-icon, .nb-theme-dark .size-medium[nbButtonToggle] nb-icon { font-size: 0.875rem; height: 1.25rem; width: 1.25rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-dark [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-dark .size-medium.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.5rem; } [dir=rtl] .nb-theme-dark [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-dark .size-medium.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.5rem; } [dir=ltr] .nb-theme-dark [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-dark .size-medium.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.5rem; } [dir=rtl] .nb-theme-dark [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-dark .size-medium.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.5rem; } .nb-theme-dark [nbButton].size-medium.icon-start.icon-end.appearance-filled, .nb-theme-dark .size-medium.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-dark [nbButton].size-medium.icon-start.icon-end.appearance-outline, .nb-theme-dark .size-medium.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-dark [nbButton].size-medium.icon-start.icon-end.appearance-ghost, .nb-theme-dark .size-medium.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-dark [nbButton].size-medium.icon-start.icon-end.appearance-hero, .nb-theme-dark .size-medium.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.75rem 0.5625rem; } .nb-theme-dark [nbButton].size-large, .nb-theme-dark .size-large[nbButtonToggle] { font-size: 1rem; line-height: 1.25rem; } .nb-theme-dark [nbButton].size-large nb-icon, .nb-theme-dark .size-large[nbButtonToggle] nb-icon { font-size: 1rem; height: 1.5rem; width: 1.5rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-dark [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-dark .size-large.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } [dir=rtl] .nb-theme-dark [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-dark .size-large.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=ltr] .nb-theme-dark [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-dark .size-large.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=rtl] .nb-theme-dark [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-dark .size-large.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } .nb-theme-dark [nbButton].size-large.icon-start.icon-end.appearance-filled, .nb-theme-dark .size-large.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-dark [nbButton].size-large.icon-start.icon-end.appearance-outline, .nb-theme-dark .size-large.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-dark [nbButton].size-large.icon-start.icon-end.appearance-ghost, .nb-theme-dark .size-large.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-dark [nbButton].size-large.icon-start.icon-end.appearance-hero, .nb-theme-dark .size-large.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.875rem 0.6875rem; } .nb-theme-dark [nbButton].size-giant, .nb-theme-dark .size-giant[nbButtonToggle] { font-size: 1.125rem; line-height: 1.5rem; } .nb-theme-dark [nbButton].size-giant nb-icon, .nb-theme-dark .size-giant[nbButtonToggle] nb-icon { font-size: 1.125rem; height: 1.5rem; width: 1.5rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-dark [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-dark .size-giant.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } [dir=rtl] .nb-theme-dark [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-dark .size-giant.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=ltr] .nb-theme-dark [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-dark .size-giant.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=rtl] .nb-theme-dark [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-dark .size-giant.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } .nb-theme-dark [nbButton].size-giant.icon-start.icon-end.appearance-filled, .nb-theme-dark .size-giant.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-dark [nbButton].size-giant.icon-start.icon-end.appearance-outline, .nb-theme-dark .size-giant.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-dark [nbButton].size-giant.icon-start.icon-end.appearance-ghost, .nb-theme-dark .size-giant.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-dark [nbButton].size-giant.icon-start.icon-end.appearance-hero, .nb-theme-dark .size-giant.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 1.0625rem 1rem; } .nb-theme-dark [nbButton].shape-rectangle, .nb-theme-dark .shape-rectangle[nbButtonToggle] { border-radius: 0.25rem; } .nb-theme-dark [nbButton].shape-semi-round, .nb-theme-dark .shape-semi-round[nbButtonToggle] { border-radius: 0.75rem; } .nb-theme-dark [nbButton].shape-round, .nb-theme-dark .shape-round[nbButtonToggle] { border-radius: 1.5rem; } .nb-theme-dark a[nbButton], .nb-theme-dark a[nbButtonToggle] { text-decoration: none; } .nb-theme-dark [nbButton].appearance-filled, .nb-theme-dark .appearance-filled[nbButtonToggle] { border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-dark [nbButton].appearance-filled.size-tiny, .nb-theme-dark .appearance-filled.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-dark [nbButton].appearance-filled.size-small, .nb-theme-dark .appearance-filled.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-dark [nbButton].appearance-filled.size-medium, .nb-theme-dark .appearance-filled.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-dark [nbButton].appearance-filled.size-large, .nb-theme-dark .appearance-filled.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-dark [nbButton].appearance-filled.size-giant, .nb-theme-dark .appearance-filled.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-dark [nbButton].appearance-filled.status-basic, .nb-theme-dark .appearance-filled.status-basic[nbButtonToggle] { background-color: #edf1f7; border-color: #edf1f7; color: #222b45; } .nb-theme-dark [nbButton].appearance-filled.status-basic:focus, .nb-theme-dark .appearance-filled.status-basic:focus[nbButtonToggle] { background-color: #e4e9f2; border-color: #c5cee0; } .nb-theme-dark [nbButton].appearance-filled.status-basic:hover, .nb-theme-dark .appearance-filled.status-basic:hover[nbButtonToggle] { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark [nbButton].appearance-filled.status-basic:active, .nb-theme-dark .appearance-filled.status-basic:active[nbButtonToggle] { background-color: #e4e9f2; border-color: #e4e9f2; } .nb-theme-dark [nbButton].appearance-filled.status-basic[disabled], .nb-theme-dark .appearance-filled.status-basic[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-filled.status-primary, .nb-theme-dark .appearance-filled.status-primary[nbButtonToggle] { background-color: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-dark [nbButton].appearance-filled.status-primary:focus, .nb-theme-dark .appearance-filled.status-primary:focus[nbButtonToggle] { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-dark [nbButton].appearance-filled.status-primary:hover, .nb-theme-dark .appearance-filled.status-primary:hover[nbButtonToggle] { background-color: #598bff; border-color: #598bff; } .nb-theme-dark [nbButton].appearance-filled.status-primary:active, .nb-theme-dark .appearance-filled.status-primary:active[nbButtonToggle] { background-color: #274bdb; border-color: #274bdb; } .nb-theme-dark [nbButton].appearance-filled.status-primary[disabled], .nb-theme-dark .appearance-filled.status-primary[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-filled.status-success, .nb-theme-dark .appearance-filled.status-success[nbButtonToggle] { background-color: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-dark [nbButton].appearance-filled.status-success:focus, .nb-theme-dark .appearance-filled.status-success:focus[nbButtonToggle] { background-color: #00b887; border-color: #00997a; } .nb-theme-dark [nbButton].appearance-filled.status-success:hover, .nb-theme-dark .appearance-filled.status-success:hover[nbButtonToggle] { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-dark [nbButton].appearance-filled.status-success:active, .nb-theme-dark .appearance-filled.status-success:active[nbButtonToggle] { background-color: #00b887; border-color: #00b887; } .nb-theme-dark [nbButton].appearance-filled.status-success[disabled], .nb-theme-dark .appearance-filled.status-success[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-filled.status-warning, .nb-theme-dark .appearance-filled.status-warning[nbButtonToggle] { background-color: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-dark [nbButton].appearance-filled.status-warning:focus, .nb-theme-dark .appearance-filled.status-warning:focus[nbButtonToggle] { background-color: #db8b00; border-color: #b86e00; } .nb-theme-dark [nbButton].appearance-filled.status-warning:hover, .nb-theme-dark .appearance-filled.status-warning:hover[nbButtonToggle] { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-dark [nbButton].appearance-filled.status-warning:active, .nb-theme-dark .appearance-filled.status-warning:active[nbButtonToggle] { background-color: #db8b00; border-color: #db8b00; } .nb-theme-dark [nbButton].appearance-filled.status-warning[disabled], .nb-theme-dark .appearance-filled.status-warning[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-filled.status-danger, .nb-theme-dark .appearance-filled.status-danger[nbButtonToggle] { background-color: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-dark [nbButton].appearance-filled.status-danger:focus, .nb-theme-dark .appearance-filled.status-danger:focus[nbButtonToggle] { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-dark [nbButton].appearance-filled.status-danger:hover, .nb-theme-dark .appearance-filled.status-danger:hover[nbButtonToggle] { background-color: #ff708d; border-color: #ff708d; } .nb-theme-dark [nbButton].appearance-filled.status-danger:active, .nb-theme-dark .appearance-filled.status-danger:active[nbButtonToggle] { background-color: #db2c66; border-color: #db2c66; } .nb-theme-dark [nbButton].appearance-filled.status-danger[disabled], .nb-theme-dark .appearance-filled.status-danger[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-filled.status-info, .nb-theme-dark .appearance-filled.status-info[nbButtonToggle] { background-color: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-dark [nbButton].appearance-filled.status-info:focus, .nb-theme-dark .appearance-filled.status-info:focus[nbButtonToggle] { background-color: #006fd6; border-color: #0057c2; } .nb-theme-dark [nbButton].appearance-filled.status-info:hover, .nb-theme-dark .appearance-filled.status-info:hover[nbButtonToggle] { background-color: #42aaff; border-color: #42aaff; } .nb-theme-dark [nbButton].appearance-filled.status-info:active, .nb-theme-dark .appearance-filled.status-info:active[nbButtonToggle] { background-color: #006fd6; border-color: #006fd6; } .nb-theme-dark [nbButton].appearance-filled.status-info[disabled], .nb-theme-dark .appearance-filled.status-info[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-filled.status-control, .nb-theme-dark .appearance-filled.status-control[nbButtonToggle] { background-color: #ffffff; border-color: #ffffff; color: #222b45; } .nb-theme-dark [nbButton].appearance-filled.status-control:focus, .nb-theme-dark .appearance-filled.status-control:focus[nbButtonToggle] { background-color: #edf1f7; border-color: #c5cee0; } .nb-theme-dark [nbButton].appearance-filled.status-control:hover, .nb-theme-dark .appearance-filled.status-control:hover[nbButtonToggle] { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark [nbButton].appearance-filled.status-control:active, .nb-theme-dark .appearance-filled.status-control:active[nbButtonToggle] { background-color: #edf1f7; border-color: #edf1f7; } .nb-theme-dark [nbButton].appearance-filled.status-control[disabled], .nb-theme-dark .appearance-filled.status-control[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline, .nb-theme-dark .appearance-outline[nbButtonToggle] { border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-dark [nbButton].appearance-outline:focus, .nb-theme-dark .appearance-outline:focus[nbButtonToggle] { box-shadow: 0 0 0 0.375rem #2e3a59; } .nb-theme-dark [nbButton].appearance-outline:focus:not(:hover):not(:active), .nb-theme-dark .appearance-outline:focus:not(:hover):not(:active)[nbButtonToggle] { box-shadow: 0 0 0 0.375rem #2e3a59, inset 0 0 0 100vmax #2e3a59; } .nb-theme-dark [nbButton].appearance-outline.size-tiny, .nb-theme-dark .appearance-outline.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-dark [nbButton].appearance-outline.size-small, .nb-theme-dark .appearance-outline.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-dark [nbButton].appearance-outline.size-medium, .nb-theme-dark .appearance-outline.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-dark [nbButton].appearance-outline.size-large, .nb-theme-dark .appearance-outline.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-dark [nbButton].appearance-outline.size-giant, .nb-theme-dark .appearance-outline.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-dark [nbButton].appearance-outline.status-basic, .nb-theme-dark .appearance-outline.status-basic[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-dark [nbButton].appearance-outline.status-basic:focus, .nb-theme-dark .appearance-outline.status-basic:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-dark [nbButton].appearance-outline.status-basic:hover, .nb-theme-dark .appearance-outline.status-basic:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-dark [nbButton].appearance-outline.status-basic:active, .nb-theme-dark .appearance-outline.status-basic:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-dark [nbButton].appearance-outline.status-basic[disabled], .nb-theme-dark .appearance-outline.status-basic[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline.status-primary, .nb-theme-dark .appearance-outline.status-primary[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; color: #3366ff; } .nb-theme-dark [nbButton].appearance-outline.status-primary:focus, .nb-theme-dark .appearance-outline.status-primary:focus[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; color: #3366ff; } .nb-theme-dark [nbButton].appearance-outline.status-primary:hover, .nb-theme-dark .appearance-outline.status-primary:hover[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; color: #3366ff; } .nb-theme-dark [nbButton].appearance-outline.status-primary:active, .nb-theme-dark .appearance-outline.status-primary:active[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; color: #3366ff; } .nb-theme-dark [nbButton].appearance-outline.status-primary[disabled], .nb-theme-dark .appearance-outline.status-primary[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline.status-success, .nb-theme-dark .appearance-outline.status-success[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; color: #00d68f; } .nb-theme-dark [nbButton].appearance-outline.status-success:focus, .nb-theme-dark .appearance-outline.status-success:focus[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-dark [nbButton].appearance-outline.status-success:hover, .nb-theme-dark .appearance-outline.status-success:hover[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; color: #00d68f; } .nb-theme-dark [nbButton].appearance-outline.status-success:active, .nb-theme-dark .appearance-outline.status-success:active[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-dark [nbButton].appearance-outline.status-success[disabled], .nb-theme-dark .appearance-outline.status-success[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline.status-warning, .nb-theme-dark .appearance-outline.status-warning[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; color: #ffaa00; } .nb-theme-dark [nbButton].appearance-outline.status-warning:focus, .nb-theme-dark .appearance-outline.status-warning:focus[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-dark [nbButton].appearance-outline.status-warning:hover, .nb-theme-dark .appearance-outline.status-warning:hover[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; color: #ffaa00; } .nb-theme-dark [nbButton].appearance-outline.status-warning:active, .nb-theme-dark .appearance-outline.status-warning:active[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-dark [nbButton].appearance-outline.status-warning[disabled], .nb-theme-dark .appearance-outline.status-warning[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline.status-danger, .nb-theme-dark .appearance-outline.status-danger[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; color: #ff3d71; } .nb-theme-dark [nbButton].appearance-outline.status-danger:focus, .nb-theme-dark .appearance-outline.status-danger:focus[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-dark [nbButton].appearance-outline.status-danger:hover, .nb-theme-dark .appearance-outline.status-danger:hover[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; color: #ff3d71; } .nb-theme-dark [nbButton].appearance-outline.status-danger:active, .nb-theme-dark .appearance-outline.status-danger:active[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-dark [nbButton].appearance-outline.status-danger[disabled], .nb-theme-dark .appearance-outline.status-danger[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline.status-info, .nb-theme-dark .appearance-outline.status-info[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; color: #0095ff; } .nb-theme-dark [nbButton].appearance-outline.status-info:focus, .nb-theme-dark .appearance-outline.status-info:focus[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-dark [nbButton].appearance-outline.status-info:hover, .nb-theme-dark .appearance-outline.status-info:hover[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; color: #0095ff; } .nb-theme-dark [nbButton].appearance-outline.status-info:active, .nb-theme-dark .appearance-outline.status-info:active[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-dark [nbButton].appearance-outline.status-info[disabled], .nb-theme-dark .appearance-outline.status-info[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-outline.status-control, .nb-theme-dark .appearance-outline.status-control[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; color: #ffffff; } .nb-theme-dark [nbButton].appearance-outline.status-control:focus, .nb-theme-dark .appearance-outline.status-control:focus[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-dark [nbButton].appearance-outline.status-control:hover, .nb-theme-dark .appearance-outline.status-control:hover[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; color: #ffffff; } .nb-theme-dark [nbButton].appearance-outline.status-control:active, .nb-theme-dark .appearance-outline.status-control:active[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-dark [nbButton].appearance-outline.status-control[disabled], .nb-theme-dark .appearance-outline.status-control[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost, .nb-theme-dark .appearance-ghost[nbButtonToggle] { background-color: transparent; border-color: transparent; border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-dark [nbButton].appearance-ghost:focus, .nb-theme-dark .appearance-ghost:focus[nbButtonToggle] { box-shadow: 0 0 0 0.375rem #2e3a59; } .nb-theme-dark [nbButton].appearance-ghost:focus:not(:hover):not(:active), .nb-theme-dark .appearance-ghost:focus:not(:hover):not(:active)[nbButtonToggle] { box-shadow: 0 0 0 0.375rem #2e3a59, inset 0 0 0 100vmax #2e3a59; } .nb-theme-dark [nbButton].appearance-ghost.size-tiny, .nb-theme-dark .appearance-ghost.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-dark [nbButton].appearance-ghost.size-small, .nb-theme-dark .appearance-ghost.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-dark [nbButton].appearance-ghost.size-medium, .nb-theme-dark .appearance-ghost.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-dark [nbButton].appearance-ghost.size-large, .nb-theme-dark .appearance-ghost.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-dark [nbButton].appearance-ghost.size-giant, .nb-theme-dark .appearance-ghost.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-dark [nbButton].appearance-ghost.status-basic, .nb-theme-dark .appearance-ghost.status-basic[nbButtonToggle] { color: #8f9bb3; } .nb-theme-dark [nbButton].appearance-ghost.status-basic:focus, .nb-theme-dark .appearance-ghost.status-basic:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #8f9bb3; } .nb-theme-dark [nbButton].appearance-ghost.status-basic:hover, .nb-theme-dark .appearance-ghost.status-basic:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #8f9bb3; } .nb-theme-dark [nbButton].appearance-ghost.status-basic:active, .nb-theme-dark .appearance-ghost.status-basic:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #8f9bb3; } .nb-theme-dark [nbButton].appearance-ghost.status-basic[disabled], .nb-theme-dark .appearance-ghost.status-basic[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost.status-primary, .nb-theme-dark .appearance-ghost.status-primary[nbButtonToggle] { color: #3366ff; } .nb-theme-dark [nbButton].appearance-ghost.status-primary:focus, .nb-theme-dark .appearance-ghost.status-primary:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #3366ff; } .nb-theme-dark [nbButton].appearance-ghost.status-primary:hover, .nb-theme-dark .appearance-ghost.status-primary:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #3366ff; } .nb-theme-dark [nbButton].appearance-ghost.status-primary:active, .nb-theme-dark .appearance-ghost.status-primary:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #3366ff; } .nb-theme-dark [nbButton].appearance-ghost.status-primary[disabled], .nb-theme-dark .appearance-ghost.status-primary[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost.status-success, .nb-theme-dark .appearance-ghost.status-success[nbButtonToggle] { color: #00d68f; } .nb-theme-dark [nbButton].appearance-ghost.status-success:focus, .nb-theme-dark .appearance-ghost.status-success:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #00d68f; } .nb-theme-dark [nbButton].appearance-ghost.status-success:hover, .nb-theme-dark .appearance-ghost.status-success:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #00d68f; } .nb-theme-dark [nbButton].appearance-ghost.status-success:active, .nb-theme-dark .appearance-ghost.status-success:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #00d68f; } .nb-theme-dark [nbButton].appearance-ghost.status-success[disabled], .nb-theme-dark .appearance-ghost.status-success[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost.status-warning, .nb-theme-dark .appearance-ghost.status-warning[nbButtonToggle] { color: #ffaa00; } .nb-theme-dark [nbButton].appearance-ghost.status-warning:focus, .nb-theme-dark .appearance-ghost.status-warning:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #ffaa00; } .nb-theme-dark [nbButton].appearance-ghost.status-warning:hover, .nb-theme-dark .appearance-ghost.status-warning:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #ffaa00; } .nb-theme-dark [nbButton].appearance-ghost.status-warning:active, .nb-theme-dark .appearance-ghost.status-warning:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #ffaa00; } .nb-theme-dark [nbButton].appearance-ghost.status-warning[disabled], .nb-theme-dark .appearance-ghost.status-warning[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost.status-danger, .nb-theme-dark .appearance-ghost.status-danger[nbButtonToggle] { color: #ff3d71; } .nb-theme-dark [nbButton].appearance-ghost.status-danger:focus, .nb-theme-dark .appearance-ghost.status-danger:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #ff3d71; } .nb-theme-dark [nbButton].appearance-ghost.status-danger:hover, .nb-theme-dark .appearance-ghost.status-danger:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #ff3d71; } .nb-theme-dark [nbButton].appearance-ghost.status-danger:active, .nb-theme-dark .appearance-ghost.status-danger:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #ff3d71; } .nb-theme-dark [nbButton].appearance-ghost.status-danger[disabled], .nb-theme-dark .appearance-ghost.status-danger[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost.status-info, .nb-theme-dark .appearance-ghost.status-info[nbButtonToggle] { color: #0095ff; } .nb-theme-dark [nbButton].appearance-ghost.status-info:focus, .nb-theme-dark .appearance-ghost.status-info:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #0095ff; } .nb-theme-dark [nbButton].appearance-ghost.status-info:hover, .nb-theme-dark .appearance-ghost.status-info:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #0095ff; } .nb-theme-dark [nbButton].appearance-ghost.status-info:active, .nb-theme-dark .appearance-ghost.status-info:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #0095ff; } .nb-theme-dark [nbButton].appearance-ghost.status-info[disabled], .nb-theme-dark .appearance-ghost.status-info[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-ghost.status-control, .nb-theme-dark .appearance-ghost.status-control[nbButtonToggle] { color: #ffffff; } .nb-theme-dark [nbButton].appearance-ghost.status-control:focus, .nb-theme-dark .appearance-ghost.status-control:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #ffffff; } .nb-theme-dark [nbButton].appearance-ghost.status-control:hover, .nb-theme-dark .appearance-ghost.status-control:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #ffffff; } .nb-theme-dark [nbButton].appearance-ghost.status-control:active, .nb-theme-dark .appearance-ghost.status-control:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #ffffff; } .nb-theme-dark [nbButton].appearance-ghost.status-control[disabled], .nb-theme-dark .appearance-ghost.status-control[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero, .nb-theme-dark .appearance-hero[nbButtonToggle] { text-shadow: 0 0.5rem 1rem 0 #1a1f33; text-transform: uppercase; } .nb-theme-dark [nbButton].appearance-hero.size-tiny, .nb-theme-dark .appearance-hero.size-tiny[nbButtonToggle] { padding: 0.375rem 0.6875rem; } .nb-theme-dark [nbButton].appearance-hero.size-small, .nb-theme-dark .appearance-hero.size-small[nbButtonToggle] { padding: 0.5rem 0.9375rem; } .nb-theme-dark [nbButton].appearance-hero.size-medium, .nb-theme-dark .appearance-hero.size-medium[nbButtonToggle] { padding: 0.75rem 1.1875rem; } .nb-theme-dark [nbButton].appearance-hero.size-large, .nb-theme-dark .appearance-hero.size-large[nbButtonToggle] { padding: 0.875rem 1.1875rem; } .nb-theme-dark [nbButton].appearance-hero.size-giant, .nb-theme-dark .appearance-hero.size-giant[nbButtonToggle] { padding: 1rem 1.4375rem; } .nb-theme-dark [nbButton].appearance-hero.status-basic, .nb-theme-dark .appearance-hero.status-basic[nbButtonToggle] { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); border: none; box-shadow: 0 0 0 0 #8f9bb3, 0 0 0 0 #2e3a59, 0 0 transparent; color: #8f9bb3; } .nb-theme-dark [nbButton].appearance-hero.status-basic:focus, .nb-theme-dark .appearance-hero.status-basic:focus[nbButtonToggle] { background-image: linear-gradient(to right, #edf1f7, #e4e9f2); box-shadow: 0 0 0 0 #8f9bb3, 0 0 0 0 #2e3a59, 0 0 transparent, 0 0 0 0.375rem #2e3a59; } .nb-theme-dark [nbButton].appearance-hero.status-basic:hover, .nb-theme-dark .appearance-hero.status-basic:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffffff, #f7f9fc); } .nb-theme-dark [nbButton].appearance-hero.status-basic:active, .nb-theme-dark .appearance-hero.status-basic:active[nbButtonToggle] { background-image: linear-gradient(to right, #edf1f7, #e4e9f2); } .nb-theme-dark [nbButton].appearance-hero.status-basic[disabled], .nb-theme-dark .appearance-hero.status-basic[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-basic.button-pulse, .nb-theme-dark .appearance-hero.status-basic.button-pulse[nbButtonToggle] { animation: button-hero-basic-pulse 0.75s infinite alternate; } @keyframes button-hero-basic-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #f7f9fc; opacity: 0.8; } } .nb-theme-dark [nbButton].appearance-hero.status-primary, .nb-theme-dark .appearance-hero.status-primary[nbButtonToggle] { background-image: linear-gradient(to right, #598bff, #3366ff); border: none; box-shadow: 0 0 0 0 #274bdb, 0 0 0 0 #1a34b8, 0 0 transparent; color: #ffffff; } .nb-theme-dark [nbButton].appearance-hero.status-primary:focus, .nb-theme-dark .appearance-hero.status-primary:focus[nbButtonToggle] { background-image: linear-gradient(to right, #3366ff, #274bdb); box-shadow: 0 0 0 0 #274bdb, 0 0 0 0 #1a34b8, 0 0 transparent, 0 0 0 0.375rem #2e3a59; } .nb-theme-dark [nbButton].appearance-hero.status-primary:hover, .nb-theme-dark .appearance-hero.status-primary:hover[nbButtonToggle] { background-image: linear-gradient(to right, #a6c1ff, #598bff); } .nb-theme-dark [nbButton].appearance-hero.status-primary:active, .nb-theme-dark .appearance-hero.status-primary:active[nbButtonToggle] { background-image: linear-gradient(to right, #3366ff, #274bdb); } .nb-theme-dark [nbButton].appearance-hero.status-primary[disabled], .nb-theme-dark .appearance-hero.status-primary[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-primary.button-pulse, .nb-theme-dark .appearance-hero.status-primary.button-pulse[nbButtonToggle] { animation: button-hero-primary-pulse 0.75s infinite alternate; } @keyframes button-hero-primary-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #598bff; opacity: 0.8; } } .nb-theme-dark [nbButton].appearance-hero.status-success, .nb-theme-dark .appearance-hero.status-success[nbButtonToggle] { background-image: linear-gradient(to right, #2ce69b, #00d68f); border: none; box-shadow: 0 0 0 0 #00b887, 0 0 0 0 #00997a, 0 0 transparent; color: #ffffff; } .nb-theme-dark [nbButton].appearance-hero.status-success:focus, .nb-theme-dark .appearance-hero.status-success:focus[nbButtonToggle] { background-image: linear-gradient(to right, #00d68f, #00b887); box-shadow: 0 0 0 0 #00b887, 0 0 0 0 #00997a, 0 0 transparent, 0 0 0 0.375rem #2e3a59; } .nb-theme-dark [nbButton].appearance-hero.status-success:hover, .nb-theme-dark .appearance-hero.status-success:hover[nbButtonToggle] { background-image: linear-gradient(to right, #8cfac7, #2ce69b); } .nb-theme-dark [nbButton].appearance-hero.status-success:active, .nb-theme-dark .appearance-hero.status-success:active[nbButtonToggle] { background-image: linear-gradient(to right, #00d68f, #00b887); } .nb-theme-dark [nbButton].appearance-hero.status-success[disabled], .nb-theme-dark .appearance-hero.status-success[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-success.button-pulse, .nb-theme-dark .appearance-hero.status-success.button-pulse[nbButtonToggle] { animation: button-hero-success-pulse 0.75s infinite alternate; } @keyframes button-hero-success-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #2ce69b; opacity: 0.8; } } .nb-theme-dark [nbButton].appearance-hero.status-warning, .nb-theme-dark .appearance-hero.status-warning[nbButtonToggle] { background-image: linear-gradient(to right, #ffc94d, #ffaa00); border: none; box-shadow: 0 0 0 0 #db8b00, 0 0 0 0 #b86e00, 0 0 transparent; color: #ffffff; } .nb-theme-dark [nbButton].appearance-hero.status-warning:focus, .nb-theme-dark .appearance-hero.status-warning:focus[nbButtonToggle] { background-image: linear-gradient(to right, #ffaa00, #db8b00); box-shadow: 0 0 0 0 #db8b00, 0 0 0 0 #b86e00, 0 0 transparent, 0 0 0 0.375rem #2e3a59; } .nb-theme-dark [nbButton].appearance-hero.status-warning:hover, .nb-theme-dark .appearance-hero.status-warning:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffe59e, #ffc94d); } .nb-theme-dark [nbButton].appearance-hero.status-warning:active, .nb-theme-dark .appearance-hero.status-warning:active[nbButtonToggle] { background-image: linear-gradient(to right, #ffaa00, #db8b00); } .nb-theme-dark [nbButton].appearance-hero.status-warning[disabled], .nb-theme-dark .appearance-hero.status-warning[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-warning.button-pulse, .nb-theme-dark .appearance-hero.status-warning.button-pulse[nbButtonToggle] { animation: button-hero-warning-pulse 0.75s infinite alternate; } @keyframes button-hero-warning-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #ffc94d; opacity: 0.8; } } .nb-theme-dark [nbButton].appearance-hero.status-danger, .nb-theme-dark .appearance-hero.status-danger[nbButtonToggle] { background-image: linear-gradient(to right, #ff708d, #ff3d71); border: none; box-shadow: 0 0 0 0 #db2c66, 0 0 0 0 #b81d5b, 0 0 transparent; color: #ffffff; } .nb-theme-dark [nbButton].appearance-hero.status-danger:focus, .nb-theme-dark .appearance-hero.status-danger:focus[nbButtonToggle] { background-image: linear-gradient(to right, #ff3d71, #db2c66); box-shadow: 0 0 0 0 #db2c66, 0 0 0 0 #b81d5b, 0 0 transparent, 0 0 0 0.375rem #2e3a59; } .nb-theme-dark [nbButton].appearance-hero.status-danger:hover, .nb-theme-dark .appearance-hero.status-danger:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffa8b4, #ff708d); } .nb-theme-dark [nbButton].appearance-hero.status-danger:active, .nb-theme-dark .appearance-hero.status-danger:active[nbButtonToggle] { background-image: linear-gradient(to right, #ff3d71, #db2c66); } .nb-theme-dark [nbButton].appearance-hero.status-danger[disabled], .nb-theme-dark .appearance-hero.status-danger[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-danger.button-pulse, .nb-theme-dark .appearance-hero.status-danger.button-pulse[nbButtonToggle] { animation: button-hero-danger-pulse 0.75s infinite alternate; } @keyframes button-hero-danger-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #ff708d; opacity: 0.8; } } .nb-theme-dark [nbButton].appearance-hero.status-info, .nb-theme-dark .appearance-hero.status-info[nbButtonToggle] { background-image: linear-gradient(to right, #42aaff, #0095ff); border: none; box-shadow: 0 0 0 0 #006fd6, 0 0 0 0 #0057c2, 0 0 transparent; color: #ffffff; } .nb-theme-dark [nbButton].appearance-hero.status-info:focus, .nb-theme-dark .appearance-hero.status-info:focus[nbButtonToggle] { background-image: linear-gradient(to right, #0095ff, #006fd6); box-shadow: 0 0 0 0 #006fd6, 0 0 0 0 #0057c2, 0 0 transparent, 0 0 0 0.375rem #2e3a59; } .nb-theme-dark [nbButton].appearance-hero.status-info:hover, .nb-theme-dark .appearance-hero.status-info:hover[nbButtonToggle] { background-image: linear-gradient(to right, #94cbff, #42aaff); } .nb-theme-dark [nbButton].appearance-hero.status-info:active, .nb-theme-dark .appearance-hero.status-info:active[nbButtonToggle] { background-image: linear-gradient(to right, #0095ff, #006fd6); } .nb-theme-dark [nbButton].appearance-hero.status-info[disabled], .nb-theme-dark .appearance-hero.status-info[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-info.button-pulse, .nb-theme-dark .appearance-hero.status-info.button-pulse[nbButtonToggle] { animation: button-hero-info-pulse 0.75s infinite alternate; } @keyframes button-hero-info-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #42aaff; opacity: 0.8; } } .nb-theme-dark [nbButton].appearance-hero.status-control, .nb-theme-dark .appearance-hero.status-control[nbButtonToggle] { background-image: linear-gradient(to right, #ffffff, #ffffff); border: none; box-shadow: 0 0 0 0 #8f9bb3, 0 0 0 0 #2e3a59, 0 0 transparent; color: #222b45; } .nb-theme-dark [nbButton].appearance-hero.status-control:focus, .nb-theme-dark .appearance-hero.status-control:focus[nbButtonToggle] { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); box-shadow: 0 0 0 0 #8f9bb3, 0 0 0 0 #2e3a59, 0 0 transparent, 0 0 0 0.375rem #2e3a59; } .nb-theme-dark [nbButton].appearance-hero.status-control:hover, .nb-theme-dark .appearance-hero.status-control:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffffff, #f7f9fc); } .nb-theme-dark [nbButton].appearance-hero.status-control:active, .nb-theme-dark .appearance-hero.status-control:active[nbButtonToggle] { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); } .nb-theme-dark [nbButton].appearance-hero.status-control[disabled], .nb-theme-dark .appearance-hero.status-control[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbButton].appearance-hero.status-control.button-pulse, .nb-theme-dark .appearance-hero.status-control.button-pulse[nbButtonToggle] { animation: button-hero-control-pulse 0.75s infinite alternate; } @keyframes button-hero-control-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #ffffff; opacity: 0.8; } } .nb-theme-dark nb-button-group { display: inline-flex; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton]:first-child:not(:last-child), [dir=ltr] .nb-theme-dark nb-button-group :first-child:not(:last-child)[nbButtonToggle], [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton]:last-child:not(:first-child), [dir=ltr] .nb-theme-dark nb-button-group :last-child:not(:first-child)[nbButtonToggle], [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton]:first-child:not(:last-child), [dir=rtl] .nb-theme-dark nb-button-group :first-child:not(:last-child)[nbButtonToggle], [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton]:last-child:not(:first-child), [dir=rtl] .nb-theme-dark nb-button-group :last-child:not(:first-child)[nbButtonToggle], [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nb-theme-dark nb-button-group [nbButton]:not(:first-child):not(:last-child), .nb-theme-dark nb-button-group :not(:first-child):not(:last-child)[nbButtonToggle], .nb-theme-dark nb-button-group [nbButtonToggle]:not(:first-child):not(:last-child) { border-radius: 0; } .nb-theme-dark nb-button-group [nbButton].appearance-filled, .nb-theme-dark nb-button-group .appearance-filled[nbButtonToggle], .nb-theme-dark nb-button-group [nbButton].appearance-ghost, .nb-theme-dark nb-button-group .appearance-ghost[nbButtonToggle], .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled, .nb-theme-dark nb-button-group [nbButtonToggle].appearance-ghost { border-color: transparent; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group .appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #c5cee0; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group .appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #c5cee0; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-basic, .nb-theme-dark nb-button-group .appearance-filled.status-basic[nbButtonToggle], .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-basic { color: #8f9bb3; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group .appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #274bdb; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group .appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #274bdb; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-primary, .nb-theme-dark nb-button-group .appearance-filled.status-primary[nbButtonToggle], .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-primary { color: #ffffff; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group .appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #00b887; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group .appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #00b887; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-success, .nb-theme-dark nb-button-group .appearance-filled.status-success[nbButtonToggle], .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-success { color: #ffffff; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group .appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #db8b00; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group .appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #db8b00; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-warning, .nb-theme-dark nb-button-group .appearance-filled.status-warning[nbButtonToggle], .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-warning { color: #ffffff; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group .appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #db2c66; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group .appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #db2c66; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-danger, .nb-theme-dark nb-button-group .appearance-filled.status-danger[nbButtonToggle], .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-danger { color: #ffffff; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group .appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #006fd6; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group .appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #006fd6; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-info, .nb-theme-dark nb-button-group .appearance-filled.status-info[nbButtonToggle], .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-info { color: #ffffff; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group .appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #edf1f7; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group .appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #edf1f7; } .nb-theme-dark nb-button-group [nbButton].appearance-filled.status-control, .nb-theme-dark nb-button-group .appearance-filled.status-control[nbButtonToggle], .nb-theme-dark nb-button-group [nbButtonToggle].appearance-filled.status-control { color: #222b45; } [dir=ltr] .nb-theme-dark nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-dark nb-button-group .appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #c5cee0; } [dir=rtl] .nb-theme-dark nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-dark nb-button-group .appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-dark nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #c5cee0; } .nb-theme-dark nb-list-item { border-bottom: 1px solid #151a30; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1rem; } .nb-theme-dark nb-list-item:first-child { border-top: 1px solid #151a30; } .nb-theme-dark [nbInput] { border-style: solid; border-width: 1px; font-family: Open Sans, sans-serif; -moz-appearance: none; appearance: none; } .nb-theme-dark [nbInput].nb-transition { transition-duration: 0.15s; transition-property: border, background-color, color, box-shadow; transition-timing-function: ease-in; } .nb-theme-dark [nbInput]::-moz-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark [nbInput]:-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark [nbInput]::placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark [nbInput]:focus { outline: none; } .nb-theme-dark [nbInput].input-full-width { width: 100%; } .nb-theme-dark [nbInput].status-basic { background-color: #192038; border-color: #101426; color: #ffffff; } .nb-theme-dark [nbInput].status-basic::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-basic:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-basic::placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-basic:focus { background-color: #222b45; border-color: #3366ff; } .nb-theme-dark [nbInput].status-basic:hover { background-color: #151a30; border-color: #101426; } .nb-theme-dark [nbInput].status-basic:disabled { background-color: #192038; border-color: #101426; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-basic:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-basic:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-basic:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-primary { background-color: #192038; border-color: #3366ff; color: #ffffff; } .nb-theme-dark [nbInput].status-primary::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-primary:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-primary::placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-primary:focus { background-color: #222b45; border-color: #1a34b8; } .nb-theme-dark [nbInput].status-primary:hover { background-color: #151a30; border-color: #598bff; } .nb-theme-dark [nbInput].status-primary:disabled { background-color: #192038; border-color: #101426; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-primary:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-primary:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-primary:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-success { background-color: #192038; border-color: #00d68f; color: #ffffff; } .nb-theme-dark [nbInput].status-success::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-success:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-success::placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-success:focus { background-color: #222b45; border-color: #00997a; } .nb-theme-dark [nbInput].status-success:hover { background-color: #151a30; border-color: #2ce69b; } .nb-theme-dark [nbInput].status-success:disabled { background-color: #192038; border-color: #101426; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-success:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-success:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-success:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-warning { background-color: #192038; border-color: #ffaa00; color: #ffffff; } .nb-theme-dark [nbInput].status-warning::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-warning:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-warning::placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-warning:focus { background-color: #222b45; border-color: #b86e00; } .nb-theme-dark [nbInput].status-warning:hover { background-color: #151a30; border-color: #ffc94d; } .nb-theme-dark [nbInput].status-warning:disabled { background-color: #192038; border-color: #101426; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-warning:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-warning:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-warning:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-danger { background-color: #192038; border-color: #ff3d71; color: #ffffff; } .nb-theme-dark [nbInput].status-danger::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-danger:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-danger::placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-danger:focus { background-color: #222b45; border-color: #b81d5b; } .nb-theme-dark [nbInput].status-danger:hover { background-color: #151a30; border-color: #ff708d; } .nb-theme-dark [nbInput].status-danger:disabled { background-color: #192038; border-color: #101426; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-danger:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-danger:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-danger:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-info { background-color: #192038; border-color: #0095ff; color: #ffffff; } .nb-theme-dark [nbInput].status-info::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-info:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-info::placeholder { color: #8f9bb3; } .nb-theme-dark [nbInput].status-info:focus { background-color: #222b45; border-color: #0057c2; } .nb-theme-dark [nbInput].status-info:hover { background-color: #151a30; border-color: #42aaff; } .nb-theme-dark [nbInput].status-info:disabled { background-color: #192038; border-color: #101426; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-info:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-info:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-info:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark [nbInput].status-control { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); color: #ffffff; } .nb-theme-dark [nbInput].status-control::-moz-placeholder { color: #ffffff; } .nb-theme-dark [nbInput].status-control:-ms-input-placeholder { color: #ffffff; } .nb-theme-dark [nbInput].status-control::placeholder { color: #ffffff; } .nb-theme-dark [nbInput].status-control:focus { background-color: rgba(255, 255, 255, 0.4); border-color: #ffffff; } .nb-theme-dark [nbInput].status-control:hover { background-color: rgba(255, 255, 255, 0.32); border-color: #ffffff; } .nb-theme-dark [nbInput].status-control:disabled { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: #ffffff; } .nb-theme-dark [nbInput].status-control:disabled::-moz-placeholder { color: #ffffff; } .nb-theme-dark [nbInput].status-control:disabled:-ms-input-placeholder { color: #ffffff; } .nb-theme-dark [nbInput].status-control:disabled::placeholder { color: #ffffff; } .nb-theme-dark [nbInput].size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.1875rem 1rem; } .nb-theme-dark [nbInput].size-tiny:not(.input-full-width) { max-width: 20rem; } .nb-theme-dark [nbInput].size-tiny::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-tiny:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-tiny::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 1rem; } .nb-theme-dark [nbInput].size-small:not(.input-full-width) { max-width: 20rem; } .nb-theme-dark [nbInput].size-small::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-small:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-small::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.4375rem 1rem; } .nb-theme-dark [nbInput].size-medium:not(.input-full-width) { max-width: 20rem; } .nb-theme-dark [nbInput].size-medium::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-medium:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-medium::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.6875rem 1rem; } .nb-theme-dark [nbInput].size-large:not(.input-full-width) { max-width: 30rem; } .nb-theme-dark [nbInput].size-large::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-large:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-large::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.9375rem 1rem; } .nb-theme-dark [nbInput].size-giant:not(.input-full-width) { max-width: 30rem; } .nb-theme-dark [nbInput].size-giant::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-giant:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].size-giant::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark [nbInput].shape-rectangle { border-radius: 0.25rem; } .nb-theme-dark [nbInput].shape-semi-round { border-radius: 0.75rem; } .nb-theme-dark [nbInput].shape-round { border-radius: 1.5rem; } .nb-theme-dark nb-form-field [nbInput] { width: 100%; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-left: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-right: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-right: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-left: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-small { padding-left: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-small { padding-right: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-small { padding-right: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-small { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-medium { padding-left: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-medium { padding-right: 2.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-medium { padding-right: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-medium { padding-left: 2.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-large { padding-left: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-large { padding-right: 3rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-large { padding-right: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-large { padding-left: 3rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-giant { padding-left: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix [nbInput].size-giant { padding-right: 3.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-giant { padding-right: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix [nbInput].size-giant { padding-left: 3.5rem; } .nb-theme-dark .overlay-backdrop { background: rgba(0, 0, 0, 0.35); } .nb-theme-dark .cdk-overlay-container { z-index: 1040; } .nb-theme-dark nb-popover { border: 1px solid transparent; border-radius: 0.25rem; background: #222b45; box-shadow: 0 0.5rem 1rem 0 #1a1f33; color: #ffffff; } .nb-theme-dark nb-popover .primitive-overlay { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 0.75rem 1rem; } .nb-theme-dark nb-popover .arrow { border-left: 0.6875rem solid transparent; border-right: 0.6875rem solid transparent; border-bottom: 0.6875rem solid transparent; } .nb-theme-dark nb-popover .arrow::after { position: absolute; content: ' '; width: 0; height: 0; top: 3px; left: calc(50% - 0.6875rem); border-left: 0.6875rem solid transparent; border-right: 0.6875rem solid transparent; border-bottom: 0.6875rem solid #222b45; clip-path: inset(0 0 2px); } .nb-theme-dark nb-popover.nb-overlay-bottom .arrow { top: calc(-1 * 0.6875rem + 1px); left: calc(50% - 0.6875rem); } .nb-theme-dark nb-popover.nb-overlay-bottom-start .arrow { top: calc(-1 * 0.6875rem + 1px); } [dir=ltr] .nb-theme-dark nb-popover.nb-overlay-bottom-start .arrow { right: 0.6875rem; } [dir=rtl] .nb-theme-dark nb-popover.nb-overlay-bottom-start .arrow { left: 0.6875rem; } .nb-theme-dark nb-popover.nb-overlay-bottom-end .arrow { top: calc(-1 * 0.6875rem + 1px); } [dir=ltr] .nb-theme-dark nb-popover.nb-overlay-bottom-end .arrow { left: 0.6875rem; } [dir=rtl] .nb-theme-dark nb-popover.nb-overlay-bottom-end .arrow { right: 0.6875rem; } .nb-theme-dark nb-popover.nb-overlay-left .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: calc(50% - 0.34375rem); transform: rotate(90deg); } .nb-theme-dark nb-popover.nb-overlay-start-top .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); bottom: 0.6875rem; transform: rotate(90deg); } .nb-theme-dark nb-popover.nb-overlay-start-bottom .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: 0.6875rem; transform: rotate(90deg); } .nb-theme-dark nb-popover.nb-overlay-top .arrow { bottom: calc(-1 * 0.6875rem + 1px); left: calc(50% - 0.6875rem); transform: rotate(180deg); } .nb-theme-dark nb-popover.nb-overlay-top-start .arrow { bottom: calc(-1 * 0.6875rem + 1px); transform: rotate(180deg); } [dir=ltr] .nb-theme-dark nb-popover.nb-overlay-top-start .arrow { right: 0.6875rem; } [dir=rtl] .nb-theme-dark nb-popover.nb-overlay-top-start .arrow { left: 0.6875rem; } .nb-theme-dark nb-popover.nb-overlay-top-end .arrow { bottom: calc(-1 * 0.6875rem + 1px); transform: rotate(180deg); } [dir=ltr] .nb-theme-dark nb-popover.nb-overlay-top-end .arrow { left: 0.6875rem; } [dir=rtl] .nb-theme-dark nb-popover.nb-overlay-top-end .arrow { right: 0.6875rem; } .nb-theme-dark nb-popover.nb-overlay-right .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: calc(50% - 0.34375rem); transform: rotate(270deg); } .nb-theme-dark nb-popover.nb-overlay-end-top .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); bottom: 0.6875rem; transform: rotate(270deg); } .nb-theme-dark nb-popover.nb-overlay-end-bottom .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: 0.6875rem; transform: rotate(270deg); } .nb-theme-dark .context-menu-host { /* Fixes click not being bubbled to the body in Safari. https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html */ cursor: pointer; } .nb-theme-dark nb-context-menu { background-color: #222b45; border-color: transparent; border-style: solid; border-width: 0; border-radius: 0.25rem; box-shadow: 0 0.5rem 1rem 0 #1a1f33; min-width: 10rem; max-width: 15rem; } .nb-theme-dark nb-context-menu nb-menu { border-radius: 0.25rem; overflow: hidden; text-align: center; } .nb-theme-dark nb-select .select-button { min-width: 13rem; cursor: pointer; font-family: Open Sans, sans-serif; } .nb-theme-dark nb-select .select-button.placeholder { font-family: Open Sans, sans-serif; } .nb-theme-dark nb-select .select-button:focus { outline: none; } .nb-theme-dark nb-select .select-button[disabled] { cursor: default; } .nb-theme-dark nb-select.size-tiny .select-button { font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-dark nb-select.size-tiny .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-dark nb-select.size-tiny .select-button.empty::before { content: ' '; display: block; height: 1rem; } .nb-theme-dark nb-select.size-tiny:not(.full-width) { max-width: 20rem; } .nb-theme-dark nb-select.size-small .select-button { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-select.size-small .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-dark nb-select.size-small .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-dark nb-select.size-small:not(.full-width) { max-width: 20rem; } .nb-theme-dark nb-select.size-medium .select-button { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-select.size-medium .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-dark nb-select.size-medium .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-dark nb-select.size-medium:not(.full-width) { max-width: 20rem; } .nb-theme-dark nb-select.size-large .select-button { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-select.size-large .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-dark nb-select.size-large .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-dark nb-select.size-large:not(.full-width) { max-width: 30rem; } .nb-theme-dark nb-select.size-giant .select-button { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .nb-theme-dark nb-select.size-giant .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-dark nb-select.size-giant .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-dark nb-select.size-giant:not(.full-width) { max-width: 30rem; } .nb-theme-dark nb-select.shape-rectangle .select-button { border-radius: 0.25rem; } .nb-theme-dark nb-select.shape-semi-round .select-button { border-radius: 0.75rem; } .nb-theme-dark nb-select.shape-round .select-button { border-radius: 1.5rem; } .nb-theme-dark nb-select.appearance-outline .select-button { border-style: solid; border-width: 1px; } .nb-theme-dark nb-select.appearance-outline .select-button.top { border-top-style: solid; border-top-width: 1px; } .nb-theme-dark nb-select.appearance-outline .select-button.bottom { border-bottom-style: solid; border-bottom-width: 1px; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button { background-color: #192038; border-color: #101426; color: #ffffff; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button.placeholder { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button nb-icon { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button:focus { background-color: #222b45; border-color: #3366ff; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button:hover { background-color: #151a30; border-color: #101426; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; border-color: #101426; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-basic .select-button.top { border-color: #101426; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button.top { border-top-color: #101426; } .nb-theme-dark nb-select.appearance-outline.status-basic .select-button.bottom { border-bottom-color: #101426; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button { background-color: #192038; border-color: #3366ff; color: #ffffff; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button.placeholder { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button nb-icon { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button:focus { background-color: #222b45; border-color: #274bdb; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button:hover { background-color: #151a30; border-color: #598bff; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; border-color: #101426; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-primary .select-button.top { border-color: #3366ff; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button.top { border-top-color: #3366ff; } .nb-theme-dark nb-select.appearance-outline.status-primary .select-button.bottom { border-bottom-color: #3366ff; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button { background-color: #192038; border-color: #00d68f; color: #ffffff; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button.placeholder { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button nb-icon { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button:focus { background-color: #222b45; border-color: #00b887; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button:hover { background-color: #151a30; border-color: #2ce69b; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; border-color: #101426; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-outline.status-success .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-success .select-button.top { border-color: #00d68f; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button.top { border-top-color: #00d68f; } .nb-theme-dark nb-select.appearance-outline.status-success .select-button.bottom { border-bottom-color: #00d68f; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button { background-color: #192038; border-color: #ffaa00; color: #ffffff; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button.placeholder { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button nb-icon { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button:focus { background-color: #222b45; border-color: #db8b00; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button:hover { background-color: #151a30; border-color: #ffc94d; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; border-color: #101426; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-warning .select-button.top { border-color: #ffaa00; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button.top { border-top-color: #ffaa00; } .nb-theme-dark nb-select.appearance-outline.status-warning .select-button.bottom { border-bottom-color: #ffaa00; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button { background-color: #192038; border-color: #ff3d71; color: #ffffff; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button.placeholder { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button nb-icon { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button:focus { background-color: #222b45; border-color: #db2c66; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button:hover { background-color: #151a30; border-color: #ff708d; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; border-color: #101426; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-danger .select-button.top { border-color: #ff3d71; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button.top { border-top-color: #ff3d71; } .nb-theme-dark nb-select.appearance-outline.status-danger .select-button.bottom { border-bottom-color: #ff3d71; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button { background-color: #192038; border-color: #0095ff; color: #ffffff; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button.placeholder { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button nb-icon { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button:focus { background-color: #222b45; border-color: #006fd6; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button:hover { background-color: #151a30; border-color: #42aaff; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; border-color: #101426; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-outline.status-info .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-info .select-button.top { border-color: #0095ff; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button.top { border-top-color: #0095ff; } .nb-theme-dark nb-select.appearance-outline.status-info .select-button.bottom { border-bottom-color: #0095ff; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); color: #ffffff; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button.placeholder { color: #ffffff; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button nb-icon { color: #ffffff; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button:focus { background-color: rgba(255, 255, 255, 0.4); border-color: #ffffff; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button:hover { background-color: rgba(255, 255, 255, 0.32); border-color: #ffffff; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button[disabled] { color: #ffffff; background-color: rgba(143, 155, 179, 0.16); border-color: rgba(255, 255, 255, 0.4); } .nb-theme-dark nb-select.appearance-outline.status-control .select-button[disabled] nb-icon { color: #ffffff; } .nb-theme-dark nb-select.appearance-outline.status-control .select-button.bottom, .nb-theme-dark nb-select.appearance-outline.status-control .select-button.top { border-color: rgba(255, 255, 255, 0.4); } .nb-theme-dark nb-select.appearance-outline.status-control .select-button.top { border-top-color: rgba(255, 255, 255, 0.4); } .nb-theme-dark nb-select.appearance-outline.status-control .select-button.bottom { border-bottom-color: rgba(255, 255, 255, 0.4); } .nb-theme-dark nb-select.appearance-outline.size-tiny .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-outline.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-outline.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-dark nb-select.appearance-outline.size-small .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-outline.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-outline.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-right: 2rem; } .nb-theme-dark nb-select.appearance-outline.size-medium .select-button { padding: 0.4375rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-outline.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-outline.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-dark nb-select.appearance-outline.size-large .select-button { padding: 0.6875rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-outline.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-outline.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-right: 3rem; } .nb-theme-dark nb-select.appearance-outline.size-giant .select-button { padding: 0.9375rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-outline.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-outline.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-dark nb-select.appearance-filled .select-button { border-style: solid; border-width: 1px; } .nb-theme-dark nb-select.appearance-filled.size-tiny .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-filled.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-filled.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-dark nb-select.appearance-filled.size-small .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-filled.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-filled.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-right: 2rem; } .nb-theme-dark nb-select.appearance-filled.size-medium .select-button { padding: 0.4375rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-filled.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-filled.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-dark nb-select.appearance-filled.size-large .select-button { padding: 0.6875rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-filled.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-filled.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-right: 3rem; } .nb-theme-dark nb-select.appearance-filled.size-giant .select-button { padding: 0.9375rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-filled.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-filled.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button { background-color: #edf1f7; border-color: #edf1f7; color: #222b45; } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button.placeholder { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button:focus { background-color: #e4e9f2; border-color: #c5cee0; } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button[disabled] { background-color: #192038; border-color: #192038; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-basic .select-button nb-icon { color: #222b45; } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button { background-color: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button.placeholder { color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button:focus { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button:hover { background-color: #598bff; border-color: #598bff; } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button[disabled] { background-color: #192038; border-color: #192038; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-primary .select-button nb-icon { color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-success .select-button { background-color: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-success .select-button.placeholder { color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-success .select-button:focus { background-color: #00b887; border-color: #00997a; } .nb-theme-dark nb-select.appearance-filled.status-success .select-button:hover { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-dark nb-select.appearance-filled.status-success .select-button[disabled] { background-color: #192038; border-color: #192038; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-success .select-button nb-icon { color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button { background-color: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button.placeholder { color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button:focus { background-color: #db8b00; border-color: #b86e00; } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button:hover { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button[disabled] { background-color: #192038; border-color: #192038; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-warning .select-button nb-icon { color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button { background-color: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button.placeholder { color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button:focus { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button:hover { background-color: #ff708d; border-color: #ff708d; } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button[disabled] { background-color: #192038; border-color: #192038; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-danger .select-button nb-icon { color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-info .select-button { background-color: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-info .select-button.placeholder { color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-info .select-button:focus { background-color: #006fd6; border-color: #0057c2; } .nb-theme-dark nb-select.appearance-filled.status-info .select-button:hover { background-color: #42aaff; border-color: #42aaff; } .nb-theme-dark nb-select.appearance-filled.status-info .select-button[disabled] { background-color: #192038; border-color: #192038; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-info .select-button nb-icon { color: #ffffff; } .nb-theme-dark nb-select.appearance-filled.status-control .select-button { background-color: #ffffff; border-color: #ffffff; color: #222b45; } .nb-theme-dark nb-select.appearance-filled.status-control .select-button.placeholder { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-filled.status-control .select-button:focus { background-color: #edf1f7; border-color: #c5cee0; } .nb-theme-dark nb-select.appearance-filled.status-control .select-button:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark nb-select.appearance-filled.status-control .select-button[disabled] { background-color: #192038; border-color: #192038; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-control .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-filled.status-control .select-button nb-icon { color: #222b45; } .nb-theme-dark nb-select.appearance-hero .select-button { border: none; } .nb-theme-dark nb-select.appearance-hero.size-tiny .select-button { padding: 0.25rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-hero.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-hero.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-dark nb-select.appearance-hero.size-small .select-button { padding: 0.25rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-hero.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-hero.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-right: 2rem; } .nb-theme-dark nb-select.appearance-hero.size-medium .select-button { padding: 0.5rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-hero.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-hero.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-dark nb-select.appearance-hero.size-large .select-button { padding: 0.75rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-hero.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-hero.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-right: 3rem; } .nb-theme-dark nb-select.appearance-hero.size-giant .select-button { padding: 1rem 1rem; } [dir=ltr] .nb-theme-dark nb-select.appearance-hero.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-dark nb-select.appearance-hero.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); color: #222b45; } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button.placeholder { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button:focus { background-image: linear-gradient(to right, #edf1f7, #e4e9f2); } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button:hover { background-image: linear-gradient(to right, #ffffff, #f7f9fc); } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-basic .select-button nb-icon { color: #222b45; } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button { background-image: linear-gradient(to right, #598bff, #3366ff); color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button.placeholder { color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button:focus { background-image: linear-gradient(to right, #3366ff, #274bdb); } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button:hover { background-image: linear-gradient(to right, #a6c1ff, #598bff); } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-primary .select-button nb-icon { color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-success .select-button { background-image: linear-gradient(to right, #2ce69b, #00d68f); color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-success .select-button.placeholder { color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-success .select-button:focus { background-image: linear-gradient(to right, #00d68f, #00b887); } .nb-theme-dark nb-select.appearance-hero.status-success .select-button:hover { background-image: linear-gradient(to right, #8cfac7, #2ce69b); } .nb-theme-dark nb-select.appearance-hero.status-success .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-success .select-button nb-icon { color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button { background-image: linear-gradient(to right, #ffc94d, #ffaa00); color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button.placeholder { color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button:focus { background-image: linear-gradient(to right, #ffaa00, #db8b00); } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button:hover { background-image: linear-gradient(to right, #ffe59e, #ffc94d); } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-warning .select-button nb-icon { color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button { background-image: linear-gradient(to right, #ff708d, #ff3d71); color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button.placeholder { color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button:focus { background-image: linear-gradient(to right, #ff3d71, #db2c66); } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button:hover { background-image: linear-gradient(to right, #ffa8b4, #ff708d); } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-danger .select-button nb-icon { color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-info .select-button { background-image: linear-gradient(to right, #42aaff, #0095ff); color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-info .select-button.placeholder { color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-info .select-button:focus { background-image: linear-gradient(to right, #0095ff, #006fd6); } .nb-theme-dark nb-select.appearance-hero.status-info .select-button:hover { background-image: linear-gradient(to right, #94cbff, #42aaff); } .nb-theme-dark nb-select.appearance-hero.status-info .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-info .select-button nb-icon { color: #ffffff; } .nb-theme-dark nb-select.appearance-hero.status-control .select-button { background-image: linear-gradient(to right, #ffffff, #ffffff); color: #222b45; } .nb-theme-dark nb-select.appearance-hero.status-control .select-button.placeholder { color: #8f9bb3; } .nb-theme-dark nb-select.appearance-hero.status-control .select-button:focus { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); } .nb-theme-dark nb-select.appearance-hero.status-control .select-button:hover { background-image: linear-gradient(to right, #ffffff, #f7f9fc); } .nb-theme-dark nb-select.appearance-hero.status-control .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #192038; background-image: none; } .nb-theme-dark nb-select.appearance-hero.status-control .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-select.appearance-hero.status-control .select-button nb-icon { color: #222b45; } .nb-theme-dark nb-form-field nb-select { width: 100%; } .nb-theme-dark nb-option-list { background-color: #222b45; border-color: #101426; border-style: solid; border-width: 0.0625rem; border-radius: 0.25rem; box-shadow: none; overflow: hidden; } .nb-theme-dark nb-option-list .option-list { height: 100%; max-height: 20rem; margin: 0; padding: 0; overflow: auto; } .nb-theme-dark nb-option-list.position-top { border-bottom: 0.0625rem solid #101426; } .nb-theme-dark nb-option-list.position-bottom { border-top: 0.0625rem solid #101426; } .nb-theme-dark nb-option-group { color: #8f9bb3; font-family: Open Sans, sans-serif; } .nb-theme-dark nb-option-list.size-tiny nb-option-group { font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-dark nb-option-list.size-tiny nb-option-group .option-group-title { padding: 0.1875rem 1rem; } .nb-theme-dark nb-option-list.size-tiny nb-option-group nb-option { padding-left: 1.25rem; } .nb-theme-dark nb-option-list.size-small nb-option-group { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-option-list.size-small nb-option-group .option-group-title { padding: 0.1875rem 1rem; } .nb-theme-dark nb-option-list.size-small nb-option-group nb-option { padding-left: 1.75rem; } .nb-theme-dark nb-option-list.size-medium nb-option-group { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-option-list.size-medium nb-option-group .option-group-title { padding: 0.4375rem 1rem; } .nb-theme-dark nb-option-list.size-medium nb-option-group nb-option { padding-left: 2.25rem; } .nb-theme-dark nb-option-list.size-large nb-option-group { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-option-list.size-large nb-option-group .option-group-title { padding: 0.6875rem 1rem; } .nb-theme-dark nb-option-list.size-large nb-option-group nb-option { padding-left: 2.25rem; } .nb-theme-dark nb-option-list.size-giant nb-option-group { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .nb-theme-dark nb-option-list.size-giant nb-option-group .option-group-title { padding: 0.9375rem 1rem; } .nb-theme-dark nb-option-list.size-giant nb-option-group nb-option { padding-left: 2.75rem; } .nb-theme-dark nb-option { background-color: #222b45; color: #ffffff; font-family: Open Sans, sans-serif; } .nb-theme-dark nb-option.active { background-color: rgba(143, 155, 179, 0.24); color: #ffffff; } .nb-theme-dark nb-option.selected { background-color: #3366ff; color: #ffffff; } .nb-theme-dark nb-option:focus { background-color: rgba(143, 155, 179, 0.24); color: #ffffff; outline: none; } .nb-theme-dark nb-option:focus.selected { background-color: #274bdb; color: #ffffff; } .nb-theme-dark nb-option:hover { background-color: rgba(143, 155, 179, 0.16); color: #ffffff; } .nb-theme-dark nb-option:hover.selected { background-color: #598bff; color: #ffffff; } .nb-theme-dark nb-option.multiple.selected { background-color: #222b45; color: #ffffff; } .nb-theme-dark nb-option.multiple:focus { background-color: rgba(143, 155, 179, 0.24); color: #ffffff; } .nb-theme-dark nb-option-list.size-tiny nb-option { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.1875rem 1rem; } .nb-theme-dark nb-option-list.size-small nb-option { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 1rem; } .nb-theme-dark nb-option-list.size-medium nb-option { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.4375rem 1rem; } .nb-theme-dark nb-option-list.size-large nb-option { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.6875rem 1rem; } .nb-theme-dark nb-option-list.size-giant nb-option { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.9375rem 1rem; } .nb-theme-dark nb-option, .nb-theme-dark nb-option-group { -moz-user-select: none; -ms-user-select: none; user-select: none; } .nb-theme-dark nb-option[disabled], .nb-theme-dark nb-option-group[disabled] { background-color: #222b45; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-toast { border-style: solid; border-width: 1px; border-radius: 0.25rem; padding: 1rem; box-shadow: 0 0.5rem 1rem 0 #1a1f33; } .nb-theme-dark nb-toast .title { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark nb-toast .message { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; } .nb-theme-dark nb-toast .icon-container { border-radius: 0.25rem; min-width: 2.5rem; min-height: 2.5rem; display: flex; justify-content: center; align-items: center; } [dir=ltr] .nb-theme-dark nb-toast .icon-container { margin-right: 1.25rem; } [dir=rtl] .nb-theme-dark nb-toast .icon-container { margin-left: 1.25rem; } .nb-theme-dark nb-toast .icon-container nb-icon { font-size: 1.5rem; } .nb-theme-dark nb-toast.status-basic { background: #222b45; border-color: #151a30; color: #ffffff; } .nb-theme-dark nb-toast.status-basic .title { color: #ffffff; } .nb-theme-dark nb-toast.status-basic.destroy-by-click:hover { background: #222b45; border-color: #151a30; } .nb-theme-dark nb-toast.status-basic .icon-container { background: #222b45; color: #ffffff; } .nb-theme-dark nb-toast.status-primary { background: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-dark nb-toast.status-primary .title { color: #ffffff; } .nb-theme-dark nb-toast.status-primary.destroy-by-click:hover { background: #598bff; border-color: #598bff; } .nb-theme-dark nb-toast.status-primary .icon-container { background: #222b45; color: #3366ff; } .nb-theme-dark nb-toast.status-success { background: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-dark nb-toast.status-success .title { color: #ffffff; } .nb-theme-dark nb-toast.status-success.destroy-by-click:hover { background: #2ce69b; border-color: #2ce69b; } .nb-theme-dark nb-toast.status-success .icon-container { background: #222b45; color: #00d68f; } .nb-theme-dark nb-toast.status-warning { background: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-dark nb-toast.status-warning .title { color: #ffffff; } .nb-theme-dark nb-toast.status-warning.destroy-by-click:hover { background: #ffc94d; border-color: #ffc94d; } .nb-theme-dark nb-toast.status-warning .icon-container { background: #222b45; color: #ffaa00; } .nb-theme-dark nb-toast.status-danger { background: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-dark nb-toast.status-danger .title { color: #ffffff; } .nb-theme-dark nb-toast.status-danger.destroy-by-click:hover { background: #ff708d; border-color: #ff708d; } .nb-theme-dark nb-toast.status-danger .icon-container { background: #222b45; color: #ff3d71; } .nb-theme-dark nb-toast.status-info { background: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-dark nb-toast.status-info .title { color: #ffffff; } .nb-theme-dark nb-toast.status-info.destroy-by-click:hover { background: #42aaff; border-color: #42aaff; } .nb-theme-dark nb-toast.status-info .icon-container { background: #222b45; color: #0095ff; } .nb-theme-dark nb-toast.status-control { background: #ffffff; border-color: #ffffff; color: #222b45; } .nb-theme-dark nb-toast.status-control .title { color: #222b45; } .nb-theme-dark nb-toast.status-control.destroy-by-click:hover { background: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark nb-toast.status-control .icon-container { background: #ffffff; color: #222b45; } .nb-theme-dark .toastr-overlay-container { z-index: 1041; } .nb-theme-dark nb-tooltip { box-shadow: 0 0.5rem 1rem 0 #1a1f33; background: #edf1f7; border: 0 dashed transparent; border-radius: 0.25rem; padding: 0.5rem 1rem; max-width: 16rem; } .nb-theme-dark nb-tooltip nb-icon:only-child { height: 1rem; width: 1rem; } .nb-theme-dark nb-tooltip nb-icon:not(:only-child) { height: 0.75rem; width: 0.75rem; } .nb-theme-dark nb-tooltip .content { color: #192038; font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .nb-theme-dark nb-tooltip .arrow { border-bottom: 6px dashed #edf1f7; } .nb-theme-dark nb-tooltip.status-basic { background: #151a30; border-color: transparent; } .nb-theme-dark nb-tooltip.status-basic .arrow { border-bottom-color: #151a30; } .nb-theme-dark nb-tooltip.status-basic .content { color: #ffffff; } .nb-theme-dark nb-tooltip.status-primary { background: #3366ff; border-color: transparent; } .nb-theme-dark nb-tooltip.status-primary .arrow { border-bottom-color: #3366ff; } .nb-theme-dark nb-tooltip.status-primary .content { color: #ffffff; } .nb-theme-dark nb-tooltip.status-success { background: #00d68f; border-color: transparent; } .nb-theme-dark nb-tooltip.status-success .arrow { border-bottom-color: #00d68f; } .nb-theme-dark nb-tooltip.status-success .content { color: #ffffff; } .nb-theme-dark nb-tooltip.status-warning { background: #ffaa00; border-color: transparent; } .nb-theme-dark nb-tooltip.status-warning .arrow { border-bottom-color: #ffaa00; } .nb-theme-dark nb-tooltip.status-warning .content { color: #ffffff; } .nb-theme-dark nb-tooltip.status-danger { background: #ff3d71; border-color: transparent; } .nb-theme-dark nb-tooltip.status-danger .arrow { border-bottom-color: #ff3d71; } .nb-theme-dark nb-tooltip.status-danger .content { color: #ffffff; } .nb-theme-dark nb-tooltip.status-info { background: #0095ff; border-color: transparent; } .nb-theme-dark nb-tooltip.status-info .arrow { border-bottom-color: #0095ff; } .nb-theme-dark nb-tooltip.status-info .content { color: #ffffff; } .nb-theme-dark nb-tooltip.status-control { background: #ffffff; border-color: transparent; } .nb-theme-dark nb-tooltip.status-control .arrow { border-bottom-color: #ffffff; } .nb-theme-dark nb-tooltip.status-control .content { color: #222b45; } .nb-theme-dark nb-datepicker-container nb-card { border-color: #101426; border-style: solid; border-width: 0.0625rem; border-radius: 0.25rem; background: #222b45; box-shadow: none; } .nb-theme-dark nb-calendar-with-time .nb-timepicker-container, .nb-theme-dark nb-calendar-with-time nb-base-calendar nb-card { border: none; } .nb-theme-dark nb-calendar-with-time .column-header { border-top: 0.0625rem solid #101426; border-radius: 0; } .nb-theme-dark nb-calendar-with-time .timepicker-section.size-large nb-list-item { height: 3rem; } .nb-theme-dark nb-calendar-with-time .timepicker-section.size-large .header-cell { height: 3rem; } [dir=ltr] .nb-theme-dark nb-calendar-with-time .timepicker-section { border-left: 0.0625rem solid #101426; } [dir=rtl] .nb-theme-dark nb-calendar-with-time .timepicker-section { border-right: 0.0625rem solid #101426; } .nb-theme-dark nb-calendar-with-time .timepicker-single-column-width { width: 5rem; } .nb-theme-dark nb-calendar-with-time .timepicker-multiple-column-width { width: 13.875rem; } .nb-theme-dark nb-calendar-with-time .picker-title { height: 3.75rem; padding: 1.25rem; } .nb-theme-dark nb-radio .outer-circle, .nb-theme-dark nb-radio .inner-circle { height: 1.25rem; width: 1.25rem; } .nb-theme-dark nb-radio .outer-circle { border-style: solid; border-width: 1px; } .nb-theme-dark nb-radio .native-input:enabled:focus + .outer-circle { box-shadow: 0 0 0 0.375rem #2e3a59; } .nb-theme-dark nb-radio.status-basic .native-input:enabled + .outer-circle { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; } .nb-theme-dark nb-radio.status-basic .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #3366ff; } .nb-theme-dark nb-radio.status-basic .native-input:enabled:checked ~ .inner-circle { background-color: #3366ff; } .nb-theme-dark nb-radio.status-basic .native-input:enabled:focus + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-dark nb-radio.status-basic .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #1a34b8; } .nb-theme-dark nb-radio.status-basic .native-input:enabled:checked:focus ~ .inner-circle { background-color: #274bdb; } .nb-theme-dark nb-radio.status-basic label:hover .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-dark nb-radio.status-basic label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #598bff; } .nb-theme-dark nb-radio.status-basic label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #598bff; } .nb-theme-dark nb-radio.status-basic label .native-input:enabled:active + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-dark nb-radio.status-basic label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #274bdb; } .nb-theme-dark nb-radio.status-basic label .native-input:enabled:checked:active ~ .inner-circle { background-color: #274bdb; } .nb-theme-dark nb-radio.status-basic .text { color: #ffffff; } .nb-theme-dark nb-radio.status-basic .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-basic .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-basic .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-primary .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; } .nb-theme-dark nb-radio.status-primary .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #3366ff; } .nb-theme-dark nb-radio.status-primary .native-input:enabled:checked ~ .inner-circle { background-color: #3366ff; } .nb-theme-dark nb-radio.status-primary .native-input:enabled:focus + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-dark nb-radio.status-primary .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #1a34b8; } .nb-theme-dark nb-radio.status-primary .native-input:enabled:checked:focus ~ .inner-circle { background-color: #274bdb; } .nb-theme-dark nb-radio.status-primary label:hover .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-dark nb-radio.status-primary label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #598bff; } .nb-theme-dark nb-radio.status-primary label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #598bff; } .nb-theme-dark nb-radio.status-primary label .native-input:enabled:active + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-dark nb-radio.status-primary label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #274bdb; } .nb-theme-dark nb-radio.status-primary label .native-input:enabled:checked:active ~ .inner-circle { background-color: #274bdb; } .nb-theme-dark nb-radio.status-primary .text { color: #ffffff; } .nb-theme-dark nb-radio.status-primary .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-primary .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-primary .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-success .native-input:enabled + .outer-circle { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; } .nb-theme-dark nb-radio.status-success .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #00d68f; } .nb-theme-dark nb-radio.status-success .native-input:enabled:checked ~ .inner-circle { background-color: #00d68f; } .nb-theme-dark nb-radio.status-success .native-input:enabled:focus + .outer-circle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-dark nb-radio.status-success .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #00997a; } .nb-theme-dark nb-radio.status-success .native-input:enabled:checked:focus ~ .inner-circle { background-color: #00b887; } .nb-theme-dark nb-radio.status-success label:hover .native-input:enabled + .outer-circle { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; } .nb-theme-dark nb-radio.status-success label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #2ce69b; } .nb-theme-dark nb-radio.status-success label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #2ce69b; } .nb-theme-dark nb-radio.status-success label .native-input:enabled:active + .outer-circle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-dark nb-radio.status-success label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #00b887; } .nb-theme-dark nb-radio.status-success label .native-input:enabled:checked:active ~ .inner-circle { background-color: #00b887; } .nb-theme-dark nb-radio.status-success .text { color: #ffffff; } .nb-theme-dark nb-radio.status-success .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-success .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-success .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-warning .native-input:enabled + .outer-circle { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; } .nb-theme-dark nb-radio.status-warning .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ffaa00; } .nb-theme-dark nb-radio.status-warning .native-input:enabled:checked ~ .inner-circle { background-color: #ffaa00; } .nb-theme-dark nb-radio.status-warning .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-dark nb-radio.status-warning .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #b86e00; } .nb-theme-dark nb-radio.status-warning .native-input:enabled:checked:focus ~ .inner-circle { background-color: #db8b00; } .nb-theme-dark nb-radio.status-warning label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; } .nb-theme-dark nb-radio.status-warning label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #ffc94d; } .nb-theme-dark nb-radio.status-warning label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #ffc94d; } .nb-theme-dark nb-radio.status-warning label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-dark nb-radio.status-warning label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #db8b00; } .nb-theme-dark nb-radio.status-warning label .native-input:enabled:checked:active ~ .inner-circle { background-color: #db8b00; } .nb-theme-dark nb-radio.status-warning .text { color: #ffffff; } .nb-theme-dark nb-radio.status-warning .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-warning .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-warning .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-danger .native-input:enabled + .outer-circle { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; } .nb-theme-dark nb-radio.status-danger .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ff3d71; } .nb-theme-dark nb-radio.status-danger .native-input:enabled:checked ~ .inner-circle { background-color: #ff3d71; } .nb-theme-dark nb-radio.status-danger .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-dark nb-radio.status-danger .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #b81d5b; } .nb-theme-dark nb-radio.status-danger .native-input:enabled:checked:focus ~ .inner-circle { background-color: #db2c66; } .nb-theme-dark nb-radio.status-danger label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; } .nb-theme-dark nb-radio.status-danger label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #ff708d; } .nb-theme-dark nb-radio.status-danger label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #ff708d; } .nb-theme-dark nb-radio.status-danger label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-dark nb-radio.status-danger label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #db2c66; } .nb-theme-dark nb-radio.status-danger label .native-input:enabled:checked:active ~ .inner-circle { background-color: #db2c66; } .nb-theme-dark nb-radio.status-danger .text { color: #ffffff; } .nb-theme-dark nb-radio.status-danger .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-danger .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-danger .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-info .native-input:enabled + .outer-circle { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; } .nb-theme-dark nb-radio.status-info .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #0095ff; } .nb-theme-dark nb-radio.status-info .native-input:enabled:checked ~ .inner-circle { background-color: #0095ff; } .nb-theme-dark nb-radio.status-info .native-input:enabled:focus + .outer-circle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-dark nb-radio.status-info .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #0057c2; } .nb-theme-dark nb-radio.status-info .native-input:enabled:checked:focus ~ .inner-circle { background-color: #006fd6; } .nb-theme-dark nb-radio.status-info label:hover .native-input:enabled + .outer-circle { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; } .nb-theme-dark nb-radio.status-info label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #42aaff; } .nb-theme-dark nb-radio.status-info label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #42aaff; } .nb-theme-dark nb-radio.status-info label .native-input:enabled:active + .outer-circle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-dark nb-radio.status-info label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #006fd6; } .nb-theme-dark nb-radio.status-info label .native-input:enabled:checked:active ~ .inner-circle { background-color: #006fd6; } .nb-theme-dark nb-radio.status-info .text { color: #ffffff; } .nb-theme-dark nb-radio.status-info .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-info .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-info .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-control .native-input:enabled + .outer-circle { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-dark nb-radio.status-control .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ffffff; } .nb-theme-dark nb-radio.status-control .native-input:enabled:checked ~ .inner-circle { background-color: #ffffff; } .nb-theme-dark nb-radio.status-control .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-dark nb-radio.status-control .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #c5cee0; } .nb-theme-dark nb-radio.status-control .native-input:enabled:checked:focus ~ .inner-circle { background-color: #edf1f7; } .nb-theme-dark nb-radio.status-control label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-dark nb-radio.status-control label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #f7f9fc; } .nb-theme-dark nb-radio.status-control label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #f7f9fc; } .nb-theme-dark nb-radio.status-control label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-dark nb-radio.status-control label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #edf1f7; } .nb-theme-dark nb-radio.status-control label .native-input:enabled:checked:active ~ .inner-circle { background-color: #edf1f7; } .nb-theme-dark nb-radio.status-control .text { color: #ffffff; } .nb-theme-dark nb-radio.status-control .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-dark nb-radio.status-control .native-input:disabled ~ .text { color: #ffffff; } .nb-theme-dark nb-radio.status-control .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio.status-control .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-radio .text { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } [dir=ltr] .nb-theme-dark nb-radio .text { margin-left: 1.25rem; } [dir=rtl] .nb-theme-dark nb-radio .text { margin-right: 1.25rem; } .nb-theme-dark .nb-tree-grid-header-cell, .nb-theme-dark .nb-tree-grid-cell, .nb-theme-dark .nb-tree-grid-footer-cell { height: 2rem; padding: 0.875rem 1.25rem; border: 1px solid #192038; } .nb-theme-dark .nb-tree-grid-header-row { background: #222b45; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark .nb-tree-grid-footer-row { background: #222b45; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark .nb-tree-grid-row { background: #222b45; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tree-grid-row:hover { background: #222b45; } .nb-theme-dark .nb-tree-grid-row:nth-child(2n):not(:hover) { background-color: #222b45; } .nb-theme-dark .nb-tree-grid-header-cell button { vertical-align: middle; } .nb-theme-dark nb-tree-grid-row-toggle nb-icon, .nb-theme-dark nb-sort-icon nb-icon { font-size: inherit; vertical-align: middle; color: currentColor; } .nb-theme-dark .nb-tree-grid-header-change-sort-button { background: transparent; border: none; padding: 0; color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; line-height: inherit; } .nb-theme-dark nb-icon { font-size: 1.25rem; line-height: 1; width: 1em; height: 1em; } .nb-theme-dark nb-icon svg { vertical-align: top; } .nb-theme-dark nb-icon.status-basic { color: #8f9bb3; } .nb-theme-dark nb-icon.status-primary { color: #3366ff; } .nb-theme-dark nb-icon.status-success { color: #00d68f; } .nb-theme-dark nb-icon.status-warning { color: #ffaa00; } .nb-theme-dark nb-icon.status-danger { color: #ff3d71; } .nb-theme-dark nb-icon.status-info { color: #0095ff; } .nb-theme-dark nb-icon.status-control { color: #ffffff; } .nb-theme-dark .nb-form-control-container { max-width: inherit; } .nb-theme-dark .nb-form-field-addon { display: flex; justify-content: center; align-items: center; z-index: 1; } .nb-theme-dark .nb-form-field-addon-disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark nb-form-field.nb-transition .nb-form-field-addon { transition-duration: 0.15s; transition-property: color; transition-timing-function: ease-in; } .nb-theme-dark .nb-form-field-addon-basic { color: #8f9bb3; } .nb-theme-dark .nb-form-field-addon-basic-highlight { color: #3366ff; } .nb-theme-dark .nb-form-field-addon-primary { color: #3366ff; } .nb-theme-dark .nb-form-field-addon-primary-highlight { color: #274bdb; } .nb-theme-dark .nb-form-field-addon-success { color: #00d68f; } .nb-theme-dark .nb-form-field-addon-success-highlight { color: #00b887; } .nb-theme-dark .nb-form-field-addon-warning { color: #ffaa00; } .nb-theme-dark .nb-form-field-addon-warning-highlight { color: #db8b00; } .nb-theme-dark .nb-form-field-addon-danger { color: #ff3d71; } .nb-theme-dark .nb-form-field-addon-danger-highlight { color: #db2c66; } .nb-theme-dark .nb-form-field-addon-info { color: #0095ff; } .nb-theme-dark .nb-form-field-addon-info-highlight { color: #006fd6; } .nb-theme-dark .nb-form-field-addon-control { color: #ffffff; } .nb-theme-dark .nb-form-field-addon-control-highlight { color: #ffffff; } .nb-theme-dark .nb-form-field-limited-width.nb-form-field-size-tiny { max-width: 20rem; } .nb-theme-dark .nb-form-field-prefix-tiny, .nb-theme-dark .nb-form-field-suffix-tiny { height: 1.5rem; width: 1.5rem; font-size: 0.625rem; line-height: 0.75rem; font-weight: 700; } .nb-theme-dark .nb-form-field-prefix-tiny nb-icon, .nb-theme-dark .nb-form-field-suffix-tiny nb-icon { font-size: 0.75rem; line-height: 0.75rem; } [dir=ltr] .nb-theme-dark .nb-form-field-prefix-tiny { margin-right: calc(1.5rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-prefix-tiny { margin-left: calc(1.5rem * -1); } [dir=ltr] .nb-theme-dark .nb-form-field-suffix-tiny { margin-left: calc(1.5rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-suffix-tiny { margin-right: calc(1.5rem * -1); } .nb-theme-dark .nb-form-field-limited-width.nb-form-field-size-small { max-width: 20rem; } .nb-theme-dark .nb-form-field-prefix-small, .nb-theme-dark .nb-form-field-suffix-small { height: 2rem; width: 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; } .nb-theme-dark .nb-form-field-prefix-small nb-icon, .nb-theme-dark .nb-form-field-suffix-small nb-icon { font-size: 1rem; line-height: 1rem; } [dir=ltr] .nb-theme-dark .nb-form-field-prefix-small { margin-right: calc(2rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-prefix-small { margin-left: calc(2rem * -1); } [dir=ltr] .nb-theme-dark .nb-form-field-suffix-small { margin-left: calc(2rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-suffix-small { margin-right: calc(2rem * -1); } .nb-theme-dark .nb-form-field-limited-width.nb-form-field-size-medium { max-width: 20rem; } .nb-theme-dark .nb-form-field-prefix-medium, .nb-theme-dark .nb-form-field-suffix-medium { height: 2.5rem; width: 2.5rem; font-size: 0.875rem; line-height: 1rem; font-weight: 700; } .nb-theme-dark .nb-form-field-prefix-medium nb-icon, .nb-theme-dark .nb-form-field-suffix-medium nb-icon { font-size: 1.25rem; line-height: 1.25rem; } [dir=ltr] .nb-theme-dark .nb-form-field-prefix-medium { margin-right: calc(2.5rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-prefix-medium { margin-left: calc(2.5rem * -1); } [dir=ltr] .nb-theme-dark .nb-form-field-suffix-medium { margin-left: calc(2.5rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-suffix-medium { margin-right: calc(2.5rem * -1); } .nb-theme-dark .nb-form-field-limited-width.nb-form-field-size-large { max-width: 30rem; } .nb-theme-dark .nb-form-field-prefix-large, .nb-theme-dark .nb-form-field-suffix-large { height: 3rem; width: 3rem; font-size: 1rem; line-height: 1.25rem; font-weight: 700; } .nb-theme-dark .nb-form-field-prefix-large nb-icon, .nb-theme-dark .nb-form-field-suffix-large nb-icon { font-size: 1.5rem; line-height: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-prefix-large { margin-right: calc(3rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-prefix-large { margin-left: calc(3rem * -1); } [dir=ltr] .nb-theme-dark .nb-form-field-suffix-large { margin-left: calc(3rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-suffix-large { margin-right: calc(3rem * -1); } .nb-theme-dark .nb-form-field-limited-width.nb-form-field-size-giant { max-width: 30rem; } .nb-theme-dark .nb-form-field-prefix-giant, .nb-theme-dark .nb-form-field-suffix-giant { height: 3.5rem; width: 3.5rem; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; } .nb-theme-dark .nb-form-field-prefix-giant nb-icon, .nb-theme-dark .nb-form-field-suffix-giant nb-icon { font-size: 1.5rem; line-height: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-prefix-giant { margin-right: calc(3.5rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-prefix-giant { margin-left: calc(3.5rem * -1); } [dir=ltr] .nb-theme-dark .nb-form-field-suffix-giant { margin-left: calc(3.5rem * -1); } [dir=rtl] .nb-theme-dark .nb-form-field-suffix-giant { margin-right: calc(3.5rem * -1); } .nb-theme-dark nb-tag { border-style: solid; border-width: 0.0625rem; border-radius: 1.5rem; display: inline-flex; align-items: center; font-family: Open Sans, sans-serif; text-transform: capitalize; cursor: default; } .nb-theme-dark nb-tag.nb-transition { transition-duration: 0.15s; transition-property: background-color, border-color, color; transition-timing-function: ease-in; } .nb-theme-dark nb-tag.size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.0625rem 0.9375rem; } .nb-theme-dark nb-tag.size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.0625rem 0.9375rem; } .nb-theme-dark nb-tag.size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 0.9375rem; } .nb-theme-dark nb-tag.size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.3125rem 0.9375rem; } .nb-theme-dark nb-tag.size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.4375rem 0.9375rem; } .nb-theme-dark nb-tag.appearance-filled.status-basic { background-color: #edf1f7; border-color: #edf1f7; color: #222b45; } .nb-theme-dark nb-tag.appearance-filled.status-basic.selected { background-color: color-basic-actove; border-color: #e4e9f2; } .nb-theme-dark nb-tag.appearance-filled.status-basic.active { background-color: #e4e9f2; border-color: #c5cee0; } .nb-theme-dark nb-tag.appearance-filled.status-basic:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark nb-tag.appearance-filled.status-primary { background-color: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-dark nb-tag.appearance-filled.status-primary.selected { background-color: color-primary-actove; border-color: #274bdb; } .nb-theme-dark nb-tag.appearance-filled.status-primary.active { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-dark nb-tag.appearance-filled.status-primary:hover { background-color: #598bff; border-color: #598bff; } .nb-theme-dark nb-tag.appearance-filled.status-success { background-color: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-dark nb-tag.appearance-filled.status-success.selected { background-color: color-success-actove; border-color: #00b887; } .nb-theme-dark nb-tag.appearance-filled.status-success.active { background-color: #00b887; border-color: #00997a; } .nb-theme-dark nb-tag.appearance-filled.status-success:hover { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-dark nb-tag.appearance-filled.status-warning { background-color: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-dark nb-tag.appearance-filled.status-warning.selected { background-color: color-warning-actove; border-color: #db8b00; } .nb-theme-dark nb-tag.appearance-filled.status-warning.active { background-color: #db8b00; border-color: #b86e00; } .nb-theme-dark nb-tag.appearance-filled.status-warning:hover { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-dark nb-tag.appearance-filled.status-danger { background-color: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-dark nb-tag.appearance-filled.status-danger.selected { background-color: color-danger-actove; border-color: #db2c66; } .nb-theme-dark nb-tag.appearance-filled.status-danger.active { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-dark nb-tag.appearance-filled.status-danger:hover { background-color: #ff708d; border-color: #ff708d; } .nb-theme-dark nb-tag.appearance-filled.status-info { background-color: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-dark nb-tag.appearance-filled.status-info.selected { background-color: color-info-actove; border-color: #006fd6; } .nb-theme-dark nb-tag.appearance-filled.status-info.active { background-color: #006fd6; border-color: #0057c2; } .nb-theme-dark nb-tag.appearance-filled.status-info:hover { background-color: #42aaff; border-color: #42aaff; } .nb-theme-dark nb-tag.appearance-filled.status-control { background-color: #ffffff; border-color: #ffffff; color: #222b45; } .nb-theme-dark nb-tag.appearance-filled.status-control.selected { background-color: color-control-actove; border-color: #edf1f7; } .nb-theme-dark nb-tag.appearance-filled.status-control.active { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-dark nb-tag.appearance-filled.status-control:hover { background-color: #edf1f7; border-color: #c5cee0; } .nb-theme-dark nb-tag.appearance-outline.status-basic { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-dark nb-tag.appearance-outline.status-basic.selected { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-dark nb-tag.appearance-outline.status-basic.active { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-dark nb-tag.appearance-outline.status-basic:hover { background-color: rgba(143, 155, 179, 0.16); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-dark nb-tag.appearance-outline.status-primary { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; color: #3366ff; } .nb-theme-dark nb-tag.appearance-outline.status-primary.selected { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; color: #3366ff; } .nb-theme-dark nb-tag.appearance-outline.status-primary.active { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; color: #3366ff; } .nb-theme-dark nb-tag.appearance-outline.status-primary:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; color: #3366ff; } .nb-theme-dark nb-tag.appearance-outline.status-success { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; color: #00d68f; } .nb-theme-dark nb-tag.appearance-outline.status-success.selected { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-dark nb-tag.appearance-outline.status-success.active { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-dark nb-tag.appearance-outline.status-success:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; color: #00d68f; } .nb-theme-dark nb-tag.appearance-outline.status-warning { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; color: #ffaa00; } .nb-theme-dark nb-tag.appearance-outline.status-warning.selected { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-dark nb-tag.appearance-outline.status-warning.active { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-dark nb-tag.appearance-outline.status-warning:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; color: #ffaa00; } .nb-theme-dark nb-tag.appearance-outline.status-danger { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; color: #ff3d71; } .nb-theme-dark nb-tag.appearance-outline.status-danger.selected { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-dark nb-tag.appearance-outline.status-danger.active { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-dark nb-tag.appearance-outline.status-danger:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; color: #ff3d71; } .nb-theme-dark nb-tag.appearance-outline.status-info { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; color: #0095ff; } .nb-theme-dark nb-tag.appearance-outline.status-info.selected { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-dark nb-tag.appearance-outline.status-info.active { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-dark nb-tag.appearance-outline.status-info:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; color: #0095ff; } .nb-theme-dark nb-tag.appearance-outline.status-control { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; color: #ffffff; } .nb-theme-dark nb-tag.appearance-outline.status-control.selected { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-dark nb-tag.appearance-outline.status-control.active { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-dark nb-tag.appearance-outline.status-control:hover { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; color: #ffffff; } .nb-theme-dark .nb-tag-remove { cursor: pointer; } .nb-theme-dark .nb-tag-remove.size-tiny { font-size: 1rem; } [dir=ltr] .nb-theme-dark .nb-tag-remove.size-tiny { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-dark .nb-tag-remove.size-tiny { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-dark .nb-tag-remove.size-small { font-size: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-tag-remove.size-small { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-dark .nb-tag-remove.size-small { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-dark .nb-tag-remove.size-medium { font-size: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-tag-remove.size-medium { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-dark .nb-tag-remove.size-medium { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-dark .nb-tag-remove.size-large { font-size: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-tag-remove.size-large { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-dark .nb-tag-remove.size-large { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-dark .nb-tag-remove.size-giant { font-size: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-tag-remove.size-giant { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-dark .nb-tag-remove.size-giant { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-dark nb-tag-list { display: inline-flex; outline: none; } .nb-theme-dark nb-tag-list.size-tiny .nb-tag-list-tags-wrapper { margin: -0.0625rem; } .nb-theme-dark nb-tag-list.size-tiny .nb-tag-list-tags-wrapper nb-tag, .nb-theme-dark nb-tag-list.size-tiny .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.0625rem; } .nb-theme-dark nb-tag-list.size-small .nb-tag-list-tags-wrapper { margin: -0.125rem; } .nb-theme-dark nb-tag-list.size-small .nb-tag-list-tags-wrapper nb-tag, .nb-theme-dark nb-tag-list.size-small .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.125rem; } .nb-theme-dark nb-tag-list.size-medium .nb-tag-list-tags-wrapper { margin: -0.25rem; } .nb-theme-dark nb-tag-list.size-medium .nb-tag-list-tags-wrapper nb-tag, .nb-theme-dark nb-tag-list.size-medium .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.25rem; } .nb-theme-dark nb-tag-list.size-large .nb-tag-list-tags-wrapper { margin: -0.375rem; } .nb-theme-dark nb-tag-list.size-large .nb-tag-list-tags-wrapper nb-tag, .nb-theme-dark nb-tag-list.size-large .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.375rem; } .nb-theme-dark nb-tag-list.size-giant .nb-tag-list-tags-wrapper { margin: -0.5rem; } .nb-theme-dark nb-tag-list.size-giant .nb-tag-list-tags-wrapper nb-tag, .nb-theme-dark nb-tag-list.size-giant .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.5rem; } .nb-theme-dark .nb-tag-list-tags-wrapper { display: inline-flex; align-items: center; align-content: center; flex-wrap: wrap; flex: 1; } .nb-theme-dark .nb-tag-list-with-input { border-style: solid; border-width: 1px; font-family: Open Sans, sans-serif; -moz-appearance: none; appearance: none; } .nb-theme-dark .nb-tag-list-with-input.nb-transition { transition-duration: 0.15s; transition-property: border, background-color, color, box-shadow; transition-timing-function: ease-in; } .nb-theme-dark .nb-tag-list-with-input::-moz-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark .nb-tag-list-with-input:-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark .nb-tag-list-with-input::placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-dark .nb-tag-list-with-input:focus { outline: none; } .nb-theme-dark .nb-tag-list-with-input.input-full-width { width: 100%; } .nb-theme-dark .nb-tag-list-with-input.shape-rectangle { border-radius: 0.25rem; } .nb-theme-dark .nb-tag-list-with-input.shape-semi-round { border-radius: 0.75rem; } .nb-theme-dark .nb-tag-list-with-input.shape-round { border-radius: 1.5rem; } .nb-theme-dark .nb-tag-list-with-input.size-tiny { padding: 0.0625rem 1rem; } .nb-theme-dark .nb-tag-list-with-input.size-small { padding: 0.0625rem 1rem; } .nb-theme-dark .nb-tag-list-with-input.size-medium { padding: 0.1875rem 1rem; } .nb-theme-dark .nb-tag-list-with-input.size-large { padding: 0.3125rem 1rem; } .nb-theme-dark .nb-tag-list-with-input.size-giant { padding: 0.4375rem 1rem; } .nb-theme-dark .nb-tag-list-with-input.status-basic { background-color: #192038; border-color: #101426; } .nb-theme-dark .nb-tag-list-with-input.status-basic.focus { background-color: #222b45; border-color: #3366ff; } .nb-theme-dark .nb-tag-list-with-input.status-primary { background-color: #192038; border-color: #3366ff; } .nb-theme-dark .nb-tag-list-with-input.status-primary.focus { background-color: #222b45; border-color: #1a34b8; } .nb-theme-dark .nb-tag-list-with-input.status-success { background-color: #192038; border-color: #00d68f; } .nb-theme-dark .nb-tag-list-with-input.status-success.focus { background-color: #222b45; border-color: #00997a; } .nb-theme-dark .nb-tag-list-with-input.status-warning { background-color: #192038; border-color: #ffaa00; } .nb-theme-dark .nb-tag-list-with-input.status-warning.focus { background-color: #222b45; border-color: #b86e00; } .nb-theme-dark .nb-tag-list-with-input.status-danger { background-color: #192038; border-color: #ff3d71; } .nb-theme-dark .nb-tag-list-with-input.status-danger.focus { background-color: #222b45; border-color: #b81d5b; } .nb-theme-dark .nb-tag-list-with-input.status-info { background-color: #192038; border-color: #0095ff; } .nb-theme-dark .nb-tag-list-with-input.status-info.focus { background-color: #222b45; border-color: #0057c2; } .nb-theme-dark .nb-tag-list-with-input.status-control { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); } .nb-theme-dark .nb-tag-list-with-input.status-control.focus { background-color: rgba(255, 255, 255, 0.4); border-color: #ffffff; } .nb-theme-dark nb-form-field nb-tag-list { width: 100%; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-left: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-right: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-right: 1.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-left: 1.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-left: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-right: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-right: 2rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-left: 2rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-left: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-right: 2.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-right: 2.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-left: 2.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-left: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-right: 3rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-right: 3rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-left: 3rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-left: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-right: 3.5rem; } [dir=ltr] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-right: 3.5rem; } [dir=rtl] .nb-theme-dark .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-left: 3.5rem; } .nb-theme-dark .nb-tag-input { -moz-appearance: none; appearance: none; border: transparent; background: transparent; outline: none; flex: 1; padding: 0; min-width: 6rem; font-family: Open Sans, sans-serif; } .nb-theme-dark .nb-tag-input::-moz-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-dark .nb-tag-input:-ms-input-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-dark .nb-tag-input::placeholder { font-family: Open Sans, sans-serif; } .nb-theme-dark .nb-tag-input.size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.125rem 0; } .nb-theme-dark .nb-tag-input.size-tiny::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-tiny:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-tiny::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.125rem 0; } .nb-theme-dark .nb-tag-input.size-small::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-small:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-small::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.25rem 0; } .nb-theme-dark .nb-tag-input.size-medium::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-medium:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-medium::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.375rem 0; } .nb-theme-dark .nb-tag-input.size-large::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-large:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-large::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.5rem 0; } .nb-theme-dark .nb-tag-input.size-giant::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-giant:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.size-giant::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .nb-tag-input.status-basic { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-basic::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-basic:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-basic::placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-basic:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-basic:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-basic:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-basic:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-primary { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-primary::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-primary:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-primary::placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-primary:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-primary:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-primary:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-primary:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-success { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-success::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-success:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-success::placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-success:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-success:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-success:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-success:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-warning { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-warning::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-warning:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-warning::placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-warning:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-warning:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-warning:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-warning:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-danger { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-danger::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-danger:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-danger::placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-danger:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-danger:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-danger:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-danger:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-info { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-info::-moz-placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-info:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-info::placeholder { color: #8f9bb3; } .nb-theme-dark .nb-tag-input.status-info:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-info:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-info:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-info:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .nb-tag-input.status-control { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-control::-moz-placeholder { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-control:-ms-input-placeholder { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-control::placeholder { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-control:disabled { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-control:disabled::-moz-placeholder { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-control:disabled:-ms-input-placeholder { color: #ffffff; } .nb-theme-dark .nb-tag-input.status-control:disabled::placeholder { color: #ffffff; } .nb-theme-dark body { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark h1, .nb-theme-dark h2, .nb-theme-dark h3, .nb-theme-dark h4, .nb-theme-dark h5, .nb-theme-dark h6, .nb-theme-dark .h1, .nb-theme-dark .h2, .nb-theme-dark .h3, .nb-theme-dark .h4, .nb-theme-dark .h5, .nb-theme-dark .h6 { color: #ffffff; } .nb-theme-dark h1, .nb-theme-dark .h1 { font-size: 2.25rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 3rem; } .nb-theme-dark h2, .nb-theme-dark .h2 { font-size: 2rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2.5rem; } .nb-theme-dark h3, .nb-theme-dark .h3 { font-size: 1.875rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2.5rem; } .nb-theme-dark h4, .nb-theme-dark .h4 { font-size: 1.625rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2rem; } .nb-theme-dark h5, .nb-theme-dark .h5 { font-size: 1.375rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2rem; } .nb-theme-dark h6, .nb-theme-dark .h6 { font-size: 1.125rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 1.5rem; } .nb-theme-dark .subtitle, .nb-theme-dark .subtitle-2 { color: #ffffff; } .nb-theme-dark .subtitle { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark .subtitle-2 { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-dark p, .nb-theme-dark .paragraph { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .paragraph-2 { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; } .nb-theme-dark a { color: #3366ff; text-decoration: underline; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; } .nb-theme-dark a:focus { color: #274bdb; } .nb-theme-dark a:hover { color: #598bff; } .nb-theme-dark a.link-control, .nb-theme-dark a.link-control:hover { color: #ffffff; } .nb-theme-dark a.link-alternate, .nb-theme-dark a.link-alternate:hover { color: #192038; } .nb-theme-dark .label { color: #8f9bb3; font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 700; line-height: 1rem; } .nb-theme-dark .caption { font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .nb-theme-dark .caption-2 { font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-dark .caption, .nb-theme-dark .caption-2 { color: #8f9bb3; } .nb-theme-dark .caption.status-basic, .nb-theme-dark .caption-2.status-basic { color: #ffffff; } .nb-theme-dark .caption.status-primary, .nb-theme-dark .caption-2.status-primary { color: #3366ff; } .nb-theme-dark .caption.status-success, .nb-theme-dark .caption-2.status-success { color: #00d68f; } .nb-theme-dark .caption.status-warning, .nb-theme-dark .caption-2.status-warning { color: #ffaa00; } .nb-theme-dark .caption.status-danger, .nb-theme-dark .caption-2.status-danger { color: #ff3d71; } .nb-theme-dark .caption.status-info, .nb-theme-dark .caption-2.status-info { color: #0095ff; } .nb-theme-dark .caption.status-control, .nb-theme-dark .caption-2.status-control { color: #ffffff; } .nb-theme-dark li { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-dark .text-alternate { color: #192038; } .nb-theme-dark .text-disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-dark .text-hint { color: #8f9bb3; } .nb-theme-dark .text-basic { color: #ffffff; } .nb-theme-dark .text-primary { color: #3366ff; } .nb-theme-dark .text-success { color: #00d68f; } .nb-theme-dark .text-warning { color: #ffaa00; } .nb-theme-dark .text-danger { color: #ff3d71; } .nb-theme-dark .text-info { color: #0095ff; } .nb-theme-dark .text-control { color: #ffffff; } .nb-theme-dark ng2-smart-table table tr th, .nb-theme-dark ng2-smart-table table tr th a { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; color: #ffffff; } .nb-theme-dark ng2-smart-table table tr td { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; color: #ffffff; } .nb-theme-dark ng2-smart-table table tr th, .nb-theme-dark ng2-smart-table table tr td { position: relative; padding: 0.875rem 1.25rem; border: 1px solid #151a30; vertical-align: middle; } .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th { padding: 0.875rem 1.25rem; } [dir=ltr] .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th { padding-right: 1.75rem; } [dir=rtl] .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th { padding-left: 1.75rem; } .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a:hover, .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a:active, .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a:visited { color: #ffffff; text-decoration: none; } .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.asc, .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.desc { font-weight: 400; } .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { border-bottom-color: #ffffff; border-width: 0.375rem; position: absolute; margin: 0; top: 50%; transform: translate(0, -50%); } [dir=ltr] .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=ltr] .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { right: 0.75rem; } [dir=rtl] .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=rtl] .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { left: 0.75rem; } .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.asc.desc::after, .nb-theme-dark ng2-smart-table table tr.ng2-smart-titles th a.sort.desc.desc::after { transform: translate(0, -50%) rotate(180deg); } .nb-theme-dark ng2-smart-table thead tr { background: #222b45; } .nb-theme-dark ng2-smart-table thead tr.ng2-smart-filters th { padding: 0.375rem 0.5rem; } .nb-theme-dark ng2-smart-table thead tr.ng2-smart-filters th .ng2-smart-filter input { line-height: 1.25rem; } .nb-theme-dark ng2-smart-table tbody tr.selected, .nb-theme-dark ng2-smart-table tbody tr:hover { background: #151a30 !important; } .nb-theme-dark ng2-smart-table tbody tr:nth-child(2n) { background-color: #192038; } .nb-theme-dark ng2-smart-table th.ng2-smart-actions-title-add a { display: flex; align-items: center; justify-content: center; font-size: 1.75rem !important; padding: 0.375rem 0.5rem; border-color: #3366ff; background-color: #3366ff; color: #ffffff; border-radius: 0.375rem; } .nb-theme-dark ng2-smart-table th.ng2-smart-actions-title-add a:focus { border-color: #1a34b8; } .nb-theme-dark ng2-smart-table th.ng2-smart-actions-title-add a:hover { text-decoration: none; background-color: #598bff; border-color: #598bff; } .nb-theme-dark ng2-smart-table th.ng2-smart-actions-title-add a:active { background-color: #274bdb; border-color: #274bdb; } .nb-theme-dark ng2-smart-table .ng2-smart-actions { padding: 0; height: 1px; } .nb-theme-dark ng2-smart-table .ng2-smart-actions ng2-st-tbody-edit-delete, .nb-theme-dark ng2-smart-table .ng2-smart-actions ng2-st-tbody-create-cancel, .nb-theme-dark ng2-smart-table .ng2-smart-actions ng2-st-actions { display: flex; height: 100%; } .nb-theme-dark ng2-smart-table .ng2-smart-actions a.ng2-smart-action { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; font-size: 2rem !important; color: #ffffff; } .nb-theme-dark ng2-smart-table .ng2-smart-actions a.ng2-smart-action:not(:last-child) { border-right: 1px solid #151a30; } .nb-theme-dark ng2-smart-table .ng2-smart-actions a.ng2-smart-action:hover { text-decoration: none; } .nb-theme-dark ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-create:hover, .nb-theme-dark ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-edit:hover, .nb-theme-dark ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-save:hover { color: #3366ff; } .nb-theme-dark ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-cancel:hover, .nb-theme-dark ng2-smart-table .ng2-smart-actions .ng2-smart-action-delete-delete:hover, .nb-theme-dark ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-cancel:hover { color: #ff3d71; } .nb-theme-dark ng2-smart-table table-cell-edit-mode { display: block; margin: -7.5px -12px; } .nb-theme-dark ng2-smart-table ng2-smart-table-pager { display: block; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav { display: flex; justify-content: center; margin-top: 1.25rem; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination { display: flex; padding: 0; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:focus, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:hover { background-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination { font-family: Open Sans, sans-serif; font-size: 0.875rem; line-height: 1rem; border: #151a30 solid 1px; border-radius: 0.25rem; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li { overflow: hidden; } [dir=ltr] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-right: 1px solid #151a30; } [dir=rtl] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-left: 1px solid #151a30; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-prev, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-next { font-size: 0.875rem; line-height: 1rem; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span { font-size: 0.875rem; line-height: 1rem; background-color: transparent; color: #3366ff; padding: 0.75rem 1.25rem; border: none; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:focus, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:focus { border-color: #3366ff; color: #3366ff; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:hover, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:hover { background-color: transparent; border-color: #3366ff; color: #3366ff; text-decoration: none; } [dir=ltr] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=ltr] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir=rtl] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=rtl] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=ltr] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=ltr] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=rtl] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=rtl] .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:hover, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:focus, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:hover, .nb-theme-dark ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:focus { color: #ffffff; background-color: #3366ff; } @media (max-width: 575.98px) { .nb-theme-dark .row { margin-left: -10px; margin-right: -10px; } } .nb-theme-dark .pace .pace-progress { background: #3366ff; } .nb-theme-dark .pace .pace-progress-inner { box-shadow: 0 0 10px #3366ff, 0 0 5px #3366ff; } .nb-theme-dark .pace .pace-activity { display: none; } .nb-theme-dark nb-select.size-medium button { padding: 0.4375rem 2.2rem 0.4375rem 1.125rem !important; } .nb-theme-dark nb-select.size-medium button nb-icon { right: 0.41rem !important; } .nb-theme-cosmic nb-layout .scrollable-container { scrollbar-face-color: #13132b; scrollbar-track-color: #252547; } .nb-theme-cosmic nb-layout .scrollable-container::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-cosmic nb-layout .scrollable-container::-webkit-scrollbar-thumb { background: #13132b; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-cosmic nb-layout .scrollable-container::-webkit-scrollbar-track { background: #252547; } .nb-theme-cosmic nb-layout.with-scroll .scrollable-container { overflow: auto; height: 100vh; display: block; } @media (max-width: 767.98px) { .nb-theme-cosmic nb-layout.with-scroll .scrollable-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .nb-theme-cosmic .layout { min-width: 300px; } .nb-theme-cosmic nb-layout.window-mode { background: #1b1b38; display: block; } .nb-theme-cosmic nb-layout.window-mode .scrollable-container { max-width: 1920px; margin: 0 auto; } .nb-theme-cosmic nb-layout.window-mode .layout nb-layout-header { max-width: 1920px; margin-left: auto; margin-right: auto; width: 100%; } .nb-theme-cosmic nb-layout.window-mode .layout nb-layout-header nav { max-width: 1920px; margin: 0 auto; } @media screen and (min-width: 1940px) { .nb-theme-cosmic nb-layout.window-mode { padding-top: 1.1875rem; } .nb-theme-cosmic nb-layout.window-mode nb-layout-header.fixed { top: 1.1875rem; } .nb-theme-cosmic nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 1.1875rem - 4.75rem); top: calc(1.1875rem + 4.75rem); } .nb-theme-cosmic nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } .nb-theme-cosmic nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } .nb-theme-cosmic nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(4.75rem + 1.1875rem); } .nb-theme-cosmic nb-layout.window-mode .scrollable-container { height: calc(100vh - 1.1875rem); box-shadow: 0 0.5rem 1rem 0 #1a1f33; } .nb-theme-cosmic nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 1.1875rem); } } @media screen and (min-width: 2070px) { .nb-theme-cosmic nb-layout.window-mode { padding-top: 2.375rem; } .nb-theme-cosmic nb-layout.window-mode nb-layout-header.fixed { top: 2.375rem; } .nb-theme-cosmic nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 2.375rem - 4.75rem); top: calc(2.375rem + 4.75rem); } .nb-theme-cosmic nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } .nb-theme-cosmic nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } .nb-theme-cosmic nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(4.75rem + 2.375rem); } .nb-theme-cosmic nb-layout.window-mode .scrollable-container { height: calc(100vh - 2.375rem); box-shadow: 0 0.5rem 1rem 0 #1a1f33; } .nb-theme-cosmic nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 2.375rem); } } @media screen and (min-width: 2220px) { .nb-theme-cosmic nb-layout.window-mode { padding-top: 4.75rem; } .nb-theme-cosmic nb-layout.window-mode nb-layout-header.fixed { top: 4.75rem; } .nb-theme-cosmic nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 4.75rem - 4.75rem); top: calc(4.75rem + 4.75rem); } .nb-theme-cosmic nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } .nb-theme-cosmic nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } .nb-theme-cosmic nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(4.75rem + 4.75rem); } .nb-theme-cosmic nb-layout.window-mode .scrollable-container { height: calc(100vh - 4.75rem); box-shadow: 0 0.5rem 1rem 0 #1a1f33; } .nb-theme-cosmic nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 4.75rem); } } .nb-theme-cosmic nb-layout .layout { background-color: #1b1b38; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; min-height: 100vh; } .nb-theme-cosmic nb-layout .layout .layout-container nb-sidebar.fixed, .nb-theme-cosmic nb-layout .layout .layout-container nb-sidebar .main-container-fixed { top: 4.75rem; } .nb-theme-cosmic nb-layout .layout .layout-container .content nb-layout-footer { box-shadow: 0 0.5rem 1rem 0 #1a1f33; } .nb-theme-cosmic nb-layout .layout .layout-container .content nb-layout-footer nav { background-color: #323259; border-top: 1px solid #1b1b38; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1.25rem; } .nb-theme-cosmic nb-layout .layout .layout-container .content nb-layout-footer nav a { color: #b18aff; } .nb-theme-cosmic nb-layout .layout .layout-container .content nb-layout-footer nav a:focus, .nb-theme-cosmic nb-layout .layout .layout-container .content nb-layout-footer nav a:active, .nb-theme-cosmic nb-layout .layout .layout-container .content nb-layout-footer nav a:hover { color: #b18aff; } .nb-theme-cosmic nb-layout .layout .layout-container .content.center { width: 900px; flex: 0 100 900px !important; } .nb-theme-cosmic nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 2.25rem 2.25rem 0.75rem; } @media (max-width: 991.98px) { .nb-theme-cosmic nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 1.5rem 1.5rem 0.5rem; } } @media (max-width: 767.98px) { .nb-theme-cosmic nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 1rem 1rem 0; } } .nb-theme-cosmic nb-layout-header { background-color: #323259; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic nb-layout-header nav { color: #ffffff; box-shadow: 0 0.5rem 1rem 0 #1a1f33; height: 4.75rem; padding: 1.25rem; } .nb-theme-cosmic nb-layout-header nav a { color: #ffffff; } .nb-theme-cosmic nb-layout-header nav a:focus, .nb-theme-cosmic nb-layout-header nav a:active, .nb-theme-cosmic nb-layout-header nav a:hover { color: #ffffff; } .nb-theme-cosmic nb-layout-header ~ .layout-container { min-height: calc(100vh - 4.75rem); } .nb-theme-cosmic nb-layout-header.fixed ~ .layout-container { padding-top: 4.75rem; min-height: 100vh; } .nb-theme-cosmic nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container { height: calc(100vh - 4.75rem); } .nb-theme-cosmic nb-layout.with-subheader nb-sidebar .main-container { box-shadow: none; } .nb-theme-cosmic nb-sidebar { background-color: #323259; box-shadow: 0 0.5rem 1rem 0 #1a1f33; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; width: 16rem; } .nb-theme-cosmic nb-sidebar .main-container { height: 100vh; width: 16rem; } .nb-theme-cosmic nb-sidebar .scrollable { padding: 1.25rem; position: relative; -webkit-transform: translate3d(0, 0, 0); scrollbar-face-color: #13132b; scrollbar-track-color: #252547; } @media (max-width: 767.98px) { .nb-theme-cosmic nb-sidebar .scrollable { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .nb-theme-cosmic nb-sidebar .scrollable::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-cosmic nb-sidebar .scrollable::-webkit-scrollbar-thumb { background: #13132b; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-cosmic nb-sidebar .scrollable::-webkit-scrollbar-track { background: #252547; } .nb-theme-cosmic nb-sidebar.collapsed { width: 0; padding: 0; } .nb-theme-cosmic nb-sidebar.collapsed .main-container { width: 0; padding: 0; } .nb-theme-cosmic nb-sidebar.collapsed .scrollable { width: 0; padding: 0; overflow: hidden; } .nb-theme-cosmic nb-sidebar.collapsed nb-sidebar-header, .nb-theme-cosmic nb-sidebar.collapsed nb-sidebar-footer { width: 0; padding: 0; overflow: hidden; } .nb-theme-cosmic nb-sidebar.compacted { width: 3.5rem; } .nb-theme-cosmic nb-sidebar.compacted .main-container { width: 3.5rem; } .nb-theme-cosmic nb-sidebar.compacted nb-menu { width: 3.5rem; } .nb-theme-cosmic nb-sidebar.compacted nb-menu .menu-item a.active { position: relative; } .nb-theme-cosmic nb-sidebar.compacted nb-menu .menu-item a.active::before { position: absolute; content: ''; top: 0; height: 100%; width: 4px; background: #a16eff; } [dir=ltr] .nb-theme-cosmic nb-sidebar.compacted nb-menu .menu-item a.active::before { left: 0; } [dir=rtl] .nb-theme-cosmic nb-sidebar.compacted nb-menu .menu-item a.active::before { right: 0; } .nb-theme-cosmic nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a span, .nb-theme-cosmic nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a nb-badge, .nb-theme-cosmic nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a .expand-state { display: none; } .nb-theme-cosmic nb-sidebar.compacted nb-menu .menu-items > .menu-item { transition: border-color 1s ease; } .nb-theme-cosmic nb-sidebar.compacted nb-menu .menu-items > .menu-item.menu-group { display: block; color: transparent; width: 0; padding: 0; overflow: hidden; } .nb-theme-cosmic nb-sidebar.compacted nb-menu .menu-items > .menu-item i { margin-right: 0; } .nb-theme-cosmic nb-sidebar.compacted nb-menu .menu-items > .menu-item a { justify-content: center; } .nb-theme-cosmic nb-sidebar.compacted nb-menu .menu-items > .menu-item > .expanded { display: none; } .nb-theme-cosmic nb-sidebar.compacted.left.fixed ~ .content { margin-left: 3.5rem; } .nb-theme-cosmic nb-sidebar.compacted.fixed.right ~ .content { margin-left: 0; margin-right: 3.5rem; } .nb-theme-cosmic nb-sidebar.compacted.left.fixed ~ .content.center { padding-left: 3.5rem; } .nb-theme-cosmic nb-sidebar.compacted.fixed.right ~ .content.center { padding-left: 0; padding-right: 3.5rem; } [dir=ltr] .nb-theme-cosmic nb-sidebar.compacted.start.fixed ~ .content { margin-left: 3.5rem; } [dir=rtl] .nb-theme-cosmic nb-sidebar.compacted.start.fixed ~ .content { margin-right: 3.5rem; } [dir=ltr] .nb-theme-cosmic nb-sidebar.compacted.fixed.end ~ .content { margin-right: 3.5rem; } [dir=rtl] .nb-theme-cosmic nb-sidebar.compacted.fixed.end ~ .content { margin-left: 3.5rem; } [dir=ltr] .nb-theme-cosmic nb-sidebar.compacted.start.fixed ~ .content.center { padding-left: 3.5rem; } [dir=rtl] .nb-theme-cosmic nb-sidebar.compacted.start.fixed ~ .content.center { padding-right: 3.5rem; } [dir=ltr] .nb-theme-cosmic nb-sidebar.compacted.fixed.end ~ .content.center { padding-right: 3.5rem; } [dir=rtl] .nb-theme-cosmic nb-sidebar.compacted.fixed.end ~ .content.center { padding-left: 3.5rem; } .nb-theme-cosmic nb-sidebar.fixed.left.collapsed + .content, .nb-theme-cosmic nb-sidebar.fixed.start.collapsed + .content { margin-left: 0; } .nb-theme-cosmic nb-sidebar.fixed.right.collapsed + .content, .nb-theme-cosmic nb-sidebar.fixed.end.collapsed + .content { margin-right: 0; } .nb-theme-cosmic nb-sidebar.expanded { width: 16rem; } .nb-theme-cosmic nb-sidebar.expanded > .scrollable { width: 16rem; } .nb-theme-cosmic nb-sidebar nb-sidebar-header { padding: 1.25rem; height: 3.5rem; } .nb-theme-cosmic nb-sidebar nb-sidebar-footer { padding: 1.25rem; height: 3.5rem; } .nb-theme-cosmic nb-sidebar nb-menu { margin: 0 -1.25rem -1.25rem; } .nb-theme-cosmic nb-calendar-view-mode [nbButton].appearance-ghost.status-basic, .nb-theme-cosmic nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle], .nb-theme-cosmic nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:hover, .nb-theme-cosmic nb-calendar-view-mode .appearance-ghost.status-basic:hover[nbButtonToggle], .nb-theme-cosmic nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, .nb-theme-cosmic nb-calendar-view-mode .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-cosmic nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:active, .nb-theme-cosmic nb-calendar-view-mode .appearance-ghost.status-basic:active[nbButtonToggle], .nb-theme-cosmic nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic, .nb-theme-cosmic nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle], .nb-theme-cosmic nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:hover, .nb-theme-cosmic nb-calendar-pageable-navigation .appearance-ghost.status-basic:hover[nbButtonToggle], .nb-theme-cosmic nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, .nb-theme-cosmic nb-calendar-pageable-navigation .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-cosmic nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:active, .nb-theme-cosmic nb-calendar-pageable-navigation .appearance-ghost.status-basic:active[nbButtonToggle] { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-cosmic nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, .nb-theme-cosmic nb-calendar-view-mode .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-cosmic nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active), .nb-theme-cosmic nb-calendar-view-mode .appearance-ghost.status-basic:focus:not(:hover):not(:active)[nbButtonToggle], .nb-theme-cosmic nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, .nb-theme-cosmic nb-calendar-pageable-navigation .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-cosmic nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active), .nb-theme-cosmic nb-calendar-pageable-navigation .appearance-ghost.status-basic:focus:not(:hover):not(:active)[nbButtonToggle] { box-shadow: none; } [dir=ltr] .nb-theme-cosmic nb-calendar-pageable-navigation { margin-left: auto; } [dir=rtl] .nb-theme-cosmic nb-calendar-pageable-navigation { margin-right: auto; } .nb-theme-cosmic nb-calendar-picker { display: block; padding-top: 0.25rem; padding-bottom: 0.625rem; } [dir=ltr] .nb-theme-cosmic nb-calendar-picker { padding-right: 0.625rem; padding-left: 0.625rem; } [dir=rtl] .nb-theme-cosmic nb-calendar-picker { padding-right: 0.625rem; padding-left: 0.625rem; } .nb-theme-cosmic nb-calendar-days-names { background: transparent; border-top: 1px solid #1b1b38; border-bottom: 1px solid #1b1b38; } [dir=ltr] .nb-theme-cosmic nb-calendar-days-names { padding-left: 0.625rem; padding-right: 0.625rem; } [dir=rtl] .nb-theme-cosmic nb-calendar-days-names { padding-left: 0.625rem; padding-right: 0.625rem; } .nb-theme-cosmic nb-calendar-days-names .day { width: 2.75rem; height: 2.75rem; color: #b4b4db; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-calendar-days-names .day.holiday { color: #b4b4db; } .nb-theme-cosmic nb-calendar-days-names.size-large .day { width: 3rem; height: 3rem; } .nb-theme-cosmic nb-calendar-week-numbers { background: transparent; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: #b4b4db; padding-bottom: 0.625rem; } .nb-theme-cosmic nb-calendar-week-numbers .sign-container { display: flex; flex-direction: column; border-top: 1px solid #1b1b38; border-bottom: 1px solid #1b1b38; margin-bottom: 0.25rem; } .nb-theme-cosmic nb-calendar-week-numbers .sign, .nb-theme-cosmic nb-calendar-week-numbers .week-number { display: flex; align-items: center; justify-content: center; height: 2.75rem; width: 2.75rem; } .nb-theme-cosmic nb-calendar-week-numbers.size-large .sign, .nb-theme-cosmic nb-calendar-week-numbers.size-large .week-number { height: 3rem; width: 3rem; } [dir=ltr] .nb-theme-cosmic nb-calendar-day-picker nb-calendar-week-numbers { border-right: 1px solid #1b1b38; } [dir=rtl] .nb-theme-cosmic nb-calendar-day-picker nb-calendar-week-numbers { border-left: 1px solid #1b1b38; } .nb-theme-cosmic nb-calendar-picker .day-cell { width: 2.75rem; height: 2.75rem; } .nb-theme-cosmic nb-calendar-picker .day-cell.size-large { width: 3rem; height: 3rem; } .nb-theme-cosmic nb-calendar-picker .month-cell { width: 4.8125rem; height: 2.75rem; } .nb-theme-cosmic nb-calendar-picker .month-cell.size-large { width: 5.25rem; height: 3rem; } .nb-theme-cosmic nb-calendar-picker .year-cell { width: 4.8125rem; height: 2.75rem; } .nb-theme-cosmic nb-calendar-picker .year-cell.size-large { width: 5.25rem; height: 3rem; } .nb-theme-cosmic nb-calendar-picker .cell-content { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; border-radius: 0.25rem; } .nb-theme-cosmic nb-calendar-picker .day-cell, .nb-theme-cosmic nb-calendar-picker .month-cell, .nb-theme-cosmic nb-calendar-picker .year-cell { display: flex; align-items: center; justify-content: center; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: #ffffff; text-transform: uppercase; cursor: pointer; } .nb-theme-cosmic nb-calendar-picker .day-cell, .nb-theme-cosmic nb-calendar-picker .day-cell .cell-content, .nb-theme-cosmic nb-calendar-picker .month-cell, .nb-theme-cosmic nb-calendar-picker .month-cell .cell-content, .nb-theme-cosmic nb-calendar-picker .year-cell, .nb-theme-cosmic nb-calendar-picker .year-cell .cell-content { transition-duration: 0.15s; transition-property: background-color, border-color, color; transition-timing-function: ease-in; } .nb-theme-cosmic nb-calendar-picker .day-cell.empty, .nb-theme-cosmic nb-calendar-picker .day-cell.disabled, .nb-theme-cosmic nb-calendar-picker .month-cell.empty, .nb-theme-cosmic nb-calendar-picker .month-cell.disabled, .nb-theme-cosmic nb-calendar-picker .year-cell.empty, .nb-theme-cosmic nb-calendar-picker .year-cell.disabled { cursor: default; } .nb-theme-cosmic nb-calendar-picker .day-cell.bounding-month, .nb-theme-cosmic nb-calendar-picker .month-cell.bounding-month, .nb-theme-cosmic nb-calendar-picker .year-cell.bounding-month { color: #b4b4db; } .nb-theme-cosmic nb-calendar-picker .day-cell:not(.disabled):not(.empty):hover .cell-content, .nb-theme-cosmic nb-calendar-picker .month-cell:not(.disabled):not(.empty):hover .cell-content, .nb-theme-cosmic nb-calendar-picker .year-cell:not(.disabled):not(.empty):hover .cell-content { background-color: #252547; border-color: #252547; color: #ffffff; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-calendar-picker .day-cell:not(.disabled):not(.empty):active .cell-content, .nb-theme-cosmic nb-calendar-picker .month-cell:not(.disabled):not(.empty):active .cell-content, .nb-theme-cosmic nb-calendar-picker .year-cell:not(.disabled):not(.empty):active .cell-content { background-color: #7b51db; border-color: #7b51db; color: #ffffff; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content, .nb-theme-cosmic nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content, .nb-theme-cosmic nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content { background-color: rgba(161, 110, 255, 0.08); border: 1px solid #a16eff; color: #ffffff; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:hover, .nb-theme-cosmic nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:hover, .nb-theme-cosmic nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:hover { background-color: rgba(161, 110, 255, 0.16); border-color: #a16eff; } .nb-theme-cosmic nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:active, .nb-theme-cosmic nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:active, .nb-theme-cosmic nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:active { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; } .nb-theme-cosmic nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content, .nb-theme-cosmic nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content, .nb-theme-cosmic nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content { background-color: #a16eff; border-color: #a16eff; color: #ffffff; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:hover, .nb-theme-cosmic nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:hover, .nb-theme-cosmic nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:hover { background-color: #b18aff; border-color: #b18aff; } .nb-theme-cosmic nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:active, .nb-theme-cosmic nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:active, .nb-theme-cosmic nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:active { background-color: #7b51db; border-color: #7b51db; } .nb-theme-cosmic nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected, .nb-theme-cosmic nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected, .nb-theme-cosmic nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected { background-color: #a16eff; border-radius: 0.25rem; } .nb-theme-cosmic nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content, .nb-theme-cosmic nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content, .nb-theme-cosmic nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; color: #ffffff; } .nb-theme-cosmic nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, .nb-theme-cosmic nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, .nb-theme-cosmic nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:hover { background-color: rgba(255, 255, 255, 0.16); border-color: transparent; } .nb-theme-cosmic nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, .nb-theme-cosmic nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, .nb-theme-cosmic nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:focus { background-color: rgba(255, 255, 255, 0.24); border-color: transparent; } .nb-theme-cosmic nb-calendar-picker .day-cell.disabled, .nb-theme-cosmic nb-calendar-picker .month-cell.disabled, .nb-theme-cosmic nb-calendar-picker .year-cell.disabled { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-calendar-picker .day-cell.disabled.today .cell-content, .nb-theme-cosmic nb-calendar-picker .month-cell.disabled.today .cell-content, .nb-theme-cosmic nb-calendar-picker .year-cell.disabled.today .cell-content { border: 1px solid #13132b; } .nb-theme-cosmic nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty) { background-color: #a16eff; border-radius: 0; } [dir=ltr] .nb-theme-cosmic nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir=rtl] .nb-theme-cosmic nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=ltr] .nb-theme-cosmic nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=rtl] .nb-theme-cosmic nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .nb-theme-cosmic nb-base-calendar nb-card { background-color: #323259; border: 0.0625rem solid #13132b; box-shadow: none; margin: 0; width: 20.625rem; overflow: hidden; } .nb-theme-cosmic nb-base-calendar nb-card-body { padding: 0; } .nb-theme-cosmic nb-base-calendar .calendar-navigation { border: none; display: flex; padding: 0.625rem 0.25rem; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-cosmic nb-base-calendar:not(.has-navigation) nb-calendar-week-numbers .sign-container, .nb-theme-cosmic nb-base-calendar:not(.has-navigation) nb-calendar-days-names { border-top: 0; } .nb-theme-cosmic nb-base-calendar.has-week-number nb-card { width: calc(20.625rem + 2.75rem + 1px); } .nb-theme-cosmic nb-base-calendar.has-week-number .month-cell, .nb-theme-cosmic nb-base-calendar.has-week-number .year-cell { flex: 1 0 auto; } .nb-theme-cosmic nb-base-calendar.size-large nb-card { width: 22.375rem; } .nb-theme-cosmic nb-base-calendar.size-large.has-week-number nb-card { width: calc(22.375rem + 3rem + 1px); } .nb-theme-cosmic nb-card { background-color: #323259; border: 0.0625rem solid #13132b; border-radius: 0.25rem; box-shadow: none; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; margin-bottom: 1.875rem; scrollbar-face-color: #13132b; scrollbar-track-color: #252547; } .nb-theme-cosmic nb-card::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-cosmic nb-card::-webkit-scrollbar-thumb { background: #13132b; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-cosmic nb-card::-webkit-scrollbar-track { background: #252547; } .nb-theme-cosmic nb-card.size-tiny { height: 13.5rem; } .nb-theme-cosmic nb-card.size-small { height: 21.1875rem; } .nb-theme-cosmic nb-card.size-medium { height: 28.875rem; } .nb-theme-cosmic nb-card.size-large { height: 36.5625rem; } .nb-theme-cosmic nb-card.size-giant { height: 44.25rem; } .nb-theme-cosmic nb-card.status-basic nb-card-header { background-color: #252547; border-bottom-width: 0; border-bottom-color: #252547; color: #ffffff; } .nb-theme-cosmic nb-card.status-basic nb-card-header a, .nb-theme-cosmic nb-card.status-basic nb-card-header a:hover { color: #ffffff; } .nb-theme-cosmic nb-card.status-primary nb-card-header { background-color: #a16eff; border-bottom-width: 0; border-bottom-color: #a16eff; color: #ffffff; } .nb-theme-cosmic nb-card.status-primary nb-card-header a, .nb-theme-cosmic nb-card.status-primary nb-card-header a:hover { color: #ffffff; } .nb-theme-cosmic nb-card.status-success nb-card-header { background-color: #00d68f; border-bottom-width: 0; border-bottom-color: #00d68f; color: #ffffff; } .nb-theme-cosmic nb-card.status-success nb-card-header a, .nb-theme-cosmic nb-card.status-success nb-card-header a:hover { color: #ffffff; } .nb-theme-cosmic nb-card.status-warning nb-card-header { background-color: #ffaa00; border-bottom-width: 0; border-bottom-color: #ffaa00; color: #ffffff; } .nb-theme-cosmic nb-card.status-warning nb-card-header a, .nb-theme-cosmic nb-card.status-warning nb-card-header a:hover { color: #ffffff; } .nb-theme-cosmic nb-card.status-danger nb-card-header { background-color: #ff3d71; border-bottom-width: 0; border-bottom-color: #ff3d71; color: #ffffff; } .nb-theme-cosmic nb-card.status-danger nb-card-header a, .nb-theme-cosmic nb-card.status-danger nb-card-header a:hover { color: #ffffff; } .nb-theme-cosmic nb-card.status-info nb-card-header { background-color: #0095ff; border-bottom-width: 0; border-bottom-color: #0095ff; color: #ffffff; } .nb-theme-cosmic nb-card.status-info nb-card-header a, .nb-theme-cosmic nb-card.status-info nb-card-header a:hover { color: #ffffff; } .nb-theme-cosmic nb-card.status-control nb-card-header { background-color: #ffffff; border-bottom-width: 0; border-bottom-color: #ffffff; color: #323259; } .nb-theme-cosmic nb-card.status-control nb-card-header a, .nb-theme-cosmic nb-card.status-control nb-card-header a:hover { color: #323259; } .nb-theme-cosmic nb-card.accent-basic { border-top-color: #252547; } .nb-theme-cosmic nb-card.accent-primary { border-top-color: #a16eff; } .nb-theme-cosmic nb-card.accent-success { border-top-color: #00d68f; } .nb-theme-cosmic nb-card.accent-warning { border-top-color: #ffaa00; } .nb-theme-cosmic nb-card.accent-danger { border-top-color: #ff3d71; } .nb-theme-cosmic nb-card.accent-info { border-top-color: #0095ff; } .nb-theme-cosmic nb-card.accent-control { border-top-color: #ffffff; } .nb-theme-cosmic nb-card.accent { border-top-style: solid; border-top-width: 0.25rem; } .nb-theme-cosmic nb-card.accent nb-card-header { border-radius: 0; } .nb-theme-cosmic nb-card-body { flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: 1rem 1.5rem; position: relative; scrollbar-face-color: #13132b; scrollbar-track-color: #252547; } .nb-theme-cosmic nb-card-body::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-cosmic nb-card-body::-webkit-scrollbar-thumb { background: #13132b; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-cosmic nb-card-body::-webkit-scrollbar-track { background: #252547; } .nb-theme-cosmic nb-card-footer { padding: 1rem 1.5rem; border-top: 1px solid #1b1b38; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .nb-theme-cosmic nb-card-header { padding: 1rem 1.5rem; border-bottom: 1px solid #1b1b38; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-card-header h1 { margin: 0; } .nb-theme-cosmic nb-card-header h2 { margin: 0; } .nb-theme-cosmic nb-card-header h3 { margin: 0; } .nb-theme-cosmic nb-card-header h4 { margin: 0; } .nb-theme-cosmic nb-card-header h5 { margin: 0; } .nb-theme-cosmic nb-card-header h6 { margin: 0; } .nb-theme-cosmic nb-reveal-card { box-shadow: none; margin-bottom: 1.875rem; } .nb-theme-cosmic .second-card-container { height: 100%; border-radius: 0.25rem; } .nb-theme-cosmic .reveal-button { line-height: 1.25rem; padding: 1rem 1.5rem; } .nb-theme-cosmic .flip-button { line-height: 1.25rem; margin-bottom: 1.875rem; padding: 1rem 1.5rem; } [dir=ltr] .nb-theme-cosmic .flipcard-body .front-container { margin-right: -100%; } [dir=rtl] .nb-theme-cosmic .flipcard-body .front-container { margin-left: -100%; } .nb-theme-cosmic nb-tabset { background-color: transparent; border-radius: 0; box-shadow: none; } .nb-theme-cosmic nb-tabset .tabset { border-bottom: 1px solid #1b1b38; } .nb-theme-cosmic nb-tabset .tab-link { background-color: transparent; cursor: pointer; padding: 1rem 2rem; color: #b4b4db; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; } .nb-theme-cosmic nb-tabset .tab-link::before { background-color: transparent; height: 0.25rem; } .nb-theme-cosmic nb-tabset nb-badge.dot-mode.position-left { left: 0.75rem; } .nb-theme-cosmic nb-tabset nb-badge.dot-mode.position-right { right: 0.75rem; } [dir=ltr] .nb-theme-cosmic nb-tabset nb-badge.dot-mode.position-start { left: 0.75rem; } [dir=rtl] .nb-theme-cosmic nb-tabset nb-badge.dot-mode.position-start { right: 0.75rem; } [dir=ltr] .nb-theme-cosmic nb-tabset nb-badge.dot-mode.position-end { right: 0.75rem; } [dir=rtl] .nb-theme-cosmic nb-tabset nb-badge.dot-mode.position-end { left: 0.75rem; } .nb-theme-cosmic nb-tabset .tab.active .tab-link { background-color: transparent; color: #a16eff; } .nb-theme-cosmic nb-tabset .tab.active .tab-link::before { background-color: #a16eff; } .nb-theme-cosmic nb-tabset .tab:focus .tab-link { background-color: transparent; color: #7b51db; } .nb-theme-cosmic nb-tabset .tab:focus .tab-link::before { background-color: #7b51db; } .nb-theme-cosmic nb-tabset .tab:hover .tab-link { color: #b18aff; background-color: transparent; } .nb-theme-cosmic nb-tabset .tab:hover .tab-link::before { background-color: #b18aff; } .nb-theme-cosmic nb-tabset .tab.disabled { cursor: default; pointer-events: none; } .nb-theme-cosmic nb-tabset .tab.disabled .tab-link { background-color: transparent; color: rgba(180, 180, 219, 0.48); cursor: default; pointer-events: none; } .nb-theme-cosmic nb-tabset .tab.disabled .tab-link::before { background-color: transparent; } @media screen and (max-width: 36rem) { .nb-theme-cosmic nb-tabset .tab.responsive .tab-text { display: none; } } .nb-theme-cosmic nb-tabset nb-tab { background-color: transparent; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1rem 2rem; scrollbar-face-color: #13132b; scrollbar-track-color: #252547; } .nb-theme-cosmic nb-tabset nb-tab::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-cosmic nb-tabset nb-tab::-webkit-scrollbar-thumb { background: #13132b; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-cosmic nb-tabset nb-tab::-webkit-scrollbar-track { background: #252547; } .nb-theme-cosmic nb-route-tabset { scrollbar-face-color: #13132b; scrollbar-track-color: #252547; background-color: transparent; border-radius: 0; box-shadow: none; } .nb-theme-cosmic nb-route-tabset::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-cosmic nb-route-tabset::-webkit-scrollbar-thumb { background: #13132b; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-cosmic nb-route-tabset::-webkit-scrollbar-track { background: #252547; } .nb-theme-cosmic nb-route-tabset .route-tabset { border-bottom: 1px solid #1b1b38; } .nb-theme-cosmic nb-route-tabset .tab-link { background-color: transparent; cursor: pointer; padding: 1rem 2rem; color: #b4b4db; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; } .nb-theme-cosmic nb-route-tabset .tab-link::before { background-color: transparent; height: 0.25rem; } .nb-theme-cosmic nb-route-tabset .route-tab.active .tab-link { background-color: transparent; color: #a16eff; } .nb-theme-cosmic nb-route-tabset .route-tab.active .tab-link::before { background-color: #a16eff; } .nb-theme-cosmic nb-route-tabset .route-tab:focus .tab-link { background-color: transparent; color: #7b51db; } .nb-theme-cosmic nb-route-tabset .route-tab:focus .tab-link::before { background-color: #7b51db; } .nb-theme-cosmic nb-route-tabset .route-tab:hover .tab-link { background-color: transparent; color: #b18aff; } .nb-theme-cosmic nb-route-tabset .route-tab:hover .tab-link::before { background-color: #b18aff; } .nb-theme-cosmic nb-route-tabset .route-tab.disabled { cursor: default; pointer-events: none; } .nb-theme-cosmic nb-route-tabset .route-tab.disabled .tab-link { background-color: transparent; color: rgba(180, 180, 219, 0.48); cursor: default; pointer-events: none; } .nb-theme-cosmic nb-route-tabset .route-tab.disabled .tab-link::before { background-color: transparent; } @media screen and (max-width: 36rem) { .nb-theme-cosmic nb-route-tabset .route-tab.responsive .tab-text { display: none; } } .nb-theme-cosmic nb-menu { background-color: transparent; } .nb-theme-cosmic nb-menu ul.menu-items { margin: 0; padding: 0; } .nb-theme-cosmic nb-menu .menu-group, .nb-theme-cosmic nb-menu .menu-item a { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.75rem 1rem; } .nb-theme-cosmic nb-menu .menu-group, .nb-theme-cosmic nb-menu .menu-group nb-icon.menu-icon { color: #b4b4db; } .nb-theme-cosmic nb-menu .menu-item a { color: #ffffff; border-radius: 0; } .nb-theme-cosmic nb-menu .menu-item a.active { background-color: transparent; color: #a16eff; } .nb-theme-cosmic nb-menu .menu-item a.active .menu-icon { color: #a16eff; } .nb-theme-cosmic nb-menu .menu-item a:hover { background-color: transparent; color: #b18aff; cursor: pointer; } .nb-theme-cosmic nb-menu .menu-item a:hover .menu-icon { color: #b18aff; } .nb-theme-cosmic nb-menu .menu-item .menu-icon { color: #b4b4db; font-size: 1.25rem; margin: 0 0.5rem 0 0; width: 1em; text-align: center; } .nb-theme-cosmic nb-menu .menu-item .expand-state { color: #b4b4db; } .nb-theme-cosmic nb-menu .menu-item { border-bottom: 1px solid #1b1b38; } .nb-theme-cosmic nb-menu .menu-item:first-child { border-top: none; } .nb-theme-cosmic nb-menu .menu-item:last-child { border-bottom: none; } .nb-theme-cosmic nb-menu .menu-item .menu-item:first-child { border-top: 1px solid #1b1b38; } .nb-theme-cosmic nb-menu .menu-item > .menu-items { background-color: transparent; margin: 0; padding: 0 1.25rem; } .nb-theme-cosmic nb-menu .menu-item > .menu-items > .menu-item { background: transparent; color: #ffffff; } .nb-theme-cosmic nb-menu .menu-item > .menu-items > .menu-item a { border-color: transparent; border-style: solid; border-width: 0; padding: 0.75rem 1rem; } .nb-theme-cosmic nb-menu .menu-item > .menu-items > .menu-item a.active { background-color: transparent; border-color: #a16eff; color: #a16eff; } .nb-theme-cosmic nb-menu .menu-item > .menu-items > .menu-item a.active .menu-icon { color: #a16eff; } .nb-theme-cosmic nb-menu .menu-item > .menu-items > .menu-item a:hover { background-color: transparent; border-color: transparent; color: #b18aff; } .nb-theme-cosmic nb-menu .menu-item > .menu-items > .menu-item a:hover .menu-icon { color: #b18aff; } .nb-theme-cosmic nb-menu .menu-item > .menu-items > .menu-item a.active:hover { background-color: transparent; border-color: #b18aff; color: #b18aff; } .nb-theme-cosmic nb-menu .menu-item > .menu-items > .menu-item a.active:hover .menu-icon { color: #b18aff; } .nb-theme-cosmic nb-menu .menu-item > .menu-items > .menu-group, .nb-theme-cosmic nb-menu .menu-item > .menu-items > .menu-group nb-icon.menu-icon { color: #b4b4db; } .nb-theme-cosmic nb-user .user-picture { background-color: transparent; border: 1px solid #1b1b38; } .nb-theme-cosmic nb-user .initials { color: #ffffff; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-cosmic nb-user .user-name { color: #ffffff; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-cosmic nb-user .user-title { color: #ffffff; font-family: Open Sans, sans-serif; font-weight: 400; } .nb-theme-cosmic nb-user.size-tiny .user-picture { height: 1.25rem; width: 1.25rem; } .nb-theme-cosmic nb-user.size-tiny .initials { font-size: 0.75rem; line-height: 1rem; } .nb-theme-cosmic nb-user.size-tiny .user-name { font-size: 0.75rem; line-height: 1rem; } .nb-theme-cosmic nb-user.size-tiny .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-cosmic nb-user.size-small .user-picture { height: 1.5rem; width: 1.5rem; } .nb-theme-cosmic nb-user.size-small .initials { font-size: 0.75rem; line-height: 1rem; } .nb-theme-cosmic nb-user.size-small .user-name { font-size: 0.75rem; line-height: 1rem; } .nb-theme-cosmic nb-user.size-small .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-cosmic nb-user.size-medium .user-picture { height: 2.5rem; width: 2.5rem; } .nb-theme-cosmic nb-user.size-medium .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-cosmic nb-user.size-medium .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-cosmic nb-user.size-medium .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-cosmic nb-user.size-large .user-picture { height: 3.25rem; width: 3.25rem; } .nb-theme-cosmic nb-user.size-large .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-cosmic nb-user.size-large .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-cosmic nb-user.size-large .user-title { font-size: 0.8125rem; line-height: 1.125rem; } .nb-theme-cosmic nb-user.size-giant .user-picture { height: 4rem; width: 4rem; } .nb-theme-cosmic nb-user.size-giant .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-cosmic nb-user.size-giant .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-cosmic nb-user.size-giant .user-title { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-cosmic nb-user.shape-rectangle .user-picture { border-radius: 0.5rem; } .nb-theme-cosmic nb-user.shape-semi-round .user-picture { border-radius: 0.75rem; } .nb-theme-cosmic nb-user.shape-round .user-picture { border-radius: 50%; } .nb-theme-cosmic nb-actions { background-color: transparent; color: #ffffff; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 1rem; } .nb-theme-cosmic nb-actions.size-tiny nb-action { font-size: 0.625rem; height: 1rem; padding: 0 1.25rem; } .nb-theme-cosmic nb-actions.size-tiny nb-action nb-icon { font-size: 1rem; } .nb-theme-cosmic nb-actions.size-small nb-action { font-size: 0.75rem; height: 1.5rem; padding: 0 1.25rem; } .nb-theme-cosmic nb-actions.size-small nb-action nb-icon { font-size: 1.5rem; } .nb-theme-cosmic nb-actions.size-medium nb-action { font-size: 0.875rem; height: 2.25rem; padding: 0 1.25rem; } .nb-theme-cosmic nb-actions.size-medium nb-action nb-icon { font-size: 2.25rem; } .nb-theme-cosmic nb-actions.size-large nb-action { font-size: 1rem; height: 3.5rem; padding: 0 1.25rem; } .nb-theme-cosmic nb-actions.size-large nb-action nb-icon { font-size: 3.5rem; } .nb-theme-cosmic nb-actions.size-giant nb-action { font-size: 1.125rem; height: 4rem; padding: 0 1.25rem; } .nb-theme-cosmic nb-actions.size-giant nb-action nb-icon { font-size: 4rem; } [dir=ltr] .nb-theme-cosmic nb-action { border-left: 1px solid #1b1b38; } [dir=rtl] .nb-theme-cosmic nb-action { border-right: 1px solid #1b1b38; } [dir=ltr] .nb-theme-cosmic nb-action:first-child { border-left: none !important; } [dir=rtl] .nb-theme-cosmic nb-action:first-child { border-right: none !important; } .nb-theme-cosmic nb-action nb-icon { color: #b4b4db; } .nb-theme-cosmic nb-action.disabled { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-action.disabled nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-search-field .close-button { z-index: 1; } .nb-theme-cosmic nb-search-field .search { background: #323259; } .nb-theme-cosmic nb-search-field .search span.info { color: #b4b4db; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-search-field .search input { border-bottom: 1px solid #1b1b38; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 2.25rem; font-weight: 700; line-height: 3rem; } .nb-theme-cosmic nb-search-field .search input::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic nb-search-field .search input:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic nb-search-field .search input::placeholder { color: #b4b4db; } .nb-theme-cosmic nb-search-field .search input::-ms-clear { display: none; } .nb-theme-cosmic nb-search-field.rotate-layout { opacity: 0; background: #323259; } .nb-theme-cosmic nb-search-field.modal-zoomin .search::before, .nb-theme-cosmic nb-search-field.modal-zoomin .search::after { border: 1.5rem solid #a16eff; } .nb-theme-cosmic nb-search-field.modal-half .form-wrapper { background: #323259; } .nb-theme-cosmic nb-search-field.modal-half .search::before { background: #a16eff; } .nb-theme-cosmic nb-search-field.modal-drop .form-content::after { background: #1b1b38; } .nb-theme-cosmic nb-search-field.modal-drop .search::before { background: #323259; } .nb-theme-cosmic nb-search-field.curtain .search::after { background: #323259; } .nb-theme-cosmic nb-search-field.curtain .search { background: #323259; } .nb-theme-cosmic nb-search-field.column-curtain::before { background: #323259; } .nb-theme-cosmic nb-search-field.column-curtain::after { background: transparent; } .nb-theme-cosmic nb-search-field.column-curtain.show::after { background: #a16eff; } .nb-theme-cosmic .nb-spinner-container { position: relative; } .nb-theme-cosmic nb-spinner .message { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-cosmic nb-spinner.status-basic { background-color: rgba(180, 180, 219, 0.16); } .nb-theme-cosmic nb-spinner.status-basic .spin-circle { border-top-color: #b4b4db; border-right-color: transparent; border-bottom-color: #b4b4db; border-left-color: #b4b4db; } .nb-theme-cosmic nb-spinner.status-primary { background-color: rgba(180, 180, 219, 0.16); } .nb-theme-cosmic nb-spinner.status-primary .spin-circle { border-top-color: #a16eff; border-right-color: transparent; border-bottom-color: #a16eff; border-left-color: #a16eff; } .nb-theme-cosmic nb-spinner.status-success { background-color: rgba(180, 180, 219, 0.16); } .nb-theme-cosmic nb-spinner.status-success .spin-circle { border-top-color: #00d68f; border-right-color: transparent; border-bottom-color: #00d68f; border-left-color: #00d68f; } .nb-theme-cosmic nb-spinner.status-warning { background-color: rgba(180, 180, 219, 0.16); } .nb-theme-cosmic nb-spinner.status-warning .spin-circle { border-top-color: #ffaa00; border-right-color: transparent; border-bottom-color: #ffaa00; border-left-color: #ffaa00; } .nb-theme-cosmic nb-spinner.status-danger { background-color: rgba(180, 180, 219, 0.16); } .nb-theme-cosmic nb-spinner.status-danger .spin-circle { border-top-color: #ff3d71; border-right-color: transparent; border-bottom-color: #ff3d71; border-left-color: #ff3d71; } .nb-theme-cosmic nb-spinner.status-info { background-color: rgba(180, 180, 219, 0.16); } .nb-theme-cosmic nb-spinner.status-info .spin-circle { border-top-color: #0095ff; border-right-color: transparent; border-bottom-color: #0095ff; border-left-color: #0095ff; } .nb-theme-cosmic nb-spinner.status-control { background-color: rgba(255, 255, 255, 0.16); } .nb-theme-cosmic nb-spinner.status-control .spin-circle { border-top-color: #ffffff; border-right-color: transparent; border-bottom-color: #ffffff; border-left-color: #ffffff; } .nb-theme-cosmic nb-spinner.size-tiny { font-size: 1rem; } .nb-theme-cosmic nb-spinner.size-small { font-size: 1.25rem; } .nb-theme-cosmic nb-spinner.size-medium { font-size: 1.5rem; } .nb-theme-cosmic nb-spinner.size-large { font-size: 1.75rem; } .nb-theme-cosmic nb-spinner.size-giant { font-size: 2rem; } @keyframes spin { 0% { transform: rotate(0deg); } 40% { transform: rotate(230deg); } 100% { transform: rotate(360deg); } } .nb-theme-cosmic .nb-timepicker-container { width: 20rem; height: 26.1875rem; } .nb-theme-cosmic .nb-timepicker-container .list-item { color: #ffffff; font-size: 0.9375rem; font-family: Open Sans, sans-serif; height: 2.75rem; line-height: 1.5rem; font-weight: 600; } .nb-theme-cosmic .nb-timepicker-container .list-item:first-child { border-top: none; } .nb-theme-cosmic .nb-timepicker-container .list-item:hover { background-color: #252547; color: #ffffff; } .nb-theme-cosmic .nb-timepicker-container .list-item:focus { background-color: #e1e1f2; color: #ffffff; } .nb-theme-cosmic .nb-timepicker-container .list-item.selected { background-color: #a16eff; color: #ffffff; } .nb-theme-cosmic .nb-timepicker-container .values-list { scrollbar-face-color: #13132b; scrollbar-track-color: #252547; } [dir=ltr] .nb-theme-cosmic .nb-timepicker-container .values-list:not(:last-of-type) { border-right: 0.0625rem solid #13132b; } [dir=rtl] .nb-theme-cosmic .nb-timepicker-container .values-list:not(:last-of-type) { border-left: 0.0625rem solid #13132b; } .nb-theme-cosmic .nb-timepicker-container .values-list::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-cosmic .nb-timepicker-container .values-list::-webkit-scrollbar-thumb { background: #13132b; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-cosmic .nb-timepicker-container .values-list::-webkit-scrollbar-track { background: #252547; } [dir=ltr] .nb-theme-cosmic .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-right: -0.3125rem; } [dir=rtl] .nb-theme-cosmic .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-left: -0.3125rem; } .nb-theme-cosmic .nb-timepicker-container .header-cell { color: #b4b4db; font-size: 0.9375rem; font-family: Open Sans, sans-serif; height: 2.75rem; line-height: 1.5rem; font-weight: 600; } [dir=ltr] .nb-theme-cosmic .nb-timepicker-container .header-cell:not(:last-child) { border-right: 0.0625rem solid #13132b; } [dir=rtl] .nb-theme-cosmic .nb-timepicker-container .header-cell:not(:last-child) { border-left: 0.0625rem solid #13132b; } .nb-theme-cosmic .nb-timepicker-container .column-header { border-bottom: 0.0625rem solid #13132b; } [dir=ltr] .nb-theme-cosmic .nb-timepicker-container .actions-footer { padding-left: 0.625rem; } [dir=rtl] .nb-theme-cosmic .nb-timepicker-container .actions-footer { padding-right: 0.625rem; } .nb-theme-cosmic nb-checkbox .label { padding: 0; } .nb-theme-cosmic nb-checkbox .custom-checkbox { width: 1.25rem; height: 1.25rem; border-style: solid; border-width: 1px; border-radius: 3px; position: relative; } .nb-theme-cosmic nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox { box-shadow: 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox:not(:hover):not(:active) { box-shadow: 0 0 0 0.375rem #6a6a94, inset 0 0 0 100vmax #6a6a94; } .nb-theme-cosmic nb-checkbox .native-input:focus:checked + .custom-checkbox { box-shadow: 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic nb-checkbox nb-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; } .nb-theme-cosmic nb-checkbox .text { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } [dir=ltr] .nb-theme-cosmic nb-checkbox .text:not(:empty) { padding-left: 0.6875rem; } [dir=rtl] .nb-theme-cosmic nb-checkbox .text:not(:empty) { padding-right: 0.6875rem; } .nb-theme-cosmic nb-checkbox.status-basic .custom-checkbox { background-color: rgba(180, 180, 219, 0.08); border-color: #b4b4db; } .nb-theme-cosmic nb-checkbox.status-basic .text { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-basic .custom-checkbox.checked { background-color: #a16eff; border-color: #a16eff; } .nb-theme-cosmic nb-checkbox.status-basic .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-basic .custom-checkbox.indeterminate { background-color: #a16eff; border-color: #a16eff; } .nb-theme-cosmic nb-checkbox.status-basic .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox { background-color: rgba(180, 180, 219, 0.24); border-color: #b4b4db; } .nb-theme-cosmic nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.checked { background-color: #7b51db; border-color: #5a37b8; } .nb-theme-cosmic nb-checkbox.status-basic .custom-checkbox:hover { background-color: rgba(161, 110, 255, 0.16); border-color: #a16eff; } .nb-theme-cosmic nb-checkbox.status-basic .custom-checkbox:hover.indeterminate, .nb-theme-cosmic nb-checkbox.status-basic .custom-checkbox:hover.checked { background-color: #b18aff; border-color: #b18aff; } .nb-theme-cosmic nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox { background-color: rgba(180, 180, 219, 0.24); border-color: #b4b4db; } .nb-theme-cosmic nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.checked { background-color: #7b51db; border-color: #7b51db; } .nb-theme-cosmic nb-checkbox.status-basic .native-input:disabled + .custom-checkbox { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-checkbox.status-basic .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-basic .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-checkbox.status-basic .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-cosmic nb-checkbox.status-basic .native-input:disabled:checked + .custom-checkbox { background-color: rgba(180, 180, 219, 0.48); border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-checkbox.status-primary .custom-checkbox { background-color: rgba(161, 110, 255, 0.08); border-color: #a16eff; } .nb-theme-cosmic nb-checkbox.status-primary .text { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-primary .custom-checkbox.checked { background-color: #a16eff; border-color: #a16eff; } .nb-theme-cosmic nb-checkbox.status-primary .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-primary .custom-checkbox.indeterminate { background-color: #a16eff; border-color: #a16eff; } .nb-theme-cosmic nb-checkbox.status-primary .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; } .nb-theme-cosmic nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.checked { background-color: #7b51db; border-color: #5a37b8; } .nb-theme-cosmic nb-checkbox.status-primary .custom-checkbox:hover { background-color: rgba(161, 110, 255, 0.16); border-color: #a16eff; } .nb-theme-cosmic nb-checkbox.status-primary .custom-checkbox:hover.indeterminate, .nb-theme-cosmic nb-checkbox.status-primary .custom-checkbox:hover.checked { background-color: #b18aff; border-color: #b18aff; } .nb-theme-cosmic nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; } .nb-theme-cosmic nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.checked { background-color: #7b51db; border-color: #7b51db; } .nb-theme-cosmic nb-checkbox.status-primary .native-input:disabled + .custom-checkbox { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-checkbox.status-primary .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-primary .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-checkbox.status-primary .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-cosmic nb-checkbox.status-primary .native-input:disabled:checked + .custom-checkbox { background-color: rgba(180, 180, 219, 0.48); border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-checkbox.status-success .custom-checkbox { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; } .nb-theme-cosmic nb-checkbox.status-success .text { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-success .custom-checkbox.checked { background-color: #00d68f; border-color: #00d68f; } .nb-theme-cosmic nb-checkbox.status-success .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-success .custom-checkbox.indeterminate { background-color: #00d68f; border-color: #00d68f; } .nb-theme-cosmic nb-checkbox.status-success .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-cosmic nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.checked { background-color: #00b887; border-color: #00997a; } .nb-theme-cosmic nb-checkbox.status-success .custom-checkbox:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; } .nb-theme-cosmic nb-checkbox.status-success .custom-checkbox:hover.indeterminate, .nb-theme-cosmic nb-checkbox.status-success .custom-checkbox:hover.checked { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-cosmic nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-cosmic nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.checked { background-color: #00b887; border-color: #00b887; } .nb-theme-cosmic nb-checkbox.status-success .native-input:disabled + .custom-checkbox { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-checkbox.status-success .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-success .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-checkbox.status-success .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-cosmic nb-checkbox.status-success .native-input:disabled:checked + .custom-checkbox { background-color: rgba(180, 180, 219, 0.48); border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-checkbox.status-warning .custom-checkbox { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; } .nb-theme-cosmic nb-checkbox.status-warning .text { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-warning .custom-checkbox.checked { background-color: #ffaa00; border-color: #ffaa00; } .nb-theme-cosmic nb-checkbox.status-warning .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-warning .custom-checkbox.indeterminate { background-color: #ffaa00; border-color: #ffaa00; } .nb-theme-cosmic nb-checkbox.status-warning .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-cosmic nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.checked { background-color: #db8b00; border-color: #b86e00; } .nb-theme-cosmic nb-checkbox.status-warning .custom-checkbox:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; } .nb-theme-cosmic nb-checkbox.status-warning .custom-checkbox:hover.indeterminate, .nb-theme-cosmic nb-checkbox.status-warning .custom-checkbox:hover.checked { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-cosmic nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-cosmic nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.checked { background-color: #db8b00; border-color: #db8b00; } .nb-theme-cosmic nb-checkbox.status-warning .native-input:disabled + .custom-checkbox { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-checkbox.status-warning .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-warning .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-checkbox.status-warning .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-cosmic nb-checkbox.status-warning .native-input:disabled:checked + .custom-checkbox { background-color: rgba(180, 180, 219, 0.48); border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-checkbox.status-danger .custom-checkbox { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; } .nb-theme-cosmic nb-checkbox.status-danger .text { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-danger .custom-checkbox.checked { background-color: #ff3d71; border-color: #ff3d71; } .nb-theme-cosmic nb-checkbox.status-danger .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-danger .custom-checkbox.indeterminate { background-color: #ff3d71; border-color: #ff3d71; } .nb-theme-cosmic nb-checkbox.status-danger .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-cosmic nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.checked { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-cosmic nb-checkbox.status-danger .custom-checkbox:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; } .nb-theme-cosmic nb-checkbox.status-danger .custom-checkbox:hover.indeterminate, .nb-theme-cosmic nb-checkbox.status-danger .custom-checkbox:hover.checked { background-color: #ff708d; border-color: #ff708d; } .nb-theme-cosmic nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-cosmic nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.checked { background-color: #db2c66; border-color: #db2c66; } .nb-theme-cosmic nb-checkbox.status-danger .native-input:disabled + .custom-checkbox { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-checkbox.status-danger .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-danger .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-checkbox.status-danger .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-cosmic nb-checkbox.status-danger .native-input:disabled:checked + .custom-checkbox { background-color: rgba(180, 180, 219, 0.48); border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-checkbox.status-info .custom-checkbox { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; } .nb-theme-cosmic nb-checkbox.status-info .text { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-info .custom-checkbox.checked { background-color: #0095ff; border-color: #0095ff; } .nb-theme-cosmic nb-checkbox.status-info .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-info .custom-checkbox.indeterminate { background-color: #0095ff; border-color: #0095ff; } .nb-theme-cosmic nb-checkbox.status-info .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-cosmic nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.checked { background-color: #006fd6; border-color: #0057c2; } .nb-theme-cosmic nb-checkbox.status-info .custom-checkbox:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; } .nb-theme-cosmic nb-checkbox.status-info .custom-checkbox:hover.indeterminate, .nb-theme-cosmic nb-checkbox.status-info .custom-checkbox:hover.checked { background-color: #42aaff; border-color: #42aaff; } .nb-theme-cosmic nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-cosmic nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.checked { background-color: #006fd6; border-color: #006fd6; } .nb-theme-cosmic nb-checkbox.status-info .native-input:disabled + .custom-checkbox { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-checkbox.status-info .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-info .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-checkbox.status-info .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-cosmic nb-checkbox.status-info .native-input:disabled:checked + .custom-checkbox { background-color: rgba(180, 180, 219, 0.48); border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-checkbox.status-control .custom-checkbox { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-control .text { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-control .custom-checkbox.checked { background-color: #ffffff; border-color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-control .custom-checkbox.checked nb-icon { color: #323259; } .nb-theme-cosmic nb-checkbox.status-control .custom-checkbox.indeterminate { background-color: #ffffff; border-color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-control .custom-checkbox.indeterminate nb-icon { color: #323259; } .nb-theme-cosmic nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.checked { background-color: #f0f0fa; border-color: #ceceeb; } .nb-theme-cosmic nb-checkbox.status-control .custom-checkbox:hover { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-control .custom-checkbox:hover.indeterminate, .nb-theme-cosmic nb-checkbox.status-control .custom-checkbox:hover.checked { background-color: #f7f7fc; border-color: #f7f7fc; } .nb-theme-cosmic nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-cosmic nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.checked { background-color: #f0f0fa; border-color: #f0f0fa; } .nb-theme-cosmic nb-checkbox.status-control .native-input:disabled + .custom-checkbox { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-checkbox.status-control .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-control .native-input:disabled ~ .text { color: #ffffff; } .nb-theme-cosmic nb-checkbox.status-control .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-cosmic nb-checkbox.status-control .native-input:disabled:checked + .custom-checkbox { background-color: rgba(180, 180, 219, 0.48); border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-toggle .toggle { height: 1.875rem; width: 3.125rem; border-width: 1px; border-style: solid; border-radius: 100px; cursor: pointer; /* We need to set initial positions as Angular animations won't work in IE11 if positions have no initial value. Setting it in SCSS as we don't have access to theme variables from TS. */ } [dir=ltr] .nb-theme-cosmic nb-toggle .toggle.checked .toggle-switcher { left: calc(100% - 1.75rem - 1px - 1px); } [dir=ltr] .nb-theme-cosmic nb-toggle .toggle:not(.checked) .toggle-switcher { right: 0; } [dir=rtl] .nb-theme-cosmic nb-toggle .toggle.checked .toggle-switcher { right: calc(100% - 1.75rem - 1px - 1px); } [dir=rtl] .nb-theme-cosmic nb-toggle .toggle:not(.checked) .toggle-switcher { left: 0; } .nb-theme-cosmic nb-toggle .native-input:enabled:focus + .toggle { box-shadow: 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic nb-toggle .native-input:disabled + .toggle { cursor: default; } .nb-theme-cosmic nb-toggle .toggle-switcher { width: 1.75rem; height: 1.75rem; } .nb-theme-cosmic nb-toggle .toggle-switcher nb-icon { height: 0.75rem; width: 0.75rem; } .nb-theme-cosmic nb-toggle .text { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-toggle.status-basic .text { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-basic .toggle { background-color: rgba(180, 180, 219, 0.08); border-color: #b4b4db; } .nb-theme-cosmic nb-toggle.status-basic .toggle.checked { background-color: #a16eff; border-color: #a16eff; } .nb-theme-cosmic nb-toggle.status-basic .native-input:enabled:focus + .toggle { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; } .nb-theme-cosmic nb-toggle.status-basic .native-input:enabled:focus + .toggle.checked { background-color: #7b51db; border-color: #5a37b8; } .nb-theme-cosmic nb-toggle.status-basic .native-input:enabled:active + .toggle { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; } .nb-theme-cosmic nb-toggle.status-basic .native-input:enabled:active + .toggle.checked { background-color: #7b51db; border-color: #7b51db; } .nb-theme-cosmic nb-toggle.status-basic .native-input:enabled + .toggle:hover { background-color: rgba(161, 110, 255, 0.16); border-color: #a16eff; } .nb-theme-cosmic nb-toggle.status-basic .native-input:enabled + .toggle:hover.checked { background-color: #b18aff; border-color: #b18aff; } .nb-theme-cosmic nb-toggle.status-basic .toggle-switcher { background-color: #323259; } .nb-theme-cosmic nb-toggle.status-basic .toggle-switcher nb-icon { color: #a16eff; } .nb-theme-cosmic nb-toggle.status-basic .native-input:disabled + .toggle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-basic .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-toggle.status-primary .text { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-primary .toggle { background-color: rgba(161, 110, 255, 0.08); border-color: #a16eff; } .nb-theme-cosmic nb-toggle.status-primary .toggle.checked { background-color: #a16eff; border-color: #a16eff; } .nb-theme-cosmic nb-toggle.status-primary .native-input:enabled:focus + .toggle { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; } .nb-theme-cosmic nb-toggle.status-primary .native-input:enabled:focus + .toggle.checked { background-color: #7b51db; border-color: #5a37b8; } .nb-theme-cosmic nb-toggle.status-primary .native-input:enabled:active + .toggle { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; } .nb-theme-cosmic nb-toggle.status-primary .native-input:enabled:active + .toggle.checked { background-color: #7b51db; border-color: #7b51db; } .nb-theme-cosmic nb-toggle.status-primary .native-input:enabled + .toggle:hover { background-color: rgba(161, 110, 255, 0.16); border-color: #a16eff; } .nb-theme-cosmic nb-toggle.status-primary .native-input:enabled + .toggle:hover.checked { background-color: #b18aff; border-color: #b18aff; } .nb-theme-cosmic nb-toggle.status-primary .toggle-switcher { background-color: #323259; } .nb-theme-cosmic nb-toggle.status-primary .toggle-switcher nb-icon { color: #a16eff; } .nb-theme-cosmic nb-toggle.status-primary .native-input:disabled + .toggle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-primary .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-toggle.status-success .text { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-success .toggle { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; } .nb-theme-cosmic nb-toggle.status-success .toggle.checked { background-color: #00d68f; border-color: #00d68f; } .nb-theme-cosmic nb-toggle.status-success .native-input:enabled:focus + .toggle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-cosmic nb-toggle.status-success .native-input:enabled:focus + .toggle.checked { background-color: #00b887; border-color: #00997a; } .nb-theme-cosmic nb-toggle.status-success .native-input:enabled:active + .toggle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-cosmic nb-toggle.status-success .native-input:enabled:active + .toggle.checked { background-color: #00b887; border-color: #00b887; } .nb-theme-cosmic nb-toggle.status-success .native-input:enabled + .toggle:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; } .nb-theme-cosmic nb-toggle.status-success .native-input:enabled + .toggle:hover.checked { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-cosmic nb-toggle.status-success .toggle-switcher { background-color: #323259; } .nb-theme-cosmic nb-toggle.status-success .toggle-switcher nb-icon { color: #00d68f; } .nb-theme-cosmic nb-toggle.status-success .native-input:disabled + .toggle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-success .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-toggle.status-warning .text { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-warning .toggle { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; } .nb-theme-cosmic nb-toggle.status-warning .toggle.checked { background-color: #ffaa00; border-color: #ffaa00; } .nb-theme-cosmic nb-toggle.status-warning .native-input:enabled:focus + .toggle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-cosmic nb-toggle.status-warning .native-input:enabled:focus + .toggle.checked { background-color: #db8b00; border-color: #b86e00; } .nb-theme-cosmic nb-toggle.status-warning .native-input:enabled:active + .toggle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-cosmic nb-toggle.status-warning .native-input:enabled:active + .toggle.checked { background-color: #db8b00; border-color: #db8b00; } .nb-theme-cosmic nb-toggle.status-warning .native-input:enabled + .toggle:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; } .nb-theme-cosmic nb-toggle.status-warning .native-input:enabled + .toggle:hover.checked { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-cosmic nb-toggle.status-warning .toggle-switcher { background-color: #323259; } .nb-theme-cosmic nb-toggle.status-warning .toggle-switcher nb-icon { color: #ffaa00; } .nb-theme-cosmic nb-toggle.status-warning .native-input:disabled + .toggle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-warning .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-toggle.status-danger .text { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-danger .toggle { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; } .nb-theme-cosmic nb-toggle.status-danger .toggle.checked { background-color: #ff3d71; border-color: #ff3d71; } .nb-theme-cosmic nb-toggle.status-danger .native-input:enabled:focus + .toggle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-cosmic nb-toggle.status-danger .native-input:enabled:focus + .toggle.checked { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-cosmic nb-toggle.status-danger .native-input:enabled:active + .toggle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-cosmic nb-toggle.status-danger .native-input:enabled:active + .toggle.checked { background-color: #db2c66; border-color: #db2c66; } .nb-theme-cosmic nb-toggle.status-danger .native-input:enabled + .toggle:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; } .nb-theme-cosmic nb-toggle.status-danger .native-input:enabled + .toggle:hover.checked { background-color: #ff708d; border-color: #ff708d; } .nb-theme-cosmic nb-toggle.status-danger .toggle-switcher { background-color: #323259; } .nb-theme-cosmic nb-toggle.status-danger .toggle-switcher nb-icon { color: #ff3d71; } .nb-theme-cosmic nb-toggle.status-danger .native-input:disabled + .toggle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-danger .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-toggle.status-info .text { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-info .toggle { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; } .nb-theme-cosmic nb-toggle.status-info .toggle.checked { background-color: #0095ff; border-color: #0095ff; } .nb-theme-cosmic nb-toggle.status-info .native-input:enabled:focus + .toggle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-cosmic nb-toggle.status-info .native-input:enabled:focus + .toggle.checked { background-color: #006fd6; border-color: #0057c2; } .nb-theme-cosmic nb-toggle.status-info .native-input:enabled:active + .toggle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-cosmic nb-toggle.status-info .native-input:enabled:active + .toggle.checked { background-color: #006fd6; border-color: #006fd6; } .nb-theme-cosmic nb-toggle.status-info .native-input:enabled + .toggle:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; } .nb-theme-cosmic nb-toggle.status-info .native-input:enabled + .toggle:hover.checked { background-color: #42aaff; border-color: #42aaff; } .nb-theme-cosmic nb-toggle.status-info .toggle-switcher { background-color: #323259; } .nb-theme-cosmic nb-toggle.status-info .toggle-switcher nb-icon { color: #0095ff; } .nb-theme-cosmic nb-toggle.status-info .native-input:disabled + .toggle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-info .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-toggle.status-control .text { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-control .toggle { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-cosmic nb-toggle.status-control .toggle.checked { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-cosmic nb-toggle.status-control .native-input:enabled:focus + .toggle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-cosmic nb-toggle.status-control .native-input:enabled:focus + .toggle.checked { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-cosmic nb-toggle.status-control .native-input:enabled:active + .toggle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-cosmic nb-toggle.status-control .native-input:enabled:active + .toggle.checked { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-cosmic nb-toggle.status-control .native-input:enabled + .toggle:hover { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-cosmic nb-toggle.status-control .native-input:enabled + .toggle:hover.checked { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-cosmic nb-toggle.status-control .toggle-switcher { background-color: #ffffff; } .nb-theme-cosmic nb-toggle.status-control .toggle-switcher nb-icon { color: #323259; } .nb-theme-cosmic nb-toggle.status-control .native-input:disabled + .toggle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-cosmic nb-toggle.status-control .native-input:disabled ~ .text { color: #ffffff; } .nb-theme-cosmic nb-progress-bar .progress-container { border-radius: 0.25rem; } .nb-theme-cosmic nb-progress-bar .progress-value { display: flex; align-items: center; justify-content: center; font-family: Open Sans, sans-serif; transition-duration: 400ms; transition-property: width, background-color; } .nb-theme-cosmic nb-progress-bar.size-tiny .progress-container { height: 1rem; } .nb-theme-cosmic nb-progress-bar.size-tiny .progress-value { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-progress-bar.size-small .progress-container { height: 1.25rem; } .nb-theme-cosmic nb-progress-bar.size-small .progress-value { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-progress-bar.size-medium .progress-container { height: 1.375rem; } .nb-theme-cosmic nb-progress-bar.size-medium .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-progress-bar.size-large .progress-container { height: 1.5rem; } .nb-theme-cosmic nb-progress-bar.size-large .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-progress-bar.size-giant .progress-container { height: 1.75rem; } .nb-theme-cosmic nb-progress-bar.size-giant .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-progress-bar.status-basic .progress-container { background-color: #252547; } .nb-theme-cosmic nb-progress-bar.status-basic .progress-value { background-color: #13132b; color: #ffffff; } .nb-theme-cosmic nb-progress-bar.status-primary .progress-container { background-color: #1b1b38; } .nb-theme-cosmic nb-progress-bar.status-primary .progress-value { background-color: #a16eff; color: #ffffff; } .nb-theme-cosmic nb-progress-bar.status-success .progress-container { background-color: #1b1b38; } .nb-theme-cosmic nb-progress-bar.status-success .progress-value { background-color: #00d68f; color: #ffffff; } .nb-theme-cosmic nb-progress-bar.status-warning .progress-container { background-color: #1b1b38; } .nb-theme-cosmic nb-progress-bar.status-warning .progress-value { background-color: #ffaa00; color: #ffffff; } .nb-theme-cosmic nb-progress-bar.status-danger .progress-container { background-color: #1b1b38; } .nb-theme-cosmic nb-progress-bar.status-danger .progress-value { background-color: #ff3d71; color: #ffffff; } .nb-theme-cosmic nb-progress-bar.status-info .progress-container { background-color: #1b1b38; } .nb-theme-cosmic nb-progress-bar.status-info .progress-value { background-color: #0095ff; color: #ffffff; } .nb-theme-cosmic nb-progress-bar.status-control .progress-container { background-color: #1b1b38; } .nb-theme-cosmic nb-progress-bar.status-control .progress-value { background-color: #ffffff; color: #323259; } .nb-theme-cosmic nb-badge { border-radius: 0.25rem; font-family: Open Sans, sans-serif; font-size: 0.625rem; font-weight: 700; line-height: 0.75rem; padding: 0.25rem 0.4rem; } .nb-theme-cosmic nb-badge.dot-mode { padding: 0.3rem; border-radius: 0.5rem; } .nb-theme-cosmic nb-badge.status-basic { color: #ffffff; background-color: #252547; } .nb-theme-cosmic nb-badge.status-primary { color: #ffffff; background-color: #a16eff; } .nb-theme-cosmic nb-badge.status-success { color: #ffffff; background-color: #00d68f; } .nb-theme-cosmic nb-badge.status-warning { color: #ffffff; background-color: #ffaa00; } .nb-theme-cosmic nb-badge.status-danger { color: #ffffff; background-color: #ff3d71; } .nb-theme-cosmic nb-badge.status-info { color: #ffffff; background-color: #0095ff; } .nb-theme-cosmic nb-badge.status-control { color: #323259; background-color: #ffffff; } .nb-theme-cosmic nb-stepper.horizontal .header .step { width: 2rem; margin: 0 1rem; } .nb-theme-cosmic nb-stepper.horizontal .header .connector { margin: 1rem; } .nb-theme-cosmic nb-stepper.vertical .header .connector { margin: 1rem; } .nb-theme-cosmic nb-stepper .header .connector { background-color: #1b1b38; } .nb-theme-cosmic nb-stepper .header .connector-past { background-color: #a16eff; } .nb-theme-cosmic nb-stepper .header .label-index { border-radius: 50%; border-color: #13132b; border-style: solid; border-width: 1px; width: 2rem; height: 2rem; } .nb-theme-cosmic nb-stepper .header .step { color: #b4b4db; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic nb-stepper .header .step.label-index { border-color: #13132b; } .nb-theme-cosmic nb-stepper .header .step.selected { color: #7b51db; } .nb-theme-cosmic nb-stepper .header .step.selected .label-index { border-color: #7b51db; } .nb-theme-cosmic nb-stepper .header .step.completed { color: #a16eff; } .nb-theme-cosmic nb-stepper .header .step.completed .label-index { background-color: #a16eff; border-color: #a16eff; color: #ffffff; } .nb-theme-cosmic nb-stepper .step-content { padding: 1.25rem; } .nb-theme-cosmic nb-alert { border-radius: 0.25rem; box-shadow: none; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 1rem 1.125rem; margin-bottom: 1.5rem; scrollbar-face-color: #13132b; scrollbar-track-color: #252547; } .nb-theme-cosmic nb-alert::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-cosmic nb-alert::-webkit-scrollbar-thumb { background: #13132b; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-cosmic nb-alert::-webkit-scrollbar-track { background: #252547; } [dir=ltr] .nb-theme-cosmic nb-alert.closable { padding-right: 3rem; } [dir=rtl] .nb-theme-cosmic nb-alert.closable { padding-left: 3rem; } .nb-theme-cosmic nb-alert .close { padding: 1rem 1.125rem; font-size: 1.5rem; line-height: 1; cursor: pointer; font-family: monospace; } .nb-theme-cosmic nb-alert.size-tiny { height: 4.5rem; } .nb-theme-cosmic nb-alert.size-small { height: 5.75rem; } .nb-theme-cosmic nb-alert.size-medium { height: 7rem; } .nb-theme-cosmic nb-alert.size-large { height: 8.25rem; } .nb-theme-cosmic nb-alert.size-giant { height: 9.5rem; } .nb-theme-cosmic nb-alert.status-basic { color: #ffffff; background-color: #252547; } .nb-theme-cosmic nb-alert.status-basic a, .nb-theme-cosmic nb-alert.status-basic a:hover { color: #ffffff; } .nb-theme-cosmic nb-alert.accent-basic { border-top: 0.25rem solid #1b1b38; } .nb-theme-cosmic nb-alert.outline-basic { border: 1px solid #ceceeb; } .nb-theme-cosmic nb-alert.status-primary { color: #ffffff; background-color: #a16eff; } .nb-theme-cosmic nb-alert.status-primary a, .nb-theme-cosmic nb-alert.status-primary a:hover { color: #ffffff; } .nb-theme-cosmic nb-alert.accent-primary { border-top: 0.25rem solid #a16eff; } .nb-theme-cosmic nb-alert.outline-primary { border: 1px solid #5a37b8; } .nb-theme-cosmic nb-alert.status-success { color: #ffffff; background-color: #00d68f; } .nb-theme-cosmic nb-alert.status-success a, .nb-theme-cosmic nb-alert.status-success a:hover { color: #ffffff; } .nb-theme-cosmic nb-alert.accent-success { border-top: 0.25rem solid #00d68f; } .nb-theme-cosmic nb-alert.outline-success { border: 1px solid #00997a; } .nb-theme-cosmic nb-alert.status-warning { color: #ffffff; background-color: #ffaa00; } .nb-theme-cosmic nb-alert.status-warning a, .nb-theme-cosmic nb-alert.status-warning a:hover { color: #ffffff; } .nb-theme-cosmic nb-alert.accent-warning { border-top: 0.25rem solid #ffaa00; } .nb-theme-cosmic nb-alert.outline-warning { border: 1px solid #b86e00; } .nb-theme-cosmic nb-alert.status-danger { color: #ffffff; background-color: #ff3d71; } .nb-theme-cosmic nb-alert.status-danger a, .nb-theme-cosmic nb-alert.status-danger a:hover { color: #ffffff; } .nb-theme-cosmic nb-alert.accent-danger { border-top: 0.25rem solid #ff3d71; } .nb-theme-cosmic nb-alert.outline-danger { border: 1px solid #b81d5b; } .nb-theme-cosmic nb-alert.status-info { color: #ffffff; background-color: #0095ff; } .nb-theme-cosmic nb-alert.status-info a, .nb-theme-cosmic nb-alert.status-info a:hover { color: #ffffff; } .nb-theme-cosmic nb-alert.accent-info { border-top: 0.25rem solid #0095ff; } .nb-theme-cosmic nb-alert.outline-info { border: 1px solid #0057c2; } .nb-theme-cosmic nb-alert.status-control { color: #323259; background-color: #ffffff; } .nb-theme-cosmic nb-alert.status-control a, .nb-theme-cosmic nb-alert.status-control a:hover { color: #323259; } .nb-theme-cosmic nb-alert.accent-control { border-top: 0.25rem solid #ffffff; } .nb-theme-cosmic nb-alert.outline-control { border: 1px solid #ceceeb; } .nb-theme-cosmic nb-chat { background-color: #323259; border: none; border-radius: 0.25rem; box-shadow: 0 0.5rem 1rem 0 #1a1f33; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic nb-chat nb-icon { font-size: inherit; } .nb-theme-cosmic nb-chat .header { border-bottom: 1px solid #1b1b38; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; padding: 1rem 1.25rem; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-chat .scrollable { overflow: auto; flex: 1; scrollbar-face-color: #13132b; scrollbar-track-color: #252547; } .nb-theme-cosmic nb-chat .scrollable::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-cosmic nb-chat .scrollable::-webkit-scrollbar-thumb { background: #13132b; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-cosmic nb-chat .scrollable::-webkit-scrollbar-track { background: #252547; } .nb-theme-cosmic nb-chat .messages { padding: 1rem 1.25rem; overflow-y: auto; overflow-x: hidden; display: flex; flex-shrink: 0; flex-direction: column; } .nb-theme-cosmic nb-chat .no-messages { text-align: center; } .nb-theme-cosmic nb-chat.size-tiny { height: 13.5rem; } .nb-theme-cosmic nb-chat.size-small { height: 21rem; } .nb-theme-cosmic nb-chat.size-medium { height: 28.5rem; } .nb-theme-cosmic nb-chat.size-large { height: 36rem; } .nb-theme-cosmic nb-chat.size-giant { height: 43.5rem; } .nb-theme-cosmic nb-chat.status-basic .header { background-color: #323259; color: #ffffff; } .nb-theme-cosmic nb-chat.status-primary .header { background-color: #a16eff; color: #ffffff; } .nb-theme-cosmic nb-chat.status-success .header { background-color: #00d68f; color: #ffffff; } .nb-theme-cosmic nb-chat.status-warning .header { background-color: #ffaa00; color: #ffffff; } .nb-theme-cosmic nb-chat.status-danger .header { background-color: #ff3d71; color: #ffffff; } .nb-theme-cosmic nb-chat.status-info .header { background-color: #0095ff; color: #ffffff; } .nb-theme-cosmic nb-chat.status-control .header { background-color: #ffffff; color: #323259; } .nb-theme-cosmic nb-chat-message { margin-bottom: 1.5rem; display: flex; flex-direction: row; } .nb-theme-cosmic nb-chat-message .message { flex: 1; } .nb-theme-cosmic nb-chat-message .avatar { border-radius: 50%; flex-shrink: 0; background: #ceceeb; background-position: center; background-size: cover; background-repeat: no-repeat; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; font-size: 0.875rem; color: white; } .nb-theme-cosmic nb-chat-message nb-chat-message-text { display: flex; flex-direction: column; } .nb-theme-cosmic nb-chat-message nb-chat-message-text .sender { font-size: 0.875rem; color: #b4b4db; margin-bottom: 0.5rem; } .nb-theme-cosmic nb-chat-message nb-chat-message-text p { word-break: break-word; white-space: pre-wrap; max-width: 100%; margin-bottom: 0; } .nb-theme-cosmic nb-chat-message nb-chat-message-text .text { padding: 1rem; border-radius: 0.5rem; } .nb-theme-cosmic nb-chat-message nb-chat-message-file { display: flex; flex-direction: column; } .nb-theme-cosmic nb-chat-message nb-chat-message-file a { color: #b4b4db; background: transparent; font-size: 4rem; text-align: center; border: 1px solid #b4b4db; width: 10rem; height: 10rem; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 0.5rem; } .nb-theme-cosmic nb-chat-message nb-chat-message-file a:hover, .nb-theme-cosmic nb-chat-message nb-chat-message-file a:focus { text-decoration: none; color: #b4b4db; } .nb-theme-cosmic nb-chat-message nb-chat-message-file a div { background-size: cover; width: 100%; height: 100%; } .nb-theme-cosmic nb-chat-message nb-chat-message-file nb-chat-message-text { display: block; margin-bottom: 0.5rem; } .nb-theme-cosmic nb-chat-message nb-chat-message-file .message-content-group { display: flex; flex-direction: row; justify-content: flex-end; flex-wrap: wrap; } .nb-theme-cosmic nb-chat-message nb-chat-message-file .message-content-group a { margin-bottom: 1rem; width: 5rem; height: 5rem; } [dir=ltr] .nb-theme-cosmic nb-chat-message nb-chat-message-file .message-content-group a { margin-right: 1rem; } [dir=rtl] .nb-theme-cosmic nb-chat-message nb-chat-message-file .message-content-group a { margin-left: 1rem; } .nb-theme-cosmic nb-chat-message nb-chat-message-quote p.quote { font-style: italic; font-size: 0.875rem; background: #252547; color: #b4b4db; padding: 1rem; border-radius: 0.5rem; margin-bottom: 0.5rem; } .nb-theme-cosmic nb-chat-message nb-chat-message-quote .sender { font-size: 0.875rem; color: #b4b4db; margin-bottom: 0.5rem; } [dir=ltr] .nb-theme-cosmic nb-chat-message.not-reply .message { margin-left: 0.5rem; } [dir=rtl] .nb-theme-cosmic nb-chat-message.not-reply .message { margin-right: 0.5rem; } [dir=ltr] .nb-theme-cosmic nb-chat-message.not-reply .message { margin-right: 3rem; } [dir=rtl] .nb-theme-cosmic nb-chat-message.not-reply .message { margin-left: 3rem; } .nb-theme-cosmic nb-chat-message.not-reply nb-chat-message-text { align-items: flex-start; } .nb-theme-cosmic nb-chat-message.not-reply nb-chat-message-text .text { background: #a16eff; color: #ffffff; } [dir=ltr] .nb-theme-cosmic nb-chat-message.not-reply nb-chat-message-text .text { border-top-left-radius: 0; } [dir=rtl] .nb-theme-cosmic nb-chat-message.not-reply nb-chat-message-text .text { border-top-right-radius: 0; } .nb-theme-cosmic nb-chat-message.not-reply nb-chat-message-file { align-items: flex-start; } .nb-theme-cosmic nb-chat-message.reply { flex-direction: row-reverse; } .nb-theme-cosmic nb-chat-message.reply .message { margin-left: 0; } [dir=ltr] .nb-theme-cosmic nb-chat-message.reply .message { margin-right: 0.5rem; } [dir=rtl] .nb-theme-cosmic nb-chat-message.reply .message { margin-left: 0.5rem; } [dir=ltr] .nb-theme-cosmic nb-chat-message.reply .message { margin-left: 3rem; } [dir=rtl] .nb-theme-cosmic nb-chat-message.reply .message { margin-right: 3rem; } .nb-theme-cosmic nb-chat-message.reply nb-chat-message-text { align-items: flex-end; } [dir=ltr] .nb-theme-cosmic nb-chat-message.reply nb-chat-message-text .sender { text-align: right; } [dir=rtl] .nb-theme-cosmic nb-chat-message.reply nb-chat-message-text .sender { text-align: left; } .nb-theme-cosmic nb-chat-message.reply nb-chat-message-text .text { background: #252547; color: #ffffff; } [dir=ltr] .nb-theme-cosmic nb-chat-message.reply nb-chat-message-text .text { border-top-right-radius: 0; } [dir=rtl] .nb-theme-cosmic nb-chat-message.reply nb-chat-message-text .text { border-top-left-radius: 0; } .nb-theme-cosmic nb-chat-message.reply nb-chat-message-file { align-items: flex-end; } .nb-theme-cosmic nb-chat-form { display: flex; flex-direction: column; padding: 1rem 1.25rem; border-top: 1px solid #1b1b38; } .nb-theme-cosmic nb-chat-form .message-row { flex-direction: row; display: flex; } .nb-theme-cosmic nb-chat-form input { flex: 1; } .nb-theme-cosmic nb-chat-form input.with-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } [dir=ltr] .nb-theme-cosmic nb-chat-form input.with-button { border-bottom-right-radius: 0; } [dir=ltr] .nb-theme-cosmic nb-chat-form input.with-button { border-top-right-radius: 0; } [dir=rtl] .nb-theme-cosmic nb-chat-form input.with-button { border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-cosmic nb-chat-form input.with-button { border-top-left-radius: 0; } .nb-theme-cosmic nb-chat-form .send-button nb-icon { font-size: 1.5rem; } [dir=ltr] .nb-theme-cosmic nb-chat-form .send-button { border-bottom-left-radius: 0; border-top-left-radius: 0; } [dir=rtl] .nb-theme-cosmic nb-chat-form .send-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } .nb-theme-cosmic nb-chat-form .dropped-files { display: flex; flex-direction: row; margin-bottom: 0.5rem; flex-wrap: wrap; } .nb-theme-cosmic nb-chat-form .dropped-files div { background-size: cover; width: 3rem; height: 3rem; border-radius: 0.5rem; margin-bottom: 0.5rem; border: 1px solid currentColor; text-align: center; font-size: 2rem; position: relative; } [dir=ltr] .nb-theme-cosmic nb-chat-form .dropped-files div { margin-right: 0.5rem; } [dir=rtl] .nb-theme-cosmic nb-chat-form .dropped-files div { margin-left: 0.5rem; } .nb-theme-cosmic nb-chat-form .dropped-files div .remove { position: absolute; right: -0.5rem; top: -0.875rem; font-size: 0.875rem; line-height: 1; cursor: pointer; } .nb-theme-cosmic nb-chat-form .dropped-files div nb-icon { width: 65%; height: 100%; } .nb-theme-cosmic nb-accordion { display: block; box-shadow: 0 0.5rem 1rem 0 #1a1f33; border-radius: 0.25rem; } .nb-theme-cosmic nb-accordion-item-header { position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #1b1b38; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 1.25rem; } .nb-theme-cosmic nb-accordion-item-header h1 { margin: 0; } .nb-theme-cosmic nb-accordion-item-header h2 { margin: 0; } .nb-theme-cosmic nb-accordion-item-header h3 { margin: 0; } .nb-theme-cosmic nb-accordion-item-header h4 { margin: 0; } .nb-theme-cosmic nb-accordion-item-header h5 { margin: 0; } .nb-theme-cosmic nb-accordion-item-header h6 { margin: 0; } .nb-theme-cosmic nb-accordion-item-header .expansion-indicator { position: absolute; } [dir=ltr] .nb-theme-cosmic nb-accordion-item-header .expansion-indicator { right: 1rem; } [dir=rtl] .nb-theme-cosmic nb-accordion-item-header .expansion-indicator { left: 1rem; } .nb-theme-cosmic nb-accordion-item { background-color: #323259; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic nb-accordion-item.disabled nb-accordion-item-header { color: rgba(180, 180, 219, 0.48); cursor: default; } .nb-theme-cosmic nb-accordion-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nb-theme-cosmic nb-accordion-item:last-child { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .nb-theme-cosmic nb-accordion-item:last-child.collapsed nb-accordion-item-header { border-bottom: none; } .nb-theme-cosmic nb-accordion-item:not(.collapsed) + nb-accordion-item nb-accordion-item-header { border-top-color: #1b1b38; border-top-style: solid; border-top-width: 1px; } .nb-theme-cosmic nb-accordion-item-body .item-body { flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: 1.25rem; position: relative; } .nb-theme-cosmic [nbButton], .nb-theme-cosmic [nbButtonToggle] { -moz-appearance: none; appearance: none; text-align: center; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; vertical-align: middle; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-family: Open Sans, sans-serif; font-weight: 700; } .nb-theme-cosmic [nbButton]:hover, .nb-theme-cosmic :hover[nbButtonToggle], .nb-theme-cosmic [nbButton]:focus, .nb-theme-cosmic :focus[nbButtonToggle] { text-decoration: none; } .nb-theme-cosmic [nbButton].full-width, .nb-theme-cosmic .full-width[nbButtonToggle] { width: 100%; } .nb-theme-cosmic [nbButton] nb-icon, .nb-theme-cosmic [nbButtonToggle] nb-icon { vertical-align: top; } .nb-theme-cosmic [nbButton].nb-transition, .nb-theme-cosmic .nb-transition[nbButtonToggle] { transition-duration: 0.15s; transition-property: background-color, border-color, box-shadow, color; transition-timing-function: ease-in; } .nb-theme-cosmic [nbButton]:focus, .nb-theme-cosmic :focus[nbButtonToggle] { position: relative; outline: none; box-shadow: 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic [nbButton][disabled], .nb-theme-cosmic [disabled][nbButtonToggle] { cursor: default; } .nb-theme-cosmic [nbButton].size-tiny, .nb-theme-cosmic .size-tiny[nbButtonToggle] { font-size: 0.625rem; line-height: 0.75rem; } .nb-theme-cosmic [nbButton].size-tiny nb-icon, .nb-theme-cosmic .size-tiny[nbButtonToggle] nb-icon { font-size: 0.625rem; height: 0.75rem; width: 0.75rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-cosmic [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-cosmic .size-tiny.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } [dir=rtl] .nb-theme-cosmic [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-cosmic .size-tiny.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=ltr] .nb-theme-cosmic [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-cosmic .size-tiny.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=rtl] .nb-theme-cosmic [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-cosmic .size-tiny.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } .nb-theme-cosmic [nbButton].size-tiny.icon-start.icon-end.appearance-filled, .nb-theme-cosmic .size-tiny.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-cosmic [nbButton].size-tiny.icon-start.icon-end.appearance-outline, .nb-theme-cosmic .size-tiny.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-cosmic [nbButton].size-tiny.icon-start.icon-end.appearance-ghost, .nb-theme-cosmic .size-tiny.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-cosmic [nbButton].size-tiny.icon-start.icon-end.appearance-hero, .nb-theme-cosmic .size-tiny.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.5rem 0.375rem; } .nb-theme-cosmic [nbButton].size-small, .nb-theme-cosmic .size-small[nbButtonToggle] { font-size: 0.75rem; line-height: 1rem; } .nb-theme-cosmic [nbButton].size-small nb-icon, .nb-theme-cosmic .size-small[nbButtonToggle] nb-icon { font-size: 0.75rem; height: 1rem; width: 1rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-cosmic [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-cosmic .size-small.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } [dir=rtl] .nb-theme-cosmic [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-cosmic .size-small.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=ltr] .nb-theme-cosmic [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-cosmic .size-small.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=rtl] .nb-theme-cosmic [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-cosmic .size-small.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } .nb-theme-cosmic [nbButton].size-small.icon-start.icon-end.appearance-filled, .nb-theme-cosmic .size-small.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-cosmic [nbButton].size-small.icon-start.icon-end.appearance-outline, .nb-theme-cosmic .size-small.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-cosmic [nbButton].size-small.icon-start.icon-end.appearance-ghost, .nb-theme-cosmic .size-small.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-cosmic [nbButton].size-small.icon-start.icon-end.appearance-hero, .nb-theme-cosmic .size-small.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.5625rem 0.5rem; } .nb-theme-cosmic [nbButton].size-medium, .nb-theme-cosmic .size-medium[nbButtonToggle] { font-size: 0.875rem; line-height: 1rem; } .nb-theme-cosmic [nbButton].size-medium nb-icon, .nb-theme-cosmic .size-medium[nbButtonToggle] nb-icon { font-size: 0.875rem; height: 1.25rem; width: 1.25rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-cosmic [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-cosmic .size-medium.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.5rem; } [dir=rtl] .nb-theme-cosmic [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-cosmic .size-medium.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.5rem; } [dir=ltr] .nb-theme-cosmic [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-cosmic .size-medium.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.5rem; } [dir=rtl] .nb-theme-cosmic [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-cosmic .size-medium.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.5rem; } .nb-theme-cosmic [nbButton].size-medium.icon-start.icon-end.appearance-filled, .nb-theme-cosmic .size-medium.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-cosmic [nbButton].size-medium.icon-start.icon-end.appearance-outline, .nb-theme-cosmic .size-medium.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-cosmic [nbButton].size-medium.icon-start.icon-end.appearance-ghost, .nb-theme-cosmic .size-medium.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-cosmic [nbButton].size-medium.icon-start.icon-end.appearance-hero, .nb-theme-cosmic .size-medium.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.75rem 0.5625rem; } .nb-theme-cosmic [nbButton].size-large, .nb-theme-cosmic .size-large[nbButtonToggle] { font-size: 1rem; line-height: 1.25rem; } .nb-theme-cosmic [nbButton].size-large nb-icon, .nb-theme-cosmic .size-large[nbButtonToggle] nb-icon { font-size: 1rem; height: 1.5rem; width: 1.5rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-cosmic [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-cosmic .size-large.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } [dir=rtl] .nb-theme-cosmic [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-cosmic .size-large.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=ltr] .nb-theme-cosmic [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-cosmic .size-large.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=rtl] .nb-theme-cosmic [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-cosmic .size-large.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } .nb-theme-cosmic [nbButton].size-large.icon-start.icon-end.appearance-filled, .nb-theme-cosmic .size-large.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-cosmic [nbButton].size-large.icon-start.icon-end.appearance-outline, .nb-theme-cosmic .size-large.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-cosmic [nbButton].size-large.icon-start.icon-end.appearance-ghost, .nb-theme-cosmic .size-large.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-cosmic [nbButton].size-large.icon-start.icon-end.appearance-hero, .nb-theme-cosmic .size-large.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.875rem 0.6875rem; } .nb-theme-cosmic [nbButton].size-giant, .nb-theme-cosmic .size-giant[nbButtonToggle] { font-size: 1.125rem; line-height: 1.5rem; } .nb-theme-cosmic [nbButton].size-giant nb-icon, .nb-theme-cosmic .size-giant[nbButtonToggle] nb-icon { font-size: 1.125rem; height: 1.5rem; width: 1.5rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-cosmic [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-cosmic .size-giant.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } [dir=rtl] .nb-theme-cosmic [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-cosmic .size-giant.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=ltr] .nb-theme-cosmic [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-cosmic .size-giant.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=rtl] .nb-theme-cosmic [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-cosmic .size-giant.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } .nb-theme-cosmic [nbButton].size-giant.icon-start.icon-end.appearance-filled, .nb-theme-cosmic .size-giant.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-cosmic [nbButton].size-giant.icon-start.icon-end.appearance-outline, .nb-theme-cosmic .size-giant.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-cosmic [nbButton].size-giant.icon-start.icon-end.appearance-ghost, .nb-theme-cosmic .size-giant.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-cosmic [nbButton].size-giant.icon-start.icon-end.appearance-hero, .nb-theme-cosmic .size-giant.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 1.0625rem 1rem; } .nb-theme-cosmic [nbButton].shape-rectangle, .nb-theme-cosmic .shape-rectangle[nbButtonToggle] { border-radius: 0.25rem; } .nb-theme-cosmic [nbButton].shape-semi-round, .nb-theme-cosmic .shape-semi-round[nbButtonToggle] { border-radius: 0.75rem; } .nb-theme-cosmic [nbButton].shape-round, .nb-theme-cosmic .shape-round[nbButtonToggle] { border-radius: 1.5rem; } .nb-theme-cosmic a[nbButton], .nb-theme-cosmic a[nbButtonToggle] { text-decoration: none; } .nb-theme-cosmic [nbButton].appearance-filled, .nb-theme-cosmic .appearance-filled[nbButtonToggle] { border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-cosmic [nbButton].appearance-filled.size-tiny, .nb-theme-cosmic .appearance-filled.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-cosmic [nbButton].appearance-filled.size-small, .nb-theme-cosmic .appearance-filled.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-cosmic [nbButton].appearance-filled.size-medium, .nb-theme-cosmic .appearance-filled.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-cosmic [nbButton].appearance-filled.size-large, .nb-theme-cosmic .appearance-filled.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-cosmic [nbButton].appearance-filled.size-giant, .nb-theme-cosmic .appearance-filled.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-cosmic [nbButton].appearance-filled.status-basic, .nb-theme-cosmic .appearance-filled.status-basic[nbButtonToggle] { background-color: #f0f0fa; border-color: #f0f0fa; color: #323259; } .nb-theme-cosmic [nbButton].appearance-filled.status-basic:focus, .nb-theme-cosmic .appearance-filled.status-basic:focus[nbButtonToggle] { background-color: #e1e1f2; border-color: #ceceeb; } .nb-theme-cosmic [nbButton].appearance-filled.status-basic:hover, .nb-theme-cosmic .appearance-filled.status-basic:hover[nbButtonToggle] { background-color: #f7f7fc; border-color: #f7f7fc; } .nb-theme-cosmic [nbButton].appearance-filled.status-basic:active, .nb-theme-cosmic .appearance-filled.status-basic:active[nbButtonToggle] { background-color: #e1e1f2; border-color: #e1e1f2; } .nb-theme-cosmic [nbButton].appearance-filled.status-basic[disabled], .nb-theme-cosmic .appearance-filled.status-basic[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-filled.status-primary, .nb-theme-cosmic .appearance-filled.status-primary[nbButtonToggle] { background-color: #a16eff; border-color: #a16eff; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-filled.status-primary:focus, .nb-theme-cosmic .appearance-filled.status-primary:focus[nbButtonToggle] { background-color: #7b51db; border-color: #5a37b8; } .nb-theme-cosmic [nbButton].appearance-filled.status-primary:hover, .nb-theme-cosmic .appearance-filled.status-primary:hover[nbButtonToggle] { background-color: #b18aff; border-color: #b18aff; } .nb-theme-cosmic [nbButton].appearance-filled.status-primary:active, .nb-theme-cosmic .appearance-filled.status-primary:active[nbButtonToggle] { background-color: #7b51db; border-color: #7b51db; } .nb-theme-cosmic [nbButton].appearance-filled.status-primary[disabled], .nb-theme-cosmic .appearance-filled.status-primary[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-filled.status-success, .nb-theme-cosmic .appearance-filled.status-success[nbButtonToggle] { background-color: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-filled.status-success:focus, .nb-theme-cosmic .appearance-filled.status-success:focus[nbButtonToggle] { background-color: #00b887; border-color: #00997a; } .nb-theme-cosmic [nbButton].appearance-filled.status-success:hover, .nb-theme-cosmic .appearance-filled.status-success:hover[nbButtonToggle] { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-cosmic [nbButton].appearance-filled.status-success:active, .nb-theme-cosmic .appearance-filled.status-success:active[nbButtonToggle] { background-color: #00b887; border-color: #00b887; } .nb-theme-cosmic [nbButton].appearance-filled.status-success[disabled], .nb-theme-cosmic .appearance-filled.status-success[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-filled.status-warning, .nb-theme-cosmic .appearance-filled.status-warning[nbButtonToggle] { background-color: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-filled.status-warning:focus, .nb-theme-cosmic .appearance-filled.status-warning:focus[nbButtonToggle] { background-color: #db8b00; border-color: #b86e00; } .nb-theme-cosmic [nbButton].appearance-filled.status-warning:hover, .nb-theme-cosmic .appearance-filled.status-warning:hover[nbButtonToggle] { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-cosmic [nbButton].appearance-filled.status-warning:active, .nb-theme-cosmic .appearance-filled.status-warning:active[nbButtonToggle] { background-color: #db8b00; border-color: #db8b00; } .nb-theme-cosmic [nbButton].appearance-filled.status-warning[disabled], .nb-theme-cosmic .appearance-filled.status-warning[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-filled.status-danger, .nb-theme-cosmic .appearance-filled.status-danger[nbButtonToggle] { background-color: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-filled.status-danger:focus, .nb-theme-cosmic .appearance-filled.status-danger:focus[nbButtonToggle] { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-cosmic [nbButton].appearance-filled.status-danger:hover, .nb-theme-cosmic .appearance-filled.status-danger:hover[nbButtonToggle] { background-color: #ff708d; border-color: #ff708d; } .nb-theme-cosmic [nbButton].appearance-filled.status-danger:active, .nb-theme-cosmic .appearance-filled.status-danger:active[nbButtonToggle] { background-color: #db2c66; border-color: #db2c66; } .nb-theme-cosmic [nbButton].appearance-filled.status-danger[disabled], .nb-theme-cosmic .appearance-filled.status-danger[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-filled.status-info, .nb-theme-cosmic .appearance-filled.status-info[nbButtonToggle] { background-color: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-filled.status-info:focus, .nb-theme-cosmic .appearance-filled.status-info:focus[nbButtonToggle] { background-color: #006fd6; border-color: #0057c2; } .nb-theme-cosmic [nbButton].appearance-filled.status-info:hover, .nb-theme-cosmic .appearance-filled.status-info:hover[nbButtonToggle] { background-color: #42aaff; border-color: #42aaff; } .nb-theme-cosmic [nbButton].appearance-filled.status-info:active, .nb-theme-cosmic .appearance-filled.status-info:active[nbButtonToggle] { background-color: #006fd6; border-color: #006fd6; } .nb-theme-cosmic [nbButton].appearance-filled.status-info[disabled], .nb-theme-cosmic .appearance-filled.status-info[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-filled.status-control, .nb-theme-cosmic .appearance-filled.status-control[nbButtonToggle] { background-color: #ffffff; border-color: #ffffff; color: #323259; } .nb-theme-cosmic [nbButton].appearance-filled.status-control:focus, .nb-theme-cosmic .appearance-filled.status-control:focus[nbButtonToggle] { background-color: #f0f0fa; border-color: #ceceeb; } .nb-theme-cosmic [nbButton].appearance-filled.status-control:hover, .nb-theme-cosmic .appearance-filled.status-control:hover[nbButtonToggle] { background-color: #f7f7fc; border-color: #f7f7fc; } .nb-theme-cosmic [nbButton].appearance-filled.status-control:active, .nb-theme-cosmic .appearance-filled.status-control:active[nbButtonToggle] { background-color: #f0f0fa; border-color: #f0f0fa; } .nb-theme-cosmic [nbButton].appearance-filled.status-control[disabled], .nb-theme-cosmic .appearance-filled.status-control[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-outline, .nb-theme-cosmic .appearance-outline[nbButtonToggle] { border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-cosmic [nbButton].appearance-outline:focus, .nb-theme-cosmic .appearance-outline:focus[nbButtonToggle] { box-shadow: 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic [nbButton].appearance-outline:focus:not(:hover):not(:active), .nb-theme-cosmic .appearance-outline:focus:not(:hover):not(:active)[nbButtonToggle] { box-shadow: 0 0 0 0.375rem #6a6a94, inset 0 0 0 100vmax #6a6a94; } .nb-theme-cosmic [nbButton].appearance-outline.size-tiny, .nb-theme-cosmic .appearance-outline.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-cosmic [nbButton].appearance-outline.size-small, .nb-theme-cosmic .appearance-outline.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-cosmic [nbButton].appearance-outline.size-medium, .nb-theme-cosmic .appearance-outline.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-cosmic [nbButton].appearance-outline.size-large, .nb-theme-cosmic .appearance-outline.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-cosmic [nbButton].appearance-outline.size-giant, .nb-theme-cosmic .appearance-outline.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-cosmic [nbButton].appearance-outline.status-basic, .nb-theme-cosmic .appearance-outline.status-basic[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.08); border-color: #b4b4db; color: #b4b4db; } .nb-theme-cosmic [nbButton].appearance-outline.status-basic:focus, .nb-theme-cosmic .appearance-outline.status-basic:focus[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); border-color: #b4b4db; color: #b4b4db; } .nb-theme-cosmic [nbButton].appearance-outline.status-basic:hover, .nb-theme-cosmic .appearance-outline.status-basic:hover[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: #b4b4db; color: #b4b4db; } .nb-theme-cosmic [nbButton].appearance-outline.status-basic:active, .nb-theme-cosmic .appearance-outline.status-basic:active[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); border-color: #b4b4db; color: #b4b4db; } .nb-theme-cosmic [nbButton].appearance-outline.status-basic[disabled], .nb-theme-cosmic .appearance-outline.status-basic[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-outline.status-primary, .nb-theme-cosmic .appearance-outline.status-primary[nbButtonToggle] { background-color: rgba(161, 110, 255, 0.08); border-color: #a16eff; color: #a16eff; } .nb-theme-cosmic [nbButton].appearance-outline.status-primary:focus, .nb-theme-cosmic .appearance-outline.status-primary:focus[nbButtonToggle] { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; color: #a16eff; } .nb-theme-cosmic [nbButton].appearance-outline.status-primary:hover, .nb-theme-cosmic .appearance-outline.status-primary:hover[nbButtonToggle] { background-color: rgba(161, 110, 255, 0.16); border-color: #a16eff; color: #a16eff; } .nb-theme-cosmic [nbButton].appearance-outline.status-primary:active, .nb-theme-cosmic .appearance-outline.status-primary:active[nbButtonToggle] { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; color: #a16eff; } .nb-theme-cosmic [nbButton].appearance-outline.status-primary[disabled], .nb-theme-cosmic .appearance-outline.status-primary[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-outline.status-success, .nb-theme-cosmic .appearance-outline.status-success[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; color: #00d68f; } .nb-theme-cosmic [nbButton].appearance-outline.status-success:focus, .nb-theme-cosmic .appearance-outline.status-success:focus[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-cosmic [nbButton].appearance-outline.status-success:hover, .nb-theme-cosmic .appearance-outline.status-success:hover[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; color: #00d68f; } .nb-theme-cosmic [nbButton].appearance-outline.status-success:active, .nb-theme-cosmic .appearance-outline.status-success:active[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-cosmic [nbButton].appearance-outline.status-success[disabled], .nb-theme-cosmic .appearance-outline.status-success[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-outline.status-warning, .nb-theme-cosmic .appearance-outline.status-warning[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; color: #ffaa00; } .nb-theme-cosmic [nbButton].appearance-outline.status-warning:focus, .nb-theme-cosmic .appearance-outline.status-warning:focus[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-cosmic [nbButton].appearance-outline.status-warning:hover, .nb-theme-cosmic .appearance-outline.status-warning:hover[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; color: #ffaa00; } .nb-theme-cosmic [nbButton].appearance-outline.status-warning:active, .nb-theme-cosmic .appearance-outline.status-warning:active[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-cosmic [nbButton].appearance-outline.status-warning[disabled], .nb-theme-cosmic .appearance-outline.status-warning[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-outline.status-danger, .nb-theme-cosmic .appearance-outline.status-danger[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; color: #ff3d71; } .nb-theme-cosmic [nbButton].appearance-outline.status-danger:focus, .nb-theme-cosmic .appearance-outline.status-danger:focus[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-cosmic [nbButton].appearance-outline.status-danger:hover, .nb-theme-cosmic .appearance-outline.status-danger:hover[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; color: #ff3d71; } .nb-theme-cosmic [nbButton].appearance-outline.status-danger:active, .nb-theme-cosmic .appearance-outline.status-danger:active[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-cosmic [nbButton].appearance-outline.status-danger[disabled], .nb-theme-cosmic .appearance-outline.status-danger[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-outline.status-info, .nb-theme-cosmic .appearance-outline.status-info[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; color: #0095ff; } .nb-theme-cosmic [nbButton].appearance-outline.status-info:focus, .nb-theme-cosmic .appearance-outline.status-info:focus[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-cosmic [nbButton].appearance-outline.status-info:hover, .nb-theme-cosmic .appearance-outline.status-info:hover[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; color: #0095ff; } .nb-theme-cosmic [nbButton].appearance-outline.status-info:active, .nb-theme-cosmic .appearance-outline.status-info:active[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-cosmic [nbButton].appearance-outline.status-info[disabled], .nb-theme-cosmic .appearance-outline.status-info[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-outline.status-control, .nb-theme-cosmic .appearance-outline.status-control[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-outline.status-control:focus, .nb-theme-cosmic .appearance-outline.status-control:focus[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-outline.status-control:hover, .nb-theme-cosmic .appearance-outline.status-control:hover[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-outline.status-control:active, .nb-theme-cosmic .appearance-outline.status-control:active[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-outline.status-control[disabled], .nb-theme-cosmic .appearance-outline.status-control[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-ghost, .nb-theme-cosmic .appearance-ghost[nbButtonToggle] { background-color: transparent; border-color: transparent; border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-cosmic [nbButton].appearance-ghost:focus, .nb-theme-cosmic .appearance-ghost:focus[nbButtonToggle] { box-shadow: 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic [nbButton].appearance-ghost:focus:not(:hover):not(:active), .nb-theme-cosmic .appearance-ghost:focus:not(:hover):not(:active)[nbButtonToggle] { box-shadow: 0 0 0 0.375rem #6a6a94, inset 0 0 0 100vmax #6a6a94; } .nb-theme-cosmic [nbButton].appearance-ghost.size-tiny, .nb-theme-cosmic .appearance-ghost.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-cosmic [nbButton].appearance-ghost.size-small, .nb-theme-cosmic .appearance-ghost.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-cosmic [nbButton].appearance-ghost.size-medium, .nb-theme-cosmic .appearance-ghost.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-cosmic [nbButton].appearance-ghost.size-large, .nb-theme-cosmic .appearance-ghost.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-cosmic [nbButton].appearance-ghost.size-giant, .nb-theme-cosmic .appearance-ghost.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-cosmic [nbButton].appearance-ghost.status-basic, .nb-theme-cosmic .appearance-ghost.status-basic[nbButtonToggle] { color: #b4b4db; } .nb-theme-cosmic [nbButton].appearance-ghost.status-basic:focus, .nb-theme-cosmic .appearance-ghost.status-basic:focus[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.4); color: #b4b4db; } .nb-theme-cosmic [nbButton].appearance-ghost.status-basic:hover, .nb-theme-cosmic .appearance-ghost.status-basic:hover[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.08); border-color: transparent; color: #b4b4db; } .nb-theme-cosmic [nbButton].appearance-ghost.status-basic:active, .nb-theme-cosmic .appearance-ghost.status-basic:active[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: #b4b4db; } .nb-theme-cosmic [nbButton].appearance-ghost.status-basic[disabled], .nb-theme-cosmic .appearance-ghost.status-basic[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-ghost.status-primary, .nb-theme-cosmic .appearance-ghost.status-primary[nbButtonToggle] { color: #a16eff; } .nb-theme-cosmic [nbButton].appearance-ghost.status-primary:focus, .nb-theme-cosmic .appearance-ghost.status-primary:focus[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.4); color: #a16eff; } .nb-theme-cosmic [nbButton].appearance-ghost.status-primary:hover, .nb-theme-cosmic .appearance-ghost.status-primary:hover[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.08); border-color: transparent; color: #a16eff; } .nb-theme-cosmic [nbButton].appearance-ghost.status-primary:active, .nb-theme-cosmic .appearance-ghost.status-primary:active[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: #a16eff; } .nb-theme-cosmic [nbButton].appearance-ghost.status-primary[disabled], .nb-theme-cosmic .appearance-ghost.status-primary[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-ghost.status-success, .nb-theme-cosmic .appearance-ghost.status-success[nbButtonToggle] { color: #00d68f; } .nb-theme-cosmic [nbButton].appearance-ghost.status-success:focus, .nb-theme-cosmic .appearance-ghost.status-success:focus[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.4); color: #00d68f; } .nb-theme-cosmic [nbButton].appearance-ghost.status-success:hover, .nb-theme-cosmic .appearance-ghost.status-success:hover[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.08); border-color: transparent; color: #00d68f; } .nb-theme-cosmic [nbButton].appearance-ghost.status-success:active, .nb-theme-cosmic .appearance-ghost.status-success:active[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: #00d68f; } .nb-theme-cosmic [nbButton].appearance-ghost.status-success[disabled], .nb-theme-cosmic .appearance-ghost.status-success[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-ghost.status-warning, .nb-theme-cosmic .appearance-ghost.status-warning[nbButtonToggle] { color: #ffaa00; } .nb-theme-cosmic [nbButton].appearance-ghost.status-warning:focus, .nb-theme-cosmic .appearance-ghost.status-warning:focus[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.4); color: #ffaa00; } .nb-theme-cosmic [nbButton].appearance-ghost.status-warning:hover, .nb-theme-cosmic .appearance-ghost.status-warning:hover[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.08); border-color: transparent; color: #ffaa00; } .nb-theme-cosmic [nbButton].appearance-ghost.status-warning:active, .nb-theme-cosmic .appearance-ghost.status-warning:active[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: #ffaa00; } .nb-theme-cosmic [nbButton].appearance-ghost.status-warning[disabled], .nb-theme-cosmic .appearance-ghost.status-warning[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-ghost.status-danger, .nb-theme-cosmic .appearance-ghost.status-danger[nbButtonToggle] { color: #ff3d71; } .nb-theme-cosmic [nbButton].appearance-ghost.status-danger:focus, .nb-theme-cosmic .appearance-ghost.status-danger:focus[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.4); color: #ff3d71; } .nb-theme-cosmic [nbButton].appearance-ghost.status-danger:hover, .nb-theme-cosmic .appearance-ghost.status-danger:hover[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.08); border-color: transparent; color: #ff3d71; } .nb-theme-cosmic [nbButton].appearance-ghost.status-danger:active, .nb-theme-cosmic .appearance-ghost.status-danger:active[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: #ff3d71; } .nb-theme-cosmic [nbButton].appearance-ghost.status-danger[disabled], .nb-theme-cosmic .appearance-ghost.status-danger[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-ghost.status-info, .nb-theme-cosmic .appearance-ghost.status-info[nbButtonToggle] { color: #0095ff; } .nb-theme-cosmic [nbButton].appearance-ghost.status-info:focus, .nb-theme-cosmic .appearance-ghost.status-info:focus[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.4); color: #0095ff; } .nb-theme-cosmic [nbButton].appearance-ghost.status-info:hover, .nb-theme-cosmic .appearance-ghost.status-info:hover[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.08); border-color: transparent; color: #0095ff; } .nb-theme-cosmic [nbButton].appearance-ghost.status-info:active, .nb-theme-cosmic .appearance-ghost.status-info:active[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: #0095ff; } .nb-theme-cosmic [nbButton].appearance-ghost.status-info[disabled], .nb-theme-cosmic .appearance-ghost.status-info[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-ghost.status-control, .nb-theme-cosmic .appearance-ghost.status-control[nbButtonToggle] { color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-ghost.status-control:focus, .nb-theme-cosmic .appearance-ghost.status-control:focus[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.4); color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-ghost.status-control:hover, .nb-theme-cosmic .appearance-ghost.status-control:hover[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.08); border-color: transparent; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-ghost.status-control:active, .nb-theme-cosmic .appearance-ghost.status-control:active[nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-ghost.status-control[disabled], .nb-theme-cosmic .appearance-ghost.status-control[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.16); border-color: transparent; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-hero, .nb-theme-cosmic .appearance-hero[nbButtonToggle] { text-shadow: 0 0.5rem 1rem 0 #1a1f33; text-transform: uppercase; } .nb-theme-cosmic [nbButton].appearance-hero.size-tiny, .nb-theme-cosmic .appearance-hero.size-tiny[nbButtonToggle] { padding: 0.375rem 0.6875rem; } .nb-theme-cosmic [nbButton].appearance-hero.size-small, .nb-theme-cosmic .appearance-hero.size-small[nbButtonToggle] { padding: 0.5rem 0.9375rem; } .nb-theme-cosmic [nbButton].appearance-hero.size-medium, .nb-theme-cosmic .appearance-hero.size-medium[nbButtonToggle] { padding: 0.75rem 1.1875rem; } .nb-theme-cosmic [nbButton].appearance-hero.size-large, .nb-theme-cosmic .appearance-hero.size-large[nbButtonToggle] { padding: 0.875rem 1.1875rem; } .nb-theme-cosmic [nbButton].appearance-hero.size-giant, .nb-theme-cosmic .appearance-hero.size-giant[nbButtonToggle] { padding: 1rem 1.4375rem; } .nb-theme-cosmic [nbButton].appearance-hero.status-basic, .nb-theme-cosmic .appearance-hero.status-basic[nbButtonToggle] { background-image: linear-gradient(to right, #f7f7fc, #f0f0fa); border: none; box-shadow: 0 0 0 0 #b4b4db, 0 0 0 0 #6a6a94, 0 0 transparent; color: #b4b4db; } .nb-theme-cosmic [nbButton].appearance-hero.status-basic:focus, .nb-theme-cosmic .appearance-hero.status-basic:focus[nbButtonToggle] { background-image: linear-gradient(to right, #f0f0fa, #e1e1f2); box-shadow: 0 0 0 0 #b4b4db, 0 0 0 0 #6a6a94, 0 0 transparent, 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic [nbButton].appearance-hero.status-basic:hover, .nb-theme-cosmic .appearance-hero.status-basic:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffffff, #f7f7fc); } .nb-theme-cosmic [nbButton].appearance-hero.status-basic:active, .nb-theme-cosmic .appearance-hero.status-basic:active[nbButtonToggle] { background-image: linear-gradient(to right, #f0f0fa, #e1e1f2); } .nb-theme-cosmic [nbButton].appearance-hero.status-basic[disabled], .nb-theme-cosmic .appearance-hero.status-basic[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); background-image: none; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-hero.status-basic.button-pulse, .nb-theme-cosmic .appearance-hero.status-basic.button-pulse[nbButtonToggle] { animation: button-hero-basic-pulse 0.75s infinite alternate; } @keyframes button-hero-basic-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #f7f7fc; opacity: 0.8; } } .nb-theme-cosmic [nbButton].appearance-hero.status-primary, .nb-theme-cosmic .appearance-hero.status-primary[nbButtonToggle] { background-image: linear-gradient(to right, #b18aff, #a16eff); border: none; box-shadow: 0 0 0 0 #7b51db, 0 0 0 0 #5a37b8, 0 0 transparent; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-hero.status-primary:focus, .nb-theme-cosmic .appearance-hero.status-primary:focus[nbButtonToggle] { background-image: linear-gradient(to right, #a16eff, #7b51db); box-shadow: 0 0 0 0 #7b51db, 0 0 0 0 #5a37b8, 0 0 transparent, 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic [nbButton].appearance-hero.status-primary:hover, .nb-theme-cosmic .appearance-hero.status-primary:hover[nbButtonToggle] { background-image: linear-gradient(to right, #d5bfff, #b18aff); } .nb-theme-cosmic [nbButton].appearance-hero.status-primary:active, .nb-theme-cosmic .appearance-hero.status-primary:active[nbButtonToggle] { background-image: linear-gradient(to right, #a16eff, #7b51db); } .nb-theme-cosmic [nbButton].appearance-hero.status-primary[disabled], .nb-theme-cosmic .appearance-hero.status-primary[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); background-image: none; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-hero.status-primary.button-pulse, .nb-theme-cosmic .appearance-hero.status-primary.button-pulse[nbButtonToggle] { animation: button-hero-primary-pulse 0.75s infinite alternate; } @keyframes button-hero-primary-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #b18aff; opacity: 0.8; } } .nb-theme-cosmic [nbButton].appearance-hero.status-success, .nb-theme-cosmic .appearance-hero.status-success[nbButtonToggle] { background-image: linear-gradient(to right, #2ce69b, #00d68f); border: none; box-shadow: 0 0 0 0 #00b887, 0 0 0 0 #00997a, 0 0 transparent; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-hero.status-success:focus, .nb-theme-cosmic .appearance-hero.status-success:focus[nbButtonToggle] { background-image: linear-gradient(to right, #00d68f, #00b887); box-shadow: 0 0 0 0 #00b887, 0 0 0 0 #00997a, 0 0 transparent, 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic [nbButton].appearance-hero.status-success:hover, .nb-theme-cosmic .appearance-hero.status-success:hover[nbButtonToggle] { background-image: linear-gradient(to right, #8cfac7, #2ce69b); } .nb-theme-cosmic [nbButton].appearance-hero.status-success:active, .nb-theme-cosmic .appearance-hero.status-success:active[nbButtonToggle] { background-image: linear-gradient(to right, #00d68f, #00b887); } .nb-theme-cosmic [nbButton].appearance-hero.status-success[disabled], .nb-theme-cosmic .appearance-hero.status-success[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); background-image: none; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-hero.status-success.button-pulse, .nb-theme-cosmic .appearance-hero.status-success.button-pulse[nbButtonToggle] { animation: button-hero-success-pulse 0.75s infinite alternate; } @keyframes button-hero-success-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #2ce69b; opacity: 0.8; } } .nb-theme-cosmic [nbButton].appearance-hero.status-warning, .nb-theme-cosmic .appearance-hero.status-warning[nbButtonToggle] { background-image: linear-gradient(to right, #ffc94d, #ffaa00); border: none; box-shadow: 0 0 0 0 #db8b00, 0 0 0 0 #b86e00, 0 0 transparent; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-hero.status-warning:focus, .nb-theme-cosmic .appearance-hero.status-warning:focus[nbButtonToggle] { background-image: linear-gradient(to right, #ffaa00, #db8b00); box-shadow: 0 0 0 0 #db8b00, 0 0 0 0 #b86e00, 0 0 transparent, 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic [nbButton].appearance-hero.status-warning:hover, .nb-theme-cosmic .appearance-hero.status-warning:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffe59e, #ffc94d); } .nb-theme-cosmic [nbButton].appearance-hero.status-warning:active, .nb-theme-cosmic .appearance-hero.status-warning:active[nbButtonToggle] { background-image: linear-gradient(to right, #ffaa00, #db8b00); } .nb-theme-cosmic [nbButton].appearance-hero.status-warning[disabled], .nb-theme-cosmic .appearance-hero.status-warning[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); background-image: none; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-hero.status-warning.button-pulse, .nb-theme-cosmic .appearance-hero.status-warning.button-pulse[nbButtonToggle] { animation: button-hero-warning-pulse 0.75s infinite alternate; } @keyframes button-hero-warning-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #ffc94d; opacity: 0.8; } } .nb-theme-cosmic [nbButton].appearance-hero.status-danger, .nb-theme-cosmic .appearance-hero.status-danger[nbButtonToggle] { background-image: linear-gradient(to right, #ff708d, #ff3d71); border: none; box-shadow: 0 0 0 0 #db2c66, 0 0 0 0 #b81d5b, 0 0 transparent; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-hero.status-danger:focus, .nb-theme-cosmic .appearance-hero.status-danger:focus[nbButtonToggle] { background-image: linear-gradient(to right, #ff3d71, #db2c66); box-shadow: 0 0 0 0 #db2c66, 0 0 0 0 #b81d5b, 0 0 transparent, 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic [nbButton].appearance-hero.status-danger:hover, .nb-theme-cosmic .appearance-hero.status-danger:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffa8b4, #ff708d); } .nb-theme-cosmic [nbButton].appearance-hero.status-danger:active, .nb-theme-cosmic .appearance-hero.status-danger:active[nbButtonToggle] { background-image: linear-gradient(to right, #ff3d71, #db2c66); } .nb-theme-cosmic [nbButton].appearance-hero.status-danger[disabled], .nb-theme-cosmic .appearance-hero.status-danger[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); background-image: none; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-hero.status-danger.button-pulse, .nb-theme-cosmic .appearance-hero.status-danger.button-pulse[nbButtonToggle] { animation: button-hero-danger-pulse 0.75s infinite alternate; } @keyframes button-hero-danger-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #ff708d; opacity: 0.8; } } .nb-theme-cosmic [nbButton].appearance-hero.status-info, .nb-theme-cosmic .appearance-hero.status-info[nbButtonToggle] { background-image: linear-gradient(to right, #42aaff, #0095ff); border: none; box-shadow: 0 0 0 0 #006fd6, 0 0 0 0 #0057c2, 0 0 transparent; color: #ffffff; } .nb-theme-cosmic [nbButton].appearance-hero.status-info:focus, .nb-theme-cosmic .appearance-hero.status-info:focus[nbButtonToggle] { background-image: linear-gradient(to right, #0095ff, #006fd6); box-shadow: 0 0 0 0 #006fd6, 0 0 0 0 #0057c2, 0 0 transparent, 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic [nbButton].appearance-hero.status-info:hover, .nb-theme-cosmic .appearance-hero.status-info:hover[nbButtonToggle] { background-image: linear-gradient(to right, #94cbff, #42aaff); } .nb-theme-cosmic [nbButton].appearance-hero.status-info:active, .nb-theme-cosmic .appearance-hero.status-info:active[nbButtonToggle] { background-image: linear-gradient(to right, #0095ff, #006fd6); } .nb-theme-cosmic [nbButton].appearance-hero.status-info[disabled], .nb-theme-cosmic .appearance-hero.status-info[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); background-image: none; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-hero.status-info.button-pulse, .nb-theme-cosmic .appearance-hero.status-info.button-pulse[nbButtonToggle] { animation: button-hero-info-pulse 0.75s infinite alternate; } @keyframes button-hero-info-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #42aaff; opacity: 0.8; } } .nb-theme-cosmic [nbButton].appearance-hero.status-control, .nb-theme-cosmic .appearance-hero.status-control[nbButtonToggle] { background-image: linear-gradient(to right, #ffffff, #ffffff); border: none; box-shadow: 0 0 0 0 #b4b4db, 0 0 0 0 #6a6a94, 0 0 transparent; color: #323259; } .nb-theme-cosmic [nbButton].appearance-hero.status-control:focus, .nb-theme-cosmic .appearance-hero.status-control:focus[nbButtonToggle] { background-image: linear-gradient(to right, #f7f7fc, #f0f0fa); box-shadow: 0 0 0 0 #b4b4db, 0 0 0 0 #6a6a94, 0 0 transparent, 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic [nbButton].appearance-hero.status-control:hover, .nb-theme-cosmic .appearance-hero.status-control:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffffff, #f7f7fc); } .nb-theme-cosmic [nbButton].appearance-hero.status-control:active, .nb-theme-cosmic .appearance-hero.status-control:active[nbButtonToggle] { background-image: linear-gradient(to right, #f7f7fc, #f0f0fa); } .nb-theme-cosmic [nbButton].appearance-hero.status-control[disabled], .nb-theme-cosmic .appearance-hero.status-control[disabled][nbButtonToggle] { background-color: rgba(180, 180, 219, 0.24); background-image: none; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbButton].appearance-hero.status-control.button-pulse, .nb-theme-cosmic .appearance-hero.status-control.button-pulse[nbButtonToggle] { animation: button-hero-control-pulse 0.75s infinite alternate; } @keyframes button-hero-control-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #ffffff; opacity: 0.8; } } .nb-theme-cosmic nb-button-group { display: inline-flex; } [dir=ltr] .nb-theme-cosmic nb-button-group [nbButton]:first-child:not(:last-child), [dir=ltr] .nb-theme-cosmic nb-button-group :first-child:not(:last-child)[nbButtonToggle], [dir=ltr] .nb-theme-cosmic nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=ltr] .nb-theme-cosmic nb-button-group [nbButton]:last-child:not(:first-child), [dir=ltr] .nb-theme-cosmic nb-button-group :last-child:not(:first-child)[nbButtonToggle], [dir=ltr] .nb-theme-cosmic nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-cosmic nb-button-group [nbButton]:first-child:not(:last-child), [dir=rtl] .nb-theme-cosmic nb-button-group :first-child:not(:last-child)[nbButtonToggle], [dir=rtl] .nb-theme-cosmic nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-cosmic nb-button-group [nbButton]:last-child:not(:first-child), [dir=rtl] .nb-theme-cosmic nb-button-group :last-child:not(:first-child)[nbButtonToggle], [dir=rtl] .nb-theme-cosmic nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nb-theme-cosmic nb-button-group [nbButton]:not(:first-child):not(:last-child), .nb-theme-cosmic nb-button-group :not(:first-child):not(:last-child)[nbButtonToggle], .nb-theme-cosmic nb-button-group [nbButtonToggle]:not(:first-child):not(:last-child) { border-radius: 0; } .nb-theme-cosmic nb-button-group [nbButton].appearance-filled, .nb-theme-cosmic nb-button-group .appearance-filled[nbButtonToggle], .nb-theme-cosmic nb-button-group [nbButton].appearance-ghost, .nb-theme-cosmic nb-button-group .appearance-ghost[nbButtonToggle], .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled, .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-ghost { border-color: transparent; } [dir=ltr] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-cosmic nb-button-group .appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #ceceeb; } [dir=rtl] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-cosmic nb-button-group .appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #ceceeb; } .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-basic, .nb-theme-cosmic nb-button-group .appearance-filled.status-basic[nbButtonToggle], .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-basic { color: #b4b4db; } [dir=ltr] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-cosmic nb-button-group .appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #7b51db; } [dir=rtl] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-cosmic nb-button-group .appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #7b51db; } .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-primary, .nb-theme-cosmic nb-button-group .appearance-filled.status-primary[nbButtonToggle], .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-primary { color: #ffffff; } [dir=ltr] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-cosmic nb-button-group .appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #00b887; } [dir=rtl] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-cosmic nb-button-group .appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #00b887; } .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-success, .nb-theme-cosmic nb-button-group .appearance-filled.status-success[nbButtonToggle], .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-success { color: #ffffff; } [dir=ltr] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-cosmic nb-button-group .appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #db8b00; } [dir=rtl] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-cosmic nb-button-group .appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #db8b00; } .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-warning, .nb-theme-cosmic nb-button-group .appearance-filled.status-warning[nbButtonToggle], .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-warning { color: #ffffff; } [dir=ltr] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-cosmic nb-button-group .appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #db2c66; } [dir=rtl] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-cosmic nb-button-group .appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #db2c66; } .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-danger, .nb-theme-cosmic nb-button-group .appearance-filled.status-danger[nbButtonToggle], .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-danger { color: #ffffff; } [dir=ltr] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-cosmic nb-button-group .appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #006fd6; } [dir=rtl] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-cosmic nb-button-group .appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #006fd6; } .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-info, .nb-theme-cosmic nb-button-group .appearance-filled.status-info[nbButtonToggle], .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-info { color: #ffffff; } [dir=ltr] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-cosmic nb-button-group .appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #f0f0fa; } [dir=rtl] .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-cosmic nb-button-group .appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #f0f0fa; } .nb-theme-cosmic nb-button-group [nbButton].appearance-filled.status-control, .nb-theme-cosmic nb-button-group .appearance-filled.status-control[nbButtonToggle], .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-filled.status-control { color: #323259; } [dir=ltr] .nb-theme-cosmic nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-cosmic nb-button-group .appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #ceceeb; } [dir=rtl] .nb-theme-cosmic nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-cosmic nb-button-group .appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-cosmic nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #ceceeb; } .nb-theme-cosmic nb-list-item { border-bottom: 1px solid #1b1b38; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1rem; } .nb-theme-cosmic nb-list-item:first-child { border-top: 1px solid #1b1b38; } .nb-theme-cosmic [nbInput] { border-style: solid; border-width: 1px; font-family: Open Sans, sans-serif; -moz-appearance: none; appearance: none; } .nb-theme-cosmic [nbInput].nb-transition { transition-duration: 0.15s; transition-property: border, background-color, color, box-shadow; transition-timing-function: ease-in; } .nb-theme-cosmic [nbInput]::-moz-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-cosmic [nbInput]:-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-cosmic [nbInput]::placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-cosmic [nbInput]:focus { outline: none; } .nb-theme-cosmic [nbInput].input-full-width { width: 100%; } .nb-theme-cosmic [nbInput].status-basic { background-color: #252547; border-color: #13132b; color: #ffffff; } .nb-theme-cosmic [nbInput].status-basic::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-basic:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-basic::placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-basic:focus { background-color: #323259; border-color: #a16eff; } .nb-theme-cosmic [nbInput].status-basic:hover { background-color: #1b1b38; border-color: #13132b; } .nb-theme-cosmic [nbInput].status-basic:disabled { background-color: #252547; border-color: #13132b; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-basic:disabled::-moz-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-basic:disabled:-ms-input-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-basic:disabled::placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-primary { background-color: #252547; border-color: #a16eff; color: #ffffff; } .nb-theme-cosmic [nbInput].status-primary::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-primary:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-primary::placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-primary:focus { background-color: #323259; border-color: #5a37b8; } .nb-theme-cosmic [nbInput].status-primary:hover { background-color: #1b1b38; border-color: #b18aff; } .nb-theme-cosmic [nbInput].status-primary:disabled { background-color: #252547; border-color: #13132b; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-primary:disabled::-moz-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-primary:disabled:-ms-input-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-primary:disabled::placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-success { background-color: #252547; border-color: #00d68f; color: #ffffff; } .nb-theme-cosmic [nbInput].status-success::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-success:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-success::placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-success:focus { background-color: #323259; border-color: #00997a; } .nb-theme-cosmic [nbInput].status-success:hover { background-color: #1b1b38; border-color: #2ce69b; } .nb-theme-cosmic [nbInput].status-success:disabled { background-color: #252547; border-color: #13132b; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-success:disabled::-moz-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-success:disabled:-ms-input-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-success:disabled::placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-warning { background-color: #252547; border-color: #ffaa00; color: #ffffff; } .nb-theme-cosmic [nbInput].status-warning::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-warning:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-warning::placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-warning:focus { background-color: #323259; border-color: #b86e00; } .nb-theme-cosmic [nbInput].status-warning:hover { background-color: #1b1b38; border-color: #ffc94d; } .nb-theme-cosmic [nbInput].status-warning:disabled { background-color: #252547; border-color: #13132b; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-warning:disabled::-moz-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-warning:disabled:-ms-input-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-warning:disabled::placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-danger { background-color: #252547; border-color: #ff3d71; color: #ffffff; } .nb-theme-cosmic [nbInput].status-danger::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-danger:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-danger::placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-danger:focus { background-color: #323259; border-color: #b81d5b; } .nb-theme-cosmic [nbInput].status-danger:hover { background-color: #1b1b38; border-color: #ff708d; } .nb-theme-cosmic [nbInput].status-danger:disabled { background-color: #252547; border-color: #13132b; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-danger:disabled::-moz-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-danger:disabled:-ms-input-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-danger:disabled::placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-info { background-color: #252547; border-color: #0095ff; color: #ffffff; } .nb-theme-cosmic [nbInput].status-info::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-info:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-info::placeholder { color: #b4b4db; } .nb-theme-cosmic [nbInput].status-info:focus { background-color: #323259; border-color: #0057c2; } .nb-theme-cosmic [nbInput].status-info:hover { background-color: #1b1b38; border-color: #42aaff; } .nb-theme-cosmic [nbInput].status-info:disabled { background-color: #252547; border-color: #13132b; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-info:disabled::-moz-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-info:disabled:-ms-input-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-info:disabled::placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic [nbInput].status-control { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); color: #ffffff; } .nb-theme-cosmic [nbInput].status-control::-moz-placeholder { color: #ffffff; } .nb-theme-cosmic [nbInput].status-control:-ms-input-placeholder { color: #ffffff; } .nb-theme-cosmic [nbInput].status-control::placeholder { color: #ffffff; } .nb-theme-cosmic [nbInput].status-control:focus { background-color: rgba(255, 255, 255, 0.4); border-color: #ffffff; } .nb-theme-cosmic [nbInput].status-control:hover { background-color: rgba(255, 255, 255, 0.32); border-color: #ffffff; } .nb-theme-cosmic [nbInput].status-control:disabled { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); color: #ffffff; } .nb-theme-cosmic [nbInput].status-control:disabled::-moz-placeholder { color: #ffffff; } .nb-theme-cosmic [nbInput].status-control:disabled:-ms-input-placeholder { color: #ffffff; } .nb-theme-cosmic [nbInput].status-control:disabled::placeholder { color: #ffffff; } .nb-theme-cosmic [nbInput].size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.1875rem 1rem; } .nb-theme-cosmic [nbInput].size-tiny:not(.input-full-width) { max-width: 20rem; } .nb-theme-cosmic [nbInput].size-tiny::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-tiny:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-tiny::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 1rem; } .nb-theme-cosmic [nbInput].size-small:not(.input-full-width) { max-width: 20rem; } .nb-theme-cosmic [nbInput].size-small::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-small:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-small::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.4375rem 1rem; } .nb-theme-cosmic [nbInput].size-medium:not(.input-full-width) { max-width: 20rem; } .nb-theme-cosmic [nbInput].size-medium::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-medium:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-medium::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.6875rem 1rem; } .nb-theme-cosmic [nbInput].size-large:not(.input-full-width) { max-width: 30rem; } .nb-theme-cosmic [nbInput].size-large::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-large:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-large::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.9375rem 1rem; } .nb-theme-cosmic [nbInput].size-giant:not(.input-full-width) { max-width: 30rem; } .nb-theme-cosmic [nbInput].size-giant::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-giant:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].size-giant::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic [nbInput].shape-rectangle { border-radius: 0.25rem; } .nb-theme-cosmic [nbInput].shape-semi-round { border-radius: 0.75rem; } .nb-theme-cosmic [nbInput].shape-round { border-radius: 1.5rem; } .nb-theme-cosmic nb-form-field [nbInput] { width: 100%; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-left: 1.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-right: 1.5rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-right: 1.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-left: 1.5rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix [nbInput].size-small { padding-left: 2rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix [nbInput].size-small { padding-right: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-suffix [nbInput].size-small { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-suffix [nbInput].size-small { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix [nbInput].size-medium { padding-left: 2.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix [nbInput].size-medium { padding-right: 2.5rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-suffix [nbInput].size-medium { padding-right: 2.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-suffix [nbInput].size-medium { padding-left: 2.5rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix [nbInput].size-large { padding-left: 3rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix [nbInput].size-large { padding-right: 3rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-suffix [nbInput].size-large { padding-right: 3rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-suffix [nbInput].size-large { padding-left: 3rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix [nbInput].size-giant { padding-left: 3.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix [nbInput].size-giant { padding-right: 3.5rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-suffix [nbInput].size-giant { padding-right: 3.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-suffix [nbInput].size-giant { padding-left: 3.5rem; } .nb-theme-cosmic .overlay-backdrop { background: rgba(0, 0, 0, 0.35); } .nb-theme-cosmic .cdk-overlay-container { z-index: 1040; } .nb-theme-cosmic nb-popover { border: 1px solid transparent; border-radius: 0.25rem; background: #323259; box-shadow: 0 0.5rem 1rem 0 #1a1f33; color: #ffffff; } .nb-theme-cosmic nb-popover .primitive-overlay { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 0.75rem 1rem; } .nb-theme-cosmic nb-popover .arrow { border-left: 0.6875rem solid transparent; border-right: 0.6875rem solid transparent; border-bottom: 0.6875rem solid transparent; } .nb-theme-cosmic nb-popover .arrow::after { position: absolute; content: ' '; width: 0; height: 0; top: 3px; left: calc(50% - 0.6875rem); border-left: 0.6875rem solid transparent; border-right: 0.6875rem solid transparent; border-bottom: 0.6875rem solid #323259; clip-path: inset(0 0 2px); } .nb-theme-cosmic nb-popover.nb-overlay-bottom .arrow { top: calc(-1 * 0.6875rem + 1px); left: calc(50% - 0.6875rem); } .nb-theme-cosmic nb-popover.nb-overlay-bottom-start .arrow { top: calc(-1 * 0.6875rem + 1px); } [dir=ltr] .nb-theme-cosmic nb-popover.nb-overlay-bottom-start .arrow { right: 0.6875rem; } [dir=rtl] .nb-theme-cosmic nb-popover.nb-overlay-bottom-start .arrow { left: 0.6875rem; } .nb-theme-cosmic nb-popover.nb-overlay-bottom-end .arrow { top: calc(-1 * 0.6875rem + 1px); } [dir=ltr] .nb-theme-cosmic nb-popover.nb-overlay-bottom-end .arrow { left: 0.6875rem; } [dir=rtl] .nb-theme-cosmic nb-popover.nb-overlay-bottom-end .arrow { right: 0.6875rem; } .nb-theme-cosmic nb-popover.nb-overlay-left .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: calc(50% - 0.34375rem); transform: rotate(90deg); } .nb-theme-cosmic nb-popover.nb-overlay-start-top .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); bottom: 0.6875rem; transform: rotate(90deg); } .nb-theme-cosmic nb-popover.nb-overlay-start-bottom .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: 0.6875rem; transform: rotate(90deg); } .nb-theme-cosmic nb-popover.nb-overlay-top .arrow { bottom: calc(-1 * 0.6875rem + 1px); left: calc(50% - 0.6875rem); transform: rotate(180deg); } .nb-theme-cosmic nb-popover.nb-overlay-top-start .arrow { bottom: calc(-1 * 0.6875rem + 1px); transform: rotate(180deg); } [dir=ltr] .nb-theme-cosmic nb-popover.nb-overlay-top-start .arrow { right: 0.6875rem; } [dir=rtl] .nb-theme-cosmic nb-popover.nb-overlay-top-start .arrow { left: 0.6875rem; } .nb-theme-cosmic nb-popover.nb-overlay-top-end .arrow { bottom: calc(-1 * 0.6875rem + 1px); transform: rotate(180deg); } [dir=ltr] .nb-theme-cosmic nb-popover.nb-overlay-top-end .arrow { left: 0.6875rem; } [dir=rtl] .nb-theme-cosmic nb-popover.nb-overlay-top-end .arrow { right: 0.6875rem; } .nb-theme-cosmic nb-popover.nb-overlay-right .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: calc(50% - 0.34375rem); transform: rotate(270deg); } .nb-theme-cosmic nb-popover.nb-overlay-end-top .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); bottom: 0.6875rem; transform: rotate(270deg); } .nb-theme-cosmic nb-popover.nb-overlay-end-bottom .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: 0.6875rem; transform: rotate(270deg); } .nb-theme-cosmic .context-menu-host { /* Fixes click not being bubbled to the body in Safari. https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html */ cursor: pointer; } .nb-theme-cosmic nb-context-menu { background-color: #323259; border-color: transparent; border-style: solid; border-width: 0; border-radius: 0.25rem; box-shadow: 0 0.5rem 1rem 0 #1a1f33; min-width: 10rem; max-width: 15rem; } .nb-theme-cosmic nb-context-menu nb-menu { border-radius: 0.25rem; overflow: hidden; text-align: center; } .nb-theme-cosmic nb-select .select-button { min-width: 13rem; cursor: pointer; font-family: Open Sans, sans-serif; } .nb-theme-cosmic nb-select .select-button.placeholder { font-family: Open Sans, sans-serif; } .nb-theme-cosmic nb-select .select-button:focus { outline: none; } .nb-theme-cosmic nb-select .select-button[disabled] { cursor: default; } .nb-theme-cosmic nb-select.size-tiny .select-button { font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-cosmic nb-select.size-tiny .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-cosmic nb-select.size-tiny .select-button.empty::before { content: ' '; display: block; height: 1rem; } .nb-theme-cosmic nb-select.size-tiny:not(.full-width) { max-width: 20rem; } .nb-theme-cosmic nb-select.size-small .select-button { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-select.size-small .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-cosmic nb-select.size-small .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-cosmic nb-select.size-small:not(.full-width) { max-width: 20rem; } .nb-theme-cosmic nb-select.size-medium .select-button { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-select.size-medium .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-cosmic nb-select.size-medium .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-cosmic nb-select.size-medium:not(.full-width) { max-width: 20rem; } .nb-theme-cosmic nb-select.size-large .select-button { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-select.size-large .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-cosmic nb-select.size-large .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-cosmic nb-select.size-large:not(.full-width) { max-width: 30rem; } .nb-theme-cosmic nb-select.size-giant .select-button { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .nb-theme-cosmic nb-select.size-giant .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-cosmic nb-select.size-giant .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-cosmic nb-select.size-giant:not(.full-width) { max-width: 30rem; } .nb-theme-cosmic nb-select.shape-rectangle .select-button { border-radius: 0.25rem; } .nb-theme-cosmic nb-select.shape-semi-round .select-button { border-radius: 0.75rem; } .nb-theme-cosmic nb-select.shape-round .select-button { border-radius: 1.5rem; } .nb-theme-cosmic nb-select.appearance-outline .select-button { border-style: solid; border-width: 1px; } .nb-theme-cosmic nb-select.appearance-outline .select-button.top { border-top-style: solid; border-top-width: 1px; } .nb-theme-cosmic nb-select.appearance-outline .select-button.bottom { border-bottom-style: solid; border-bottom-width: 1px; } .nb-theme-cosmic nb-select.appearance-outline.status-basic .select-button { background-color: #252547; border-color: #13132b; color: #ffffff; } .nb-theme-cosmic nb-select.appearance-outline.status-basic .select-button.placeholder { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-outline.status-basic .select-button nb-icon { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-outline.status-basic .select-button:focus { background-color: #323259; border-color: #a16eff; } .nb-theme-cosmic nb-select.appearance-outline.status-basic .select-button:hover { background-color: #1b1b38; border-color: #13132b; } .nb-theme-cosmic nb-select.appearance-outline.status-basic .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; border-color: #13132b; } .nb-theme-cosmic nb-select.appearance-outline.status-basic .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-outline.status-basic .select-button.bottom, .nb-theme-cosmic nb-select.appearance-outline.status-basic .select-button.top { border-color: #13132b; } .nb-theme-cosmic nb-select.appearance-outline.status-basic .select-button.top { border-top-color: #13132b; } .nb-theme-cosmic nb-select.appearance-outline.status-basic .select-button.bottom { border-bottom-color: #13132b; } .nb-theme-cosmic nb-select.appearance-outline.status-primary .select-button { background-color: #252547; border-color: #a16eff; color: #ffffff; } .nb-theme-cosmic nb-select.appearance-outline.status-primary .select-button.placeholder { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-outline.status-primary .select-button nb-icon { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-outline.status-primary .select-button:focus { background-color: #323259; border-color: #7b51db; } .nb-theme-cosmic nb-select.appearance-outline.status-primary .select-button:hover { background-color: #1b1b38; border-color: #b18aff; } .nb-theme-cosmic nb-select.appearance-outline.status-primary .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; border-color: #13132b; } .nb-theme-cosmic nb-select.appearance-outline.status-primary .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-outline.status-primary .select-button.bottom, .nb-theme-cosmic nb-select.appearance-outline.status-primary .select-button.top { border-color: #a16eff; } .nb-theme-cosmic nb-select.appearance-outline.status-primary .select-button.top { border-top-color: #a16eff; } .nb-theme-cosmic nb-select.appearance-outline.status-primary .select-button.bottom { border-bottom-color: #a16eff; } .nb-theme-cosmic nb-select.appearance-outline.status-success .select-button { background-color: #252547; border-color: #00d68f; color: #ffffff; } .nb-theme-cosmic nb-select.appearance-outline.status-success .select-button.placeholder { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-outline.status-success .select-button nb-icon { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-outline.status-success .select-button:focus { background-color: #323259; border-color: #00b887; } .nb-theme-cosmic nb-select.appearance-outline.status-success .select-button:hover { background-color: #1b1b38; border-color: #2ce69b; } .nb-theme-cosmic nb-select.appearance-outline.status-success .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; border-color: #13132b; } .nb-theme-cosmic nb-select.appearance-outline.status-success .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-outline.status-success .select-button.bottom, .nb-theme-cosmic nb-select.appearance-outline.status-success .select-button.top { border-color: #00d68f; } .nb-theme-cosmic nb-select.appearance-outline.status-success .select-button.top { border-top-color: #00d68f; } .nb-theme-cosmic nb-select.appearance-outline.status-success .select-button.bottom { border-bottom-color: #00d68f; } .nb-theme-cosmic nb-select.appearance-outline.status-warning .select-button { background-color: #252547; border-color: #ffaa00; color: #ffffff; } .nb-theme-cosmic nb-select.appearance-outline.status-warning .select-button.placeholder { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-outline.status-warning .select-button nb-icon { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-outline.status-warning .select-button:focus { background-color: #323259; border-color: #db8b00; } .nb-theme-cosmic nb-select.appearance-outline.status-warning .select-button:hover { background-color: #1b1b38; border-color: #ffc94d; } .nb-theme-cosmic nb-select.appearance-outline.status-warning .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; border-color: #13132b; } .nb-theme-cosmic nb-select.appearance-outline.status-warning .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-outline.status-warning .select-button.bottom, .nb-theme-cosmic nb-select.appearance-outline.status-warning .select-button.top { border-color: #ffaa00; } .nb-theme-cosmic nb-select.appearance-outline.status-warning .select-button.top { border-top-color: #ffaa00; } .nb-theme-cosmic nb-select.appearance-outline.status-warning .select-button.bottom { border-bottom-color: #ffaa00; } .nb-theme-cosmic nb-select.appearance-outline.status-danger .select-button { background-color: #252547; border-color: #ff3d71; color: #ffffff; } .nb-theme-cosmic nb-select.appearance-outline.status-danger .select-button.placeholder { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-outline.status-danger .select-button nb-icon { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-outline.status-danger .select-button:focus { background-color: #323259; border-color: #db2c66; } .nb-theme-cosmic nb-select.appearance-outline.status-danger .select-button:hover { background-color: #1b1b38; border-color: #ff708d; } .nb-theme-cosmic nb-select.appearance-outline.status-danger .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; border-color: #13132b; } .nb-theme-cosmic nb-select.appearance-outline.status-danger .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-outline.status-danger .select-button.bottom, .nb-theme-cosmic nb-select.appearance-outline.status-danger .select-button.top { border-color: #ff3d71; } .nb-theme-cosmic nb-select.appearance-outline.status-danger .select-button.top { border-top-color: #ff3d71; } .nb-theme-cosmic nb-select.appearance-outline.status-danger .select-button.bottom { border-bottom-color: #ff3d71; } .nb-theme-cosmic nb-select.appearance-outline.status-info .select-button { background-color: #252547; border-color: #0095ff; color: #ffffff; } .nb-theme-cosmic nb-select.appearance-outline.status-info .select-button.placeholder { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-outline.status-info .select-button nb-icon { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-outline.status-info .select-button:focus { background-color: #323259; border-color: #006fd6; } .nb-theme-cosmic nb-select.appearance-outline.status-info .select-button:hover { background-color: #1b1b38; border-color: #42aaff; } .nb-theme-cosmic nb-select.appearance-outline.status-info .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; border-color: #13132b; } .nb-theme-cosmic nb-select.appearance-outline.status-info .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-outline.status-info .select-button.bottom, .nb-theme-cosmic nb-select.appearance-outline.status-info .select-button.top { border-color: #0095ff; } .nb-theme-cosmic nb-select.appearance-outline.status-info .select-button.top { border-top-color: #0095ff; } .nb-theme-cosmic nb-select.appearance-outline.status-info .select-button.bottom { border-bottom-color: #0095ff; } .nb-theme-cosmic nb-select.appearance-outline.status-control .select-button { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); color: #ffffff; } .nb-theme-cosmic nb-select.appearance-outline.status-control .select-button.placeholder { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-outline.status-control .select-button nb-icon { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-outline.status-control .select-button:focus { background-color: rgba(255, 255, 255, 0.4); border-color: #ffffff; } .nb-theme-cosmic nb-select.appearance-outline.status-control .select-button:hover { background-color: rgba(255, 255, 255, 0.32); border-color: #ffffff; } .nb-theme-cosmic nb-select.appearance-outline.status-control .select-button[disabled] { color: #ffffff; background-color: rgba(180, 180, 219, 0.16); border-color: rgba(255, 255, 255, 0.4); } .nb-theme-cosmic nb-select.appearance-outline.status-control .select-button[disabled] nb-icon { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-outline.status-control .select-button.bottom, .nb-theme-cosmic nb-select.appearance-outline.status-control .select-button.top { border-color: rgba(255, 255, 255, 0.4); } .nb-theme-cosmic nb-select.appearance-outline.status-control .select-button.top { border-top-color: rgba(255, 255, 255, 0.4); } .nb-theme-cosmic nb-select.appearance-outline.status-control .select-button.bottom { border-bottom-color: rgba(255, 255, 255, 0.4); } .nb-theme-cosmic nb-select.appearance-outline.size-tiny .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-outline.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-outline.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-cosmic nb-select.appearance-outline.size-small .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-outline.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-outline.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-right: 2rem; } .nb-theme-cosmic nb-select.appearance-outline.size-medium .select-button { padding: 0.4375rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-outline.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-outline.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-cosmic nb-select.appearance-outline.size-large .select-button { padding: 0.6875rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-outline.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-outline.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-right: 3rem; } .nb-theme-cosmic nb-select.appearance-outline.size-giant .select-button { padding: 0.9375rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-outline.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-outline.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-cosmic nb-select.appearance-filled .select-button { border-style: solid; border-width: 1px; } .nb-theme-cosmic nb-select.appearance-filled.size-tiny .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-filled.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-filled.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-cosmic nb-select.appearance-filled.size-small .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-filled.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-filled.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-right: 2rem; } .nb-theme-cosmic nb-select.appearance-filled.size-medium .select-button { padding: 0.4375rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-filled.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-filled.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-cosmic nb-select.appearance-filled.size-large .select-button { padding: 0.6875rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-filled.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-filled.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-right: 3rem; } .nb-theme-cosmic nb-select.appearance-filled.size-giant .select-button { padding: 0.9375rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-filled.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-filled.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-cosmic nb-select.appearance-filled.status-basic .select-button { background-color: #f0f0fa; border-color: #f0f0fa; color: #323259; } .nb-theme-cosmic nb-select.appearance-filled.status-basic .select-button.placeholder { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-filled.status-basic .select-button:focus { background-color: #e1e1f2; border-color: #ceceeb; } .nb-theme-cosmic nb-select.appearance-filled.status-basic .select-button:hover { background-color: #f7f7fc; border-color: #f7f7fc; } .nb-theme-cosmic nb-select.appearance-filled.status-basic .select-button[disabled] { background-color: #252547; border-color: #252547; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-basic .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-basic .select-button nb-icon { color: #323259; } .nb-theme-cosmic nb-select.appearance-filled.status-primary .select-button { background-color: #a16eff; border-color: #a16eff; color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-primary .select-button.placeholder { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-primary .select-button:focus { background-color: #7b51db; border-color: #5a37b8; } .nb-theme-cosmic nb-select.appearance-filled.status-primary .select-button:hover { background-color: #b18aff; border-color: #b18aff; } .nb-theme-cosmic nb-select.appearance-filled.status-primary .select-button[disabled] { background-color: #252547; border-color: #252547; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-primary .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-primary .select-button nb-icon { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-success .select-button { background-color: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-success .select-button.placeholder { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-success .select-button:focus { background-color: #00b887; border-color: #00997a; } .nb-theme-cosmic nb-select.appearance-filled.status-success .select-button:hover { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-cosmic nb-select.appearance-filled.status-success .select-button[disabled] { background-color: #252547; border-color: #252547; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-success .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-success .select-button nb-icon { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-warning .select-button { background-color: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-warning .select-button.placeholder { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-warning .select-button:focus { background-color: #db8b00; border-color: #b86e00; } .nb-theme-cosmic nb-select.appearance-filled.status-warning .select-button:hover { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-cosmic nb-select.appearance-filled.status-warning .select-button[disabled] { background-color: #252547; border-color: #252547; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-warning .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-warning .select-button nb-icon { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-danger .select-button { background-color: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-danger .select-button.placeholder { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-danger .select-button:focus { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-cosmic nb-select.appearance-filled.status-danger .select-button:hover { background-color: #ff708d; border-color: #ff708d; } .nb-theme-cosmic nb-select.appearance-filled.status-danger .select-button[disabled] { background-color: #252547; border-color: #252547; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-danger .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-danger .select-button nb-icon { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-info .select-button { background-color: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-info .select-button.placeholder { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-info .select-button:focus { background-color: #006fd6; border-color: #0057c2; } .nb-theme-cosmic nb-select.appearance-filled.status-info .select-button:hover { background-color: #42aaff; border-color: #42aaff; } .nb-theme-cosmic nb-select.appearance-filled.status-info .select-button[disabled] { background-color: #252547; border-color: #252547; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-info .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-info .select-button nb-icon { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-filled.status-control .select-button { background-color: #ffffff; border-color: #ffffff; color: #323259; } .nb-theme-cosmic nb-select.appearance-filled.status-control .select-button.placeholder { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-filled.status-control .select-button:focus { background-color: #f0f0fa; border-color: #ceceeb; } .nb-theme-cosmic nb-select.appearance-filled.status-control .select-button:hover { background-color: #f7f7fc; border-color: #f7f7fc; } .nb-theme-cosmic nb-select.appearance-filled.status-control .select-button[disabled] { background-color: #252547; border-color: #252547; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-control .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-filled.status-control .select-button nb-icon { color: #323259; } .nb-theme-cosmic nb-select.appearance-hero .select-button { border: none; } .nb-theme-cosmic nb-select.appearance-hero.size-tiny .select-button { padding: 0.25rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-hero.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-hero.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-cosmic nb-select.appearance-hero.size-small .select-button { padding: 0.25rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-hero.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-hero.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-right: 2rem; } .nb-theme-cosmic nb-select.appearance-hero.size-medium .select-button { padding: 0.5rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-hero.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-hero.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-cosmic nb-select.appearance-hero.size-large .select-button { padding: 0.75rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-hero.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-hero.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-right: 3rem; } .nb-theme-cosmic nb-select.appearance-hero.size-giant .select-button { padding: 1rem 1rem; } [dir=ltr] .nb-theme-cosmic nb-select.appearance-hero.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic nb-select.appearance-hero.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-cosmic nb-select.appearance-hero.status-basic .select-button { background-image: linear-gradient(to right, #f7f7fc, #f0f0fa); color: #323259; } .nb-theme-cosmic nb-select.appearance-hero.status-basic .select-button.placeholder { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-hero.status-basic .select-button:focus { background-image: linear-gradient(to right, #f0f0fa, #e1e1f2); } .nb-theme-cosmic nb-select.appearance-hero.status-basic .select-button:hover { background-image: linear-gradient(to right, #ffffff, #f7f7fc); } .nb-theme-cosmic nb-select.appearance-hero.status-basic .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; background-image: none; } .nb-theme-cosmic nb-select.appearance-hero.status-basic .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-hero.status-basic .select-button nb-icon { color: #323259; } .nb-theme-cosmic nb-select.appearance-hero.status-primary .select-button { background-image: linear-gradient(to right, #b18aff, #a16eff); color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-primary .select-button.placeholder { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-primary .select-button:focus { background-image: linear-gradient(to right, #a16eff, #7b51db); } .nb-theme-cosmic nb-select.appearance-hero.status-primary .select-button:hover { background-image: linear-gradient(to right, #d5bfff, #b18aff); } .nb-theme-cosmic nb-select.appearance-hero.status-primary .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; background-image: none; } .nb-theme-cosmic nb-select.appearance-hero.status-primary .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-hero.status-primary .select-button nb-icon { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-success .select-button { background-image: linear-gradient(to right, #2ce69b, #00d68f); color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-success .select-button.placeholder { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-success .select-button:focus { background-image: linear-gradient(to right, #00d68f, #00b887); } .nb-theme-cosmic nb-select.appearance-hero.status-success .select-button:hover { background-image: linear-gradient(to right, #8cfac7, #2ce69b); } .nb-theme-cosmic nb-select.appearance-hero.status-success .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; background-image: none; } .nb-theme-cosmic nb-select.appearance-hero.status-success .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-hero.status-success .select-button nb-icon { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-warning .select-button { background-image: linear-gradient(to right, #ffc94d, #ffaa00); color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-warning .select-button.placeholder { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-warning .select-button:focus { background-image: linear-gradient(to right, #ffaa00, #db8b00); } .nb-theme-cosmic nb-select.appearance-hero.status-warning .select-button:hover { background-image: linear-gradient(to right, #ffe59e, #ffc94d); } .nb-theme-cosmic nb-select.appearance-hero.status-warning .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; background-image: none; } .nb-theme-cosmic nb-select.appearance-hero.status-warning .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-hero.status-warning .select-button nb-icon { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-danger .select-button { background-image: linear-gradient(to right, #ff708d, #ff3d71); color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-danger .select-button.placeholder { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-danger .select-button:focus { background-image: linear-gradient(to right, #ff3d71, #db2c66); } .nb-theme-cosmic nb-select.appearance-hero.status-danger .select-button:hover { background-image: linear-gradient(to right, #ffa8b4, #ff708d); } .nb-theme-cosmic nb-select.appearance-hero.status-danger .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; background-image: none; } .nb-theme-cosmic nb-select.appearance-hero.status-danger .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-hero.status-danger .select-button nb-icon { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-info .select-button { background-image: linear-gradient(to right, #42aaff, #0095ff); color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-info .select-button.placeholder { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-info .select-button:focus { background-image: linear-gradient(to right, #0095ff, #006fd6); } .nb-theme-cosmic nb-select.appearance-hero.status-info .select-button:hover { background-image: linear-gradient(to right, #94cbff, #42aaff); } .nb-theme-cosmic nb-select.appearance-hero.status-info .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; background-image: none; } .nb-theme-cosmic nb-select.appearance-hero.status-info .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-hero.status-info .select-button nb-icon { color: #ffffff; } .nb-theme-cosmic nb-select.appearance-hero.status-control .select-button { background-image: linear-gradient(to right, #ffffff, #ffffff); color: #323259; } .nb-theme-cosmic nb-select.appearance-hero.status-control .select-button.placeholder { color: #b4b4db; } .nb-theme-cosmic nb-select.appearance-hero.status-control .select-button:focus { background-image: linear-gradient(to right, #f7f7fc, #f0f0fa); } .nb-theme-cosmic nb-select.appearance-hero.status-control .select-button:hover { background-image: linear-gradient(to right, #ffffff, #f7f7fc); } .nb-theme-cosmic nb-select.appearance-hero.status-control .select-button[disabled] { color: rgba(180, 180, 219, 0.48); background-color: #252547; background-image: none; } .nb-theme-cosmic nb-select.appearance-hero.status-control .select-button[disabled] nb-icon { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-select.appearance-hero.status-control .select-button nb-icon { color: #323259; } .nb-theme-cosmic nb-form-field nb-select { width: 100%; } .nb-theme-cosmic nb-option-list { background-color: #323259; border-color: #13132b; border-style: solid; border-width: 0.0625rem; border-radius: 0.25rem; box-shadow: none; overflow: hidden; } .nb-theme-cosmic nb-option-list .option-list { height: 100%; max-height: 20rem; margin: 0; padding: 0; overflow: auto; } .nb-theme-cosmic nb-option-list.position-top { border-bottom: 0.0625rem solid #13132b; } .nb-theme-cosmic nb-option-list.position-bottom { border-top: 0.0625rem solid #13132b; } .nb-theme-cosmic nb-option-group { color: #b4b4db; font-family: Open Sans, sans-serif; } .nb-theme-cosmic nb-option-list.size-tiny nb-option-group { font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-cosmic nb-option-list.size-tiny nb-option-group .option-group-title { padding: 0.1875rem 1rem; } .nb-theme-cosmic nb-option-list.size-tiny nb-option-group nb-option { padding-left: 1.25rem; } .nb-theme-cosmic nb-option-list.size-small nb-option-group { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-option-list.size-small nb-option-group .option-group-title { padding: 0.1875rem 1rem; } .nb-theme-cosmic nb-option-list.size-small nb-option-group nb-option { padding-left: 1.75rem; } .nb-theme-cosmic nb-option-list.size-medium nb-option-group { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-option-list.size-medium nb-option-group .option-group-title { padding: 0.4375rem 1rem; } .nb-theme-cosmic nb-option-list.size-medium nb-option-group nb-option { padding-left: 2.25rem; } .nb-theme-cosmic nb-option-list.size-large nb-option-group { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-option-list.size-large nb-option-group .option-group-title { padding: 0.6875rem 1rem; } .nb-theme-cosmic nb-option-list.size-large nb-option-group nb-option { padding-left: 2.25rem; } .nb-theme-cosmic nb-option-list.size-giant nb-option-group { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .nb-theme-cosmic nb-option-list.size-giant nb-option-group .option-group-title { padding: 0.9375rem 1rem; } .nb-theme-cosmic nb-option-list.size-giant nb-option-group nb-option { padding-left: 2.75rem; } .nb-theme-cosmic nb-option { background-color: #323259; color: #ffffff; font-family: Open Sans, sans-serif; } .nb-theme-cosmic nb-option.active { background-color: rgba(180, 180, 219, 0.24); color: #ffffff; } .nb-theme-cosmic nb-option.selected { background-color: #a16eff; color: #ffffff; } .nb-theme-cosmic nb-option:focus { background-color: rgba(180, 180, 219, 0.24); color: #ffffff; outline: none; } .nb-theme-cosmic nb-option:focus.selected { background-color: #7b51db; color: #ffffff; } .nb-theme-cosmic nb-option:hover { background-color: rgba(180, 180, 219, 0.16); color: #ffffff; } .nb-theme-cosmic nb-option:hover.selected { background-color: #b18aff; color: #ffffff; } .nb-theme-cosmic nb-option.multiple.selected { background-color: #323259; color: #ffffff; } .nb-theme-cosmic nb-option.multiple:focus { background-color: rgba(180, 180, 219, 0.24); color: #ffffff; } .nb-theme-cosmic nb-option-list.size-tiny nb-option { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.1875rem 1rem; } .nb-theme-cosmic nb-option-list.size-small nb-option { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 1rem; } .nb-theme-cosmic nb-option-list.size-medium nb-option { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.4375rem 1rem; } .nb-theme-cosmic nb-option-list.size-large nb-option { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.6875rem 1rem; } .nb-theme-cosmic nb-option-list.size-giant nb-option { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.9375rem 1rem; } .nb-theme-cosmic nb-option, .nb-theme-cosmic nb-option-group { -moz-user-select: none; -ms-user-select: none; user-select: none; } .nb-theme-cosmic nb-option[disabled], .nb-theme-cosmic nb-option-group[disabled] { background-color: #323259; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-toast { border-style: solid; border-width: 1px; border-radius: 0.25rem; padding: 1rem; box-shadow: 0 0.5rem 1rem 0 #1a1f33; } .nb-theme-cosmic nb-toast .title { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic nb-toast .message { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; } .nb-theme-cosmic nb-toast .icon-container { border-radius: 0.25rem; min-width: 2.5rem; min-height: 2.5rem; display: flex; justify-content: center; align-items: center; } [dir=ltr] .nb-theme-cosmic nb-toast .icon-container { margin-right: 1.25rem; } [dir=rtl] .nb-theme-cosmic nb-toast .icon-container { margin-left: 1.25rem; } .nb-theme-cosmic nb-toast .icon-container nb-icon { font-size: 1.5rem; } .nb-theme-cosmic nb-toast.status-basic { background: #323259; border-color: #1b1b38; color: #ffffff; } .nb-theme-cosmic nb-toast.status-basic .title { color: #ffffff; } .nb-theme-cosmic nb-toast.status-basic.destroy-by-click:hover { background: #323259; border-color: #1b1b38; } .nb-theme-cosmic nb-toast.status-basic .icon-container { background: #323259; color: #ffffff; } .nb-theme-cosmic nb-toast.status-primary { background: #a16eff; border-color: #a16eff; color: #ffffff; } .nb-theme-cosmic nb-toast.status-primary .title { color: #ffffff; } .nb-theme-cosmic nb-toast.status-primary.destroy-by-click:hover { background: #b18aff; border-color: #b18aff; } .nb-theme-cosmic nb-toast.status-primary .icon-container { background: #323259; color: #a16eff; } .nb-theme-cosmic nb-toast.status-success { background: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-cosmic nb-toast.status-success .title { color: #ffffff; } .nb-theme-cosmic nb-toast.status-success.destroy-by-click:hover { background: #2ce69b; border-color: #2ce69b; } .nb-theme-cosmic nb-toast.status-success .icon-container { background: #323259; color: #00d68f; } .nb-theme-cosmic nb-toast.status-warning { background: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-cosmic nb-toast.status-warning .title { color: #ffffff; } .nb-theme-cosmic nb-toast.status-warning.destroy-by-click:hover { background: #ffc94d; border-color: #ffc94d; } .nb-theme-cosmic nb-toast.status-warning .icon-container { background: #323259; color: #ffaa00; } .nb-theme-cosmic nb-toast.status-danger { background: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-cosmic nb-toast.status-danger .title { color: #ffffff; } .nb-theme-cosmic nb-toast.status-danger.destroy-by-click:hover { background: #ff708d; border-color: #ff708d; } .nb-theme-cosmic nb-toast.status-danger .icon-container { background: #323259; color: #ff3d71; } .nb-theme-cosmic nb-toast.status-info { background: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-cosmic nb-toast.status-info .title { color: #ffffff; } .nb-theme-cosmic nb-toast.status-info.destroy-by-click:hover { background: #42aaff; border-color: #42aaff; } .nb-theme-cosmic nb-toast.status-info .icon-container { background: #323259; color: #0095ff; } .nb-theme-cosmic nb-toast.status-control { background: #ffffff; border-color: #ffffff; color: #323259; } .nb-theme-cosmic nb-toast.status-control .title { color: #323259; } .nb-theme-cosmic nb-toast.status-control.destroy-by-click:hover { background: #f7f7fc; border-color: #f7f7fc; } .nb-theme-cosmic nb-toast.status-control .icon-container { background: #ffffff; color: #323259; } .nb-theme-cosmic .toastr-overlay-container { z-index: 1041; } .nb-theme-cosmic nb-tooltip { box-shadow: 0 0.5rem 1rem 0 #1a1f33; background: #f0f0fa; border: 0 dashed transparent; border-radius: 0.25rem; padding: 0.5rem 1rem; max-width: 16rem; } .nb-theme-cosmic nb-tooltip nb-icon:only-child { height: 1rem; width: 1rem; } .nb-theme-cosmic nb-tooltip nb-icon:not(:only-child) { height: 0.75rem; width: 0.75rem; } .nb-theme-cosmic nb-tooltip .content { color: #252547; font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .nb-theme-cosmic nb-tooltip .arrow { border-bottom: 6px dashed #f0f0fa; } .nb-theme-cosmic nb-tooltip.status-basic { background: #1b1b38; border-color: transparent; } .nb-theme-cosmic nb-tooltip.status-basic .arrow { border-bottom-color: #1b1b38; } .nb-theme-cosmic nb-tooltip.status-basic .content { color: #ffffff; } .nb-theme-cosmic nb-tooltip.status-primary { background: #a16eff; border-color: transparent; } .nb-theme-cosmic nb-tooltip.status-primary .arrow { border-bottom-color: #a16eff; } .nb-theme-cosmic nb-tooltip.status-primary .content { color: #ffffff; } .nb-theme-cosmic nb-tooltip.status-success { background: #00d68f; border-color: transparent; } .nb-theme-cosmic nb-tooltip.status-success .arrow { border-bottom-color: #00d68f; } .nb-theme-cosmic nb-tooltip.status-success .content { color: #ffffff; } .nb-theme-cosmic nb-tooltip.status-warning { background: #ffaa00; border-color: transparent; } .nb-theme-cosmic nb-tooltip.status-warning .arrow { border-bottom-color: #ffaa00; } .nb-theme-cosmic nb-tooltip.status-warning .content { color: #ffffff; } .nb-theme-cosmic nb-tooltip.status-danger { background: #ff3d71; border-color: transparent; } .nb-theme-cosmic nb-tooltip.status-danger .arrow { border-bottom-color: #ff3d71; } .nb-theme-cosmic nb-tooltip.status-danger .content { color: #ffffff; } .nb-theme-cosmic nb-tooltip.status-info { background: #0095ff; border-color: transparent; } .nb-theme-cosmic nb-tooltip.status-info .arrow { border-bottom-color: #0095ff; } .nb-theme-cosmic nb-tooltip.status-info .content { color: #ffffff; } .nb-theme-cosmic nb-tooltip.status-control { background: #ffffff; border-color: transparent; } .nb-theme-cosmic nb-tooltip.status-control .arrow { border-bottom-color: #ffffff; } .nb-theme-cosmic nb-tooltip.status-control .content { color: #323259; } .nb-theme-cosmic nb-datepicker-container nb-card { border-color: #13132b; border-style: solid; border-width: 0.0625rem; border-radius: 0.25rem; background: #323259; box-shadow: none; } .nb-theme-cosmic nb-calendar-with-time .nb-timepicker-container, .nb-theme-cosmic nb-calendar-with-time nb-base-calendar nb-card { border: none; } .nb-theme-cosmic nb-calendar-with-time .column-header { border-top: 0.0625rem solid #13132b; border-radius: 0; } .nb-theme-cosmic nb-calendar-with-time .timepicker-section.size-large nb-list-item { height: 3rem; } .nb-theme-cosmic nb-calendar-with-time .timepicker-section.size-large .header-cell { height: 3rem; } [dir=ltr] .nb-theme-cosmic nb-calendar-with-time .timepicker-section { border-left: 0.0625rem solid #13132b; } [dir=rtl] .nb-theme-cosmic nb-calendar-with-time .timepicker-section { border-right: 0.0625rem solid #13132b; } .nb-theme-cosmic nb-calendar-with-time .timepicker-single-column-width { width: 5rem; } .nb-theme-cosmic nb-calendar-with-time .timepicker-multiple-column-width { width: 13.875rem; } .nb-theme-cosmic nb-calendar-with-time .picker-title { height: 3.75rem; padding: 1.25rem; } .nb-theme-cosmic nb-radio .outer-circle, .nb-theme-cosmic nb-radio .inner-circle { height: 1.25rem; width: 1.25rem; } .nb-theme-cosmic nb-radio .outer-circle { border-style: solid; border-width: 1px; } .nb-theme-cosmic nb-radio .native-input:enabled:focus + .outer-circle { box-shadow: 0 0 0 0.375rem #6a6a94; } .nb-theme-cosmic nb-radio.status-basic .native-input:enabled + .outer-circle { background-color: rgba(180, 180, 219, 0.08); border-color: #b4b4db; } .nb-theme-cosmic nb-radio.status-basic .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #a16eff; } .nb-theme-cosmic nb-radio.status-basic .native-input:enabled:checked ~ .inner-circle { background-color: #a16eff; } .nb-theme-cosmic nb-radio.status-basic .native-input:enabled:focus + .outer-circle { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; } .nb-theme-cosmic nb-radio.status-basic .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #5a37b8; } .nb-theme-cosmic nb-radio.status-basic .native-input:enabled:checked:focus ~ .inner-circle { background-color: #7b51db; } .nb-theme-cosmic nb-radio.status-basic label:hover .native-input:enabled + .outer-circle { background-color: rgba(161, 110, 255, 0.16); border-color: #a16eff; } .nb-theme-cosmic nb-radio.status-basic label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #b18aff; } .nb-theme-cosmic nb-radio.status-basic label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #b18aff; } .nb-theme-cosmic nb-radio.status-basic label .native-input:enabled:active + .outer-circle { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; } .nb-theme-cosmic nb-radio.status-basic label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #7b51db; } .nb-theme-cosmic nb-radio.status-basic label .native-input:enabled:checked:active ~ .inner-circle { background-color: #7b51db; } .nb-theme-cosmic nb-radio.status-basic .text { color: #ffffff; } .nb-theme-cosmic nb-radio.status-basic .native-input:disabled + .outer-circle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-radio.status-basic .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-basic .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-basic .native-input:disabled:checked ~ .inner-circle { background-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-primary .native-input:enabled + .outer-circle { background-color: rgba(161, 110, 255, 0.08); border-color: #a16eff; } .nb-theme-cosmic nb-radio.status-primary .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #a16eff; } .nb-theme-cosmic nb-radio.status-primary .native-input:enabled:checked ~ .inner-circle { background-color: #a16eff; } .nb-theme-cosmic nb-radio.status-primary .native-input:enabled:focus + .outer-circle { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; } .nb-theme-cosmic nb-radio.status-primary .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #5a37b8; } .nb-theme-cosmic nb-radio.status-primary .native-input:enabled:checked:focus ~ .inner-circle { background-color: #7b51db; } .nb-theme-cosmic nb-radio.status-primary label:hover .native-input:enabled + .outer-circle { background-color: rgba(161, 110, 255, 0.16); border-color: #a16eff; } .nb-theme-cosmic nb-radio.status-primary label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #b18aff; } .nb-theme-cosmic nb-radio.status-primary label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #b18aff; } .nb-theme-cosmic nb-radio.status-primary label .native-input:enabled:active + .outer-circle { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; } .nb-theme-cosmic nb-radio.status-primary label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #7b51db; } .nb-theme-cosmic nb-radio.status-primary label .native-input:enabled:checked:active ~ .inner-circle { background-color: #7b51db; } .nb-theme-cosmic nb-radio.status-primary .text { color: #ffffff; } .nb-theme-cosmic nb-radio.status-primary .native-input:disabled + .outer-circle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-radio.status-primary .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-primary .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-primary .native-input:disabled:checked ~ .inner-circle { background-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-success .native-input:enabled + .outer-circle { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; } .nb-theme-cosmic nb-radio.status-success .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #00d68f; } .nb-theme-cosmic nb-radio.status-success .native-input:enabled:checked ~ .inner-circle { background-color: #00d68f; } .nb-theme-cosmic nb-radio.status-success .native-input:enabled:focus + .outer-circle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-cosmic nb-radio.status-success .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #00997a; } .nb-theme-cosmic nb-radio.status-success .native-input:enabled:checked:focus ~ .inner-circle { background-color: #00b887; } .nb-theme-cosmic nb-radio.status-success label:hover .native-input:enabled + .outer-circle { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; } .nb-theme-cosmic nb-radio.status-success label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #2ce69b; } .nb-theme-cosmic nb-radio.status-success label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #2ce69b; } .nb-theme-cosmic nb-radio.status-success label .native-input:enabled:active + .outer-circle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-cosmic nb-radio.status-success label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #00b887; } .nb-theme-cosmic nb-radio.status-success label .native-input:enabled:checked:active ~ .inner-circle { background-color: #00b887; } .nb-theme-cosmic nb-radio.status-success .text { color: #ffffff; } .nb-theme-cosmic nb-radio.status-success .native-input:disabled + .outer-circle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-radio.status-success .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-success .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-success .native-input:disabled:checked ~ .inner-circle { background-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-warning .native-input:enabled + .outer-circle { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; } .nb-theme-cosmic nb-radio.status-warning .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ffaa00; } .nb-theme-cosmic nb-radio.status-warning .native-input:enabled:checked ~ .inner-circle { background-color: #ffaa00; } .nb-theme-cosmic nb-radio.status-warning .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-cosmic nb-radio.status-warning .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #b86e00; } .nb-theme-cosmic nb-radio.status-warning .native-input:enabled:checked:focus ~ .inner-circle { background-color: #db8b00; } .nb-theme-cosmic nb-radio.status-warning label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; } .nb-theme-cosmic nb-radio.status-warning label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #ffc94d; } .nb-theme-cosmic nb-radio.status-warning label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #ffc94d; } .nb-theme-cosmic nb-radio.status-warning label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-cosmic nb-radio.status-warning label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #db8b00; } .nb-theme-cosmic nb-radio.status-warning label .native-input:enabled:checked:active ~ .inner-circle { background-color: #db8b00; } .nb-theme-cosmic nb-radio.status-warning .text { color: #ffffff; } .nb-theme-cosmic nb-radio.status-warning .native-input:disabled + .outer-circle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-radio.status-warning .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-warning .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-warning .native-input:disabled:checked ~ .inner-circle { background-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-danger .native-input:enabled + .outer-circle { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; } .nb-theme-cosmic nb-radio.status-danger .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ff3d71; } .nb-theme-cosmic nb-radio.status-danger .native-input:enabled:checked ~ .inner-circle { background-color: #ff3d71; } .nb-theme-cosmic nb-radio.status-danger .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-cosmic nb-radio.status-danger .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #b81d5b; } .nb-theme-cosmic nb-radio.status-danger .native-input:enabled:checked:focus ~ .inner-circle { background-color: #db2c66; } .nb-theme-cosmic nb-radio.status-danger label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; } .nb-theme-cosmic nb-radio.status-danger label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #ff708d; } .nb-theme-cosmic nb-radio.status-danger label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #ff708d; } .nb-theme-cosmic nb-radio.status-danger label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-cosmic nb-radio.status-danger label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #db2c66; } .nb-theme-cosmic nb-radio.status-danger label .native-input:enabled:checked:active ~ .inner-circle { background-color: #db2c66; } .nb-theme-cosmic nb-radio.status-danger .text { color: #ffffff; } .nb-theme-cosmic nb-radio.status-danger .native-input:disabled + .outer-circle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-radio.status-danger .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-danger .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-danger .native-input:disabled:checked ~ .inner-circle { background-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-info .native-input:enabled + .outer-circle { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; } .nb-theme-cosmic nb-radio.status-info .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #0095ff; } .nb-theme-cosmic nb-radio.status-info .native-input:enabled:checked ~ .inner-circle { background-color: #0095ff; } .nb-theme-cosmic nb-radio.status-info .native-input:enabled:focus + .outer-circle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-cosmic nb-radio.status-info .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #0057c2; } .nb-theme-cosmic nb-radio.status-info .native-input:enabled:checked:focus ~ .inner-circle { background-color: #006fd6; } .nb-theme-cosmic nb-radio.status-info label:hover .native-input:enabled + .outer-circle { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; } .nb-theme-cosmic nb-radio.status-info label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #42aaff; } .nb-theme-cosmic nb-radio.status-info label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #42aaff; } .nb-theme-cosmic nb-radio.status-info label .native-input:enabled:active + .outer-circle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-cosmic nb-radio.status-info label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #006fd6; } .nb-theme-cosmic nb-radio.status-info label .native-input:enabled:checked:active ~ .inner-circle { background-color: #006fd6; } .nb-theme-cosmic nb-radio.status-info .text { color: #ffffff; } .nb-theme-cosmic nb-radio.status-info .native-input:disabled + .outer-circle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-radio.status-info .native-input:disabled ~ .text { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-info .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-info .native-input:disabled:checked ~ .inner-circle { background-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-control .native-input:enabled + .outer-circle { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-cosmic nb-radio.status-control .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ffffff; } .nb-theme-cosmic nb-radio.status-control .native-input:enabled:checked ~ .inner-circle { background-color: #ffffff; } .nb-theme-cosmic nb-radio.status-control .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-cosmic nb-radio.status-control .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #ceceeb; } .nb-theme-cosmic nb-radio.status-control .native-input:enabled:checked:focus ~ .inner-circle { background-color: #f0f0fa; } .nb-theme-cosmic nb-radio.status-control label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-cosmic nb-radio.status-control label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #f7f7fc; } .nb-theme-cosmic nb-radio.status-control label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #f7f7fc; } .nb-theme-cosmic nb-radio.status-control label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-cosmic nb-radio.status-control label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #f0f0fa; } .nb-theme-cosmic nb-radio.status-control label .native-input:enabled:checked:active ~ .inner-circle { background-color: #f0f0fa; } .nb-theme-cosmic nb-radio.status-control .text { color: #ffffff; } .nb-theme-cosmic nb-radio.status-control .native-input:disabled + .outer-circle { background-color: rgba(180, 180, 219, 0.16); border-color: rgba(180, 180, 219, 0.24); } .nb-theme-cosmic nb-radio.status-control .native-input:disabled ~ .text { color: #ffffff; } .nb-theme-cosmic nb-radio.status-control .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio.status-control .native-input:disabled:checked ~ .inner-circle { background-color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-radio .text { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } [dir=ltr] .nb-theme-cosmic nb-radio .text { margin-left: 1.25rem; } [dir=rtl] .nb-theme-cosmic nb-radio .text { margin-right: 1.25rem; } .nb-theme-cosmic .nb-tree-grid-header-cell, .nb-theme-cosmic .nb-tree-grid-cell, .nb-theme-cosmic .nb-tree-grid-footer-cell { height: 2rem; padding: 0.875rem 1.25rem; border: 1px solid #252547; } .nb-theme-cosmic .nb-tree-grid-header-row { background: #323259; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic .nb-tree-grid-footer-row { background: #323259; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic .nb-tree-grid-row { background: #323259; color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tree-grid-row:hover { background: #323259; } .nb-theme-cosmic .nb-tree-grid-row:nth-child(2n):not(:hover) { background-color: #323259; } .nb-theme-cosmic .nb-tree-grid-header-cell button { vertical-align: middle; } .nb-theme-cosmic nb-tree-grid-row-toggle nb-icon, .nb-theme-cosmic nb-sort-icon nb-icon { font-size: inherit; vertical-align: middle; color: currentColor; } .nb-theme-cosmic .nb-tree-grid-header-change-sort-button { background: transparent; border: none; padding: 0; color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; line-height: inherit; } .nb-theme-cosmic nb-icon { font-size: 1.25rem; line-height: 1; width: 1em; height: 1em; } .nb-theme-cosmic nb-icon svg { vertical-align: top; } .nb-theme-cosmic nb-icon.status-basic { color: #b4b4db; } .nb-theme-cosmic nb-icon.status-primary { color: #a16eff; } .nb-theme-cosmic nb-icon.status-success { color: #00d68f; } .nb-theme-cosmic nb-icon.status-warning { color: #ffaa00; } .nb-theme-cosmic nb-icon.status-danger { color: #ff3d71; } .nb-theme-cosmic nb-icon.status-info { color: #0095ff; } .nb-theme-cosmic nb-icon.status-control { color: #ffffff; } .nb-theme-cosmic .nb-form-control-container { max-width: inherit; } .nb-theme-cosmic .nb-form-field-addon { display: flex; justify-content: center; align-items: center; z-index: 1; } .nb-theme-cosmic .nb-form-field-addon-disabled { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic nb-form-field.nb-transition .nb-form-field-addon { transition-duration: 0.15s; transition-property: color; transition-timing-function: ease-in; } .nb-theme-cosmic .nb-form-field-addon-basic { color: #b4b4db; } .nb-theme-cosmic .nb-form-field-addon-basic-highlight { color: #a16eff; } .nb-theme-cosmic .nb-form-field-addon-primary { color: #a16eff; } .nb-theme-cosmic .nb-form-field-addon-primary-highlight { color: #7b51db; } .nb-theme-cosmic .nb-form-field-addon-success { color: #00d68f; } .nb-theme-cosmic .nb-form-field-addon-success-highlight { color: #00b887; } .nb-theme-cosmic .nb-form-field-addon-warning { color: #ffaa00; } .nb-theme-cosmic .nb-form-field-addon-warning-highlight { color: #db8b00; } .nb-theme-cosmic .nb-form-field-addon-danger { color: #ff3d71; } .nb-theme-cosmic .nb-form-field-addon-danger-highlight { color: #db2c66; } .nb-theme-cosmic .nb-form-field-addon-info { color: #0095ff; } .nb-theme-cosmic .nb-form-field-addon-info-highlight { color: #006fd6; } .nb-theme-cosmic .nb-form-field-addon-control { color: #ffffff; } .nb-theme-cosmic .nb-form-field-addon-control-highlight { color: #ffffff; } .nb-theme-cosmic .nb-form-field-limited-width.nb-form-field-size-tiny { max-width: 20rem; } .nb-theme-cosmic .nb-form-field-prefix-tiny, .nb-theme-cosmic .nb-form-field-suffix-tiny { height: 1.5rem; width: 1.5rem; font-size: 0.625rem; line-height: 0.75rem; font-weight: 700; } .nb-theme-cosmic .nb-form-field-prefix-tiny nb-icon, .nb-theme-cosmic .nb-form-field-suffix-tiny nb-icon { font-size: 0.75rem; line-height: 0.75rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-prefix-tiny { margin-right: calc(1.5rem * -1); } [dir=rtl] .nb-theme-cosmic .nb-form-field-prefix-tiny { margin-left: calc(1.5rem * -1); } [dir=ltr] .nb-theme-cosmic .nb-form-field-suffix-tiny { margin-left: calc(1.5rem * -1); } [dir=rtl] .nb-theme-cosmic .nb-form-field-suffix-tiny { margin-right: calc(1.5rem * -1); } .nb-theme-cosmic .nb-form-field-limited-width.nb-form-field-size-small { max-width: 20rem; } .nb-theme-cosmic .nb-form-field-prefix-small, .nb-theme-cosmic .nb-form-field-suffix-small { height: 2rem; width: 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; } .nb-theme-cosmic .nb-form-field-prefix-small nb-icon, .nb-theme-cosmic .nb-form-field-suffix-small nb-icon { font-size: 1rem; line-height: 1rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-prefix-small { margin-right: calc(2rem * -1); } [dir=rtl] .nb-theme-cosmic .nb-form-field-prefix-small { margin-left: calc(2rem * -1); } [dir=ltr] .nb-theme-cosmic .nb-form-field-suffix-small { margin-left: calc(2rem * -1); } [dir=rtl] .nb-theme-cosmic .nb-form-field-suffix-small { margin-right: calc(2rem * -1); } .nb-theme-cosmic .nb-form-field-limited-width.nb-form-field-size-medium { max-width: 20rem; } .nb-theme-cosmic .nb-form-field-prefix-medium, .nb-theme-cosmic .nb-form-field-suffix-medium { height: 2.5rem; width: 2.5rem; font-size: 0.875rem; line-height: 1rem; font-weight: 700; } .nb-theme-cosmic .nb-form-field-prefix-medium nb-icon, .nb-theme-cosmic .nb-form-field-suffix-medium nb-icon { font-size: 1.25rem; line-height: 1.25rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-prefix-medium { margin-right: calc(2.5rem * -1); } [dir=rtl] .nb-theme-cosmic .nb-form-field-prefix-medium { margin-left: calc(2.5rem * -1); } [dir=ltr] .nb-theme-cosmic .nb-form-field-suffix-medium { margin-left: calc(2.5rem * -1); } [dir=rtl] .nb-theme-cosmic .nb-form-field-suffix-medium { margin-right: calc(2.5rem * -1); } .nb-theme-cosmic .nb-form-field-limited-width.nb-form-field-size-large { max-width: 30rem; } .nb-theme-cosmic .nb-form-field-prefix-large, .nb-theme-cosmic .nb-form-field-suffix-large { height: 3rem; width: 3rem; font-size: 1rem; line-height: 1.25rem; font-weight: 700; } .nb-theme-cosmic .nb-form-field-prefix-large nb-icon, .nb-theme-cosmic .nb-form-field-suffix-large nb-icon { font-size: 1.5rem; line-height: 1.5rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-prefix-large { margin-right: calc(3rem * -1); } [dir=rtl] .nb-theme-cosmic .nb-form-field-prefix-large { margin-left: calc(3rem * -1); } [dir=ltr] .nb-theme-cosmic .nb-form-field-suffix-large { margin-left: calc(3rem * -1); } [dir=rtl] .nb-theme-cosmic .nb-form-field-suffix-large { margin-right: calc(3rem * -1); } .nb-theme-cosmic .nb-form-field-limited-width.nb-form-field-size-giant { max-width: 30rem; } .nb-theme-cosmic .nb-form-field-prefix-giant, .nb-theme-cosmic .nb-form-field-suffix-giant { height: 3.5rem; width: 3.5rem; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; } .nb-theme-cosmic .nb-form-field-prefix-giant nb-icon, .nb-theme-cosmic .nb-form-field-suffix-giant nb-icon { font-size: 1.5rem; line-height: 1.5rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-prefix-giant { margin-right: calc(3.5rem * -1); } [dir=rtl] .nb-theme-cosmic .nb-form-field-prefix-giant { margin-left: calc(3.5rem * -1); } [dir=ltr] .nb-theme-cosmic .nb-form-field-suffix-giant { margin-left: calc(3.5rem * -1); } [dir=rtl] .nb-theme-cosmic .nb-form-field-suffix-giant { margin-right: calc(3.5rem * -1); } .nb-theme-cosmic nb-tag { border-style: solid; border-width: 0.0625rem; border-radius: 1.5rem; display: inline-flex; align-items: center; font-family: Open Sans, sans-serif; text-transform: capitalize; cursor: default; } .nb-theme-cosmic nb-tag.nb-transition { transition-duration: 0.15s; transition-property: background-color, border-color, color; transition-timing-function: ease-in; } .nb-theme-cosmic nb-tag.size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.0625rem 0.9375rem; } .nb-theme-cosmic nb-tag.size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.0625rem 0.9375rem; } .nb-theme-cosmic nb-tag.size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 0.9375rem; } .nb-theme-cosmic nb-tag.size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.3125rem 0.9375rem; } .nb-theme-cosmic nb-tag.size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.4375rem 0.9375rem; } .nb-theme-cosmic nb-tag.appearance-filled.status-basic { background-color: #f0f0fa; border-color: #f0f0fa; color: #323259; } .nb-theme-cosmic nb-tag.appearance-filled.status-basic.selected { background-color: color-basic-actove; border-color: #e1e1f2; } .nb-theme-cosmic nb-tag.appearance-filled.status-basic.active { background-color: #e1e1f2; border-color: #ceceeb; } .nb-theme-cosmic nb-tag.appearance-filled.status-basic:hover { background-color: #f7f7fc; border-color: #f7f7fc; } .nb-theme-cosmic nb-tag.appearance-filled.status-primary { background-color: #a16eff; border-color: #a16eff; color: #ffffff; } .nb-theme-cosmic nb-tag.appearance-filled.status-primary.selected { background-color: color-primary-actove; border-color: #7b51db; } .nb-theme-cosmic nb-tag.appearance-filled.status-primary.active { background-color: #7b51db; border-color: #5a37b8; } .nb-theme-cosmic nb-tag.appearance-filled.status-primary:hover { background-color: #b18aff; border-color: #b18aff; } .nb-theme-cosmic nb-tag.appearance-filled.status-success { background-color: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-cosmic nb-tag.appearance-filled.status-success.selected { background-color: color-success-actove; border-color: #00b887; } .nb-theme-cosmic nb-tag.appearance-filled.status-success.active { background-color: #00b887; border-color: #00997a; } .nb-theme-cosmic nb-tag.appearance-filled.status-success:hover { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-cosmic nb-tag.appearance-filled.status-warning { background-color: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-cosmic nb-tag.appearance-filled.status-warning.selected { background-color: color-warning-actove; border-color: #db8b00; } .nb-theme-cosmic nb-tag.appearance-filled.status-warning.active { background-color: #db8b00; border-color: #b86e00; } .nb-theme-cosmic nb-tag.appearance-filled.status-warning:hover { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-cosmic nb-tag.appearance-filled.status-danger { background-color: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-cosmic nb-tag.appearance-filled.status-danger.selected { background-color: color-danger-actove; border-color: #db2c66; } .nb-theme-cosmic nb-tag.appearance-filled.status-danger.active { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-cosmic nb-tag.appearance-filled.status-danger:hover { background-color: #ff708d; border-color: #ff708d; } .nb-theme-cosmic nb-tag.appearance-filled.status-info { background-color: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-cosmic nb-tag.appearance-filled.status-info.selected { background-color: color-info-actove; border-color: #006fd6; } .nb-theme-cosmic nb-tag.appearance-filled.status-info.active { background-color: #006fd6; border-color: #0057c2; } .nb-theme-cosmic nb-tag.appearance-filled.status-info:hover { background-color: #42aaff; border-color: #42aaff; } .nb-theme-cosmic nb-tag.appearance-filled.status-control { background-color: #ffffff; border-color: #ffffff; color: #323259; } .nb-theme-cosmic nb-tag.appearance-filled.status-control.selected { background-color: color-control-actove; border-color: #f0f0fa; } .nb-theme-cosmic nb-tag.appearance-filled.status-control.active { background-color: #f7f7fc; border-color: #f7f7fc; } .nb-theme-cosmic nb-tag.appearance-filled.status-control:hover { background-color: #f0f0fa; border-color: #ceceeb; } .nb-theme-cosmic nb-tag.appearance-outline.status-basic { background-color: rgba(180, 180, 219, 0.08); border-color: #b4b4db; color: #b4b4db; } .nb-theme-cosmic nb-tag.appearance-outline.status-basic.selected { background-color: rgba(180, 180, 219, 0.24); border-color: #b4b4db; color: #b4b4db; } .nb-theme-cosmic nb-tag.appearance-outline.status-basic.active { background-color: rgba(180, 180, 219, 0.24); border-color: #b4b4db; color: #b4b4db; } .nb-theme-cosmic nb-tag.appearance-outline.status-basic:hover { background-color: rgba(180, 180, 219, 0.16); border-color: #b4b4db; color: #b4b4db; } .nb-theme-cosmic nb-tag.appearance-outline.status-primary { background-color: rgba(161, 110, 255, 0.08); border-color: #a16eff; color: #a16eff; } .nb-theme-cosmic nb-tag.appearance-outline.status-primary.selected { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; color: #a16eff; } .nb-theme-cosmic nb-tag.appearance-outline.status-primary.active { background-color: rgba(161, 110, 255, 0.24); border-color: #a16eff; color: #a16eff; } .nb-theme-cosmic nb-tag.appearance-outline.status-primary:hover { background-color: rgba(161, 110, 255, 0.16); border-color: #a16eff; color: #a16eff; } .nb-theme-cosmic nb-tag.appearance-outline.status-success { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; color: #00d68f; } .nb-theme-cosmic nb-tag.appearance-outline.status-success.selected { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-cosmic nb-tag.appearance-outline.status-success.active { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-cosmic nb-tag.appearance-outline.status-success:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; color: #00d68f; } .nb-theme-cosmic nb-tag.appearance-outline.status-warning { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; color: #ffaa00; } .nb-theme-cosmic nb-tag.appearance-outline.status-warning.selected { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-cosmic nb-tag.appearance-outline.status-warning.active { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-cosmic nb-tag.appearance-outline.status-warning:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; color: #ffaa00; } .nb-theme-cosmic nb-tag.appearance-outline.status-danger { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; color: #ff3d71; } .nb-theme-cosmic nb-tag.appearance-outline.status-danger.selected { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-cosmic nb-tag.appearance-outline.status-danger.active { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-cosmic nb-tag.appearance-outline.status-danger:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; color: #ff3d71; } .nb-theme-cosmic nb-tag.appearance-outline.status-info { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; color: #0095ff; } .nb-theme-cosmic nb-tag.appearance-outline.status-info.selected { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-cosmic nb-tag.appearance-outline.status-info.active { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-cosmic nb-tag.appearance-outline.status-info:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; color: #0095ff; } .nb-theme-cosmic nb-tag.appearance-outline.status-control { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; color: #ffffff; } .nb-theme-cosmic nb-tag.appearance-outline.status-control.selected { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-cosmic nb-tag.appearance-outline.status-control.active { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-cosmic nb-tag.appearance-outline.status-control:hover { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; color: #ffffff; } .nb-theme-cosmic .nb-tag-remove { cursor: pointer; } .nb-theme-cosmic .nb-tag-remove.size-tiny { font-size: 1rem; } [dir=ltr] .nb-theme-cosmic .nb-tag-remove.size-tiny { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-cosmic .nb-tag-remove.size-tiny { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-cosmic .nb-tag-remove.size-small { font-size: 1.5rem; } [dir=ltr] .nb-theme-cosmic .nb-tag-remove.size-small { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-cosmic .nb-tag-remove.size-small { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-cosmic .nb-tag-remove.size-medium { font-size: 1.5rem; } [dir=ltr] .nb-theme-cosmic .nb-tag-remove.size-medium { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-cosmic .nb-tag-remove.size-medium { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-cosmic .nb-tag-remove.size-large { font-size: 1.5rem; } [dir=ltr] .nb-theme-cosmic .nb-tag-remove.size-large { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-cosmic .nb-tag-remove.size-large { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-cosmic .nb-tag-remove.size-giant { font-size: 1.5rem; } [dir=ltr] .nb-theme-cosmic .nb-tag-remove.size-giant { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-cosmic .nb-tag-remove.size-giant { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-cosmic nb-tag-list { display: inline-flex; outline: none; } .nb-theme-cosmic nb-tag-list.size-tiny .nb-tag-list-tags-wrapper { margin: -0.0625rem; } .nb-theme-cosmic nb-tag-list.size-tiny .nb-tag-list-tags-wrapper nb-tag, .nb-theme-cosmic nb-tag-list.size-tiny .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.0625rem; } .nb-theme-cosmic nb-tag-list.size-small .nb-tag-list-tags-wrapper { margin: -0.125rem; } .nb-theme-cosmic nb-tag-list.size-small .nb-tag-list-tags-wrapper nb-tag, .nb-theme-cosmic nb-tag-list.size-small .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.125rem; } .nb-theme-cosmic nb-tag-list.size-medium .nb-tag-list-tags-wrapper { margin: -0.25rem; } .nb-theme-cosmic nb-tag-list.size-medium .nb-tag-list-tags-wrapper nb-tag, .nb-theme-cosmic nb-tag-list.size-medium .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.25rem; } .nb-theme-cosmic nb-tag-list.size-large .nb-tag-list-tags-wrapper { margin: -0.375rem; } .nb-theme-cosmic nb-tag-list.size-large .nb-tag-list-tags-wrapper nb-tag, .nb-theme-cosmic nb-tag-list.size-large .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.375rem; } .nb-theme-cosmic nb-tag-list.size-giant .nb-tag-list-tags-wrapper { margin: -0.5rem; } .nb-theme-cosmic nb-tag-list.size-giant .nb-tag-list-tags-wrapper nb-tag, .nb-theme-cosmic nb-tag-list.size-giant .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.5rem; } .nb-theme-cosmic .nb-tag-list-tags-wrapper { display: inline-flex; align-items: center; align-content: center; flex-wrap: wrap; flex: 1; } .nb-theme-cosmic .nb-tag-list-with-input { border-style: solid; border-width: 1px; font-family: Open Sans, sans-serif; -moz-appearance: none; appearance: none; } .nb-theme-cosmic .nb-tag-list-with-input.nb-transition { transition-duration: 0.15s; transition-property: border, background-color, color, box-shadow; transition-timing-function: ease-in; } .nb-theme-cosmic .nb-tag-list-with-input::-moz-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-cosmic .nb-tag-list-with-input:-ms-input-placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-cosmic .nb-tag-list-with-input::placeholder { font-family: Open Sans, sans-serif; text-overflow: ellipsis; } .nb-theme-cosmic .nb-tag-list-with-input:focus { outline: none; } .nb-theme-cosmic .nb-tag-list-with-input.input-full-width { width: 100%; } .nb-theme-cosmic .nb-tag-list-with-input.shape-rectangle { border-radius: 0.25rem; } .nb-theme-cosmic .nb-tag-list-with-input.shape-semi-round { border-radius: 0.75rem; } .nb-theme-cosmic .nb-tag-list-with-input.shape-round { border-radius: 1.5rem; } .nb-theme-cosmic .nb-tag-list-with-input.size-tiny { padding: 0.0625rem 1rem; } .nb-theme-cosmic .nb-tag-list-with-input.size-small { padding: 0.0625rem 1rem; } .nb-theme-cosmic .nb-tag-list-with-input.size-medium { padding: 0.1875rem 1rem; } .nb-theme-cosmic .nb-tag-list-with-input.size-large { padding: 0.3125rem 1rem; } .nb-theme-cosmic .nb-tag-list-with-input.size-giant { padding: 0.4375rem 1rem; } .nb-theme-cosmic .nb-tag-list-with-input.status-basic { background-color: #252547; border-color: #13132b; } .nb-theme-cosmic .nb-tag-list-with-input.status-basic.focus { background-color: #323259; border-color: #a16eff; } .nb-theme-cosmic .nb-tag-list-with-input.status-primary { background-color: #252547; border-color: #a16eff; } .nb-theme-cosmic .nb-tag-list-with-input.status-primary.focus { background-color: #323259; border-color: #5a37b8; } .nb-theme-cosmic .nb-tag-list-with-input.status-success { background-color: #252547; border-color: #00d68f; } .nb-theme-cosmic .nb-tag-list-with-input.status-success.focus { background-color: #323259; border-color: #00997a; } .nb-theme-cosmic .nb-tag-list-with-input.status-warning { background-color: #252547; border-color: #ffaa00; } .nb-theme-cosmic .nb-tag-list-with-input.status-warning.focus { background-color: #323259; border-color: #b86e00; } .nb-theme-cosmic .nb-tag-list-with-input.status-danger { background-color: #252547; border-color: #ff3d71; } .nb-theme-cosmic .nb-tag-list-with-input.status-danger.focus { background-color: #323259; border-color: #b81d5b; } .nb-theme-cosmic .nb-tag-list-with-input.status-info { background-color: #252547; border-color: #0095ff; } .nb-theme-cosmic .nb-tag-list-with-input.status-info.focus { background-color: #323259; border-color: #0057c2; } .nb-theme-cosmic .nb-tag-list-with-input.status-control { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); } .nb-theme-cosmic .nb-tag-list-with-input.status-control.focus { background-color: rgba(255, 255, 255, 0.4); border-color: #ffffff; } .nb-theme-cosmic nb-form-field nb-tag-list { width: 100%; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-left: 1.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-right: 1.5rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-right: 1.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-left: 1.5rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-left: 2rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-right: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-right: 2rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-left: 2rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-left: 2.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-right: 2.5rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-right: 2.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-left: 2.5rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-left: 3rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-right: 3rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-right: 3rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-left: 3rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-left: 3.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-right: 3.5rem; } [dir=ltr] .nb-theme-cosmic .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-right: 3.5rem; } [dir=rtl] .nb-theme-cosmic .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-left: 3.5rem; } .nb-theme-cosmic .nb-tag-input { -moz-appearance: none; appearance: none; border: transparent; background: transparent; outline: none; flex: 1; padding: 0; min-width: 6rem; font-family: Open Sans, sans-serif; } .nb-theme-cosmic .nb-tag-input::-moz-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-cosmic .nb-tag-input:-ms-input-placeholder { font-family: Open Sans, sans-serif; } .nb-theme-cosmic .nb-tag-input::placeholder { font-family: Open Sans, sans-serif; } .nb-theme-cosmic .nb-tag-input.size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.125rem 0; } .nb-theme-cosmic .nb-tag-input.size-tiny::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-tiny:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-tiny::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.125rem 0; } .nb-theme-cosmic .nb-tag-input.size-small::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-small:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-small::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.25rem 0; } .nb-theme-cosmic .nb-tag-input.size-medium::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-medium:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-medium::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.375rem 0; } .nb-theme-cosmic .nb-tag-input.size-large::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-large:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-large::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.5rem 0; } .nb-theme-cosmic .nb-tag-input.size-giant::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-giant:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.size-giant::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .nb-tag-input.status-basic { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-basic::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-basic:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-basic::placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-basic:disabled { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-basic:disabled::-moz-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-basic:disabled:-ms-input-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-basic:disabled::placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-primary { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-primary::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-primary:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-primary::placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-primary:disabled { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-primary:disabled::-moz-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-primary:disabled:-ms-input-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-primary:disabled::placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-success { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-success::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-success:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-success::placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-success:disabled { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-success:disabled::-moz-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-success:disabled:-ms-input-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-success:disabled::placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-warning { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-warning::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-warning:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-warning::placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-warning:disabled { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-warning:disabled::-moz-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-warning:disabled:-ms-input-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-warning:disabled::placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-danger { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-danger::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-danger:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-danger::placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-danger:disabled { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-danger:disabled::-moz-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-danger:disabled:-ms-input-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-danger:disabled::placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-info { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-info::-moz-placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-info:-ms-input-placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-info::placeholder { color: #b4b4db; } .nb-theme-cosmic .nb-tag-input.status-info:disabled { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-info:disabled::-moz-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-info:disabled:-ms-input-placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-info:disabled::placeholder { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .nb-tag-input.status-control { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-control::-moz-placeholder { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-control:-ms-input-placeholder { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-control::placeholder { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-control:disabled { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-control:disabled::-moz-placeholder { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-control:disabled:-ms-input-placeholder { color: #ffffff; } .nb-theme-cosmic .nb-tag-input.status-control:disabled::placeholder { color: #ffffff; } .nb-theme-cosmic body { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic h1, .nb-theme-cosmic h2, .nb-theme-cosmic h3, .nb-theme-cosmic h4, .nb-theme-cosmic h5, .nb-theme-cosmic h6, .nb-theme-cosmic .h1, .nb-theme-cosmic .h2, .nb-theme-cosmic .h3, .nb-theme-cosmic .h4, .nb-theme-cosmic .h5, .nb-theme-cosmic .h6 { color: #ffffff; } .nb-theme-cosmic h1, .nb-theme-cosmic .h1 { font-size: 2.25rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 3rem; } .nb-theme-cosmic h2, .nb-theme-cosmic .h2 { font-size: 2rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2.5rem; } .nb-theme-cosmic h3, .nb-theme-cosmic .h3 { font-size: 1.875rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2.5rem; } .nb-theme-cosmic h4, .nb-theme-cosmic .h4 { font-size: 1.625rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2rem; } .nb-theme-cosmic h5, .nb-theme-cosmic .h5 { font-size: 1.375rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 2rem; } .nb-theme-cosmic h6, .nb-theme-cosmic .h6 { font-size: 1.125rem; font-family: Open Sans, sans-serif; font-weight: 700; line-height: 1.5rem; } .nb-theme-cosmic .subtitle, .nb-theme-cosmic .subtitle-2 { color: #ffffff; } .nb-theme-cosmic .subtitle { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic .subtitle-2 { font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-cosmic p, .nb-theme-cosmic .paragraph { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .paragraph-2 { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; } .nb-theme-cosmic a { color: #a16eff; text-decoration: underline; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; } .nb-theme-cosmic a:focus { color: #7b51db; } .nb-theme-cosmic a:hover { color: #b18aff; } .nb-theme-cosmic a.link-control, .nb-theme-cosmic a.link-control:hover { color: #ffffff; } .nb-theme-cosmic a.link-alternate, .nb-theme-cosmic a.link-alternate:hover { color: #252547; } .nb-theme-cosmic .label { color: #b4b4db; font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 700; line-height: 1rem; } .nb-theme-cosmic .caption { font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .nb-theme-cosmic .caption-2 { font-family: Open Sans, sans-serif; font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-cosmic .caption, .nb-theme-cosmic .caption-2 { color: #b4b4db; } .nb-theme-cosmic .caption.status-basic, .nb-theme-cosmic .caption-2.status-basic { color: #ffffff; } .nb-theme-cosmic .caption.status-primary, .nb-theme-cosmic .caption-2.status-primary { color: #a16eff; } .nb-theme-cosmic .caption.status-success, .nb-theme-cosmic .caption-2.status-success { color: #00d68f; } .nb-theme-cosmic .caption.status-warning, .nb-theme-cosmic .caption-2.status-warning { color: #ffaa00; } .nb-theme-cosmic .caption.status-danger, .nb-theme-cosmic .caption-2.status-danger { color: #ff3d71; } .nb-theme-cosmic .caption.status-info, .nb-theme-cosmic .caption-2.status-info { color: #0095ff; } .nb-theme-cosmic .caption.status-control, .nb-theme-cosmic .caption-2.status-control { color: #ffffff; } .nb-theme-cosmic li { color: #ffffff; font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-cosmic .text-alternate { color: #252547; } .nb-theme-cosmic .text-disabled { color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic .text-hint { color: #b4b4db; } .nb-theme-cosmic .text-basic { color: #ffffff; } .nb-theme-cosmic .text-primary { color: #a16eff; } .nb-theme-cosmic .text-success { color: #00d68f; } .nb-theme-cosmic .text-warning { color: #ffaa00; } .nb-theme-cosmic .text-danger { color: #ff3d71; } .nb-theme-cosmic .text-info { color: #0095ff; } .nb-theme-cosmic .text-control { color: #ffffff; } .nb-theme-cosmic ng2-smart-table table tr th, .nb-theme-cosmic ng2-smart-table table tr th a { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; color: #ffffff; } .nb-theme-cosmic ng2-smart-table table tr td { font-family: Open Sans, sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; color: #ffffff; } .nb-theme-cosmic ng2-smart-table table tr th, .nb-theme-cosmic ng2-smart-table table tr td { position: relative; padding: 0.875rem 1.25rem; border: 1px solid #1b1b38; vertical-align: middle; } .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th { padding: 0.875rem 1.25rem; } [dir=ltr] .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th { padding-right: 1.75rem; } [dir=rtl] .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th { padding-left: 1.75rem; } .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a:hover, .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a:active, .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a:visited { color: #ffffff; text-decoration: none; } .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a.sort.asc, .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a.sort.desc { font-weight: 400; } .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { border-bottom-color: #ffffff; border-width: 0.375rem; position: absolute; margin: 0; top: 50%; transform: translate(0, -50%); } [dir=ltr] .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=ltr] .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { right: 0.75rem; } [dir=rtl] .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=rtl] .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { left: 0.75rem; } .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a.sort.asc.desc::after, .nb-theme-cosmic ng2-smart-table table tr.ng2-smart-titles th a.sort.desc.desc::after { transform: translate(0, -50%) rotate(180deg); } .nb-theme-cosmic ng2-smart-table thead tr { background: #323259; } .nb-theme-cosmic ng2-smart-table thead tr.ng2-smart-filters th { padding: 0.375rem 0.5rem; } .nb-theme-cosmic ng2-smart-table thead tr.ng2-smart-filters th .ng2-smart-filter input { line-height: 1.25rem; } .nb-theme-cosmic ng2-smart-table tbody tr.selected, .nb-theme-cosmic ng2-smart-table tbody tr:hover { background: #1b1b38 !important; } .nb-theme-cosmic ng2-smart-table tbody tr:nth-child(2n) { background-color: #252547; } .nb-theme-cosmic ng2-smart-table th.ng2-smart-actions-title-add a { display: flex; align-items: center; justify-content: center; font-size: 1.75rem !important; padding: 0.375rem 0.5rem; border-color: #a16eff; background-color: #a16eff; color: #ffffff; border-radius: 0.375rem; } .nb-theme-cosmic ng2-smart-table th.ng2-smart-actions-title-add a:focus { border-color: #5a37b8; } .nb-theme-cosmic ng2-smart-table th.ng2-smart-actions-title-add a:hover { text-decoration: none; background-color: #b18aff; border-color: #b18aff; } .nb-theme-cosmic ng2-smart-table th.ng2-smart-actions-title-add a:active { background-color: #7b51db; border-color: #7b51db; } .nb-theme-cosmic ng2-smart-table .ng2-smart-actions { padding: 0; height: 1px; } .nb-theme-cosmic ng2-smart-table .ng2-smart-actions ng2-st-tbody-edit-delete, .nb-theme-cosmic ng2-smart-table .ng2-smart-actions ng2-st-tbody-create-cancel, .nb-theme-cosmic ng2-smart-table .ng2-smart-actions ng2-st-actions { display: flex; height: 100%; } .nb-theme-cosmic ng2-smart-table .ng2-smart-actions a.ng2-smart-action { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; font-size: 2rem !important; color: #ffffff; } .nb-theme-cosmic ng2-smart-table .ng2-smart-actions a.ng2-smart-action:not(:last-child) { border-right: 1px solid #1b1b38; } .nb-theme-cosmic ng2-smart-table .ng2-smart-actions a.ng2-smart-action:hover { text-decoration: none; } .nb-theme-cosmic ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-create:hover, .nb-theme-cosmic ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-edit:hover, .nb-theme-cosmic ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-save:hover { color: #a16eff; } .nb-theme-cosmic ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-cancel:hover, .nb-theme-cosmic ng2-smart-table .ng2-smart-actions .ng2-smart-action-delete-delete:hover, .nb-theme-cosmic ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-cancel:hover { color: #ff3d71; } .nb-theme-cosmic ng2-smart-table table-cell-edit-mode { display: block; margin: -7.5px -12px; } .nb-theme-cosmic ng2-smart-table ng2-smart-table-pager { display: block; } .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav { display: flex; justify-content: center; margin-top: 1.25rem; } .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination { display: flex; padding: 0; } .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link, .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:focus, .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:hover { background-color: transparent; color: rgba(180, 180, 219, 0.48); } .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination { font-family: Open Sans, sans-serif; font-size: 0.875rem; line-height: 1rem; border: #1b1b38 solid 1px; border-radius: 0.25rem; } .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li { overflow: hidden; } [dir=ltr] .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-right: 1px solid #1b1b38; } [dir=rtl] .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-left: 1px solid #1b1b38; } .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-prev, .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-next { font-size: 0.875rem; line-height: 1rem; } .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a, .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span { font-size: 0.875rem; line-height: 1rem; background-color: transparent; color: #a16eff; padding: 0.75rem 1.25rem; border: none; } .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:focus, .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:focus { border-color: #a16eff; color: #a16eff; } .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:hover, .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:hover { background-color: transparent; border-color: #a16eff; color: #a16eff; text-decoration: none; } [dir=ltr] .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=ltr] .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } [dir=rtl] .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=rtl] .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=ltr] .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=ltr] .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } [dir=rtl] .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=rtl] .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a, .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:hover, .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:focus, .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span, .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:hover, .nb-theme-cosmic ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:focus { color: #ffffff; background-color: #a16eff; } @media (max-width: 575.98px) { .nb-theme-cosmic .row { margin-left: -10px; margin-right: -10px; } } .nb-theme-cosmic .pace .pace-progress { background: #a16eff; } .nb-theme-cosmic .pace .pace-progress-inner { box-shadow: 0 0 10px #a16eff, 0 0 5px #a16eff; } .nb-theme-cosmic .pace .pace-activity { display: none; } .nb-theme-cosmic nb-select.size-medium button { padding: 0.4375rem 2.2rem 0.4375rem 1.125rem !important; } .nb-theme-cosmic nb-select.size-medium button nb-icon { right: 0.41rem !important; } .nb-theme-corporate nb-layout .scrollable-container { scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } .nb-theme-corporate nb-layout .scrollable-container::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-corporate nb-layout .scrollable-container::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-corporate nb-layout .scrollable-container::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-corporate nb-layout.with-scroll .scrollable-container { overflow: auto; height: 100vh; display: block; } @media (max-width: 767.98px) { .nb-theme-corporate nb-layout.with-scroll .scrollable-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .nb-theme-corporate .layout { min-width: 300px; } .nb-theme-corporate nb-layout.window-mode { background: #edf1f7; display: block; } .nb-theme-corporate nb-layout.window-mode .scrollable-container { max-width: 1920px; margin: 0 auto; } .nb-theme-corporate nb-layout.window-mode .layout nb-layout-header { max-width: 1920px; margin-left: auto; margin-right: auto; width: 100%; } .nb-theme-corporate nb-layout.window-mode .layout nb-layout-header nav { max-width: 1920px; margin: 0 auto; } @media screen and (min-width: 1940px) { .nb-theme-corporate nb-layout.window-mode { padding-top: 1.1875rem; } .nb-theme-corporate nb-layout.window-mode nb-layout-header.fixed { top: 1.1875rem; } .nb-theme-corporate nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 1.1875rem - 3rem); top: calc(1.1875rem + 3rem); } .nb-theme-corporate nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } .nb-theme-corporate nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } .nb-theme-corporate nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(3rem + 1.1875rem); } .nb-theme-corporate nb-layout.window-mode .scrollable-container { height: calc(100vh - 1.1875rem); box-shadow: none; } .nb-theme-corporate nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 1.1875rem); } } @media screen and (min-width: 2070px) { .nb-theme-corporate nb-layout.window-mode { padding-top: 2.375rem; } .nb-theme-corporate nb-layout.window-mode nb-layout-header.fixed { top: 2.375rem; } .nb-theme-corporate nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 2.375rem - 3rem); top: calc(2.375rem + 3rem); } .nb-theme-corporate nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } .nb-theme-corporate nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } .nb-theme-corporate nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(3rem + 2.375rem); } .nb-theme-corporate nb-layout.window-mode .scrollable-container { height: calc(100vh - 2.375rem); box-shadow: none; } .nb-theme-corporate nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 2.375rem); } } @media screen and (min-width: 2220px) { .nb-theme-corporate nb-layout.window-mode { padding-top: 4.75rem; } .nb-theme-corporate nb-layout.window-mode nb-layout-header.fixed { top: 4.75rem; } .nb-theme-corporate nb-layout.window-mode nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container-fixed { height: calc(100vh - 4.75rem - 3rem); top: calc(4.75rem + 3rem); } .nb-theme-corporate nb-layout.window-mode nb-sidebar.fixed { left: calc((100vw - 1920px) / 2); } .nb-theme-corporate nb-layout.window-mode .layout .layout-container nb-sidebar.fixed.right { right: calc((100vw - 1920px) / 2); } .nb-theme-corporate nb-layout.window-mode .layout .layout-container nb-sidebar.fixed { top: calc(3rem + 4.75rem); } .nb-theme-corporate nb-layout.window-mode .scrollable-container { height: calc(100vh - 4.75rem); box-shadow: none; } .nb-theme-corporate nb-layout.window-mode nb-layout.with-scroll .scrollable-container { height: calc(100vh - 4.75rem); } } .nb-theme-corporate nb-layout .layout { background-color: #edf1f7; color: #222b45; font-family: "Segoe UI"; font-size: 0.875rem; font-weight: 400; line-height: 1.25rem; min-height: 100vh; } .nb-theme-corporate nb-layout .layout .layout-container nb-sidebar.fixed, .nb-theme-corporate nb-layout .layout .layout-container nb-sidebar .main-container-fixed { top: 3rem; } .nb-theme-corporate nb-layout .layout .layout-container .content nb-layout-footer { box-shadow: 0 0 1px 0 rgba(44, 51, 73, 0.1); } .nb-theme-corporate nb-layout .layout .layout-container .content nb-layout-footer nav { background-color: #e6e6e6; border-top: 1px solid #AAAAAA; color: #222b45; font-family: "Segoe UI"; font-size: 0.85rem; font-weight: 400; line-height: 1.25rem; padding: 0rem 0.5rem; } .nb-theme-corporate nb-layout .layout .layout-container .content nb-layout-footer nav a { color: #598bff; } .nb-theme-corporate nb-layout .layout .layout-container .content nb-layout-footer nav a:focus, .nb-theme-corporate nb-layout .layout .layout-container .content nb-layout-footer nav a:active, .nb-theme-corporate nb-layout .layout .layout-container .content nb-layout-footer nav a:hover { color: #598bff; } .nb-theme-corporate nb-layout .layout .layout-container .content.center { width: 900px; flex: 0 100 900px !important; } .nb-theme-corporate nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 0px 0px 0px 0px; } @media (max-width: 991.98px) { .nb-theme-corporate nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 0px 0px 0px 0px; } } @media (max-width: 767.98px) { .nb-theme-corporate nb-layout .layout .layout-container .content .columns nb-layout-column { padding: 0px 0px 0px 0px; } } .nb-theme-corporate nb-layout-header { background-color: #FFFFFF; color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate nb-layout-header nav { color: #222b45; box-shadow: 0 1px 0 0 rgba(44, 51, 73, 0.1); height: 3rem; padding: 0.5rem; } .nb-theme-corporate nb-layout-header nav a { color: #222b45; } .nb-theme-corporate nb-layout-header nav a:focus, .nb-theme-corporate nb-layout-header nav a:active, .nb-theme-corporate nb-layout-header nav a:hover { color: #222b45; } .nb-theme-corporate nb-layout-header ~ .layout-container { min-height: calc(100vh - 3rem); } .nb-theme-corporate nb-layout-header.fixed ~ .layout-container { padding-top: 3rem; min-height: 100vh; } .nb-theme-corporate nb-layout-header.fixed ~ .layout-container nb-sidebar .main-container { height: calc(100vh - 3rem); } .nb-theme-corporate nb-layout.with-subheader nb-sidebar .main-container { box-shadow: none; } .nb-theme-corporate nb-sidebar { background-color: #262A2E; box-shadow: 1px 0 0 0 rgba(44, 51, 73, 0.1); color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; width: 15rem; } .nb-theme-corporate nb-sidebar .main-container { height: 100vh; width: 15rem; } .nb-theme-corporate nb-sidebar .scrollable { padding: 0rem; position: relative; -webkit-transform: translate3d(0, 0, 0); scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } @media (max-width: 767.98px) { .nb-theme-corporate nb-sidebar .scrollable { overflow-y: scroll; -webkit-overflow-scrolling: touch; } } .nb-theme-corporate nb-sidebar .scrollable::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-corporate nb-sidebar .scrollable::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-corporate nb-sidebar .scrollable::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-corporate nb-sidebar.collapsed { width: 0; padding: 0; } .nb-theme-corporate nb-sidebar.collapsed .main-container { width: 0; padding: 0; } .nb-theme-corporate nb-sidebar.collapsed .scrollable { width: 0; padding: 0; overflow: hidden; } .nb-theme-corporate nb-sidebar.collapsed nb-sidebar-header, .nb-theme-corporate nb-sidebar.collapsed nb-sidebar-footer { width: 0; padding: 0; overflow: hidden; } .nb-theme-corporate nb-sidebar.compacted { width: 3.5rem; } .nb-theme-corporate nb-sidebar.compacted .main-container { width: 3.5rem; } .nb-theme-corporate nb-sidebar.compacted nb-menu { width: 3.5rem; } .nb-theme-corporate nb-sidebar.compacted nb-menu .menu-item a.active { position: relative; } .nb-theme-corporate nb-sidebar.compacted nb-menu .menu-item a.active::before { position: absolute; content: ''; top: 0; height: 100%; width: 4px; background: #3366ff; } [dir=ltr] .nb-theme-corporate nb-sidebar.compacted nb-menu .menu-item a.active::before { left: 0; } [dir=rtl] .nb-theme-corporate nb-sidebar.compacted nb-menu .menu-item a.active::before { right: 0; } .nb-theme-corporate nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a span, .nb-theme-corporate nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a nb-badge, .nb-theme-corporate nb-sidebar.compacted nb-menu > .menu-items > .menu-item > a .expand-state { display: none; } .nb-theme-corporate nb-sidebar.compacted nb-menu .menu-items > .menu-item { transition: border-color 1s ease; } .nb-theme-corporate nb-sidebar.compacted nb-menu .menu-items > .menu-item.menu-group { display: block; color: transparent; width: 0; padding: 0; overflow: hidden; } .nb-theme-corporate nb-sidebar.compacted nb-menu .menu-items > .menu-item i { margin-right: 0; } .nb-theme-corporate nb-sidebar.compacted nb-menu .menu-items > .menu-item a { justify-content: center; } .nb-theme-corporate nb-sidebar.compacted nb-menu .menu-items > .menu-item > .expanded { display: none; } .nb-theme-corporate nb-sidebar.compacted.left.fixed ~ .content { margin-left: 3.5rem; } .nb-theme-corporate nb-sidebar.compacted.fixed.right ~ .content { margin-left: 0; margin-right: 3.5rem; } .nb-theme-corporate nb-sidebar.compacted.left.fixed ~ .content.center { padding-left: 3.5rem; } .nb-theme-corporate nb-sidebar.compacted.fixed.right ~ .content.center { padding-left: 0; padding-right: 3.5rem; } [dir=ltr] .nb-theme-corporate nb-sidebar.compacted.start.fixed ~ .content { margin-left: 3.5rem; } [dir=rtl] .nb-theme-corporate nb-sidebar.compacted.start.fixed ~ .content { margin-right: 3.5rem; } [dir=ltr] .nb-theme-corporate nb-sidebar.compacted.fixed.end ~ .content { margin-right: 3.5rem; } [dir=rtl] .nb-theme-corporate nb-sidebar.compacted.fixed.end ~ .content { margin-left: 3.5rem; } [dir=ltr] .nb-theme-corporate nb-sidebar.compacted.start.fixed ~ .content.center { padding-left: 3.5rem; } [dir=rtl] .nb-theme-corporate nb-sidebar.compacted.start.fixed ~ .content.center { padding-right: 3.5rem; } [dir=ltr] .nb-theme-corporate nb-sidebar.compacted.fixed.end ~ .content.center { padding-right: 3.5rem; } [dir=rtl] .nb-theme-corporate nb-sidebar.compacted.fixed.end ~ .content.center { padding-left: 3.5rem; } .nb-theme-corporate nb-sidebar.fixed.left.collapsed + .content, .nb-theme-corporate nb-sidebar.fixed.start.collapsed + .content { margin-left: 0; } .nb-theme-corporate nb-sidebar.fixed.right.collapsed + .content, .nb-theme-corporate nb-sidebar.fixed.end.collapsed + .content { margin-right: 0; } .nb-theme-corporate nb-sidebar.expanded { width: 15rem; } .nb-theme-corporate nb-sidebar.expanded > .scrollable { width: 15rem; } .nb-theme-corporate nb-sidebar nb-sidebar-header { padding: 0rem; height: 3.5rem; } .nb-theme-corporate nb-sidebar nb-sidebar-footer { padding: 0rem; height: 3.5rem; } .nb-theme-corporate nb-sidebar nb-menu { margin: 0 -0rem -0rem; } .nb-theme-corporate nb-calendar-view-mode [nbButton].appearance-ghost.status-basic, .nb-theme-corporate nb-calendar-view-mode .appearance-ghost.status-basic[nbButtonToggle], .nb-theme-corporate nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:hover, .nb-theme-corporate nb-calendar-view-mode .appearance-ghost.status-basic:hover[nbButtonToggle], .nb-theme-corporate nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, .nb-theme-corporate nb-calendar-view-mode .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-corporate nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:active, .nb-theme-corporate nb-calendar-view-mode .appearance-ghost.status-basic:active[nbButtonToggle], .nb-theme-corporate nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic, .nb-theme-corporate nb-calendar-pageable-navigation .appearance-ghost.status-basic[nbButtonToggle], .nb-theme-corporate nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:hover, .nb-theme-corporate nb-calendar-pageable-navigation .appearance-ghost.status-basic:hover[nbButtonToggle], .nb-theme-corporate nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, .nb-theme-corporate nb-calendar-pageable-navigation .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-corporate nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:active, .nb-theme-corporate nb-calendar-pageable-navigation .appearance-ghost.status-basic:active[nbButtonToggle] { color: #222b45; font-family: "Segoe UI"; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-corporate nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus, .nb-theme-corporate nb-calendar-view-mode .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-corporate nb-calendar-view-mode [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active), .nb-theme-corporate nb-calendar-view-mode .appearance-ghost.status-basic:focus:not(:hover):not(:active)[nbButtonToggle], .nb-theme-corporate nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus, .nb-theme-corporate nb-calendar-pageable-navigation .appearance-ghost.status-basic:focus[nbButtonToggle], .nb-theme-corporate nb-calendar-pageable-navigation [nbButton].appearance-ghost.status-basic:focus:not(:hover):not(:active), .nb-theme-corporate nb-calendar-pageable-navigation .appearance-ghost.status-basic:focus:not(:hover):not(:active)[nbButtonToggle] { box-shadow: none; } [dir=ltr] .nb-theme-corporate nb-calendar-pageable-navigation { margin-left: auto; } [dir=rtl] .nb-theme-corporate nb-calendar-pageable-navigation { margin-right: auto; } .nb-theme-corporate nb-calendar-picker { display: block; padding-top: 0.25rem; padding-bottom: 0.625rem; } [dir=ltr] .nb-theme-corporate nb-calendar-picker { padding-right: 0.625rem; padding-left: 0.625rem; } [dir=rtl] .nb-theme-corporate nb-calendar-picker { padding-right: 0.625rem; padding-left: 0.625rem; } .nb-theme-corporate nb-calendar-days-names { background: transparent; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; } [dir=ltr] .nb-theme-corporate nb-calendar-days-names { padding-left: 0.625rem; padding-right: 0.625rem; } [dir=rtl] .nb-theme-corporate nb-calendar-days-names { padding-left: 0.625rem; padding-right: 0.625rem; } .nb-theme-corporate nb-calendar-days-names .day { width: 2.75rem; height: 2.75rem; color: #8f9bb3; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-calendar-days-names .day.holiday { color: #8f9bb3; } .nb-theme-corporate nb-calendar-days-names.size-large .day { width: 3rem; height: 3rem; } .nb-theme-corporate nb-calendar-week-numbers { background: transparent; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: #8f9bb3; padding-bottom: 0.625rem; } .nb-theme-corporate nb-calendar-week-numbers .sign-container { display: flex; flex-direction: column; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; margin-bottom: 0.25rem; } .nb-theme-corporate nb-calendar-week-numbers .sign, .nb-theme-corporate nb-calendar-week-numbers .week-number { display: flex; align-items: center; justify-content: center; height: 2.75rem; width: 2.75rem; } .nb-theme-corporate nb-calendar-week-numbers.size-large .sign, .nb-theme-corporate nb-calendar-week-numbers.size-large .week-number { height: 3rem; width: 3rem; } [dir=ltr] .nb-theme-corporate nb-calendar-day-picker nb-calendar-week-numbers { border-right: 1px solid #AAAAAA; } [dir=rtl] .nb-theme-corporate nb-calendar-day-picker nb-calendar-week-numbers { border-left: 1px solid #AAAAAA; } .nb-theme-corporate nb-calendar-picker .day-cell { width: 2.75rem; height: 2.75rem; } .nb-theme-corporate nb-calendar-picker .day-cell.size-large { width: 3rem; height: 3rem; } .nb-theme-corporate nb-calendar-picker .month-cell { width: 4.8125rem; height: 2.75rem; } .nb-theme-corporate nb-calendar-picker .month-cell.size-large { width: 5.25rem; height: 3rem; } .nb-theme-corporate nb-calendar-picker .year-cell { width: 4.8125rem; height: 2.75rem; } .nb-theme-corporate nb-calendar-picker .year-cell.size-large { width: 5.25rem; height: 3rem; } .nb-theme-corporate nb-calendar-picker .cell-content { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; border-radius: 0.17rem; } .nb-theme-corporate nb-calendar-picker .day-cell, .nb-theme-corporate nb-calendar-picker .month-cell, .nb-theme-corporate nb-calendar-picker .year-cell { display: flex; align-items: center; justify-content: center; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: #222b45; text-transform: uppercase; cursor: pointer; } .nb-theme-corporate nb-calendar-picker .day-cell, .nb-theme-corporate nb-calendar-picker .day-cell .cell-content, .nb-theme-corporate nb-calendar-picker .month-cell, .nb-theme-corporate nb-calendar-picker .month-cell .cell-content, .nb-theme-corporate nb-calendar-picker .year-cell, .nb-theme-corporate nb-calendar-picker .year-cell .cell-content { transition-duration: 0.15s; transition-property: background-color, border-color, color; transition-timing-function: ease-in; } .nb-theme-corporate nb-calendar-picker .day-cell.empty, .nb-theme-corporate nb-calendar-picker .day-cell.disabled, .nb-theme-corporate nb-calendar-picker .month-cell.empty, .nb-theme-corporate nb-calendar-picker .month-cell.disabled, .nb-theme-corporate nb-calendar-picker .year-cell.empty, .nb-theme-corporate nb-calendar-picker .year-cell.disabled { cursor: default; } .nb-theme-corporate nb-calendar-picker .day-cell.bounding-month, .nb-theme-corporate nb-calendar-picker .month-cell.bounding-month, .nb-theme-corporate nb-calendar-picker .year-cell.bounding-month { color: #8f9bb3; } .nb-theme-corporate nb-calendar-picker .day-cell:not(.disabled):not(.empty):hover .cell-content, .nb-theme-corporate nb-calendar-picker .month-cell:not(.disabled):not(.empty):hover .cell-content, .nb-theme-corporate nb-calendar-picker .year-cell:not(.disabled):not(.empty):hover .cell-content { background-color: #f7f9fc; border-color: #f7f9fc; color: #222b45; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-calendar-picker .day-cell:not(.disabled):not(.empty):active .cell-content, .nb-theme-corporate nb-calendar-picker .month-cell:not(.disabled):not(.empty):active .cell-content, .nb-theme-corporate nb-calendar-picker .year-cell:not(.disabled):not(.empty):active .cell-content { background-color: #274bdb; border-color: #274bdb; color: #ffffff; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content, .nb-theme-corporate nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content, .nb-theme-corporate nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content { background-color: rgba(51, 102, 255, 0.08); border: 1px solid #3366ff; color: #222b45; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:hover, .nb-theme-corporate nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:hover, .nb-theme-corporate nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-corporate nb-calendar-picker .day-cell:not(.disabled):not(.empty).today .cell-content:active, .nb-theme-corporate nb-calendar-picker .month-cell:not(.disabled):not(.empty).today .cell-content:active, .nb-theme-corporate nb-calendar-picker .year-cell:not(.disabled):not(.empty).today .cell-content:active { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-corporate nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content, .nb-theme-corporate nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content, .nb-theme-corporate nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content { background-color: #3366ff; border-color: #3366ff; color: #ffffff; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:hover, .nb-theme-corporate nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:hover, .nb-theme-corporate nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:hover { background-color: #598bff; border-color: #598bff; } .nb-theme-corporate nb-calendar-picker .day-cell:not(.disabled):not(.empty).selected .cell-content:active, .nb-theme-corporate nb-calendar-picker .month-cell:not(.disabled):not(.empty).selected .cell-content:active, .nb-theme-corporate nb-calendar-picker .year-cell:not(.disabled):not(.empty).selected .cell-content:active { background-color: #274bdb; border-color: #274bdb; } .nb-theme-corporate nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected, .nb-theme-corporate nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected, .nb-theme-corporate nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected { background-color: #3366ff; border-radius: 0.17rem; } .nb-theme-corporate nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content, .nb-theme-corporate nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content, .nb-theme-corporate nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content { background-color: rgba(255, 255, 255, 0.08); border-color: transparent; color: #ffffff; } .nb-theme-corporate nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, .nb-theme-corporate nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:hover, .nb-theme-corporate nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:hover { background-color: rgba(255, 255, 255, 0.16); border-color: transparent; } .nb-theme-corporate nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, .nb-theme-corporate nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content:focus, .nb-theme-corporate nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content:focus { background-color: rgba(255, 255, 255, 0.24); border-color: transparent; } .nb-theme-corporate nb-calendar-picker .day-cell.disabled, .nb-theme-corporate nb-calendar-picker .month-cell.disabled, .nb-theme-corporate nb-calendar-picker .year-cell.disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-calendar-picker .day-cell.disabled.today .cell-content, .nb-theme-corporate nb-calendar-picker .month-cell.disabled.today .cell-content, .nb-theme-corporate nb-calendar-picker .year-cell.disabled.today .cell-content { border: 1px solid #e4e9f2; } .nb-theme-corporate nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty) { background-color: #3366ff; border-radius: 0; } [dir=ltr] .nb-theme-corporate nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-left-radius: 0.17rem; border-bottom-left-radius: 0.17rem; } [dir=rtl] .nb-theme-corporate nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).start { border-top-right-radius: 0.17rem; border-bottom-right-radius: 0.17rem; } [dir=ltr] .nb-theme-corporate nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-right-radius: 0.17rem; border-bottom-right-radius: 0.17rem; } [dir=rtl] .nb-theme-corporate nb-calendar-picker .range-cell.in-range.selected:not(.disabled):not(.empty).end { border-top-left-radius: 0.17rem; border-bottom-left-radius: 0.17rem; } .nb-theme-corporate nb-base-calendar nb-card { background-color: #ffffff; border: 0.0625rem solid #e4e9f2; box-shadow: none; margin: 0; width: 20.625rem; overflow: hidden; } .nb-theme-corporate nb-base-calendar nb-card-body { padding: 0; } .nb-theme-corporate nb-base-calendar .calendar-navigation { border: none; display: flex; padding: 0.625rem 0.25rem; color: #222b45; font-family: "Segoe UI"; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-corporate nb-base-calendar:not(.has-navigation) nb-calendar-week-numbers .sign-container, .nb-theme-corporate nb-base-calendar:not(.has-navigation) nb-calendar-days-names { border-top: 0; } .nb-theme-corporate nb-base-calendar.has-week-number nb-card { width: calc(20.625rem + 2.75rem + 1px); } .nb-theme-corporate nb-base-calendar.has-week-number .month-cell, .nb-theme-corporate nb-base-calendar.has-week-number .year-cell { flex: 1 0 auto; } .nb-theme-corporate nb-base-calendar.size-large nb-card { width: 22.375rem; } .nb-theme-corporate nb-base-calendar.size-large.has-week-number nb-card { width: calc(22.375rem + 3rem + 1px); } .nb-theme-corporate nb-card { background-color: #ffffff; border: 1px solid #e4e9f2; border-radius: 0.17rem; box-shadow: none; color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; margin-bottom: 1.875rem; scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } .nb-theme-corporate nb-card::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-corporate nb-card::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-corporate nb-card::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-corporate nb-card.size-tiny { height: 13.5rem; } .nb-theme-corporate nb-card.size-small { height: 21.1875rem; } .nb-theme-corporate nb-card.size-medium { height: 28.875rem; } .nb-theme-corporate nb-card.size-large { height: 36.5625rem; } .nb-theme-corporate nb-card.size-giant { height: 44.25rem; } .nb-theme-corporate nb-card.status-basic nb-card-header { background-color: #f7f9fc; border-bottom-width: 0; border-bottom-color: #f7f9fc; color: #222b45; } .nb-theme-corporate nb-card.status-basic nb-card-header a, .nb-theme-corporate nb-card.status-basic nb-card-header a:hover { color: #222b45; } .nb-theme-corporate nb-card.status-primary nb-card-header { background-color: #3366ff; border-bottom-width: 0; border-bottom-color: #3366ff; color: #ffffff; } .nb-theme-corporate nb-card.status-primary nb-card-header a, .nb-theme-corporate nb-card.status-primary nb-card-header a:hover { color: #ffffff; } .nb-theme-corporate nb-card.status-success nb-card-header { background-color: #00d68f; border-bottom-width: 0; border-bottom-color: #00d68f; color: #ffffff; } .nb-theme-corporate nb-card.status-success nb-card-header a, .nb-theme-corporate nb-card.status-success nb-card-header a:hover { color: #ffffff; } .nb-theme-corporate nb-card.status-warning nb-card-header { background-color: #ffaa00; border-bottom-width: 0; border-bottom-color: #ffaa00; color: #ffffff; } .nb-theme-corporate nb-card.status-warning nb-card-header a, .nb-theme-corporate nb-card.status-warning nb-card-header a:hover { color: #ffffff; } .nb-theme-corporate nb-card.status-danger nb-card-header { background-color: #ff3d71; border-bottom-width: 0; border-bottom-color: #ff3d71; color: #ffffff; } .nb-theme-corporate nb-card.status-danger nb-card-header a, .nb-theme-corporate nb-card.status-danger nb-card-header a:hover { color: #ffffff; } .nb-theme-corporate nb-card.status-info nb-card-header { background-color: #0095ff; border-bottom-width: 0; border-bottom-color: #0095ff; color: #ffffff; } .nb-theme-corporate nb-card.status-info nb-card-header a, .nb-theme-corporate nb-card.status-info nb-card-header a:hover { color: #ffffff; } .nb-theme-corporate nb-card.status-control nb-card-header { background-color: #ffffff; border-bottom-width: 0; border-bottom-color: #ffffff; color: #222b45; } .nb-theme-corporate nb-card.status-control nb-card-header a, .nb-theme-corporate nb-card.status-control nb-card-header a:hover { color: #222b45; } .nb-theme-corporate nb-card.accent-basic { border-top-color: #f7f9fc; } .nb-theme-corporate nb-card.accent-primary { border-top-color: #3366ff; } .nb-theme-corporate nb-card.accent-success { border-top-color: #00d68f; } .nb-theme-corporate nb-card.accent-warning { border-top-color: #ffaa00; } .nb-theme-corporate nb-card.accent-danger { border-top-color: #ff3d71; } .nb-theme-corporate nb-card.accent-info { border-top-color: #0095ff; } .nb-theme-corporate nb-card.accent-control { border-top-color: #ffffff; } .nb-theme-corporate nb-card.accent { border-top-style: solid; border-top-width: 0.17rem; } .nb-theme-corporate nb-card.accent nb-card-header { border-radius: 0; } .nb-theme-corporate nb-card-body { flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: 1rem 1.5rem; position: relative; scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } .nb-theme-corporate nb-card-body::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-corporate nb-card-body::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-corporate nb-card-body::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-corporate nb-card-footer { padding: 1rem 1.5rem; border-top: 1px solid #AAAAAA; border-bottom-left-radius: 0.17rem; border-bottom-right-radius: 0.17rem; } .nb-theme-corporate nb-card-header { padding: 1rem 1.5rem; border-bottom: 1px solid #AAAAAA; border-top-left-radius: 0.17rem; border-top-right-radius: 0.17rem; color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-card-header h1 { margin: 0; } .nb-theme-corporate nb-card-header h2 { margin: 0; } .nb-theme-corporate nb-card-header h3 { margin: 0; } .nb-theme-corporate nb-card-header h4 { margin: 0; } .nb-theme-corporate nb-card-header h5 { margin: 0; } .nb-theme-corporate nb-card-header h6 { margin: 0; } .nb-theme-corporate nb-reveal-card { box-shadow: none; margin-bottom: 1.875rem; } .nb-theme-corporate .second-card-container { height: 100%; border-radius: 0.17rem; } .nb-theme-corporate .reveal-button { line-height: 1.25rem; padding: 1rem 1.5rem; } .nb-theme-corporate .flip-button { line-height: 1.25rem; margin-bottom: 1.875rem; padding: 1rem 1.5rem; } [dir=ltr] .nb-theme-corporate .flipcard-body .front-container { margin-right: -100%; } [dir=rtl] .nb-theme-corporate .flipcard-body .front-container { margin-left: -100%; } .nb-theme-corporate nb-tabset { background-color: transparent; border-radius: 0.17rem; box-shadow: none; } .nb-theme-corporate nb-tabset .tabset { border-bottom: 1px solid #AAAAAA; } .nb-theme-corporate nb-tabset .tab-link { background-color: transparent; cursor: pointer; padding: 1rem 2rem; color: #8f9bb3; font-family: "Segoe UI"; font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; } .nb-theme-corporate nb-tabset .tab-link::before { background-color: transparent; height: 0.25rem; } .nb-theme-corporate nb-tabset nb-badge.dot-mode.position-left { left: 0.75rem; } .nb-theme-corporate nb-tabset nb-badge.dot-mode.position-right { right: 0.75rem; } [dir=ltr] .nb-theme-corporate nb-tabset nb-badge.dot-mode.position-start { left: 0.75rem; } [dir=rtl] .nb-theme-corporate nb-tabset nb-badge.dot-mode.position-start { right: 0.75rem; } [dir=ltr] .nb-theme-corporate nb-tabset nb-badge.dot-mode.position-end { right: 0.75rem; } [dir=rtl] .nb-theme-corporate nb-tabset nb-badge.dot-mode.position-end { left: 0.75rem; } .nb-theme-corporate nb-tabset .tab.active .tab-link { background-color: transparent; color: #3366ff; } .nb-theme-corporate nb-tabset .tab.active .tab-link::before { background-color: #3366ff; } .nb-theme-corporate nb-tabset .tab:focus .tab-link { background-color: transparent; color: #274bdb; } .nb-theme-corporate nb-tabset .tab:focus .tab-link::before { background-color: #274bdb; } .nb-theme-corporate nb-tabset .tab:hover .tab-link { color: #598bff; background-color: transparent; } .nb-theme-corporate nb-tabset .tab:hover .tab-link::before { background-color: #598bff; } .nb-theme-corporate nb-tabset .tab.disabled { cursor: default; pointer-events: none; } .nb-theme-corporate nb-tabset .tab.disabled .tab-link { background-color: transparent; color: rgba(143, 155, 179, 0.48); cursor: default; pointer-events: none; } .nb-theme-corporate nb-tabset .tab.disabled .tab-link::before { background-color: transparent; } @media screen and (max-width: 36rem) { .nb-theme-corporate nb-tabset .tab.responsive .tab-text { display: none; } } .nb-theme-corporate nb-tabset nb-tab { background-color: transparent; color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1rem 2rem; scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } .nb-theme-corporate nb-tabset nb-tab::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-corporate nb-tabset nb-tab::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-corporate nb-tabset nb-tab::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-corporate nb-route-tabset { scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; background-color: transparent; border-radius: 0.17rem; box-shadow: none; } .nb-theme-corporate nb-route-tabset::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-corporate nb-route-tabset::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-corporate nb-route-tabset::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-corporate nb-route-tabset .route-tabset { border-bottom: 1px solid #AAAAAA; } .nb-theme-corporate nb-route-tabset .tab-link { background-color: transparent; cursor: pointer; padding: 1rem 2rem; color: #8f9bb3; font-family: "Segoe UI"; font-size: 0.875rem; font-weight: 700; line-height: 1rem; text-transform: uppercase; } .nb-theme-corporate nb-route-tabset .tab-link::before { background-color: transparent; height: 0.25rem; } .nb-theme-corporate nb-route-tabset .route-tab.active .tab-link { background-color: transparent; color: #3366ff; } .nb-theme-corporate nb-route-tabset .route-tab.active .tab-link::before { background-color: #3366ff; } .nb-theme-corporate nb-route-tabset .route-tab:focus .tab-link { background-color: transparent; color: #274bdb; } .nb-theme-corporate nb-route-tabset .route-tab:focus .tab-link::before { background-color: #274bdb; } .nb-theme-corporate nb-route-tabset .route-tab:hover .tab-link { background-color: transparent; color: #598bff; } .nb-theme-corporate nb-route-tabset .route-tab:hover .tab-link::before { background-color: #598bff; } .nb-theme-corporate nb-route-tabset .route-tab.disabled { cursor: default; pointer-events: none; } .nb-theme-corporate nb-route-tabset .route-tab.disabled .tab-link { background-color: transparent; color: rgba(143, 155, 179, 0.48); cursor: default; pointer-events: none; } .nb-theme-corporate nb-route-tabset .route-tab.disabled .tab-link::before { background-color: transparent; } @media screen and (max-width: 36rem) { .nb-theme-corporate nb-route-tabset .route-tab.responsive .tab-text { display: none; } } .nb-theme-corporate nb-menu { background-color: transparent; } .nb-theme-corporate nb-menu ul.menu-items { margin: 0; padding: 0; } .nb-theme-corporate nb-menu .menu-group, .nb-theme-corporate nb-menu .menu-item a { font-family: "Segoe UI"; font-size: 0.85rem; font-weight: 400; line-height: 1.5rem; padding: 0.4rem 0rem 0.4rem 0.4rem; } .nb-theme-corporate nb-menu .menu-group, .nb-theme-corporate nb-menu .menu-group nb-icon.menu-icon { color: #8f9bb3; } .nb-theme-corporate nb-menu .menu-item a { color: #FFFFFF; border-radius: 0; } .nb-theme-corporate nb-menu .menu-item a.active { background-color: #3a4248; color: #EDF1F7; } .nb-theme-corporate nb-menu .menu-item a.active .menu-icon { color: #EDF1F7; } .nb-theme-corporate nb-menu .menu-item a:hover { background-color: #20a8d8; color: #FFFFFF; cursor: pointer; } .nb-theme-corporate nb-menu .menu-item a:hover .menu-icon { color: #FFFFFF; } .nb-theme-corporate nb-menu .menu-item .menu-icon { color: #8f9bb3; font-size: 1.25rem; margin: 0 0.5rem 0 0; width: 1em; text-align: center; } .nb-theme-corporate nb-menu .menu-item .expand-state { color: #8f9bb3; } .nb-theme-corporate nb-menu .menu-item { border-bottom: 1px solid #2f353a; } .nb-theme-corporate nb-menu .menu-item:first-child { border-top: none; } .nb-theme-corporate nb-menu .menu-item:last-child { border-bottom: none; } .nb-theme-corporate nb-menu .menu-item .menu-item:first-child { border-top: 1px solid #2f353a; } .nb-theme-corporate nb-menu .menu-item > .menu-items { background-color: transparent; margin: 0; padding: 0rem 0rem 0rem 0.5rem; } .nb-theme-corporate nb-menu .menu-item > .menu-items > .menu-item { background: transparent; color: #222b45; } .nb-theme-corporate nb-menu .menu-item > .menu-items > .menu-item a { border-color: transparent; border-style: solid; border-width: 0; padding: 0.4rem 0rem 0.4rem 2.3rem; } .nb-theme-corporate nb-menu .menu-item > .menu-items > .menu-item a.active { background-color: #3a4248; border-color: #3366ff; color: #EDF1F7; } .nb-theme-corporate nb-menu .menu-item > .menu-items > .menu-item a.active .menu-icon { color: #EDF1F7; } .nb-theme-corporate nb-menu .menu-item > .menu-items > .menu-item a:hover { background-color: #20a8d8; border-color: transparent; color: #FFFFFF; } .nb-theme-corporate nb-menu .menu-item > .menu-items > .menu-item a:hover .menu-icon { color: #FFFFFF; } .nb-theme-corporate nb-menu .menu-item > .menu-items > .menu-item a.active:hover { background-color: #20a8d8; border-color: #598bff; color: #FFFFFF; } .nb-theme-corporate nb-menu .menu-item > .menu-items > .menu-item a.active:hover .menu-icon { color: #FFFFFF; } .nb-theme-corporate nb-menu .menu-item > .menu-items > .menu-group, .nb-theme-corporate nb-menu .menu-item > .menu-items > .menu-group nb-icon.menu-icon { color: #8f9bb3; } .nb-theme-corporate nb-user .user-picture { background-color: transparent; border: 1px solid #edf1f7; } .nb-theme-corporate nb-user .initials { color: #222b45; font-family: "Segoe UI"; font-weight: 400; } .nb-theme-corporate nb-user .user-name { color: #222b45; font-family: "Segoe UI"; font-weight: 400; } .nb-theme-corporate nb-user .user-title { color: #222b45; font-family: "Segoe UI"; font-weight: 400; } .nb-theme-corporate nb-user.size-tiny .user-picture { height: 1.25rem; width: 1.25rem; } .nb-theme-corporate nb-user.size-tiny .initials { font-size: 0.75rem; line-height: 1rem; } .nb-theme-corporate nb-user.size-tiny .user-name { font-size: 0.75rem; line-height: 1rem; } .nb-theme-corporate nb-user.size-tiny .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-corporate nb-user.size-small .user-picture { height: 1.5rem; width: 1.5rem; } .nb-theme-corporate nb-user.size-small .initials { font-size: 0.75rem; line-height: 1rem; } .nb-theme-corporate nb-user.size-small .user-name { font-size: 0.75rem; line-height: 1rem; } .nb-theme-corporate nb-user.size-small .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-corporate nb-user.size-medium .user-picture { height: 2.5rem; width: 2.5rem; } .nb-theme-corporate nb-user.size-medium .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-corporate nb-user.size-medium .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-corporate nb-user.size-medium .user-title { font-size: 0.75rem; line-height: 1rem; } .nb-theme-corporate nb-user.size-large .user-picture { height: 3.25rem; width: 3.25rem; } .nb-theme-corporate nb-user.size-large .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-corporate nb-user.size-large .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-corporate nb-user.size-large .user-title { font-size: 0.8125rem; line-height: 1.125rem; } .nb-theme-corporate nb-user.size-giant .user-picture { height: 4rem; width: 4rem; } .nb-theme-corporate nb-user.size-giant .initials { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-corporate nb-user.size-giant .user-name { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-corporate nb-user.size-giant .user-title { font-size: 0.9375rem; line-height: 1.25rem; } .nb-theme-corporate nb-user.shape-rectangle .user-picture { border-radius: 0.17rem; } .nb-theme-corporate nb-user.shape-semi-round .user-picture { border-radius: 0.75rem; } .nb-theme-corporate nb-user.shape-round .user-picture { border-radius: 50%; } .nb-theme-corporate nb-actions { background-color: transparent; color: #222b45; font-family: "Segoe UI"; font-weight: 700; line-height: 1rem; } .nb-theme-corporate nb-actions.size-tiny nb-action { font-size: 0.625rem; height: 1rem; padding: 0 1.25rem; } .nb-theme-corporate nb-actions.size-tiny nb-action nb-icon { font-size: 1rem; } .nb-theme-corporate nb-actions.size-small nb-action { font-size: 0.75rem; height: 1.5rem; padding: 0 1.25rem; } .nb-theme-corporate nb-actions.size-small nb-action nb-icon { font-size: 1.5rem; } .nb-theme-corporate nb-actions.size-medium nb-action { font-size: 0.875rem; height: 2.25rem; padding: 0 1.25rem; } .nb-theme-corporate nb-actions.size-medium nb-action nb-icon { font-size: 2.25rem; } .nb-theme-corporate nb-actions.size-large nb-action { font-size: 1rem; height: 3.5rem; padding: 0 1.25rem; } .nb-theme-corporate nb-actions.size-large nb-action nb-icon { font-size: 3.5rem; } .nb-theme-corporate nb-actions.size-giant nb-action { font-size: 1.125rem; height: 4rem; padding: 0 1.25rem; } .nb-theme-corporate nb-actions.size-giant nb-action nb-icon { font-size: 4rem; } [dir=ltr] .nb-theme-corporate nb-action { border-left: 1px solid #AAAAAA; } [dir=rtl] .nb-theme-corporate nb-action { border-right: 1px solid #AAAAAA; } [dir=ltr] .nb-theme-corporate nb-action:first-child { border-left: none !important; } [dir=rtl] .nb-theme-corporate nb-action:first-child { border-right: none !important; } .nb-theme-corporate nb-action nb-icon { color: #8f9bb3; } .nb-theme-corporate nb-action.disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-action.disabled nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-search-field .close-button { z-index: 1; } .nb-theme-corporate nb-search-field .search { background: #ffffff; } .nb-theme-corporate nb-search-field .search span.info { color: #8f9bb3; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-search-field .search input { border-bottom: 1px solid #AAAAAA; color: #222b45; font-family: "Segoe UI"; font-size: 2.25rem; font-weight: 700; line-height: 3rem; } .nb-theme-corporate nb-search-field .search input::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate nb-search-field .search input:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate nb-search-field .search input::placeholder { color: #8f9bb3; } .nb-theme-corporate nb-search-field .search input::-ms-clear { display: none; } .nb-theme-corporate nb-search-field.rotate-layout { opacity: 0; background: #ffffff; } .nb-theme-corporate nb-search-field.modal-zoomin .search::before, .nb-theme-corporate nb-search-field.modal-zoomin .search::after { border: 1.5rem solid #3366ff; } .nb-theme-corporate nb-search-field.modal-half .form-wrapper { background: #ffffff; } .nb-theme-corporate nb-search-field.modal-half .search::before { background: #3366ff; } .nb-theme-corporate nb-search-field.modal-drop .form-content::after { background: #AAAAAA; } .nb-theme-corporate nb-search-field.modal-drop .search::before { background: #ffffff; } .nb-theme-corporate nb-search-field.curtain .search::after { background: #ffffff; } .nb-theme-corporate nb-search-field.curtain .search { background: #ffffff; } .nb-theme-corporate nb-search-field.column-curtain::before { background: #ffffff; } .nb-theme-corporate nb-search-field.column-curtain::after { background: transparent; } .nb-theme-corporate nb-search-field.column-curtain.show::after { background: #3366ff; } .nb-theme-corporate .nb-spinner-container { position: relative; } .nb-theme-corporate nb-spinner .message { color: #222b45; font-family: "Segoe UI"; font-size: 0.875rem; font-weight: 700; line-height: 1rem; } .nb-theme-corporate nb-spinner.status-basic { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-corporate nb-spinner.status-basic .spin-circle { border-top-color: #8f9bb3; border-right-color: transparent; border-bottom-color: #8f9bb3; border-left-color: #8f9bb3; } .nb-theme-corporate nb-spinner.status-primary { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-corporate nb-spinner.status-primary .spin-circle { border-top-color: #3366ff; border-right-color: transparent; border-bottom-color: #3366ff; border-left-color: #3366ff; } .nb-theme-corporate nb-spinner.status-success { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-corporate nb-spinner.status-success .spin-circle { border-top-color: #00d68f; border-right-color: transparent; border-bottom-color: #00d68f; border-left-color: #00d68f; } .nb-theme-corporate nb-spinner.status-warning { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-corporate nb-spinner.status-warning .spin-circle { border-top-color: #ffaa00; border-right-color: transparent; border-bottom-color: #ffaa00; border-left-color: #ffaa00; } .nb-theme-corporate nb-spinner.status-danger { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-corporate nb-spinner.status-danger .spin-circle { border-top-color: #ff3d71; border-right-color: transparent; border-bottom-color: #ff3d71; border-left-color: #ff3d71; } .nb-theme-corporate nb-spinner.status-info { background-color: rgba(143, 155, 179, 0.16); } .nb-theme-corporate nb-spinner.status-info .spin-circle { border-top-color: #0095ff; border-right-color: transparent; border-bottom-color: #0095ff; border-left-color: #0095ff; } .nb-theme-corporate nb-spinner.status-control { background-color: rgba(255, 255, 255, 0.16); } .nb-theme-corporate nb-spinner.status-control .spin-circle { border-top-color: #ffffff; border-right-color: transparent; border-bottom-color: #ffffff; border-left-color: #ffffff; } .nb-theme-corporate nb-spinner.size-tiny { font-size: 1rem; } .nb-theme-corporate nb-spinner.size-small { font-size: 1.25rem; } .nb-theme-corporate nb-spinner.size-medium { font-size: 1.5rem; } .nb-theme-corporate nb-spinner.size-large { font-size: 1.75rem; } .nb-theme-corporate nb-spinner.size-giant { font-size: 2rem; } @keyframes spin { 0% { transform: rotate(0deg); } 40% { transform: rotate(230deg); } 100% { transform: rotate(360deg); } } .nb-theme-corporate .nb-timepicker-container { width: 20rem; height: 26.1875rem; } .nb-theme-corporate .nb-timepicker-container .list-item { color: #222b45; font-size: 0.9375rem; font-family: "Segoe UI"; height: 2.75rem; line-height: 1.5rem; font-weight: 600; } .nb-theme-corporate .nb-timepicker-container .list-item:first-child { border-top: none; } .nb-theme-corporate .nb-timepicker-container .list-item:hover { background-color: #f7f9fc; color: #222b45; } .nb-theme-corporate .nb-timepicker-container .list-item:focus { background-color: #e4e9f2; color: #222b45; } .nb-theme-corporate .nb-timepicker-container .list-item.selected { background-color: #3366ff; color: #ffffff; } .nb-theme-corporate .nb-timepicker-container .values-list { scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } [dir=ltr] .nb-theme-corporate .nb-timepicker-container .values-list:not(:last-of-type) { border-right: 0.0625rem solid #e4e9f2; } [dir=rtl] .nb-theme-corporate .nb-timepicker-container .values-list:not(:last-of-type) { border-left: 0.0625rem solid #e4e9f2; } .nb-theme-corporate .nb-timepicker-container .values-list::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-corporate .nb-timepicker-container .values-list::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-corporate .nb-timepicker-container .values-list::-webkit-scrollbar-track { background: #f7f9fc; } [dir=ltr] .nb-theme-corporate .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-right: -0.3125rem; } [dir=rtl] .nb-theme-corporate .nb-timepicker-container.supports-scrollbar-theming .values-list:hover .list-item:not(.am-pm-item) { margin-left: -0.3125rem; } .nb-theme-corporate .nb-timepicker-container .header-cell { color: #8f9bb3; font-size: 0.9375rem; font-family: "Segoe UI"; height: 2.75rem; line-height: 1.5rem; font-weight: 600; } [dir=ltr] .nb-theme-corporate .nb-timepicker-container .header-cell:not(:last-child) { border-right: 0.0625rem solid #e4e9f2; } [dir=rtl] .nb-theme-corporate .nb-timepicker-container .header-cell:not(:last-child) { border-left: 0.0625rem solid #e4e9f2; } .nb-theme-corporate .nb-timepicker-container .column-header { border-bottom: 0.0625rem solid #e4e9f2; } [dir=ltr] .nb-theme-corporate .nb-timepicker-container .actions-footer { padding-left: 0.625rem; } [dir=rtl] .nb-theme-corporate .nb-timepicker-container .actions-footer { padding-right: 0.625rem; } .nb-theme-corporate nb-checkbox .label { padding: 0; } .nb-theme-corporate nb-checkbox .custom-checkbox { width: 1.25rem; height: 1.25rem; border-style: solid; border-width: 1px; border-radius: 0.17rem; position: relative; } .nb-theme-corporate nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate nb-checkbox .native-input:focus:not(:checked) + .custom-checkbox:not(:hover):not(:active) { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16); } .nb-theme-corporate nb-checkbox .native-input:focus:checked + .custom-checkbox { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate nb-checkbox nb-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; } .nb-theme-corporate nb-checkbox .text { font-family: "Segoe UI"; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } [dir=ltr] .nb-theme-corporate nb-checkbox .text:not(:empty) { padding-left: 0.6875rem; } [dir=rtl] .nb-theme-corporate nb-checkbox .text:not(:empty) { padding-right: 0.6875rem; } .nb-theme-corporate nb-checkbox.status-basic .custom-checkbox { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; } .nb-theme-corporate nb-checkbox.status-basic .text { color: #222b45; } .nb-theme-corporate nb-checkbox.status-basic .custom-checkbox.checked { background-color: #3366ff; border-color: #3366ff; } .nb-theme-corporate nb-checkbox.status-basic .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-basic .custom-checkbox.indeterminate { background-color: #3366ff; border-color: #3366ff; } .nb-theme-corporate nb-checkbox.status-basic .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; } .nb-theme-corporate nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-basic .native-input:enabled:focus + .custom-checkbox.checked { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-corporate nb-checkbox.status-basic .custom-checkbox:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-corporate nb-checkbox.status-basic .custom-checkbox:hover.indeterminate, .nb-theme-corporate nb-checkbox.status-basic .custom-checkbox:hover.checked { background-color: #598bff; border-color: #598bff; } .nb-theme-corporate nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; } .nb-theme-corporate nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-basic .native-input:enabled:active + .custom-checkbox.checked { background-color: #274bdb; border-color: #274bdb; } .nb-theme-corporate nb-checkbox.status-basic .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-checkbox.status-basic .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-checkbox.status-basic .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-corporate nb-checkbox.status-basic .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-checkbox.status-primary .custom-checkbox { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; } .nb-theme-corporate nb-checkbox.status-primary .text { color: #222b45; } .nb-theme-corporate nb-checkbox.status-primary .custom-checkbox.checked { background-color: #3366ff; border-color: #3366ff; } .nb-theme-corporate nb-checkbox.status-primary .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-primary .custom-checkbox.indeterminate { background-color: #3366ff; border-color: #3366ff; } .nb-theme-corporate nb-checkbox.status-primary .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-corporate nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-primary .native-input:enabled:focus + .custom-checkbox.checked { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-corporate nb-checkbox.status-primary .custom-checkbox:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-corporate nb-checkbox.status-primary .custom-checkbox:hover.indeterminate, .nb-theme-corporate nb-checkbox.status-primary .custom-checkbox:hover.checked { background-color: #598bff; border-color: #598bff; } .nb-theme-corporate nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-corporate nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-primary .native-input:enabled:active + .custom-checkbox.checked { background-color: #274bdb; border-color: #274bdb; } .nb-theme-corporate nb-checkbox.status-primary .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-checkbox.status-primary .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-checkbox.status-primary .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-corporate nb-checkbox.status-primary .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-checkbox.status-success .custom-checkbox { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; } .nb-theme-corporate nb-checkbox.status-success .text { color: #222b45; } .nb-theme-corporate nb-checkbox.status-success .custom-checkbox.checked { background-color: #00d68f; border-color: #00d68f; } .nb-theme-corporate nb-checkbox.status-success .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-success .custom-checkbox.indeterminate { background-color: #00d68f; border-color: #00d68f; } .nb-theme-corporate nb-checkbox.status-success .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-corporate nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-success .native-input:enabled:focus + .custom-checkbox.checked { background-color: #00b887; border-color: #00997a; } .nb-theme-corporate nb-checkbox.status-success .custom-checkbox:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; } .nb-theme-corporate nb-checkbox.status-success .custom-checkbox:hover.indeterminate, .nb-theme-corporate nb-checkbox.status-success .custom-checkbox:hover.checked { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-corporate nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-corporate nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-success .native-input:enabled:active + .custom-checkbox.checked { background-color: #00b887; border-color: #00b887; } .nb-theme-corporate nb-checkbox.status-success .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-checkbox.status-success .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-checkbox.status-success .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-corporate nb-checkbox.status-success .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-checkbox.status-warning .custom-checkbox { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; } .nb-theme-corporate nb-checkbox.status-warning .text { color: #222b45; } .nb-theme-corporate nb-checkbox.status-warning .custom-checkbox.checked { background-color: #ffaa00; border-color: #ffaa00; } .nb-theme-corporate nb-checkbox.status-warning .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-warning .custom-checkbox.indeterminate { background-color: #ffaa00; border-color: #ffaa00; } .nb-theme-corporate nb-checkbox.status-warning .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-corporate nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-warning .native-input:enabled:focus + .custom-checkbox.checked { background-color: #db8b00; border-color: #b86e00; } .nb-theme-corporate nb-checkbox.status-warning .custom-checkbox:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; } .nb-theme-corporate nb-checkbox.status-warning .custom-checkbox:hover.indeterminate, .nb-theme-corporate nb-checkbox.status-warning .custom-checkbox:hover.checked { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-corporate nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-corporate nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-warning .native-input:enabled:active + .custom-checkbox.checked { background-color: #db8b00; border-color: #db8b00; } .nb-theme-corporate nb-checkbox.status-warning .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-checkbox.status-warning .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-checkbox.status-warning .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-corporate nb-checkbox.status-warning .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-checkbox.status-danger .custom-checkbox { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; } .nb-theme-corporate nb-checkbox.status-danger .text { color: #222b45; } .nb-theme-corporate nb-checkbox.status-danger .custom-checkbox.checked { background-color: #ff3d71; border-color: #ff3d71; } .nb-theme-corporate nb-checkbox.status-danger .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-danger .custom-checkbox.indeterminate { background-color: #ff3d71; border-color: #ff3d71; } .nb-theme-corporate nb-checkbox.status-danger .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-corporate nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-danger .native-input:enabled:focus + .custom-checkbox.checked { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-corporate nb-checkbox.status-danger .custom-checkbox:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; } .nb-theme-corporate nb-checkbox.status-danger .custom-checkbox:hover.indeterminate, .nb-theme-corporate nb-checkbox.status-danger .custom-checkbox:hover.checked { background-color: #ff708d; border-color: #ff708d; } .nb-theme-corporate nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-corporate nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-danger .native-input:enabled:active + .custom-checkbox.checked { background-color: #db2c66; border-color: #db2c66; } .nb-theme-corporate nb-checkbox.status-danger .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-checkbox.status-danger .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-checkbox.status-danger .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-corporate nb-checkbox.status-danger .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-checkbox.status-info .custom-checkbox { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; } .nb-theme-corporate nb-checkbox.status-info .text { color: #222b45; } .nb-theme-corporate nb-checkbox.status-info .custom-checkbox.checked { background-color: #0095ff; border-color: #0095ff; } .nb-theme-corporate nb-checkbox.status-info .custom-checkbox.checked nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-info .custom-checkbox.indeterminate { background-color: #0095ff; border-color: #0095ff; } .nb-theme-corporate nb-checkbox.status-info .custom-checkbox.indeterminate nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-corporate nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-info .native-input:enabled:focus + .custom-checkbox.checked { background-color: #006fd6; border-color: #0057c2; } .nb-theme-corporate nb-checkbox.status-info .custom-checkbox:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; } .nb-theme-corporate nb-checkbox.status-info .custom-checkbox:hover.indeterminate, .nb-theme-corporate nb-checkbox.status-info .custom-checkbox:hover.checked { background-color: #42aaff; border-color: #42aaff; } .nb-theme-corporate nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-corporate nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-info .native-input:enabled:active + .custom-checkbox.checked { background-color: #006fd6; border-color: #006fd6; } .nb-theme-corporate nb-checkbox.status-info .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-checkbox.status-info .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-checkbox.status-info .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-corporate nb-checkbox.status-info .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-checkbox.status-control .custom-checkbox { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-corporate nb-checkbox.status-control .text { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-control .custom-checkbox.checked { background-color: #ffffff; border-color: #ffffff; } .nb-theme-corporate nb-checkbox.status-control .custom-checkbox.checked nb-icon { color: #222b45; } .nb-theme-corporate nb-checkbox.status-control .custom-checkbox.indeterminate { background-color: #ffffff; border-color: #ffffff; } .nb-theme-corporate nb-checkbox.status-control .custom-checkbox.indeterminate nb-icon { color: #222b45; } .nb-theme-corporate nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-corporate nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-control .native-input:enabled:focus + .custom-checkbox.checked { background-color: #edf1f7; border-color: #c5cee0; } .nb-theme-corporate nb-checkbox.status-control .custom-checkbox:hover { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-corporate nb-checkbox.status-control .custom-checkbox:hover.indeterminate, .nb-theme-corporate nb-checkbox.status-control .custom-checkbox:hover.checked { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-corporate nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-corporate nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.indeterminate, .nb-theme-corporate nb-checkbox.status-control .native-input:enabled:active + .custom-checkbox.checked { background-color: #edf1f7; border-color: #edf1f7; } .nb-theme-corporate nb-checkbox.status-control .native-input:disabled + .custom-checkbox { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-checkbox.status-control .native-input:disabled + .custom-checkbox nb-icon { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-control .native-input:disabled ~ .text { color: #ffffff; } .nb-theme-corporate nb-checkbox.status-control .native-input:disabled:indeterminate + .custom-checkbox, .nb-theme-corporate nb-checkbox.status-control .native-input:disabled:checked + .custom-checkbox { background-color: rgba(143, 155, 179, 0.48); border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-toggle .toggle { height: 1.875rem; width: 3.125rem; border-width: 1px; border-style: solid; border-radius: 100px; cursor: pointer; /* We need to set initial positions as Angular animations won't work in IE11 if positions have no initial value. Setting it in SCSS as we don't have access to theme variables from TS. */ } [dir=ltr] .nb-theme-corporate nb-toggle .toggle.checked .toggle-switcher { left: calc(100% - 1.75rem - 1px - 1px); } [dir=ltr] .nb-theme-corporate nb-toggle .toggle:not(.checked) .toggle-switcher { right: 0; } [dir=rtl] .nb-theme-corporate nb-toggle .toggle.checked .toggle-switcher { right: calc(100% - 1.75rem - 1px - 1px); } [dir=rtl] .nb-theme-corporate nb-toggle .toggle:not(.checked) .toggle-switcher { left: 0; } .nb-theme-corporate nb-toggle .native-input:enabled:focus + .toggle { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate nb-toggle .native-input:disabled + .toggle { cursor: default; } .nb-theme-corporate nb-toggle .toggle-switcher { width: 1.75rem; height: 1.75rem; } .nb-theme-corporate nb-toggle .toggle-switcher nb-icon { height: 0.75rem; width: 0.75rem; } .nb-theme-corporate nb-toggle .text { font-family: "Segoe UI"; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-toggle.status-basic .text { color: #222b45; } .nb-theme-corporate nb-toggle.status-basic .toggle { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; } .nb-theme-corporate nb-toggle.status-basic .toggle.checked { background-color: #3366ff; border-color: #3366ff; } .nb-theme-corporate nb-toggle.status-basic .native-input:enabled:focus + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-corporate nb-toggle.status-basic .native-input:enabled:focus + .toggle.checked { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-corporate nb-toggle.status-basic .native-input:enabled:active + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-corporate nb-toggle.status-basic .native-input:enabled:active + .toggle.checked { background-color: #274bdb; border-color: #274bdb; } .nb-theme-corporate nb-toggle.status-basic .native-input:enabled + .toggle:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-corporate nb-toggle.status-basic .native-input:enabled + .toggle:hover.checked { background-color: #598bff; border-color: #598bff; } .nb-theme-corporate nb-toggle.status-basic .toggle-switcher { background-color: #ffffff; } .nb-theme-corporate nb-toggle.status-basic .toggle-switcher nb-icon { color: #3366ff; } .nb-theme-corporate nb-toggle.status-basic .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-basic .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-corporate nb-toggle.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-toggle.status-primary .text { color: #222b45; } .nb-theme-corporate nb-toggle.status-primary .toggle { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; } .nb-theme-corporate nb-toggle.status-primary .toggle.checked { background-color: #3366ff; border-color: #3366ff; } .nb-theme-corporate nb-toggle.status-primary .native-input:enabled:focus + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-corporate nb-toggle.status-primary .native-input:enabled:focus + .toggle.checked { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-corporate nb-toggle.status-primary .native-input:enabled:active + .toggle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-corporate nb-toggle.status-primary .native-input:enabled:active + .toggle.checked { background-color: #274bdb; border-color: #274bdb; } .nb-theme-corporate nb-toggle.status-primary .native-input:enabled + .toggle:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-corporate nb-toggle.status-primary .native-input:enabled + .toggle:hover.checked { background-color: #598bff; border-color: #598bff; } .nb-theme-corporate nb-toggle.status-primary .toggle-switcher { background-color: #ffffff; } .nb-theme-corporate nb-toggle.status-primary .toggle-switcher nb-icon { color: #3366ff; } .nb-theme-corporate nb-toggle.status-primary .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-primary .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-corporate nb-toggle.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-toggle.status-success .text { color: #222b45; } .nb-theme-corporate nb-toggle.status-success .toggle { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; } .nb-theme-corporate nb-toggle.status-success .toggle.checked { background-color: #00d68f; border-color: #00d68f; } .nb-theme-corporate nb-toggle.status-success .native-input:enabled:focus + .toggle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-corporate nb-toggle.status-success .native-input:enabled:focus + .toggle.checked { background-color: #00b887; border-color: #00997a; } .nb-theme-corporate nb-toggle.status-success .native-input:enabled:active + .toggle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-corporate nb-toggle.status-success .native-input:enabled:active + .toggle.checked { background-color: #00b887; border-color: #00b887; } .nb-theme-corporate nb-toggle.status-success .native-input:enabled + .toggle:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; } .nb-theme-corporate nb-toggle.status-success .native-input:enabled + .toggle:hover.checked { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-corporate nb-toggle.status-success .toggle-switcher { background-color: #ffffff; } .nb-theme-corporate nb-toggle.status-success .toggle-switcher nb-icon { color: #00d68f; } .nb-theme-corporate nb-toggle.status-success .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-success .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-corporate nb-toggle.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-toggle.status-warning .text { color: #222b45; } .nb-theme-corporate nb-toggle.status-warning .toggle { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; } .nb-theme-corporate nb-toggle.status-warning .toggle.checked { background-color: #ffaa00; border-color: #ffaa00; } .nb-theme-corporate nb-toggle.status-warning .native-input:enabled:focus + .toggle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-corporate nb-toggle.status-warning .native-input:enabled:focus + .toggle.checked { background-color: #db8b00; border-color: #b86e00; } .nb-theme-corporate nb-toggle.status-warning .native-input:enabled:active + .toggle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-corporate nb-toggle.status-warning .native-input:enabled:active + .toggle.checked { background-color: #db8b00; border-color: #db8b00; } .nb-theme-corporate nb-toggle.status-warning .native-input:enabled + .toggle:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; } .nb-theme-corporate nb-toggle.status-warning .native-input:enabled + .toggle:hover.checked { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-corporate nb-toggle.status-warning .toggle-switcher { background-color: #ffffff; } .nb-theme-corporate nb-toggle.status-warning .toggle-switcher nb-icon { color: #ffaa00; } .nb-theme-corporate nb-toggle.status-warning .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-warning .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-corporate nb-toggle.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-toggle.status-danger .text { color: #222b45; } .nb-theme-corporate nb-toggle.status-danger .toggle { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; } .nb-theme-corporate nb-toggle.status-danger .toggle.checked { background-color: #ff3d71; border-color: #ff3d71; } .nb-theme-corporate nb-toggle.status-danger .native-input:enabled:focus + .toggle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-corporate nb-toggle.status-danger .native-input:enabled:focus + .toggle.checked { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-corporate nb-toggle.status-danger .native-input:enabled:active + .toggle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-corporate nb-toggle.status-danger .native-input:enabled:active + .toggle.checked { background-color: #db2c66; border-color: #db2c66; } .nb-theme-corporate nb-toggle.status-danger .native-input:enabled + .toggle:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; } .nb-theme-corporate nb-toggle.status-danger .native-input:enabled + .toggle:hover.checked { background-color: #ff708d; border-color: #ff708d; } .nb-theme-corporate nb-toggle.status-danger .toggle-switcher { background-color: #ffffff; } .nb-theme-corporate nb-toggle.status-danger .toggle-switcher nb-icon { color: #ff3d71; } .nb-theme-corporate nb-toggle.status-danger .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-danger .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-corporate nb-toggle.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-toggle.status-info .text { color: #222b45; } .nb-theme-corporate nb-toggle.status-info .toggle { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; } .nb-theme-corporate nb-toggle.status-info .toggle.checked { background-color: #0095ff; border-color: #0095ff; } .nb-theme-corporate nb-toggle.status-info .native-input:enabled:focus + .toggle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-corporate nb-toggle.status-info .native-input:enabled:focus + .toggle.checked { background-color: #006fd6; border-color: #0057c2; } .nb-theme-corporate nb-toggle.status-info .native-input:enabled:active + .toggle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-corporate nb-toggle.status-info .native-input:enabled:active + .toggle.checked { background-color: #006fd6; border-color: #006fd6; } .nb-theme-corporate nb-toggle.status-info .native-input:enabled + .toggle:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; } .nb-theme-corporate nb-toggle.status-info .native-input:enabled + .toggle:hover.checked { background-color: #42aaff; border-color: #42aaff; } .nb-theme-corporate nb-toggle.status-info .toggle-switcher { background-color: #ffffff; } .nb-theme-corporate nb-toggle.status-info .toggle-switcher nb-icon { color: #0095ff; } .nb-theme-corporate nb-toggle.status-info .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-info .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-corporate nb-toggle.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-toggle.status-control .text { color: #ffffff; } .nb-theme-corporate nb-toggle.status-control .toggle { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-corporate nb-toggle.status-control .toggle.checked { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-corporate nb-toggle.status-control .native-input:enabled:focus + .toggle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-corporate nb-toggle.status-control .native-input:enabled:focus + .toggle.checked { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-corporate nb-toggle.status-control .native-input:enabled:active + .toggle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-corporate nb-toggle.status-control .native-input:enabled:active + .toggle.checked { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-corporate nb-toggle.status-control .native-input:enabled + .toggle:hover { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-corporate nb-toggle.status-control .native-input:enabled + .toggle:hover.checked { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-corporate nb-toggle.status-control .toggle-switcher { background-color: #ffffff; } .nb-theme-corporate nb-toggle.status-control .toggle-switcher nb-icon { color: #222b45; } .nb-theme-corporate nb-toggle.status-control .native-input:disabled + .toggle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-toggle.status-control .native-input:disabled + .toggle .toggle-switcher nb-icon { color: #ffffff; } .nb-theme-corporate nb-toggle.status-control .native-input:disabled ~ .text { color: #ffffff; } .nb-theme-corporate nb-progress-bar .progress-container { border-radius: 0.17rem; } .nb-theme-corporate nb-progress-bar .progress-value { display: flex; align-items: center; justify-content: center; font-family: "Segoe UI"; transition-duration: 400ms; transition-property: width, background-color; } .nb-theme-corporate nb-progress-bar.size-tiny .progress-container { height: 1rem; } .nb-theme-corporate nb-progress-bar.size-tiny .progress-value { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-progress-bar.size-small .progress-container { height: 1.25rem; } .nb-theme-corporate nb-progress-bar.size-small .progress-value { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-progress-bar.size-medium .progress-container { height: 1.375rem; } .nb-theme-corporate nb-progress-bar.size-medium .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-progress-bar.size-large .progress-container { height: 1.5rem; } .nb-theme-corporate nb-progress-bar.size-large .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-progress-bar.size-giant .progress-container { height: 1.75rem; } .nb-theme-corporate nb-progress-bar.size-giant .progress-value { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-progress-bar.status-basic .progress-container { background-color: #f7f9fc; } .nb-theme-corporate nb-progress-bar.status-basic .progress-value { background-color: #e4e9f2; color: #222b45; } .nb-theme-corporate nb-progress-bar.status-primary .progress-container { background-color: #edf1f7; } .nb-theme-corporate nb-progress-bar.status-primary .progress-value { background-color: #3366ff; color: #ffffff; } .nb-theme-corporate nb-progress-bar.status-success .progress-container { background-color: #edf1f7; } .nb-theme-corporate nb-progress-bar.status-success .progress-value { background-color: #00d68f; color: #ffffff; } .nb-theme-corporate nb-progress-bar.status-warning .progress-container { background-color: #edf1f7; } .nb-theme-corporate nb-progress-bar.status-warning .progress-value { background-color: #ffaa00; color: #ffffff; } .nb-theme-corporate nb-progress-bar.status-danger .progress-container { background-color: #edf1f7; } .nb-theme-corporate nb-progress-bar.status-danger .progress-value { background-color: #ff3d71; color: #ffffff; } .nb-theme-corporate nb-progress-bar.status-info .progress-container { background-color: #edf1f7; } .nb-theme-corporate nb-progress-bar.status-info .progress-value { background-color: #0095ff; color: #ffffff; } .nb-theme-corporate nb-progress-bar.status-control .progress-container { background-color: #edf1f7; } .nb-theme-corporate nb-progress-bar.status-control .progress-value { background-color: #ffffff; color: #222b45; } .nb-theme-corporate nb-badge { border-radius: 0.17rem; font-family: "Segoe UI"; font-size: 0.625rem; font-weight: 700; line-height: 0.75rem; padding: 0.25rem 0.4rem; } .nb-theme-corporate nb-badge.dot-mode { padding: 0.3rem; border-radius: 0.5rem; } .nb-theme-corporate nb-badge.status-basic { color: #222b45; background-color: #f7f9fc; } .nb-theme-corporate nb-badge.status-primary { color: #ffffff; background-color: #3366ff; } .nb-theme-corporate nb-badge.status-success { color: #ffffff; background-color: #00d68f; } .nb-theme-corporate nb-badge.status-warning { color: #ffffff; background-color: #ffaa00; } .nb-theme-corporate nb-badge.status-danger { color: #ffffff; background-color: #ff3d71; } .nb-theme-corporate nb-badge.status-info { color: #ffffff; background-color: #0095ff; } .nb-theme-corporate nb-badge.status-control { color: #222b45; background-color: #ffffff; } .nb-theme-corporate nb-stepper.horizontal .header .step { width: 2rem; margin: 0 1rem; } .nb-theme-corporate nb-stepper.horizontal .header .connector { margin: 1rem; } .nb-theme-corporate nb-stepper.vertical .header .connector { margin: 1rem; } .nb-theme-corporate nb-stepper .header .connector { background-color: #edf1f7; } .nb-theme-corporate nb-stepper .header .connector-past { background-color: #3366ff; } .nb-theme-corporate nb-stepper .header .label-index { border-radius: 50%; border-color: #e4e9f2; border-style: solid; border-width: 1px; width: 2rem; height: 2rem; } .nb-theme-corporate nb-stepper .header .step { color: #8f9bb3; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate nb-stepper .header .step.label-index { border-color: #e4e9f2; } .nb-theme-corporate nb-stepper .header .step.selected { color: #274bdb; } .nb-theme-corporate nb-stepper .header .step.selected .label-index { border-color: #274bdb; } .nb-theme-corporate nb-stepper .header .step.completed { color: #3366ff; } .nb-theme-corporate nb-stepper .header .step.completed .label-index { background-color: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-corporate nb-stepper .step-content { padding: 1.25rem; } .nb-theme-corporate nb-alert { border-radius: 0.17rem; box-shadow: none; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 1rem 1.125rem; margin-bottom: 1.5rem; scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } .nb-theme-corporate nb-alert::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-corporate nb-alert::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-corporate nb-alert::-webkit-scrollbar-track { background: #f7f9fc; } [dir=ltr] .nb-theme-corporate nb-alert.closable { padding-right: 3rem; } [dir=rtl] .nb-theme-corporate nb-alert.closable { padding-left: 3rem; } .nb-theme-corporate nb-alert .close { padding: 1rem 1.125rem; font-size: 1.5rem; line-height: 1; cursor: pointer; font-family: monospace; } .nb-theme-corporate nb-alert.size-tiny { height: 4.5rem; } .nb-theme-corporate nb-alert.size-small { height: 5.75rem; } .nb-theme-corporate nb-alert.size-medium { height: 7rem; } .nb-theme-corporate nb-alert.size-large { height: 8.25rem; } .nb-theme-corporate nb-alert.size-giant { height: 9.5rem; } .nb-theme-corporate nb-alert.status-basic { color: #222b45; background-color: #f7f9fc; } .nb-theme-corporate nb-alert.status-basic a, .nb-theme-corporate nb-alert.status-basic a:hover { color: #222b45; } .nb-theme-corporate nb-alert.accent-basic { border-top: 0.17rem solid #edf1f7; } .nb-theme-corporate nb-alert.outline-basic { border: 1px solid #c5cee0; } .nb-theme-corporate nb-alert.status-primary { color: #ffffff; background-color: #3366ff; } .nb-theme-corporate nb-alert.status-primary a, .nb-theme-corporate nb-alert.status-primary a:hover { color: #ffffff; } .nb-theme-corporate nb-alert.accent-primary { border-top: 0.17rem solid #3366ff; } .nb-theme-corporate nb-alert.outline-primary { border: 1px solid #1a34b8; } .nb-theme-corporate nb-alert.status-success { color: #ffffff; background-color: #00d68f; } .nb-theme-corporate nb-alert.status-success a, .nb-theme-corporate nb-alert.status-success a:hover { color: #ffffff; } .nb-theme-corporate nb-alert.accent-success { border-top: 0.17rem solid #00d68f; } .nb-theme-corporate nb-alert.outline-success { border: 1px solid #00997a; } .nb-theme-corporate nb-alert.status-warning { color: #ffffff; background-color: #ffaa00; } .nb-theme-corporate nb-alert.status-warning a, .nb-theme-corporate nb-alert.status-warning a:hover { color: #ffffff; } .nb-theme-corporate nb-alert.accent-warning { border-top: 0.17rem solid #ffaa00; } .nb-theme-corporate nb-alert.outline-warning { border: 1px solid #b86e00; } .nb-theme-corporate nb-alert.status-danger { color: #ffffff; background-color: #ff3d71; } .nb-theme-corporate nb-alert.status-danger a, .nb-theme-corporate nb-alert.status-danger a:hover { color: #ffffff; } .nb-theme-corporate nb-alert.accent-danger { border-top: 0.17rem solid #ff3d71; } .nb-theme-corporate nb-alert.outline-danger { border: 1px solid #b81d5b; } .nb-theme-corporate nb-alert.status-info { color: #ffffff; background-color: #0095ff; } .nb-theme-corporate nb-alert.status-info a, .nb-theme-corporate nb-alert.status-info a:hover { color: #ffffff; } .nb-theme-corporate nb-alert.accent-info { border-top: 0.17rem solid #0095ff; } .nb-theme-corporate nb-alert.outline-info { border: 1px solid #0057c2; } .nb-theme-corporate nb-alert.status-control { color: #222b45; background-color: #ffffff; } .nb-theme-corporate nb-alert.status-control a, .nb-theme-corporate nb-alert.status-control a:hover { color: #222b45; } .nb-theme-corporate nb-alert.accent-control { border-top: 0.17rem solid #ffffff; } .nb-theme-corporate nb-alert.outline-control { border: 1px solid #c5cee0; } .nb-theme-corporate nb-chat { background-color: #ffffff; border: none; border-radius: 0.17rem; box-shadow: none; color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate nb-chat nb-icon { font-size: inherit; } .nb-theme-corporate nb-chat .header { border-bottom: 1px solid #AAAAAA; border-top-left-radius: 0.17rem; border-top-right-radius: 0.17rem; padding: 1rem 1.25rem; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-chat .scrollable { overflow: auto; flex: 1; scrollbar-face-color: #e4e9f2; scrollbar-track-color: #f7f9fc; } .nb-theme-corporate nb-chat .scrollable::-webkit-scrollbar { width: 0.3125rem; height: 0.3125rem; } .nb-theme-corporate nb-chat .scrollable::-webkit-scrollbar-thumb { background: #e4e9f2; cursor: pointer; border-radius: 0.15625rem; } .nb-theme-corporate nb-chat .scrollable::-webkit-scrollbar-track { background: #f7f9fc; } .nb-theme-corporate nb-chat .messages { padding: 1rem 1.25rem; overflow-y: auto; overflow-x: hidden; display: flex; flex-shrink: 0; flex-direction: column; } .nb-theme-corporate nb-chat .no-messages { text-align: center; } .nb-theme-corporate nb-chat.size-tiny { height: 13.5rem; } .nb-theme-corporate nb-chat.size-small { height: 21rem; } .nb-theme-corporate nb-chat.size-medium { height: 28.5rem; } .nb-theme-corporate nb-chat.size-large { height: 36rem; } .nb-theme-corporate nb-chat.size-giant { height: 43.5rem; } .nb-theme-corporate nb-chat.status-basic .header { background-color: #ffffff; color: #222b45; } .nb-theme-corporate nb-chat.status-primary .header { background-color: #3366ff; color: #ffffff; } .nb-theme-corporate nb-chat.status-success .header { background-color: #00d68f; color: #ffffff; } .nb-theme-corporate nb-chat.status-warning .header { background-color: #ffaa00; color: #ffffff; } .nb-theme-corporate nb-chat.status-danger .header { background-color: #ff3d71; color: #ffffff; } .nb-theme-corporate nb-chat.status-info .header { background-color: #0095ff; color: #ffffff; } .nb-theme-corporate nb-chat.status-control .header { background-color: #ffffff; color: #222b45; } .nb-theme-corporate nb-chat-message { margin-bottom: 1.5rem; display: flex; flex-direction: row; } .nb-theme-corporate nb-chat-message .message { flex: 1; } .nb-theme-corporate nb-chat-message .avatar { border-radius: 50%; flex-shrink: 0; background: #c5cee0; background-position: center; background-size: cover; background-repeat: no-repeat; width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; font-size: 0.875rem; color: white; } .nb-theme-corporate nb-chat-message nb-chat-message-text { display: flex; flex-direction: column; } .nb-theme-corporate nb-chat-message nb-chat-message-text .sender { font-size: 0.875rem; color: #8f9bb3; margin-bottom: 0.5rem; } .nb-theme-corporate nb-chat-message nb-chat-message-text p { word-break: break-word; white-space: pre-wrap; max-width: 100%; margin-bottom: 0; } .nb-theme-corporate nb-chat-message nb-chat-message-text .text { padding: 1rem; border-radius: 0.5rem; } .nb-theme-corporate nb-chat-message nb-chat-message-file { display: flex; flex-direction: column; } .nb-theme-corporate nb-chat-message nb-chat-message-file a { color: #8f9bb3; background: transparent; font-size: 4rem; text-align: center; border: 1px solid #8f9bb3; width: 10rem; height: 10rem; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 0.5rem; } .nb-theme-corporate nb-chat-message nb-chat-message-file a:hover, .nb-theme-corporate nb-chat-message nb-chat-message-file a:focus { text-decoration: none; color: #8f9bb3; } .nb-theme-corporate nb-chat-message nb-chat-message-file a div { background-size: cover; width: 100%; height: 100%; } .nb-theme-corporate nb-chat-message nb-chat-message-file nb-chat-message-text { display: block; margin-bottom: 0.5rem; } .nb-theme-corporate nb-chat-message nb-chat-message-file .message-content-group { display: flex; flex-direction: row; justify-content: flex-end; flex-wrap: wrap; } .nb-theme-corporate nb-chat-message nb-chat-message-file .message-content-group a { margin-bottom: 1rem; width: 5rem; height: 5rem; } [dir=ltr] .nb-theme-corporate nb-chat-message nb-chat-message-file .message-content-group a { margin-right: 1rem; } [dir=rtl] .nb-theme-corporate nb-chat-message nb-chat-message-file .message-content-group a { margin-left: 1rem; } .nb-theme-corporate nb-chat-message nb-chat-message-quote p.quote { font-style: italic; font-size: 0.875rem; background: #f7f9fc; color: #8f9bb3; padding: 1rem; border-radius: 0.5rem; margin-bottom: 0.5rem; } .nb-theme-corporate nb-chat-message nb-chat-message-quote .sender { font-size: 0.875rem; color: #8f9bb3; margin-bottom: 0.5rem; } [dir=ltr] .nb-theme-corporate nb-chat-message.not-reply .message { margin-left: 0.5rem; } [dir=rtl] .nb-theme-corporate nb-chat-message.not-reply .message { margin-right: 0.5rem; } [dir=ltr] .nb-theme-corporate nb-chat-message.not-reply .message { margin-right: 3rem; } [dir=rtl] .nb-theme-corporate nb-chat-message.not-reply .message { margin-left: 3rem; } .nb-theme-corporate nb-chat-message.not-reply nb-chat-message-text { align-items: flex-start; } .nb-theme-corporate nb-chat-message.not-reply nb-chat-message-text .text { background: #3366ff; color: #ffffff; } [dir=ltr] .nb-theme-corporate nb-chat-message.not-reply nb-chat-message-text .text { border-top-left-radius: 0; } [dir=rtl] .nb-theme-corporate nb-chat-message.not-reply nb-chat-message-text .text { border-top-right-radius: 0; } .nb-theme-corporate nb-chat-message.not-reply nb-chat-message-file { align-items: flex-start; } .nb-theme-corporate nb-chat-message.reply { flex-direction: row-reverse; } .nb-theme-corporate nb-chat-message.reply .message { margin-left: 0; } [dir=ltr] .nb-theme-corporate nb-chat-message.reply .message { margin-right: 0.5rem; } [dir=rtl] .nb-theme-corporate nb-chat-message.reply .message { margin-left: 0.5rem; } [dir=ltr] .nb-theme-corporate nb-chat-message.reply .message { margin-left: 3rem; } [dir=rtl] .nb-theme-corporate nb-chat-message.reply .message { margin-right: 3rem; } .nb-theme-corporate nb-chat-message.reply nb-chat-message-text { align-items: flex-end; } [dir=ltr] .nb-theme-corporate nb-chat-message.reply nb-chat-message-text .sender { text-align: right; } [dir=rtl] .nb-theme-corporate nb-chat-message.reply nb-chat-message-text .sender { text-align: left; } .nb-theme-corporate nb-chat-message.reply nb-chat-message-text .text { background: #f7f9fc; color: #222b45; } [dir=ltr] .nb-theme-corporate nb-chat-message.reply nb-chat-message-text .text { border-top-right-radius: 0; } [dir=rtl] .nb-theme-corporate nb-chat-message.reply nb-chat-message-text .text { border-top-left-radius: 0; } .nb-theme-corporate nb-chat-message.reply nb-chat-message-file { align-items: flex-end; } .nb-theme-corporate nb-chat-form { display: flex; flex-direction: column; padding: 1rem 1.25rem; border-top: 1px solid #AAAAAA; } .nb-theme-corporate nb-chat-form .message-row { flex-direction: row; display: flex; } .nb-theme-corporate nb-chat-form input { flex: 1; } .nb-theme-corporate nb-chat-form input.with-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } [dir=ltr] .nb-theme-corporate nb-chat-form input.with-button { border-bottom-right-radius: 0; } [dir=ltr] .nb-theme-corporate nb-chat-form input.with-button { border-top-right-radius: 0; } [dir=rtl] .nb-theme-corporate nb-chat-form input.with-button { border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-corporate nb-chat-form input.with-button { border-top-left-radius: 0; } .nb-theme-corporate nb-chat-form .send-button nb-icon { font-size: 1.5rem; } [dir=ltr] .nb-theme-corporate nb-chat-form .send-button { border-bottom-left-radius: 0; border-top-left-radius: 0; } [dir=rtl] .nb-theme-corporate nb-chat-form .send-button { border-bottom-right-radius: 0; border-top-right-radius: 0; } .nb-theme-corporate nb-chat-form .dropped-files { display: flex; flex-direction: row; margin-bottom: 0.5rem; flex-wrap: wrap; } .nb-theme-corporate nb-chat-form .dropped-files div { background-size: cover; width: 3rem; height: 3rem; border-radius: 0.5rem; margin-bottom: 0.5rem; border: 1px solid currentColor; text-align: center; font-size: 2rem; position: relative; } [dir=ltr] .nb-theme-corporate nb-chat-form .dropped-files div { margin-right: 0.5rem; } [dir=rtl] .nb-theme-corporate nb-chat-form .dropped-files div { margin-left: 0.5rem; } .nb-theme-corporate nb-chat-form .dropped-files div .remove { position: absolute; right: -0.5rem; top: -0.875rem; font-size: 0.875rem; line-height: 1; cursor: pointer; } .nb-theme-corporate nb-chat-form .dropped-files div nb-icon { width: 65%; height: 100%; } .nb-theme-corporate nb-accordion { display: block; box-shadow: none; border-radius: 0.17rem; } .nb-theme-corporate nb-accordion-item-header { position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #edf1f7; color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 1.25rem; } .nb-theme-corporate nb-accordion-item-header h1 { margin: 0; } .nb-theme-corporate nb-accordion-item-header h2 { margin: 0; } .nb-theme-corporate nb-accordion-item-header h3 { margin: 0; } .nb-theme-corporate nb-accordion-item-header h4 { margin: 0; } .nb-theme-corporate nb-accordion-item-header h5 { margin: 0; } .nb-theme-corporate nb-accordion-item-header h6 { margin: 0; } .nb-theme-corporate nb-accordion-item-header .expansion-indicator { position: absolute; } [dir=ltr] .nb-theme-corporate nb-accordion-item-header .expansion-indicator { right: 1rem; } [dir=rtl] .nb-theme-corporate nb-accordion-item-header .expansion-indicator { left: 1rem; } .nb-theme-corporate nb-accordion-item { background-color: #ffffff; color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate nb-accordion-item.disabled nb-accordion-item-header { color: rgba(143, 155, 179, 0.48); cursor: default; } .nb-theme-corporate nb-accordion-item:first-child { border-top-left-radius: 0.17rem; border-top-right-radius: 0.17rem; } .nb-theme-corporate nb-accordion-item:last-child { border-bottom-left-radius: 0.17rem; border-bottom-right-radius: 0.17rem; } .nb-theme-corporate nb-accordion-item:last-child.collapsed nb-accordion-item-header { border-bottom: none; } .nb-theme-corporate nb-accordion-item:not(.collapsed) + nb-accordion-item nb-accordion-item-header { border-top-color: #edf1f7; border-top-style: solid; border-top-width: 1px; } .nb-theme-corporate nb-accordion-item-body .item-body { flex: 1; -ms-flex: 1 1 auto; overflow: auto; padding: 1.25rem; position: relative; } .nb-theme-corporate [nbButton], .nb-theme-corporate [nbButtonToggle] { -moz-appearance: none; appearance: none; text-align: center; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; vertical-align: middle; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-family: "Segoe UI"; font-weight: 700; } .nb-theme-corporate [nbButton]:hover, .nb-theme-corporate :hover[nbButtonToggle], .nb-theme-corporate [nbButton]:focus, .nb-theme-corporate :focus[nbButtonToggle] { text-decoration: none; } .nb-theme-corporate [nbButton].full-width, .nb-theme-corporate .full-width[nbButtonToggle] { width: 100%; } .nb-theme-corporate [nbButton] nb-icon, .nb-theme-corporate [nbButtonToggle] nb-icon { vertical-align: top; } .nb-theme-corporate [nbButton].nb-transition, .nb-theme-corporate .nb-transition[nbButtonToggle] { transition-duration: 0.15s; transition-property: background-color, border-color, box-shadow, color; transition-timing-function: ease-in; } .nb-theme-corporate [nbButton]:focus, .nb-theme-corporate :focus[nbButtonToggle] { position: relative; outline: none; box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate [nbButton][disabled], .nb-theme-corporate [disabled][nbButtonToggle] { cursor: default; } .nb-theme-corporate [nbButton].size-tiny, .nb-theme-corporate .size-tiny[nbButtonToggle] { font-size: 0.625rem; line-height: 0.75rem; } .nb-theme-corporate [nbButton].size-tiny nb-icon, .nb-theme-corporate .size-tiny[nbButtonToggle] nb-icon { font-size: 0.625rem; height: 0.75rem; width: 0.75rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-corporate [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-corporate .size-tiny.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } [dir=rtl] .nb-theme-corporate [nbButton].size-tiny.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-corporate .size-tiny.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=ltr] .nb-theme-corporate [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-corporate .size-tiny.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=rtl] .nb-theme-corporate [nbButton].size-tiny.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-corporate .size-tiny.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } .nb-theme-corporate [nbButton].size-tiny.icon-start.icon-end.appearance-filled, .nb-theme-corporate .size-tiny.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-corporate [nbButton].size-tiny.icon-start.icon-end.appearance-outline, .nb-theme-corporate .size-tiny.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-corporate [nbButton].size-tiny.icon-start.icon-end.appearance-ghost, .nb-theme-corporate .size-tiny.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.4375rem 0.3125rem; } .nb-theme-corporate [nbButton].size-tiny.icon-start.icon-end.appearance-hero, .nb-theme-corporate .size-tiny.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.5rem 0.375rem; } .nb-theme-corporate [nbButton].size-small, .nb-theme-corporate .size-small[nbButtonToggle] { font-size: 0.75rem; line-height: 1rem; } .nb-theme-corporate [nbButton].size-small nb-icon, .nb-theme-corporate .size-small[nbButtonToggle] nb-icon { font-size: 0.75rem; height: 1rem; width: 1rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-corporate [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-corporate .size-small.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } [dir=rtl] .nb-theme-corporate [nbButton].size-small.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-corporate .size-small.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=ltr] .nb-theme-corporate [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-corporate .size-small.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.375rem; } [dir=rtl] .nb-theme-corporate [nbButton].size-small.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-corporate .size-small.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.375rem; } .nb-theme-corporate [nbButton].size-small.icon-start.icon-end.appearance-filled, .nb-theme-corporate .size-small.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-corporate [nbButton].size-small.icon-start.icon-end.appearance-outline, .nb-theme-corporate .size-small.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-corporate [nbButton].size-small.icon-start.icon-end.appearance-ghost, .nb-theme-corporate .size-small.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.5625rem 0.4375rem; } .nb-theme-corporate [nbButton].size-small.icon-start.icon-end.appearance-hero, .nb-theme-corporate .size-small.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.5625rem 0.5rem; } .nb-theme-corporate [nbButton].size-medium, .nb-theme-corporate .size-medium[nbButtonToggle] { font-size: 0.875rem; line-height: 1rem; } .nb-theme-corporate [nbButton].size-medium nb-icon, .nb-theme-corporate .size-medium[nbButtonToggle] nb-icon { font-size: 0.875rem; height: 1.25rem; width: 1.25rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-corporate [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-corporate .size-medium.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.5rem; } [dir=rtl] .nb-theme-corporate [nbButton].size-medium.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-corporate .size-medium.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.5rem; } [dir=ltr] .nb-theme-corporate [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-corporate .size-medium.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.5rem; } [dir=rtl] .nb-theme-corporate [nbButton].size-medium.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-corporate .size-medium.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.5rem; } .nb-theme-corporate [nbButton].size-medium.icon-start.icon-end.appearance-filled, .nb-theme-corporate .size-medium.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-corporate [nbButton].size-medium.icon-start.icon-end.appearance-outline, .nb-theme-corporate .size-medium.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-corporate [nbButton].size-medium.icon-start.icon-end.appearance-ghost, .nb-theme-corporate .size-medium.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.6875rem 0.5625rem; } .nb-theme-corporate [nbButton].size-medium.icon-start.icon-end.appearance-hero, .nb-theme-corporate .size-medium.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.75rem 0.5625rem; } .nb-theme-corporate [nbButton].size-large, .nb-theme-corporate .size-large[nbButtonToggle] { font-size: 1rem; line-height: 1.25rem; } .nb-theme-corporate [nbButton].size-large nb-icon, .nb-theme-corporate .size-large[nbButtonToggle] nb-icon { font-size: 1rem; height: 1.5rem; width: 1.5rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-corporate [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-corporate .size-large.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } [dir=rtl] .nb-theme-corporate [nbButton].size-large.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-corporate .size-large.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=ltr] .nb-theme-corporate [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-corporate .size-large.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=rtl] .nb-theme-corporate [nbButton].size-large.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-corporate .size-large.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } .nb-theme-corporate [nbButton].size-large.icon-start.icon-end.appearance-filled, .nb-theme-corporate .size-large.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-corporate [nbButton].size-large.icon-start.icon-end.appearance-outline, .nb-theme-corporate .size-large.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-corporate [nbButton].size-large.icon-start.icon-end.appearance-ghost, .nb-theme-corporate .size-large.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 0.8125rem 0.6875rem; } .nb-theme-corporate [nbButton].size-large.icon-start.icon-end.appearance-hero, .nb-theme-corporate .size-large.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 0.875rem 0.6875rem; } .nb-theme-corporate [nbButton].size-giant, .nb-theme-corporate .size-giant[nbButtonToggle] { font-size: 1.125rem; line-height: 1.5rem; } .nb-theme-corporate [nbButton].size-giant nb-icon, .nb-theme-corporate .size-giant[nbButtonToggle] nb-icon { font-size: 1.125rem; height: 1.5rem; width: 1.5rem; margin-top: -0.125rem; margin-bottom: -0.125rem; } [dir=ltr] .nb-theme-corporate [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=ltr] .nb-theme-corporate .size-giant.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } [dir=rtl] .nb-theme-corporate [nbButton].size-giant.icon-start:not(.icon-end) nb-icon, [dir=rtl] .nb-theme-corporate .size-giant.icon-start:not(.icon-end)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=ltr] .nb-theme-corporate [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=ltr] .nb-theme-corporate .size-giant.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-left: 0.75rem; } [dir=rtl] .nb-theme-corporate [nbButton].size-giant.icon-end:not(.icon-start) nb-icon, [dir=rtl] .nb-theme-corporate .size-giant.icon-end:not(.icon-start)[nbButtonToggle] nb-icon { margin-right: 0.75rem; } .nb-theme-corporate [nbButton].size-giant.icon-start.icon-end.appearance-filled, .nb-theme-corporate .size-giant.icon-start.icon-end.appearance-filled[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-corporate [nbButton].size-giant.icon-start.icon-end.appearance-outline, .nb-theme-corporate .size-giant.icon-start.icon-end.appearance-outline[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-corporate [nbButton].size-giant.icon-start.icon-end.appearance-ghost, .nb-theme-corporate .size-giant.icon-start.icon-end.appearance-ghost[nbButtonToggle] { padding: 1.0625rem 0.9375rem; } .nb-theme-corporate [nbButton].size-giant.icon-start.icon-end.appearance-hero, .nb-theme-corporate .size-giant.icon-start.icon-end.appearance-hero[nbButtonToggle] { padding: 1.0625rem 1rem; } .nb-theme-corporate [nbButton].shape-rectangle, .nb-theme-corporate .shape-rectangle[nbButtonToggle] { border-radius: 0.17rem; } .nb-theme-corporate [nbButton].shape-semi-round, .nb-theme-corporate .shape-semi-round[nbButtonToggle] { border-radius: 0.75rem; } .nb-theme-corporate [nbButton].shape-round, .nb-theme-corporate .shape-round[nbButtonToggle] { border-radius: 1.5rem; } .nb-theme-corporate a[nbButton], .nb-theme-corporate a[nbButtonToggle] { text-decoration: none; } .nb-theme-corporate [nbButton].appearance-filled, .nb-theme-corporate .appearance-filled[nbButtonToggle] { border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-corporate [nbButton].appearance-filled.size-tiny, .nb-theme-corporate .appearance-filled.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-corporate [nbButton].appearance-filled.size-small, .nb-theme-corporate .appearance-filled.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-corporate [nbButton].appearance-filled.size-medium, .nb-theme-corporate .appearance-filled.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-corporate [nbButton].appearance-filled.size-large, .nb-theme-corporate .appearance-filled.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-corporate [nbButton].appearance-filled.size-giant, .nb-theme-corporate .appearance-filled.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-corporate [nbButton].appearance-filled.status-basic, .nb-theme-corporate .appearance-filled.status-basic[nbButtonToggle] { background-color: #edf1f7; border-color: #edf1f7; color: #222b45; } .nb-theme-corporate [nbButton].appearance-filled.status-basic:focus, .nb-theme-corporate .appearance-filled.status-basic:focus[nbButtonToggle] { background-color: #e4e9f2; border-color: #c5cee0; } .nb-theme-corporate [nbButton].appearance-filled.status-basic:hover, .nb-theme-corporate .appearance-filled.status-basic:hover[nbButtonToggle] { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-corporate [nbButton].appearance-filled.status-basic:active, .nb-theme-corporate .appearance-filled.status-basic:active[nbButtonToggle] { background-color: #e4e9f2; border-color: #e4e9f2; } .nb-theme-corporate [nbButton].appearance-filled.status-basic[disabled], .nb-theme-corporate .appearance-filled.status-basic[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-filled.status-primary, .nb-theme-corporate .appearance-filled.status-primary[nbButtonToggle] { background-color: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-filled.status-primary:focus, .nb-theme-corporate .appearance-filled.status-primary:focus[nbButtonToggle] { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-corporate [nbButton].appearance-filled.status-primary:hover, .nb-theme-corporate .appearance-filled.status-primary:hover[nbButtonToggle] { background-color: #598bff; border-color: #598bff; } .nb-theme-corporate [nbButton].appearance-filled.status-primary:active, .nb-theme-corporate .appearance-filled.status-primary:active[nbButtonToggle] { background-color: #274bdb; border-color: #274bdb; } .nb-theme-corporate [nbButton].appearance-filled.status-primary[disabled], .nb-theme-corporate .appearance-filled.status-primary[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-filled.status-success, .nb-theme-corporate .appearance-filled.status-success[nbButtonToggle] { background-color: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-filled.status-success:focus, .nb-theme-corporate .appearance-filled.status-success:focus[nbButtonToggle] { background-color: #00b887; border-color: #00997a; } .nb-theme-corporate [nbButton].appearance-filled.status-success:hover, .nb-theme-corporate .appearance-filled.status-success:hover[nbButtonToggle] { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-corporate [nbButton].appearance-filled.status-success:active, .nb-theme-corporate .appearance-filled.status-success:active[nbButtonToggle] { background-color: #00b887; border-color: #00b887; } .nb-theme-corporate [nbButton].appearance-filled.status-success[disabled], .nb-theme-corporate .appearance-filled.status-success[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-filled.status-warning, .nb-theme-corporate .appearance-filled.status-warning[nbButtonToggle] { background-color: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-filled.status-warning:focus, .nb-theme-corporate .appearance-filled.status-warning:focus[nbButtonToggle] { background-color: #db8b00; border-color: #b86e00; } .nb-theme-corporate [nbButton].appearance-filled.status-warning:hover, .nb-theme-corporate .appearance-filled.status-warning:hover[nbButtonToggle] { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-corporate [nbButton].appearance-filled.status-warning:active, .nb-theme-corporate .appearance-filled.status-warning:active[nbButtonToggle] { background-color: #db8b00; border-color: #db8b00; } .nb-theme-corporate [nbButton].appearance-filled.status-warning[disabled], .nb-theme-corporate .appearance-filled.status-warning[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-filled.status-danger, .nb-theme-corporate .appearance-filled.status-danger[nbButtonToggle] { background-color: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-filled.status-danger:focus, .nb-theme-corporate .appearance-filled.status-danger:focus[nbButtonToggle] { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-corporate [nbButton].appearance-filled.status-danger:hover, .nb-theme-corporate .appearance-filled.status-danger:hover[nbButtonToggle] { background-color: #ff708d; border-color: #ff708d; } .nb-theme-corporate [nbButton].appearance-filled.status-danger:active, .nb-theme-corporate .appearance-filled.status-danger:active[nbButtonToggle] { background-color: #db2c66; border-color: #db2c66; } .nb-theme-corporate [nbButton].appearance-filled.status-danger[disabled], .nb-theme-corporate .appearance-filled.status-danger[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-filled.status-info, .nb-theme-corporate .appearance-filled.status-info[nbButtonToggle] { background-color: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-filled.status-info:focus, .nb-theme-corporate .appearance-filled.status-info:focus[nbButtonToggle] { background-color: #006fd6; border-color: #0057c2; } .nb-theme-corporate [nbButton].appearance-filled.status-info:hover, .nb-theme-corporate .appearance-filled.status-info:hover[nbButtonToggle] { background-color: #42aaff; border-color: #42aaff; } .nb-theme-corporate [nbButton].appearance-filled.status-info:active, .nb-theme-corporate .appearance-filled.status-info:active[nbButtonToggle] { background-color: #006fd6; border-color: #006fd6; } .nb-theme-corporate [nbButton].appearance-filled.status-info[disabled], .nb-theme-corporate .appearance-filled.status-info[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-filled.status-control, .nb-theme-corporate .appearance-filled.status-control[nbButtonToggle] { background-color: #ffffff; border-color: #ffffff; color: #222b45; } .nb-theme-corporate [nbButton].appearance-filled.status-control:focus, .nb-theme-corporate .appearance-filled.status-control:focus[nbButtonToggle] { background-color: #edf1f7; border-color: #c5cee0; } .nb-theme-corporate [nbButton].appearance-filled.status-control:hover, .nb-theme-corporate .appearance-filled.status-control:hover[nbButtonToggle] { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-corporate [nbButton].appearance-filled.status-control:active, .nb-theme-corporate .appearance-filled.status-control:active[nbButtonToggle] { background-color: #edf1f7; border-color: #edf1f7; } .nb-theme-corporate [nbButton].appearance-filled.status-control[disabled], .nb-theme-corporate .appearance-filled.status-control[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-outline, .nb-theme-corporate .appearance-outline[nbButtonToggle] { border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-corporate [nbButton].appearance-outline:focus, .nb-theme-corporate .appearance-outline:focus[nbButtonToggle] { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate [nbButton].appearance-outline:focus:not(:hover):not(:active), .nb-theme-corporate .appearance-outline:focus:not(:hover):not(:active)[nbButtonToggle] { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16); } .nb-theme-corporate [nbButton].appearance-outline.size-tiny, .nb-theme-corporate .appearance-outline.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-corporate [nbButton].appearance-outline.size-small, .nb-theme-corporate .appearance-outline.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-corporate [nbButton].appearance-outline.size-medium, .nb-theme-corporate .appearance-outline.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-corporate [nbButton].appearance-outline.size-large, .nb-theme-corporate .appearance-outline.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-corporate [nbButton].appearance-outline.size-giant, .nb-theme-corporate .appearance-outline.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-corporate [nbButton].appearance-outline.status-basic, .nb-theme-corporate .appearance-outline.status-basic[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-corporate [nbButton].appearance-outline.status-basic:focus, .nb-theme-corporate .appearance-outline.status-basic:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-corporate [nbButton].appearance-outline.status-basic:hover, .nb-theme-corporate .appearance-outline.status-basic:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-corporate [nbButton].appearance-outline.status-basic:active, .nb-theme-corporate .appearance-outline.status-basic:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-corporate [nbButton].appearance-outline.status-basic[disabled], .nb-theme-corporate .appearance-outline.status-basic[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-outline.status-primary, .nb-theme-corporate .appearance-outline.status-primary[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; color: #3366ff; } .nb-theme-corporate [nbButton].appearance-outline.status-primary:focus, .nb-theme-corporate .appearance-outline.status-primary:focus[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; color: #3366ff; } .nb-theme-corporate [nbButton].appearance-outline.status-primary:hover, .nb-theme-corporate .appearance-outline.status-primary:hover[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; color: #3366ff; } .nb-theme-corporate [nbButton].appearance-outline.status-primary:active, .nb-theme-corporate .appearance-outline.status-primary:active[nbButtonToggle] { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; color: #3366ff; } .nb-theme-corporate [nbButton].appearance-outline.status-primary[disabled], .nb-theme-corporate .appearance-outline.status-primary[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-outline.status-success, .nb-theme-corporate .appearance-outline.status-success[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; color: #00d68f; } .nb-theme-corporate [nbButton].appearance-outline.status-success:focus, .nb-theme-corporate .appearance-outline.status-success:focus[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-corporate [nbButton].appearance-outline.status-success:hover, .nb-theme-corporate .appearance-outline.status-success:hover[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; color: #00d68f; } .nb-theme-corporate [nbButton].appearance-outline.status-success:active, .nb-theme-corporate .appearance-outline.status-success:active[nbButtonToggle] { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-corporate [nbButton].appearance-outline.status-success[disabled], .nb-theme-corporate .appearance-outline.status-success[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-outline.status-warning, .nb-theme-corporate .appearance-outline.status-warning[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; color: #ffaa00; } .nb-theme-corporate [nbButton].appearance-outline.status-warning:focus, .nb-theme-corporate .appearance-outline.status-warning:focus[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-corporate [nbButton].appearance-outline.status-warning:hover, .nb-theme-corporate .appearance-outline.status-warning:hover[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; color: #ffaa00; } .nb-theme-corporate [nbButton].appearance-outline.status-warning:active, .nb-theme-corporate .appearance-outline.status-warning:active[nbButtonToggle] { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-corporate [nbButton].appearance-outline.status-warning[disabled], .nb-theme-corporate .appearance-outline.status-warning[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-outline.status-danger, .nb-theme-corporate .appearance-outline.status-danger[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; color: #ff3d71; } .nb-theme-corporate [nbButton].appearance-outline.status-danger:focus, .nb-theme-corporate .appearance-outline.status-danger:focus[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-corporate [nbButton].appearance-outline.status-danger:hover, .nb-theme-corporate .appearance-outline.status-danger:hover[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; color: #ff3d71; } .nb-theme-corporate [nbButton].appearance-outline.status-danger:active, .nb-theme-corporate .appearance-outline.status-danger:active[nbButtonToggle] { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-corporate [nbButton].appearance-outline.status-danger[disabled], .nb-theme-corporate .appearance-outline.status-danger[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-outline.status-info, .nb-theme-corporate .appearance-outline.status-info[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; color: #0095ff; } .nb-theme-corporate [nbButton].appearance-outline.status-info:focus, .nb-theme-corporate .appearance-outline.status-info:focus[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-corporate [nbButton].appearance-outline.status-info:hover, .nb-theme-corporate .appearance-outline.status-info:hover[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; color: #0095ff; } .nb-theme-corporate [nbButton].appearance-outline.status-info:active, .nb-theme-corporate .appearance-outline.status-info:active[nbButtonToggle] { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-corporate [nbButton].appearance-outline.status-info[disabled], .nb-theme-corporate .appearance-outline.status-info[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-outline.status-control, .nb-theme-corporate .appearance-outline.status-control[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-outline.status-control:focus, .nb-theme-corporate .appearance-outline.status-control:focus[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-outline.status-control:hover, .nb-theme-corporate .appearance-outline.status-control:hover[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-outline.status-control:active, .nb-theme-corporate .appearance-outline.status-control:active[nbButtonToggle] { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-outline.status-control[disabled], .nb-theme-corporate .appearance-outline.status-control[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-ghost, .nb-theme-corporate .appearance-ghost[nbButtonToggle] { background-color: transparent; border-color: transparent; border-style: solid; border-width: 0.0625rem; text-transform: uppercase; } .nb-theme-corporate [nbButton].appearance-ghost:focus, .nb-theme-corporate .appearance-ghost:focus[nbButtonToggle] { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate [nbButton].appearance-ghost:focus:not(:hover):not(:active), .nb-theme-corporate .appearance-ghost:focus:not(:hover):not(:active)[nbButtonToggle] { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16), inset 0 0 0 100vmax rgba(143, 155, 179, 0.16); } .nb-theme-corporate [nbButton].appearance-ghost.size-tiny, .nb-theme-corporate .appearance-ghost.size-tiny[nbButtonToggle] { padding: 0.3125rem 0.625rem; } .nb-theme-corporate [nbButton].appearance-ghost.size-small, .nb-theme-corporate .appearance-ghost.size-small[nbButtonToggle] { padding: 0.4375rem 0.875rem; } .nb-theme-corporate [nbButton].appearance-ghost.size-medium, .nb-theme-corporate .appearance-ghost.size-medium[nbButtonToggle] { padding: 0.6875rem 1.125rem; } .nb-theme-corporate [nbButton].appearance-ghost.size-large, .nb-theme-corporate .appearance-ghost.size-large[nbButtonToggle] { padding: 0.8125rem 1.125rem; } .nb-theme-corporate [nbButton].appearance-ghost.size-giant, .nb-theme-corporate .appearance-ghost.size-giant[nbButtonToggle] { padding: 0.9375rem 1.375rem; } .nb-theme-corporate [nbButton].appearance-ghost.status-basic, .nb-theme-corporate .appearance-ghost.status-basic[nbButtonToggle] { color: #8f9bb3; } .nb-theme-corporate [nbButton].appearance-ghost.status-basic:focus, .nb-theme-corporate .appearance-ghost.status-basic:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #8f9bb3; } .nb-theme-corporate [nbButton].appearance-ghost.status-basic:hover, .nb-theme-corporate .appearance-ghost.status-basic:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #8f9bb3; } .nb-theme-corporate [nbButton].appearance-ghost.status-basic:active, .nb-theme-corporate .appearance-ghost.status-basic:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #8f9bb3; } .nb-theme-corporate [nbButton].appearance-ghost.status-basic[disabled], .nb-theme-corporate .appearance-ghost.status-basic[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-ghost.status-primary, .nb-theme-corporate .appearance-ghost.status-primary[nbButtonToggle] { color: #3366ff; } .nb-theme-corporate [nbButton].appearance-ghost.status-primary:focus, .nb-theme-corporate .appearance-ghost.status-primary:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #3366ff; } .nb-theme-corporate [nbButton].appearance-ghost.status-primary:hover, .nb-theme-corporate .appearance-ghost.status-primary:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #3366ff; } .nb-theme-corporate [nbButton].appearance-ghost.status-primary:active, .nb-theme-corporate .appearance-ghost.status-primary:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #3366ff; } .nb-theme-corporate [nbButton].appearance-ghost.status-primary[disabled], .nb-theme-corporate .appearance-ghost.status-primary[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-ghost.status-success, .nb-theme-corporate .appearance-ghost.status-success[nbButtonToggle] { color: #00d68f; } .nb-theme-corporate [nbButton].appearance-ghost.status-success:focus, .nb-theme-corporate .appearance-ghost.status-success:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #00d68f; } .nb-theme-corporate [nbButton].appearance-ghost.status-success:hover, .nb-theme-corporate .appearance-ghost.status-success:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #00d68f; } .nb-theme-corporate [nbButton].appearance-ghost.status-success:active, .nb-theme-corporate .appearance-ghost.status-success:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #00d68f; } .nb-theme-corporate [nbButton].appearance-ghost.status-success[disabled], .nb-theme-corporate .appearance-ghost.status-success[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-ghost.status-warning, .nb-theme-corporate .appearance-ghost.status-warning[nbButtonToggle] { color: #ffaa00; } .nb-theme-corporate [nbButton].appearance-ghost.status-warning:focus, .nb-theme-corporate .appearance-ghost.status-warning:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #ffaa00; } .nb-theme-corporate [nbButton].appearance-ghost.status-warning:hover, .nb-theme-corporate .appearance-ghost.status-warning:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #ffaa00; } .nb-theme-corporate [nbButton].appearance-ghost.status-warning:active, .nb-theme-corporate .appearance-ghost.status-warning:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #ffaa00; } .nb-theme-corporate [nbButton].appearance-ghost.status-warning[disabled], .nb-theme-corporate .appearance-ghost.status-warning[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-ghost.status-danger, .nb-theme-corporate .appearance-ghost.status-danger[nbButtonToggle] { color: #ff3d71; } .nb-theme-corporate [nbButton].appearance-ghost.status-danger:focus, .nb-theme-corporate .appearance-ghost.status-danger:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #ff3d71; } .nb-theme-corporate [nbButton].appearance-ghost.status-danger:hover, .nb-theme-corporate .appearance-ghost.status-danger:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #ff3d71; } .nb-theme-corporate [nbButton].appearance-ghost.status-danger:active, .nb-theme-corporate .appearance-ghost.status-danger:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #ff3d71; } .nb-theme-corporate [nbButton].appearance-ghost.status-danger[disabled], .nb-theme-corporate .appearance-ghost.status-danger[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-ghost.status-info, .nb-theme-corporate .appearance-ghost.status-info[nbButtonToggle] { color: #0095ff; } .nb-theme-corporate [nbButton].appearance-ghost.status-info:focus, .nb-theme-corporate .appearance-ghost.status-info:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #0095ff; } .nb-theme-corporate [nbButton].appearance-ghost.status-info:hover, .nb-theme-corporate .appearance-ghost.status-info:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #0095ff; } .nb-theme-corporate [nbButton].appearance-ghost.status-info:active, .nb-theme-corporate .appearance-ghost.status-info:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #0095ff; } .nb-theme-corporate [nbButton].appearance-ghost.status-info[disabled], .nb-theme-corporate .appearance-ghost.status-info[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-ghost.status-control, .nb-theme-corporate .appearance-ghost.status-control[nbButtonToggle] { color: #ffffff; } .nb-theme-corporate [nbButton].appearance-ghost.status-control:focus, .nb-theme-corporate .appearance-ghost.status-control:focus[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.4); color: #ffffff; } .nb-theme-corporate [nbButton].appearance-ghost.status-control:hover, .nb-theme-corporate .appearance-ghost.status-control:hover[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.08); border-color: transparent; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-ghost.status-control:active, .nb-theme-corporate .appearance-ghost.status-control:active[nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-ghost.status-control[disabled], .nb-theme-corporate .appearance-ghost.status-control[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.16); border-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-hero, .nb-theme-corporate .appearance-hero[nbButtonToggle] { text-shadow: none; text-transform: uppercase; } .nb-theme-corporate [nbButton].appearance-hero.size-tiny, .nb-theme-corporate .appearance-hero.size-tiny[nbButtonToggle] { padding: 0.375rem 0.6875rem; } .nb-theme-corporate [nbButton].appearance-hero.size-small, .nb-theme-corporate .appearance-hero.size-small[nbButtonToggle] { padding: 0.5rem 0.9375rem; } .nb-theme-corporate [nbButton].appearance-hero.size-medium, .nb-theme-corporate .appearance-hero.size-medium[nbButtonToggle] { padding: 0.75rem 1.1875rem; } .nb-theme-corporate [nbButton].appearance-hero.size-large, .nb-theme-corporate .appearance-hero.size-large[nbButtonToggle] { padding: 0.875rem 1.1875rem; } .nb-theme-corporate [nbButton].appearance-hero.size-giant, .nb-theme-corporate .appearance-hero.size-giant[nbButtonToggle] { padding: 1rem 1.4375rem; } .nb-theme-corporate [nbButton].appearance-hero.status-basic, .nb-theme-corporate .appearance-hero.status-basic[nbButtonToggle] { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); border: none; box-shadow: 0 0 0 0 #8f9bb3, 0 0 20px 0 #2e3a59, none; color: #8f9bb3; } .nb-theme-corporate [nbButton].appearance-hero.status-basic:focus, .nb-theme-corporate .appearance-hero.status-basic:focus[nbButtonToggle] { background-image: linear-gradient(to right, #edf1f7, #e4e9f2); box-shadow: 0 0 0 0 #8f9bb3, 0 0 20px 0 #2e3a59, none, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate [nbButton].appearance-hero.status-basic:hover, .nb-theme-corporate .appearance-hero.status-basic:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffffff, #f7f9fc); } .nb-theme-corporate [nbButton].appearance-hero.status-basic:active, .nb-theme-corporate .appearance-hero.status-basic:active[nbButtonToggle] { background-image: linear-gradient(to right, #edf1f7, #e4e9f2); } .nb-theme-corporate [nbButton].appearance-hero.status-basic[disabled], .nb-theme-corporate .appearance-hero.status-basic[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-hero.status-basic.button-pulse, .nb-theme-corporate .appearance-hero.status-basic.button-pulse[nbButtonToggle] { animation: button-hero-basic-pulse 0.75s infinite alternate; } @keyframes button-hero-basic-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #f7f9fc; opacity: 0.8; } } .nb-theme-corporate [nbButton].appearance-hero.status-primary, .nb-theme-corporate .appearance-hero.status-primary[nbButtonToggle] { background-image: linear-gradient(to right, #598bff, #3366ff); border: none; box-shadow: 0 0 0 0 #274bdb, 0 0 20px 0 #1a34b8, none; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-hero.status-primary:focus, .nb-theme-corporate .appearance-hero.status-primary:focus[nbButtonToggle] { background-image: linear-gradient(to right, #3366ff, #274bdb); box-shadow: 0 0 0 0 #274bdb, 0 0 20px 0 #1a34b8, none, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate [nbButton].appearance-hero.status-primary:hover, .nb-theme-corporate .appearance-hero.status-primary:hover[nbButtonToggle] { background-image: linear-gradient(to right, #a6c1ff, #598bff); } .nb-theme-corporate [nbButton].appearance-hero.status-primary:active, .nb-theme-corporate .appearance-hero.status-primary:active[nbButtonToggle] { background-image: linear-gradient(to right, #3366ff, #274bdb); } .nb-theme-corporate [nbButton].appearance-hero.status-primary[disabled], .nb-theme-corporate .appearance-hero.status-primary[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-hero.status-primary.button-pulse, .nb-theme-corporate .appearance-hero.status-primary.button-pulse[nbButtonToggle] { animation: button-hero-primary-pulse 0.75s infinite alternate; } @keyframes button-hero-primary-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #598bff; opacity: 0.8; } } .nb-theme-corporate [nbButton].appearance-hero.status-success, .nb-theme-corporate .appearance-hero.status-success[nbButtonToggle] { background-image: linear-gradient(to right, #2ce69b, #00d68f); border: none; box-shadow: 0 0 0 0 #00b887, 0 0 20px 0 #00997a, none; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-hero.status-success:focus, .nb-theme-corporate .appearance-hero.status-success:focus[nbButtonToggle] { background-image: linear-gradient(to right, #00d68f, #00b887); box-shadow: 0 0 0 0 #00b887, 0 0 20px 0 #00997a, none, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate [nbButton].appearance-hero.status-success:hover, .nb-theme-corporate .appearance-hero.status-success:hover[nbButtonToggle] { background-image: linear-gradient(to right, #8cfac7, #2ce69b); } .nb-theme-corporate [nbButton].appearance-hero.status-success:active, .nb-theme-corporate .appearance-hero.status-success:active[nbButtonToggle] { background-image: linear-gradient(to right, #00d68f, #00b887); } .nb-theme-corporate [nbButton].appearance-hero.status-success[disabled], .nb-theme-corporate .appearance-hero.status-success[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-hero.status-success.button-pulse, .nb-theme-corporate .appearance-hero.status-success.button-pulse[nbButtonToggle] { animation: button-hero-success-pulse 0.75s infinite alternate; } @keyframes button-hero-success-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #2ce69b; opacity: 0.8; } } .nb-theme-corporate [nbButton].appearance-hero.status-warning, .nb-theme-corporate .appearance-hero.status-warning[nbButtonToggle] { background-image: linear-gradient(to right, #ffc94d, #ffaa00); border: none; box-shadow: 0 0 0 0 #db8b00, 0 0 20px 0 #b86e00, none; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-hero.status-warning:focus, .nb-theme-corporate .appearance-hero.status-warning:focus[nbButtonToggle] { background-image: linear-gradient(to right, #ffaa00, #db8b00); box-shadow: 0 0 0 0 #db8b00, 0 0 20px 0 #b86e00, none, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate [nbButton].appearance-hero.status-warning:hover, .nb-theme-corporate .appearance-hero.status-warning:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffe59e, #ffc94d); } .nb-theme-corporate [nbButton].appearance-hero.status-warning:active, .nb-theme-corporate .appearance-hero.status-warning:active[nbButtonToggle] { background-image: linear-gradient(to right, #ffaa00, #db8b00); } .nb-theme-corporate [nbButton].appearance-hero.status-warning[disabled], .nb-theme-corporate .appearance-hero.status-warning[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-hero.status-warning.button-pulse, .nb-theme-corporate .appearance-hero.status-warning.button-pulse[nbButtonToggle] { animation: button-hero-warning-pulse 0.75s infinite alternate; } @keyframes button-hero-warning-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #ffc94d; opacity: 0.8; } } .nb-theme-corporate [nbButton].appearance-hero.status-danger, .nb-theme-corporate .appearance-hero.status-danger[nbButtonToggle] { background-image: linear-gradient(to right, #ff708d, #ff3d71); border: none; box-shadow: 0 0 0 0 #db2c66, 0 0 20px 0 #b81d5b, none; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-hero.status-danger:focus, .nb-theme-corporate .appearance-hero.status-danger:focus[nbButtonToggle] { background-image: linear-gradient(to right, #ff3d71, #db2c66); box-shadow: 0 0 0 0 #db2c66, 0 0 20px 0 #b81d5b, none, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate [nbButton].appearance-hero.status-danger:hover, .nb-theme-corporate .appearance-hero.status-danger:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffa8b4, #ff708d); } .nb-theme-corporate [nbButton].appearance-hero.status-danger:active, .nb-theme-corporate .appearance-hero.status-danger:active[nbButtonToggle] { background-image: linear-gradient(to right, #ff3d71, #db2c66); } .nb-theme-corporate [nbButton].appearance-hero.status-danger[disabled], .nb-theme-corporate .appearance-hero.status-danger[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-hero.status-danger.button-pulse, .nb-theme-corporate .appearance-hero.status-danger.button-pulse[nbButtonToggle] { animation: button-hero-danger-pulse 0.75s infinite alternate; } @keyframes button-hero-danger-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #ff708d; opacity: 0.8; } } .nb-theme-corporate [nbButton].appearance-hero.status-info, .nb-theme-corporate .appearance-hero.status-info[nbButtonToggle] { background-image: linear-gradient(to right, #42aaff, #0095ff); border: none; box-shadow: 0 0 0 0 #006fd6, 0 0 20px 0 #0057c2, none; color: #ffffff; } .nb-theme-corporate [nbButton].appearance-hero.status-info:focus, .nb-theme-corporate .appearance-hero.status-info:focus[nbButtonToggle] { background-image: linear-gradient(to right, #0095ff, #006fd6); box-shadow: 0 0 0 0 #006fd6, 0 0 20px 0 #0057c2, none, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate [nbButton].appearance-hero.status-info:hover, .nb-theme-corporate .appearance-hero.status-info:hover[nbButtonToggle] { background-image: linear-gradient(to right, #94cbff, #42aaff); } .nb-theme-corporate [nbButton].appearance-hero.status-info:active, .nb-theme-corporate .appearance-hero.status-info:active[nbButtonToggle] { background-image: linear-gradient(to right, #0095ff, #006fd6); } .nb-theme-corporate [nbButton].appearance-hero.status-info[disabled], .nb-theme-corporate .appearance-hero.status-info[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-hero.status-info.button-pulse, .nb-theme-corporate .appearance-hero.status-info.button-pulse[nbButtonToggle] { animation: button-hero-info-pulse 0.75s infinite alternate; } @keyframes button-hero-info-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #42aaff; opacity: 0.8; } } .nb-theme-corporate [nbButton].appearance-hero.status-control, .nb-theme-corporate .appearance-hero.status-control[nbButtonToggle] { background-image: linear-gradient(to right, #ffffff, #ffffff); border: none; box-shadow: 0 0 0 0 #8f9bb3, 0 0 20px 0 #2e3a59, none; color: #222b45; } .nb-theme-corporate [nbButton].appearance-hero.status-control:focus, .nb-theme-corporate .appearance-hero.status-control:focus[nbButtonToggle] { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); box-shadow: 0 0 0 0 #8f9bb3, 0 0 20px 0 #2e3a59, none, 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate [nbButton].appearance-hero.status-control:hover, .nb-theme-corporate .appearance-hero.status-control:hover[nbButtonToggle] { background-image: linear-gradient(to right, #ffffff, #f7f9fc); } .nb-theme-corporate [nbButton].appearance-hero.status-control:active, .nb-theme-corporate .appearance-hero.status-control:active[nbButtonToggle] { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); } .nb-theme-corporate [nbButton].appearance-hero.status-control[disabled], .nb-theme-corporate .appearance-hero.status-control[disabled][nbButtonToggle] { background-color: rgba(143, 155, 179, 0.24); background-image: none; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbButton].appearance-hero.status-control.button-pulse, .nb-theme-corporate .appearance-hero.status-control.button-pulse[nbButtonToggle] { animation: button-hero-control-pulse 0.75s infinite alternate; } @keyframes button-hero-control-pulse { 0% { box-shadow: none; opacity: 0.3; } 100% { box-shadow: 0 0 1rem 0 #ffffff; opacity: 0.8; } } .nb-theme-corporate nb-button-group { display: inline-flex; } [dir=ltr] .nb-theme-corporate nb-button-group [nbButton]:first-child:not(:last-child), [dir=ltr] .nb-theme-corporate nb-button-group :first-child:not(:last-child)[nbButtonToggle], [dir=ltr] .nb-theme-corporate nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=ltr] .nb-theme-corporate nb-button-group [nbButton]:last-child:not(:first-child), [dir=ltr] .nb-theme-corporate nb-button-group :last-child:not(:first-child)[nbButtonToggle], [dir=ltr] .nb-theme-corporate nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-corporate nb-button-group [nbButton]:first-child:not(:last-child), [dir=rtl] .nb-theme-corporate nb-button-group :first-child:not(:last-child)[nbButtonToggle], [dir=rtl] .nb-theme-corporate nb-button-group [nbButtonToggle]:first-child:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir=rtl] .nb-theme-corporate nb-button-group [nbButton]:last-child:not(:first-child), [dir=rtl] .nb-theme-corporate nb-button-group :last-child:not(:first-child)[nbButtonToggle], [dir=rtl] .nb-theme-corporate nb-button-group [nbButtonToggle]:last-child:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .nb-theme-corporate nb-button-group [nbButton]:not(:first-child):not(:last-child), .nb-theme-corporate nb-button-group :not(:first-child):not(:last-child)[nbButtonToggle], .nb-theme-corporate nb-button-group [nbButtonToggle]:not(:first-child):not(:last-child) { border-radius: 0; } .nb-theme-corporate nb-button-group [nbButton].appearance-filled, .nb-theme-corporate nb-button-group .appearance-filled[nbButtonToggle], .nb-theme-corporate nb-button-group [nbButton].appearance-ghost, .nb-theme-corporate nb-button-group .appearance-ghost[nbButtonToggle], .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled, .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-ghost { border-color: transparent; } [dir=ltr] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-corporate nb-button-group .appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #c5cee0; } [dir=rtl] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-corporate nb-button-group .appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-basic:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #c5cee0; } .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-basic, .nb-theme-corporate nb-button-group .appearance-filled.status-basic[nbButtonToggle], .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-basic { color: #8f9bb3; } [dir=ltr] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-corporate nb-button-group .appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #274bdb; } [dir=rtl] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-corporate nb-button-group .appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-primary:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #274bdb; } .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-primary, .nb-theme-corporate nb-button-group .appearance-filled.status-primary[nbButtonToggle], .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-primary { color: #ffffff; } [dir=ltr] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-corporate nb-button-group .appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #00b887; } [dir=rtl] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-corporate nb-button-group .appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-success:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #00b887; } .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-success, .nb-theme-corporate nb-button-group .appearance-filled.status-success[nbButtonToggle], .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-success { color: #ffffff; } [dir=ltr] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-corporate nb-button-group .appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #db8b00; } [dir=rtl] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-corporate nb-button-group .appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-warning:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #db8b00; } .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-warning, .nb-theme-corporate nb-button-group .appearance-filled.status-warning[nbButtonToggle], .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-warning { color: #ffffff; } [dir=ltr] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-corporate nb-button-group .appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #db2c66; } [dir=rtl] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-corporate nb-button-group .appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-danger:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #db2c66; } .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-danger, .nb-theme-corporate nb-button-group .appearance-filled.status-danger[nbButtonToggle], .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-danger { color: #ffffff; } [dir=ltr] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-corporate nb-button-group .appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #006fd6; } [dir=rtl] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-corporate nb-button-group .appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-info:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #006fd6; } .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-info, .nb-theme-corporate nb-button-group .appearance-filled.status-info[nbButtonToggle], .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-info { color: #ffffff; } [dir=ltr] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-corporate nb-button-group .appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #edf1f7; } [dir=rtl] .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-corporate nb-button-group .appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-control:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #edf1f7; } .nb-theme-corporate nb-button-group [nbButton].appearance-filled.status-control, .nb-theme-corporate nb-button-group .appearance-filled.status-control[nbButtonToggle], .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-filled.status-control { color: #222b45; } [dir=ltr] .nb-theme-corporate nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=ltr] .nb-theme-corporate nb-button-group .appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=ltr] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-left-color: #c5cee0; } [dir=rtl] .nb-theme-corporate nb-button-group [nbButton].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]), [dir=rtl] .nb-theme-corporate nb-button-group .appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled])[nbButtonToggle], [dir=rtl] .nb-theme-corporate nb-button-group [nbButtonToggle].appearance-ghost:not(:first-child):not(:hover):not(:focus):not(:active):not([disabled]) { border-right-color: #c5cee0; } .nb-theme-corporate nb-list-item { border-bottom: 1px solid #AAAAAA; color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 1rem; } .nb-theme-corporate nb-list-item:first-child { border-top: 1px solid #AAAAAA; } .nb-theme-corporate [nbInput] { border-style: solid; border-width: 1px; font-family: "Segoe UI"; -moz-appearance: none; appearance: none; } .nb-theme-corporate [nbInput].nb-transition { transition-duration: 0.15s; transition-property: border, background-color, color, box-shadow; transition-timing-function: ease-in; } .nb-theme-corporate [nbInput]::-moz-placeholder { font-family: "Segoe UI"; text-overflow: ellipsis; } .nb-theme-corporate [nbInput]:-ms-input-placeholder { font-family: "Segoe UI"; text-overflow: ellipsis; } .nb-theme-corporate [nbInput]::placeholder { font-family: "Segoe UI"; text-overflow: ellipsis; } .nb-theme-corporate [nbInput]:focus { outline: none; } .nb-theme-corporate [nbInput].input-full-width { width: 100%; } .nb-theme-corporate [nbInput].status-basic { background-color: #f7f9fc; border-color: #e4e9f2; color: #222b45; } .nb-theme-corporate [nbInput].status-basic::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-basic:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-basic::placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-basic:focus { background-color: #ffffff; border-color: #3366ff; } .nb-theme-corporate [nbInput].status-basic:hover { background-color: #edf1f7; border-color: #e4e9f2; } .nb-theme-corporate [nbInput].status-basic:disabled { background-color: #f7f9fc; border-color: #e4e9f2; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-basic:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-basic:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-basic:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-primary { background-color: #f7f9fc; border-color: #3366ff; color: #222b45; } .nb-theme-corporate [nbInput].status-primary::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-primary:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-primary::placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-primary:focus { background-color: #ffffff; border-color: #1a34b8; } .nb-theme-corporate [nbInput].status-primary:hover { background-color: #edf1f7; border-color: #598bff; } .nb-theme-corporate [nbInput].status-primary:disabled { background-color: #f7f9fc; border-color: #e4e9f2; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-primary:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-primary:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-primary:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-success { background-color: #f7f9fc; border-color: #00d68f; color: #222b45; } .nb-theme-corporate [nbInput].status-success::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-success:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-success::placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-success:focus { background-color: #ffffff; border-color: #00997a; } .nb-theme-corporate [nbInput].status-success:hover { background-color: #edf1f7; border-color: #2ce69b; } .nb-theme-corporate [nbInput].status-success:disabled { background-color: #f7f9fc; border-color: #e4e9f2; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-success:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-success:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-success:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-warning { background-color: #f7f9fc; border-color: #ffaa00; color: #222b45; } .nb-theme-corporate [nbInput].status-warning::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-warning:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-warning::placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-warning:focus { background-color: #ffffff; border-color: #b86e00; } .nb-theme-corporate [nbInput].status-warning:hover { background-color: #edf1f7; border-color: #ffc94d; } .nb-theme-corporate [nbInput].status-warning:disabled { background-color: #f7f9fc; border-color: #e4e9f2; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-warning:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-warning:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-warning:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-danger { background-color: #f7f9fc; border-color: #ff3d71; color: #222b45; } .nb-theme-corporate [nbInput].status-danger::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-danger:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-danger::placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-danger:focus { background-color: #ffffff; border-color: #b81d5b; } .nb-theme-corporate [nbInput].status-danger:hover { background-color: #edf1f7; border-color: #ff708d; } .nb-theme-corporate [nbInput].status-danger:disabled { background-color: #f7f9fc; border-color: #e4e9f2; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-danger:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-danger:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-danger:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-info { background-color: #f7f9fc; border-color: #0095ff; color: #222b45; } .nb-theme-corporate [nbInput].status-info::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-info:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-info::placeholder { color: #8f9bb3; } .nb-theme-corporate [nbInput].status-info:focus { background-color: #ffffff; border-color: #0057c2; } .nb-theme-corporate [nbInput].status-info:hover { background-color: #edf1f7; border-color: #42aaff; } .nb-theme-corporate [nbInput].status-info:disabled { background-color: #f7f9fc; border-color: #e4e9f2; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-info:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-info:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-info:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate [nbInput].status-control { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); color: #ffffff; } .nb-theme-corporate [nbInput].status-control::-moz-placeholder { color: #ffffff; } .nb-theme-corporate [nbInput].status-control:-ms-input-placeholder { color: #ffffff; } .nb-theme-corporate [nbInput].status-control::placeholder { color: #ffffff; } .nb-theme-corporate [nbInput].status-control:focus { background-color: rgba(255, 255, 255, 0.4); border-color: #ffffff; } .nb-theme-corporate [nbInput].status-control:hover { background-color: rgba(255, 255, 255, 0.32); border-color: #ffffff; } .nb-theme-corporate [nbInput].status-control:disabled { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); color: #ffffff; } .nb-theme-corporate [nbInput].status-control:disabled::-moz-placeholder { color: #ffffff; } .nb-theme-corporate [nbInput].status-control:disabled:-ms-input-placeholder { color: #ffffff; } .nb-theme-corporate [nbInput].status-control:disabled::placeholder { color: #ffffff; } .nb-theme-corporate [nbInput].size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.1875rem 1rem; } .nb-theme-corporate [nbInput].size-tiny:not(.input-full-width) { max-width: 20rem; } .nb-theme-corporate [nbInput].size-tiny::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-tiny:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-tiny::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 1rem; } .nb-theme-corporate [nbInput].size-small:not(.input-full-width) { max-width: 20rem; } .nb-theme-corporate [nbInput].size-small::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-small:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-small::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.4375rem 1rem; } .nb-theme-corporate [nbInput].size-medium:not(.input-full-width) { max-width: 20rem; } .nb-theme-corporate [nbInput].size-medium::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-medium:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-medium::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.6875rem 1rem; } .nb-theme-corporate [nbInput].size-large:not(.input-full-width) { max-width: 30rem; } .nb-theme-corporate [nbInput].size-large::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-large:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-large::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.9375rem 1rem; } .nb-theme-corporate [nbInput].size-giant:not(.input-full-width) { max-width: 30rem; } .nb-theme-corporate [nbInput].size-giant::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-giant:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].size-giant::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate [nbInput].shape-rectangle { border-radius: 0.17rem; } .nb-theme-corporate [nbInput].shape-semi-round { border-radius: 0.75rem; } .nb-theme-corporate [nbInput].shape-round { border-radius: 1.5rem; } .nb-theme-corporate nb-form-field [nbInput] { width: 100%; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-left: 1.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix [nbInput].size-tiny { padding-right: 1.5rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-right: 1.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-suffix [nbInput].size-tiny { padding-left: 1.5rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix [nbInput].size-small { padding-left: 2rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix [nbInput].size-small { padding-right: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-suffix [nbInput].size-small { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-suffix [nbInput].size-small { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix [nbInput].size-medium { padding-left: 2.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix [nbInput].size-medium { padding-right: 2.5rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-suffix [nbInput].size-medium { padding-right: 2.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-suffix [nbInput].size-medium { padding-left: 2.5rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix [nbInput].size-large { padding-left: 3rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix [nbInput].size-large { padding-right: 3rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-suffix [nbInput].size-large { padding-right: 3rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-suffix [nbInput].size-large { padding-left: 3rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix [nbInput].size-giant { padding-left: 3.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix [nbInput].size-giant { padding-right: 3.5rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-suffix [nbInput].size-giant { padding-right: 3.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-suffix [nbInput].size-giant { padding-left: 3.5rem; } .nb-theme-corporate .overlay-backdrop { background: rgba(0, 0, 0, 0.35); } .nb-theme-corporate .cdk-overlay-container { z-index: 1040; } .nb-theme-corporate nb-popover { border: 1px solid #e4e9f2; border-radius: 0.17rem; background: #ffffff; box-shadow: none; color: #222b45; } .nb-theme-corporate nb-popover .primitive-overlay { font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; padding: 0.75rem 1rem; } .nb-theme-corporate nb-popover .arrow { border-left: 0.6875rem solid transparent; border-right: 0.6875rem solid transparent; border-bottom: 0.6875rem solid #e4e9f2; } .nb-theme-corporate nb-popover .arrow::after { position: absolute; content: ' '; width: 0; height: 0; top: 3px; left: calc(50% - 0.6875rem); border-left: 0.6875rem solid transparent; border-right: 0.6875rem solid transparent; border-bottom: 0.6875rem solid #ffffff; clip-path: inset(0 0 2px); } .nb-theme-corporate nb-popover.nb-overlay-bottom .arrow { top: calc(-1 * 0.6875rem + 1px); left: calc(50% - 0.6875rem); } .nb-theme-corporate nb-popover.nb-overlay-bottom-start .arrow { top: calc(-1 * 0.6875rem + 1px); } [dir=ltr] .nb-theme-corporate nb-popover.nb-overlay-bottom-start .arrow { right: 0.6875rem; } [dir=rtl] .nb-theme-corporate nb-popover.nb-overlay-bottom-start .arrow { left: 0.6875rem; } .nb-theme-corporate nb-popover.nb-overlay-bottom-end .arrow { top: calc(-1 * 0.6875rem + 1px); } [dir=ltr] .nb-theme-corporate nb-popover.nb-overlay-bottom-end .arrow { left: 0.6875rem; } [dir=rtl] .nb-theme-corporate nb-popover.nb-overlay-bottom-end .arrow { right: 0.6875rem; } .nb-theme-corporate nb-popover.nb-overlay-left .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: calc(50% - 0.34375rem); transform: rotate(90deg); } .nb-theme-corporate nb-popover.nb-overlay-start-top .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); bottom: 0.6875rem; transform: rotate(90deg); } .nb-theme-corporate nb-popover.nb-overlay-start-bottom .arrow { right: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: 0.6875rem; transform: rotate(90deg); } .nb-theme-corporate nb-popover.nb-overlay-top .arrow { bottom: calc(-1 * 0.6875rem + 1px); left: calc(50% - 0.6875rem); transform: rotate(180deg); } .nb-theme-corporate nb-popover.nb-overlay-top-start .arrow { bottom: calc(-1 * 0.6875rem + 1px); transform: rotate(180deg); } [dir=ltr] .nb-theme-corporate nb-popover.nb-overlay-top-start .arrow { right: 0.6875rem; } [dir=rtl] .nb-theme-corporate nb-popover.nb-overlay-top-start .arrow { left: 0.6875rem; } .nb-theme-corporate nb-popover.nb-overlay-top-end .arrow { bottom: calc(-1 * 0.6875rem + 1px); transform: rotate(180deg); } [dir=ltr] .nb-theme-corporate nb-popover.nb-overlay-top-end .arrow { left: 0.6875rem; } [dir=rtl] .nb-theme-corporate nb-popover.nb-overlay-top-end .arrow { right: 0.6875rem; } .nb-theme-corporate nb-popover.nb-overlay-right .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: calc(50% - 0.34375rem); transform: rotate(270deg); } .nb-theme-corporate nb-popover.nb-overlay-end-top .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); bottom: 0.6875rem; transform: rotate(270deg); } .nb-theme-corporate nb-popover.nb-overlay-end-bottom .arrow { left: calc(-1 * 0.6875rem - 0.6875rem / 2 + 2px); top: 0.6875rem; transform: rotate(270deg); } .nb-theme-corporate .context-menu-host { /* Fixes click not being bubbled to the body in Safari. https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html */ cursor: pointer; } .nb-theme-corporate nb-context-menu { background-color: #ffffff; border-color: #e4e9f2; border-style: solid; border-width: 1px; border-radius: 0.17rem; box-shadow: none; min-width: 10rem; max-width: 15rem; } .nb-theme-corporate nb-context-menu nb-menu { border-radius: 0.17rem; overflow: hidden; text-align: center; } .nb-theme-corporate nb-select .select-button { min-width: 6rem; cursor: pointer; font-family: "Segoe UI"; } .nb-theme-corporate nb-select .select-button.placeholder { font-family: "Segoe UI"; } .nb-theme-corporate nb-select .select-button:focus { outline: none; } .nb-theme-corporate nb-select .select-button[disabled] { cursor: default; } .nb-theme-corporate nb-select.size-tiny .select-button { font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-corporate nb-select.size-tiny .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-corporate nb-select.size-tiny .select-button.empty::before { content: ' '; display: block; height: 1rem; } .nb-theme-corporate nb-select.size-tiny:not(.full-width) { max-width: 20rem; } .nb-theme-corporate nb-select.size-small .select-button { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-select.size-small .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-corporate nb-select.size-small .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-corporate nb-select.size-small:not(.full-width) { max-width: 20rem; } .nb-theme-corporate nb-select.size-medium .select-button { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-select.size-medium .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-corporate nb-select.size-medium .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-corporate nb-select.size-medium:not(.full-width) { max-width: 20rem; } .nb-theme-corporate nb-select.size-large .select-button { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-select.size-large .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-corporate nb-select.size-large .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-corporate nb-select.size-large:not(.full-width) { max-width: 30rem; } .nb-theme-corporate nb-select.size-giant .select-button { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .nb-theme-corporate nb-select.size-giant .select-button.placeholder { font-size: 0.9375rem; font-weight: 400; } .nb-theme-corporate nb-select.size-giant .select-button.empty::before { content: ' '; display: block; height: 1.5rem; } .nb-theme-corporate nb-select.size-giant:not(.full-width) { max-width: 30rem; } .nb-theme-corporate nb-select.shape-rectangle .select-button { border-radius: 0.17rem; } .nb-theme-corporate nb-select.shape-semi-round .select-button { border-radius: 0.75rem; } .nb-theme-corporate nb-select.shape-round .select-button { border-radius: 1.5rem; } .nb-theme-corporate nb-select.appearance-outline .select-button { border-style: solid; border-width: 1px; } .nb-theme-corporate nb-select.appearance-outline .select-button.top { border-top-style: solid; border-top-width: 1px; } .nb-theme-corporate nb-select.appearance-outline .select-button.bottom { border-bottom-style: solid; border-bottom-width: 1px; } .nb-theme-corporate nb-select.appearance-outline.status-basic .select-button { background-color: #f7f9fc; border-color: #e4e9f2; color: #222b45; } .nb-theme-corporate nb-select.appearance-outline.status-basic .select-button.placeholder { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-outline.status-basic .select-button nb-icon { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-outline.status-basic .select-button:focus { background-color: #ffffff; border-color: #3366ff; } .nb-theme-corporate nb-select.appearance-outline.status-basic .select-button:hover { background-color: #edf1f7; border-color: #e4e9f2; } .nb-theme-corporate nb-select.appearance-outline.status-basic .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-corporate nb-select.appearance-outline.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-outline.status-basic .select-button.bottom, .nb-theme-corporate nb-select.appearance-outline.status-basic .select-button.top { border-color: #e4e9f2; } .nb-theme-corporate nb-select.appearance-outline.status-basic .select-button.top { border-top-color: #e4e9f2; } .nb-theme-corporate nb-select.appearance-outline.status-basic .select-button.bottom { border-bottom-color: #e4e9f2; } .nb-theme-corporate nb-select.appearance-outline.status-primary .select-button { background-color: #f7f9fc; border-color: #3366ff; color: #222b45; } .nb-theme-corporate nb-select.appearance-outline.status-primary .select-button.placeholder { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-outline.status-primary .select-button nb-icon { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-outline.status-primary .select-button:focus { background-color: #ffffff; border-color: #274bdb; } .nb-theme-corporate nb-select.appearance-outline.status-primary .select-button:hover { background-color: #edf1f7; border-color: #598bff; } .nb-theme-corporate nb-select.appearance-outline.status-primary .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-corporate nb-select.appearance-outline.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-outline.status-primary .select-button.bottom, .nb-theme-corporate nb-select.appearance-outline.status-primary .select-button.top { border-color: #3366ff; } .nb-theme-corporate nb-select.appearance-outline.status-primary .select-button.top { border-top-color: #3366ff; } .nb-theme-corporate nb-select.appearance-outline.status-primary .select-button.bottom { border-bottom-color: #3366ff; } .nb-theme-corporate nb-select.appearance-outline.status-success .select-button { background-color: #f7f9fc; border-color: #00d68f; color: #222b45; } .nb-theme-corporate nb-select.appearance-outline.status-success .select-button.placeholder { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-outline.status-success .select-button nb-icon { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-outline.status-success .select-button:focus { background-color: #ffffff; border-color: #00b887; } .nb-theme-corporate nb-select.appearance-outline.status-success .select-button:hover { background-color: #edf1f7; border-color: #2ce69b; } .nb-theme-corporate nb-select.appearance-outline.status-success .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-corporate nb-select.appearance-outline.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-outline.status-success .select-button.bottom, .nb-theme-corporate nb-select.appearance-outline.status-success .select-button.top { border-color: #00d68f; } .nb-theme-corporate nb-select.appearance-outline.status-success .select-button.top { border-top-color: #00d68f; } .nb-theme-corporate nb-select.appearance-outline.status-success .select-button.bottom { border-bottom-color: #00d68f; } .nb-theme-corporate nb-select.appearance-outline.status-warning .select-button { background-color: #f7f9fc; border-color: #ffaa00; color: #222b45; } .nb-theme-corporate nb-select.appearance-outline.status-warning .select-button.placeholder { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-outline.status-warning .select-button nb-icon { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-outline.status-warning .select-button:focus { background-color: #ffffff; border-color: #db8b00; } .nb-theme-corporate nb-select.appearance-outline.status-warning .select-button:hover { background-color: #edf1f7; border-color: #ffc94d; } .nb-theme-corporate nb-select.appearance-outline.status-warning .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-corporate nb-select.appearance-outline.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-outline.status-warning .select-button.bottom, .nb-theme-corporate nb-select.appearance-outline.status-warning .select-button.top { border-color: #ffaa00; } .nb-theme-corporate nb-select.appearance-outline.status-warning .select-button.top { border-top-color: #ffaa00; } .nb-theme-corporate nb-select.appearance-outline.status-warning .select-button.bottom { border-bottom-color: #ffaa00; } .nb-theme-corporate nb-select.appearance-outline.status-danger .select-button { background-color: #f7f9fc; border-color: #ff3d71; color: #222b45; } .nb-theme-corporate nb-select.appearance-outline.status-danger .select-button.placeholder { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-outline.status-danger .select-button nb-icon { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-outline.status-danger .select-button:focus { background-color: #ffffff; border-color: #db2c66; } .nb-theme-corporate nb-select.appearance-outline.status-danger .select-button:hover { background-color: #edf1f7; border-color: #ff708d; } .nb-theme-corporate nb-select.appearance-outline.status-danger .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-corporate nb-select.appearance-outline.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-outline.status-danger .select-button.bottom, .nb-theme-corporate nb-select.appearance-outline.status-danger .select-button.top { border-color: #ff3d71; } .nb-theme-corporate nb-select.appearance-outline.status-danger .select-button.top { border-top-color: #ff3d71; } .nb-theme-corporate nb-select.appearance-outline.status-danger .select-button.bottom { border-bottom-color: #ff3d71; } .nb-theme-corporate nb-select.appearance-outline.status-info .select-button { background-color: #f7f9fc; border-color: #0095ff; color: #222b45; } .nb-theme-corporate nb-select.appearance-outline.status-info .select-button.placeholder { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-outline.status-info .select-button nb-icon { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-outline.status-info .select-button:focus { background-color: #ffffff; border-color: #006fd6; } .nb-theme-corporate nb-select.appearance-outline.status-info .select-button:hover { background-color: #edf1f7; border-color: #42aaff; } .nb-theme-corporate nb-select.appearance-outline.status-info .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-corporate nb-select.appearance-outline.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-outline.status-info .select-button.bottom, .nb-theme-corporate nb-select.appearance-outline.status-info .select-button.top { border-color: #0095ff; } .nb-theme-corporate nb-select.appearance-outline.status-info .select-button.top { border-top-color: #0095ff; } .nb-theme-corporate nb-select.appearance-outline.status-info .select-button.bottom { border-bottom-color: #0095ff; } .nb-theme-corporate nb-select.appearance-outline.status-control .select-button { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); color: #ffffff; } .nb-theme-corporate nb-select.appearance-outline.status-control .select-button.placeholder { color: #ffffff; } .nb-theme-corporate nb-select.appearance-outline.status-control .select-button nb-icon { color: #ffffff; } .nb-theme-corporate nb-select.appearance-outline.status-control .select-button:focus { background-color: rgba(255, 255, 255, 0.4); border-color: #ffffff; } .nb-theme-corporate nb-select.appearance-outline.status-control .select-button:hover { background-color: rgba(255, 255, 255, 0.32); border-color: #ffffff; } .nb-theme-corporate nb-select.appearance-outline.status-control .select-button[disabled] { color: #ffffff; background-color: rgba(143, 155, 179, 0.16); border-color: rgba(255, 255, 255, 0.4); } .nb-theme-corporate nb-select.appearance-outline.status-control .select-button[disabled] nb-icon { color: #ffffff; } .nb-theme-corporate nb-select.appearance-outline.status-control .select-button.bottom, .nb-theme-corporate nb-select.appearance-outline.status-control .select-button.top { border-color: rgba(255, 255, 255, 0.4); } .nb-theme-corporate nb-select.appearance-outline.status-control .select-button.top { border-top-color: rgba(255, 255, 255, 0.4); } .nb-theme-corporate nb-select.appearance-outline.status-control .select-button.bottom { border-bottom-color: rgba(255, 255, 255, 0.4); } .nb-theme-corporate nb-select.appearance-outline.size-tiny .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-outline.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-outline.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-outline.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-corporate nb-select.appearance-outline.size-small .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-outline.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-outline.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-outline.size-small .select-button { padding-right: 2rem; } .nb-theme-corporate nb-select.appearance-outline.size-medium .select-button { padding: 0.4375rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-outline.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-outline.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-outline.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-corporate nb-select.appearance-outline.size-large .select-button { padding: 0.6875rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-outline.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-outline.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-outline.size-large .select-button { padding-right: 3rem; } .nb-theme-corporate nb-select.appearance-outline.size-giant .select-button { padding: 0.9375rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-outline.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-outline.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-outline.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-corporate nb-select.appearance-filled .select-button { border-style: solid; border-width: 1px; } .nb-theme-corporate nb-select.appearance-filled.size-tiny .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-filled.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-filled.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-filled.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-corporate nb-select.appearance-filled.size-small .select-button { padding: 0.1875rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-filled.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-filled.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-filled.size-small .select-button { padding-right: 2rem; } .nb-theme-corporate nb-select.appearance-filled.size-medium .select-button { padding: 0.4375rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-filled.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-filled.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-filled.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-corporate nb-select.appearance-filled.size-large .select-button { padding: 0.6875rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-filled.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-filled.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-filled.size-large .select-button { padding-right: 3rem; } .nb-theme-corporate nb-select.appearance-filled.size-giant .select-button { padding: 0.9375rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-filled.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-filled.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-filled.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-corporate nb-select.appearance-filled.status-basic .select-button { background-color: #edf1f7; border-color: #edf1f7; color: #222b45; } .nb-theme-corporate nb-select.appearance-filled.status-basic .select-button.placeholder { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-filled.status-basic .select-button:focus { background-color: #e4e9f2; border-color: #c5cee0; } .nb-theme-corporate nb-select.appearance-filled.status-basic .select-button:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-corporate nb-select.appearance-filled.status-basic .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-basic .select-button nb-icon { color: #222b45; } .nb-theme-corporate nb-select.appearance-filled.status-primary .select-button { background-color: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-primary .select-button.placeholder { color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-primary .select-button:focus { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-corporate nb-select.appearance-filled.status-primary .select-button:hover { background-color: #598bff; border-color: #598bff; } .nb-theme-corporate nb-select.appearance-filled.status-primary .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-primary .select-button nb-icon { color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-success .select-button { background-color: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-success .select-button.placeholder { color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-success .select-button:focus { background-color: #00b887; border-color: #00997a; } .nb-theme-corporate nb-select.appearance-filled.status-success .select-button:hover { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-corporate nb-select.appearance-filled.status-success .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-success .select-button nb-icon { color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-warning .select-button { background-color: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-warning .select-button.placeholder { color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-warning .select-button:focus { background-color: #db8b00; border-color: #b86e00; } .nb-theme-corporate nb-select.appearance-filled.status-warning .select-button:hover { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-corporate nb-select.appearance-filled.status-warning .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-warning .select-button nb-icon { color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-danger .select-button { background-color: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-danger .select-button.placeholder { color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-danger .select-button:focus { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-corporate nb-select.appearance-filled.status-danger .select-button:hover { background-color: #ff708d; border-color: #ff708d; } .nb-theme-corporate nb-select.appearance-filled.status-danger .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-danger .select-button nb-icon { color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-info .select-button { background-color: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-info .select-button.placeholder { color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-info .select-button:focus { background-color: #006fd6; border-color: #0057c2; } .nb-theme-corporate nb-select.appearance-filled.status-info .select-button:hover { background-color: #42aaff; border-color: #42aaff; } .nb-theme-corporate nb-select.appearance-filled.status-info .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-info .select-button nb-icon { color: #ffffff; } .nb-theme-corporate nb-select.appearance-filled.status-control .select-button { background-color: #ffffff; border-color: #ffffff; color: #222b45; } .nb-theme-corporate nb-select.appearance-filled.status-control .select-button.placeholder { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-filled.status-control .select-button:focus { background-color: #edf1f7; border-color: #c5cee0; } .nb-theme-corporate nb-select.appearance-filled.status-control .select-button:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-corporate nb-select.appearance-filled.status-control .select-button[disabled] { background-color: #f7f9fc; border-color: #f7f9fc; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-control .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-filled.status-control .select-button nb-icon { color: #222b45; } .nb-theme-corporate nb-select.appearance-hero .select-button { border: none; } .nb-theme-corporate nb-select.appearance-hero.size-tiny .select-button { padding: 0.25rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-hero.size-tiny .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-hero.size-tiny .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-left: 1.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-hero.size-tiny .select-button { padding-right: 1.5rem; } .nb-theme-corporate nb-select.appearance-hero.size-small .select-button { padding: 0.25rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-hero.size-small .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-hero.size-small .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-left: 2rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-hero.size-small .select-button { padding-right: 2rem; } .nb-theme-corporate nb-select.appearance-hero.size-medium .select-button { padding: 0.5rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-hero.size-medium .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-hero.size-medium .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-left: 2.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-hero.size-medium .select-button { padding-right: 2.5rem; } .nb-theme-corporate nb-select.appearance-hero.size-large .select-button { padding: 0.75rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-hero.size-large .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-hero.size-large .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-left: 3rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-hero.size-large .select-button { padding-right: 3rem; } .nb-theme-corporate nb-select.appearance-hero.size-giant .select-button { padding: 1rem 1rem; } [dir=ltr] .nb-theme-corporate nb-select.appearance-hero.size-giant .select-button { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate nb-select.appearance-hero.size-giant .select-button { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-left: 3.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix nb-select.appearance-hero.size-giant .select-button { padding-right: 3.5rem; } .nb-theme-corporate nb-select.appearance-hero.status-basic .select-button { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); color: #222b45; } .nb-theme-corporate nb-select.appearance-hero.status-basic .select-button.placeholder { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-hero.status-basic .select-button:focus { background-image: linear-gradient(to right, #edf1f7, #e4e9f2); } .nb-theme-corporate nb-select.appearance-hero.status-basic .select-button:hover { background-image: linear-gradient(to right, #ffffff, #f7f9fc); } .nb-theme-corporate nb-select.appearance-hero.status-basic .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-corporate nb-select.appearance-hero.status-basic .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-hero.status-basic .select-button nb-icon { color: #222b45; } .nb-theme-corporate nb-select.appearance-hero.status-primary .select-button { background-image: linear-gradient(to right, #598bff, #3366ff); color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-primary .select-button.placeholder { color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-primary .select-button:focus { background-image: linear-gradient(to right, #3366ff, #274bdb); } .nb-theme-corporate nb-select.appearance-hero.status-primary .select-button:hover { background-image: linear-gradient(to right, #a6c1ff, #598bff); } .nb-theme-corporate nb-select.appearance-hero.status-primary .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-corporate nb-select.appearance-hero.status-primary .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-hero.status-primary .select-button nb-icon { color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-success .select-button { background-image: linear-gradient(to right, #2ce69b, #00d68f); color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-success .select-button.placeholder { color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-success .select-button:focus { background-image: linear-gradient(to right, #00d68f, #00b887); } .nb-theme-corporate nb-select.appearance-hero.status-success .select-button:hover { background-image: linear-gradient(to right, #8cfac7, #2ce69b); } .nb-theme-corporate nb-select.appearance-hero.status-success .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-corporate nb-select.appearance-hero.status-success .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-hero.status-success .select-button nb-icon { color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-warning .select-button { background-image: linear-gradient(to right, #ffc94d, #ffaa00); color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-warning .select-button.placeholder { color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-warning .select-button:focus { background-image: linear-gradient(to right, #ffaa00, #db8b00); } .nb-theme-corporate nb-select.appearance-hero.status-warning .select-button:hover { background-image: linear-gradient(to right, #ffe59e, #ffc94d); } .nb-theme-corporate nb-select.appearance-hero.status-warning .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-corporate nb-select.appearance-hero.status-warning .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-hero.status-warning .select-button nb-icon { color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-danger .select-button { background-image: linear-gradient(to right, #ff708d, #ff3d71); color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-danger .select-button.placeholder { color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-danger .select-button:focus { background-image: linear-gradient(to right, #ff3d71, #db2c66); } .nb-theme-corporate nb-select.appearance-hero.status-danger .select-button:hover { background-image: linear-gradient(to right, #ffa8b4, #ff708d); } .nb-theme-corporate nb-select.appearance-hero.status-danger .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-corporate nb-select.appearance-hero.status-danger .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-hero.status-danger .select-button nb-icon { color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-info .select-button { background-image: linear-gradient(to right, #42aaff, #0095ff); color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-info .select-button.placeholder { color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-info .select-button:focus { background-image: linear-gradient(to right, #0095ff, #006fd6); } .nb-theme-corporate nb-select.appearance-hero.status-info .select-button:hover { background-image: linear-gradient(to right, #94cbff, #42aaff); } .nb-theme-corporate nb-select.appearance-hero.status-info .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-corporate nb-select.appearance-hero.status-info .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-hero.status-info .select-button nb-icon { color: #ffffff; } .nb-theme-corporate nb-select.appearance-hero.status-control .select-button { background-image: linear-gradient(to right, #ffffff, #ffffff); color: #222b45; } .nb-theme-corporate nb-select.appearance-hero.status-control .select-button.placeholder { color: #8f9bb3; } .nb-theme-corporate nb-select.appearance-hero.status-control .select-button:focus { background-image: linear-gradient(to right, #f7f9fc, #edf1f7); } .nb-theme-corporate nb-select.appearance-hero.status-control .select-button:hover { background-image: linear-gradient(to right, #ffffff, #f7f9fc); } .nb-theme-corporate nb-select.appearance-hero.status-control .select-button[disabled] { color: rgba(143, 155, 179, 0.48); background-color: #f7f9fc; background-image: none; } .nb-theme-corporate nb-select.appearance-hero.status-control .select-button[disabled] nb-icon { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-select.appearance-hero.status-control .select-button nb-icon { color: #222b45; } .nb-theme-corporate nb-form-field nb-select { width: 100%; } .nb-theme-corporate nb-option-list { background-color: #ffffff; border-color: #e4e9f2; border-style: solid; border-width: 0.0625rem; border-radius: 0.17rem; box-shadow: none; overflow: hidden; } .nb-theme-corporate nb-option-list .option-list { height: 100%; max-height: 20rem; margin: 0; padding: 0; overflow: auto; } .nb-theme-corporate nb-option-list.position-top { border-bottom: 0.0625rem solid #e4e9f2; } .nb-theme-corporate nb-option-list.position-bottom { border-top: 0.0625rem solid #e4e9f2; } .nb-theme-corporate nb-option-group { color: #8f9bb3; font-family: "Segoe UI"; } .nb-theme-corporate nb-option-list.size-tiny nb-option-group { font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-corporate nb-option-list.size-tiny nb-option-group .option-group-title { padding: 0.1875rem 1rem; } .nb-theme-corporate nb-option-list.size-tiny nb-option-group nb-option { padding-left: 1.25rem; } .nb-theme-corporate nb-option-list.size-small nb-option-group { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-option-list.size-small nb-option-group .option-group-title { padding: 0.1875rem 1rem; } .nb-theme-corporate nb-option-list.size-small nb-option-group nb-option { padding-left: 1.75rem; } .nb-theme-corporate nb-option-list.size-medium nb-option-group { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-option-list.size-medium nb-option-group .option-group-title { padding: 0.4375rem 1rem; } .nb-theme-corporate nb-option-list.size-medium nb-option-group nb-option { padding-left: 2.25rem; } .nb-theme-corporate nb-option-list.size-large nb-option-group { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-option-list.size-large nb-option-group .option-group-title { padding: 0.6875rem 1rem; } .nb-theme-corporate nb-option-list.size-large nb-option-group nb-option { padding-left: 2.25rem; } .nb-theme-corporate nb-option-list.size-giant nb-option-group { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } .nb-theme-corporate nb-option-list.size-giant nb-option-group .option-group-title { padding: 0.9375rem 1rem; } .nb-theme-corporate nb-option-list.size-giant nb-option-group nb-option { padding-left: 2.75rem; } .nb-theme-corporate nb-option { background-color: #ffffff; color: #222b45; font-family: "Segoe UI"; } .nb-theme-corporate nb-option.active { background-color: rgba(143, 155, 179, 0.24); color: #222b45; } .nb-theme-corporate nb-option.selected { background-color: #3366ff; color: #ffffff; } .nb-theme-corporate nb-option:focus { background-color: rgba(143, 155, 179, 0.24); color: #222b45; outline: none; } .nb-theme-corporate nb-option:focus.selected { background-color: #274bdb; color: #ffffff; } .nb-theme-corporate nb-option:hover { background-color: rgba(143, 155, 179, 0.16); color: #222b45; } .nb-theme-corporate nb-option:hover.selected { background-color: #598bff; color: #ffffff; } .nb-theme-corporate nb-option.multiple.selected { background-color: #ffffff; color: #222b45; } .nb-theme-corporate nb-option.multiple:focus { background-color: rgba(143, 155, 179, 0.24); color: #222b45; } .nb-theme-corporate nb-option-list.size-tiny nb-option { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.1875rem 1rem; } .nb-theme-corporate nb-option-list.size-small nb-option { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 1rem; } .nb-theme-corporate nb-option-list.size-medium nb-option { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.4375rem 1rem; } .nb-theme-corporate nb-option-list.size-large nb-option { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.6875rem 1rem; } .nb-theme-corporate nb-option-list.size-giant nb-option { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.9375rem 1rem; } .nb-theme-corporate nb-option, .nb-theme-corporate nb-option-group { -moz-user-select: none; -ms-user-select: none; user-select: none; } .nb-theme-corporate nb-option[disabled], .nb-theme-corporate nb-option-group[disabled] { background-color: #ffffff; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-toast { border-style: solid; border-width: 1px; border-radius: 0.17rem; padding: 1rem; box-shadow: none; } .nb-theme-corporate nb-toast .title { font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate nb-toast .message { font-family: "Segoe UI"; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; } .nb-theme-corporate nb-toast .icon-container { border-radius: 0.17rem; min-width: 2.5rem; min-height: 2.5rem; display: flex; justify-content: center; align-items: center; } [dir=ltr] .nb-theme-corporate nb-toast .icon-container { margin-right: 1.25rem; } [dir=rtl] .nb-theme-corporate nb-toast .icon-container { margin-left: 1.25rem; } .nb-theme-corporate nb-toast .icon-container nb-icon { font-size: 1.5rem; } .nb-theme-corporate nb-toast.status-basic { background: #ffffff; border-color: #edf1f7; color: #222b45; } .nb-theme-corporate nb-toast.status-basic .title { color: #222b45; } .nb-theme-corporate nb-toast.status-basic.destroy-by-click:hover { background: #ffffff; border-color: #edf1f7; } .nb-theme-corporate nb-toast.status-basic .icon-container { background: #ffffff; color: #222b45; } .nb-theme-corporate nb-toast.status-primary { background: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-corporate nb-toast.status-primary .title { color: #ffffff; } .nb-theme-corporate nb-toast.status-primary.destroy-by-click:hover { background: #598bff; border-color: #598bff; } .nb-theme-corporate nb-toast.status-primary .icon-container { background: #ffffff; color: #3366ff; } .nb-theme-corporate nb-toast.status-success { background: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-corporate nb-toast.status-success .title { color: #ffffff; } .nb-theme-corporate nb-toast.status-success.destroy-by-click:hover { background: #2ce69b; border-color: #2ce69b; } .nb-theme-corporate nb-toast.status-success .icon-container { background: #ffffff; color: #00d68f; } .nb-theme-corporate nb-toast.status-warning { background: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-corporate nb-toast.status-warning .title { color: #ffffff; } .nb-theme-corporate nb-toast.status-warning.destroy-by-click:hover { background: #ffc94d; border-color: #ffc94d; } .nb-theme-corporate nb-toast.status-warning .icon-container { background: #ffffff; color: #ffaa00; } .nb-theme-corporate nb-toast.status-danger { background: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-corporate nb-toast.status-danger .title { color: #ffffff; } .nb-theme-corporate nb-toast.status-danger.destroy-by-click:hover { background: #ff708d; border-color: #ff708d; } .nb-theme-corporate nb-toast.status-danger .icon-container { background: #ffffff; color: #ff3d71; } .nb-theme-corporate nb-toast.status-info { background: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-corporate nb-toast.status-info .title { color: #ffffff; } .nb-theme-corporate nb-toast.status-info.destroy-by-click:hover { background: #42aaff; border-color: #42aaff; } .nb-theme-corporate nb-toast.status-info .icon-container { background: #ffffff; color: #0095ff; } .nb-theme-corporate nb-toast.status-control { background: #ffffff; border-color: #ffffff; color: #222b45; } .nb-theme-corporate nb-toast.status-control .title { color: #222b45; } .nb-theme-corporate nb-toast.status-control.destroy-by-click:hover { background: #f7f9fc; border-color: #f7f9fc; } .nb-theme-corporate nb-toast.status-control .icon-container { background: #ffffff; color: #222b45; } .nb-theme-corporate .toastr-overlay-container { z-index: 1041; } .nb-theme-corporate nb-tooltip { box-shadow: none; background: #151a30; border: 0 dashed transparent; border-radius: 0.17rem; padding: 0.5rem 1rem; max-width: 16rem; } .nb-theme-corporate nb-tooltip nb-icon:only-child { height: 1rem; width: 1rem; } .nb-theme-corporate nb-tooltip nb-icon:not(:only-child) { height: 0.75rem; width: 0.75rem; } .nb-theme-corporate nb-tooltip .content { color: #ffffff; font-family: "Segoe UI"; font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .nb-theme-corporate nb-tooltip .arrow { border-bottom: 6px dashed #151a30; } .nb-theme-corporate nb-tooltip.status-basic { background: #edf1f7; border-color: transparent; } .nb-theme-corporate nb-tooltip.status-basic .arrow { border-bottom-color: #edf1f7; } .nb-theme-corporate nb-tooltip.status-basic .content { color: #222b45; } .nb-theme-corporate nb-tooltip.status-primary { background: #3366ff; border-color: transparent; } .nb-theme-corporate nb-tooltip.status-primary .arrow { border-bottom-color: #3366ff; } .nb-theme-corporate nb-tooltip.status-primary .content { color: #ffffff; } .nb-theme-corporate nb-tooltip.status-success { background: #00d68f; border-color: transparent; } .nb-theme-corporate nb-tooltip.status-success .arrow { border-bottom-color: #00d68f; } .nb-theme-corporate nb-tooltip.status-success .content { color: #ffffff; } .nb-theme-corporate nb-tooltip.status-warning { background: #ffaa00; border-color: transparent; } .nb-theme-corporate nb-tooltip.status-warning .arrow { border-bottom-color: #ffaa00; } .nb-theme-corporate nb-tooltip.status-warning .content { color: #ffffff; } .nb-theme-corporate nb-tooltip.status-danger { background: #ff3d71; border-color: transparent; } .nb-theme-corporate nb-tooltip.status-danger .arrow { border-bottom-color: #ff3d71; } .nb-theme-corporate nb-tooltip.status-danger .content { color: #ffffff; } .nb-theme-corporate nb-tooltip.status-info { background: #0095ff; border-color: transparent; } .nb-theme-corporate nb-tooltip.status-info .arrow { border-bottom-color: #0095ff; } .nb-theme-corporate nb-tooltip.status-info .content { color: #ffffff; } .nb-theme-corporate nb-tooltip.status-control { background: #ffffff; border-color: transparent; } .nb-theme-corporate nb-tooltip.status-control .arrow { border-bottom-color: #ffffff; } .nb-theme-corporate nb-tooltip.status-control .content { color: #222b45; } .nb-theme-corporate nb-datepicker-container nb-card { border-color: #e4e9f2; border-style: solid; border-width: 0.0625rem; border-radius: 0.17rem; background: #ffffff; box-shadow: none; } .nb-theme-corporate nb-calendar-with-time .nb-timepicker-container, .nb-theme-corporate nb-calendar-with-time nb-base-calendar nb-card { border: none; } .nb-theme-corporate nb-calendar-with-time .column-header { border-top: 0.0625rem solid #e4e9f2; border-radius: 0; } .nb-theme-corporate nb-calendar-with-time .timepicker-section.size-large nb-list-item { height: 3rem; } .nb-theme-corporate nb-calendar-with-time .timepicker-section.size-large .header-cell { height: 3rem; } [dir=ltr] .nb-theme-corporate nb-calendar-with-time .timepicker-section { border-left: 0.0625rem solid #e4e9f2; } [dir=rtl] .nb-theme-corporate nb-calendar-with-time .timepicker-section { border-right: 0.0625rem solid #e4e9f2; } .nb-theme-corporate nb-calendar-with-time .timepicker-single-column-width { width: 5rem; } .nb-theme-corporate nb-calendar-with-time .timepicker-multiple-column-width { width: 13.875rem; } .nb-theme-corporate nb-calendar-with-time .picker-title { height: 3.75rem; padding: 1.25rem; } .nb-theme-corporate nb-radio .outer-circle, .nb-theme-corporate nb-radio .inner-circle { height: 1.25rem; width: 1.25rem; } .nb-theme-corporate nb-radio .outer-circle { border-style: solid; border-width: 1px; } .nb-theme-corporate nb-radio .native-input:enabled:focus + .outer-circle { box-shadow: 0 0 0 0.375rem rgba(143, 155, 179, 0.16); } .nb-theme-corporate nb-radio.status-basic .native-input:enabled + .outer-circle { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; } .nb-theme-corporate nb-radio.status-basic .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #3366ff; } .nb-theme-corporate nb-radio.status-basic .native-input:enabled:checked ~ .inner-circle { background-color: #3366ff; } .nb-theme-corporate nb-radio.status-basic .native-input:enabled:focus + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-corporate nb-radio.status-basic .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #1a34b8; } .nb-theme-corporate nb-radio.status-basic .native-input:enabled:checked:focus ~ .inner-circle { background-color: #274bdb; } .nb-theme-corporate nb-radio.status-basic label:hover .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-corporate nb-radio.status-basic label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #598bff; } .nb-theme-corporate nb-radio.status-basic label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #598bff; } .nb-theme-corporate nb-radio.status-basic label .native-input:enabled:active + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-corporate nb-radio.status-basic label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #274bdb; } .nb-theme-corporate nb-radio.status-basic label .native-input:enabled:checked:active ~ .inner-circle { background-color: #274bdb; } .nb-theme-corporate nb-radio.status-basic .text { color: #222b45; } .nb-theme-corporate nb-radio.status-basic .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-radio.status-basic .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-basic .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-basic .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-primary .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; } .nb-theme-corporate nb-radio.status-primary .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #3366ff; } .nb-theme-corporate nb-radio.status-primary .native-input:enabled:checked ~ .inner-circle { background-color: #3366ff; } .nb-theme-corporate nb-radio.status-primary .native-input:enabled:focus + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-corporate nb-radio.status-primary .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #1a34b8; } .nb-theme-corporate nb-radio.status-primary .native-input:enabled:checked:focus ~ .inner-circle { background-color: #274bdb; } .nb-theme-corporate nb-radio.status-primary label:hover .native-input:enabled + .outer-circle { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; } .nb-theme-corporate nb-radio.status-primary label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #598bff; } .nb-theme-corporate nb-radio.status-primary label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #598bff; } .nb-theme-corporate nb-radio.status-primary label .native-input:enabled:active + .outer-circle { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; } .nb-theme-corporate nb-radio.status-primary label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #274bdb; } .nb-theme-corporate nb-radio.status-primary label .native-input:enabled:checked:active ~ .inner-circle { background-color: #274bdb; } .nb-theme-corporate nb-radio.status-primary .text { color: #222b45; } .nb-theme-corporate nb-radio.status-primary .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-radio.status-primary .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-primary .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-primary .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-success .native-input:enabled + .outer-circle { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; } .nb-theme-corporate nb-radio.status-success .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #00d68f; } .nb-theme-corporate nb-radio.status-success .native-input:enabled:checked ~ .inner-circle { background-color: #00d68f; } .nb-theme-corporate nb-radio.status-success .native-input:enabled:focus + .outer-circle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-corporate nb-radio.status-success .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #00997a; } .nb-theme-corporate nb-radio.status-success .native-input:enabled:checked:focus ~ .inner-circle { background-color: #00b887; } .nb-theme-corporate nb-radio.status-success label:hover .native-input:enabled + .outer-circle { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; } .nb-theme-corporate nb-radio.status-success label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #2ce69b; } .nb-theme-corporate nb-radio.status-success label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #2ce69b; } .nb-theme-corporate nb-radio.status-success label .native-input:enabled:active + .outer-circle { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; } .nb-theme-corporate nb-radio.status-success label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #00b887; } .nb-theme-corporate nb-radio.status-success label .native-input:enabled:checked:active ~ .inner-circle { background-color: #00b887; } .nb-theme-corporate nb-radio.status-success .text { color: #222b45; } .nb-theme-corporate nb-radio.status-success .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-radio.status-success .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-success .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-success .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-warning .native-input:enabled + .outer-circle { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; } .nb-theme-corporate nb-radio.status-warning .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ffaa00; } .nb-theme-corporate nb-radio.status-warning .native-input:enabled:checked ~ .inner-circle { background-color: #ffaa00; } .nb-theme-corporate nb-radio.status-warning .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-corporate nb-radio.status-warning .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #b86e00; } .nb-theme-corporate nb-radio.status-warning .native-input:enabled:checked:focus ~ .inner-circle { background-color: #db8b00; } .nb-theme-corporate nb-radio.status-warning label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; } .nb-theme-corporate nb-radio.status-warning label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #ffc94d; } .nb-theme-corporate nb-radio.status-warning label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #ffc94d; } .nb-theme-corporate nb-radio.status-warning label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; } .nb-theme-corporate nb-radio.status-warning label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #db8b00; } .nb-theme-corporate nb-radio.status-warning label .native-input:enabled:checked:active ~ .inner-circle { background-color: #db8b00; } .nb-theme-corporate nb-radio.status-warning .text { color: #222b45; } .nb-theme-corporate nb-radio.status-warning .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-radio.status-warning .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-warning .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-warning .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-danger .native-input:enabled + .outer-circle { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; } .nb-theme-corporate nb-radio.status-danger .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ff3d71; } .nb-theme-corporate nb-radio.status-danger .native-input:enabled:checked ~ .inner-circle { background-color: #ff3d71; } .nb-theme-corporate nb-radio.status-danger .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-corporate nb-radio.status-danger .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #b81d5b; } .nb-theme-corporate nb-radio.status-danger .native-input:enabled:checked:focus ~ .inner-circle { background-color: #db2c66; } .nb-theme-corporate nb-radio.status-danger label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; } .nb-theme-corporate nb-radio.status-danger label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #ff708d; } .nb-theme-corporate nb-radio.status-danger label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #ff708d; } .nb-theme-corporate nb-radio.status-danger label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; } .nb-theme-corporate nb-radio.status-danger label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #db2c66; } .nb-theme-corporate nb-radio.status-danger label .native-input:enabled:checked:active ~ .inner-circle { background-color: #db2c66; } .nb-theme-corporate nb-radio.status-danger .text { color: #222b45; } .nb-theme-corporate nb-radio.status-danger .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-radio.status-danger .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-danger .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-danger .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-info .native-input:enabled + .outer-circle { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; } .nb-theme-corporate nb-radio.status-info .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #0095ff; } .nb-theme-corporate nb-radio.status-info .native-input:enabled:checked ~ .inner-circle { background-color: #0095ff; } .nb-theme-corporate nb-radio.status-info .native-input:enabled:focus + .outer-circle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-corporate nb-radio.status-info .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #0057c2; } .nb-theme-corporate nb-radio.status-info .native-input:enabled:checked:focus ~ .inner-circle { background-color: #006fd6; } .nb-theme-corporate nb-radio.status-info label:hover .native-input:enabled + .outer-circle { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; } .nb-theme-corporate nb-radio.status-info label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #42aaff; } .nb-theme-corporate nb-radio.status-info label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #42aaff; } .nb-theme-corporate nb-radio.status-info label .native-input:enabled:active + .outer-circle { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; } .nb-theme-corporate nb-radio.status-info label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #006fd6; } .nb-theme-corporate nb-radio.status-info label .native-input:enabled:checked:active ~ .inner-circle { background-color: #006fd6; } .nb-theme-corporate nb-radio.status-info .text { color: #222b45; } .nb-theme-corporate nb-radio.status-info .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-radio.status-info .native-input:disabled ~ .text { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-info .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-info .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-control .native-input:enabled + .outer-circle { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; } .nb-theme-corporate nb-radio.status-control .native-input:enabled:checked + .outer-circle { background-color: transparent; border-color: #ffffff; } .nb-theme-corporate nb-radio.status-control .native-input:enabled:checked ~ .inner-circle { background-color: #ffffff; } .nb-theme-corporate nb-radio.status-control .native-input:enabled:focus + .outer-circle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-corporate nb-radio.status-control .native-input:enabled:checked:focus + .outer-circle { background-color: transparent; border-color: #c5cee0; } .nb-theme-corporate nb-radio.status-control .native-input:enabled:checked:focus ~ .inner-circle { background-color: #edf1f7; } .nb-theme-corporate nb-radio.status-control label:hover .native-input:enabled + .outer-circle { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; } .nb-theme-corporate nb-radio.status-control label:hover .native-input:checked:enabled + .outer-circle { background-color: transparent; border-color: #f7f9fc; } .nb-theme-corporate nb-radio.status-control label:hover .native-input:checked:enabled ~ .inner-circle { background-color: #f7f9fc; } .nb-theme-corporate nb-radio.status-control label .native-input:enabled:active + .outer-circle { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; } .nb-theme-corporate nb-radio.status-control label .native-input:enabled:checked:active + .outer-circle { background-color: transparent; border-color: #edf1f7; } .nb-theme-corporate nb-radio.status-control label .native-input:enabled:checked:active ~ .inner-circle { background-color: #edf1f7; } .nb-theme-corporate nb-radio.status-control .text { color: #ffffff; } .nb-theme-corporate nb-radio.status-control .native-input:disabled + .outer-circle { background-color: rgba(143, 155, 179, 0.16); border-color: rgba(143, 155, 179, 0.24); } .nb-theme-corporate nb-radio.status-control .native-input:disabled ~ .text { color: #ffffff; } .nb-theme-corporate nb-radio.status-control .native-input:disabled:checked + .outer-circle { background-color: transparent; border-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio.status-control .native-input:disabled:checked ~ .inner-circle { background-color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-radio .text { font-family: "Segoe UI"; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } [dir=ltr] .nb-theme-corporate nb-radio .text { margin-left: 1.25rem; } [dir=rtl] .nb-theme-corporate nb-radio .text { margin-right: 1.25rem; } .nb-theme-corporate .nb-tree-grid-header-cell, .nb-theme-corporate .nb-tree-grid-cell, .nb-theme-corporate .nb-tree-grid-footer-cell { height: 2rem; padding: 0.875rem 1.25rem; border: 1px solid #f7f9fc; } .nb-theme-corporate .nb-tree-grid-header-row { background: #ffffff; color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate .nb-tree-grid-footer-row { background: #ffffff; color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate .nb-tree-grid-row { background: #ffffff; color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tree-grid-row:hover { background: #ffffff; } .nb-theme-corporate .nb-tree-grid-row:nth-child(2n):not(:hover) { background-color: #ffffff; } .nb-theme-corporate .nb-tree-grid-header-cell button { vertical-align: middle; } .nb-theme-corporate nb-tree-grid-row-toggle nb-icon, .nb-theme-corporate nb-sort-icon nb-icon { font-size: inherit; vertical-align: middle; color: currentColor; } .nb-theme-corporate .nb-tree-grid-header-change-sort-button { background: transparent; border: none; padding: 0; color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; line-height: inherit; } .nb-theme-corporate nb-icon { font-size: 1.25rem; line-height: 1; width: 1em; height: 1em; } .nb-theme-corporate nb-icon svg { vertical-align: top; } .nb-theme-corporate nb-icon.status-basic { color: #8f9bb3; } .nb-theme-corporate nb-icon.status-primary { color: #3366ff; } .nb-theme-corporate nb-icon.status-success { color: #00d68f; } .nb-theme-corporate nb-icon.status-warning { color: #ffaa00; } .nb-theme-corporate nb-icon.status-danger { color: #ff3d71; } .nb-theme-corporate nb-icon.status-info { color: #0095ff; } .nb-theme-corporate nb-icon.status-control { color: #ffffff; } .nb-theme-corporate .nb-form-control-container { max-width: inherit; } .nb-theme-corporate .nb-form-field-addon { display: flex; justify-content: center; align-items: center; z-index: 1; } .nb-theme-corporate .nb-form-field-addon-disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate nb-form-field.nb-transition .nb-form-field-addon { transition-duration: 0.15s; transition-property: color; transition-timing-function: ease-in; } .nb-theme-corporate .nb-form-field-addon-basic { color: #8f9bb3; } .nb-theme-corporate .nb-form-field-addon-basic-highlight { color: #3366ff; } .nb-theme-corporate .nb-form-field-addon-primary { color: #3366ff; } .nb-theme-corporate .nb-form-field-addon-primary-highlight { color: #274bdb; } .nb-theme-corporate .nb-form-field-addon-success { color: #00d68f; } .nb-theme-corporate .nb-form-field-addon-success-highlight { color: #00b887; } .nb-theme-corporate .nb-form-field-addon-warning { color: #ffaa00; } .nb-theme-corporate .nb-form-field-addon-warning-highlight { color: #db8b00; } .nb-theme-corporate .nb-form-field-addon-danger { color: #ff3d71; } .nb-theme-corporate .nb-form-field-addon-danger-highlight { color: #db2c66; } .nb-theme-corporate .nb-form-field-addon-info { color: #0095ff; } .nb-theme-corporate .nb-form-field-addon-info-highlight { color: #006fd6; } .nb-theme-corporate .nb-form-field-addon-control { color: #ffffff; } .nb-theme-corporate .nb-form-field-addon-control-highlight { color: #ffffff; } .nb-theme-corporate .nb-form-field-limited-width.nb-form-field-size-tiny { max-width: 20rem; } .nb-theme-corporate .nb-form-field-prefix-tiny, .nb-theme-corporate .nb-form-field-suffix-tiny { height: 1.5rem; width: 1.5rem; font-size: 0.625rem; line-height: 0.75rem; font-weight: 700; } .nb-theme-corporate .nb-form-field-prefix-tiny nb-icon, .nb-theme-corporate .nb-form-field-suffix-tiny nb-icon { font-size: 0.75rem; line-height: 0.75rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-prefix-tiny { margin-right: calc(1.5rem * -1); } [dir=rtl] .nb-theme-corporate .nb-form-field-prefix-tiny { margin-left: calc(1.5rem * -1); } [dir=ltr] .nb-theme-corporate .nb-form-field-suffix-tiny { margin-left: calc(1.5rem * -1); } [dir=rtl] .nb-theme-corporate .nb-form-field-suffix-tiny { margin-right: calc(1.5rem * -1); } .nb-theme-corporate .nb-form-field-limited-width.nb-form-field-size-small { max-width: 20rem; } .nb-theme-corporate .nb-form-field-prefix-small, .nb-theme-corporate .nb-form-field-suffix-small { height: 2rem; width: 2rem; font-size: 0.75rem; line-height: 1rem; font-weight: 700; } .nb-theme-corporate .nb-form-field-prefix-small nb-icon, .nb-theme-corporate .nb-form-field-suffix-small nb-icon { font-size: 1rem; line-height: 1rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-prefix-small { margin-right: calc(2rem * -1); } [dir=rtl] .nb-theme-corporate .nb-form-field-prefix-small { margin-left: calc(2rem * -1); } [dir=ltr] .nb-theme-corporate .nb-form-field-suffix-small { margin-left: calc(2rem * -1); } [dir=rtl] .nb-theme-corporate .nb-form-field-suffix-small { margin-right: calc(2rem * -1); } .nb-theme-corporate .nb-form-field-limited-width.nb-form-field-size-medium { max-width: 20rem; } .nb-theme-corporate .nb-form-field-prefix-medium, .nb-theme-corporate .nb-form-field-suffix-medium { height: 2.5rem; width: 2.5rem; font-size: 0.875rem; line-height: 1rem; font-weight: 700; } .nb-theme-corporate .nb-form-field-prefix-medium nb-icon, .nb-theme-corporate .nb-form-field-suffix-medium nb-icon { font-size: 1.25rem; line-height: 1.25rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-prefix-medium { margin-right: calc(2.5rem * -1); } [dir=rtl] .nb-theme-corporate .nb-form-field-prefix-medium { margin-left: calc(2.5rem * -1); } [dir=ltr] .nb-theme-corporate .nb-form-field-suffix-medium { margin-left: calc(2.5rem * -1); } [dir=rtl] .nb-theme-corporate .nb-form-field-suffix-medium { margin-right: calc(2.5rem * -1); } .nb-theme-corporate .nb-form-field-limited-width.nb-form-field-size-large { max-width: 30rem; } .nb-theme-corporate .nb-form-field-prefix-large, .nb-theme-corporate .nb-form-field-suffix-large { height: 3rem; width: 3rem; font-size: 1rem; line-height: 1.25rem; font-weight: 700; } .nb-theme-corporate .nb-form-field-prefix-large nb-icon, .nb-theme-corporate .nb-form-field-suffix-large nb-icon { font-size: 1.5rem; line-height: 1.5rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-prefix-large { margin-right: calc(3rem * -1); } [dir=rtl] .nb-theme-corporate .nb-form-field-prefix-large { margin-left: calc(3rem * -1); } [dir=ltr] .nb-theme-corporate .nb-form-field-suffix-large { margin-left: calc(3rem * -1); } [dir=rtl] .nb-theme-corporate .nb-form-field-suffix-large { margin-right: calc(3rem * -1); } .nb-theme-corporate .nb-form-field-limited-width.nb-form-field-size-giant { max-width: 30rem; } .nb-theme-corporate .nb-form-field-prefix-giant, .nb-theme-corporate .nb-form-field-suffix-giant { height: 3.5rem; width: 3.5rem; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; } .nb-theme-corporate .nb-form-field-prefix-giant nb-icon, .nb-theme-corporate .nb-form-field-suffix-giant nb-icon { font-size: 1.5rem; line-height: 1.5rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-prefix-giant { margin-right: calc(3.5rem * -1); } [dir=rtl] .nb-theme-corporate .nb-form-field-prefix-giant { margin-left: calc(3.5rem * -1); } [dir=ltr] .nb-theme-corporate .nb-form-field-suffix-giant { margin-left: calc(3.5rem * -1); } [dir=rtl] .nb-theme-corporate .nb-form-field-suffix-giant { margin-right: calc(3.5rem * -1); } .nb-theme-corporate nb-tag { border-style: solid; border-width: 0.0625rem; border-radius: 1.5rem; display: inline-flex; align-items: center; font-family: "Segoe UI"; text-transform: capitalize; cursor: default; } .nb-theme-corporate nb-tag.nb-transition { transition-duration: 0.15s; transition-property: background-color, border-color, color; transition-timing-function: ease-in; } .nb-theme-corporate nb-tag.size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.0625rem 0.9375rem; } .nb-theme-corporate nb-tag.size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.0625rem 0.9375rem; } .nb-theme-corporate nb-tag.size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.1875rem 0.9375rem; } .nb-theme-corporate nb-tag.size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.3125rem 0.9375rem; } .nb-theme-corporate nb-tag.size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.4375rem 0.9375rem; } .nb-theme-corporate nb-tag.appearance-filled.status-basic { background-color: #edf1f7; border-color: #edf1f7; color: #222b45; } .nb-theme-corporate nb-tag.appearance-filled.status-basic.selected { background-color: color-basic-actove; border-color: #e4e9f2; } .nb-theme-corporate nb-tag.appearance-filled.status-basic.active { background-color: #e4e9f2; border-color: #c5cee0; } .nb-theme-corporate nb-tag.appearance-filled.status-basic:hover { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-corporate nb-tag.appearance-filled.status-primary { background-color: #3366ff; border-color: #3366ff; color: #ffffff; } .nb-theme-corporate nb-tag.appearance-filled.status-primary.selected { background-color: color-primary-actove; border-color: #274bdb; } .nb-theme-corporate nb-tag.appearance-filled.status-primary.active { background-color: #274bdb; border-color: #1a34b8; } .nb-theme-corporate nb-tag.appearance-filled.status-primary:hover { background-color: #598bff; border-color: #598bff; } .nb-theme-corporate nb-tag.appearance-filled.status-success { background-color: #00d68f; border-color: #00d68f; color: #ffffff; } .nb-theme-corporate nb-tag.appearance-filled.status-success.selected { background-color: color-success-actove; border-color: #00b887; } .nb-theme-corporate nb-tag.appearance-filled.status-success.active { background-color: #00b887; border-color: #00997a; } .nb-theme-corporate nb-tag.appearance-filled.status-success:hover { background-color: #2ce69b; border-color: #2ce69b; } .nb-theme-corporate nb-tag.appearance-filled.status-warning { background-color: #ffaa00; border-color: #ffaa00; color: #ffffff; } .nb-theme-corporate nb-tag.appearance-filled.status-warning.selected { background-color: color-warning-actove; border-color: #db8b00; } .nb-theme-corporate nb-tag.appearance-filled.status-warning.active { background-color: #db8b00; border-color: #b86e00; } .nb-theme-corporate nb-tag.appearance-filled.status-warning:hover { background-color: #ffc94d; border-color: #ffc94d; } .nb-theme-corporate nb-tag.appearance-filled.status-danger { background-color: #ff3d71; border-color: #ff3d71; color: #ffffff; } .nb-theme-corporate nb-tag.appearance-filled.status-danger.selected { background-color: color-danger-actove; border-color: #db2c66; } .nb-theme-corporate nb-tag.appearance-filled.status-danger.active { background-color: #db2c66; border-color: #b81d5b; } .nb-theme-corporate nb-tag.appearance-filled.status-danger:hover { background-color: #ff708d; border-color: #ff708d; } .nb-theme-corporate nb-tag.appearance-filled.status-info { background-color: #0095ff; border-color: #0095ff; color: #ffffff; } .nb-theme-corporate nb-tag.appearance-filled.status-info.selected { background-color: color-info-actove; border-color: #006fd6; } .nb-theme-corporate nb-tag.appearance-filled.status-info.active { background-color: #006fd6; border-color: #0057c2; } .nb-theme-corporate nb-tag.appearance-filled.status-info:hover { background-color: #42aaff; border-color: #42aaff; } .nb-theme-corporate nb-tag.appearance-filled.status-control { background-color: #ffffff; border-color: #ffffff; color: #222b45; } .nb-theme-corporate nb-tag.appearance-filled.status-control.selected { background-color: color-control-actove; border-color: #edf1f7; } .nb-theme-corporate nb-tag.appearance-filled.status-control.active { background-color: #f7f9fc; border-color: #f7f9fc; } .nb-theme-corporate nb-tag.appearance-filled.status-control:hover { background-color: #edf1f7; border-color: #c5cee0; } .nb-theme-corporate nb-tag.appearance-outline.status-basic { background-color: rgba(143, 155, 179, 0.08); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-corporate nb-tag.appearance-outline.status-basic.selected { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-corporate nb-tag.appearance-outline.status-basic.active { background-color: rgba(143, 155, 179, 0.24); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-corporate nb-tag.appearance-outline.status-basic:hover { background-color: rgba(143, 155, 179, 0.16); border-color: #8f9bb3; color: #8f9bb3; } .nb-theme-corporate nb-tag.appearance-outline.status-primary { background-color: rgba(51, 102, 255, 0.08); border-color: #3366ff; color: #3366ff; } .nb-theme-corporate nb-tag.appearance-outline.status-primary.selected { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; color: #3366ff; } .nb-theme-corporate nb-tag.appearance-outline.status-primary.active { background-color: rgba(51, 102, 255, 0.24); border-color: #3366ff; color: #3366ff; } .nb-theme-corporate nb-tag.appearance-outline.status-primary:hover { background-color: rgba(51, 102, 255, 0.16); border-color: #3366ff; color: #3366ff; } .nb-theme-corporate nb-tag.appearance-outline.status-success { background-color: rgba(0, 214, 143, 0.08); border-color: #00d68f; color: #00d68f; } .nb-theme-corporate nb-tag.appearance-outline.status-success.selected { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-corporate nb-tag.appearance-outline.status-success.active { background-color: rgba(0, 214, 143, 0.24); border-color: #00d68f; color: #00d68f; } .nb-theme-corporate nb-tag.appearance-outline.status-success:hover { background-color: rgba(0, 214, 143, 0.16); border-color: #00d68f; color: #00d68f; } .nb-theme-corporate nb-tag.appearance-outline.status-warning { background-color: rgba(255, 170, 0, 0.08); border-color: #ffaa00; color: #ffaa00; } .nb-theme-corporate nb-tag.appearance-outline.status-warning.selected { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-corporate nb-tag.appearance-outline.status-warning.active { background-color: rgba(255, 170, 0, 0.24); border-color: #ffaa00; color: #ffaa00; } .nb-theme-corporate nb-tag.appearance-outline.status-warning:hover { background-color: rgba(255, 170, 0, 0.16); border-color: #ffaa00; color: #ffaa00; } .nb-theme-corporate nb-tag.appearance-outline.status-danger { background-color: rgba(255, 61, 113, 0.08); border-color: #ff3d71; color: #ff3d71; } .nb-theme-corporate nb-tag.appearance-outline.status-danger.selected { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-corporate nb-tag.appearance-outline.status-danger.active { background-color: rgba(255, 61, 113, 0.24); border-color: #ff3d71; color: #ff3d71; } .nb-theme-corporate nb-tag.appearance-outline.status-danger:hover { background-color: rgba(255, 61, 113, 0.16); border-color: #ff3d71; color: #ff3d71; } .nb-theme-corporate nb-tag.appearance-outline.status-info { background-color: rgba(0, 149, 255, 0.08); border-color: #0095ff; color: #0095ff; } .nb-theme-corporate nb-tag.appearance-outline.status-info.selected { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-corporate nb-tag.appearance-outline.status-info.active { background-color: rgba(0, 149, 255, 0.24); border-color: #0095ff; color: #0095ff; } .nb-theme-corporate nb-tag.appearance-outline.status-info:hover { background-color: rgba(0, 149, 255, 0.16); border-color: #0095ff; color: #0095ff; } .nb-theme-corporate nb-tag.appearance-outline.status-control { background-color: rgba(255, 255, 255, 0.08); border-color: #ffffff; color: #ffffff; } .nb-theme-corporate nb-tag.appearance-outline.status-control.selected { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-corporate nb-tag.appearance-outline.status-control.active { background-color: rgba(255, 255, 255, 0.24); border-color: #ffffff; color: #ffffff; } .nb-theme-corporate nb-tag.appearance-outline.status-control:hover { background-color: rgba(255, 255, 255, 0.16); border-color: #ffffff; color: #ffffff; } .nb-theme-corporate .nb-tag-remove { cursor: pointer; } .nb-theme-corporate .nb-tag-remove.size-tiny { font-size: 1rem; } [dir=ltr] .nb-theme-corporate .nb-tag-remove.size-tiny { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-corporate .nb-tag-remove.size-tiny { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-corporate .nb-tag-remove.size-small { font-size: 1.5rem; } [dir=ltr] .nb-theme-corporate .nb-tag-remove.size-small { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-corporate .nb-tag-remove.size-small { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-corporate .nb-tag-remove.size-medium { font-size: 1.5rem; } [dir=ltr] .nb-theme-corporate .nb-tag-remove.size-medium { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-corporate .nb-tag-remove.size-medium { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-corporate .nb-tag-remove.size-large { font-size: 1.5rem; } [dir=ltr] .nb-theme-corporate .nb-tag-remove.size-large { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-corporate .nb-tag-remove.size-large { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-corporate .nb-tag-remove.size-giant { font-size: 1.5rem; } [dir=ltr] .nb-theme-corporate .nb-tag-remove.size-giant { margin-left: 0.625rem; margin-right: -0.625rem; } [dir=rtl] .nb-theme-corporate .nb-tag-remove.size-giant { margin-right: 0.625rem; margin-left: -0.625rem; } .nb-theme-corporate nb-tag-list { display: inline-flex; outline: none; } .nb-theme-corporate nb-tag-list.size-tiny .nb-tag-list-tags-wrapper { margin: -0.0625rem; } .nb-theme-corporate nb-tag-list.size-tiny .nb-tag-list-tags-wrapper nb-tag, .nb-theme-corporate nb-tag-list.size-tiny .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.0625rem; } .nb-theme-corporate nb-tag-list.size-small .nb-tag-list-tags-wrapper { margin: -0.125rem; } .nb-theme-corporate nb-tag-list.size-small .nb-tag-list-tags-wrapper nb-tag, .nb-theme-corporate nb-tag-list.size-small .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.125rem; } .nb-theme-corporate nb-tag-list.size-medium .nb-tag-list-tags-wrapper { margin: -0.25rem; } .nb-theme-corporate nb-tag-list.size-medium .nb-tag-list-tags-wrapper nb-tag, .nb-theme-corporate nb-tag-list.size-medium .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.25rem; } .nb-theme-corporate nb-tag-list.size-large .nb-tag-list-tags-wrapper { margin: -0.375rem; } .nb-theme-corporate nb-tag-list.size-large .nb-tag-list-tags-wrapper nb-tag, .nb-theme-corporate nb-tag-list.size-large .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.375rem; } .nb-theme-corporate nb-tag-list.size-giant .nb-tag-list-tags-wrapper { margin: -0.5rem; } .nb-theme-corporate nb-tag-list.size-giant .nb-tag-list-tags-wrapper nb-tag, .nb-theme-corporate nb-tag-list.size-giant .nb-tag-list-tags-wrapper .nb-tag-input { margin: 0.5rem; } .nb-theme-corporate .nb-tag-list-tags-wrapper { display: inline-flex; align-items: center; align-content: center; flex-wrap: wrap; flex: 1; } .nb-theme-corporate .nb-tag-list-with-input { border-style: solid; border-width: 1px; font-family: "Segoe UI"; -moz-appearance: none; appearance: none; } .nb-theme-corporate .nb-tag-list-with-input.nb-transition { transition-duration: 0.15s; transition-property: border, background-color, color, box-shadow; transition-timing-function: ease-in; } .nb-theme-corporate .nb-tag-list-with-input::-moz-placeholder { font-family: "Segoe UI"; text-overflow: ellipsis; } .nb-theme-corporate .nb-tag-list-with-input:-ms-input-placeholder { font-family: "Segoe UI"; text-overflow: ellipsis; } .nb-theme-corporate .nb-tag-list-with-input::placeholder { font-family: "Segoe UI"; text-overflow: ellipsis; } .nb-theme-corporate .nb-tag-list-with-input:focus { outline: none; } .nb-theme-corporate .nb-tag-list-with-input.input-full-width { width: 100%; } .nb-theme-corporate .nb-tag-list-with-input.shape-rectangle { border-radius: 0.17rem; } .nb-theme-corporate .nb-tag-list-with-input.shape-semi-round { border-radius: 0.75rem; } .nb-theme-corporate .nb-tag-list-with-input.shape-round { border-radius: 1.5rem; } .nb-theme-corporate .nb-tag-list-with-input.size-tiny { padding: 0.0625rem 1rem; } .nb-theme-corporate .nb-tag-list-with-input.size-small { padding: 0.0625rem 1rem; } .nb-theme-corporate .nb-tag-list-with-input.size-medium { padding: 0.1875rem 1rem; } .nb-theme-corporate .nb-tag-list-with-input.size-large { padding: 0.3125rem 1rem; } .nb-theme-corporate .nb-tag-list-with-input.size-giant { padding: 0.4375rem 1rem; } .nb-theme-corporate .nb-tag-list-with-input.status-basic { background-color: #f7f9fc; border-color: #e4e9f2; } .nb-theme-corporate .nb-tag-list-with-input.status-basic.focus { background-color: #ffffff; border-color: #3366ff; } .nb-theme-corporate .nb-tag-list-with-input.status-primary { background-color: #f7f9fc; border-color: #3366ff; } .nb-theme-corporate .nb-tag-list-with-input.status-primary.focus { background-color: #ffffff; border-color: #1a34b8; } .nb-theme-corporate .nb-tag-list-with-input.status-success { background-color: #f7f9fc; border-color: #00d68f; } .nb-theme-corporate .nb-tag-list-with-input.status-success.focus { background-color: #ffffff; border-color: #00997a; } .nb-theme-corporate .nb-tag-list-with-input.status-warning { background-color: #f7f9fc; border-color: #ffaa00; } .nb-theme-corporate .nb-tag-list-with-input.status-warning.focus { background-color: #ffffff; border-color: #b86e00; } .nb-theme-corporate .nb-tag-list-with-input.status-danger { background-color: #f7f9fc; border-color: #ff3d71; } .nb-theme-corporate .nb-tag-list-with-input.status-danger.focus { background-color: #ffffff; border-color: #b81d5b; } .nb-theme-corporate .nb-tag-list-with-input.status-info { background-color: #f7f9fc; border-color: #0095ff; } .nb-theme-corporate .nb-tag-list-with-input.status-info.focus { background-color: #ffffff; border-color: #0057c2; } .nb-theme-corporate .nb-tag-list-with-input.status-control { background-color: rgba(255, 255, 255, 0.24); border-color: rgba(255, 255, 255, 0.4); } .nb-theme-corporate .nb-tag-list-with-input.status-control.focus { background-color: rgba(255, 255, 255, 0.4); border-color: #ffffff; } .nb-theme-corporate nb-form-field nb-tag-list { width: 100%; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-left: 1.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-tiny { padding-right: 1.5rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-right: 1.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-tiny { padding-left: 1.5rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-left: 2rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-small { padding-right: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-right: 2rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-small { padding-left: 2rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-left: 2.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-medium { padding-right: 2.5rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-right: 2.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-medium { padding-left: 2.5rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-left: 3rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-large { padding-right: 3rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-right: 3rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-large { padding-left: 3rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-left: 3.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-prefix .nb-tag-list-with-input.size-giant { padding-right: 3.5rem; } [dir=ltr] .nb-theme-corporate .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-right: 3.5rem; } [dir=rtl] .nb-theme-corporate .nb-form-field-control-with-suffix .nb-tag-list-with-input.size-giant { padding-left: 3.5rem; } .nb-theme-corporate .nb-tag-input { -moz-appearance: none; appearance: none; border: transparent; background: transparent; outline: none; flex: 1; padding: 0; min-width: 6rem; font-family: "Segoe UI"; } .nb-theme-corporate .nb-tag-input::-moz-placeholder { font-family: "Segoe UI"; } .nb-theme-corporate .nb-tag-input:-ms-input-placeholder { font-family: "Segoe UI"; } .nb-theme-corporate .nb-tag-input::placeholder { font-family: "Segoe UI"; } .nb-theme-corporate .nb-tag-input.size-tiny { font-size: 0.75rem; font-weight: 600; line-height: 1rem; padding: 0.125rem 0; } .nb-theme-corporate .nb-tag-input.size-tiny::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-tiny:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-tiny::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-small { font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; padding: 0.125rem 0; } .nb-theme-corporate .nb-tag-input.size-small::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-small:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-small::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-medium { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.25rem 0; } .nb-theme-corporate .nb-tag-input.size-medium::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-medium:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-medium::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-large { font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; padding: 0.375rem 0; } .nb-theme-corporate .nb-tag-input.size-large::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-large:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-large::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-giant { font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; padding: 0.5rem 0; } .nb-theme-corporate .nb-tag-input.size-giant::-moz-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-giant:-ms-input-placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.size-giant::placeholder { font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .nb-tag-input.status-basic { color: #222b45; } .nb-theme-corporate .nb-tag-input.status-basic::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-basic:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-basic::placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-basic:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-basic:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-basic:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-basic:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-primary { color: #222b45; } .nb-theme-corporate .nb-tag-input.status-primary::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-primary:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-primary::placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-primary:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-primary:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-primary:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-primary:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-success { color: #222b45; } .nb-theme-corporate .nb-tag-input.status-success::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-success:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-success::placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-success:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-success:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-success:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-success:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-warning { color: #222b45; } .nb-theme-corporate .nb-tag-input.status-warning::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-warning:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-warning::placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-warning:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-warning:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-warning:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-warning:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-danger { color: #222b45; } .nb-theme-corporate .nb-tag-input.status-danger::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-danger:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-danger::placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-danger:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-danger:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-danger:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-danger:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-info { color: #222b45; } .nb-theme-corporate .nb-tag-input.status-info::-moz-placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-info:-ms-input-placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-info::placeholder { color: #8f9bb3; } .nb-theme-corporate .nb-tag-input.status-info:disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-info:disabled::-moz-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-info:disabled:-ms-input-placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-info:disabled::placeholder { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .nb-tag-input.status-control { color: #ffffff; } .nb-theme-corporate .nb-tag-input.status-control::-moz-placeholder { color: #ffffff; } .nb-theme-corporate .nb-tag-input.status-control:-ms-input-placeholder { color: #ffffff; } .nb-theme-corporate .nb-tag-input.status-control::placeholder { color: #ffffff; } .nb-theme-corporate .nb-tag-input.status-control:disabled { color: #ffffff; } .nb-theme-corporate .nb-tag-input.status-control:disabled::-moz-placeholder { color: #ffffff; } .nb-theme-corporate .nb-tag-input.status-control:disabled:-ms-input-placeholder { color: #ffffff; } .nb-theme-corporate .nb-tag-input.status-control:disabled::placeholder { color: #ffffff; } .nb-theme-corporate body { color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate h1, .nb-theme-corporate h2, .nb-theme-corporate h3, .nb-theme-corporate h4, .nb-theme-corporate h5, .nb-theme-corporate h6, .nb-theme-corporate .h1, .nb-theme-corporate .h2, .nb-theme-corporate .h3, .nb-theme-corporate .h4, .nb-theme-corporate .h5, .nb-theme-corporate .h6 { color: #222b45; } .nb-theme-corporate h1, .nb-theme-corporate .h1 { font-size: 2.25rem; font-family: "Segoe UI"; font-weight: 700; line-height: 3rem; } .nb-theme-corporate h2, .nb-theme-corporate .h2 { font-size: 2rem; font-family: "Segoe UI"; font-weight: 700; line-height: 2.5rem; } .nb-theme-corporate h3, .nb-theme-corporate .h3 { font-size: 1.875rem; font-family: "Segoe UI"; font-weight: 700; line-height: 2.5rem; } .nb-theme-corporate h4, .nb-theme-corporate .h4 { font-size: 1.625rem; font-family: "Segoe UI"; font-weight: 700; line-height: 2rem; } .nb-theme-corporate h5, .nb-theme-corporate .h5 { font-size: 1.375rem; font-family: "Segoe UI"; font-weight: 700; line-height: 2rem; } .nb-theme-corporate h6, .nb-theme-corporate .h6 { font-size: 1.125rem; font-family: "Segoe UI"; font-weight: 700; line-height: 1.5rem; } .nb-theme-corporate .subtitle, .nb-theme-corporate .subtitle-2 { color: #222b45; } .nb-theme-corporate .subtitle { font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate .subtitle-2 { font-family: "Segoe UI"; font-size: 0.8125rem; font-weight: 600; line-height: 1.5rem; } .nb-theme-corporate p, .nb-theme-corporate .paragraph { color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .paragraph-2 { color: #222b45; font-family: "Segoe UI"; font-size: 0.8125rem; font-weight: 400; line-height: 1.125rem; } .nb-theme-corporate a { color: #3366ff; text-decoration: underline; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; } .nb-theme-corporate a:focus { color: #274bdb; } .nb-theme-corporate a:hover { color: #598bff; } .nb-theme-corporate a.link-control, .nb-theme-corporate a.link-control:hover { color: #ffffff; } .nb-theme-corporate a.link-alternate, .nb-theme-corporate a.link-alternate:hover { color: #ffffff; } .nb-theme-corporate .label { color: #8f9bb3; font-family: "Segoe UI"; font-size: 0.75rem; font-weight: 700; line-height: 1rem; } .nb-theme-corporate .caption { font-family: "Segoe UI"; font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .nb-theme-corporate .caption-2 { font-family: "Segoe UI"; font-size: 0.75rem; font-weight: 600; line-height: 1rem; } .nb-theme-corporate .caption, .nb-theme-corporate .caption-2 { color: #8f9bb3; } .nb-theme-corporate .caption.status-basic, .nb-theme-corporate .caption-2.status-basic { color: #222b45; } .nb-theme-corporate .caption.status-primary, .nb-theme-corporate .caption-2.status-primary { color: #3366ff; } .nb-theme-corporate .caption.status-success, .nb-theme-corporate .caption-2.status-success { color: #00d68f; } .nb-theme-corporate .caption.status-warning, .nb-theme-corporate .caption-2.status-warning { color: #ffaa00; } .nb-theme-corporate .caption.status-danger, .nb-theme-corporate .caption-2.status-danger { color: #ff3d71; } .nb-theme-corporate .caption.status-info, .nb-theme-corporate .caption-2.status-info { color: #0095ff; } .nb-theme-corporate .caption.status-control, .nb-theme-corporate .caption-2.status-control { color: #ffffff; } .nb-theme-corporate li { color: #222b45; font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; } .nb-theme-corporate .text-alternate { color: #ffffff; } .nb-theme-corporate .text-disabled { color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate .text-hint { color: #8f9bb3; } .nb-theme-corporate .text-basic { color: #222b45; } .nb-theme-corporate .text-primary { color: #3366ff; } .nb-theme-corporate .text-success { color: #00d68f; } .nb-theme-corporate .text-warning { color: #ffaa00; } .nb-theme-corporate .text-danger { color: #ff3d71; } .nb-theme-corporate .text-info { color: #0095ff; } .nb-theme-corporate .text-control { color: #ffffff; } .nb-theme-corporate ng2-smart-table table tr th, .nb-theme-corporate ng2-smart-table table tr th a { font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; color: #222b45; } .nb-theme-corporate ng2-smart-table table tr td { font-family: "Segoe UI"; font-size: 0.9375rem; font-weight: 400; line-height: 1.25rem; color: #222b45; } .nb-theme-corporate ng2-smart-table table tr th, .nb-theme-corporate ng2-smart-table table tr td { position: relative; padding: 0.875rem 1.25rem; border: 1px solid #AAAAAA; vertical-align: middle; } .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th { padding: 0.875rem 1.25rem; } [dir=ltr] .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th { padding-right: 1.75rem; } [dir=rtl] .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th { padding-left: 1.75rem; } .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a:hover, .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a:active, .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a:visited { color: #222b45; text-decoration: none; } .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a.sort.asc, .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a.sort.desc { font-weight: 400; } .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { border-bottom-color: #222b45; border-width: 0.375rem; position: absolute; margin: 0; top: 50%; transform: translate(0, -50%); } [dir=ltr] .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=ltr] .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { right: 0.75rem; } [dir=rtl] .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a.sort.asc::after, [dir=rtl] .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a.sort.desc::after { left: 0.75rem; } .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a.sort.asc.desc::after, .nb-theme-corporate ng2-smart-table table tr.ng2-smart-titles th a.sort.desc.desc::after { transform: translate(0, -50%) rotate(180deg); } .nb-theme-corporate ng2-smart-table thead tr { background: #ffffff; } .nb-theme-corporate ng2-smart-table thead tr.ng2-smart-filters th { padding: 0.375rem 0.5rem; } .nb-theme-corporate ng2-smart-table thead tr.ng2-smart-filters th .ng2-smart-filter input { line-height: 1.25rem; } .nb-theme-corporate ng2-smart-table tbody tr.selected, .nb-theme-corporate ng2-smart-table tbody tr:hover { background: #edf1f7 !important; } .nb-theme-corporate ng2-smart-table tbody tr:nth-child(2n) { background-color: #f7f9fc; } .nb-theme-corporate ng2-smart-table th.ng2-smart-actions-title-add a { display: flex; align-items: center; justify-content: center; font-size: 1.75rem !important; padding: 0.375rem 0.5rem; border-color: #3366ff; background-color: #3366ff; color: #ffffff; border-radius: 0.375rem; } .nb-theme-corporate ng2-smart-table th.ng2-smart-actions-title-add a:focus { border-color: #1a34b8; } .nb-theme-corporate ng2-smart-table th.ng2-smart-actions-title-add a:hover { text-decoration: none; background-color: #598bff; border-color: #598bff; } .nb-theme-corporate ng2-smart-table th.ng2-smart-actions-title-add a:active { background-color: #274bdb; border-color: #274bdb; } .nb-theme-corporate ng2-smart-table .ng2-smart-actions { padding: 0; height: 1px; } .nb-theme-corporate ng2-smart-table .ng2-smart-actions ng2-st-tbody-edit-delete, .nb-theme-corporate ng2-smart-table .ng2-smart-actions ng2-st-tbody-create-cancel, .nb-theme-corporate ng2-smart-table .ng2-smart-actions ng2-st-actions { display: flex; height: 100%; } .nb-theme-corporate ng2-smart-table .ng2-smart-actions a.ng2-smart-action { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; font-size: 2rem !important; color: #222b45; } .nb-theme-corporate ng2-smart-table .ng2-smart-actions a.ng2-smart-action:not(:last-child) { border-right: 1px solid #AAAAAA; } .nb-theme-corporate ng2-smart-table .ng2-smart-actions a.ng2-smart-action:hover { text-decoration: none; } .nb-theme-corporate ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-create:hover, .nb-theme-corporate ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-edit:hover, .nb-theme-corporate ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-save:hover { color: #3366ff; } .nb-theme-corporate ng2-smart-table .ng2-smart-actions .ng2-smart-action-add-cancel:hover, .nb-theme-corporate ng2-smart-table .ng2-smart-actions .ng2-smart-action-delete-delete:hover, .nb-theme-corporate ng2-smart-table .ng2-smart-actions .ng2-smart-action-edit-cancel:hover { color: #ff3d71; } .nb-theme-corporate ng2-smart-table table-cell-edit-mode { display: block; margin: -7.5px -12px; } .nb-theme-corporate ng2-smart-table ng2-smart-table-pager { display: block; } .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav { display: flex; justify-content: center; margin-top: 1.25rem; } .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination { display: flex; padding: 0; } .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link, .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:focus, .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .ng2-smart-pagination .page-item.disabled .page-link:hover { background-color: transparent; color: rgba(143, 155, 179, 0.48); } .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination { font-family: "Segoe UI"; font-size: 0.875rem; line-height: 1rem; border: #AAAAAA solid 1px; border-radius: 0.17rem; } .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li { overflow: hidden; } [dir=ltr] .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-right: 1px solid #AAAAAA; } [dir=rtl] .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:not(:last-child) { border-left: 1px solid #AAAAAA; } .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-prev, .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a.page-link-next { font-size: 0.875rem; line-height: 1rem; } .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a, .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span { font-size: 0.875rem; line-height: 1rem; background-color: transparent; color: #3366ff; padding: 0.75rem 1.25rem; border: none; } .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:focus, .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:focus { border-color: #3366ff; color: #3366ff; } .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li a:hover, .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li > span:hover { background-color: transparent; border-color: #3366ff; color: #3366ff; text-decoration: none; } [dir=ltr] .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=ltr] .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-left-radius: 0.17rem; border-bottom-left-radius: 0.17rem; } [dir=rtl] .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child a, [dir=rtl] .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:first-child > span { border-top-right-radius: 0.17rem; border-bottom-right-radius: 0.17rem; } [dir=ltr] .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=ltr] .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-right-radius: 0.17rem; border-bottom-right-radius: 0.17rem; } [dir=rtl] .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child a, [dir=rtl] .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li:last-child > span { border-top-left-radius: 0.17rem; border-bottom-left-radius: 0.17rem; } .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a, .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:hover, .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active a:focus, .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span, .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:hover, .nb-theme-corporate ng2-smart-table nav.ng2-smart-pagination-nav .pagination li.active > span:focus { color: #ffffff; background-color: #3366ff; } @media (max-width: 575.98px) { .nb-theme-corporate .row { margin-left: -10px; margin-right: -10px; } } .nb-theme-corporate .pace .pace-progress { background: #3366ff; } .nb-theme-corporate .pace .pace-progress-inner { box-shadow: 0 0 10px #3366ff, 0 0 5px #3366ff; } .nb-theme-corporate .pace .pace-activity { display: none; } .nb-theme-corporate nb-select.size-medium button { padding: 0.4375rem 2.2rem 0.4375rem 1.125rem !important; } .nb-theme-corporate nb-select.size-medium button nb-icon { right: 0.41rem !important; } /* Importing Bootstrap SCSS file. */ /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-is: 400px; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1400px; --breakpoint-xxxl: 1600px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.775rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: none; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 400px) { .container { max-width: 380px; } } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1400px) { .container { max-width: 1320px; } } @media (min-width: 1600px) { .container { max-width: 1500px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-is-1, .col-is-2, .col-is-3, .col-is-4, .col-is-5, .col-is-6, .col-is-7, .col-is-8, .col-is-9, .col-is-10, .col-is-11, .col-is-12, .col-is, .col-is-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxl, .col-xxxl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 400px) { .col-is { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-is-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-is-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-is-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-is-3 { flex: 0 0 25%; max-width: 25%; } .col-is-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-is-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-is-6 { flex: 0 0 50%; max-width: 50%; } .col-is-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-is-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-is-9 { flex: 0 0 75%; max-width: 75%; } .col-is-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-is-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-is-12 { flex: 0 0 100%; max-width: 100%; } .order-is-first { order: -1; } .order-is-last { order: 13; } .order-is-0 { order: 0; } .order-is-1 { order: 1; } .order-is-2 { order: 2; } .order-is-3 { order: 3; } .order-is-4 { order: 4; } .order-is-5 { order: 5; } .order-is-6 { order: 6; } .order-is-7 { order: 7; } .order-is-8 { order: 8; } .order-is-9 { order: 9; } .order-is-10 { order: 10; } .order-is-11 { order: 11; } .order-is-12 { order: 12; } .offset-is-0 { margin-left: 0; } .offset-is-1 { margin-left: 8.33333333%; } .offset-is-2 { margin-left: 16.66666667%; } .offset-is-3 { margin-left: 25%; } .offset-is-4 { margin-left: 33.33333333%; } .offset-is-5 { margin-left: 41.66666667%; } .offset-is-6 { margin-left: 50%; } .offset-is-7 { margin-left: 58.33333333%; } .offset-is-8 { margin-left: 66.66666667%; } .offset-is-9 { margin-left: 75%; } .offset-is-10 { margin-left: 83.33333333%; } .offset-is-11 { margin-left: 91.66666667%; } } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } @media (min-width: 1400px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xxl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xxl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xxl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xxl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } } @media (min-width: 1600px) { .col-xxxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xxxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxxl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xxxl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxxl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xxxl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xxxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxxl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xxxl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xxxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxxl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xxxl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xxxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxxl-first { order: -1; } .order-xxxl-last { order: 13; } .order-xxxl-0 { order: 0; } .order-xxxl-1 { order: 1; } .order-xxxl-2 { order: 2; } .order-xxxl-3 { order: 3; } .order-xxxl-4 { order: 4; } .order-xxxl-5 { order: 5; } .order-xxxl-6 { order: 6; } .order-xxxl-7 { order: 7; } .order-xxxl-8 { order: 8; } .order-xxxl-9 { order: 9; } .order-xxxl-10 { order: 10; } .order-xxxl-11 { order: 11; } .order-xxxl-12 { order: 12; } .offset-xxxl-0 { margin-left: 0; } .offset-xxxl-1 { margin-left: 8.33333333%; } .offset-xxxl-2 { margin-left: 16.66666667%; } .offset-xxxl-3 { margin-left: 25%; } .offset-xxxl-4 { margin-left: 33.33333333%; } .offset-xxxl-5 { margin-left: 41.66666667%; } .offset-xxxl-6 { margin-left: 50%; } .offset-xxxl-7 { margin-left: 58.33333333%; } .offset-xxxl-8 { margin-left: 66.66666667%; } .offset-xxxl-9 { margin-left: 75%; } .offset-xxxl-10 { margin-left: 83.33333333%; } .offset-xxxl-11 { margin-left: 91.66666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 399.98px) { .table-responsive-is { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-is > .table-bordered { border: 0; } } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1399.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxl > .table-bordered { border: 0; } } @media (max-width: 1599.98px) { .table-responsive-xxxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 400px) { .dropdown-menu-is-left { right: auto; left: 0; } .dropdown-menu-is-right { right: 0; left: auto; } } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-left { right: auto; left: 0; } .dropdown-menu-xxl-right { right: 0; left: auto; } } @media (min-width: 1600px) { .dropdown-menu-xxxl-left { right: auto; left: 0; } .dropdown-menu-xxxl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.1625rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.08125rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.08125rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.08125rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 399.98px) { .navbar-expand-is > .container, .navbar-expand-is > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 400px) { .navbar-expand-is { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-is .navbar-nav { flex-direction: row; } .navbar-expand-is .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-is .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-is > .container, .navbar-expand-is > .container-fluid { flex-wrap: nowrap; } .navbar-expand-is .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-is .navbar-toggler { display: none; } } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (max-width: 1399.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } @media (max-width: 1599.98px) { .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1600px) { .navbar-expand-xxxl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xxxl .navbar-nav { flex-direction: row; } .navbar-expand-xxxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xxxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxxl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } @media (min-width: 400px) { .list-group-horizontal-is { flex-direction: row; } .list-group-horizontal-is .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-is .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-is .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xxl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 1600px) { .list-group-horizontal-xxxl { flex-direction: row; } .list-group-horizontal-xxxl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xxxl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxxl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.775rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #d4d4d4 !important; } .border-top { border-top: 1px solid #d4d4d4 !important; } .border-right { border-right: 1px solid #d4d4d4 !important; } .border-bottom { border-bottom: 1px solid #d4d4d4 !important; } .border-left { border-left: 1px solid #d4d4d4 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 400px) { .d-is-none { display: none !important; } .d-is-inline { display: inline !important; } .d-is-inline-block { display: inline-block !important; } .d-is-block { display: block !important; } .d-is-table { display: table !important; } .d-is-table-row { display: table-row !important; } .d-is-table-cell { display: table-cell !important; } .d-is-flex { display: flex !important; } .d-is-inline-flex { display: inline-flex !important; } } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1400px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } } @media (min-width: 1600px) { .d-xxxl-none { display: none !important; } .d-xxxl-inline { display: inline !important; } .d-xxxl-inline-block { display: inline-block !important; } .d-xxxl-block { display: block !important; } .d-xxxl-table { display: table !important; } .d-xxxl-table-row { display: table-row !important; } .d-xxxl-table-cell { display: table-cell !important; } .d-xxxl-flex { display: flex !important; } .d-xxxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .embed-responsive-21by9::before { padding-top: 42.85714286%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 400px) { .flex-is-row { flex-direction: row !important; } .flex-is-column { flex-direction: column !important; } .flex-is-row-reverse { flex-direction: row-reverse !important; } .flex-is-column-reverse { flex-direction: column-reverse !important; } .flex-is-wrap { flex-wrap: wrap !important; } .flex-is-nowrap { flex-wrap: nowrap !important; } .flex-is-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-is-fill { flex: 1 1 auto !important; } .flex-is-grow-0 { flex-grow: 0 !important; } .flex-is-grow-1 { flex-grow: 1 !important; } .flex-is-shrink-0 { flex-shrink: 0 !important; } .flex-is-shrink-1 { flex-shrink: 1 !important; } .justify-content-is-start { justify-content: flex-start !important; } .justify-content-is-end { justify-content: flex-end !important; } .justify-content-is-center { justify-content: center !important; } .justify-content-is-between { justify-content: space-between !important; } .justify-content-is-around { justify-content: space-around !important; } .align-items-is-start { align-items: flex-start !important; } .align-items-is-end { align-items: flex-end !important; } .align-items-is-center { align-items: center !important; } .align-items-is-baseline { align-items: baseline !important; } .align-items-is-stretch { align-items: stretch !important; } .align-content-is-start { align-content: flex-start !important; } .align-content-is-end { align-content: flex-end !important; } .align-content-is-center { align-content: center !important; } .align-content-is-between { align-content: space-between !important; } .align-content-is-around { align-content: space-around !important; } .align-content-is-stretch { align-content: stretch !important; } .align-self-is-auto { align-self: auto !important; } .align-self-is-start { align-self: flex-start !important; } .align-self-is-end { align-self: flex-end !important; } .align-self-is-center { align-self: center !important; } .align-self-is-baseline { align-self: baseline !important; } .align-self-is-stretch { align-self: stretch !important; } } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1400px) { .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } } @media (min-width: 1600px) { .flex-xxxl-row { flex-direction: row !important; } .flex-xxxl-column { flex-direction: column !important; } .flex-xxxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxxl-wrap { flex-wrap: wrap !important; } .flex-xxxl-nowrap { flex-wrap: nowrap !important; } .flex-xxxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxxl-fill { flex: 1 1 auto !important; } .flex-xxxl-grow-0 { flex-grow: 0 !important; } .flex-xxxl-grow-1 { flex-grow: 1 !important; } .flex-xxxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxxl-start { justify-content: flex-start !important; } .justify-content-xxxl-end { justify-content: flex-end !important; } .justify-content-xxxl-center { justify-content: center !important; } .justify-content-xxxl-between { justify-content: space-between !important; } .justify-content-xxxl-around { justify-content: space-around !important; } .align-items-xxxl-start { align-items: flex-start !important; } .align-items-xxxl-end { align-items: flex-end !important; } .align-items-xxxl-center { align-items: center !important; } .align-items-xxxl-baseline { align-items: baseline !important; } .align-items-xxxl-stretch { align-items: stretch !important; } .align-content-xxxl-start { align-content: flex-start !important; } .align-content-xxxl-end { align-content: flex-end !important; } .align-content-xxxl-center { align-content: center !important; } .align-content-xxxl-between { align-content: space-between !important; } .align-content-xxxl-around { align-content: space-around !important; } .align-content-xxxl-stretch { align-content: stretch !important; } .align-self-xxxl-auto { align-self: auto !important; } .align-self-xxxl-start { align-self: flex-start !important; } .align-self-xxxl-end { align-self: flex-end !important; } .align-self-xxxl-center { align-self: center !important; } .align-self-xxxl-baseline { align-self: baseline !important; } .align-self-xxxl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 400px) { .float-is-left { float: left !important; } .float-is-right { float: right !important; } .float-is-none { float: none !important; } } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1400px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } @media (min-width: 1600px) { .float-xxxl-left { float: left !important; } .float-xxxl-right { float: right !important; } .float-xxxl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 400px) { .m-is-0 { margin: 0 !important; } .mt-is-0, .my-is-0 { margin-top: 0 !important; } .mr-is-0, .mx-is-0 { margin-right: 0 !important; } .mb-is-0, .my-is-0 { margin-bottom: 0 !important; } .ml-is-0, .mx-is-0 { margin-left: 0 !important; } .m-is-1 { margin: 0.25rem !important; } .mt-is-1, .my-is-1 { margin-top: 0.25rem !important; } .mr-is-1, .mx-is-1 { margin-right: 0.25rem !important; } .mb-is-1, .my-is-1 { margin-bottom: 0.25rem !important; } .ml-is-1, .mx-is-1 { margin-left: 0.25rem !important; } .m-is-2 { margin: 0.5rem !important; } .mt-is-2, .my-is-2 { margin-top: 0.5rem !important; } .mr-is-2, .mx-is-2 { margin-right: 0.5rem !important; } .mb-is-2, .my-is-2 { margin-bottom: 0.5rem !important; } .ml-is-2, .mx-is-2 { margin-left: 0.5rem !important; } .m-is-3 { margin: 1rem !important; } .mt-is-3, .my-is-3 { margin-top: 1rem !important; } .mr-is-3, .mx-is-3 { margin-right: 1rem !important; } .mb-is-3, .my-is-3 { margin-bottom: 1rem !important; } .ml-is-3, .mx-is-3 { margin-left: 1rem !important; } .m-is-4 { margin: 1.5rem !important; } .mt-is-4, .my-is-4 { margin-top: 1.5rem !important; } .mr-is-4, .mx-is-4 { margin-right: 1.5rem !important; } .mb-is-4, .my-is-4 { margin-bottom: 1.5rem !important; } .ml-is-4, .mx-is-4 { margin-left: 1.5rem !important; } .m-is-5 { margin: 3rem !important; } .mt-is-5, .my-is-5 { margin-top: 3rem !important; } .mr-is-5, .mx-is-5 { margin-right: 3rem !important; } .mb-is-5, .my-is-5 { margin-bottom: 3rem !important; } .ml-is-5, .mx-is-5 { margin-left: 3rem !important; } .p-is-0 { padding: 0 !important; } .pt-is-0, .py-is-0 { padding-top: 0 !important; } .pr-is-0, .px-is-0 { padding-right: 0 !important; } .pb-is-0, .py-is-0 { padding-bottom: 0 !important; } .pl-is-0, .px-is-0 { padding-left: 0 !important; } .p-is-1 { padding: 0.25rem !important; } .pt-is-1, .py-is-1 { padding-top: 0.25rem !important; } .pr-is-1, .px-is-1 { padding-right: 0.25rem !important; } .pb-is-1, .py-is-1 { padding-bottom: 0.25rem !important; } .pl-is-1, .px-is-1 { padding-left: 0.25rem !important; } .p-is-2 { padding: 0.5rem !important; } .pt-is-2, .py-is-2 { padding-top: 0.5rem !important; } .pr-is-2, .px-is-2 { padding-right: 0.5rem !important; } .pb-is-2, .py-is-2 { padding-bottom: 0.5rem !important; } .pl-is-2, .px-is-2 { padding-left: 0.5rem !important; } .p-is-3 { padding: 1rem !important; } .pt-is-3, .py-is-3 { padding-top: 1rem !important; } .pr-is-3, .px-is-3 { padding-right: 1rem !important; } .pb-is-3, .py-is-3 { padding-bottom: 1rem !important; } .pl-is-3, .px-is-3 { padding-left: 1rem !important; } .p-is-4 { padding: 1.5rem !important; } .pt-is-4, .py-is-4 { padding-top: 1.5rem !important; } .pr-is-4, .px-is-4 { padding-right: 1.5rem !important; } .pb-is-4, .py-is-4 { padding-bottom: 1.5rem !important; } .pl-is-4, .px-is-4 { padding-left: 1.5rem !important; } .p-is-5 { padding: 3rem !important; } .pt-is-5, .py-is-5 { padding-top: 3rem !important; } .pr-is-5, .px-is-5 { padding-right: 3rem !important; } .pb-is-5, .py-is-5 { padding-bottom: 3rem !important; } .pl-is-5, .px-is-5 { padding-left: 3rem !important; } .m-is-n1 { margin: -0.25rem !important; } .mt-is-n1, .my-is-n1 { margin-top: -0.25rem !important; } .mr-is-n1, .mx-is-n1 { margin-right: -0.25rem !important; } .mb-is-n1, .my-is-n1 { margin-bottom: -0.25rem !important; } .ml-is-n1, .mx-is-n1 { margin-left: -0.25rem !important; } .m-is-n2 { margin: -0.5rem !important; } .mt-is-n2, .my-is-n2 { margin-top: -0.5rem !important; } .mr-is-n2, .mx-is-n2 { margin-right: -0.5rem !important; } .mb-is-n2, .my-is-n2 { margin-bottom: -0.5rem !important; } .ml-is-n2, .mx-is-n2 { margin-left: -0.5rem !important; } .m-is-n3 { margin: -1rem !important; } .mt-is-n3, .my-is-n3 { margin-top: -1rem !important; } .mr-is-n3, .mx-is-n3 { margin-right: -1rem !important; } .mb-is-n3, .my-is-n3 { margin-bottom: -1rem !important; } .ml-is-n3, .mx-is-n3 { margin-left: -1rem !important; } .m-is-n4 { margin: -1.5rem !important; } .mt-is-n4, .my-is-n4 { margin-top: -1.5rem !important; } .mr-is-n4, .mx-is-n4 { margin-right: -1.5rem !important; } .mb-is-n4, .my-is-n4 { margin-bottom: -1.5rem !important; } .ml-is-n4, .mx-is-n4 { margin-left: -1.5rem !important; } .m-is-n5 { margin: -3rem !important; } .mt-is-n5, .my-is-n5 { margin-top: -3rem !important; } .mr-is-n5, .mx-is-n5 { margin-right: -3rem !important; } .mb-is-n5, .my-is-n5 { margin-bottom: -3rem !important; } .ml-is-n5, .mx-is-n5 { margin-left: -3rem !important; } .m-is-auto { margin: auto !important; } .mt-is-auto, .my-is-auto { margin-top: auto !important; } .mr-is-auto, .mx-is-auto { margin-right: auto !important; } .mb-is-auto, .my-is-auto { margin-bottom: auto !important; } .ml-is-auto, .mx-is-auto { margin-left: auto !important; } } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1400px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-n1 { margin: -0.25rem !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -0.25rem !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -0.25rem !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -0.25rem !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -0.25rem !important; } .m-xxl-n2 { margin: -0.5rem !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.5rem !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -0.5rem !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.5rem !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -0.5rem !important; } .m-xxl-n3 { margin: -1rem !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem !important; } .m-xxl-n4 { margin: -1.5rem !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem !important; } .m-xxl-n5 { margin: -3rem !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -3rem !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -3rem !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -3rem !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } @media (min-width: 1600px) { .m-xxxl-0 { margin: 0 !important; } .mt-xxxl-0, .my-xxxl-0 { margin-top: 0 !important; } .mr-xxxl-0, .mx-xxxl-0 { margin-right: 0 !important; } .mb-xxxl-0, .my-xxxl-0 { margin-bottom: 0 !important; } .ml-xxxl-0, .mx-xxxl-0 { margin-left: 0 !important; } .m-xxxl-1 { margin: 0.25rem !important; } .mt-xxxl-1, .my-xxxl-1 { margin-top: 0.25rem !important; } .mr-xxxl-1, .mx-xxxl-1 { margin-right: 0.25rem !important; } .mb-xxxl-1, .my-xxxl-1 { margin-bottom: 0.25rem !important; } .ml-xxxl-1, .mx-xxxl-1 { margin-left: 0.25rem !important; } .m-xxxl-2 { margin: 0.5rem !important; } .mt-xxxl-2, .my-xxxl-2 { margin-top: 0.5rem !important; } .mr-xxxl-2, .mx-xxxl-2 { margin-right: 0.5rem !important; } .mb-xxxl-2, .my-xxxl-2 { margin-bottom: 0.5rem !important; } .ml-xxxl-2, .mx-xxxl-2 { margin-left: 0.5rem !important; } .m-xxxl-3 { margin: 1rem !important; } .mt-xxxl-3, .my-xxxl-3 { margin-top: 1rem !important; } .mr-xxxl-3, .mx-xxxl-3 { margin-right: 1rem !important; } .mb-xxxl-3, .my-xxxl-3 { margin-bottom: 1rem !important; } .ml-xxxl-3, .mx-xxxl-3 { margin-left: 1rem !important; } .m-xxxl-4 { margin: 1.5rem !important; } .mt-xxxl-4, .my-xxxl-4 { margin-top: 1.5rem !important; } .mr-xxxl-4, .mx-xxxl-4 { margin-right: 1.5rem !important; } .mb-xxxl-4, .my-xxxl-4 { margin-bottom: 1.5rem !important; } .ml-xxxl-4, .mx-xxxl-4 { margin-left: 1.5rem !important; } .m-xxxl-5 { margin: 3rem !important; } .mt-xxxl-5, .my-xxxl-5 { margin-top: 3rem !important; } .mr-xxxl-5, .mx-xxxl-5 { margin-right: 3rem !important; } .mb-xxxl-5, .my-xxxl-5 { margin-bottom: 3rem !important; } .ml-xxxl-5, .mx-xxxl-5 { margin-left: 3rem !important; } .p-xxxl-0 { padding: 0 !important; } .pt-xxxl-0, .py-xxxl-0 { padding-top: 0 !important; } .pr-xxxl-0, .px-xxxl-0 { padding-right: 0 !important; } .pb-xxxl-0, .py-xxxl-0 { padding-bottom: 0 !important; } .pl-xxxl-0, .px-xxxl-0 { padding-left: 0 !important; } .p-xxxl-1 { padding: 0.25rem !important; } .pt-xxxl-1, .py-xxxl-1 { padding-top: 0.25rem !important; } .pr-xxxl-1, .px-xxxl-1 { padding-right: 0.25rem !important; } .pb-xxxl-1, .py-xxxl-1 { padding-bottom: 0.25rem !important; } .pl-xxxl-1, .px-xxxl-1 { padding-left: 0.25rem !important; } .p-xxxl-2 { padding: 0.5rem !important; } .pt-xxxl-2, .py-xxxl-2 { padding-top: 0.5rem !important; } .pr-xxxl-2, .px-xxxl-2 { padding-right: 0.5rem !important; } .pb-xxxl-2, .py-xxxl-2 { padding-bottom: 0.5rem !important; } .pl-xxxl-2, .px-xxxl-2 { padding-left: 0.5rem !important; } .p-xxxl-3 { padding: 1rem !important; } .pt-xxxl-3, .py-xxxl-3 { padding-top: 1rem !important; } .pr-xxxl-3, .px-xxxl-3 { padding-right: 1rem !important; } .pb-xxxl-3, .py-xxxl-3 { padding-bottom: 1rem !important; } .pl-xxxl-3, .px-xxxl-3 { padding-left: 1rem !important; } .p-xxxl-4 { padding: 1.5rem !important; } .pt-xxxl-4, .py-xxxl-4 { padding-top: 1.5rem !important; } .pr-xxxl-4, .px-xxxl-4 { padding-right: 1.5rem !important; } .pb-xxxl-4, .py-xxxl-4 { padding-bottom: 1.5rem !important; } .pl-xxxl-4, .px-xxxl-4 { padding-left: 1.5rem !important; } .p-xxxl-5 { padding: 3rem !important; } .pt-xxxl-5, .py-xxxl-5 { padding-top: 3rem !important; } .pr-xxxl-5, .px-xxxl-5 { padding-right: 3rem !important; } .pb-xxxl-5, .py-xxxl-5 { padding-bottom: 3rem !important; } .pl-xxxl-5, .px-xxxl-5 { padding-left: 3rem !important; } .m-xxxl-n1 { margin: -0.25rem !important; } .mt-xxxl-n1, .my-xxxl-n1 { margin-top: -0.25rem !important; } .mr-xxxl-n1, .mx-xxxl-n1 { margin-right: -0.25rem !important; } .mb-xxxl-n1, .my-xxxl-n1 { margin-bottom: -0.25rem !important; } .ml-xxxl-n1, .mx-xxxl-n1 { margin-left: -0.25rem !important; } .m-xxxl-n2 { margin: -0.5rem !important; } .mt-xxxl-n2, .my-xxxl-n2 { margin-top: -0.5rem !important; } .mr-xxxl-n2, .mx-xxxl-n2 { margin-right: -0.5rem !important; } .mb-xxxl-n2, .my-xxxl-n2 { margin-bottom: -0.5rem !important; } .ml-xxxl-n2, .mx-xxxl-n2 { margin-left: -0.5rem !important; } .m-xxxl-n3 { margin: -1rem !important; } .mt-xxxl-n3, .my-xxxl-n3 { margin-top: -1rem !important; } .mr-xxxl-n3, .mx-xxxl-n3 { margin-right: -1rem !important; } .mb-xxxl-n3, .my-xxxl-n3 { margin-bottom: -1rem !important; } .ml-xxxl-n3, .mx-xxxl-n3 { margin-left: -1rem !important; } .m-xxxl-n4 { margin: -1.5rem !important; } .mt-xxxl-n4, .my-xxxl-n4 { margin-top: -1.5rem !important; } .mr-xxxl-n4, .mx-xxxl-n4 { margin-right: -1.5rem !important; } .mb-xxxl-n4, .my-xxxl-n4 { margin-bottom: -1.5rem !important; } .ml-xxxl-n4, .mx-xxxl-n4 { margin-left: -1.5rem !important; } .m-xxxl-n5 { margin: -3rem !important; } .mt-xxxl-n5, .my-xxxl-n5 { margin-top: -3rem !important; } .mr-xxxl-n5, .mx-xxxl-n5 { margin-right: -3rem !important; } .mb-xxxl-n5, .my-xxxl-n5 { margin-bottom: -3rem !important; } .ml-xxxl-n5, .mx-xxxl-n5 { margin-left: -3rem !important; } .m-xxxl-auto { margin: auto !important; } .mt-xxxl-auto, .my-xxxl-auto { margin-top: auto !important; } .mr-xxxl-auto, .mx-xxxl-auto { margin-right: auto !important; } .mb-xxxl-auto, .my-xxxl-auto { margin-bottom: auto !important; } .ml-xxxl-auto, .mx-xxxl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 400px) { .text-is-left { text-align: left !important; } .text-is-right { text-align: right !important; } .text-is-center { text-align: center !important; } } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1600px) { .text-xxxl-left { text-align: left !important; } .text-xxxl-right { text-align: right !important; } .text-xxxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } }