/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/inter/400.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/* inter-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-cyrillic-ext-400-normal.woff2') format('woff2'), url('inter-cyrillic-ext-400-normal.woff') format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-cyrillic-400-normal.woff2') format('woff2'), url('inter-cyrillic-400-normal.woff') format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-greek-ext-400-normal.woff2') format('woff2'), url('inter-greek-ext-400-normal.woff') format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-greek-400-normal.woff2') format('woff2'), url('inter-greek-400-normal.woff') format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-vietnamese-400-normal.woff2') format('woff2'), url('inter-vietnamese-400-normal.woff') format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-latin-ext-400-normal.woff2') format('woff2'), url('inter-latin-ext-400-normal.woff') format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-latin-400-normal.woff2') format('woff2'), url('inter-latin-400-normal.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/inter/600.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/* inter-cyrillic-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('inter-cyrillic-ext-600-normal.woff2') format('woff2'), url('inter-cyrillic-ext-600-normal.woff') format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('inter-cyrillic-600-normal.woff2') format('woff2'), url('inter-cyrillic-600-normal.woff') format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('inter-greek-ext-600-normal.woff2') format('woff2'), url('inter-greek-ext-600-normal.woff') format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('inter-greek-600-normal.woff2') format('woff2'), url('inter-greek-600-normal.woff') format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('inter-vietnamese-600-normal.woff2') format('woff2'), url('inter-vietnamese-600-normal.woff') format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('inter-latin-ext-600-normal.woff2') format('woff2'), url('inter-latin-ext-600-normal.woff') format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('inter-latin-600-normal.woff2') format('woff2'), url('inter-latin-600-normal.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@fontsource/inter/600-italic.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
/* inter-cyrillic-ext-600-italic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('inter-cyrillic-ext-600-italic.woff2') format('woff2'), url('inter-cyrillic-ext-600-italic.woff') format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-600-italic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('inter-cyrillic-600-italic.woff2') format('woff2'), url('inter-cyrillic-600-italic.woff') format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-600-italic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('inter-greek-ext-600-italic.woff2') format('woff2'), url('inter-greek-ext-600-italic.woff') format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-600-italic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('inter-greek-600-italic.woff2') format('woff2'), url('inter-greek-600-italic.woff') format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-600-italic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('inter-vietnamese-600-italic.woff2') format('woff2'), url('inter-vietnamese-600-italic.woff') format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-600-italic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('inter-latin-ext-600-italic.woff2') format('woff2'), url('inter-latin-ext-600-italic.woff') format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-600-italic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('inter-latin-600-italic.woff2') format('woff2'), url('inter-latin-600-italic.woff') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/flag-icons/css/flag-icons.min.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.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:" "}.fi.fis{width:1em}.fi-xx{background-image:url('xx.svg')}.fi-xx.fis{background-image:url('_-flags-1x1-xx.svg')}.fi-ad{background-image:url('ad.svg')}.fi-ad.fis{background-image:url('_-flags-1x1-ad.svg')}.fi-ae{background-image:url('ae.svg')}.fi-ae.fis{background-image:url('_-flags-1x1-ae.svg')}.fi-af{background-image:url('af.svg')}.fi-af.fis{background-image:url('_-flags-1x1-af.svg')}.fi-ag{background-image:url('ag.svg')}.fi-ag.fis{background-image:url('_-flags-1x1-ag.svg')}.fi-ai{background-image:url('ai.svg')}.fi-ai.fis{background-image:url('_-flags-1x1-ai.svg')}.fi-al{background-image:url('al.svg')}.fi-al.fis{background-image:url('_-flags-1x1-al.svg')}.fi-am{background-image:url('am.svg')}.fi-am.fis{background-image:url('_-flags-1x1-am.svg')}.fi-ao{background-image:url('ao.svg')}.fi-ao.fis{background-image:url('_-flags-1x1-ao.svg')}.fi-aq{background-image:url('aq.svg')}.fi-aq.fis{background-image:url('_-flags-1x1-aq.svg')}.fi-ar{background-image:url('ar.svg')}.fi-ar.fis{background-image:url('_-flags-1x1-ar.svg')}.fi-as{background-image:url('as.svg')}.fi-as.fis{background-image:url('_-flags-1x1-as.svg')}.fi-at{background-image:url('at.svg')}.fi-at.fis{background-image:url('_-flags-1x1-at.svg')}.fi-au{background-image:url('au.svg')}.fi-au.fis{background-image:url('_-flags-1x1-au.svg')}.fi-aw{background-image:url('aw.svg')}.fi-aw.fis{background-image:url('_-flags-1x1-aw.svg')}.fi-ax{background-image:url('ax.svg')}.fi-ax.fis{background-image:url('_-flags-1x1-ax.svg')}.fi-az{background-image:url('az.svg')}.fi-az.fis{background-image:url('_-flags-1x1-az.svg')}.fi-ba{background-image:url('ba.svg')}.fi-ba.fis{background-image:url('_-flags-1x1-ba.svg')}.fi-bb{background-image:url('bb.svg')}.fi-bb.fis{background-image:url('_-flags-1x1-bb.svg')}.fi-bd{background-image:url('bd.svg')}.fi-bd.fis{background-image:url('_-flags-1x1-bd.svg')}.fi-be{background-image:url('be.svg')}.fi-be.fis{background-image:url('_-flags-1x1-be.svg')}.fi-bf{background-image:url('bf.svg')}.fi-bf.fis{background-image:url('_-flags-1x1-bf.svg')}.fi-bg{background-image:url('bg.svg')}.fi-bg.fis{background-image:url('_-flags-1x1-bg.svg')}.fi-bh{background-image:url('bh.svg')}.fi-bh.fis{background-image:url('_-flags-1x1-bh.svg')}.fi-bi{background-image:url('bi.svg')}.fi-bi.fis{background-image:url('_-flags-1x1-bi.svg')}.fi-bj{background-image:url('bj.svg')}.fi-bj.fis{background-image:url('_-flags-1x1-bj.svg')}.fi-bl{background-image:url('bl.svg')}.fi-bl.fis{background-image:url('_-flags-1x1-bl.svg')}.fi-bm{background-image:url('bm.svg')}.fi-bm.fis{background-image:url('_-flags-1x1-bm.svg')}.fi-bn{background-image:url('bn.svg')}.fi-bn.fis{background-image:url('_-flags-1x1-bn.svg')}.fi-bo{background-image:url('bo.svg')}.fi-bo.fis{background-image:url('_-flags-1x1-bo.svg')}.fi-bq{background-image:url('bq.svg')}.fi-bq.fis{background-image:url('_-flags-1x1-bq.svg')}.fi-br{background-image:url('br.svg')}.fi-br.fis{background-image:url('_-flags-1x1-br.svg')}.fi-bs{background-image:url('bs.svg')}.fi-bs.fis{background-image:url('_-flags-1x1-bs.svg')}.fi-bt{background-image:url('bt.svg')}.fi-bt.fis{background-image:url('_-flags-1x1-bt.svg')}.fi-bv{background-image:url('bv.svg')}.fi-bv.fis{background-image:url('_-flags-1x1-bv.svg')}.fi-bw{background-image:url('bw.svg')}.fi-bw.fis{background-image:url('_-flags-1x1-bw.svg')}.fi-by{background-image:url('by.svg')}.fi-by.fis{background-image:url('_-flags-1x1-by.svg')}.fi-bz{background-image:url('bz.svg')}.fi-bz.fis{background-image:url('_-flags-1x1-bz.svg')}.fi-ca{background-image:url('ca.svg')}.fi-ca.fis{background-image:url('_-flags-1x1-ca.svg')}.fi-cc{background-image:url('cc.svg')}.fi-cc.fis{background-image:url('_-flags-1x1-cc.svg')}.fi-cd{background-image:url('cd.svg')}.fi-cd.fis{background-image:url('_-flags-1x1-cd.svg')}.fi-cf{background-image:url('cf.svg')}.fi-cf.fis{background-image:url('_-flags-1x1-cf.svg')}.fi-cg{background-image:url('cg.svg')}.fi-cg.fis{background-image:url('_-flags-1x1-cg.svg')}.fi-ch{background-image:url('ch.svg')}.fi-ch.fis{background-image:url('_-flags-1x1-ch.svg')}.fi-ci{background-image:url('ci.svg')}.fi-ci.fis{background-image:url('_-flags-1x1-ci.svg')}.fi-ck{background-image:url('ck.svg')}.fi-ck.fis{background-image:url('_-flags-1x1-ck.svg')}.fi-cl{background-image:url('cl.svg')}.fi-cl.fis{background-image:url('_-flags-1x1-cl.svg')}.fi-cm{background-image:url('cm.svg')}.fi-cm.fis{background-image:url('_-flags-1x1-cm.svg')}.fi-cn{background-image:url('cn.svg')}.fi-cn.fis{background-image:url('_-flags-1x1-cn.svg')}.fi-co{background-image:url('co.svg')}.fi-co.fis{background-image:url('_-flags-1x1-co.svg')}.fi-cr{background-image:url('cr.svg')}.fi-cr.fis{background-image:url('_-flags-1x1-cr.svg')}.fi-cu{background-image:url('cu.svg')}.fi-cu.fis{background-image:url('_-flags-1x1-cu.svg')}.fi-cv{background-image:url('cv.svg')}.fi-cv.fis{background-image:url('_-flags-1x1-cv.svg')}.fi-cw{background-image:url('cw.svg')}.fi-cw.fis{background-image:url('_-flags-1x1-cw.svg')}.fi-cx{background-image:url('cx.svg')}.fi-cx.fis{background-image:url('_-flags-1x1-cx.svg')}.fi-cy{background-image:url('cy.svg')}.fi-cy.fis{background-image:url('_-flags-1x1-cy.svg')}.fi-cz{background-image:url('cz.svg')}.fi-cz.fis{background-image:url('_-flags-1x1-cz.svg')}.fi-de{background-image:url('de.svg')}.fi-de.fis{background-image:url('_-flags-1x1-de.svg')}.fi-dj{background-image:url('dj.svg')}.fi-dj.fis{background-image:url('_-flags-1x1-dj.svg')}.fi-dk{background-image:url('dk.svg')}.fi-dk.fis{background-image:url('_-flags-1x1-dk.svg')}.fi-dm{background-image:url('dm.svg')}.fi-dm.fis{background-image:url('_-flags-1x1-dm.svg')}.fi-do{background-image:url('do.svg')}.fi-do.fis{background-image:url('_-flags-1x1-do.svg')}.fi-dz{background-image:url('dz.svg')}.fi-dz.fis{background-image:url('_-flags-1x1-dz.svg')}.fi-ec{background-image:url('ec.svg')}.fi-ec.fis{background-image:url('_-flags-1x1-ec.svg')}.fi-ee{background-image:url('ee.svg')}.fi-ee.fis{background-image:url('_-flags-1x1-ee.svg')}.fi-eg{background-image:url('eg.svg')}.fi-eg.fis{background-image:url('_-flags-1x1-eg.svg')}.fi-eh{background-image:url('eh.svg')}.fi-eh.fis{background-image:url('_-flags-1x1-eh.svg')}.fi-er{background-image:url('er.svg')}.fi-er.fis{background-image:url('_-flags-1x1-er.svg')}.fi-es{background-image:url('es.svg')}.fi-es.fis{background-image:url('_-flags-1x1-es.svg')}.fi-et{background-image:url('et.svg')}.fi-et.fis{background-image:url('_-flags-1x1-et.svg')}.fi-fi{background-image:url('fi.svg')}.fi-fi.fis{background-image:url('_-flags-1x1-fi.svg')}.fi-fj{background-image:url('fj.svg')}.fi-fj.fis{background-image:url('_-flags-1x1-fj.svg')}.fi-fk{background-image:url('fk.svg')}.fi-fk.fis{background-image:url('_-flags-1x1-fk.svg')}.fi-fm{background-image:url('fm.svg')}.fi-fm.fis{background-image:url('_-flags-1x1-fm.svg')}.fi-fo{background-image:url('fo.svg')}.fi-fo.fis{background-image:url('_-flags-1x1-fo.svg')}.fi-fr{background-image:url('fr.svg')}.fi-fr.fis{background-image:url('_-flags-1x1-fr.svg')}.fi-ga{background-image:url('ga.svg')}.fi-ga.fis{background-image:url('_-flags-1x1-ga.svg')}.fi-gb{background-image:url('gb.svg')}.fi-gb.fis{background-image:url('_-flags-1x1-gb.svg')}.fi-gd{background-image:url('gd.svg')}.fi-gd.fis{background-image:url('_-flags-1x1-gd.svg')}.fi-ge{background-image:url('ge.svg')}.fi-ge.fis{background-image:url('_-flags-1x1-ge.svg')}.fi-gf{background-image:url('gf.svg')}.fi-gf.fis{background-image:url('_-flags-1x1-gf.svg')}.fi-gg{background-image:url('gg.svg')}.fi-gg.fis{background-image:url('_-flags-1x1-gg.svg')}.fi-gh{background-image:url('gh.svg')}.fi-gh.fis{background-image:url('_-flags-1x1-gh.svg')}.fi-gi{background-image:url('gi.svg')}.fi-gi.fis{background-image:url('_-flags-1x1-gi.svg')}.fi-gl{background-image:url('gl.svg')}.fi-gl.fis{background-image:url('_-flags-1x1-gl.svg')}.fi-gm{background-image:url('gm.svg')}.fi-gm.fis{background-image:url('_-flags-1x1-gm.svg')}.fi-gn{background-image:url('gn.svg')}.fi-gn.fis{background-image:url('_-flags-1x1-gn.svg')}.fi-gp{background-image:url('gp.svg')}.fi-gp.fis{background-image:url('_-flags-1x1-gp.svg')}.fi-gq{background-image:url('gq.svg')}.fi-gq.fis{background-image:url('_-flags-1x1-gq.svg')}.fi-gr{background-image:url('gr.svg')}.fi-gr.fis{background-image:url('_-flags-1x1-gr.svg')}.fi-gs{background-image:url('gs.svg')}.fi-gs.fis{background-image:url('_-flags-1x1-gs.svg')}.fi-gt{background-image:url('gt.svg')}.fi-gt.fis{background-image:url('_-flags-1x1-gt.svg')}.fi-gu{background-image:url('gu.svg')}.fi-gu.fis{background-image:url('_-flags-1x1-gu.svg')}.fi-gw{background-image:url('gw.svg')}.fi-gw.fis{background-image:url('_-flags-1x1-gw.svg')}.fi-gy{background-image:url('gy.svg')}.fi-gy.fis{background-image:url('_-flags-1x1-gy.svg')}.fi-hk{background-image:url('hk.svg')}.fi-hk.fis{background-image:url('_-flags-1x1-hk.svg')}.fi-hm{background-image:url('hm.svg')}.fi-hm.fis{background-image:url('_-flags-1x1-hm.svg')}.fi-hn{background-image:url('hn.svg')}.fi-hn.fis{background-image:url('_-flags-1x1-hn.svg')}.fi-hr{background-image:url('hr.svg')}.fi-hr.fis{background-image:url('_-flags-1x1-hr.svg')}.fi-ht{background-image:url('ht.svg')}.fi-ht.fis{background-image:url('_-flags-1x1-ht.svg')}.fi-hu{background-image:url('hu.svg')}.fi-hu.fis{background-image:url('_-flags-1x1-hu.svg')}.fi-id{background-image:url('id.svg')}.fi-id.fis{background-image:url('_-flags-1x1-id.svg')}.fi-ie{background-image:url('ie.svg')}.fi-ie.fis{background-image:url('_-flags-1x1-ie.svg')}.fi-il{background-image:url('il.svg')}.fi-il.fis{background-image:url('_-flags-1x1-il.svg')}.fi-im{background-image:url('im.svg')}.fi-im.fis{background-image:url('_-flags-1x1-im.svg')}.fi-in{background-image:url('in.svg')}.fi-in.fis{background-image:url('_-flags-1x1-in.svg')}.fi-io{background-image:url('io.svg')}.fi-io.fis{background-image:url('_-flags-1x1-io.svg')}.fi-iq{background-image:url('iq.svg')}.fi-iq.fis{background-image:url('_-flags-1x1-iq.svg')}.fi-ir{background-image:url('ir.svg')}.fi-ir.fis{background-image:url('_-flags-1x1-ir.svg')}.fi-is{background-image:url('is.svg')}.fi-is.fis{background-image:url('_-flags-1x1-is.svg')}.fi-it{background-image:url('it.svg')}.fi-it.fis{background-image:url('_-flags-1x1-it.svg')}.fi-je{background-image:url('je.svg')}.fi-je.fis{background-image:url('_-flags-1x1-je.svg')}.fi-jm{background-image:url('jm.svg')}.fi-jm.fis{background-image:url('_-flags-1x1-jm.svg')}.fi-jo{background-image:url('jo.svg')}.fi-jo.fis{background-image:url('_-flags-1x1-jo.svg')}.fi-jp{background-image:url('jp.svg')}.fi-jp.fis{background-image:url('_-flags-1x1-jp.svg')}.fi-ke{background-image:url('ke.svg')}.fi-ke.fis{background-image:url('_-flags-1x1-ke.svg')}.fi-kg{background-image:url('kg.svg')}.fi-kg.fis{background-image:url('_-flags-1x1-kg.svg')}.fi-kh{background-image:url('kh.svg')}.fi-kh.fis{background-image:url('_-flags-1x1-kh.svg')}.fi-ki{background-image:url('ki.svg')}.fi-ki.fis{background-image:url('_-flags-1x1-ki.svg')}.fi-km{background-image:url('km.svg')}.fi-km.fis{background-image:url('_-flags-1x1-km.svg')}.fi-kn{background-image:url('kn.svg')}.fi-kn.fis{background-image:url('_-flags-1x1-kn.svg')}.fi-kp{background-image:url('kp.svg')}.fi-kp.fis{background-image:url('_-flags-1x1-kp.svg')}.fi-kr{background-image:url('kr.svg')}.fi-kr.fis{background-image:url('_-flags-1x1-kr.svg')}.fi-kw{background-image:url('kw.svg')}.fi-kw.fis{background-image:url('_-flags-1x1-kw.svg')}.fi-ky{background-image:url('ky.svg')}.fi-ky.fis{background-image:url('_-flags-1x1-ky.svg')}.fi-kz{background-image:url('kz.svg')}.fi-kz.fis{background-image:url('_-flags-1x1-kz.svg')}.fi-la{background-image:url('la.svg')}.fi-la.fis{background-image:url('_-flags-1x1-la.svg')}.fi-lb{background-image:url('lb.svg')}.fi-lb.fis{background-image:url('_-flags-1x1-lb.svg')}.fi-lc{background-image:url('lc.svg')}.fi-lc.fis{background-image:url('_-flags-1x1-lc.svg')}.fi-li{background-image:url('li.svg')}.fi-li.fis{background-image:url('_-flags-1x1-li.svg')}.fi-lk{background-image:url('lk.svg')}.fi-lk.fis{background-image:url('_-flags-1x1-lk.svg')}.fi-lr{background-image:url('lr.svg')}.fi-lr.fis{background-image:url('_-flags-1x1-lr.svg')}.fi-ls{background-image:url('ls.svg')}.fi-ls.fis{background-image:url('_-flags-1x1-ls.svg')}.fi-lt{background-image:url('lt.svg')}.fi-lt.fis{background-image:url('_-flags-1x1-lt.svg')}.fi-lu{background-image:url('lu.svg')}.fi-lu.fis{background-image:url('_-flags-1x1-lu.svg')}.fi-lv{background-image:url('lv.svg')}.fi-lv.fis{background-image:url('_-flags-1x1-lv.svg')}.fi-ly{background-image:url('ly.svg')}.fi-ly.fis{background-image:url('_-flags-1x1-ly.svg')}.fi-ma{background-image:url('ma.svg')}.fi-ma.fis{background-image:url('_-flags-1x1-ma.svg')}.fi-mc{background-image:url('mc.svg')}.fi-mc.fis{background-image:url('_-flags-1x1-mc.svg')}.fi-md{background-image:url('md.svg')}.fi-md.fis{background-image:url('_-flags-1x1-md.svg')}.fi-me{background-image:url('me.svg')}.fi-me.fis{background-image:url('_-flags-1x1-me.svg')}.fi-mf{background-image:url('mf.svg')}.fi-mf.fis{background-image:url('_-flags-1x1-mf.svg')}.fi-mg{background-image:url('mg.svg')}.fi-mg.fis{background-image:url('_-flags-1x1-mg.svg')}.fi-mh{background-image:url('mh.svg')}.fi-mh.fis{background-image:url('_-flags-1x1-mh.svg')}.fi-mk{background-image:url('mk.svg')}.fi-mk.fis{background-image:url('_-flags-1x1-mk.svg')}.fi-ml{background-image:url('ml.svg')}.fi-ml.fis{background-image:url('_-flags-1x1-ml.svg')}.fi-mm{background-image:url('mm.svg')}.fi-mm.fis{background-image:url('_-flags-1x1-mm.svg')}.fi-mn{background-image:url('mn.svg')}.fi-mn.fis{background-image:url('_-flags-1x1-mn.svg')}.fi-mo{background-image:url('mo.svg')}.fi-mo.fis{background-image:url('_-flags-1x1-mo.svg')}.fi-mp{background-image:url('mp.svg')}.fi-mp.fis{background-image:url('_-flags-1x1-mp.svg')}.fi-mq{background-image:url('mq.svg')}.fi-mq.fis{background-image:url('_-flags-1x1-mq.svg')}.fi-mr{background-image:url('mr.svg')}.fi-mr.fis{background-image:url('_-flags-1x1-mr.svg')}.fi-ms{background-image:url('ms.svg')}.fi-ms.fis{background-image:url('_-flags-1x1-ms.svg')}.fi-mt{background-image:url('mt.svg')}.fi-mt.fis{background-image:url('_-flags-1x1-mt.svg')}.fi-mu{background-image:url('mu.svg')}.fi-mu.fis{background-image:url('_-flags-1x1-mu.svg')}.fi-mv{background-image:url('mv.svg')}.fi-mv.fis{background-image:url('_-flags-1x1-mv.svg')}.fi-mw{background-image:url('mw.svg')}.fi-mw.fis{background-image:url('_-flags-1x1-mw.svg')}.fi-mx{background-image:url('mx.svg')}.fi-mx.fis{background-image:url('_-flags-1x1-mx.svg')}.fi-my{background-image:url('my.svg')}.fi-my.fis{background-image:url('_-flags-1x1-my.svg')}.fi-mz{background-image:url('mz.svg')}.fi-mz.fis{background-image:url('_-flags-1x1-mz.svg')}.fi-na{background-image:url('na.svg')}.fi-na.fis{background-image:url('_-flags-1x1-na.svg')}.fi-nc{background-image:url('nc.svg')}.fi-nc.fis{background-image:url('_-flags-1x1-nc.svg')}.fi-ne{background-image:url('ne.svg')}.fi-ne.fis{background-image:url('_-flags-1x1-ne.svg')}.fi-nf{background-image:url('nf.svg')}.fi-nf.fis{background-image:url('_-flags-1x1-nf.svg')}.fi-ng{background-image:url('ng.svg')}.fi-ng.fis{background-image:url('_-flags-1x1-ng.svg')}.fi-ni{background-image:url('ni.svg')}.fi-ni.fis{background-image:url('_-flags-1x1-ni.svg')}.fi-nl{background-image:url('nl.svg')}.fi-nl.fis{background-image:url('_-flags-1x1-nl.svg')}.fi-no{background-image:url('no.svg')}.fi-no.fis{background-image:url('_-flags-1x1-no.svg')}.fi-np{background-image:url('np.svg')}.fi-np.fis{background-image:url('_-flags-1x1-np.svg')}.fi-nr{background-image:url('nr.svg')}.fi-nr.fis{background-image:url('_-flags-1x1-nr.svg')}.fi-nu{background-image:url('nu.svg')}.fi-nu.fis{background-image:url('_-flags-1x1-nu.svg')}.fi-nz{background-image:url('nz.svg')}.fi-nz.fis{background-image:url('_-flags-1x1-nz.svg')}.fi-om{background-image:url('om.svg')}.fi-om.fis{background-image:url('_-flags-1x1-om.svg')}.fi-pa{background-image:url('pa.svg')}.fi-pa.fis{background-image:url('_-flags-1x1-pa.svg')}.fi-pe{background-image:url('pe.svg')}.fi-pe.fis{background-image:url('_-flags-1x1-pe.svg')}.fi-pf{background-image:url('pf.svg')}.fi-pf.fis{background-image:url('_-flags-1x1-pf.svg')}.fi-pg{background-image:url('pg.svg')}.fi-pg.fis{background-image:url('_-flags-1x1-pg.svg')}.fi-ph{background-image:url('ph.svg')}.fi-ph.fis{background-image:url('_-flags-1x1-ph.svg')}.fi-pk{background-image:url('pk.svg')}.fi-pk.fis{background-image:url('_-flags-1x1-pk.svg')}.fi-pl{background-image:url('pl.svg')}.fi-pl.fis{background-image:url('_-flags-1x1-pl.svg')}.fi-pm{background-image:url('pm.svg')}.fi-pm.fis{background-image:url('_-flags-1x1-pm.svg')}.fi-pn{background-image:url('pn.svg')}.fi-pn.fis{background-image:url('_-flags-1x1-pn.svg')}.fi-pr{background-image:url('pr.svg')}.fi-pr.fis{background-image:url('_-flags-1x1-pr.svg')}.fi-ps{background-image:url('ps.svg')}.fi-ps.fis{background-image:url('_-flags-1x1-ps.svg')}.fi-pt{background-image:url('pt.svg')}.fi-pt.fis{background-image:url('_-flags-1x1-pt.svg')}.fi-pw{background-image:url('pw.svg')}.fi-pw.fis{background-image:url('_-flags-1x1-pw.svg')}.fi-py{background-image:url('py.svg')}.fi-py.fis{background-image:url('_-flags-1x1-py.svg')}.fi-qa{background-image:url('qa.svg')}.fi-qa.fis{background-image:url('_-flags-1x1-qa.svg')}.fi-re{background-image:url('re.svg')}.fi-re.fis{background-image:url('_-flags-1x1-re.svg')}.fi-ro{background-image:url('ro.svg')}.fi-ro.fis{background-image:url('_-flags-1x1-ro.svg')}.fi-rs{background-image:url('rs.svg')}.fi-rs.fis{background-image:url('_-flags-1x1-rs.svg')}.fi-ru{background-image:url('ru.svg')}.fi-ru.fis{background-image:url('_-flags-1x1-ru.svg')}.fi-rw{background-image:url('rw.svg')}.fi-rw.fis{background-image:url('_-flags-1x1-rw.svg')}.fi-sa{background-image:url('sa.svg')}.fi-sa.fis{background-image:url('_-flags-1x1-sa.svg')}.fi-sb{background-image:url('sb.svg')}.fi-sb.fis{background-image:url('_-flags-1x1-sb.svg')}.fi-sc{background-image:url('sc.svg')}.fi-sc.fis{background-image:url('_-flags-1x1-sc.svg')}.fi-sd{background-image:url('sd.svg')}.fi-sd.fis{background-image:url('_-flags-1x1-sd.svg')}.fi-se{background-image:url('se.svg')}.fi-se.fis{background-image:url('_-flags-1x1-se.svg')}.fi-sg{background-image:url('sg.svg')}.fi-sg.fis{background-image:url('_-flags-1x1-sg.svg')}.fi-sh{background-image:url('sh.svg')}.fi-sh.fis{background-image:url('_-flags-1x1-sh.svg')}.fi-si{background-image:url('si.svg')}.fi-si.fis{background-image:url('_-flags-1x1-si.svg')}.fi-sj{background-image:url('sj.svg')}.fi-sj.fis{background-image:url('_-flags-1x1-sj.svg')}.fi-sk{background-image:url('sk.svg')}.fi-sk.fis{background-image:url('_-flags-1x1-sk.svg')}.fi-sl{background-image:url('sl.svg')}.fi-sl.fis{background-image:url('_-flags-1x1-sl.svg')}.fi-sm{background-image:url('sm.svg')}.fi-sm.fis{background-image:url('_-flags-1x1-sm.svg')}.fi-sn{background-image:url('sn.svg')}.fi-sn.fis{background-image:url('_-flags-1x1-sn.svg')}.fi-so{background-image:url('so.svg')}.fi-so.fis{background-image:url('_-flags-1x1-so.svg')}.fi-sr{background-image:url('sr.svg')}.fi-sr.fis{background-image:url('_-flags-1x1-sr.svg')}.fi-ss{background-image:url('ss.svg')}.fi-ss.fis{background-image:url('_-flags-1x1-ss.svg')}.fi-st{background-image:url('st.svg')}.fi-st.fis{background-image:url('_-flags-1x1-st.svg')}.fi-sv{background-image:url('sv.svg')}.fi-sv.fis{background-image:url('_-flags-1x1-sv.svg')}.fi-sx{background-image:url('sx.svg')}.fi-sx.fis{background-image:url('_-flags-1x1-sx.svg')}.fi-sy{background-image:url('sy.svg')}.fi-sy.fis{background-image:url('_-flags-1x1-sy.svg')}.fi-sz{background-image:url('sz.svg')}.fi-sz.fis{background-image:url('_-flags-1x1-sz.svg')}.fi-tc{background-image:url('tc.svg')}.fi-tc.fis{background-image:url('_-flags-1x1-tc.svg')}.fi-td{background-image:url('td.svg')}.fi-td.fis{background-image:url('_-flags-1x1-td.svg')}.fi-tf{background-image:url('tf.svg')}.fi-tf.fis{background-image:url('_-flags-1x1-tf.svg')}.fi-tg{background-image:url('tg.svg')}.fi-tg.fis{background-image:url('_-flags-1x1-tg.svg')}.fi-th{background-image:url('th.svg')}.fi-th.fis{background-image:url('_-flags-1x1-th.svg')}.fi-tj{background-image:url('tj.svg')}.fi-tj.fis{background-image:url('_-flags-1x1-tj.svg')}.fi-tk{background-image:url('tk.svg')}.fi-tk.fis{background-image:url('_-flags-1x1-tk.svg')}.fi-tl{background-image:url('tl.svg')}.fi-tl.fis{background-image:url('_-flags-1x1-tl.svg')}.fi-tm{background-image:url('tm.svg')}.fi-tm.fis{background-image:url('_-flags-1x1-tm.svg')}.fi-tn{background-image:url('tn.svg')}.fi-tn.fis{background-image:url('_-flags-1x1-tn.svg')}.fi-to{background-image:url('to.svg')}.fi-to.fis{background-image:url('_-flags-1x1-to.svg')}.fi-tr{background-image:url('tr.svg')}.fi-tr.fis{background-image:url('_-flags-1x1-tr.svg')}.fi-tt{background-image:url('tt.svg')}.fi-tt.fis{background-image:url('_-flags-1x1-tt.svg')}.fi-tv{background-image:url('tv.svg')}.fi-tv.fis{background-image:url('_-flags-1x1-tv.svg')}.fi-tw{background-image:url('tw.svg')}.fi-tw.fis{background-image:url('_-flags-1x1-tw.svg')}.fi-tz{background-image:url('tz.svg')}.fi-tz.fis{background-image:url('_-flags-1x1-tz.svg')}.fi-ua{background-image:url('ua.svg')}.fi-ua.fis{background-image:url('_-flags-1x1-ua.svg')}.fi-ug{background-image:url('ug.svg')}.fi-ug.fis{background-image:url('_-flags-1x1-ug.svg')}.fi-um{background-image:url('um.svg')}.fi-um.fis{background-image:url('_-flags-1x1-um.svg')}.fi-us{background-image:url('us.svg')}.fi-us.fis{background-image:url('_-flags-1x1-us.svg')}.fi-uy{background-image:url('uy.svg')}.fi-uy.fis{background-image:url('_-flags-1x1-uy.svg')}.fi-uz{background-image:url('uz.svg')}.fi-uz.fis{background-image:url('_-flags-1x1-uz.svg')}.fi-va{background-image:url('va.svg')}.fi-va.fis{background-image:url('_-flags-1x1-va.svg')}.fi-vc{background-image:url('vc.svg')}.fi-vc.fis{background-image:url('_-flags-1x1-vc.svg')}.fi-ve{background-image:url('ve.svg')}.fi-ve.fis{background-image:url('_-flags-1x1-ve.svg')}.fi-vg{background-image:url('vg.svg')}.fi-vg.fis{background-image:url('_-flags-1x1-vg.svg')}.fi-vi{background-image:url('vi.svg')}.fi-vi.fis{background-image:url('_-flags-1x1-vi.svg')}.fi-vn{background-image:url('vn.svg')}.fi-vn.fis{background-image:url('_-flags-1x1-vn.svg')}.fi-vu{background-image:url('vu.svg')}.fi-vu.fis{background-image:url('_-flags-1x1-vu.svg')}.fi-wf{background-image:url('wf.svg')}.fi-wf.fis{background-image:url('_-flags-1x1-wf.svg')}.fi-ws{background-image:url('ws.svg')}.fi-ws.fis{background-image:url('_-flags-1x1-ws.svg')}.fi-ye{background-image:url('ye.svg')}.fi-ye.fis{background-image:url('_-flags-1x1-ye.svg')}.fi-yt{background-image:url('yt.svg')}.fi-yt.fis{background-image:url('_-flags-1x1-yt.svg')}.fi-za{background-image:url('za.svg')}.fi-za.fis{background-image:url('_-flags-1x1-za.svg')}.fi-zm{background-image:url('zm.svg')}.fi-zm.fis{background-image:url('_-flags-1x1-zm.svg')}.fi-zw{background-image:url('zw.svg')}.fi-zw.fis{background-image:url('_-flags-1x1-zw.svg')}.fi-arab{background-image:url('arab.svg')}.fi-arab.fis{background-image:url('_-flags-1x1-arab.svg')}.fi-asean{background-image:url('asean.svg')}.fi-asean.fis{background-image:url('_-flags-1x1-asean.svg')}.fi-cefta{background-image:url('cefta.svg')}.fi-cefta.fis{background-image:url('_-flags-1x1-cefta.svg')}.fi-cp{background-image:url('cp.svg')}.fi-cp.fis{background-image:url('_-flags-1x1-cp.svg')}.fi-dg{background-image:url('dg.svg')}.fi-dg.fis{background-image:url('_-flags-1x1-dg.svg')}.fi-eac{background-image:url('eac.svg')}.fi-eac.fis{background-image:url('_-flags-1x1-eac.svg')}.fi-es-ct{background-image:url('es-ct.svg')}.fi-es-ct.fis{background-image:url('_-flags-1x1-es-ct.svg')}.fi-es-ga{background-image:url('es-ga.svg')}.fi-es-ga.fis{background-image:url('_-flags-1x1-es-ga.svg')}.fi-es-pv{background-image:url('es-pv.svg')}.fi-es-pv.fis{background-image:url('_-flags-1x1-es-pv.svg')}.fi-eu{background-image:url('eu.svg')}.fi-eu.fis{background-image:url('_-flags-1x1-eu.svg')}.fi-gb-eng{background-image:url('gb-eng.svg')}.fi-gb-eng.fis{background-image:url('_-flags-1x1-gb-eng.svg')}.fi-gb-nir{background-image:url('gb-nir.svg')}.fi-gb-nir.fis{background-image:url('_-flags-1x1-gb-nir.svg')}.fi-gb-sct{background-image:url('gb-sct.svg')}.fi-gb-sct.fis{background-image:url('_-flags-1x1-gb-sct.svg')}.fi-gb-wls{background-image:url('gb-wls.svg')}.fi-gb-wls.fis{background-image:url('_-flags-1x1-gb-wls.svg')}.fi-ic{background-image:url('ic.svg')}.fi-ic.fis{background-image:url('_-flags-1x1-ic.svg')}.fi-pc{background-image:url('pc.svg')}.fi-pc.fis{background-image:url('_-flags-1x1-pc.svg')}.fi-sh-ac{background-image:url('sh-ac.svg')}.fi-sh-ac.fis{background-image:url('_-flags-1x1-sh-ac.svg')}.fi-sh-hl{background-image:url('sh-hl.svg')}.fi-sh-hl.fis{background-image:url('_-flags-1x1-sh-hl.svg')}.fi-sh-ta{background-image:url('sh-ta.svg')}.fi-sh-ta.fis{background-image:url('_-flags-1x1-sh-ta.svg')}.fi-un{background-image:url('un.svg')}.fi-un.fis{background-image:url('_-flags-1x1-un.svg')}.fi-xk{background-image:url('xk.svg')}.fi-xk.fis{background-image:url('_-flags-1x1-xk.svg')}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.d-flex, .d-flex-center, .d-flex-col-center {
  display: flex;
}

.fd-row {
  flex-direction: row;
}

.fd-column {
  flex-direction: column;
}

.j-c-center {
  justify-content: center;
}

.j-c-start {
  justify-content: flex-start;
}

.j-c-end {
  justify-content: flex-end;
}

.j-c-space-between {
  justify-content: space-between;
}

.a-i-center {
  align-items: center;
}

.a-i-start {
  align-items: flex-start;
}

.a-i-end {
  align-items: flex-end;
}

.gap-0-5 {
  gap: 0.5rem;
}

.gap-1 {
  gap: 1rem;
}

.gap-2 {
  gap: 2rem;
}

.p-1 {
  padding: 1rem;
}

.p-2 {
  padding: 2rem;
}

.p-unset {
  padding: unset !important;
}

.pb-1 {
  padding-bottom: 1rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-0-5 {
  margin-bottom: 0.5rem;
}

.mr-1 {
  margin-right: 1rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 2rem;
}

.m-0-0-5 {
  margin: 0 0.5rem;
}

.w-100 {
  width: 100%;
}

.d-none {
  display: none !important;
}

.v-hidden {
  visibility: hidden;
}

.v-visible {
  visibility: visible;
}

.minnit-button,
.button-filled {
  color: #021816;
  background-color: !important;
}
.minnit-button:hover, .minnit-button:focus,
.button-filled:hover,
.button-filled:focus {
  background-color: !important;
}

.button-accent, .landing-page-button {
  color: #021816;
  background-color: #DD37C4 !important;
}
.button-accent:hover, .landing-page-button:hover, .button-accent:focus, .landing-page-button:focus {
  background-color: #DD37C4 !important;
}

.button-outlined,
.dashboard-task {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.button-outlined:hover, .button-outlined:focus,
.dashboard-task:hover,
.dashboard-task:focus {
  background-color: !important;
}

.button-outlined-2 {
  color: #021816;
  border: 1px solid #021816;
  background-color: !important;
}
.button-outlined-2:hover, .button-outlined-2:focus {
  background-color: !important;
}

.area-button {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.area-button:hover, .area-button:focus {
  background-color: #B4E9E4 !important;
}

.big-sized-button-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.area-button {
  width: 200px;
  height: 140px;
  border: 1px solid #021816 !important;
  background-color: transparent !important;
}
.area-button:hover, .area-button:focus {
  background-color: #B4E9E4 !important;
}
.area-button .mdc-button__label {
  flex-direction: column;
}

.landing-page-button {
  border-radius: 0.5rem;
  height: 70px !important;
  color: #ffffff !important;
  border: 2px solid transparent !important;
}
.landing-page-button.outlined {
  border: 2px solid #ffffff !important;
  background-color: transparent !important;
}
.landing-page-button .mdc-button__label {
  font-size: 18px;
}

.landing-page-button-outlined {
  height: 70px !important;
  border-radius: 0.5rem;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  background-color: transparent !important;
}
.landing-page-button-outlined .mdc-button__label {
  font-size: 18px;
}

.game-quiz-button {
  position: relative;
  padding: 2rem;
  height: 10rem;
  border-radius: 1rem;
  border: 0.5rem solid white;
  font-size: 2rem;
  color: black;
  display: flex;
  align-items: center;
  gap: 2rem;
  cursor: pointer;
}
.game-quiz-button image {
  height: 3rem;
}
.game-quiz-button .selection-toggle {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.minnit-fab-button {
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: #0EB8A3;
  cursor: pointer;
}

.button-small {
  height: 2.75rem !important;
  width: 7rem !important;
}
.button-small .mdc-button__label {
  font-size: 0.875rem !important;
}

@media only screen and (max-width : 827px) {
  .game-quiz-button {
    height: 90px;
    border: 0.25rem solid white;
  }
}
.legend-dialog {
  position: absolute !important;
  top: 218px;
  right: 32px;
}

.default-dialog {
  display: flex !important;
  flex-direction: column !important;
}

.transparent-dialog .mat-mdc-dialog-surface {
  background: transparent !important;
  box-shadow: none !important;
}

/*
  Custom base drag placeholder styling providing default border, radius and background.
  Should be extendended in components for size and other needed specifics.

  ex.:
    .component-placeholder {
      @extend .custom-drag-placeholder;
      width: 6rem;
      height: 6rem;
      ...
    }
*/
.custom-drag-placeholder {
  border: 2px dashed #808B8A;
  border-radius: 1rem;
  background-color: rgba(53, 70, 69, 0.05);
  box-sizing: border-box;
}

.tab-group-content-wrapper {
  padding: 1rem;
}

angular-editor .angular-editor-toolbar {
  border-radius: 0.5rem;
  background-color: #DFF8F7 !important;
}
angular-editor .angular-editor-textarea {
  outline: none;
  resize: none !important;
  border: 1px solid #808B8A;
  border-radius: 0.5rem;
}
angular-editor .angular-editor-textarea ol, angular-editor .angular-editor-textarea ul {
  padding: revert;
}

.description-innerhtml {
  width: 100%;
  max-width: 30rem;
}
.description-innerhtml ol, .description-innerhtml ul {
  padding-left: 2rem;
}

/**
Helper Vars for minnit evo - extend this file by all needed vars
 */
.mat-mdc-snack-bar-container {
  position: fixed;
  right: 0.5rem;
  top: 6.125rem !important;
}
.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface {
  box-shadow: none;
  color: inherit !important;
  padding: 1rem !important;
  background-color: white !important;
  height: 100%;
}
.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface .mdc-snackbar__label {
  height: 100%;
  padding: 0 !important;
}

.snackbar-default, .snackbar-error, .snackbar-info, .snackbar-success {
  top: 5.625rem;
  color: black;
  border: 2px solid black;
  background-color: white;
  border-radius: 0.5rem;
  opacity: 0.9 !important;
}

.snackbar-success {
  border: 2px solid #1E852C;
}

.snackbar-info {
  border: 2px solid #0972AE;
}

.snackbar-error {
  border: 2px solid #C11313;
}

.answer-image-wrapper {
  position: relative;
}
.answer-image-wrapper img {
  width: 100%;
  max-width: 3.5rem;
  max-height: 3.5rem;
  object-fit: cover;
  border: 1px solid grey;
  cursor: pointer;
  border-radius: 0.25rem;
}
.answer-image-wrapper .delete-image-icon {
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  top: -0.75rem;
  right: -0.75rem;
  z-index: 2;
}
.answer-image-wrapper .media-in-progress-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 3rem;
  width: 3rem;
}

mat-datepicker-toggle {
  pointer-events: auto;
  color: var(--mat-datepicker-toggle-icon-color);
}

.mat-datepicker-toggle-active {
  color: var(--mat-datepicker-toggle-active-state-icon-color);
}

.cdk-high-contrast-active .mat-datepicker-toggle-default-icon {
  color: canvastext;
}

.mat-datepicker-content {
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px -1px, rgba(0, 0, 0, 0.14) 0 4px 5px 0, rgba(0, 0, 0, 0.12) 0 1px 10px 0;
  display: block;
  border-radius: 4px;
  background-color: var(--mat-datepicker-calendar-container-background-color);
  color: var(--mat-datepicker-calendar-container-text-color);
  overflow-y: auto !important;
}

.mat-datepicker-content .mat-calendar {
  width: 296px;
  height: 354px;
}

.mat-datepicker-content .mat-datepicker-content-container-with-custom-header .mat-calendar {
  height: auto;
}

.mat-datepicker-content .mat-datepicker-close-button {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
}

.ng-animating .mat-datepicker-content .mat-datepicker-close-button {
  display: none;
}

.mat-datepicker-content-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mat-datepicker-content-touch {
  box-shadow: rgba(0, 0, 0, 0.2) 0 11px 15px -7px, rgba(0, 0, 0, 0.14) 0 24px 38px 3px, rgba(0, 0, 0, 0.12) 0 9px 46px 8px;
  display: block;
  max-height: 80vh;
  position: relative;
  overflow: visible;
  overflow-y: auto !important;
}

.mat-datepicker-content-touch .mat-datepicker-content-container {
  min-height: 312px;
  max-height: 1080px !important;
  min-width: 250px;
  max-width: 750px;
}

.mat-datepicker-content-touch .mat-calendar {
  width: 100%;
  height: auto;
}

@media (orientation: landscape) {
  .mat-datepicker-content-touch .mat-datepicker-content-container {
    width: 64vh;
    height: 80vh;
  }
}
@media (orientation: portrait) {
  .mat-datepicker-content-touch .mat-datepicker-content-container {
    width: 80vw;
    height: 100vw;
  }
  .mat-datepicker-content-touch .mat-datepicker-content-container-with-actions {
    height: 115vw;
  }
}
.mat-calendar {
  display: block;
  font-family: var(--mat-datepicker-calendar-text-font);
  font-size: var(--mat-datepicker-calendar-text-size);
}

.mat-calendar-header {
  padding: 8px 8px 0;
}

.mat-calendar-content {
  padding: 0 8px 8px;
  outline: none;
}

.mat-calendar-controls {
  display: flex;
  align-items: center;
  margin: 5% calc(4.71429% - 16px);
}

.mat-calendar-spacer {
  flex: 1 1 auto;
}

.mat-calendar-period-button {
  min-width: 0;
  margin: 0 8px;
  font-size: var(--mat-datepicker-calendar-period-button-text-size);
  font-weight: var(--mat-datepicker-calendar-period-button-text-weight);
}

.mat-calendar-arrow {
  display: inline-block;
  width: 10px;
  height: 5px;
  margin: 0 0 0 5px;
  vertical-align: middle;
  fill: var(--mat-datepicker-calendar-period-button-icon-color);
}

.mat-calendar-arrow.mat-calendar-invert {
  transform: rotate(180deg);
}

[dir=rtl] .mat-calendar-arrow {
  margin: 0 5px 0 0;
}

.cdk-high-contrast-active .mat-calendar-arrow {
  fill: canvastext;
}

.mat-calendar-previous-button,
.mat-calendar-next-button {
  position: relative;
}

.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-content .mat-calendar-next-button {
  color: var(--mat-datepicker-calendar-navigation-button-icon-color);
}

.mat-calendar-previous-button::after,
.mat-calendar-next-button::after {
  inset: 0;
  position: absolute;
  content: "";
  margin: 15.5px;
  border-width: 2px 0 0;
  border-style: solid;
  border-color: currentColor;
  border-image: initial;
}

[dir=rtl] .mat-calendar-previous-button,
[dir=rtl] .mat-calendar-next-button {
  transform: rotate(180deg);
}

.mat-calendar-previous-button::after {
  border-left-width: 2px;
  transform: translateX(2px) rotate(-45deg);
}

.mat-calendar-next-button::after {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg);
}

.mat-calendar-table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

.mat-calendar-table-header th {
  text-align: center;
  padding: 0 0 8px;
  color: var(--mat-datepicker-calendar-header-text-color);
  font-size: var(--mat-datepicker-calendar-header-text-size);
  font-weight: var(--mat-datepicker-calendar-header-text-weight);
}

.mat-calendar-table-header-divider {
  position: relative;
  height: 1px;
}

.mat-calendar-table-header-divider::after {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  right: -8px;
  height: 1px;
  background: var(--mat-datepicker-calendar-header-divider-color);
}

.mat-calendar-body-cell-content::before {
  margin: calc((var(--mat-focus-indicator-border-width, 3px) + 3px) * -1);
}

.mat-calendar-body-cell:focus .mat-focus-indicator::before {
  content: "";
}

.mat-calendar-hidden-label {
  display: none;
}

.mat-calendar-body {
  min-width: 224px;
}

.mat-calendar-body-today:not(.mat-calendar-body-selected,
.mat-calendar-body-comparison-identical) {
  border-color: var(--mat-datepicker-calendar-date-today-outline-color);
}

.mat-calendar-body-label {
  height: 0;
  line-height: 0;
  text-align: left;
  padding-left: 4.71429%;
  padding-right: 4.71429%;
  font-size: var(--mat-datepicker-calendar-body-label-text-size);
  font-weight: var(--mat-datepicker-calendar-body-label-text-weight);
  color: var(--mat-datepicker-calendar-body-label-text-color);
}

.mat-calendar-body-hidden-label {
  display: none;
}

.mat-calendar-body-cell-container {
  position: relative;
  height: 0;
  line-height: 0;
}

.mat-calendar-body-cell {
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  text-align: center;
  outline: none;
  font-family: inherit;
  margin: 0;
}

.mat-calendar-body-cell::before,
.mat-calendar-body-cell::after,
.mat-calendar-body-cell-preview {
  content: "";
  position: absolute;
  top: 5%;
  left: 0;
  z-index: 0;
  box-sizing: border-box;
  display: block;
  height: 90%;
  width: 100%;
}

.mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before,
.mat-calendar-body-range-start::after,
.mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before,
.mat-calendar-body-comparison-start::after,
.mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  left: 5%;
  width: 95%;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}

[dir=rtl] .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before,
[dir=rtl] .mat-calendar-body-range-start::after,
[dir=rtl] .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before,
[dir=rtl] .mat-calendar-body-comparison-start::after,
[dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  left: 0;
  border-radius: 0 999px 999px 0;
}

.mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
.mat-calendar-body-range-end::after,
.mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
.mat-calendar-body-comparison-end::after,
.mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  width: 95%;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}

[dir=rtl] .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
[dir=rtl] .mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
[dir=rtl] .mat-calendar-body-comparison-end::after,
[dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  left: 5%;
  border-radius: 999px 0 0 999px;
}

[dir=rtl] .mat-calendar-body-comparison-bridge-start.mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar-body-comparison-bridge-end.mat-calendar-body-range-start::after {
  width: 95%;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}

.mat-calendar-body-comparison-start.mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar-body-comparison-start.mat-calendar-body-range-end::after,
.mat-calendar-body-comparison-end.mat-calendar-body-range-start::after,
[dir=rtl] .mat-calendar-body-comparison-end.mat-calendar-body-range-start::after {
  width: 90%;
}

.mat-calendar-body-in-preview {
  color: var(--mat-datepicker-calendar-date-preview-state-outline-color);
}

.mat-calendar-body-in-preview .mat-calendar-body-cell-preview {
  border-top: 1px dashed;
  border-bottom: 1px dashed;
}

.mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  border-left: 1px dashed;
}

[dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  border-left: 0;
  border-right: 1px dashed;
}

.mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  border-right: 1px dashed;
}

[dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  border-right: 0;
  border-left: 1px dashed;
}

.mat-calendar-body-disabled {
  cursor: default;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected,
.mat-calendar-body-comparison-identical) {
  color: var(--mat-datepicker-calendar-date-disabled-state-text-color);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected,
.mat-calendar-body-comparison-identical) {
  border-color: var(--mat-datepicker-calendar-date-today-disabled-state-outline-color);
}

.cdk-high-contrast-active .mat-calendar-body-disabled {
  opacity: 0.5;
}

.mat-calendar-body-cell-content {
  top: 5%;
  left: 5%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: 999px;
  color: var(--mat-datepicker-calendar-date-text-color);
  border-color: var(--mat-datepicker-calendar-date-outline-color);
}

.mat-calendar-body-cell-content.mat-focus-indicator {
  position: absolute;
}

.cdk-high-contrast-active .mat-calendar-body-cell-content {
  border: none;
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected,
.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected,
.mat-calendar-body-comparison-identical) {
  background-color: var(--mat-datepicker-calendar-date-focus-state-background-color);
}

@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected,
  .mat-calendar-body-comparison-identical) {
    background-color: var(--mat-datepicker-calendar-date-hover-state-background-color);
  }
}
.mat-calendar-body-selected {
  background-color: var(--mat-datepicker-calendar-date-selected-state-background-color);
  color: var(--mat-datepicker-calendar-date-selected-state-text-color);
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: var(--mat-datepicker-calendar-date-selected-disabled-state-background-color);
}

.mat-calendar-body-selected.mat-calendar-body-today {
  box-shadow: inset 0 0 0 1px var(--mat-datepicker-calendar-date-today-selected-state-outline-color);
}

.mat-calendar-body-in-range::before {
  background: var(--mat-datepicker-calendar-date-in-range-state-background-color);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color);
}

.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, var(--mat-datepicker-calendar-date-in-range-state-background-color) 50%, var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color) 50%);
}

.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, var(--mat-datepicker-calendar-date-in-range-state-background-color) 50%, var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color) 50%);
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: var(--mat-datepicker-calendar-date-in-overlap-range-state-background-color);
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: var(--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color);
}

.cdk-high-contrast-active .mat-datepicker-popup:not(:empty),
.cdk-high-contrast-active .mat-calendar-body-cell:not(.mat-calendar-body-in-range) .mat-calendar-body-selected {
  outline: solid 1px;
}

.cdk-high-contrast-active .mat-calendar-body-today {
  outline: dotted 1px;
}

.cdk-high-contrast-active .mat-calendar-body-cell::before,
.cdk-high-contrast-active .mat-calendar-body-cell::after,
.cdk-high-contrast-active .mat-calendar-body-selected {
  background: none;
}

.cdk-high-contrast-active .mat-calendar-body-in-range::before,
.cdk-high-contrast-active .mat-calendar-body-comparison-bridge-start::before,
.cdk-high-contrast-active .mat-calendar-body-comparison-bridge-end::before {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.cdk-high-contrast-active .mat-calendar-body-range-start::before {
  border-left: 1px solid;
}

[dir=rtl] .cdk-high-contrast-active .mat-calendar-body-range-start::before {
  border-left: 0;
  border-right: 1px solid;
}

.cdk-high-contrast-active .mat-calendar-body-range-end::before {
  border-right: 1px solid;
}

[dir=rtl] .cdk-high-contrast-active .mat-calendar-body-range-end::before {
  border-right: 0;
  border-left: 1px solid;
}

.cdk-high-contrast-active .mat-calendar-body-in-comparison-range::before {
  border-top: 1px dashed;
  border-bottom: 1px dashed;
}

.cdk-high-contrast-active .mat-calendar-body-comparison-start::before {
  border-left: 1px dashed;
}

[dir=rtl] .cdk-high-contrast-active .mat-calendar-body-comparison-start::before {
  border-left: 0;
  border-right: 1px dashed;
}

.cdk-high-contrast-active .mat-calendar-body-comparison-end::before {
  border-right: 1px dashed;
}

[dir=rtl] .cdk-high-contrast-active .mat-calendar-body-comparison-end::before {
  border-right: 0;
  border-left: 1px dashed;
}

[dir=rtl] .mat-calendar-body-label {
  text-align: right;
}

/* inter-cyrillic-ext-400-normal */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-cyrillic-ext-400-normal.woff2') format("woff2"), url('inter-cyrillic-ext-400-normal.woff') format("woff");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* inter-cyrillic-400-normal */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-cyrillic-400-normal.woff2') format("woff2"), url('inter-cyrillic-400-normal.woff') format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* inter-greek-ext-400-normal */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-greek-ext-400-normal.woff2') format("woff2"), url('inter-greek-ext-400-normal.woff') format("woff");
  unicode-range: U+1F00-1FFF;
}
/* inter-greek-400-normal */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-greek-400-normal.woff2') format("woff2"), url('inter-greek-400-normal.woff') format("woff");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* inter-vietnamese-400-normal */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-vietnamese-400-normal.woff2') format("woff2"), url('inter-vietnamese-400-normal.woff') format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* inter-latin-ext-400-normal */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-latin-ext-400-normal.woff2') format("woff2"), url('inter-latin-ext-400-normal.woff') format("woff");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* inter-latin-400-normal */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('inter-latin-400-normal.woff2') format("woff2"), url('inter-latin-400-normal.woff') format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
}

h1 {
  font-size: 31px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0px;
}

h2 {
  font-size: 25px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0px;
  margin-bottom: 0.75rem;
}

h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0px;
  margin-bottom: 0.5rem;
  padding: 0 24px 9px !important;
}

p {
  margin-bottom: 0.5rem;
}

.text-regular, .dashboard-task .content .task .task-details {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.32px;
}

.text-semibold, .minnit-link, .dashboard-task .content .task .task-details .task-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.32px;
}

.text-small-regular, .module-panel .description, .minnit-footer .version, .minnit-footer .footer-content, .legend-dialog .legend-entry {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.text-small-semibold {
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.text-tiny-regular {
  font-size: 12px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.4px;
}

.text-tiny-semibold {
  font-size: 12px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.4px;
}

.color-warn {
  color: #C11313;
}

.color-info {
  color: #0972AE;
}

.color-success {
  color: #1E852C;
}

.color-transparent {
  color: transparent;
}

.border-warn {
  border-radius: 0.5rem !important;
  border: 2px solid #C11313;
}

.border-info {
  border-radius: 0.5rem !important;
  border: 2px solid #0972AE;
}

.border-success {
  border-radius: 0.5rem !important;
  border: 2px solid #1E852C;
}

.default-theme-light .body-bg,
.light .body-bg {
  background: linear-gradient(20deg, #ebfcff 60%, #d1f3ee) !important;
}
.default-theme-light .minnit-button, .default-theme-light .default-dialog mat-dialog-actions .default-confirm-action, .default-dialog mat-dialog-actions .default-theme-light .default-confirm-action,
.default-theme-light .button-filled,
.light .minnit-button,
.light .default-dialog mat-dialog-actions .default-confirm-action,
.default-dialog mat-dialog-actions .light .default-confirm-action,
.light .button-filled {
  color: #021816;
  background-color: #0EB8A3 !important;
}
.default-theme-light .minnit-button:hover, .default-theme-light .default-dialog mat-dialog-actions .default-confirm-action:hover, .default-dialog mat-dialog-actions .default-theme-light .default-confirm-action:hover, .default-theme-light .minnit-button:focus, .default-theme-light .default-dialog mat-dialog-actions .default-confirm-action:focus, .default-dialog mat-dialog-actions .default-theme-light .default-confirm-action:focus,
.default-theme-light .button-filled:hover,
.default-theme-light .button-filled:focus,
.light .minnit-button:hover,
.light .default-dialog mat-dialog-actions .default-confirm-action:hover,
.default-dialog mat-dialog-actions .light .default-confirm-action:hover,
.light .minnit-button:focus,
.light .default-dialog mat-dialog-actions .default-confirm-action:focus,
.default-dialog mat-dialog-actions .light .default-confirm-action:focus,
.light .button-filled:hover,
.light .button-filled:focus {
  background-color: #00B9C3 !important;
}
.default-theme-light .button-accent,
.light .button-accent {
  color: #021816;
  background-color: #DD37C4 !important;
}
.default-theme-light .button-accent:hover, .default-theme-light .button-accent:focus,
.light .button-accent:hover,
.light .button-accent:focus {
  background-color: #DD37C4 !important;
}
.default-theme-light .button-outlined,
.default-theme-light .dashboard-task,
.light .button-outlined,
.light .dashboard-task {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-light .button-outlined:hover, .default-theme-light .button-outlined:focus,
.default-theme-light .dashboard-task:hover,
.default-theme-light .dashboard-task:focus,
.light .button-outlined:hover,
.light .button-outlined:focus,
.light .dashboard-task:hover,
.light .dashboard-task:focus {
  background-color: #B4E9E4 !important;
}
.default-theme-light .button-outlined-2,
.light .button-outlined-2 {
  color: #021816;
  border: 1px solid #021816;
  background-color: #B4E9E4 !important;
}
.default-theme-light .button-outlined-2:hover, .default-theme-light .button-outlined-2:focus,
.light .button-outlined-2:hover,
.light .button-outlined-2:focus {
  background-color: #DFF8F7 !important;
}
.default-theme-light .area-button,
.light .area-button {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-light .area-button:hover, .default-theme-light .area-button:focus,
.light .area-button:hover,
.light .area-button:focus {
  background-color: #B4E9E4 !important;
}
.default-theme-light .minnit-card,
.default-theme-light .dashboard-card,
.light .minnit-card,
.light .dashboard-card {
  background-color: #DFF8F7 !important;
  border: 2px solid transparent !important;
}
.default-theme-light .minnit-card.bg-white,
.default-theme-light .dashboard-card.bg-white,
.light .minnit-card.bg-white,
.light .dashboard-card.bg-white {
  background-color: white !important;
}
.default-theme-light .minnit-card.selected,
.default-theme-light .dashboard-card.selected,
.light .minnit-card.selected,
.light .dashboard-card.selected {
  border: 2px solid #0EB8A3 !important;
}
.default-theme-light .legend-dialog,
.light .legend-dialog {
  --mdc-dialog-container-color: map-get($colors, primary-petrol-light-2) ;
}
.default-theme-light th,
.light th {
  background-color: #B4F0FA !important;
}
.default-theme-light tr,
.light tr {
  cursor: pointer;
}
.default-theme-light tr:hover,
.light tr:hover {
  background-color: #DFF8F7 !important;
}
.default-theme-light .mat-mdc-tab-header,
.light .mat-mdc-tab-header {
  background-color: #B4F0FA !important;
}
.default-theme-light .module-panel,
.light .module-panel {
  background-color: #ffffff;
}

.default-theme-dark .body-bg,
.dark .body-bg {
  background: linear-gradient(20deg, #00baa3 60%, #2c3c4d) !important;
}
.default-theme-dark .minnit-button, .default-theme-dark .default-dialog mat-dialog-actions .default-confirm-action, .default-dialog mat-dialog-actions .default-theme-dark .default-confirm-action,
.default-theme-dark .button-filled,
.dark .minnit-button,
.dark .default-dialog mat-dialog-actions .default-confirm-action,
.default-dialog mat-dialog-actions .dark .default-confirm-action,
.dark .button-filled {
  color: #021816;
  background-color: #0EB8A3 !important;
}
.default-theme-dark .minnit-button:hover, .default-theme-dark .default-dialog mat-dialog-actions .default-confirm-action:hover, .default-dialog mat-dialog-actions .default-theme-dark .default-confirm-action:hover, .default-theme-dark .minnit-button:focus, .default-theme-dark .default-dialog mat-dialog-actions .default-confirm-action:focus, .default-dialog mat-dialog-actions .default-theme-dark .default-confirm-action:focus,
.default-theme-dark .button-filled:hover,
.default-theme-dark .button-filled:focus,
.dark .minnit-button:hover,
.dark .default-dialog mat-dialog-actions .default-confirm-action:hover,
.default-dialog mat-dialog-actions .dark .default-confirm-action:hover,
.dark .minnit-button:focus,
.dark .default-dialog mat-dialog-actions .default-confirm-action:focus,
.default-dialog mat-dialog-actions .dark .default-confirm-action:focus,
.dark .button-filled:hover,
.dark .button-filled:focus {
  background-color: #00B9C3 !important;
}
.default-theme-dark .button-accent,
.dark .button-accent {
  color: #021816;
  background-color: #DD37C4 !important;
}
.default-theme-dark .button-accent:hover, .default-theme-dark .button-accent:focus,
.dark .button-accent:hover,
.dark .button-accent:focus {
  background-color: #DD37C4 !important;
}
.default-theme-dark .button-outlined,
.default-theme-dark .dashboard-task,
.dark .button-outlined,
.dark .dashboard-task {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-dark .button-outlined:hover, .default-theme-dark .button-outlined:focus,
.default-theme-dark .dashboard-task:hover,
.default-theme-dark .dashboard-task:focus,
.dark .button-outlined:hover,
.dark .button-outlined:focus,
.dark .dashboard-task:hover,
.dark .dashboard-task:focus {
  background-color: #DFF8F7 !important;
}
.default-theme-dark .button-outlined-2,
.dark .button-outlined-2 {
  color: #021816;
  border: 1px solid #021816;
  background-color: #B4E9E4 !important;
}
.default-theme-dark .button-outlined-2:hover, .default-theme-dark .button-outlined-2:focus,
.dark .button-outlined-2:hover,
.dark .button-outlined-2:focus {
  background-color: #DFF8F7 !important;
}
.default-theme-dark .area-button,
.dark .area-button {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-dark .area-button:hover, .default-theme-dark .area-button:focus,
.dark .area-button:hover,
.dark .area-button:focus {
  background-color: #B4E9E4 !important;
}
.default-theme-dark .minnit-card,
.default-theme-dark .dashboard-card,
.dark .minnit-card,
.dark .dashboard-card {
  background-color: #B4E9E4 !important;
  border: 2px solid transparent !important;
}
.default-theme-dark .minnit-card.bg-white,
.default-theme-dark .dashboard-card.bg-white,
.dark .minnit-card.bg-white,
.dark .dashboard-card.bg-white {
  background-color: white !important;
}
.default-theme-dark .minnit-card.selected,
.default-theme-dark .dashboard-card.selected,
.dark .minnit-card.selected,
.dark .dashboard-card.selected {
  border: 2px solid #0EB8A3 !important;
}
.default-theme-dark .legend-dialog,
.dark .legend-dialog {
  --mdc-dialog-container-color: map-get($colors, primary-petrol-light-2) ;
}
.default-theme-dark th,
.dark th {
  background-color: #B4E9E4 !important;
}
.default-theme-dark tr,
.dark tr {
  cursor: pointer;
}
.default-theme-dark tr:hover,
.dark tr:hover {
  background-color: #DFF8F7 !important;
}
.default-theme-dark .mat-mdc-tab-header,
.dark .mat-mdc-tab-header {
  background-color: #B4E9E4 !important;
}
.default-theme-dark .module-panel,
.dark .module-panel {
  background-color: #B4E9E4;
}

.default-theme-light .body-bg,
.light .body-bg {
  background: linear-gradient(20deg, #ebfcff 60%, #d1f3ee) !important;
}
.default-theme-light .minnit-button, .default-theme-light .default-dialog mat-dialog-actions .default-confirm-action, .default-dialog mat-dialog-actions .default-theme-light .default-confirm-action,
.default-theme-light .button-filled,
.light .minnit-button,
.light .default-dialog mat-dialog-actions .default-confirm-action,
.default-dialog mat-dialog-actions .light .default-confirm-action,
.light .button-filled {
  color: #021816;
  background-color: #0EB8A3 !important;
}
.default-theme-light .minnit-button:hover, .default-theme-light .default-dialog mat-dialog-actions .default-confirm-action:hover, .default-dialog mat-dialog-actions .default-theme-light .default-confirm-action:hover, .default-theme-light .minnit-button:focus, .default-theme-light .default-dialog mat-dialog-actions .default-confirm-action:focus, .default-dialog mat-dialog-actions .default-theme-light .default-confirm-action:focus,
.default-theme-light .button-filled:hover,
.default-theme-light .button-filled:focus,
.light .minnit-button:hover,
.light .default-dialog mat-dialog-actions .default-confirm-action:hover,
.default-dialog mat-dialog-actions .light .default-confirm-action:hover,
.light .minnit-button:focus,
.light .default-dialog mat-dialog-actions .default-confirm-action:focus,
.default-dialog mat-dialog-actions .light .default-confirm-action:focus,
.light .button-filled:hover,
.light .button-filled:focus {
  background-color: #00B9C3 !important;
}
.default-theme-light .button-accent,
.light .button-accent {
  color: #021816;
  background-color: #DD37C4 !important;
}
.default-theme-light .button-accent:hover, .default-theme-light .button-accent:focus,
.light .button-accent:hover,
.light .button-accent:focus {
  background-color: #DD37C4 !important;
}
.default-theme-light .button-outlined,
.default-theme-light .dashboard-task,
.light .button-outlined,
.light .dashboard-task {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-light .button-outlined:hover, .default-theme-light .button-outlined:focus,
.default-theme-light .dashboard-task:hover,
.default-theme-light .dashboard-task:focus,
.light .button-outlined:hover,
.light .button-outlined:focus,
.light .dashboard-task:hover,
.light .dashboard-task:focus {
  background-color: #B4E9E4 !important;
}
.default-theme-light .button-outlined-2,
.light .button-outlined-2 {
  color: #021816;
  border: 1px solid #021816;
  background-color: #B4E9E4 !important;
}
.default-theme-light .button-outlined-2:hover, .default-theme-light .button-outlined-2:focus,
.light .button-outlined-2:hover,
.light .button-outlined-2:focus {
  background-color: #DFF8F7 !important;
}
.default-theme-light .area-button,
.light .area-button {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-light .area-button:hover, .default-theme-light .area-button:focus,
.light .area-button:hover,
.light .area-button:focus {
  background-color: #B4E9E4 !important;
}
.default-theme-light .minnit-card,
.default-theme-light .dashboard-card,
.light .minnit-card,
.light .dashboard-card {
  background-color: #DFF8F7 !important;
  border: 2px solid transparent !important;
}
.default-theme-light .minnit-card.bg-white,
.default-theme-light .dashboard-card.bg-white,
.light .minnit-card.bg-white,
.light .dashboard-card.bg-white {
  background-color: white !important;
}
.default-theme-light .minnit-card.selected,
.default-theme-light .dashboard-card.selected,
.light .minnit-card.selected,
.light .dashboard-card.selected {
  border: 2px solid #0EB8A3 !important;
}
.default-theme-light .legend-dialog,
.light .legend-dialog {
  --mdc-dialog-container-color: map-get($colors, primary-petrol-light-2) ;
}
.default-theme-light th,
.light th {
  background-color: #B4F0FA !important;
}
.default-theme-light tr,
.light tr {
  cursor: pointer;
}
.default-theme-light tr:hover,
.light tr:hover {
  background-color: #DFF8F7 !important;
}
.default-theme-light .mat-mdc-tab-header,
.light .mat-mdc-tab-header {
  background-color: #B4F0FA !important;
}
.default-theme-light .module-panel,
.light .module-panel {
  background-color: #ffffff;
}

.default-theme-dark .body-bg,
.dark .body-bg {
  background: linear-gradient(20deg, #00baa3 60%, #2c3c4d) !important;
}
.default-theme-dark .minnit-button, .default-theme-dark .default-dialog mat-dialog-actions .default-confirm-action, .default-dialog mat-dialog-actions .default-theme-dark .default-confirm-action,
.default-theme-dark .button-filled,
.dark .minnit-button,
.dark .default-dialog mat-dialog-actions .default-confirm-action,
.default-dialog mat-dialog-actions .dark .default-confirm-action,
.dark .button-filled {
  color: #021816;
  background-color: #0EB8A3 !important;
}
.default-theme-dark .minnit-button:hover, .default-theme-dark .default-dialog mat-dialog-actions .default-confirm-action:hover, .default-dialog mat-dialog-actions .default-theme-dark .default-confirm-action:hover, .default-theme-dark .minnit-button:focus, .default-theme-dark .default-dialog mat-dialog-actions .default-confirm-action:focus, .default-dialog mat-dialog-actions .default-theme-dark .default-confirm-action:focus,
.default-theme-dark .button-filled:hover,
.default-theme-dark .button-filled:focus,
.dark .minnit-button:hover,
.dark .default-dialog mat-dialog-actions .default-confirm-action:hover,
.default-dialog mat-dialog-actions .dark .default-confirm-action:hover,
.dark .minnit-button:focus,
.dark .default-dialog mat-dialog-actions .default-confirm-action:focus,
.default-dialog mat-dialog-actions .dark .default-confirm-action:focus,
.dark .button-filled:hover,
.dark .button-filled:focus {
  background-color: #00B9C3 !important;
}
.default-theme-dark .button-accent,
.dark .button-accent {
  color: #021816;
  background-color: #DD37C4 !important;
}
.default-theme-dark .button-accent:hover, .default-theme-dark .button-accent:focus,
.dark .button-accent:hover,
.dark .button-accent:focus {
  background-color: #DD37C4 !important;
}
.default-theme-dark .button-outlined,
.default-theme-dark .dashboard-task,
.dark .button-outlined,
.dark .dashboard-task {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-dark .button-outlined:hover, .default-theme-dark .button-outlined:focus,
.default-theme-dark .dashboard-task:hover,
.default-theme-dark .dashboard-task:focus,
.dark .button-outlined:hover,
.dark .button-outlined:focus,
.dark .dashboard-task:hover,
.dark .dashboard-task:focus {
  background-color: #DFF8F7 !important;
}
.default-theme-dark .button-outlined-2,
.dark .button-outlined-2 {
  color: #021816;
  border: 1px solid #021816;
  background-color: #B4E9E4 !important;
}
.default-theme-dark .button-outlined-2:hover, .default-theme-dark .button-outlined-2:focus,
.dark .button-outlined-2:hover,
.dark .button-outlined-2:focus {
  background-color: #DFF8F7 !important;
}
.default-theme-dark .area-button,
.dark .area-button {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-dark .area-button:hover, .default-theme-dark .area-button:focus,
.dark .area-button:hover,
.dark .area-button:focus {
  background-color: #B4E9E4 !important;
}
.default-theme-dark .minnit-card,
.default-theme-dark .dashboard-card,
.dark .minnit-card,
.dark .dashboard-card {
  background-color: #B4E9E4 !important;
  border: 2px solid transparent !important;
}
.default-theme-dark .minnit-card.bg-white,
.default-theme-dark .dashboard-card.bg-white,
.dark .minnit-card.bg-white,
.dark .dashboard-card.bg-white {
  background-color: white !important;
}
.default-theme-dark .minnit-card.selected,
.default-theme-dark .dashboard-card.selected,
.dark .minnit-card.selected,
.dark .dashboard-card.selected {
  border: 2px solid #0EB8A3 !important;
}
.default-theme-dark .legend-dialog,
.dark .legend-dialog {
  --mdc-dialog-container-color: map-get($colors, primary-petrol-light-2) ;
}
.default-theme-dark th,
.dark th {
  background-color: #B4E9E4 !important;
}
.default-theme-dark tr,
.dark tr {
  cursor: pointer;
}
.default-theme-dark tr:hover,
.dark tr:hover {
  background-color: #DFF8F7 !important;
}
.default-theme-dark .mat-mdc-tab-header,
.dark .mat-mdc-tab-header {
  background-color: #B4E9E4 !important;
}
.default-theme-dark .module-panel,
.dark .module-panel {
  background-color: #B4E9E4;
}

/** a minnit-button as default is always normal sized and filled **/
.minnit-button, .default-dialog mat-dialog-actions .default-confirm-action {
  border-radius: 0.5rem !important;
  --mdc-filled-button-container-height: 56px !important;
  --mat-filled-button-horizontal-padding: 25px !important;
  padding: 0 25px !important;
  border: none;
  cursor: pointer;
  /*** Usage ***/
}
.minnit-button .mdc-button__label, .default-dialog mat-dialog-actions .default-confirm-action .mdc-button__label {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.minnit-button.button-large, .default-dialog mat-dialog-actions .button-large.default-confirm-action {
  --mdc-filled-button-container-height: 70px;
  --mat-filled-button-horizontal-padding: 45px !important;
}
.minnit-button.module-button, .default-dialog mat-dialog-actions .module-button.default-confirm-action {
  width: 100%;
}
.minnit-button.module-button .mdc-button__label, .default-dialog mat-dialog-actions .module-button.default-confirm-action .mdc-button__label {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 0.5rem;
  width: 100%;
}
.minnit-button.area-button, .default-dialog mat-dialog-actions .area-button.default-confirm-action {
  width: 200px;
  height: 140px;
}
.minnit-button.area-button .mdc-button__label, .default-dialog mat-dialog-actions .area-button.default-confirm-action .mdc-button__label {
  flex-direction: column;
}

.button-borderless {
  border-radius: 0.5rem !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.editor-module-wrapper {
  display: flex;
  gap: 14px;
  align-items: center;
}
.editor-module-wrapper button {
  height: 50px;
}
.editor-module-wrapper button .mdc-button__label {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

/*** Usage ***/
.header-menu-button {
  background-color: #021816;
  color: #ffffff;
  border: none;
  cursor: pointer;
}
.header-menu-button .content {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
}
.header-menu-button .identifier {
  height: 4px;
  margin-top: 6px;
  background-color: #021816;
}
.header-menu-button.is-active .identifier, .header-menu-button:hover .identifier {
  background: #0EB8A3;
}

/*** Usage ***/
.default-fab-button, .mini-fab-button, .add-element-button,
.delete-element-button, .icon-button-default,
.table-action-button,
.icon-legend-button,
.close-dialog-button {
  box-shadow: unset !important;
}

.icon-button-default,
.table-action-button,
.icon-legend-button,
.close-dialog-button {
  width: 32px !important;
  height: 32px !important;
  background-color: transparent !important;
  color: black !important;
}

.add-element-button,
.delete-element-button {
  width: 24px !important;
  height: 24px !important;
  background-color: #0EB8A3 !important;
  color: black !important;
}

.minnit-card,
.dashboard-card {
  border-radius: 1rem !important;
}

.centered-card-header {
  display: flex;
  justify-content: center;
}

/*** Usage ***/
.default-theme-light .body-bg,
.light .body-bg {
  background: linear-gradient(20deg, #ebfcff 60%, #d1f3ee) !important;
}
.default-theme-light .minnit-button, .default-theme-light .default-dialog mat-dialog-actions .default-confirm-action, .default-dialog mat-dialog-actions .default-theme-light .default-confirm-action,
.default-theme-light .button-filled,
.light .minnit-button,
.light .default-dialog mat-dialog-actions .default-confirm-action,
.default-dialog mat-dialog-actions .light .default-confirm-action,
.light .button-filled {
  color: #021816;
  background-color: #0EB8A3 !important;
}
.default-theme-light .minnit-button:hover, .default-theme-light .default-dialog mat-dialog-actions .default-confirm-action:hover, .default-dialog mat-dialog-actions .default-theme-light .default-confirm-action:hover, .default-theme-light .minnit-button:focus, .default-theme-light .default-dialog mat-dialog-actions .default-confirm-action:focus, .default-dialog mat-dialog-actions .default-theme-light .default-confirm-action:focus,
.default-theme-light .button-filled:hover,
.default-theme-light .button-filled:focus,
.light .minnit-button:hover,
.light .default-dialog mat-dialog-actions .default-confirm-action:hover,
.default-dialog mat-dialog-actions .light .default-confirm-action:hover,
.light .minnit-button:focus,
.light .default-dialog mat-dialog-actions .default-confirm-action:focus,
.default-dialog mat-dialog-actions .light .default-confirm-action:focus,
.light .button-filled:hover,
.light .button-filled:focus {
  background-color: #00B9C3 !important;
}
.default-theme-light .button-accent,
.light .button-accent {
  color: #021816;
  background-color: #DD37C4 !important;
}
.default-theme-light .button-accent:hover, .default-theme-light .button-accent:focus,
.light .button-accent:hover,
.light .button-accent:focus {
  background-color: #DD37C4 !important;
}
.default-theme-light .button-outlined,
.default-theme-light .dashboard-task,
.light .button-outlined,
.light .dashboard-task {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-light .button-outlined:hover, .default-theme-light .button-outlined:focus,
.default-theme-light .dashboard-task:hover,
.default-theme-light .dashboard-task:focus,
.light .button-outlined:hover,
.light .button-outlined:focus,
.light .dashboard-task:hover,
.light .dashboard-task:focus {
  background-color: #B4E9E4 !important;
}
.default-theme-light .button-outlined-2,
.light .button-outlined-2 {
  color: #021816;
  border: 1px solid #021816;
  background-color: #B4E9E4 !important;
}
.default-theme-light .button-outlined-2:hover, .default-theme-light .button-outlined-2:focus,
.light .button-outlined-2:hover,
.light .button-outlined-2:focus {
  background-color: #DFF8F7 !important;
}
.default-theme-light .area-button,
.light .area-button {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-light .area-button:hover, .default-theme-light .area-button:focus,
.light .area-button:hover,
.light .area-button:focus {
  background-color: #B4E9E4 !important;
}
.default-theme-light .minnit-card,
.default-theme-light .dashboard-card,
.light .minnit-card,
.light .dashboard-card {
  background-color: #DFF8F7 !important;
  border: 2px solid transparent !important;
}
.default-theme-light .minnit-card.bg-white,
.default-theme-light .dashboard-card.bg-white,
.light .minnit-card.bg-white,
.light .dashboard-card.bg-white {
  background-color: white !important;
}
.default-theme-light .minnit-card.selected,
.default-theme-light .dashboard-card.selected,
.light .minnit-card.selected,
.light .dashboard-card.selected {
  border: 2px solid #0EB8A3 !important;
}
.default-theme-light .legend-dialog,
.light .legend-dialog {
  --mdc-dialog-container-color: map-get($colors, primary-petrol-light-2) ;
}
.default-theme-light th,
.light th {
  background-color: #B4F0FA !important;
}
.default-theme-light tr,
.light tr {
  cursor: pointer;
}
.default-theme-light tr:hover,
.light tr:hover {
  background-color: #DFF8F7 !important;
}
.default-theme-light .mat-mdc-tab-header,
.light .mat-mdc-tab-header {
  background-color: #B4F0FA !important;
}
.default-theme-light .module-panel,
.light .module-panel {
  background-color: #ffffff;
}

.default-theme-dark .body-bg,
.dark .body-bg {
  background: linear-gradient(20deg, #00baa3 60%, #2c3c4d) !important;
}
.default-theme-dark .minnit-button, .default-theme-dark .default-dialog mat-dialog-actions .default-confirm-action, .default-dialog mat-dialog-actions .default-theme-dark .default-confirm-action,
.default-theme-dark .button-filled,
.dark .minnit-button,
.dark .default-dialog mat-dialog-actions .default-confirm-action,
.default-dialog mat-dialog-actions .dark .default-confirm-action,
.dark .button-filled {
  color: #021816;
  background-color: #0EB8A3 !important;
}
.default-theme-dark .minnit-button:hover, .default-theme-dark .default-dialog mat-dialog-actions .default-confirm-action:hover, .default-dialog mat-dialog-actions .default-theme-dark .default-confirm-action:hover, .default-theme-dark .minnit-button:focus, .default-theme-dark .default-dialog mat-dialog-actions .default-confirm-action:focus, .default-dialog mat-dialog-actions .default-theme-dark .default-confirm-action:focus,
.default-theme-dark .button-filled:hover,
.default-theme-dark .button-filled:focus,
.dark .minnit-button:hover,
.dark .default-dialog mat-dialog-actions .default-confirm-action:hover,
.default-dialog mat-dialog-actions .dark .default-confirm-action:hover,
.dark .minnit-button:focus,
.dark .default-dialog mat-dialog-actions .default-confirm-action:focus,
.default-dialog mat-dialog-actions .dark .default-confirm-action:focus,
.dark .button-filled:hover,
.dark .button-filled:focus {
  background-color: #00B9C3 !important;
}
.default-theme-dark .button-accent,
.dark .button-accent {
  color: #021816;
  background-color: #DD37C4 !important;
}
.default-theme-dark .button-accent:hover, .default-theme-dark .button-accent:focus,
.dark .button-accent:hover,
.dark .button-accent:focus {
  background-color: #DD37C4 !important;
}
.default-theme-dark .button-outlined,
.default-theme-dark .dashboard-task,
.dark .button-outlined,
.dark .dashboard-task {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-dark .button-outlined:hover, .default-theme-dark .button-outlined:focus,
.default-theme-dark .dashboard-task:hover,
.default-theme-dark .dashboard-task:focus,
.dark .button-outlined:hover,
.dark .button-outlined:focus,
.dark .dashboard-task:hover,
.dark .dashboard-task:focus {
  background-color: #DFF8F7 !important;
}
.default-theme-dark .button-outlined-2,
.dark .button-outlined-2 {
  color: #021816;
  border: 1px solid #021816;
  background-color: #B4E9E4 !important;
}
.default-theme-dark .button-outlined-2:hover, .default-theme-dark .button-outlined-2:focus,
.dark .button-outlined-2:hover,
.dark .button-outlined-2:focus {
  background-color: #DFF8F7 !important;
}
.default-theme-dark .area-button,
.dark .area-button {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-dark .area-button:hover, .default-theme-dark .area-button:focus,
.dark .area-button:hover,
.dark .area-button:focus {
  background-color: #B4E9E4 !important;
}
.default-theme-dark .minnit-card,
.default-theme-dark .dashboard-card,
.dark .minnit-card,
.dark .dashboard-card {
  background-color: #B4E9E4 !important;
  border: 2px solid transparent !important;
}
.default-theme-dark .minnit-card.bg-white,
.default-theme-dark .dashboard-card.bg-white,
.dark .minnit-card.bg-white,
.dark .dashboard-card.bg-white {
  background-color: white !important;
}
.default-theme-dark .minnit-card.selected,
.default-theme-dark .dashboard-card.selected,
.dark .minnit-card.selected,
.dark .dashboard-card.selected {
  border: 2px solid #0EB8A3 !important;
}
.default-theme-dark .legend-dialog,
.dark .legend-dialog {
  --mdc-dialog-container-color: map-get($colors, primary-petrol-light-2) ;
}
.default-theme-dark th,
.dark th {
  background-color: #B4E9E4 !important;
}
.default-theme-dark tr,
.dark tr {
  cursor: pointer;
}
.default-theme-dark tr:hover,
.dark tr:hover {
  background-color: #DFF8F7 !important;
}
.default-theme-dark .mat-mdc-tab-header,
.dark .mat-mdc-tab-header {
  background-color: #B4E9E4 !important;
}
.default-theme-dark .module-panel,
.dark .module-panel {
  background-color: #B4E9E4;
}

/** a minnit-button as default is always normal sized and filled **/
.minnit-button, .default-dialog mat-dialog-actions .default-confirm-action {
  border-radius: 0.5rem !important;
  --mdc-filled-button-container-height: 56px !important;
  --mat-filled-button-horizontal-padding: 25px !important;
  padding: 0 25px !important;
  border: none;
  cursor: pointer;
  /*** Usage ***/
}
.minnit-button .mdc-button__label, .default-dialog mat-dialog-actions .default-confirm-action .mdc-button__label {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.minnit-button.button-large, .default-dialog mat-dialog-actions .button-large.default-confirm-action {
  --mdc-filled-button-container-height: 70px;
  --mat-filled-button-horizontal-padding: 45px !important;
}
.minnit-button.module-button, .default-dialog mat-dialog-actions .module-button.default-confirm-action {
  width: 100%;
}
.minnit-button.module-button .mdc-button__label, .default-dialog mat-dialog-actions .module-button.default-confirm-action .mdc-button__label {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 0.5rem;
  width: 100%;
}
.minnit-button.area-button, .default-dialog mat-dialog-actions .area-button.default-confirm-action {
  width: 200px;
  height: 140px;
}
.minnit-button.area-button .mdc-button__label, .default-dialog mat-dialog-actions .area-button.default-confirm-action .mdc-button__label {
  flex-direction: column;
}

.button-borderless {
  border-radius: 0.5rem !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.editor-module-wrapper {
  display: flex;
  gap: 14px;
  align-items: center;
}
.editor-module-wrapper button {
  height: 50px;
}
.editor-module-wrapper button .mdc-button__label {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

/*** Usage ***/
.header-menu-button {
  background-color: #021816;
  color: #ffffff;
  border: none;
  cursor: pointer;
}
.header-menu-button .content {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
}
.header-menu-button .identifier {
  height: 4px;
  margin-top: 6px;
  background-color: #021816;
}
.header-menu-button.is-active .identifier, .header-menu-button:hover .identifier {
  background: #0EB8A3;
}

/*** Usage ***/
.default-fab-button, .mini-fab-button, .icon-button-default,
.table-action-button,
.icon-legend-button,
.close-dialog-button, .add-element-button,
.delete-element-button {
  box-shadow: unset !important;
}

.icon-button-default,
.table-action-button,
.icon-legend-button,
.close-dialog-button {
  width: 32px !important;
  height: 32px !important;
  background-color: transparent !important;
  color: black !important;
}

.add-element-button,
.delete-element-button {
  width: 24px !important;
  height: 24px !important;
  background-color: #0EB8A3 !important;
  color: black !important;
}

.dashboard-task {
  height: 56px;
  box-sizing: border-box;
  border-radius: 0.5rem;
  border: 1px solid #000000;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.dashboard-task .color-strip {
  height: 100%;
  width: 12px;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.dashboard-task .content {
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  gap: 1rem;
  flex-grow: 1;
}
.dashboard-task .content .icon-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dashboard-task .content .task {
  flex-grow: 1;
  text-align: start;
}
.dashboard-task .content .task .task-details {
  display: flex;
  align-items: center;
  text-align: start;
  gap: 0.25rem;
}
.dashboard-task .content .task .task-details .task-subject {
  margin-bottom: unset !important;
}
.dashboard-task .content .task .task-details .task-title {
  margin-bottom: unset !important;
  height: 28px;
}

.task-prio-low {
  background: #D7CF07;
}

.task-prio-medium {
  background: #C11313;
}

.task-prio-high {
  background: #91A6FF;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
}

h1 {
  font-size: 31px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0px;
}

h2 {
  font-size: 25px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0px;
  margin-bottom: 0.75rem;
}

h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0px;
  margin-bottom: 0.5rem;
  padding: 0 24px 9px !important;
}

p {
  margin-bottom: 0.5rem;
}

.text-regular, .dashboard-task .content .task .task-details {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.32px;
}

.text-semibold, .minnit-link, .dashboard-task .content .task .task-details .task-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.32px;
}

.text-small-regular, .module-panel .description, .minnit-footer .version, .minnit-footer .footer-content, .legend-dialog .legend-entry {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.text-small-semibold {
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.32px;
}

.text-tiny-regular {
  font-size: 12px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.4px;
}

.text-tiny-semibold {
  font-size: 12px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.4px;
}

.color-warn {
  color: #C11313;
}

.color-info {
  color: #0972AE;
}

.color-success {
  color: #1E852C;
}

.color-transparent {
  color: transparent;
}

.border-warn {
  border-radius: 0.5rem !important;
  border: 2px solid #C11313;
}

.border-info {
  border-radius: 0.5rem !important;
  border: 2px solid #0972AE;
}

.border-success {
  border-radius: 0.5rem !important;
  border: 2px solid #1E852C;
}

.default-theme-light .body-bg,
.light .body-bg {
  background: linear-gradient(20deg, #ebfcff 60%, #d1f3ee) !important;
}
.default-theme-light .minnit-button, .default-theme-light .default-dialog mat-dialog-actions .default-confirm-action, .default-dialog mat-dialog-actions .default-theme-light .default-confirm-action,
.default-theme-light .button-filled,
.light .minnit-button,
.light .default-dialog mat-dialog-actions .default-confirm-action,
.default-dialog mat-dialog-actions .light .default-confirm-action,
.light .button-filled {
  color: #021816;
  background-color: #0EB8A3 !important;
}
.default-theme-light .minnit-button:hover, .default-theme-light .default-dialog mat-dialog-actions .default-confirm-action:hover, .default-dialog mat-dialog-actions .default-theme-light .default-confirm-action:hover, .default-theme-light .minnit-button:focus, .default-theme-light .default-dialog mat-dialog-actions .default-confirm-action:focus, .default-dialog mat-dialog-actions .default-theme-light .default-confirm-action:focus,
.default-theme-light .button-filled:hover,
.default-theme-light .button-filled:focus,
.light .minnit-button:hover,
.light .default-dialog mat-dialog-actions .default-confirm-action:hover,
.default-dialog mat-dialog-actions .light .default-confirm-action:hover,
.light .minnit-button:focus,
.light .default-dialog mat-dialog-actions .default-confirm-action:focus,
.default-dialog mat-dialog-actions .light .default-confirm-action:focus,
.light .button-filled:hover,
.light .button-filled:focus {
  background-color: #00B9C3 !important;
}
.default-theme-light .button-accent,
.light .button-accent {
  color: #021816;
  background-color: #DD37C4 !important;
}
.default-theme-light .button-accent:hover, .default-theme-light .button-accent:focus,
.light .button-accent:hover,
.light .button-accent:focus {
  background-color: #DD37C4 !important;
}
.default-theme-light .button-outlined,
.default-theme-light .dashboard-task,
.light .button-outlined,
.light .dashboard-task {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-light .button-outlined:hover, .default-theme-light .button-outlined:focus,
.default-theme-light .dashboard-task:hover,
.default-theme-light .dashboard-task:focus,
.light .button-outlined:hover,
.light .button-outlined:focus,
.light .dashboard-task:hover,
.light .dashboard-task:focus {
  background-color: #B4E9E4 !important;
}
.default-theme-light .button-outlined-2,
.light .button-outlined-2 {
  color: #021816;
  border: 1px solid #021816;
  background-color: #B4E9E4 !important;
}
.default-theme-light .button-outlined-2:hover, .default-theme-light .button-outlined-2:focus,
.light .button-outlined-2:hover,
.light .button-outlined-2:focus {
  background-color: #DFF8F7 !important;
}
.default-theme-light .area-button,
.light .area-button {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-light .area-button:hover, .default-theme-light .area-button:focus,
.light .area-button:hover,
.light .area-button:focus {
  background-color: #B4E9E4 !important;
}
.default-theme-light .minnit-card,
.default-theme-light .dashboard-card,
.light .minnit-card,
.light .dashboard-card {
  background-color: #DFF8F7 !important;
  border: 2px solid transparent !important;
}
.default-theme-light .minnit-card.bg-white,
.default-theme-light .dashboard-card.bg-white,
.light .minnit-card.bg-white,
.light .dashboard-card.bg-white {
  background-color: white !important;
}
.default-theme-light .minnit-card.selected,
.default-theme-light .dashboard-card.selected,
.light .minnit-card.selected,
.light .dashboard-card.selected {
  border: 2px solid #0EB8A3 !important;
}
.default-theme-light .legend-dialog,
.light .legend-dialog {
  --mdc-dialog-container-color: map-get($colors, primary-petrol-light-2) ;
}
.default-theme-light th,
.light th {
  background-color: #B4F0FA !important;
}
.default-theme-light tr,
.light tr {
  cursor: pointer;
}
.default-theme-light tr:hover,
.light tr:hover {
  background-color: #DFF8F7 !important;
}
.default-theme-light .mat-mdc-tab-header,
.light .mat-mdc-tab-header {
  background-color: #B4F0FA !important;
}
.default-theme-light .module-panel,
.light .module-panel {
  background-color: #ffffff;
}

.default-theme-dark .body-bg,
.dark .body-bg {
  background: linear-gradient(20deg, #00baa3 60%, #2c3c4d) !important;
}
.default-theme-dark .minnit-button, .default-theme-dark .default-dialog mat-dialog-actions .default-confirm-action, .default-dialog mat-dialog-actions .default-theme-dark .default-confirm-action,
.default-theme-dark .button-filled,
.dark .minnit-button,
.dark .default-dialog mat-dialog-actions .default-confirm-action,
.default-dialog mat-dialog-actions .dark .default-confirm-action,
.dark .button-filled {
  color: #021816;
  background-color: #0EB8A3 !important;
}
.default-theme-dark .minnit-button:hover, .default-theme-dark .default-dialog mat-dialog-actions .default-confirm-action:hover, .default-dialog mat-dialog-actions .default-theme-dark .default-confirm-action:hover, .default-theme-dark .minnit-button:focus, .default-theme-dark .default-dialog mat-dialog-actions .default-confirm-action:focus, .default-dialog mat-dialog-actions .default-theme-dark .default-confirm-action:focus,
.default-theme-dark .button-filled:hover,
.default-theme-dark .button-filled:focus,
.dark .minnit-button:hover,
.dark .default-dialog mat-dialog-actions .default-confirm-action:hover,
.default-dialog mat-dialog-actions .dark .default-confirm-action:hover,
.dark .minnit-button:focus,
.dark .default-dialog mat-dialog-actions .default-confirm-action:focus,
.default-dialog mat-dialog-actions .dark .default-confirm-action:focus,
.dark .button-filled:hover,
.dark .button-filled:focus {
  background-color: #00B9C3 !important;
}
.default-theme-dark .button-accent,
.dark .button-accent {
  color: #021816;
  background-color: #DD37C4 !important;
}
.default-theme-dark .button-accent:hover, .default-theme-dark .button-accent:focus,
.dark .button-accent:hover,
.dark .button-accent:focus {
  background-color: #DD37C4 !important;
}
.default-theme-dark .button-outlined,
.default-theme-dark .dashboard-task,
.dark .button-outlined,
.dark .dashboard-task {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-dark .button-outlined:hover, .default-theme-dark .button-outlined:focus,
.default-theme-dark .dashboard-task:hover,
.default-theme-dark .dashboard-task:focus,
.dark .button-outlined:hover,
.dark .button-outlined:focus,
.dark .dashboard-task:hover,
.dark .dashboard-task:focus {
  background-color: #DFF8F7 !important;
}
.default-theme-dark .button-outlined-2,
.dark .button-outlined-2 {
  color: #021816;
  border: 1px solid #021816;
  background-color: #B4E9E4 !important;
}
.default-theme-dark .button-outlined-2:hover, .default-theme-dark .button-outlined-2:focus,
.dark .button-outlined-2:hover,
.dark .button-outlined-2:focus {
  background-color: #DFF8F7 !important;
}
.default-theme-dark .area-button,
.dark .area-button {
  color: #021816;
  border: 1px solid #021816;
  background-color: transparent !important;
}
.default-theme-dark .area-button:hover, .default-theme-dark .area-button:focus,
.dark .area-button:hover,
.dark .area-button:focus {
  background-color: #B4E9E4 !important;
}
.default-theme-dark .minnit-card,
.default-theme-dark .dashboard-card,
.dark .minnit-card,
.dark .dashboard-card {
  background-color: #B4E9E4 !important;
  border: 2px solid transparent !important;
}
.default-theme-dark .minnit-card.bg-white,
.default-theme-dark .dashboard-card.bg-white,
.dark .minnit-card.bg-white,
.dark .dashboard-card.bg-white {
  background-color: white !important;
}
.default-theme-dark .minnit-card.selected,
.default-theme-dark .dashboard-card.selected,
.dark .minnit-card.selected,
.dark .dashboard-card.selected {
  border: 2px solid #0EB8A3 !important;
}
.default-theme-dark .legend-dialog,
.dark .legend-dialog {
  --mdc-dialog-container-color: map-get($colors, primary-petrol-light-2) ;
}
.default-theme-dark th,
.dark th {
  background-color: #B4E9E4 !important;
}
.default-theme-dark tr,
.dark tr {
  cursor: pointer;
}
.default-theme-dark tr:hover,
.dark tr:hover {
  background-color: #DFF8F7 !important;
}
.default-theme-dark .mat-mdc-tab-header,
.dark .mat-mdc-tab-header {
  background-color: #B4E9E4 !important;
}
.default-theme-dark .module-panel,
.dark .module-panel {
  background-color: #B4E9E4;
}

/** a minnit-button as default is always normal sized and filled **/
.minnit-button, .default-dialog mat-dialog-actions .default-confirm-action {
  border-radius: 0.5rem !important;
  --mdc-filled-button-container-height: 56px !important;
  --mat-filled-button-horizontal-padding: 25px !important;
  padding: 0 25px !important;
  border: none;
  cursor: pointer;
  /*** Usage ***/
}
.minnit-button .mdc-button__label, .default-dialog mat-dialog-actions .default-confirm-action .mdc-button__label {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.minnit-button.button-large, .default-dialog mat-dialog-actions .button-large.default-confirm-action {
  --mdc-filled-button-container-height: 70px;
  --mat-filled-button-horizontal-padding: 45px !important;
}
.minnit-button.module-button, .default-dialog mat-dialog-actions .module-button.default-confirm-action {
  width: 100%;
}
.minnit-button.module-button .mdc-button__label, .default-dialog mat-dialog-actions .module-button.default-confirm-action .mdc-button__label {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 0.5rem;
  width: 100%;
}
.minnit-button.area-button, .default-dialog mat-dialog-actions .area-button.default-confirm-action {
  width: 200px;
  height: 140px;
}
.minnit-button.area-button .mdc-button__label, .default-dialog mat-dialog-actions .area-button.default-confirm-action .mdc-button__label {
  flex-direction: column;
}

.button-borderless {
  border-radius: 0.5rem !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.editor-module-wrapper {
  display: flex;
  gap: 14px;
  align-items: center;
}
.editor-module-wrapper button {
  height: 50px;
}
.editor-module-wrapper button .mdc-button__label {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
}

/*** Usage ***/
.header-menu-button {
  background-color: #021816;
  color: #ffffff;
  border: none;
  cursor: pointer;
}
.header-menu-button .content {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
}
.header-menu-button .identifier {
  height: 4px;
  margin-top: 6px;
  background-color: #021816;
}
.header-menu-button.is-active .identifier, .header-menu-button:hover .identifier {
  background: #0EB8A3;
}

/*** Usage ***/
.default-fab-button, .mini-fab-button, .icon-button-default,
.table-action-button,
.icon-legend-button,
.close-dialog-button, .add-element-button,
.delete-element-button {
  box-shadow: unset !important;
}

.icon-button-default,
.table-action-button,
.icon-legend-button,
.close-dialog-button {
  width: 32px !important;
  height: 32px !important;
  background-color: transparent !important;
  color: black !important;
}

.add-element-button,
.delete-element-button {
  width: 24px !important;
  height: 24px !important;
  background-color: #0EB8A3 !important;
  color: black !important;
}

:root {
  --mdc-dialog-container-shape: 1rem;
}
:root {
  --mat-dialog-content-padding: 1rem;
}
:root {
  --mdc-dialog-subhead-size: 20px;
}
:root {
  --mdc-dialog-subhead-weight: 600;
}
:root {
  --mdc-dialog-subhead-line-height: 28px;
}

.legend-dialog {
  position: relative;
  min-width: 200px;
}
.legend-dialog #close-icon-legend-button {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
}
.legend-dialog .legend-dialog-title {
  margin-bottom: 0.75rem;
}
.legend-dialog .legend-entry {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.default-dialog {
  position: relative;
}
.default-dialog mat-dialog-content {
  padding-top: 0.5rem !important;
}
.default-dialog #close-dialog-button {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.default-dialog mat-dialog-actions {
  --mat-dialog-actions-padding: 1.5rem !important;
  --mat-dialog-actions-alignment: end;
}
.mdc-text-field--outlined {
  --mdc-outlined-text-field-container-shape: 0.5rem !important;
}

.minnit-form-field {
  width: 14rem;
}
.minnit-form-field.search-bar {
  width: 35rem;
}
.minnit-form-field .mdc-text-field {
  border-radius: 0.5rem !important;
}
.minnit-form-field.bg-white .mdc-text-field {
  background-color: white !important;
}
.minnit-form-field .mat-mdc-form-field-infix {
  width: auto !important;
  display: flex !important;
}
.minnit-form-field .mat-mdc-form-field-icon-suffix {
  padding: 0 1rem;
}
.minnit-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-button-base {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  color: black;
}

.mdc-evolution-chip {
  background-color: #DFF8F7 !important;
  border: 1px solid #0EB8A3 !important;
}

/*** Usage ***/
.minnit-header {
  min-height: 90px;
  background-color: #021816 !important;
  color: #ffffff !important;
  display: flex;
  justify-content: space-between;
}
.minnit-header .header-logo {
  height: 40px;
  object-fit: contain;
  margin-left: 40px;
}
.minnit-header .header-content {
  display: flex;
  align-items: center;
  gap: 36px;
}
.minnit-header .header-content .nav-links {
  padding-top: 10px;
  display: flex;
  gap: 40px;
}
.minnit-header .header-content .settings {
  display: flex;
  padding-right: 4px;
}
.minnit-header .header-content .settings .divider {
  width: 1px;
  height: 55px;
  opacity: 0.2;
  background-color: #ffffff;
}
.minnit-header .header-content .settings .profile-menu-button,
.minnit-header .header-content .settings .toggle-theming-button {
  display: flex;
  justify-content: center;
  width: 60px;
  height: 55px;
}

.profile-header {
  display: flex;
  flex-direction: column;
  padding: 0 8px;
  margin-bottom: 8px;
}

.minnit-header.mat-toolbar-single-row {
  padding: 25px 0;
}

@media only screen and (max-width : 1440px) {
  .minnit-header .header-content .nav-links {
    gap: 24px;
  }
}
@media only screen and (max-width : 1264px) {
  button .content span {
    display: none;
  }
}
@media only screen and (max-width : 827px) {
  .minnit-header .header-content .nav-links {
    gap: 16px;
  }
}
.legend-button-wrapper {
  border-radius: 0.5rem !important;
  width: 12rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 0 1rem;
  background-color: #DFF8F7;
}

.minnit-footer {
  background-color: #021816 !important;
  color: #ffffff !important;
  min-height: 130px;
  flex-wrap: wrap;
  padding: 0;
}
.minnit-footer .footer_logo, .minnit-footer .right-helper {
  flex: 1;
  display: flex;
  align-items: center;
}
.minnit-footer .footer_logo img, .minnit-footer .right-helper img {
  padding-left: 10px;
  width: 150px;
}
.minnit-footer .footer-content {
  align-items: center;
  gap: 20px;
}
.minnit-footer .flex {
  display: flex;
  flex-direction: column;
}
.minnit-footer .footer-nav-links {
  display: flex;
  gap: 20px;
  margin-right: 15px;
  margin-bottom: 30px;
  margin-top: -1rem;
}
.minnit-footer .version {
  margin-right: 20px;
  text-align: end;
}
.minnit-footer a {
  text-decoration: none;
  color: white;
}

/* Responsive Design Fixes */
@media (min-width: 768px) and (max-width: 1389px) {
  .minnit-footer {
    flex-wrap: nowrap !important;
  }
}
@media (max-width: 780px) and (max-height: 1200px) {
  .footer_logo img {
    width: 130px;
  }
  .footer-content {
    font-size: 10px;
    margin-left: 12rem;
  }
}
@media only screen and (max-width: 480px) {
  .minnit-footer {
    padding: 1rem;
    flex-direction: column;
    align-items: center;
  }
  .minnit-footer .footer_logo {
    display: none;
  }
  .minnit-footer .footer-content {
    font-size: 0.6rem;
    margin-left: 0;
  }
  .minnit-footer .version {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .minnit-footer {
    margin-top: 48vh;
  }
  .footer-content {
    font-size: 0.5rem;
  }
}
@media only screen and (max-width: 320px) {
  .minnit-footer {
    margin-top: 52vh;
  }
  .footer-content {
    font-size: 0.5rem;
  }
}
.mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #0EB8A3 #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 16px;
}

*::-webkit-scrollbar-track {
  background: #ffffff;
}

*::-webkit-scrollbar-thumb {
  background-color: #0EB8A3;
  border-radius: 10px;
  border: 3px solid #ffffff;
}

/**
General styles for mat-tables that use the default column categories
*/
.default-column, .mat-column-reportReason, .mat-column-reportCategory, .mat-column-updatedAt, .mat-column-createdAt, .mat-column-subject, .mat-column-title, .mat-column-icons, .mat-column-single-icon {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mat-column-single-icon {
  width: 2.5rem;
  text-align: center;
  padding: 0 1rem;
}

.mat-column-icons {
  width: 2.5rem;
  text-align: center;
}
.mat-column-icons .icon-col-wrapper {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-start;
  padding: 0 1rem;
}

.mat-column-title {
  flex-grow: 1;
  min-width: 25%;
}

.mat-column-reportReason {
  max-width: 20rem;
}

.mat-column-actionButtons {
  max-width: 17rem;
}
.mat-column-actionButtons .action-col-wrapper {
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width : 1264px) {
  .mat-column-actionButtons {
    max-width: 5rem;
  }
  .mat-column-actionButtons .table-action-button {
    display: none;
  }
  .mat-column-actionButtons .table-action-button:first-child {
    display: block;
  }
}
.mat-mdc-top-group {
  --mdc-tab-indicator-active-indicator-height: 14px;
}

.mat-mdc-tab-header {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  --mdc-secondary-navigation-tab-container-height: 64px !important;
}

.tab-extended-height .mat-mdc-tab-list {
  height: 80px !important;
}

.mat-mdc-tab {
  --mat-tab-header-active-label-text-color: map-get($colors, primary-black);
}
.mat-mdc-tab .mdc-tab-indicator {
  padding: 0 1rem;
  box-sizing: border-box;
}
.mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-top-width: 4px !important;
  border-color: #0EB8A3;
}

.minnit-table-card {
  border-radius: 1rem !important;
}
.minnit-table-card .search-bar-wrapper {
  display: flex;
  justify-content: space-between;
}
.minnit-table-card mat-tab-body {
  padding: 1rem;
}

.module-panel {
  padding: 2rem 1rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.module-panel .panel-title {
  display: flex;
  align-content: center;
  gap: 0.5rem;
}
.module-panel .description {
  margin-bottom: 1rem;
}

.template-editor-actions {
  height: 86px !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  padding: 0 2rem;
  background-color: #021816 !important;
  color: #ffffff !important;
  border-radius: 1rem;
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item.center {
  z-index: 5;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/**
 * Extracts the value of a specified key from a Sass map.
 *
 * @param {Map} $map - The Sass map from which to extract the value.
 * @param {String} $key - The key of the value to extract from the map.
 */
/**
 * Extracts the value of a specified key from a GROUP within a Sass map.
 *
 * @param {Map} $map - The Sass map containing the group from which to extract the value.
 * @param {String} $group - The name of the group within the map from which to extract the value.
 * @param {String} $key - The key of the value to extract from the group.
 */
/**
Usergroup Themings
 */
.elementary .light .primary-filled-button,
.student .light .primary-filled-button,
.teacher .light .primary-filled-button {
  color: #ffffff !important;
  background-color: #00baa3 !important;
  box-shadow: unset !important;
}
.elementary .light .role-themed-link,
.student .light .role-themed-link,
.teacher .light .role-themed-link {
  color: #00baa3;
}
.elementary .light .role-themed-icon,
.student .light .role-themed-icon,
.teacher .light .role-themed-icon {
  color: #00baa3;
}
.elementary .light .themed-button-primary, .elementary .light .small-button-primary, .elementary .light .button-primary,
.student .light .themed-button-primary,
.student .light .small-button-primary,
.student .light .button-primary,
.teacher .light .themed-button-primary,
.teacher .light .small-button-primary,
.teacher .light .button-primary {
  color: #ffffff !important;
  background-color: #00baa3 !important;
  box-shadow: unset !important;
}
.elementary .light .themed-button-outlined, .elementary .light .small-button-outlined, .elementary .light .warn-button-outline,
.student .light .themed-button-outlined,
.student .light .small-button-outlined,
.student .light .warn-button-outline,
.teacher .light .themed-button-outlined,
.teacher .light .small-button-outlined,
.teacher .light .warn-button-outline {
  color: #00baa3 !important;
  background-color: #ffffff !important;
  border: 2px solid #00baa3 !important;
  box-shadow: unset !important;
}
.elementary .light .warn-button-outline,
.student .light .warn-button-outline,
.teacher .light .warn-button-outline {
  color: #ff643e !important;
  background-color: #ffffff !important;
  border: 2px solid #ff643e !important;
}
.elementary .light .main-header,
.elementary .light .quiz-header,
.student .light .main-header,
.student .light .quiz-header,
.teacher .light .main-header,
.teacher .light .quiz-header {
  background: #000000;
}
.elementary .light .main-header .nav-button-line .menu-button,
.elementary .light .quiz-header .nav-button-line .menu-button,
.student .light .main-header .nav-button-line .menu-button,
.student .light .quiz-header .nav-button-line .menu-button,
.teacher .light .main-header .nav-button-line .menu-button,
.teacher .light .quiz-header .nav-button-line .menu-button {
  border: 2px solid #00baa3;
  color: #ffffff;
}
.elementary .light .main-header .nav-button-line .active-navigation,
.elementary .light .quiz-header .nav-button-line .active-navigation,
.student .light .main-header .nav-button-line .active-navigation,
.student .light .quiz-header .nav-button-line .active-navigation,
.teacher .light .main-header .nav-button-line .active-navigation,
.teacher .light .quiz-header .nav-button-line .active-navigation {
  background-color: #00baa3;
}
.elementary .light .main-header .nav-button-line .template-button,
.elementary .light .quiz-header .nav-button-line .template-button,
.student .light .main-header .nav-button-line .template-button,
.student .light .quiz-header .nav-button-line .template-button,
.teacher .light .main-header .nav-button-line .template-button,
.teacher .light .quiz-header .nav-button-line .template-button {
  border: 2px solid #e600cc;
}
.elementary .light .main-header .nav-button-line .active-template-button,
.elementary .light .quiz-header .nav-button-line .active-template-button,
.student .light .main-header .nav-button-line .active-template-button,
.student .light .quiz-header .nav-button-line .active-template-button,
.teacher .light .main-header .nav-button-line .active-template-button,
.teacher .light .quiz-header .nav-button-line .active-template-button {
  background-color: #e600cc;
}
.elementary .light .main-header .nav-button-line .groups-button,
.elementary .light .quiz-header .nav-button-line .groups-button,
.student .light .main-header .nav-button-line .groups-button,
.student .light .quiz-header .nav-button-line .groups-button,
.teacher .light .main-header .nav-button-line .groups-button,
.teacher .light .quiz-header .nav-button-line .groups-button {
  border: 2px solid #3191ff;
}
.elementary .light .main-header .nav-button-line .active-groups-button,
.elementary .light .quiz-header .nav-button-line .active-groups-button,
.student .light .main-header .nav-button-line .active-groups-button,
.student .light .quiz-header .nav-button-line .active-groups-button,
.teacher .light .main-header .nav-button-line .active-groups-button,
.teacher .light .quiz-header .nav-button-line .active-groups-button {
  background-color: #3191ff;
}
.elementary .light .dashboard-drag-handle,
.student .light .dashboard-drag-handle,
.teacher .light .dashboard-drag-handle {
  color: #00baa3;
}
.elementary .light .dashboard-drag-handle:hover,
.student .light .dashboard-drag-handle:hover,
.teacher .light .dashboard-drag-handle:hover {
  background: #00baa3;
  color: #fff;
}
.elementary .light .role-themed-bg,
.student .light .role-themed-bg,
.teacher .light .role-themed-bg {
  background: linear-gradient(20deg, #ebfcff 60%, #d1f3ee);
}
.elementary .light .role-themed-card,
.student .light .role-themed-card,
.teacher .light .role-themed-card {
  background-color: #b3eae4;
}
.elementary .light .role-themed-card .grid-item-content,
.student .light .role-themed-card .grid-item-content,
.teacher .light .role-themed-card .grid-item-content {
  color: #000;
}
.elementary .light .role-themed-card .grid-item-content .card-title,
.student .light .role-themed-card .grid-item-content .card-title,
.teacher .light .role-themed-card .grid-item-content .card-title {
  color: #000;
  border-bottom: 2px solid #000;
}
.elementary .light .open-tasks-warning,
.student .light .open-tasks-warning,
.teacher .light .open-tasks-warning {
  background-color: #ffe081;
}
.elementary .light .button-primary,
.student .light .button-primary,
.teacher .light .button-primary {
  min-height: 3rem;
}
.elementary .light .small-button-primary,
.student .light .small-button-primary,
.teacher .light .small-button-primary {
  min-height: 2rem;
}
.elementary .light .small-button-outlined,
.student .light .small-button-outlined,
.teacher .light .small-button-outlined {
  min-height: 2rem;
}
.elementary .light .save-button,
.student .light .save-button,
.teacher .light .save-button {
  background-color: #ff643e;
  color: #ffffff;
}
.elementary .light .dragging-placeholder,
.student .light .dragging-placeholder,
.teacher .light .dragging-placeholder {
  background-color: rgba(255, 255, 255, 0.15);
}
.elementary .light .edit-hint,
.student .light .edit-hint,
.teacher .light .edit-hint {
  background-color: #b3eae4;
  color: #000;
}
.elementary .light .library-tab,
.student .light .library-tab,
.teacher .light .library-tab {
  background-color: transparent;
  border: 1px solid #EAFCFE;
}
.elementary .light .library-tab .mdc-tab__text-label,
.student .light .library-tab .mdc-tab__text-label,
.teacher .light .library-tab .mdc-tab__text-label {
  color: #202e32 !important;
}
.elementary .light .library-active-tab,
.student .light .library-active-tab,
.teacher .light .library-active-tab {
  background-color: #EAFCFE;
  color: #202e32 !important;
  opacity: 1;
}
.elementary .light .library-active-tab .mdc-tab__text-label,
.student .light .library-active-tab .mdc-tab__text-label,
.teacher .light .library-active-tab .mdc-tab__text-label {
  color: #202e32 !important;
}
.elementary .light .selected-element,
.student .light .selected-element,
.teacher .light .selected-element {
  border-left: 8px solid #00baa3 !important;
}
.elementary .light .role-themed-divider,
.student .light .role-themed-divider,
.teacher .light .role-themed-divider {
  filter: #00baa3;
}
.elementary .light .role-themed-editor-module,
.student .light .role-themed-editor-module,
.teacher .light .role-themed-editor-module {
  border: 2px solid #00baa3;
  color: #ffffff;
}
.elementary .light .themed-stepper .mat-step-icon-selected,
.student .light .themed-stepper .mat-step-icon-selected,
.teacher .light .themed-stepper .mat-step-icon-selected {
  background: #00baa3 !important;
  color: #ffffff !important;
}
.elementary .dark .primary-filled-button,
.student .dark .primary-filled-button,
.teacher .dark .primary-filled-button {
  color: #ffffff !important;
  background-color: #00baa3 !important;
  box-shadow: unset !important;
}
.elementary .dark .role-themed-link,
.student .dark .role-themed-link,
.teacher .dark .role-themed-link {
  color: #2c3c4d;
}
.elementary .dark .role-themed-icon,
.student .dark .role-themed-icon,
.teacher .dark .role-themed-icon {
  color: #2c3c4d;
}
.elementary .dark .themed-button-primary, .elementary .dark .small-button-primary, .elementary .dark .button-primary,
.student .dark .themed-button-primary,
.student .dark .small-button-primary,
.student .dark .button-primary,
.teacher .dark .themed-button-primary,
.teacher .dark .small-button-primary,
.teacher .dark .button-primary {
  color: #ffffff !important;
  background-color: #2c3c4d !important;
  box-shadow: unset !important;
}
.elementary .dark .themed-button-outlined, .elementary .dark .small-button-outlined, .elementary .dark .warn-button-outline,
.student .dark .themed-button-outlined,
.student .dark .small-button-outlined,
.student .dark .warn-button-outline,
.teacher .dark .themed-button-outlined,
.teacher .dark .small-button-outlined,
.teacher .dark .warn-button-outline {
  color: #2c3c4d !important;
  background-color: #ffffff !important;
  border: 2px solid #2c3c4d !important;
  box-shadow: unset !important;
}
.elementary .dark .warn-button-outline,
.student .dark .warn-button-outline,
.teacher .dark .warn-button-outline {
  color: #ff643e !important;
  background-color: #ffffff !important;
  border: 2px solid #ff643e !important;
}
.elementary .dark .main-header,
.elementary .dark .quiz-header,
.student .dark .main-header,
.student .dark .quiz-header,
.teacher .dark .main-header,
.teacher .dark .quiz-header {
  background: #000000;
}
.elementary .dark .main-header .nav-button-line .menu-button,
.elementary .dark .quiz-header .nav-button-line .menu-button,
.student .dark .main-header .nav-button-line .menu-button,
.student .dark .quiz-header .nav-button-line .menu-button,
.teacher .dark .main-header .nav-button-line .menu-button,
.teacher .dark .quiz-header .nav-button-line .menu-button {
  border: 2px solid #00baa3;
  color: #ffffff;
}
.elementary .dark .main-header .nav-button-line .active-navigation,
.elementary .dark .quiz-header .nav-button-line .active-navigation,
.student .dark .main-header .nav-button-line .active-navigation,
.student .dark .quiz-header .nav-button-line .active-navigation,
.teacher .dark .main-header .nav-button-line .active-navigation,
.teacher .dark .quiz-header .nav-button-line .active-navigation {
  background-color: #00baa3;
}
.elementary .dark .main-header .nav-button-line .template-button,
.elementary .dark .quiz-header .nav-button-line .template-button,
.student .dark .main-header .nav-button-line .template-button,
.student .dark .quiz-header .nav-button-line .template-button,
.teacher .dark .main-header .nav-button-line .template-button,
.teacher .dark .quiz-header .nav-button-line .template-button {
  border: 2px solid #e600cc;
}
.elementary .dark .main-header .nav-button-line .active-template-button,
.elementary .dark .quiz-header .nav-button-line .active-template-button,
.student .dark .main-header .nav-button-line .active-template-button,
.student .dark .quiz-header .nav-button-line .active-template-button,
.teacher .dark .main-header .nav-button-line .active-template-button,
.teacher .dark .quiz-header .nav-button-line .active-template-button {
  background-color: #e600cc;
}
.elementary .dark .main-header .nav-button-line .groups-button,
.elementary .dark .quiz-header .nav-button-line .groups-button,
.student .dark .main-header .nav-button-line .groups-button,
.student .dark .quiz-header .nav-button-line .groups-button,
.teacher .dark .main-header .nav-button-line .groups-button,
.teacher .dark .quiz-header .nav-button-line .groups-button {
  border: 2px solid #3191ff;
}
.elementary .dark .main-header .nav-button-line .active-groups-button,
.elementary .dark .quiz-header .nav-button-line .active-groups-button,
.student .dark .main-header .nav-button-line .active-groups-button,
.student .dark .quiz-header .nav-button-line .active-groups-button,
.teacher .dark .main-header .nav-button-line .active-groups-button,
.teacher .dark .quiz-header .nav-button-line .active-groups-button {
  background-color: #3191ff;
}
.elementary .dark .dashboard-drag-handle,
.student .dark .dashboard-drag-handle,
.teacher .dark .dashboard-drag-handle {
  color: #2c3c4d;
}
.elementary .dark .dashboard-drag-handle:hover,
.student .dark .dashboard-drag-handle:hover,
.teacher .dark .dashboard-drag-handle:hover {
  background: #2c3c4d;
  color: #fff;
}
.elementary .dark .role-themed-bg,
.student .dark .role-themed-bg,
.teacher .dark .role-themed-bg {
  background: linear-gradient(20deg, #00baa3 60%, #2c3c4d);
}
.elementary .dark .role-themed-card,
.student .dark .role-themed-card,
.teacher .dark .role-themed-card {
  background-color: #b3eae4;
}
.elementary .dark .role-themed-card .grid-item-content,
.student .dark .role-themed-card .grid-item-content,
.teacher .dark .role-themed-card .grid-item-content {
  color: #000;
}
.elementary .dark .role-themed-card .grid-item-content .card-title,
.student .dark .role-themed-card .grid-item-content .card-title,
.teacher .dark .role-themed-card .grid-item-content .card-title {
  color: #000;
  border-bottom: 2px solid #000;
}
.elementary .dark .open-tasks-warning,
.student .dark .open-tasks-warning,
.teacher .dark .open-tasks-warning {
  background-color: #ffe081;
}
.elementary .dark .button-primary,
.student .dark .button-primary,
.teacher .dark .button-primary {
  min-height: 3rem;
}
.elementary .dark .small-button-primary,
.student .dark .small-button-primary,
.teacher .dark .small-button-primary {
  min-height: 2rem;
}
.elementary .dark .small-button-outlined,
.student .dark .small-button-outlined,
.teacher .dark .small-button-outlined {
  min-height: 2rem;
}
.elementary .dark .save-button,
.student .dark .save-button,
.teacher .dark .save-button {
  background-color: #ff643e;
  color: #ffffff;
}
.elementary .dark .dragging-placeholder,
.student .dark .dragging-placeholder,
.teacher .dark .dragging-placeholder {
  background-color: rgba(255, 255, 255, 0.15);
}
.elementary .dark .edit-hint,
.student .dark .edit-hint,
.teacher .dark .edit-hint {
  background-color: #b3eae4;
  color: #000;
}
.elementary .dark .library-tab,
.student .dark .library-tab,
.teacher .dark .library-tab {
  background-color: transparent;
  border: 1px solid #02B49F;
}
.elementary .dark .library-tab .mdc-tab__text-label,
.student .dark .library-tab .mdc-tab__text-label,
.teacher .dark .library-tab .mdc-tab__text-label {
  color: #FFFFFF !important;
}
.elementary .dark .library-active-tab,
.student .dark .library-active-tab,
.teacher .dark .library-active-tab {
  background-color: #02B49F;
  color: #FFFFFF !important;
  opacity: 1;
}
.elementary .dark .library-active-tab .mdc-tab__text-label,
.student .dark .library-active-tab .mdc-tab__text-label,
.teacher .dark .library-active-tab .mdc-tab__text-label {
  color: #FFFFFF !important;
}
.elementary .dark .selected-element,
.student .dark .selected-element,
.teacher .dark .selected-element {
  border-left: 8px solid #2c3c4d !important;
}
.elementary .dark .role-themed-divider,
.student .dark .role-themed-divider,
.teacher .dark .role-themed-divider {
  filter: #2c3c4d;
}
.elementary .dark .role-themed-editor-module,
.student .dark .role-themed-editor-module,
.teacher .dark .role-themed-editor-module {
  border: 2px solid #00baa3;
  color: #ffffff;
}
.elementary .dark .themed-stepper .mat-step-icon-selected,
.student .dark .themed-stepper .mat-step-icon-selected,
.teacher .dark .themed-stepper .mat-step-icon-selected {
  background: #2c3c4d !important;
  color: #ffffff !important;
}

/* You can add global styles to this file, and also import other style files */
html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
  font-weight: 300;
  font-family: "Inter", sans-serif;
}

.timepicker-dial__control {
  font-size: 2.5rem !important;
}

@media print {
  html,
  body {
    height: auto !important;
    overflow: visible !important;
  }
  .helper {
    display: block !important;
  }
  * {
    box-shadow: none !important;
  }
  app-footer {
    display: none;
  }
  app-result-overview {
    width: 190mm;
    max-width: 100%;
    display: block;
  }
  app-result-overview .overlay {
    pointer-events: none;
  }
  app-result-overview #result-overview {
    margin: 0;
    border-radius: 0 !important;
  }
  app-result-overview .header .chart-type-selection {
    display: none !important;
  }
  app-result-overview .overview-grid {
    display: block;
  }
  app-single-result {
    pointer-events: none;
    display: block !important;
  }
  app-single-result:not(.fill-in-the-blank) {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  app-single-result-fill-in-the-blank app-single-result {
    display: flex !important;
  }
  app-single-result-fill-in-the-blank app-single-result .graph-wrap,
  app-single-result-fill-in-the-blank app-single-result .dialog-wrap {
    display: flex !important;
  }
  app-single-result-fill-in-the-blank app-single-result-fill-in-the-blank:not(:last-child) .view {
    border-bottom: 1px solid #ccc;
  }
  app-single-result-fill-in-the-blank app-single-result-fill-in-the-blank .view {
    page-break-inside: avoid;
    break-inside: avoid;
    flex-direction: column !important;
  }
  ngx-charts-chart {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  app-single-result-ngx[data-charttype=bar] .chart {
    flex-direction: column;
  }
  app-single-result-ngx app-ngx-legend {
    min-height: unset !important;
  }
  app-single-result-ngx app-ngx-legend li {
    max-height: unset !important;
  }
  button.print-controls {
    display: none !important;
  }
}
body.print-mode html,
body.print-mode body {
  height: auto !important;
  overflow: visible !important;
}
body.print-mode .helper {
  display: block !important;
}
body.print-mode * {
  box-shadow: none !important;
}
body.print-mode app-footer {
  display: none;
}
body.print-mode app-result-overview {
  width: 190mm;
  max-width: 100%;
  display: block;
}
body.print-mode app-result-overview .overlay {
  pointer-events: none;
}
body.print-mode app-result-overview #result-overview {
  margin: 0;
  border-radius: 0 !important;
}
body.print-mode app-result-overview .header .chart-type-selection {
  display: none !important;
}
body.print-mode app-result-overview .overview-grid {
  display: block;
}
body.print-mode app-single-result {
  pointer-events: none;
  display: block !important;
}
body.print-mode app-single-result:not(.fill-in-the-blank) {
  page-break-inside: avoid;
  break-inside: avoid;
}
body.print-mode app-single-result-fill-in-the-blank app-single-result {
  display: flex !important;
}
body.print-mode app-single-result-fill-in-the-blank app-single-result .graph-wrap,
body.print-mode app-single-result-fill-in-the-blank app-single-result .dialog-wrap {
  display: flex !important;
}
body.print-mode app-single-result-fill-in-the-blank app-single-result-fill-in-the-blank:not(:last-child) .view {
  border-bottom: 1px solid #ccc;
}
body.print-mode app-single-result-fill-in-the-blank app-single-result-fill-in-the-blank .view {
  page-break-inside: avoid;
  break-inside: avoid;
  flex-direction: column !important;
}
body.print-mode ngx-charts-chart {
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}
body.print-mode app-single-result-ngx[data-charttype=bar] .chart {
  flex-direction: column;
}
body.print-mode app-single-result-ngx app-ngx-legend {
  min-height: unset !important;
}
body.print-mode app-single-result-ngx app-ngx-legend li {
  max-height: unset !important;
}

app-root,
app-home {
  padding: 0;
  margin: 0;
  height: 100%;
  display: block;
}

.hidden {
  display: none !important;
}

.height100 {
  display: block;
  height: 100%;
}

.empty-state {
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  height: 100%;
}

.dashboard-empty {
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  text-align: center;
  padding: 20px;
  vertical-align: middle;
  color: white;
}

/**
everything general styling that causes new minnit evo project will be noted here
legacy styles from old minnit will be removed step by step
*/
/**
for some reason, lucide icons have a default shift of a few pixels because the inner displaying is broken,
further the icons are not centred correctly within mat buttons
*/
.flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

lucide-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-align-center {
  text-align: center;
}

.d-flex, .d-flex-center, .d-flex-col-center {
  display: flex;
}

.d-flex-center, .d-flex-col-center {
  justify-content: center;
  align-items: center;
}

.d-flex-col-center {
  flex-direction: column;
}

.d-flex-row {
  display: flex;
  flex-direction: row;
}

.horizontal-centered-text {
  text-align: center;
}

.white-space-pre-line {
  white-space: pre-line;
}

.minnit-link {
  text-decoration: none;
  color: #021816;
}

.centered-spinner {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.full-page-minus-header, .full-page-minus-nav-bars {
  min-height: calc(100vh - 5.625rem);
  box-sizing: border-box;
  position: relative;
}

.full-page-minus-nav-bars {
  min-height: calc(100vh - 5.625rem - 8.125rem);
}

.centered-card-header {
  display: flex;
  justify-content: center;
}

.left-aligned-card-header {
  display: flex;
  justify-content: left;
}

.icon-at-start {
  margin-right: 0.5rem;
}

.icon-at-end {
  margin-left: 0.5rem;
}

.color-primary {
  color: #00baa3;
}

.selected-forking-target {
  border: 2px solid #00baa3;
  background-color: rgba(0, 186, 163, 0.0784313725);
}

.coming-soon-wrapper {
  position: relative;
  display: flex;
}
.coming-soon-wrapper .coming-soon-notifier {
  position: absolute;
  top: -0.75rem;
  right: -0.75rem;
  z-index: 10;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.coming-soon-wrapper button {
  width: 100%;
}

mat-stepper {
  border-radius: 0.5rem;
  background: transparent !important;
}

.mdc-tab--active {
  background-color: white !important;
}

.no-stepper-header .mat-horizontal-stepper-header-container {
  display: none !important;
}

@media only screen and (max-width : 1264px) {
  #quiz-content .mat-vertical-stepper-header {
    padding: 0.25rem;
  }
  #quiz-content .mat-vertical-content-container {
    margin-left: 0;
  }
  #quiz-content .mat-vertical-content {
    padding: 0;
  }
  #quiz-content .mat-stepper-vertical-line::before {
    display: none;
  }
  #quiz-content .mat-mdc-cell {
    padding: 0;
  }
}

.cursor-pointer {
  cursor: pointer;
}

.overlay-banner {
  position: absolute;
  height: 1.5rem;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 4rem;
  background-color: #e42d3c;
  display: flex;
  align-items: center;
}
.overlay-banner span {
  color: white;
  font-size: 1rem;
  font-weight: bold;
}

.template-editor-toolbar-wrapper {
  position: sticky;
  bottom: 0;
  z-index: 10;
  padding: 1rem;
}

.template-editor-toolbar-spacer {
  height: 91px;
  flex-shrink: 0;
}

button .mdc-button__label {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.default-dialog .default-confirm-action {
  color: #021816 !important;
  background-color: #0EB8A3 !important;
}
.default-dialog .default-confirm-action:hover {
  background-color: #00B9C3 !important;
}
.default-dialog .button-outlined {
  border: 1px solid #021816 !important;
  background-color: transparent !important;
}
.default-dialog .button-outlined:hover {
  background-color: #B4E9E4 !important;
}
.default-dialog .button-accent {
  color: #021816;
  background-color: #DD37C4 !important;
}
.default-dialog .button-accent:hover, .default-dialog .button-accent:focus {
  background-color: #DD37C4 !important;
}

.mid-large-dialog {
  width: 35rem !important;
}

.default-button {
  min-height: 3rem;
  border-radius: 0.5rem;
  box-shadow: unset !important;
  min-width: 3rem !important;
}

.default-fab-button, .mini-fab-button {
  box-shadow: unset !important;
}

.mini-fab-button {
  width: 2rem !important;
  height: 2rem !important;
}

/* MATERIAL DESIGN MANIPULATION */
/**
The following adjustments have been made to give the Material Design components the desired appearance.
Theirfore it is necessary to overwrite their inner classes.
*/
.mat-mdc-form-field-hint {
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.5;
}
.mat-mdc-form-field-hint.--space-bottom {
  margin-bottom: 1rem;
}

.vertical-toggle-button .mat-button-toggle-label-content {
  white-space: pre-wrap !important;
  line-height: 1.25rem !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  justify-content: center !important;
}

mat-toolbar-row.mat-mdc-toolbar-row,
.mat-mdc-toolbar-multiple-rows {
  min-height: 64px;
  height: auto;
}

@media (max-width: 599px) {
  mat-toolbar-row.mat-mdc-toolbar-row,
  .mat-mdc-toolbar-single-row {
    min-height: 56px;
    height: auto;
  }
}
@media only screen and (max-width : 600px) {
  .full-page-minus-header, .full-page-minus-nav-bars {
    min-height: calc(100vh - 5.625rem);
    padding: 0;
    box-sizing: border-box;
    position: relative;
  }
  .mat-vertical-content {
    padding: 0 1.5rem 1.5rem 0.625rem !important;
  }
  .mat-vertical-content-container {
    margin-left: 2rem !important;
  }
  .mat-vertical-stepper-header {
    padding: 0.375rem 0 !important;
  }
}
.mat-mdc-ink-bar {
  background-color: white !important;
}

.mat-mdc-header-cell {
  font-weight: bold !important;
}

.mat-mdc-form-field {
  width: 100%;
}

/** removes the default bottom padding or margin from a mat-form-field */
.verticaly-centered-formfield .mat-mdc-form-field-bottom-align::before,
.question-answer .mat-mdc-form-field-bottom-align::before,
.gap-answer-option .mat-mdc-form-field-bottom-align::before,
.single-mapping-pair .mat-mdc-form-field-bottom-align::before {
  display: inline;
}

.bottom-nav {
  position: fixed;
  bottom: env(safe-area-inset-bottom, 0); /* Adjust for safe areas */
  left: 0;
  right: 0;
  height: 60px;
  background: #fff;
  z-index: 10;
}

.poi-label {
  background: #0EB8A3;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border: 2px solid #fff;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transform: translateY(-100%);
  cursor: pointer;
  z-index: 10;
}
.poi-label.selected {
  background: #DD37C4 !important;
}
.poi-label.completed {
  background: #B4E9E4 !important;
}
.poi-label.label-marker {
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 1rem;
  border: 1px solid #021816;
  background: #ffffff;
  white-space: nowrap;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/cropperjs/dist/cropper.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/minnit-shared-frontend-lib/styles/theming-maps/minnit-theme.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

html {
  --mat-sys-on-surface: initial;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}

html {
  --mat-badge-text-font: Inter, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Inter, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Inter, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Inter, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Inter, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Inter, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Inter, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Inter, sans-serif;
  letter-spacing: 0.0071428571em;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Inter, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Inter, sans-serif;
  letter-spacing: 0.0333333333em;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Inter, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Inter, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Inter, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Inter, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Inter, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-label-text-font: Inter, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
html {
  --mat-standard-button-toggle-label-text-font: Inter, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-text-font: Inter, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: Inter, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Inter, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: Inter, sans-serif;
  --mat-stepper-header-label-text-font: Inter, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: Inter, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-node-text-font: Inter, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-option-label-text-font: Inter, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Inter, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-card-title-text-font: Inter, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Inter, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mdc-plain-tooltip-supporting-text-font: Inter, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-label-text-font: Inter, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
}
html {
  --mdc-outlined-text-field-label-text-font: Inter, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
}
html {
  --mat-form-field-container-text-font: Inter, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Inter, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-trigger-text-font: Inter, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mdc-dialog-subhead-font: Inter, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Inter, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Inter, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Inter, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}

html {
  --mat-radio-label-text-font: Inter, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}

html {
  --mdc-slider-label-label-text-font: Inter, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: Inter, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-label-text-font: Inter, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Inter, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Inter, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Inter, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-font: Inter, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Inter, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mat-checkbox-label-text-font: Inter, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}

html {
  --mdc-text-button-label-text-font: Inter, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
}
html {
  --mdc-filled-button-label-text-font: Inter, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
}
html {
  --mdc-protected-button-label-text-font: Inter, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}
html {
  --mdc-outlined-button-label-text-font: Inter, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-extended-fab-label-text-font: Inter, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-supporting-text-font: Inter, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: Inter, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Inter, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Inter, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #009688;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #00796b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #00796b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #00796b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #009688;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #009688;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #00796b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #00796b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 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-app-elevation-shadow-level-1: 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-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 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-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 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-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 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-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 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-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-elevated-card-container-shape: 4px;
}
html {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 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);
}
html {
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 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);
}
html {
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #009688;
  --mdc-linear-progress-track-color: rgba(0, 150, 136, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #00796b;
  --mdc-linear-progress-track-color: rgba(0, 121, 107, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
html {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: #009688;
  --mdc-filled-text-field-focus-active-indicator-color: #009688;
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 150, 136, 0.87);
  --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
}
html {
  --mdc-outlined-text-field-caret-color: #009688;
  --mdc-outlined-text-field-focus-outline-color: #009688;
  --mdc-outlined-text-field-focus-label-text-color: rgba(0, 150, 136, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
}
html {
  --mat-form-field-focus-select-arrow-color: rgba(0, 150, 136, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #00796b;
  --mdc-filled-text-field-focus-active-indicator-color: #00796b;
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 121, 107, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: #00796b;
  --mdc-outlined-text-field-focus-outline-color: #00796b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(0, 121, 107, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(0, 121, 107, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mat-select-container-elevation-shadow: 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);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(0, 150, 136, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(0, 121, 107, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 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);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-shape: 4px;
}
html {
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #009688;
  --mdc-chip-elevated-selected-container-color: #009688;
  --mdc-chip-elevated-disabled-container-color: #009688;
  --mdc-chip-flat-disabled-selected-container-color: #009688;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #00796b;
  --mdc-chip-elevated-selected-container-color: #00796b;
  --mdc-chip-elevated-disabled-container-color: #00796b;
  --mdc-chip-flat-disabled-selected-container-color: #00796b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #00897b;
  --mdc-switch-selected-handle-color: #00897b;
  --mdc-switch-selected-hover-state-layer-color: #00897b;
  --mdc-switch-selected-pressed-state-layer-color: #00897b;
  --mdc-switch-selected-focus-handle-color: #004d40;
  --mdc-switch-selected-hover-handle-color: #004d40;
  --mdc-switch-selected-pressed-handle-color: #004d40;
  --mdc-switch-selected-focus-track-color: #4db6ac;
  --mdc-switch-selected-hover-track-color: #4db6ac;
  --mdc-switch-selected-pressed-track-color: #4db6ac;
  --mdc-switch-selected-track-color: #4db6ac;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow: 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);
  --mdc-switch-disabled-handle-elevation-shadow: 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);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #00897b;
  --mdc-switch-selected-handle-color: #00897b;
  --mdc-switch-selected-hover-state-layer-color: #00897b;
  --mdc-switch-selected-pressed-state-layer-color: #00897b;
  --mdc-switch-selected-focus-handle-color: #004d40;
  --mdc-switch-selected-hover-handle-color: #004d40;
  --mdc-switch-selected-pressed-handle-color: #004d40;
  --mdc-switch-selected-focus-track-color: #4db6ac;
  --mdc-switch-selected-hover-track-color: #4db6ac;
  --mdc-switch-selected-pressed-track-color: #4db6ac;
  --mdc-switch-selected-track-color: #4db6ac;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

html {
  --mdc-switch-state-layer-size: 40px;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #009688;
  --mdc-radio-selected-hover-icon-color: #009688;
  --mdc-radio-selected-icon-color: #009688;
  --mdc-radio-selected-pressed-icon-color: #009688;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #009688;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #00796b;
  --mdc-radio-selected-hover-icon-color: #00796b;
  --mdc-radio-selected-icon-color: #00796b;
  --mdc-radio-selected-pressed-icon-color: #00796b;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #00796b;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mdc-radio-state-layer-size: 40px;
}
html {
  --mat-radio-touch-target-display: block;
}

html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation: 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);
}
html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}

html {
  --mdc-slider-handle-color: #009688;
  --mdc-slider-focus-handle-color: #009688;
  --mdc-slider-hover-handle-color: #009688;
  --mdc-slider-active-track-color: #009688;
  --mdc-slider-inactive-track-color: #009688;
  --mdc-slider-with-tick-marks-inactive-container-color: #009688;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
}
html {
  --mat-slider-ripple-color: #009688;
  --mat-slider-hover-state-layer-color: rgba(0, 150, 136, 0.05);
  --mat-slider-focus-state-layer-color: rgba(0, 150, 136, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #00796b;
  --mdc-slider-focus-handle-color: #00796b;
  --mdc-slider-hover-handle-color: #00796b;
  --mdc-slider-active-track-color: #00796b;
  --mdc-slider-inactive-track-color: #00796b;
  --mdc-slider-with-tick-marks-inactive-container-color: #00796b;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-accent {
  --mat-slider-ripple-color: #00796b;
  --mat-slider-hover-state-layer-color: rgba(0, 121, 107, 0.05);
  --mat-slider-focus-state-layer-color: rgba(0, 121, 107, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow: 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);
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #009688;
  --mdc-radio-selected-hover-icon-color: #009688;
  --mdc-radio-selected-icon-color: #009688;
  --mdc-radio-selected-pressed-icon-color: #009688;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #00796b;
  --mdc-radio-selected-hover-icon-color: #00796b;
  --mdc-radio-selected-icon-color: #00796b;
  --mdc-radio-selected-pressed-icon-color: #00796b;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #009688;
  --mdc-checkbox-selected-hover-icon-color: #009688;
  --mdc-checkbox-selected-icon-color: #009688;
  --mdc-checkbox-selected-pressed-icon-color: #009688;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #009688;
  --mdc-checkbox-selected-hover-state-layer-color: #009688;
  --mdc-checkbox-selected-pressed-state-layer-color: #009688;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #00796b;
  --mdc-checkbox-selected-hover-icon-color: #00796b;
  --mdc-checkbox-selected-icon-color: #00796b;
  --mdc-checkbox-selected-pressed-icon-color: #00796b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #00796b;
  --mdc-checkbox-selected-hover-state-layer-color: #00796b;
  --mdc-checkbox-selected-pressed-state-layer-color: #00796b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #009688;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}

html {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
html {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #009688;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #009688;
  --mat-tab-header-active-ripple-color: #009688;
  --mat-tab-header-inactive-ripple-color: #009688;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #009688;
  --mat-tab-header-active-hover-label-text-color: #009688;
  --mat-tab-header-active-focus-indicator-color: #009688;
  --mat-tab-header-active-hover-indicator-color: #009688;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #00796b;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #00796b;
  --mat-tab-header-active-ripple-color: #00796b;
  --mat-tab-header-inactive-ripple-color: #00796b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #00796b;
  --mat-tab-header-active-hover-label-text-color: #00796b;
  --mat-tab-header-active-focus-indicator-color: #00796b;
  --mat-tab-header-active-hover-indicator-color: #00796b;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #009688;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #00796b;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #00796b;
  --mdc-checkbox-selected-hover-icon-color: #00796b;
  --mdc-checkbox-selected-icon-color: #00796b;
  --mdc-checkbox-selected-pressed-icon-color: #00796b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #00796b;
  --mdc-checkbox-selected-hover-state-layer-color: #00796b;
  --mdc-checkbox-selected-pressed-state-layer-color: #00796b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #009688;
  --mdc-checkbox-selected-hover-icon-color: #009688;
  --mdc-checkbox-selected-icon-color: #009688;
  --mdc-checkbox-selected-pressed-icon-color: #009688;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #009688;
  --mdc-checkbox-selected-hover-state-layer-color: #009688;
  --mdc-checkbox-selected-pressed-state-layer-color: #009688;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-touch-target-display: block;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
html {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
html {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 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);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 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);
}
html {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
html {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
html {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
html {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
html {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #009688;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #009688;
  --mat-text-button-ripple-color: rgba(0, 150, 136, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #00796b;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: #00796b;
  --mat-text-button-ripple-color: rgba(0, 121, 107, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #009688;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #00796b;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #009688;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #00796b;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #009688;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #009688;
  --mat-outlined-button-ripple-color: rgba(0, 150, 136, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #00796b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: #00796b;
  --mat-outlined-button-ripple-color: rgba(0, 121, 107, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
}
html {
  --mdc-filled-button-container-height: 36px;
}
html {
  --mdc-protected-button-container-height: 36px;
}
html {
  --mdc-outlined-button-container-height: 36px;
}
html {
  --mat-text-button-touch-target-display: block;
}
html {
  --mat-filled-button-touch-target-display: block;
}
html {
  --mat-protected-button-touch-target-display: block;
}
html {
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #009688;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #009688;
  --mat-icon-button-ripple-color: rgba(0, 150, 136, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #00796b;
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: #00796b;
  --mat-icon-button-ripple-color: rgba(0, 121, 107, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow: 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);
  --mdc-fab-focus-container-elevation-shadow: 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);
  --mdc-fab-hover-container-elevation-shadow: 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);
  --mdc-fab-pressed-container-elevation-shadow: 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);
}
html {
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow: 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);
  --mdc-fab-small-focus-container-elevation-shadow: 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);
  --mdc-fab-small-hover-container-elevation-shadow: 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);
  --mdc-fab-small-pressed-container-elevation-shadow: 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);
}
html {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow: 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);
  --mdc-extended-fab-focus-container-elevation-shadow: 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);
  --mdc-extended-fab-hover-container-elevation-shadow: 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);
  --mdc-extended-fab-pressed-container-elevation-shadow: 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);
}

html {
  --mdc-fab-container-color: white;
}
html {
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html {
  --mdc-fab-small-container-color: white;
}
html {
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #009688;
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #00796b;
}
html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
}
html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #009688;
}
html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #00796b;
}
html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
}
html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
}
html {
  --mat-snack-bar-button-color: #b2dfdb;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #009688;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #00796b;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #009688;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #00796b;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
html {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
}
html {
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #009688;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 150, 136, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 150, 136, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 150, 136, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #009688;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 150, 136, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #00796b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 121, 107, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 121, 107, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 121, 107, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 121, 107, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #00796b;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #009688;
}
.mat-icon.mat-accent {
  --mat-icon-color: #00796b;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #009688;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #009688;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #009688;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #00796b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #00796b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #00796b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #009688;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #00796b;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow: 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);
}

html {
  --mat-timepicker-container-background-color: white;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/flatpickr/dist/flatpickr.min.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;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{animation:fpFadeInDown 300ms cubic-bezier(.23,1,.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){box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){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: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;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;user-select:none;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{transition:fill .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);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;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.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;box-sizing:border-box;color:inherit;cursor:text;padding: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;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 .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:flex;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;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;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;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;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;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;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)){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;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;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;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:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{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;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;box-sizing:border-box;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;user-select:none;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}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/cropperjs/dist/cropper.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-photo-editor/photo-editor.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.ngx-pe-overlay-container {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 1rem;
  box-sizing: border-box;
}
.ngx-pe-overlay-container * {
  box-sizing: border-box;
}
.ngx-pe-dialog-container {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  outline: 0;
  width: 100%;
  height: auto;
  max-height: 95vh;
  box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
  background: #333333;
  color: white;
  display: flex;
  flex-direction: column;
}
.ngx-pe-dialog-header {
  padding: 1rem 1rem 1rem 1rem;
  font-size: 1rem;
  font-weight: 400;
}
.ngx-pe-dialog-body {
  height: 100%;
  position: relative;
  box-sizing: border-box;
}
.ngx-pe-dialog-footer {
  padding: 1rem 1rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.ngx-pe-cropper-wrapper {
  position: relative;
}
.ngx-pe-img {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 300px;
}
.ngx-pe-tool-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: #222;
  box-sizing: border-box;
  width: 100%;
}
.ngx-pe-tool-bar button {
  background-color: transparent;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 0.875rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
}
.ngx-pe-tool-bar button:hover {
  background-color: #0074d9;
  color: #fff;
}
.ngx-pe-tool-bar svg {
  width: 20px;
  height: 20px;
  fill: white;
}
.ngx-pe-btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb));
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  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;
}
.ngx-pe-btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.ngx-pe-btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-gradient: none;
}
.ngx-pe-btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.ngx-pe-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #222222;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 10s ease;
}
.ngx-pe-processing {
  background-color: rgba(34,34,34, 0.8);
}
.ngx-pe-loading svg {
  width: 50px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .owl-item.center{z-index: 5;}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/leaflet/dist/leaflet.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url('layers.png');
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.png');
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url('marker-icon.png');
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		print-color-adjust: exact;
		}
	}


/*# sourceMappingURL=styles.css.map*/