@charset "UTF-8";

/* DMTT_RETURNS/DMTT_RETURN_PORTAL/src/styles.scss */
.fib,
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}
.fi:before {
  content: "\a0";
}
.fi.fis {
  width: 1em;
}
.fi-xx {
  background-image: url("./media/xx.svg");
}
.fi-ad {
  background-image: url("./media/ad.svg");
}
.fi-ae {
  background-image: url("./media/ae.svg");
}
.fi-af {
  background-image: url("./media/af.svg");
}
.fi-ag {
  background-image: url("./media/ag.svg");
}
.fi-ai {
  background-image: url("./media/ai.svg");
}
.fi-al {
  background-image: url("./media/al.svg");
}
.fi-am {
  background-image: url("./media/am.svg");
}
.fi-ao {
  background-image: url("./media/ao.svg");
}
.fi-aq {
  background-image: url("./media/aq.svg");
}
.fi-ar {
  background-image: url("./media/ar.svg");
}
.fi-as {
  background-image: url("./media/as.svg");
}
.fi-at {
  background-image: url("./media/at.svg");
}
.fi-au {
  background-image: url("./media/au.svg");
}
.fi-aw {
  background-image: url("./media/aw.svg");
}
.fi-ax {
  background-image: url("./media/ax.svg");
}
.fi-az {
  background-image: url("./media/az.svg");
}
.fi-ba {
  background-image: url("./media/ba.svg");
}
.fi-bb {
  background-image: url("./media/bb.svg");
}
.fi-bd {
  background-image: url("./media/bd.svg");
}
.fi-be {
  background-image: url("./media/be.svg");
}
.fi-bf {
  background-image: url("./media/bf.svg");
}
.fi-bg {
  background-image: url("./media/bg.svg");
}
.fi-bh {
  background-image: url("./media/bh.svg");
}
.fi-bi {
  background-image: url("./media/bi.svg");
}
.fi-bj {
  background-image: url("./media/bj.svg");
}
.fi-bl {
  background-image: url("./media/bl.svg");
}
.fi-bm {
  background-image: url("./media/bm.svg");
}
.fi-bn {
  background-image: url("./media/bn.svg");
}
.fi-bo {
  background-image: url("./media/bo.svg");
}
.fi-bq {
  background-image: url("./media/bq.svg");
}
.fi-br {
  background-image: url("./media/br.svg");
}
.fi-bs {
  background-image: url("./media/bs.svg");
}
.fi-bt {
  background-image: url("./media/bt.svg");
}
.fi-bv {
  background-image: url("./media/bv.svg");
}
.fi-bw {
  background-image: url("./media/bw.svg");
}
.fi-by {
  background-image: url("./media/by.svg");
}
.fi-bz {
  background-image: url("./media/bz.svg");
}
.fi-ca {
  background-image: url("./media/ca.svg");
}
.fi-cc {
  background-image: url("./media/cc.svg");
}
.fi-cd {
  background-image: url("./media/cd.svg");
}
.fi-cf {
  background-image: url("./media/cf.svg");
}
.fi-cg {
  background-image: url("./media/cg.svg");
}
.fi-ch {
  background-image: url("./media/ch.svg");
}
.fi-ci {
  background-image: url("./media/ci.svg");
}
.fi-ck {
  background-image: url("./media/ck.svg");
}
.fi-cl {
  background-image: url("./media/cl.svg");
}
.fi-cm {
  background-image: url("./media/cm.svg");
}
.fi-cn {
  background-image: url("./media/cn.svg");
}
.fi-co {
  background-image: url("./media/co.svg");
}
.fi-cr {
  background-image: url("./media/cr.svg");
}
.fi-cu {
  background-image: url("./media/cu.svg");
}
.fi-cv {
  background-image: url("./media/cv.svg");
}
.fi-cw {
  background-image: url("./media/cw.svg");
}
.fi-cx {
  background-image: url("./media/cx.svg");
}
.fi-cy {
  background-image: url("./media/cy.svg");
}
.fi-cz {
  background-image: url("./media/cz.svg");
}
.fi-de {
  background-image: url("./media/de.svg");
}
.fi-dj {
  background-image: url("./media/dj.svg");
}
.fi-dk {
  background-image: url("./media/dk.svg");
}
.fi-dm {
  background-image: url("./media/dm.svg");
}
.fi-do {
  background-image: url("./media/do.svg");
}
.fi-dz {
  background-image: url("./media/dz.svg");
}
.fi-ec {
  background-image: url("./media/ec.svg");
}
.fi-ee {
  background-image: url("./media/ee.svg");
}
.fi-eg {
  background-image: url("./media/eg.svg");
}
.fi-eh {
  background-image: url("./media/eh.svg");
}
.fi-er {
  background-image: url("./media/er.svg");
}
.fi-es {
  background-image: url("./media/es.svg");
}
.fi-et {
  background-image: url("./media/et.svg");
}
.fi-fi {
  background-image: url("./media/fi.svg");
}
.fi-fj {
  background-image: url("./media/fj.svg");
}
.fi-fk {
  background-image: url("./media/fk.svg");
}
.fi-fm {
  background-image: url("./media/fm.svg");
}
.fi-fo {
  background-image: url("./media/fo.svg");
}
.fi-fr {
  background-image: url("./media/fr.svg");
}
.fi-ga {
  background-image: url("./media/ga.svg");
}
.fi-gb {
  background-image: url("./media/gb.svg");
}
.fi-gd {
  background-image: url("./media/gd.svg");
}
.fi-ge {
  background-image: url("./media/ge.svg");
}
.fi-gf {
  background-image: url("./media/gf.svg");
}
.fi-gg {
  background-image: url("./media/gg.svg");
}
.fi-gh {
  background-image: url("./media/gh.svg");
}
.fi-gi {
  background-image: url("./media/gi.svg");
}
.fi-gl {
  background-image: url("./media/gl.svg");
}
.fi-gm {
  background-image: url("./media/gm.svg");
}
.fi-gn {
  background-image: url("./media/gn.svg");
}
.fi-gp {
  background-image: url("./media/gp.svg");
}
.fi-gq {
  background-image: url("./media/gq.svg");
}
.fi-gr {
  background-image: url("./media/gr.svg");
}
.fi-gs {
  background-image: url("./media/gs.svg");
}
.fi-gt {
  background-image: url("./media/gt.svg");
}
.fi-gu {
  background-image: url("./media/gu.svg");
}
.fi-gw {
  background-image: url("./media/gw.svg");
}
.fi-gy {
  background-image: url("./media/gy.svg");
}
.fi-hk {
  background-image: url("./media/hk.svg");
}
.fi-hm {
  background-image: url("./media/hm.svg");
}
.fi-hn {
  background-image: url("./media/hn.svg");
}
.fi-hr {
  background-image: url("./media/hr.svg");
}
.fi-ht {
  background-image: url("./media/ht.svg");
}
.fi-hu {
  background-image: url("./media/hu.svg");
}
.fi-id {
  background-image: url("./media/id.svg");
}
.fi-ie {
  background-image: url("./media/ie.svg");
}
.fi-il {
  background-image: url("./media/il.svg");
}
.fi-im {
  background-image: url("./media/im.svg");
}
.fi-in {
  background-image: url("./media/in.svg");
}
.fi-io {
  background-image: url("./media/io.svg");
}
.fi-iq {
  background-image: url("./media/iq.svg");
}
.fi-ir {
  background-image: url("./media/ir.svg");
}
.fi-is {
  background-image: url("./media/is.svg");
}
.fi-it {
  background-image: url("./media/it.svg");
}
.fi-je {
  background-image: url("./media/je.svg");
}
.fi-jm {
  background-image: url("./media/jm.svg");
}
.fi-jo {
  background-image: url("./media/jo.svg");
}
.fi-jp {
  background-image: url("./media/jp.svg");
}
.fi-ke {
  background-image: url("./media/ke.svg");
}
.fi-kg {
  background-image: url("./media/kg.svg");
}
.fi-kh {
  background-image: url("./media/kh.svg");
}
.fi-ki {
  background-image: url("./media/ki.svg");
}
.fi-km {
  background-image: url("./media/km.svg");
}
.fi-kn {
  background-image: url("./media/kn.svg");
}
.fi-kp {
  background-image: url("./media/kp.svg");
}
.fi-kr {
  background-image: url("./media/kr.svg");
}
.fi-kw {
  background-image: url("./media/kw.svg");
}
.fi-ky {
  background-image: url("./media/ky.svg");
}
.fi-kz {
  background-image: url("./media/kz.svg");
}
.fi-la {
  background-image: url("./media/la.svg");
}
.fi-lb {
  background-image: url("./media/lb.svg");
}
.fi-lc {
  background-image: url("./media/lc.svg");
}
.fi-li {
  background-image: url("./media/li.svg");
}
.fi-lk {
  background-image: url("./media/lk.svg");
}
.fi-lr {
  background-image: url("./media/lr.svg");
}
.fi-ls {
  background-image: url("./media/ls.svg");
}
.fi-lt {
  background-image: url("./media/lt.svg");
}
.fi-lu {
  background-image: url("./media/lu.svg");
}
.fi-lv {
  background-image: url("./media/lv.svg");
}
.fi-ly {
  background-image: url("./media/ly.svg");
}
.fi-ma {
  background-image: url("./media/ma.svg");
}
.fi-mc {
  background-image: url("./media/mc.svg");
}
.fi-md {
  background-image: url("./media/md.svg");
}
.fi-me {
  background-image: url("./media/me.svg");
}
.fi-mf {
  background-image: url("./media/mf.svg");
}
.fi-mg {
  background-image: url("./media/mg.svg");
}
.fi-mh {
  background-image: url("./media/mh.svg");
}
.fi-mk {
  background-image: url("./media/mk.svg");
}
.fi-ml {
  background-image: url("./media/ml.svg");
}
.fi-mm {
  background-image: url("./media/mm.svg");
}
.fi-mn {
  background-image: url("./media/mn.svg");
}
.fi-mo {
  background-image: url("./media/mo.svg");
}
.fi-mp {
  background-image: url("./media/mp.svg");
}
.fi-mq {
  background-image: url("./media/mq.svg");
}
.fi-mr {
  background-image: url("./media/mr.svg");
}
.fi-ms {
  background-image: url("./media/ms.svg");
}
.fi-mt {
  background-image: url("./media/mt.svg");
}
.fi-mu {
  background-image: url("./media/mu.svg");
}
.fi-mv {
  background-image: url("./media/mv.svg");
}
.fi-mw {
  background-image: url("./media/mw.svg");
}
.fi-mx {
  background-image: url("./media/mx.svg");
}
.fi-my {
  background-image: url("./media/my.svg");
}
.fi-mz {
  background-image: url("./media/mz.svg");
}
.fi-na {
  background-image: url("./media/na.svg");
}
.fi-nc {
  background-image: url("./media/nc.svg");
}
.fi-ne {
  background-image: url("./media/ne.svg");
}
.fi-nf {
  background-image: url("./media/nf.svg");
}
.fi-ng {
  background-image: url("./media/ng.svg");
}
.fi-ni {
  background-image: url("./media/ni.svg");
}
.fi-nl {
  background-image: url("./media/nl.svg");
}
.fi-no {
  background-image: url("./media/no.svg");
}
.fi-np {
  background-image: url("./media/np.svg");
}
.fi-nr {
  background-image: url("./media/nr.svg");
}
.fi-nu {
  background-image: url("./media/nu.svg");
}
.fi-nz {
  background-image: url("./media/nz.svg");
}
.fi-om {
  background-image: url("./media/om.svg");
}
.fi-pa {
  background-image: url("./media/pa.svg");
}
.fi-pe {
  background-image: url("./media/pe.svg");
}
.fi-pf {
  background-image: url("./media/pf.svg");
}
.fi-pg {
  background-image: url("./media/pg.svg");
}
.fi-ph {
  background-image: url("./media/ph.svg");
}
.fi-pk {
  background-image: url("./media/pk.svg");
}
.fi-pl {
  background-image: url("./media/pl.svg");
}
.fi-pm {
  background-image: url("./media/pm.svg");
}
.fi-pn {
  background-image: url("./media/pn.svg");
}
.fi-pr {
  background-image: url("./media/pr.svg");
}
.fi-ps {
  background-image: url("./media/ps.svg");
}
.fi-pt {
  background-image: url("./media/pt.svg");
}
.fi-pw {
  background-image: url("./media/pw.svg");
}
.fi-py {
  background-image: url("./media/py.svg");
}
.fi-qa {
  background-image: url("./media/qa.svg");
}
.fi-re {
  background-image: url("./media/re.svg");
}
.fi-ro {
  background-image: url("./media/ro.svg");
}
.fi-rs {
  background-image: url("./media/rs.svg");
}
.fi-ru {
  background-image: url("./media/ru.svg");
}
.fi-rw {
  background-image: url("./media/rw.svg");
}
.fi-sa {
  background-image: url("./media/sa.svg");
}
.fi-sb {
  background-image: url("./media/sb.svg");
}
.fi-sc {
  background-image: url("./media/sc.svg");
}
.fi-sd {
  background-image: url("./media/sd.svg");
}
.fi-se {
  background-image: url("./media/se.svg");
}
.fi-sg {
  background-image: url("./media/sg.svg");
}
.fi-sh {
  background-image: url("./media/sh.svg");
}
.fi-si {
  background-image: url("./media/si.svg");
}
.fi-sj {
  background-image: url("./media/sj.svg");
}
.fi-sk {
  background-image: url("./media/sk.svg");
}
.fi-sl {
  background-image: url("./media/sl.svg");
}
.fi-sm {
  background-image: url("./media/sm.svg");
}
.fi-sn {
  background-image: url("./media/sn.svg");
}
.fi-so {
  background-image: url("./media/so.svg");
}
.fi-sr {
  background-image: url("./media/sr.svg");
}
.fi-ss {
  background-image: url("./media/ss.svg");
}
.fi-st {
  background-image: url("./media/st.svg");
}
.fi-sv {
  background-image: url("./media/sv.svg");
}
.fi-sx {
  background-image: url("./media/sx.svg");
}
.fi-sy {
  background-image: url("./media/sy.svg");
}
.fi-sz {
  background-image: url("./media/sz.svg");
}
.fi-tc {
  background-image: url("./media/tc.svg");
}
.fi-td {
  background-image: url("./media/td.svg");
}
.fi-tf {
  background-image: url("./media/tf.svg");
}
.fi-tg {
  background-image: url("./media/tg.svg");
}
.fi-th {
  background-image: url("./media/th.svg");
}
.fi-tj {
  background-image: url("./media/tj.svg");
}
.fi-tk {
  background-image: url("./media/tk.svg");
}
.fi-tl {
  background-image: url("./media/tl.svg");
}
.fi-tm {
  background-image: url("./media/tm.svg");
}
.fi-tn {
  background-image: url("./media/tn.svg");
}
.fi-to {
  background-image: url("./media/to.svg");
}
.fi-tr {
  background-image: url("./media/tr.svg");
}
.fi-tt {
  background-image: url("./media/tt.svg");
}
.fi-tv {
  background-image: url("./media/tv.svg");
}
.fi-tw {
  background-image: url("./media/tw.svg");
}
.fi-tz {
  background-image: url("./media/tz.svg");
}
.fi-ua {
  background-image: url("./media/ua.svg");
}
.fi-ug {
  background-image: url("./media/ug.svg");
}
.fi-um {
  background-image: url("./media/um.svg");
}
.fi-us {
  background-image: url("./media/us.svg");
}
.fi-uy {
  background-image: url("./media/uy.svg");
}
.fi-uz {
  background-image: url("./media/uz.svg");
}
.fi-va {
  background-image: url("./media/va.svg");
}
.fi-vc {
  background-image: url("./media/vc.svg");
}
.fi-ve {
  background-image: url("./media/ve.svg");
}
.fi-vg {
  background-image: url("./media/vg.svg");
}
.fi-vi {
  background-image: url("./media/vi.svg");
}
.fi-vn {
  background-image: url("./media/vn.svg");
}
.fi-vu {
  background-image: url("./media/vu.svg");
}
.fi-wf {
  background-image: url("./media/wf.svg");
}
.fi-ws {
  background-image: url("./media/ws.svg");
}
.fi-ye {
  background-image: url("./media/ye.svg");
}
.fi-yt {
  background-image: url("./media/yt.svg");
}
.fi-za {
  background-image: url("./media/za.svg");
}
.fi-zm {
  background-image: url("./media/zm.svg");
}
.fi-zw {
  background-image: url("./media/zw.svg");
}
.fi-arab {
  background-image: url("./media/arab.svg");
}
.fi-asean {
  background-image: url("./media/asean.svg");
}
.fi-cefta {
  background-image: url("./media/cefta.svg");
}
.fi-cp {
  background-image: url("./media/cp.svg");
}
.fi-dg {
  background-image: url("./media/dg.svg");
}
.fi-eac {
  background-image: url("./media/eac.svg");
}
.fi-es-ct {
  background-image: url("./media/es-ct.svg");
}
.fi-es-ga {
  background-image: url("./media/es-ga.svg");
}
.fi-es-pv {
  background-image: url("./media/es-pv.svg");
}
.fi-eu {
  background-image: url("./media/eu.svg");
}
.fi-gb-eng {
  background-image: url("./media/gb-eng.svg");
}
.fi-gb-nir {
  background-image: url("./media/gb-nir.svg");
}
.fi-gb-sct {
  background-image: url("./media/gb-sct.svg");
}
.fi-gb-wls {
  background-image: url("./media/gb-wls.svg");
}
.fi-ic {
  background-image: url("./media/ic.svg");
}
.fi-pc {
  background-image: url("./media/pc.svg");
}
.fi-sh-ac {
  background-image: url("./media/sh-ac.svg");
}
.fi-sh-hl {
  background-image: url("./media/sh-hl.svg");
}
.fi-sh-ta {
  background-image: url("./media/sh-ta.svg");
}
.fi-un {
  background-image: url("./media/un.svg");
}
.fi-xk {
  background-image: url("./media/xk.svg");
}
:root {
  --primary-color: #1B256B;
  --primary-text-color: white;
  --primary-color-light: #2a3a9e;
  --toggle-slider-color: #D1D3E1;
  --toggle-icon-color: #1B256B;
  --toggle-path-color: white;
  --secondary-color: #6c757d;
  --success-color: #28a745;
  --danger-color: #dc3545;
  --warning-color: #ffc107;
  --info-color: #17a2b8;
  --primary-background-color: #FFFFFF;
  --primary-announcement-background-image: url(/assets/Images/announcements-bg.png);
  --primary-latest-updates-background-image: url(/assets/Images/announcements-bg.png);
  --primary-page-header-color: #1B256B;
  --primary-page-body-color: #000000;
  --primary-quick-links-color: #3142B3;
  --primary-header-color: #010F6F;
  --primary-card-header-color: #1A256B;
  --primary-card-subheader-color: #464646;
  --primary-arrow-icon-color: #001F85;
  --primary-help-text-color: #3142B3;
  --primary-last-footer-color: #151E56;
  --primary-button-color: #FFB937;
  --primary-box-shadow-color: #D0DDFF;
  --header-nav-menu-color: #E9EFFF;
  --bs-nav-link-colo: #000e4b !important;
  --mat-sys-primary: var(--primary-color) !important;
  --mat-sys-outline: #dfdfdf !important;
  --primary-para-color: rgb(131, 131, 131);
  --border-color: #DFDFDF;
  --input-disabled-bg: #ebebeb;
  --input-text-color: #000000;
  --input-bg-color: #ffffff;
  --input-border-color: #dfdfdf;
  --input-bg-secondary-color: #f1f1f1;
  --input-disabled: #ebebeb;
  --modal-bg-color: #f2f2f2;
  --table-bg-color: #ffffff;
  --placeholder-color: #a9a9a9;
  --box-color: #f3f3f3;
  --table-header: #f3f4f8;
  --table-col-dark: #f9f9fb;
  --table-col-light: #ffffff;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --font-family: "Poppins";
}
.dark-theme {
  --placeholder-color: #9f9f9f;
  --modal-bg-color: #000000;
  --table-bg-color: #000000;
  --input-disabled: #414141;
  --input-bg-secondary-color: rgb(216, 216, 216);
  --input-border-color: #575757;
  --input-text-color: #ffffff;
  --input-bg-color: #1e1e1e;
  --primary-color: #3C4FB0;
  --primary-background-color: #1E1E1E;
  --toggle-icon-color: white;
  --toggle-path-color: black;
  --primary-announcement-background-image: url(/assets/Images/background-img-dark.jpg);
  --primary-latest-updates-background-image: url(/assets/Images/background-img-dark.jpg);
  --primary-page-header-color: #3C4FB0;
  --primary-page-body-color: white;
  --primary-quick-links-color: #4C5FC4;
  --primary-header-color: #3B4A9A;
  --primary-card-header-color: #3C4FB0;
  --primary-last-footer-color: #172a40;
  --primary-button-color: #FFD966;
  --header-nav-menu-color: #B0C4FF;
  --box-color: #000000;
  --table-header: #3C4FB0;
  --table-col-dark: #333333;
  --table-col-light: #4d4d4d;
}
.high-contrast {
  --placeholder-color: #9f9f9f;
  --modal-bg-color: #000000;
  --table-bg-color: #000000;
  --input-disabled: #414141;
  --input-bg-secondary-color: rgb(216, 216, 216);
  --input-border-color: #575757;
  --input-text-color: #ffffff;
  --input-bg-color: #000000;
  --primary-color: #0000FF;
  --primary-color-light: #0000FF;
  --primary-background-color: #000000;
  --toggle-icon-color: black;
  --toggle-path-color: white;
  --primary-announcement-background-image: url(/assets/Images/background-img-contrast.jpg);
  --primary-latest-updates-background-image: url(/assets/Images/background-img-contrast.png);
  --primary-text-color: #000000;
  --primary-header-color: #0000FF;
  --primary-page-header-color: #0000FF;
  --primary-page-body-color: #FFFFFF;
  --primary-quick-links-color: #0000FF;
  --primary-card-header-color: #0000FF;
  --primary-last-footer-color: #0000FF;
  --primary-button-color: #FFFF00;
  --header-nav-menu-color: #FFFFFF;
  --box-color: #000000;
  --table-header: #0000FF;
  --table-col-dark: #333333;
  --table-col-light: #4d4d4d;
}
html {
  height: 100%;
  --mat-sys-background: light-dark(#faf9fd, #121316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);
  --mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);
  --mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);
  --mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #002f65);
  --mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);
  --mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);
  --mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);
  --mat-sys-on-secondary: light-dark(#ffffff, #283041);
  --mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);
  --mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);
  --mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);
  --mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);
  --mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);
  --mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);
  --mat-sys-outline: light-dark(#74777f, #8e9099);
  --mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);
  --mat-sys-primary: light-dark(#005cbb, #abc7ff);
  --mat-sys-primary-container: light-dark(#d7e3ff, #00458f);
  --mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);
  --mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#565e71, #bec6dc);
  --mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);
  --mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);
  --mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#faf9fd, #121316);
  --mat-sys-surface-bright: light-dark(#faf9fd, #38393c);
  --mat-sys-surface-container: light-dark(#efedf0, #1f2022);
  --mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);
  --mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);
  --mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);
  --mat-sys-surface-dim: light-dark(#dbd9dd, #121316);
  --mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);
  --mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);
  --mat-sys-tertiary: light-dark(#343dff, #bec2ff);
  --mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);
  --mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Poppins;
  --mat-sys-body-large-font: Poppins;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Poppins;
  --mat-sys-body-medium-font: Poppins;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Poppins;
  --mat-sys-body-small-font: Poppins;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Poppins;
  --mat-sys-display-large-font: Poppins;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Poppins;
  --mat-sys-display-medium-font: Poppins;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Poppins;
  --mat-sys-display-small-font: Poppins;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Poppins;
  --mat-sys-headline-large-font: Poppins;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Poppins;
  --mat-sys-headline-medium-font: Poppins;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Poppins;
  --mat-sys-headline-small-font: Poppins;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Poppins;
  --mat-sys-label-large-font: Poppins;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Poppins;
  --mat-sys-label-medium-font: Poppins;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Poppins;
  --mat-sys-label-small-font: Poppins;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Poppins;
  --mat-sys-title-large-font: Poppins;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Poppins;
  --mat-sys-title-medium-font: Poppins;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Poppins;
  --mat-sys-title-small-font: Poppins;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
}
body {
  color-scheme: light;
  background: var(--primary-background-color);
  color: var(--primary-page-body-color);
  min-height: 100vh;
  margin: 0;
}
ul {
  list-style: none;
  padding-left: 0;
}
mat-icon {
  font-family: "Material Icons" !important;
  cursor: pointer;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.info-icon {
  display: inline-flex !important;
  align-items: center;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 4px;
  color: var(--primary-color, #1A256B) !important;
  font-size: 18px !important;
  width: 18px;
  height: 18px;
}
.period-covered-tooltip {
  white-space: pre-line;
}
.mat-mdc-tooltip .mdc-tooltip__surface,
.period-covered-tooltip .mdc-tooltip__surface {
  white-space: normal;
  max-width: min(420px, 100vw - 32px) !important;
  min-width: 220px;
  padding: 0.7rem 0.9rem !important;
  border-radius: 6px !important;
  border: 1px solid rgba(17, 24, 39, 0.08);
  background: #ffffff !important;
  color: #1f2937 !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.16) !important;
  font-size: 0.75rem !important;
  line-height: 1.55 !important;
  font-weight: 400;
  letter-spacing: normal;
  text-align: left;
  overflow-y: auto;
}
.period-covered-tooltip .mdc-tooltip__surface {
  white-space: pre-line;
  width: fit-content;
  min-width: min(280px, 100vw - 32px);
  max-width: min(560px, 100vw - 32px) !important;
}
.mat-datepicker-toggle {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  box-sizing: border-box;
  align-content: center;
}
.mat-datepicker-content {
  background: rgb(250, 250, 250) !important;
  box-shadow: 1px 2px 5px rgb(177, 177, 177) !important;
  border-radius: 4px !important;
}
.mat-calendar-body-selected,
.mat-calendar-arrow {
  color: white !important;
}
.mat-calendar-header .mdc-button:hover {
  fill: white !important;
  border-radius: 6px !important;
}
.custom-datepicker-panel.cdk-overlay-pane {
  justify-content: flex-end !important;
}
::-webkit-scrollbar {
  width: 0.2rem;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #6c757d;
  border-radius: 6px;
  scroll-behavior: auto;
}
html {
  scrollbar-width: 15px;
  scrollbar-color: #6c757d transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--primary-page-header-color);
  font-weight: 400;
}
.text-primary {
  color: var(--primary-color) !important;
}
.text-muted {
  color: var(--primary-para-color) !important;
}
.btn-primary {
  background-color: var(--primary-button-color);
  color: var(--primary-color);
  border: none;
  padding: 0.6rem 1.8rem;
  border-radius: var(--border-radius-sm);
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-secondary {
  background-color: transparent;
  color: var(--primary-color);
  border: 1.5px solid var(--primary-color);
  padding: 0.55rem 1.8rem;
  border-radius: var(--border-radius-sm);
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-secondary:hover {
  background-color: var(--primary-color);
  color: white;
}
.btn-outline {
  background: transparent;
  color: var(--primary-color);
  border: 1px solid var(--border-color);
  padding: 0.5rem 1.5rem;
  border-radius: var(--border-radius-sm);
  font-size: 0.85rem;
  cursor: pointer;
}
.btn-outline:hover {
  border-color: var(--primary-color);
}
.btn-danger {
  background-color: var(--danger-color);
  color: white;
  border: none;
  padding: 0.6rem 1.8rem;
  border-radius: var(--border-radius-sm);
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
}
.btn-sm {
  padding: 0.35rem 1rem;
  font-size: 0.8rem;
}
.btn-lg {
  padding: 0.75rem 2.5rem;
  font-size: 0.95rem;
}
.card {
  background: var(--primary-background-color);
  border-radius: var(--border-radius-md);
  overflow: hidden;
}
.card .card-header {
  background: var(--primary-card-header-color);
  color: white;
  padding: 0.8rem 1.2rem;
  font-weight: 600;
  font-size: 0.9rem;
}
.card .card-footer {
  padding: 0.8rem 1.2rem;
  border-top: 1px solid var(--border-color);
  display: flex;
  justify-content: flex-end;
  gap: 0.8rem;
}
.form-group {
  margin-bottom: 1.2rem;
}
.form-group label {
  display: block;
  font-size: 1rem;
  color: var(--primary-color);
  margin-bottom: 0.4rem;
  font-weight: 500;
}
.form-group .required {
  color: var(--danger-color);
  margin-left: 2px;
}
.form-group input:not([type=checkbox]),
.form-group select,
.form-group textarea {
  width: 100%;
  border: 1px solid var(--border-color);
  padding: 0.65rem 1rem;
  font-size: 0.9rem;
  border-radius: var(--border-radius-sm);
  color: var(--primary-page-body-color);
  background: var(--primary-background-color);
  transition: border-color 0.2s;
}
.form-group input:not([type=checkbox]):focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px var(--primary-box-shadow-color);
}
.form-group input:not([type=checkbox])::placeholder,
.form-group select::placeholder,
.form-group textarea::placeholder {
  color: #838383;
}
.form-group input:not([type=checkbox]):disabled,
.form-group select:disabled,
.form-group textarea:disabled {
  background: var(--input-disabled-bg);
  cursor: not-allowed;
}
.form-group textarea {
  min-height: 80px;
  resize: vertical;
}
.form-group input[type=checkbox] {
  width: 1.1rem;
  height: 1.1rem;
  margin: 0;
  accent-color: var(--primary-color);
  flex: 0 0 1.1rem;
  cursor: pointer;
}
.checkbox-group label,
.checkbox-grid label,
.entity-type-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
  font-size: 0.95rem;
  line-height: 1.45;
  font-weight: 500;
  color: var(--primary-page-body-color);
  cursor: pointer;
}
.checkbox-group,
.checkbox-grid {
  align-items: start;
  display: flex;
  gap: 2rem;
  margin: 1.5rem 0;
}
.checkbox-group input[type=checkbox],
.checkbox-grid input[type=checkbox],
.entity-type-checkbox input[type=checkbox] {
  align-self: center;
}
.mat-mdc-checkbox {
  margin: 0;
  --mdc-checkbox-selected-checkmark-color: #ffffff;
  --mdc-checkbox-selected-focus-icon-color: var(--primary-color);
  --mdc-checkbox-selected-hover-icon-color: var(--primary-color);
  --mdc-checkbox-selected-icon-color: var(--primary-color);
  --mdc-checkbox-selected-pressed-icon-color: var(--primary-color);
  --mdc-checkbox-unselected-focus-icon-color: var(--primary-color);
  --mdc-checkbox-unselected-hover-icon-color: var(--primary-color);
  --mdc-checkbox-unselected-pressed-icon-color: var(--primary-color);
  --mdc-checkbox-selected-focus-state-layer-color: var(--primary-color);
  --mdc-checkbox-selected-hover-state-layer-color: var(--primary-color);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--primary-color);
}
.mat-mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mat-mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.mat-mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: var(--primary-color) !important;
}
.mat-mdc-checkbox .mdc-checkbox__checkmark {
  color: #ffffff !important;
}
.mat-mdc-checkbox .mdc-checkbox__mixedmark {
  border-color: #ffffff !important;
}
.mat-mdc-checkbox .mdc-form-field {
  align-items: center !important;
  column-gap: 0.75rem;
}
.mat-mdc-checkbox .mdc-label {
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 400;
  color: var(--primary-color);
}
.checkbox-group.entity-type-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
}
.form-error {
  font-size: 0.75rem;
  color: var(--danger-color);
  margin-top: 0.25rem;
}
.data-table {
  width: 100%;
  border-collapse: collapse;
}
.data-table th {
  background: var(--primary-color);
  color: white;
  padding: 0.7rem 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}
.data-table td {
  padding: 0.65rem 1rem;
  font-size: 0.85rem;
  border-bottom: 1px solid var(--border-color);
}
.data-table tr:hover td {
  background: #f8f9ff;
}
.badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 500;
}
.badge.badge-success {
  background: #e9f6ee;
  color: #1f5a24;
}
.badge.badge-warning {
  background: #fff7e6;
  color: #6a3b00;
}
.badge.badge-danger {
  background: #fdecea;
  color: #7f1d1d;
}
.badge.badge-info {
  background: #e8f3ff;
  color: #0d47a1;
}
.badge.badge-pending {
  background: #fff3e0;
  color: #e65100;
}
.badge.badge-draft {
  background: #fff3e0;
  color: #e65100;
}
.mat-mdc-snack-bar-container,
.mdc-snackbar__surface {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border: 0 !important;
}
.toast-snackbar {
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: var(--border-radius-lg);
  padding: 16px 20px;
  font-size: 14px;
  font-weight: 500;
  min-width: 420px;
  max-width: 640px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
}
.toast-success .toast-snackbar {
  background: #e9f6ee;
  border-left: 6px solid #2e7d32;
  color: #1f5a24;
}
.toast-error .toast-snackbar {
  background: #fdecea;
  border-left: 6px solid #d32f2f;
  color: #7f1d1d;
}
.toast-warning .toast-snackbar {
  background: #fff7e6;
  border-left: 6px solid #f57c00;
  color: #6a3b00;
}
.toast-info .toast-snackbar {
  background: #e8f3ff;
  border-left: 6px solid #1976d2;
  color: #0d47a1;
}
.container {
  max-width: 1400px;
  margin: 0 auto;
}
.page-header {
  margin-bottom: 1.5rem;
}
.page-header h2 {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--primary-page-header-color);
}
.page-header p {
  font-size: 0.85rem;
  color: var(--primary-para-color);
  margin-top: 0.25rem;
}
.flex {
  display: flex;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-end {
  justify-content: flex-end;
}
.gap-1 {
  gap: 0.5rem;
}
.gap-2 {
  gap: 1rem;
}
.gap-3 {
  gap: 1.5rem;
}
.w-full {
  width: 100%;
}
.mt-1 {
  margin-top: 0.5rem;
}
.main-section-heading {
  font-family:
    "Poppins",
    Arial,
    sans-serif;
  font-size: 2rem;
  font-weight: 800;
  margin: 0.5rem 0 0.5rem 0;
  color: var(--primary-color);
  letter-spacing: -0.5px;
}
.section-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin: 1rem 0 2rem 0;
}
.mt-2 {
  margin-top: 1rem;
}
.mt-3 {
  margin-top: 1.5rem;
}
.mb-1 {
  margin-bottom: 0.5rem;
}
.mb-2 {
  margin-bottom: 1rem;
}
.mb-3 {
  margin-bottom: 1.5rem;
}
.grid {
  display: grid;
  gap: 1.5rem;
}
.grid.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1200px) {
  .grid.grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .grid.grid-3,
  .grid.grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .grid.grid-2,
  .grid.grid-3,
  .grid.grid-4 {
    grid-template-columns: 1fr;
  }
  .container {
    padding: 0 1rem;
  }
}
.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.mat-mdc-form-field-error-wrapper {
  padding: 0 !important;
}
.error {
  color: rgb(255, 66, 66);
  font-size: 0.85rem;
  line-height: 1.4;
  margin-top: 0.3rem;
  text-align: right;
}
.mdc-text-field {
  padding: 0;
}
.mdc-line-ripple {
  display: none;
}
.field-desc {
  font-size: 0.85rem !important;
  color: #6b7280;
  margin-top: 0.25rem;
  margin-bottom: 2rem;
}
.toast-success,
.toast-error,
.toast-info,
.toast-warning {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.section-block-header h4 {
  font-weight: 600 !important;
}
.app-container {
  padding-top: calc(var(--layout-margin-top)) !important;
}
.mdc-snackbar__surface {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: unset !important;
}
.toast-snackbar {
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 12px;
  padding: 16px 20px;
  font-size: 14px;
  font-weight: 500;
  min-width: 340px;
  max-width: 600px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
}
.toast-success .toast-snackbar {
  background: #e9f6ee;
  border-left: 6px solid #2e7d32;
  color: #1f5a24;
}
.toast-error .toast-snackbar {
  background: #fdecea;
  border-left: 6px solid #d32f2f;
  color: #7f1d1d;
}
.toast-warning .toast-snackbar {
  background: #fff7e6;
  border-left: 6px solid #f57c00;
  color: #6a3b00;
}
.toast-info .toast-snackbar {
  background: #e8f3ff;
  border-left: 6px solid #1976d2;
  color: #0b4e9c;
}
.toast-icon {
  font-size: 22px;
  width: 22px;
  height: 22px;
}
.toast-success .toast-icon {
  background: #dff2e6;
  border-radius: 4px;
  padding: 2px;
}
.toast-error .toast-icon {
  background: #fbe5e3;
  border-radius: 4px;
  padding: 2px;
}
.toast-warning .toast-icon {
  background: #fff2dc;
  border-radius: 4px;
  padding: 2px;
}
.toast-info .toast-icon {
  background: #e4efff;
  border-radius: 4px;
  padding: 2px;
}
.mat-mdc-snack-bar-container,
.toast-snackbar {
  z-index: 99999 !important;
}
.mat-mdc-select-panel,
.mdc-menu-surface {
  background: #ffffff !important;
}
.mat-mdc-select-panel .mdc-list-item__primary-text,
.mdc-menu-surface .mdc-list-item__primary-text {
  color: #000000;
  font-size: 1rem;
  font-weight: 400;
}
.mat-mdc-select-panel .mat-mdc-option,
.mdc-menu-surface .mat-mdc-option {
  min-height: 40px;
  font-size: 0.9rem !important;
  padding: 0.9rem 1rem !important;
}
.mat-mdc-select-panel .mat-mdc-option:hover,
.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--focused,
.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active,
.mdc-menu-surface .mat-mdc-option:hover,
.mdc-menu-surface .mat-mdc-option.mdc-list-item--focused,
.mdc-menu-surface .mat-mdc-option.mat-mdc-option-active {
  background: #dae2f9 !important;
}
.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active .mdc-list-item__primary-text,
.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text,
.mdc-menu-surface .mat-mdc-option.mat-mdc-option-active .mdc-list-item__primary-text,
.mdc-menu-surface .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text {
  color: #000000 !important;
}
.dark-theme .mat-mdc-select-panel,
.dark-theme .mdc-menu-surface {
  background-color: #000000 !important;
}
.dark-theme .mat-mdc-select-panel .mdc-list-item__primary-text,
.dark-theme .mdc-menu-surface .mdc-list-item__primary-text {
  color: #ffffff;
}
.dark-theme .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active .mdc-list-item__primary-text,
.dark-theme .mdc-menu-surface .mat-mdc-option.mat-mdc-option-active .mdc-list-item__primary-text {
  color: #ffffff !important;
}
.dark-theme .mat-mdc-select-panel .mat-mdc-option:hover,
.dark-theme .mdc-menu-surface .mat-mdc-option:hover {
  background-color: var(--primary-color) !important;
}
.high-contrast .mat-mdc-select-panel,
.high-contrast .mdc-menu-surface {
  background-color: #ffffff !important;
}
.high-contrast .mat-mdc-select-panel .mdc-list-item__primary-text,
.high-contrast .mdc-menu-surface .mdc-list-item__primary-text {
  color: #0000ff !important;
}
.high-contrast .mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active .mdc-list-item__primary-text,
.high-contrast .mdc-menu-surface .mat-mdc-option.mat-mdc-option-active .mdc-list-item__primary-text {
  color: #0000ff !important;
}
.high-contrast .mat-mdc-select-panel .mat-mdc-option:hover,
.high-contrast .mdc-menu-surface .mat-mdc-option:hover {
  background: #eae6e6 !important;
}
.mat-mdc-option {
  padding: 1rem !important;
}
.mat-mdc-dialog-surface {
  border-radius: 10px !important;
}
.mat-mdc-select-panel .mat-mdc-option,
.mat-mdc-autocomplete-panel .mat-mdc-option,
.mdc-menu-surface .mat-mdc-option,
.cdk-overlay-pane .mat-mdc-option {
  font-size: calc(0.9rem * var(--app-zoom, 1)) !important;
  min-height: calc(40px * var(--app-zoom, 1)) !important;
  padding: calc(1.1rem * var(--app-zoom, 1)) calc(1rem * var(--app-zoom, 1)) !important;
  line-height: 1.2 !important;
}
.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text,
.mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text,
.mdc-menu-surface .mat-mdc-option .mdc-list-item__primary-text,
.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text {
  font-size: inherit !important;
}
.cdk-overlay-pane .mat-mdc-option .custom-dropdown-option-label,
.mat-mdc-select-panel .mat-mdc-option .custom-dropdown-option-label,
.mat-mdc-autocomplete-panel .mat-mdc-option .custom-dropdown-option-label {
  font-size: calc(1.1rem * var(--app-zoom, 1)) !important;
  line-height: 1.4 !important;
}
.cdk-overlay-pane .mat-mdc-option .custom-dropdown-flag,
.mat-mdc-select-panel .mat-mdc-option .custom-dropdown-flag,
.mat-mdc-autocomplete-panel .mat-mdc-option .custom-dropdown-flag {
  font-size: calc(1.45rem * var(--app-zoom, 1)) !important;
}
.cdk-overlay-container {
  z-index: 100000 !important;
}
.section-seven-multiline-tooltip .mdc-tooltip__surface {
  white-space: pre-line !important;
  max-width: 420px !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */