/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(gfonts/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(gfonts/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(gfonts/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(gfonts/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(gfonts/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(gfonts/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(gfonts/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url(gfonts/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(gfonts/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(gfonts/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(gfonts/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(gfonts/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(gfonts/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(gfonts/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url(gfonts/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(gfonts/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(gfonts/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(gfonts/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(gfonts/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(gfonts/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(gfonts/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(gfonts/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(gfonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(gfonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(gfonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(gfonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(gfonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(gfonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(gfonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(gfonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(gfonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(gfonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(gfonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(gfonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(gfonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(gfonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(gfonts/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(gfonts/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(gfonts/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(gfonts/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(gfonts/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(gfonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(gfonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(gfonts/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(gfonts/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(gfonts/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(gfonts/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(gfonts/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(gfonts/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(gfonts/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* General */
* {
   font-family:
      DM Sans,
      sans-serif !important;
   /* Add !important to overwrite all elements */
}

.layout-row > .flex {
   flex-basis: auto;
}

.layout-column > .flex {
   flex-basis: auto;
}

.clickable {
   cursor: pointer;
}

.full-height {
   height: 100%;
}

.bordered {
   margin: 20px;
}

.dashboard-inner-container {
   padding: 24px 20px;
}

/* Rules for sizing the icon. */

.material-icons.md-18 {
   font-size: 18px;
}

.material-icons.md-24 {
   font-size: 24px;
}

.material-icons.md-36 {
   font-size: 36px;
}

.material-icons.md-48 {
   font-size: 48px;
}

.rotate {
   -ms-transform: rotate(90deg); /* IE 9 */
   -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
   transform: rotate(90deg);
}

md-toast.md-center {
   left: 50%;
   transform: translate3d(-50%, 0, 0);
}

.screen-inner-container {
   padding-top: 40px;
}

.dashboard-graphs-container {
   gap: 16px;
   padding-bottom: 40px;
}

.task-pie-card {
   margin: 0;
   border-radius: 8px;
   border: 1px solid rgba(99, 115, 129, 0.16);
}

/* Animations */

.fadein,
.fadeout {
   -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
   -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
   -o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
   transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
}

.fadein.ng-hide-remove,
.fadeout.ng-hide-add.ng-hide-add-active {
   opacity: 0;
   display: block !important;
}

.fadeout.ng-hide-add,
.fadein.ng-hide-remove.ng-hide-remove-active {
   opacity: 1;
   display: block !important;
}

/* Rules for using icons as black on a light background. */

.material-icons.md-dark {
   color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
   color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
   color: rgba(255, 255, 255, 1);
}

.material-icons.md-light.md-inactive {
   color: rgba(255, 255, 255, 0.3);
}

/* Toolbar */

.md-button.logo {
   height: 4em;
   width: 4em;
}

.md-button {
   border-radius: 4px;
   font-size: 13px;
   font-style: normal;
   font-weight: 700;
   line-height: 170%;
   text-transform: none;
   padding-right: 10px;
   padding-left: 10px;
}
.md-button.md-raised {
    box-shadow: none !important;
}

.md-button.md-secondary {
   border: 1px solid #000000;
}

.logo-image {
   height: 100%;
   width: 100%;
   border-radius: 50%;
}

.identity-list-image {
   height: 32px;
   width: 32px;
   border-radius: 50%;
   float: left;
   margin: 8px 10px 0 0;
}

md-toolbar {
   background-color: white !important;
   color: #637381 !important;
   border-bottom: 1px solid rgba(99, 115, 129, 0.16);
   padding: 0 20px !important;
}

md-toolbar.fixed {
   position: fixed;
}

.md-toolbar-tools h3 {
   color: #212b36;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 150%;
}

.fixed-toolbar-friendly {
   margin-top: 60px;
}

md-toolbar h2 {
   display: inline-block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.nowrap {
   white-space: nowrap;
}

.searchinline {
   outline: none;
   border: none;
   border-bottom: 1px dotted;
}

/* Sidenav */
md-sidenav {
   width: 248px !important;
   padding-top: 24px;
   padding-bottom: 16px;
   border-right: 1px solid rgba(99, 115, 129, 0.16);
}

.md-list-item-sidenav {
   border-radius: 8px;
   padding: 0 !important;
}

.md-list-item-sidenav:hover .sidenav-icon{
   color: #00AB55 !important;
}

md-list-item.md-clickable:hover {
   background-color: rgba(0, 171, 85, 0.12) !important;
}

md-sidenav a {
   text-decoration: none;
   font-size: 15px;
}

.top-layer {
    z-index: 100;
}

/* Section */

.section-header {
   font-size: 1.2em;
   cursor: pointer;
   border-radius: 8px;
   padding-left: 24px !important;
   padding-right: 12px !important;
   padding-top: 8px;
   padding-bottom: 8px;
}

.section-header:focus {
   outline: 0;
}

.section-header .md-subheader-inner {
   width: 100%;
}

.section-header-rename .md-subheader-inner {
   width: 100%;
   padding: 5px;
}

.section-header-menu {
   position: absolute;
   right: -10px;
   top: -10px;
}

.section-header-menu-rename {
   position: absolute;
   right: 0;
   top: 0;
}

/* Search */

.search-instances-form {
   position: relative;
   border-radius: 8px;
   border: 1px solid #6373813b;
   background: #ffffff;
}

.search-instances-form .search-button {
   position: absolute;
   left: 10px;
   top: 6px;
}

.search-instances-form .clear-button {
   position: absolute;
   right: 10px;
   top: 6px;
}

.search-instances-box {
   background-color: rgba(255, 255, 255, 0.06);
   border-radius: 4px;
   border: solid 1px rgba(255, 255, 255, 0.15);
   font-size: initial;
   height: 36px;
   min-width: 100px;
   padding-left: 50px;
   width: 100%;
}

md-card-header > ng-md-icon {
   margin: 0;
}

.search-tools {
   margin-left: 16px;
   margin-top: 12px;
}

.search-tools ng-md-icon {
   fill: gray;
}

.no-results {
   margin: 50px auto 0 auto;
   padding: 50px;
   width: 300px;
   height: 300px;
   background: url(images/no-results.gif) top no-repeat;
}

.no-results > div {
   margin-top: 200px;
   text-align: center;
   font-size: 0.9em;
   color: rgba(0, 0, 0, 0.6);
}

.job-done {
   margin: 100px auto 0 auto;
   padding: 50px;
   width: 200px;
   height: 200px;
   background: url(images/job-done.png) top no-repeat;
}

.job-done > div {
   margin-top: 150px;
   text-align: center;
   font-size: 0.9em;
   color: rgba(0, 0, 0, 0.6);
}

.paperwork {
   margin: 100px auto 0 auto;
   padding: 50px;
   width: 200px;
   height: 200px;
   background: url(images/paperwork.png) top no-repeat;
}

.paperwork > div {
   margin-top: 150px;
   text-align: center;
   font-size: 0.9em;
   color: rgba(0, 0, 0, 0.6);
}

div[role='button']:focus {
   outline: 0;
}

/* Positioning */

.bottom-right-FAB {
   position: fixed;
   right: 10px;
   bottom: 10px;
   z-index: 1;
   align-items: end;
}

.action-icon {
   margin: auto 16px auto 0;
}

.comment-input-container {
   margin-top: 8px;
}

.overlay-icon-br {
   position: absolute;
   left: 32px;
   top: 32px;
   color: rgba(0, 0, 0, 0.6);
}

.md-2-line-icon {
   line-height: normal;
}

/* Font sizes */

.detail {
   font-size: 0.8em;
}

section .page {
   background: linear-gradient(to left top, #70694f, #f5eee4) fixed;
}

section header .title {
   margin-top: 50px;
   margin-bottom: 50px;
   text-align: center;
   font-size: 2em;
   font-weight: 300;
   color: rgba(0, 0, 0, 0.4);
}

section .text {
   position: absolute;
   left: 20px;
   bottom: 20px;
   color: white;
   width: 50%;
   font-size: 1.2em;
   font-weight: 300;
}

section .page .dark {
   color: rgba(0, 0, 0, 0.6);
}

section .page .white {
   color: white;
}

.how-it-goes-chart {
   margin-top: 20px;
   position: relative;
   color: white;
}

.how-it-goes-chart img {
   width: 200px;
}

.how-it-goes-chart .legend {
   position: absolute;
   top: 30px;
   width: 200px;
}

.how-it-goes-chart .legend .title {
   text-align: center;
   font-size: 16px;
   line-height: 24px;
   color: rgba(0, 0, 0, 0.4);
}

.how-it-goes-chart .legend .number {
   font-size: 45px;
   line-height: 20px;
   width: 200px;
   text-align: center;
}

.header {
   padding: 5px;
}

.ngCytoscape {
   height: 500px;
   width: 100%;
}

/* Profile */

.profile-image {
   border-radius: 50%;
   max-width: 100px;
   margin: auto 20px auto auto;
}

md-input-container > ng-md-icon {
   position: absolute;
   top: 10px;
   left: 93%;
}

md-input-container > ng-md-icon + input {
   margin-left: 56px;
}

/* Customize */

md-dialog-content md-input-container {
   margin-top: 10px;
   margin-bottom: 0;
}

md-dialog-content md-autocomplete > md-autocomplete-wrap.md-whiteframe-z1 {
   box-shadow: none;
}

md-dialog-content div.layout-margin > * {
   margin: 0;
}

.widget-customize-dialog md-list[dnd-list] md-list-item.selected {
   background-color: rgb(0 0 0 / 15%);
}

.widget-customize-dialog md-list[dnd-list] .dndPlaceholder {
   background-color: #aaaaaa;
   display: block;
   min-height: 72px;
}

.widget-customize-dialog md-list[dnd-list] .dndDraggingSource {
   display: none;
}

.widget-customize-dialog-subheader {
   margin-left: 16px !important;
   margin-top: 8px !important;
   margin-bottom: 8px !important;
}

/*Rules for displaying theme in project*/
.theme-line {
   padding: 16px;
   width: 150px;
}

.theme-primary,
.theme-accent {
   margin: 4px 0;
   height: 60px;
}

/*Instance list*/
.instance-list-table-header {
   background-color: rgba(51, 102, 255, 0.12);
}

.instance-list-table-header-text {
   color: #212b36 !important;
}

.instance-list-link {
   text-decoration: none;
   font-weight: 500;
}

.instance-list-link:hover {
   text-decoration: underline;
}

.instance-list-active {
   color: #4588e6;
}

.instance-list-task-item {
   padding: 12px;
}

.instance-list-cell-width-15 {
   width: 15%;
   color: #212b36 !important;
   font-weight: 500;
}

.instance-list-cell-width-20 {
   width: 20%;
   color: #212b36 !important;
   font-weight: 500;
}

.instance-list-cell-width-45 {
   width: 45%;
   color: #212b36 !important;
   font-weight: 500;
}

.md-toggle-icon {
   transform: rotate(180deg);
   transition: transform 0.3s ease-in-out;
}

.md-toggle-icon.toggled {
   transform: rotate(0deg);
}

/*New Instance page*/
.screen-content {
   padding: 24px 20px;
}

/*Queues*/

.queues-table-content-head {
   background-color: rgba(145, 158, 171, 0.08);
   border-radius: 8px;
}

/*inputs*/
md-input-container .md-input {
   border-radius: 8px !important;
   border-width: 1px !important;
   border-style: solid !important;
   padding: 8px 28px 8px 14px !important;
   height: 40px;
   background-color: #ffffff !important;
   line-height: 22px;
}

md-select {
   height: 40px;
   margin: 0;
}

md-select.md-default-theme .md-select-value,
md-select .md-select-value {
   border-radius: 8px !important;
   padding: 5px 8px 5px 12px !important;
   border: 1px solid #6373813b;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value,
md-select:not([disabled]):focus .md-select-value {
   border-color: rgb(51, 102, 255);
}

md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value, md-select.md-default-theme[disabled] .md-select-value.md-select-placeholder, md-select[disabled] .md-select-value.md-select-placeholder {
   border-bottom-color: rgba(0,0,0,0.12);
   border-style: dotted !important;
   background-image: none !important;
   color: rgba(0,0,0,0.38);
}

md-select.md-default-theme.ng-invalid.ng-touched .md-select-value, md-select.ng-invalid.ng-touched .md-select-value {
   color: rgb(213,0,0)!important;
   border-color: rgb(213,0,0)!important;
}

md-input-container label:not(.md-container-ignore) {
   position: absolute;
   bottom: 94%;
   left: 14px;
   right: auto;
   width: auto !important;
   background-color: white;
   padding-left: 4px !important;
   padding-right: 4px !important;
}

md-input-container.md-input-focused label:not(.md-no-float),
md-input-container.md-input-has-placeholder label:not(.md-no-float),
md-input-container.md-input-has-value label:not(.md-no-float) {
   transform: translate3d(0, 12px, 0) scale(0.75) !important;
}
md-input-container {
   margin: 0;
}

[disabled] md-input-container.md-default-theme .md-input,
[disabled] md-input-container .md-input,
md-input-container.md-default-theme .md-input[disabled],
md-input-container .md-input[disabled] {
   border-bottom-color: revert;
   border-style: dotted !important;
   color: rgba(0, 0, 0, 0.38);
   background-image: none !important;
}

/*Switches*/
md-switch .md-thumb {
   background-color: #81c926;
}

md-switch .md-bar {
   background-color: rgba(44, 64, 90, 0.2);
}

md-switch.md-checked .md-bar {
   background-color: rgba(44, 64, 90, 0.2);
}

/* Diagram */

text.fa {
   font-family: FontAwesome, sans-serif;
}

.hide-validation-error .md-errors-spacer {
   display: none;
}

div.property-sheet {
   background-color: white;
   padding: 10px;
   min-width: 400px !important;
}

div.design-nav {
   background-color: white;
   display: flex;
   flex-direction: column;
   gap: 24px;
}

.diagram {
   min-width: 300px !important;
}

.diagram div.rg-right {
   margin-right: 0;
}

.simple-border {
   border-radius: 2px;
   box-shadow: 0 1px 2px 0 rgba(0, 121, 196, 0.09);
   border: solid 0.5px rgba(183, 210, 229, 0.8);
}

.error-border {
   border-radius: 2px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09);
   border: solid 0.5px rgba(213, 0, 0, 0.8);
}

.error-small-text {
   color: rgba(213, 0, 0, 1);
   font-size: 12px;
   padding-top: 5px !important;
}

.no-resize {
   resize: none !important;
   max-height: 300px !important;
   overflow-y: scroll !important;
}

.no-padding {
   padding: 0 !important;
}

.sidebar-width {
   max-width: 400px !important;
}

.no-min-height {
   min-height: auto !important;
   height: 25px !important;
}

.big-icon {
   width: auto !important;
   min-height: 64px !important;
}

.object-details {
   color: rgba(0, 0, 0, 0.54);
   font-size: 14px;
}

.tooltip-multiline {
   height: auto !important;
   text-align: center;
   max-width: 300px;
   white-space: normal;
   font-size: 14px;
}

.sidebar-list {
   display: initial !important;
}

.inherit-height {
   height: inherit !important;
}

.widget-left-margin {
   margin-left: 24px;
   margin-right: 24px;
}

.widgetlabel-color {
   font-size: 16px;
   color: #637381;
}

.widgetlabel-icon {
   margin: auto 4px;
}

.checkbox-margin {
   margin-bottom: 0;
   color: darkgrey;
}

.radio-margin {
   margin-bottom: 4px;
   color: black;
   display: inline;
   align-self: flex-start;
}

md-radio-button.md-default-theme .md-off,
md-radio-button .md-off {
   border-color: black;
}

md-radio-button[disabled] .md-container .md-off {
   border-color: gray;
}

.md-button.md-fab[disabled] {
   background-color: rgb(215 215 215);
}

md-card.plain {
   margin: 0;
   box-shadow: none;
}

.angular-google-map-container {
   height: 400px;
}

button.button-checkbox {
   margin: 0;
   text-align: left;
}

.min300 {
   min-width: 300px;
}

.no-margin {
   margin: 0 !important;
}

.text-right {
   text-align: right !important;
}

#svg {
   width: 1000px;
   height: 500px;
   display: block;
}

.widget-container {
   min-height: 16px !important;
}

#map {
   height: 400px;
}

.task-table-filter-icons {
   padding-bottom: 24px;
   padding-left: 16px;
}

.task-card {
   border-radius: 16px;
   padding: 24px 24px 16px 24px;
}

.task-card-selected {
   background-color: rgba(0, 121, 196, 0.6);
}

.task-card-owner {
   background-color: #bbdefb;
}

.task-card-no-owner {
   background-color: #c8e6c9;
}

.task-card-suspended {
   background-color: #ffb3a7;
}

.task-card-header {
   padding: 0;
}

.task-card-content {
   padding: 16px 0px 12px 0;
}

.md-title {
   font-size: 14px !important;
   font-style: normal;
   font-weight: 700 !important;
   line-height: 160%;
   letter-spacing: 0.1px;
}

.task-card-actions {
   margin: 0;
}

.no-process {
   margin: 16px;
}

.no-transition {
   transition: none !important;
}

md-checkbox .md-label {
   color: black;
}

/* angular-material-datetimepicker styles */

.dtp table.dtp-picker-days tr > td > a.selected,
.dtp table.dtp-picker-days tr > td > a.selected.hilite,
.dtp div.dtp-date,
.dtp div.dtp-time,
.dtp .dtp-hand.on,
.dtp .dtp-actual-meridien a.selected,
.dtp .dtp-picker-time > a.dtp-select-hour.selected {
   background: rgb(0, 147, 238);
}

.dtp table.dtp-picker-days tr > td > a.hilite:not(.selected),
.dtp div.dtp-actual-time.p60 span.selected {
   color: rgb(0, 147, 238);
}

.dtp div.dtp-year-btn,
.dtp div.dtp-actual-year,
.dtp div.dtp-actual-maxtime {
   color: #d0f0f0;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
   background: rgb(187, 222, 251);
}

md-menu-content.dtp-month-list {
   background-color: #d0f0f0;
}

md-menu-content.dtp-year-list {
   background-color: #d0f0f0;
}

md-autocomplete {
   background-color: transparent;
}

.section-container {
   border-radius: 8px;
   border: 1px solid rgba(99, 115, 129, 0.16);
}

.section-content {
   padding: 16px 24px;
}

.task-design-widget-button {
   border: 1px solid black;
   margin: 0;
}

.task-design-widgets-container {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
}

.task-design-container {
   display: flex;
   row-gap: 16px;
}

.task-design-list-icon {
   margin-right: 16px !important;
   margin-left: 16px;
   padding: 0;
}

.md-subheader {
   font-size: 18px;
   font-weight: 700;
}

md-list-item._md-button-wrap > div.md-button:first-child {
   padding: 0;
}

.md-subheader .md-subheader-inner {
   display: block;
   padding: 5px 0;
}

.md-resize-wrapper {
   margin-top: 12px;
   position: relative;
}

.user-card {
   border-radius: 16px;
   padding: 24px 24px 16px 24px;
}

.user-card-content {
   padding: 0px 0px 16px 0;
}

.saga-logo-sidenav {
   width: 120px;
   margin: 5px 50px 40px 62px;
}

.sidenav-list {
   padding: 12px 16px;
}

.sidenav-icon {
   line-height: 24px;
   margin-right: 32px;
   margin-left: 16px;
}

.sidenav-icon-color {
   color: #637381;
}

.add-document-dialog-button {
   margin-top: 8px;
}

md-list-item .md-secondary-container .md-button {
   border: none;
}

md-list-item {
   /*height: 44px !important;*/
}

.invalid-link {
   padding-top: 42px;
   width: 50%;
}

.new-timesheet {
   margin-right: 24px;
   margin-left: 24px;
   margin-top: 24px;
}

.timesheet-error-container {
   padding-left: 28px;
   padding-bottom: 12px;
}

.timesheet-error {
   color: #FF0000FF;
   font-size: 14px;
}

.select-header-container .header-searchbox {
   border: none;
   outline: none;
   height: 100%;
   width: 100%;
   padding: 0;
}
.select-header-container .select-header {
   box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
   padding-left: 16px;
   height: 48px;
   cursor: pointer;
   position: relative;
   display: flex;
   width: auto;
}
.select-header-container md-content._md {
   max-height: 240px;
}
.select-header-container md-input-container {
   min-width: 112px;
}

.select-clear-button {
   position: absolute;
   height: 100%;
   display: flex;
   align-items: center;
   cursor: pointer;
   right: 18px;
   min-width: 24px;
   padding: 0;
   top: -6px;
   color: rgba(0, 0, 0, 0.54);
}

.select-container {
   position: relative;
}

.select-all-button {
   width: 100%;
   text-align: left;
}
.select-input-container {
   height: 64px;
}

.new-timesheet md-input-container .md-errors-spacer {
   float: right;
   min-height: 6px;
   min-width: 1px;
}

.textarea-label {
   top: -4px;
   height: 16px;
}

md-input-container textarea.md-input {
   min-height: 22px;
}

.task-design-sidenav {
   padding-right: 12px;
   padding-left: 12px;
}

.outlined {
   border: 1px solid black;
}

.timesheetbr-list {
   list-style-type: none;
}

.timesheetbr-list-item {
   border-bottom: 1px solid rgba(99, 115, 129, 0.16);
   padding: 16px 0;
}

.timesheetbr-list-element {
   min-width: 116px;
}

.timesheetbr-list-md {
   min-width: 88px;
}

.timesheetbr-md {
   text-align: end;
}

.timesheetbr-approve {
   padding-top: 16px;
   width: 200px;
}

.timesheetbr-text {
    font-size: 13px;
   padding: 0 4px;
}

.timesheetbr-bold {
   font-weight: 700;
}

.timesheetbr-row {
   padding-top: 8px;
}

.timesheetbr-project {
   background-color: rgba(0, 0, 0, 0.1);
   border-radius: 5px;
}

.timesheetbr-summary {
   padding-top: 16px;
}

.timesheetbr-no-records {
   font-style: italic;
}

.status-dot {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   margin: auto;
}

.dot-green {
   background-color: rgb(0, 171, 85);
}

.dot-red {
   background-color: #FF0000FF;
}

.dot-grey {
   background-color: rgba(0, 0, 0, 0.15);
}

.overlay {
   position: fixed;
   top: 0; left: 0; right: 0; bottom: 0;
   background: rgba(255, 255, 255, 0.8);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 9999;
}

.sppriority-list {
   list-style-type: none;
}

.sppriority-list-item {
   border-bottom: 1px solid rgba(99, 115, 129, 0.16);
   padding: 16px 0;
}

.sppriority-row {
   margin-bottom: 12px;
}

.sppriority-name {
   font-weight: 700;
   padding: 2px 4px;
   border-radius: 4px;
   background-color: rgba(201, 201, 201, 0.5);
}

.sppriority-header {
   font-weight: 700;
   min-width: 260px;
   font-size: 14px;
   padding: 0 2px;
}

.sppriority-text {
   margin-left: 12px;
   font-size: 14px;
   max-width: 120ch;
}

.sppriority-dialog {
   min-width: 1000px;
}

.timesheetbr-approve-checkbox {
   margin-left: 16px;
   margin-top: auto;
}

.decision {
   width: 80px;
   height: 24px;
   border-radius: 4px;
   margin-top: 12px;
}

.decision-approved {
   background-color: rgb(0, 171, 85);
   color: white;
}

.decision-denied {
   background-color: rgba(255, 0, 59, 0.6);
   color: white;
}

.text-italics {
   font-style: italic;
}

.timesheetbr-approve-label {
   font-size: 10px;
   font-weight: bold;
}

.timesheetbr-list-item-middle {
   min-width: 400px;
}

.timesheetbr-approve-dots-group {
   width: 80px;
}

.tsbr-approve-comment-dialog {
   min-width: 1000px;
}

.sppriority-arrows-container {
   width: 80px;
   padding-left: 16px;
}

.sppriority-arrow {
   width: 24px;
   padding-top: 2px;
}

.sppriority-order-icon {
   margin: revert;
    cursor: pointer;
}

.sppriority-number {
   margin-right: 12px;
}

.sppriority-number h3 {
   margin-top: 0;
}

.sppriority-dialog-priority-name {
   margin-left: 8px;
}

.spcomments-cell {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
   align-content: start;
}

.spcomments-decision {
   border-radius: 4px;
   text-align: center;
   padding: 6px 8px;
}

.spcomments-decision-pending {
   border: 1px solid rgba(0, 0, 0, 0.15);
   color: rgba(0, 0, 0, 0.6);
}

.spcomments-decision-approved {
   color: white;
   background-color: rgb(0, 171, 85);
}

.spcomments-decision-denied {
   color: white;
   background-color: rgba(255, 0, 59, 0.6);
}

.spcomments-commentCreatorEmail {
   font-style: italic;
   color: blue;
}

.spcomments-commentType {
   font-style: italic;
    color: gray;
}

.spcomments-commentCreationDateTime {
   padding-top: 8px;
}

.spactivities-date {
   margin-right: 24px;
   font-size: 14px;
}

.spactivities-costs-header {
   font-size: 14px;
   margin-block: auto;
}

.spactivities-costs-arrows {
   margin-top: 6px;
}

.spactivities-costs-container {
   margin: 12px 0;
}

 .spcommentdialog-header {
    margin-bottom: 12px;
 }

 .spbudgetitem-textarea {
    margin-top: -2px;
    margin-left: 8px;
 }

 .spbudgetitem-price-container {
    margin-top: 4px;
    margin-bottom: 10px;
 }


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