.mobile {
  text-align: center;
  vertical-align: top;
  margin-top: -18px;
  padding-left: 60px;
  margin-bottom: 20px;
  max-height: 100px;
}

.bootstrap .d-md-block {
  display: block !important;
}

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

.bootstrap .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.bootstrap .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}



@charset "UTF-8";
/* cyrillic-ext */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752FD8Ghe4.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: "Oswald";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752HT8Ghe4.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752Fj8Ghe4.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: "Oswald";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752GT8G.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: "Oswald";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752FD8Ghe4.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: "Oswald";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752HT8Ghe4.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752Fj8Ghe4.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: "Oswald";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752GT8G.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: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752FD8Ghe4.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: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752HT8Ghe4.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752Fj8Ghe4.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: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752GT8G.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: "Oswald";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752FD8Ghe4.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: "Oswald";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752HT8Ghe4.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752Fj8Ghe4.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: "Oswald";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752GT8G.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: "Oswald";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752FD8Ghe4.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: "Oswald";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752HT8Ghe4.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752Fj8Ghe4.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: "Oswald";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3iWkUHHAIjg752GT8G.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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format("woff2");
  unicode-range: U+0100-02AF, 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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-02AF, 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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
  unicode-range: U+0100-02AF, 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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-02AF, 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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-02AF, 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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-02AF, 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;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/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;
}
.paginator .wrap-pag-prev > * img, .paginator .wrap-pag-next > * img, .custom-modal .custom-modal-body, .datepicker table tr th.next:after, .datepicker table tr th.prev:after {
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.nuovo-widget .negativepercent::before, .nuovo-widget .positivepercent:before, .btn.btn-ico-sx a::after, .btn.btn-ico-sx span::after, .btn.btn-ico-dx a::after, .btn.btn-ico-dx span::after, ol.menu-lat li a:after, ol.menu-lat li strong:after, .wrap-graph .caption .g-title-h2 .percent.negative:before, .wrap-graph .caption .g-title-h2 .percent.positive:before, .wrap-widget .widget .w-title-h2 .percent.negative:before, .wrap-widget .widget .w-title-h2 .percent.positive:before, .wrap-w-box-report .w-box-report ol.report-list li a:after, .banner-testata .caption {
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.modal-onboarding .modal-body .text-pagination {
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.modal-onboarding .modal-body .btn-onboard, .btn {
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; /* Safari */
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.form-check.v-text .form-check-label, .w-tab ol.tab-head li {
  -webkit-transition: color 0.3s ease-in-out; /* Safari */
  transition: color 0.3s ease-in-out;
}

:root {
  --PrimaryColor: #005CA9;
  --Blue: #005CA9;
  --Anthracite: #2f2f2f;
  --White: #ffffff;
  --DarkBlue: #152F5D;
  --LightBlue: #d4dff1;
  --IceWhite: #F3F6FB;
  --BorderGrey: #DADADA;
  --f-h-xxl: 56px;
  --f-h-xl: 48px;
  --f-h-l: 40px;
  --f-h-m: 32px;
  --f-h-s: 24px;
  --f-h-xs: 20px;
  --f-sh-l: 24px;
  --f-sh-m: 20px;
  --f-sh-s: 16px;
}

.wrap-widget-slide .widget .w-title-h2, .wrap-widget-slide .widget .w-title-h3, .w-tab ol.tab-head li, .wrap-graph .caption .g-title-h2, .wrap-graph .caption .g-title-h3, .wrap-widget .widget .w-title-h2, .wrap-widget .widget .w-title-h3 {
  font-family: "Oswald", sans-serif;
}

.download-legend .wrap-vista .view-label, .download-legend .n-results, .download-filter label, .page-menu-lat a, .page-menu-lat strong, .page-menu-lat .subtitle, .menu-top a, .menu-top strong, .menu-top, .wrap-widget-slide .widget .w-title-h2 .percent, .wrap-widget-slide .widget .w-title-h4, .wrap-widget-slide .widget a, .wrap-widget-slide .widget .w-par-dx strong, .wrap-widget-slide .widget .w-par-dx, .wrap-widget-slide .widget .w-par-sx, .wrap-widget-slide .widget .w-title-h5, .nuovo-widget .w-par-sx, .nuovo-widget .negativepercent, .nuovo-widget .positivepercent, .custom-modal .btn-close-modal, .btn a, .btn span, .btn, .menu-footer ol li a, .menu-footer .menu-title, footer .text-footer, .wrap-graph .label-graph, .wrap-graph .caption a, .wrap-graph .caption .g-par-sx, .wrap-graph .caption .g-title-h5, .wrap-graph .caption .g-title-h2 .percent, .wrap-graph .caption .g-title-h4, .wrap-widget .widget a, .wrap-widget .widget .w-par-dx strong, .wrap-widget .widget .w-par-dx, .wrap-widget .widget .w-par-sx, .wrap-widget .widget .w-title-h5, .wrap-widget .widget .w-title-h2 .percent, .wrap-widget .widget .w-title-h4, .w-box-info .box-value, .w-box-info .box-label, .w-box-info .box-title {
  font-family: "Roboto", sans-serif;
}

.f-h-xxl, .banner-testata h1 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 56px;
  line-height: 84px;
  letter-spacing: 2px;
}

.f-h-xl {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 72px;
  letter-spacing: 1.5px;
}

.f-h-l, h1 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 1px;
}

.f-h-m, .custom-modal h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 0.5px;
}

.f-h-s, .wrap-w-box-report .w-box-report .report-title {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.5px;
}

.f-h-xs {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.5px;
}

.f-s-l {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 1px;
}

.f-s-m, table th span {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.5px;
}

.f-s-s, .form-check.v-text .form-check-label, .cont-datepicker #date-publish, .card-notifica h4, table td a, table th a, ol.menu-lat li a, ol.menu-lat li strong, .wrap-w-box-report .w-box-report ol.report-list li a, header .ico-int-bell .alert-message h5 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

h1 {
  color: var(--Anthracite);
}
.banner-testata h1 {
  color: white;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 1px;
  }
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  width: 100vw;
  overflow-x: hidden;
}
body.body-modal-open {
  overflow: hidden;
}

ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  position: relative;
  max-width: 100%;
  height: auto;
}

header {
  background-color: var(--Blue);
  color: white;
  padding: 13px 30px;
  position: sticky;
  top: 0;
  z-index: 200;
  /*.offcanvas-notifiche {
      border: none;
      position: fixed;
      top: 76px;
      right: 0;
      width: 100%;
      max-width: 576px;
      max-height: 94vh;
      overflow-y: auto; 
      background: #fff;
      transform: translateX(100%);
      transition: transform 0.3s ease-in-out;
      z-index: 1055;
      display: flex;
      flex-direction: column;
      border-top-left-radius: 16px;
      border-bottom-left-radius: 16px;
  }*/
  /* Stile della scrollbar */
}
header a {
  color: white;
  text-decoration: none;
}
header a:hover {
  text-decoration: underline;
}
header .logo-top {
  position: relative;
  z-index: 90;
}
header .user-info-top {
  border-right: 2px solid white;
  padding-right: 15px;
}
header .user-info-top .user-name {
  display: block;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}
header .user-info-top .user-role {
  display: block;
  position: relative;
  margin-top: 5px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}
header .link-logout a {
  display: block;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
}
header .ico-int-bell {
  display: block;
  position: relative;
}
header .ico-int-bell.is-alert:after {
  content: "!";
  width: 22px;
  height: 22px;
  background-color: #CB8300;
  color: white;
  border: 2px solid white;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  right: -7px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  font-weight: 600;
}
header .ico-int-bell .alert-message {
  position: absolute;
  right: -15px;
  top: 170%;
  background: #F3F6FB;
  border: 2px solid #005CA9;
  border-radius: 8px;
  padding: 12px;
  width: 260px;
}
header .ico-int-bell .alert-message h5 {
  color: #2F2F2F;
  margin: 0 0 0 12px;
  flex: 0 1 auto;
  line-height: 20px;
}
header .ico-int-bell .alert-message img {
  flex: 0 0 auto;
}
header .ico-int-bell .alert-message .msg {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 10px;
}
header .lang-switch .col-auto {
  padding: 0px 8px;
}
header .lang-switch .col-auto .ico-notifica-attiva {
  display: none;
}
header .lang-switch a {
  color: white;
}
header .lang-switch a:hover {
  color: var(--Blue);
  text-decoration: none;
}
header .lang-switch a.disabled {
  opacity: 0.5;
}
header .lang-switch .notifica-attiva {
  position: relative;
}
header .lang-switch .notifica-attiva .ico-notifica-attiva {
  display: block;
  background: #9E6600;
  width: 10px;
  height: 10px;
  border: 1.5px solid #fff;
  border-radius: 60px;
  position: absolute;
  top: 3px;
  right: 1px;
}
header .cestino-notifica {
  cursor: pointer;
}
header .offcanvas-notifiche {
  border: none;
  position: fixed;
  top: 76px; /* Anche il box parte da 76px dal top */
  right: 0;
  width: 100%;
  max-width: 576px;
  background: #fff;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 1055;
  display: flex;
  flex-direction: column;
  max-height: calc(95vh - 76px); /* opzionale, se vuoi limitare l’altezza in base allo spazio sotto l’header */
  overflow-y: auto;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
header .segna-tutte-lette {
  color: var(--Blue);
  text-decoration: underline;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
header .offcanvas-title {
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
}
header .offcanvas-end .offcanvas-header {
  border-bottom: 1px solid #ddd;
  margin: 0px 16px;
  padding: 16px 0px;
}
header .offcanvas-end .offcanvas-body {
  flex-grow: 1;
  overflow-y: auto;
}
header .offcanvas-notifiche.show {
  transform: translateX(0);
}
header .notifica-chiudi {
  background: none;
  border: none;
  padding: 0px;
}
header .offcanvas-overlay {
  position: fixed;
  top: 76px; /* Parte da 76px dal top, quindi non copre l’header */
  left: 0;
  width: 100%;
  height: calc(100% - 76px); /* altezza ridotta di 76px se necessario */
  background: rgba(0, 92, 169, 0.3);
  /*z-index: 1050;*/
  z-index: 9;
  display: none;
}
header .offcanvas-overlay.show {
  display: block;
}
header .notifica-item {
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
}
header .notifica-item:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
header .notifica-item strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  color: #2f2f2f;
}
header .notifica-item span {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #2f2f2f;
}
header .data-notifica {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #575756;
  margin-top: 8px;
}
header .data-notifica img {
  margin-right: 10px;
}
header .data-notifica a {
  border-left: 1.5px solid #2F2F2F;
  margin-left: 12px;
  padding-left: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-decoration: none;
  color: #005CA9;
}
header .data-notifica a:hover {
  opacity: 0.85;
  text-decoration: none;
}
header .offcanvas-body::-webkit-scrollbar {
  width: 6px; /* larghezza della scrollbar */
}
header .offcanvas-body::-webkit-scrollbar-thumb {
  background-color: #949494; /* colore del "pollice" (thumb) */
  border-radius: 3px; /* opzionale, ammorbidisce gli angoli */
}
header .offcanvas-body::-webkit-scrollbar-track {
  background: transparent; /* rende trasparente lo sfondo della track */
}
@media only screen and (max-width: 767px) {
  header {
    padding: 15px 0 !important;
  }
  header.logo-top {
    display: inline-block;
  }
}

.wrap-breadcrumb {
  background-color: var(--IceWhite);
  padding: 10px 30px;
  display: block;
}
.home .wrap-breadcrumb {
  position: relative;
  padding: 10px 15px;
  z-index: 20;
  margin-bottom: -40px;
  background: rgba(24, 24, 24, 0.5);
}
.home .wrap-breadcrumb ol.breadcrumb li {
  color: white;
}
.home .wrap-breadcrumb ol.breadcrumb li a {
  color: white;
}
.home .wrap-breadcrumb ol.breadcrumb li:after {
  color: white;
}
.wrap-breadcrumb ol.breadcrumb {
  display: flex;
  margin: 0;
}
.wrap-breadcrumb ol.breadcrumb li {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--Blue);
  position: relative;
  flex: 0 0 auto;
}
.wrap-breadcrumb ol.breadcrumb li a {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--Blue);
  text-decoration: none;
}
.wrap-breadcrumb ol.breadcrumb li a:hover {
  text-decoration: underline;
}
.wrap-breadcrumb ol.breadcrumb li:after {
  content: "/";
  display: inline-block;
  position: relative;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--Blue);
  margin: 0 5px;
}
.wrap-breadcrumb ol.breadcrumb li:last-child, .wrap-breadcrumb ol.breadcrumb li:last-child a {
  font-weight: 600;
  text-decoration: none;
}
.wrap-breadcrumb ol.breadcrumb li:last-child:after, .wrap-breadcrumb ol.breadcrumb li:last-child a:after {
  display: none;
}

.banner-testata {
  aspect-ratio: 1440/300;
  display: block;
  position: relative;
  z-index: -1;
}
.banner-testata img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.banner-testata .caption {
  position: absolute;
  width: 100%;
  height: auto;
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  .banner-testata {
    aspect-ratio: 1440/500;
  }
  .banner-testata h1 {
    font-size: 43px;
    line-height: 1;
  }
}

.page-body {
  padding: 40px;
}
@media only screen and (max-width: 991px) {
  .page-body {
    padding: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .page-body {
    padding: 30px 0;
  }
}

.remit {
  padding: 24px;
}

.w-title-h1 {
  color: var(--Blue);
  font-size: 30px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  margin: 0 0 18px;
}

.w-title-h2 {
  color: var(--Blue);
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 18px;
}

.w-box-info {
  background: linear-gradient(269.95deg, #285BA3 0.04%, #4D89D3 99.95%);
  border-radius: 15px;
  display: block;
  position: relative;
  padding: 22px 40px;
  margin-bottom: 40px;
}
.w-box-info:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent url("../images/img/bg/bg-box-info.png") 100% 50% no-repeat;
  background-size: auto 100%;
}
.w-box-info .box-title {
  color: white;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
}
.w-box-info .box-label {
  color: white;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.w-box-info .box-value {
  color: white;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  margin: 0;
}

.wrap-w-box-report {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.wrap-w-box-report .w-box-report {
  flex: 0 0 33.3%;
  display: flex;
  justify-content: left;
  margin-bottom: 50px;
}
.wrap-w-box-report .w-box-report .report-body {
  background: white;
  border: 1px solid var(--Blue);
  border-radius: 16px;
  padding: 24px;
  max-width: 360px;
  width: 100%;
}
.wrap-w-box-report .w-box-report .report-title {
  color: var(--Blue);
  margin: 16px 0;
}
.wrap-w-box-report .w-box-report ol.report-list li {
  position: relative;
  display: block;
  border-bottom: 1px solid var(--LightBlue);
}
.wrap-w-box-report .w-box-report ol.report-list li a {
  position: relative;
  display: block;
  color: var(--Blue);
  text-decoration: none;
  padding: 16px 10px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.wrap-w-box-report .w-box-report ol.report-list li a:after {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  right: 0;
  background: transparent url("../images/ico/ico-arrow-right.svg") 50% 50% no-repeat;
  transition: right 0.3s ease-in-out;
}
.wrap-w-box-report .w-box-report ol.report-list li a:hover {
  opacity: 0.8;
}
.wrap-w-box-report .w-box-report ol.report-list li a:hover:after {
  right: -5px;
}
@media only screen and (max-width: 991px) {
  .wrap-w-box-report .w-box-report {
    flex: 0 0 50%;
    margin-bottom: 0;
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .wrap-w-box-report .w-box-report {
    flex: 0 0 100%;
    margin-bottom: 0;
    padding: 0 15px 30px;
  }
}

.wrap-widget {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0 15px;
}
.wrap-widget .widget {
  flex: 0 0 32%;
  justify-content: left;
  margin-bottom: 30px;
  border-radius: 8px;
  border: 1px solid var(--Blue);
  padding: 13px;
}
.wrap-widget .widget .w-title-h3 {
  color: var(--Blue);
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  margin: 0;
}
.wrap-widget .widget .form-select {
  border: 1px solid var(--Blue);
  border-radius: 8px;
}
.wrap-widget .widget .w-title-h4 {
  color: #232323;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.14px;
}
.wrap-widget .widget .w-title-h2 {
  color: var(--Blue);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.32px;
  display: inline-block;
  position: relative;
}
.wrap-widget .widget .w-title-h2 .percent {
  border-radius: 6px;
  background: #51A730;
  color: white;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.12px;
  height: 30px;
  display: inline-block;
  float: right;
  padding: 0 10px;
  position: relative;
  margin-left: 20px;
}
.wrap-widget .widget .w-title-h2 .percent.positive {
  padding: 0 10px 0 22px;
}
.wrap-widget .widget .w-title-h2 .percent.positive:before {
  content: "";
  background: url(../images/ico/ico-arrow-up-percent.svg) 50% 50% no-repeat;
  display: block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
}
.wrap-widget .widget .w-title-h2 .percent.zero {
  background-color: var(--Blue);
  color: white;
}
.wrap-widget .widget .w-title-h2 .percent.negative {
  padding: 0 10px 0 22px;
  background-color: #C32B2A;
}
.wrap-widget .widget .w-title-h2 .percent.negative:before {
  content: "";
  background: url(../images/ico/ico-arrow-down-percent.svg) 50% 50% no-repeat;
  display: block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
}
.wrap-widget .widget .w-title-h5 {
  color: #232323;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.12px;
}
.wrap-widget .widget .w-par-sx {
  color: #232323;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.12px;
  margin: 0;
}
.wrap-widget .widget .w-par-dx {
  color: #232323;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  margin: 0;
}
.wrap-widget .widget .w-par-dx strong {
  color: #232323;
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.12px;
  display: block;
}
.wrap-widget .widget a {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--Blue);
  text-decoration: none;
}
.wrap-widget .widget a:hover {
  text-decoration: underline;
}
.wrap-widget .widget a img {
  position: relative;
  vertical-align: unset;
  height: 11px;
}
@media only screen and (max-width: 767px) {
  .wrap-widget .widget {
    flex: 0 0 100%;
  }
}

.wrap-graph {
  display: block;
  position: relative;
  padding: 15px;
  margin: 0 15px;
  border-radius: 8px;
  border: 1px solid #D5DEED;
}
.wrap-graph .caption {
  display: block;
  position: relative;
  width: 50%;
}
.wrap-graph .caption .g-title-h3 {
  color: var(--Blue);
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  margin: 0;
}
.wrap-graph .caption .g-title-h4 {
  color: #232323;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.14px;
}
.wrap-graph .caption .g-title-h2 {
  color: var(--Blue);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.32px;
  display: block;
  position: relative;
}
.wrap-graph .caption .g-title-h2 .percent {
  border-radius: 6px;
  background: #51A730;
  color: white;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.12px;
  height: 30px;
  display: inline-block;
  float: right;
  padding: 0 10px;
  position: relative;
}
.wrap-graph .caption .g-title-h2 .percent.positive {
  padding: 0 10px 0 22px;
}
.wrap-graph .caption .g-title-h2 .percent.positive:before {
  content: "";
  background: url(../images/ico/ico-arrow-up-percent.svg) 50% 50% no-repeat;
  display: block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
}
.wrap-graph .caption .g-title-h2 .percent.zero {
  background-color: var(--Blue);
  color: white;
}
.wrap-graph .caption .g-title-h2 .percent.negative {
  padding: 0 10px 0 22px;
  background-color: #C32B2A;
}
.wrap-graph .caption .g-title-h2 .percent.negative:before {
  content: "";
  background: url(../images/ico/ico-arrow-down-percent.svg) 50% 50% no-repeat;
  display: block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
}
.wrap-graph .caption .g-title-h5 {
  color: #232323;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.12px;
}
.wrap-graph .caption .g-par-sx {
  color: #232323;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.12px;
  margin: 15px 0 15px 0;
}
.wrap-graph .caption a {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--Blue);
  text-decoration: none;
}
.wrap-graph .caption a:hover {
  text-decoration: underline;
}
.wrap-graph .caption a img {
  position: relative;
  vertical-align: unset;
  height: 11px;
}
.wrap-graph .label-graph {
  text-align: center;
  color: var(--Anthracite);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 1px;
  font-feature-settings: "liga" off;
  margin: 30px 0 20px;
}

footer {
  background-color: var(--Blue);
  color: white;
  padding: 25px 15px;
}
footer a {
  color: white;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
footer .text-footer {
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  footer .logo-footer {
    margin-bottom: 20px;
    text-align: left;
  }
}

.menu-footer .menu-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 23px;
}
.menu-footer ol {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  column-gap: 30px;
}
.menu-footer ol.one-col {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  column-gap: 30px;
}
.menu-footer ol li a {
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  display: block;
  padding: 5px 0;
  text-transform: uppercase;
}
.menu-footer ol li a:hover {
  opacity: 0.8;
  color: white;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .menu-footer {
    flex-wrap: wrap;
  }
  .menu-footer > li {
    margin-bottom: 15px;
    flex: 0 0 100%;
  }
  .menu-footer ol {
    columns: 1;
  }
}

ol.ico-social {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}
ol.ico-social li {
  flex: 0 0 auto;
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  ol.ico-social {
    justify-content: start;
    margin-top: 0;
    margin-bottom: 30px;
    gap: 15px;
  }
  ol.ico-social > li {
    margin-left: 0;
  }
}

.flex-1-col {
  flex: 1 0;
}

.flex-2-col {
  flex: 2 0;
}

ol.menu-lat {
  width: 100%;
  max-width: 100%;
}
ol.menu-lat li {
  position: relative;
  display: block;
  border-bottom: 1px solid var(--LightBlue);
}
ol.menu-lat li a, ol.menu-lat li strong {
  position: relative;
  display: block;
  color: var(--Blue);
  text-decoration: none;
  padding: 16px 10px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
ol.menu-lat li a:after, ol.menu-lat li strong:after {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  right: 0;
  background: transparent url("../images/ico/ico-arrow-right.svg") 50% 50% no-repeat;
  transition: right 0.3s ease-in-out;
}
ol.menu-lat li a:hover, ol.menu-lat li strong:hover {
  opacity: 0.8;
}
ol.menu-lat li a:hover:after, ol.menu-lat li strong:hover:after {
  right: -5px;
}
ol.menu-lat li strong {
  background-color: var(--Blue);
  color: white;
}
ol.menu-lat li strong:after {
  background: transparent url("../images/ico/ico-arrow-right-white.svg") 50% 50% no-repeat;
}
ol.menu-lat li strong:hover {
  opacity: 1;
}
ol.menu-lat li strong:hover:after {
  right: 0;
}

.wrap-embed {
  border: 1px solid var(--BorderGrey);
  border-radius: 6px;
  padding: 15px;
  width: 100%;
  aspect-ratio: 4/2.3;
}

.embed-750-1200 {
  border: 1px solid var(--BorderGrey);
  border-radius: 6px;
  padding: 15px;
  width: 100%;
  aspect-ratio: 750/1200;
}

.btn {
  display: inline-block;
  position: relative;
  border-radius: 8px;
  padding: 12px 24px;
  margin: 20px 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 1px;
  font-feature-settings: "liga" off;
}
.btn a, .btn span {
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  letter-spacing: 1px;
  font-feature-settings: "liga" off;
}
.btn.btn-blue {
  background-color: var(--Blue);
  color: white;
}
.btn.btn-blue a, .btn.btn-blue span {
  color: white;
}
.btn.btn-blue:hover {
  background-color: var(--DarkBlue);
}
.btn.btn-ico-sx a, .btn.btn-ico-sx span, .btn.btn-ico-dx a, .btn.btn-ico-dx span {
  padding-left: 30px;
}
.btn.btn-ico-sx a:after, .btn.btn-ico-sx span:after, .btn.btn-ico-dx a:after, .btn.btn-ico-dx span:after {
  left: 0;
}
.btn.btn-ico-sx a::after, .btn.btn-ico-sx span::after, .btn.btn-ico-dx a::after, .btn.btn-ico-dx span::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.btn.btn-ico-sx.ico-download a:after, .btn.btn-ico-sx.ico-download span:after, .btn.btn-ico-dx.ico-download a:after, .btn.btn-ico-dx.ico-download span:after {
  background: transparent url("../images/ico/ico-int-download.svg") 50% 50% no-repeat;
  background-size: 20px auto;
}
.btn.btn-ico-sx.ico-cancel a:after, .btn.btn-ico-sx.ico-cancel span:after, .btn.btn-ico-dx.ico-cancel a:after, .btn.btn-ico-dx.ico-cancel span:after {
  background: transparent url("../images/ico/ico-int-cancel.svg") 50% 50% no-repeat;
  background-size: 20px auto;
}
.btn.btn-ico-sx.ico-approve a:after, .btn.btn-ico-sx.ico-approve span:after, .btn.btn-ico-dx.ico-approve a:after, .btn.btn-ico-dx.ico-approve span:after {
  background: transparent url("../images/ico/ico-int-approve-white.svg") 50% 50% no-repeat;
  background-size: 20px auto;
}
.btn.btn-ico-dx a, .btn.btn-ico-dx span {
  padding-left: 0;
  padding-right: 30px;
}
.btn.btn-ico-dx a:after, .btn.btn-ico-dx span:after {
  left: inherit;
  right: 0;
}
.btn.btn-bordered {
  border: 1px solid var(--Blue);
}
.btn.btn-bordered.btn-blue {
  color: var(--Blue);
  background-color: white;
  border-color: var(--Blue);
}
.btn.btn-bordered.btn-blue a, .btn.btn-bordered.btn-blue span {
  color: var(--Blue);
}
.btn.btn-bordered.btn-blue:hover {
  color: var(--DarkBlue);
  background-color: white;
  border-color: var(--DarkBlue);
}
.btn.btn-bordered.btn-blue:hover a, .btn.btn-bordered.btn-blue:hover span {
  color: var(--DarkBlue);
}
.btn.btn-bordered.btn-transp {
  color: var(--Blue);
  background-color: transparent;
  border-color: var(--Blue);
}
.btn.btn-bordered.btn-transp a, .btn.btn-bordered.btn-transp span {
  color: var(--Blue);
}
.btn.btn-bordered.btn-transp:hover {
  color: var(--DarkBlue);
  background-color: white;
  border-color: var(--DarkBlue);
}
.btn.btn-bordered.btn-transp:hover a, .btn.btn-bordered.btn-transp:hover span {
  color: var(--DarkBlue);
}
@media only screen and (max-width: 991px) {
  .btn {
    padding: 12px 15px;
  }
  .btn a, .btn span {
    font-size: 15px;
    letter-spacing: 0.5px;
  }
  .btn.btn-ico-sx a, .btn.btn-ico-sx span, .btn.btn-ico-dx a, .btn.btn-ico-dx span {
    padding-left: 20px;
  }
  .btn.btn-ico-sx a:after, .btn.btn-ico-sx span:after, .btn.btn-ico-dx a:after, .btn.btn-ico-dx span:after {
    width: 17px;
    height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .btn {
    display: block;
    margin: 10px 0;
    padding: 12px 10px;
  }
}

.pag-sunset .btn-print a {
  color: #212529;
  font-weight: 400;
  text-transform: none;
}
.pag-sunset .btn-print a img {
  margin-right: 8px;
  margin-top: -3px;
}

.w-collapse, .component.accordion {
  display: block;
  position: relative;
  width: 60%;
  margin: 0 52px;
}
.w-collapse .item, .component.accordion .item {
  border-radius: 8px;
  border: 1px solid var(--Blue);
  padding: 16px;
  margin-bottom: 16px;
}
.w-collapse .item h3, .component.accordion .item h3 {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: var(--Blue);
  margin: 0;
}
.w-collapse .item h6, .component.accordion .item h6 {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1;
  color: var(--Blue);
  margin: 0 0 16px;
}
.w-collapse .item .ico-collapse, .component.accordion .item .ico-collapse {
  width: 28px;
  height: 28px;
  display: block;
  position: relative;
}
.w-collapse .item .ico-collapse img, .component.accordion .item .ico-collapse img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: center;
}
.w-collapse .item .ico-collapse:after, .component.accordion .item .ico-collapse:after {
  display: none;
}
.w-collapse .item.active .ico-collapse img, .component.accordion .item.active .ico-collapse img {
  display: none;
}
.w-collapse .item.active .ico-collapse:after, .component.accordion .item.active .ico-collapse:after {
  content: "";
  background: url("../images/ico/ico-collapse-meno.svg") 50% 50% no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.w-collapse .item .collapse-head, .component.accordion .item .collapse-head {
  cursor: pointer;
}
.w-collapse .item .field-heading, .component.accordion .item .field-heading {
  cursor: pointer;
}
.w-collapse .item .collapse-body ol li, .component.accordion .item .collapse-body ol li {
  list-style-type: decimal;
  margin-left: 18px;
  padding-bottom: 10px;
}
.w-collapse .item .collapse-body ol li::marker, .component.accordion .item .collapse-body ol li::marker {
  color: var(--Blue);
  font-weight: 600;
}
.w-collapse .item .collapse-body ol li p, .component.accordion .item .collapse-body ol li p {
  margin: 0;
}
.w-collapse .item .collapse-body ol li ol li, .component.accordion .item .collapse-body ol li ol li {
  list-style-type: lower-latin;
  padding: 10px;
}
.w-collapse .item .collapse-body ol li ol li::marker, .component.accordion .item .collapse-body ol li ol li::marker {
  color: var(--Anthracite);
}
.w-collapse .item .collapse-body ol li ol li ol li, .component.accordion .item .collapse-body ol li ol li ol li {
  list-style-type: upper-roman;
}

.w-tab ol.tab-head {
  display: flex;
  margin-bottom: 25px;
}
.w-tab ol.tab-head li {
  position: relative;
  flex: 0 0 auto;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-right: 15px;
  color: var(--Anthracite);
  padding: 0 0 5px 0;
  cursor: pointer;
}
.w-tab ol.tab-head li:after {
  content: "";
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  background-color: transparent;
}
.w-tab ol.tab-head li.active {
  color: var(--Blue);
  cursor: default;
}
.w-tab ol.tab-head li.active:after {
  background-color: var(--Blue);
}
.w-tab ol.tab-head li:hover {
  color: var(--Blue);
}
.w-tab ol.tab-body li {
  transition: opacity 1s ease-out;
  opacity: 0;
  height: 0;
  overflow: hidden;
  display: block;
  position: relative;
}
.w-tab ol.tab-body li.active {
  opacity: 1;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .w-tab ol.tab-head {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 15px;
  }
  .w-tab ol.tab-head::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: var(--IceWhite);
  }
  .w-tab ol.tab-head::-webkit-scrollbar-thumb:horizontal {
    background: var(--Blue);
    border-radius: 10px;
  }
  .w-tab ol.tab-head li:after {
    display: none;
  }
}

table {
  margin: 30px 0;
}
table th {
  padding: 25px 10px;
}
table th span {
  text-align: left;
}
table th a {
  color: var(--Blue);
}
table td {
  padding: 25px 10px !important;
  text-align: center;
}
table td a {
  color: var(--Blue);
  text-decoration: none;
}
table td a span {
  text-decoration: underline;
}
table td a img {
  margin-left: 3px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
table td a:hover {
  color: var(--Blue);
}
table td a:hover span {
  text-decoration: none;
}
table td a:hover img {
  opacity: 0.9;
}
table.table-approvazioni *, table.table-download * {
  vertical-align: middle;
}
table.table-approvazioni thead, table.table-download thead {
  vertical-align: middle;
}
table.table-approvazioni thead th, table.table-download thead th {
  border-bottom: 0;
  text-align: center;
  border-right: 1px solid #D4DFF1;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #2F2F2F;
  padding: 10px 5px !important;
}
table.table-approvazioni thead th:last-child, table.table-download thead th:last-child {
  border-right: 1px solid transparent;
}
table.table-approvazioni tbody tr:nth-of-type(odd), table.table-download tbody tr:nth-of-type(odd) {
  background-color: #F3F6FB;
  border-top: 1px solid #D4DFF1;
  border-bottom: 1px solid #D4DFF1;
}
table.table-approvazioni tbody tr:last-child, table.table-download tbody tr:last-child {
  border-bottom: 1px solid transparent;
}
table.table-approvazioni tbody tr td, table.table-approvazioni tbody tr th, table.table-download tbody tr td, table.table-download tbody tr th {
  border-right: 1px solid #D4DFF1;
  text-align: center;
  padding: 16px 5px !important;
  box-shadow: none;
  background-color: transparent;
}
table.table-approvazioni tbody tr td:last-child, table.table-approvazioni tbody tr th:last-child, table.table-download tbody tr td:last-child, table.table-download tbody tr th:last-child {
  border-right: none;
}
table.table-approvazioni tbody tr td span, table.table-approvazioni tbody tr th span, table.table-download tbody tr td span, table.table-download tbody tr th span {
  vertical-align: middle;
}
table.table-approvazioni tbody tr td .btn, table.table-approvazioni tbody tr th .btn, table.table-download tbody tr td .btn, table.table-download tbody tr th .btn {
  padding: 4px 2px;
  margin: 0 auto 3px auto;
  width: 93px;
  display: block;
}
table.table-approvazioni tbody tr td .btn:last-child, table.table-approvazioni tbody tr th .btn:last-child, table.table-download tbody tr td .btn:last-child, table.table-download tbody tr th .btn:last-child {
  margin: 0 auto;
}
table.table-approvazioni tbody tr td .btn span, table.table-approvazioni tbody tr th .btn span, table.table-download tbody tr td .btn span, table.table-download tbody tr th .btn span {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
table.table-approvazioni tbody tr td .btn.btn-ok, table.table-approvazioni tbody tr th .btn.btn-ok, table.table-download tbody tr td .btn.btn-ok, table.table-download tbody tr th .btn.btn-ok {
  color: var(--Blue);
  background-color: transparent;
  border: 1px solid var(--Blue);
}
table.table-approvazioni tbody tr td .btn.btn-ok:hover, table.table-approvazioni tbody tr th .btn.btn-ok:hover, table.table-download tbody tr td .btn.btn-ok:hover, table.table-download tbody tr th .btn.btn-ok:hover {
  background-color: var(--Blue);
  color: white;
}
table.table-approvazioni tbody tr td .btn.btn-reset, table.table-approvazioni tbody tr th .btn.btn-reset, table.table-download tbody tr td .btn.btn-reset, table.table-download tbody tr th .btn.btn-reset {
  color: var(--Blue);
  background-color: #DEDEDE;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
}
table.table-approvazioni tbody tr td .btn.btn-reset:hover, table.table-approvazioni tbody tr th .btn.btn-reset:hover, table.table-download tbody tr td .btn.btn-reset:hover, table.table-download tbody tr th .btn.btn-reset:hover {
  background-color: #a3a3a3;
  color: white;
}
table.table-note * {
  vertical-align: middle;
}
table.table-note thead {
  vertical-align: middle;
}
table.table-note thead th {
  border-bottom: 0;
  text-align: center;
  border: 1px solid #D4DFF1;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #2F2F2F;
  padding: 10px 5px !important;
}
table.table-note thead th:last-child {
  border-right: 1px solid transparent;
}
table.table-note tbody tr:nth-of-type(odd) {
  background-color: #F3F6FB;
  border-top: 1px solid #D4DFF1;
  border-bottom: 1px solid #D4DFF1;
}
table.table-note tbody tr:last-child {
  border-bottom: 1px solid #D4DFF1;
}
table.table-note tbody tr td, table.table-note tbody tr th {
  border-right: 1px solid #D4DFF1;
  text-align: center;
  padding: 16px 5px !important;
  box-shadow: none;
  background-color: transparent;
}
table.table-note tbody tr td:last-child, table.table-note tbody tr th:last-child {
  border-right: none;
}
table.table-note tbody tr td span, table.table-note tbody tr th span {
  vertical-align: middle;
}
table.table-note tbody tr td .btn, table.table-note tbody tr th .btn {
  padding: 4px 2px;
  margin: 0 auto 3px auto;
  width: 93px;
  display: block;
}
table.table-note tbody tr td .btn:last-child, table.table-note tbody tr th .btn:last-child {
  margin: 0 auto;
}
table.table-note tbody tr td .btn span, table.table-note tbody tr th .btn span {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
table.table-note tbody tr td .btn.btn-ok, table.table-note tbody tr th .btn.btn-ok {
  color: var(--Blue);
  background-color: transparent;
  border: 1px solid var(--Blue);
}
table.table-note tbody tr td .btn.btn-ok:hover, table.table-note tbody tr th .btn.btn-ok:hover {
  background-color: var(--Blue);
  color: white;
}
table.table-note tbody tr td .btn.btn-reset, table.table-note tbody tr th .btn.btn-reset {
  color: var(--Blue);
  background-color: #DEDEDE;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
}
table.table-note tbody tr td .btn.btn-reset:hover, table.table-note tbody tr th .btn.btn-reset:hover {
  background-color: #a3a3a3;
  color: white;
}
table.table-upload * {
  vertical-align: middle;
}
table.table-upload thead {
  vertical-align: middle;
}
table.table-upload thead th {
  border-bottom: 0;
  text-align: center;
  border-right: 1px solid #D4DFF1;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #2F2F2F;
  padding: 10px 5px !important;
}
table.table-upload thead th:last-child {
  border-right: 1px solid transparent;
}
table.table-upload tbody tr:nth-of-type(odd) {
  background-color: #F3F6FB;
  border-top: 1px solid #D4DFF1;
  border-bottom: 1px solid #D4DFF1;
}
table.table-upload tbody tr:last-child {
  border-bottom: 1px solid transparent;
}
table.table-upload tbody tr td, table.table-upload tbody tr th {
  border-right: 1px solid #D4DFF1;
  text-align: center;
  padding: 16px 5px !important;
  box-shadow: none;
  background-color: transparent;
}
table.table-upload tbody tr td:last-child, table.table-upload tbody tr th:last-child {
  border-right: none;
}
table.table-upload tbody tr td span, table.table-upload tbody tr th span {
  vertical-align: middle;
}
table.table-upload tbody tr td .btn, table.table-upload tbody tr th .btn {
  padding: 4px 2px;
  margin: 0 auto 3px auto;
  width: 93px;
  display: block;
}
table.table-upload tbody tr td .btn:last-child, table.table-upload tbody tr th .btn:last-child {
  margin: 0 auto;
}
table.table-upload tbody tr td .btn span, table.table-upload tbody tr th .btn span {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
table.table-upload tbody tr td .btn.btn-ok, table.table-upload tbody tr th .btn.btn-ok {
  color: var(--Blue);
  background-color: transparent;
  border: 1px solid var(--Blue);
}
table.table-upload tbody tr td .btn.btn-ok:hover, table.table-upload tbody tr th .btn.btn-ok:hover {
  background-color: var(--Blue);
  color: white;
}
table.table-upload tbody tr td .btn.btn-reset, table.table-upload tbody tr th .btn.btn-reset {
  color: var(--Blue);
  background-color: #DEDEDE;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
}
table.table-upload tbody tr td .btn.btn-reset:hover, table.table-upload tbody tr th .btn.btn-reset:hover {
  background-color: #a3a3a3;
  color: white;
}
@media only screen and (max-width: 991px) {
  table td a {
    text-align: center;
  }
  table td a img {
    display: block;
    margin: 5px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  table th span {
    text-align: left;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0.5px;
    display: block;
  }
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: white;
  border: none;
}

.table-striped > tbody > tr:nth-of-type(even) > * {
  --bs-table-accent-bg: #F3F6FB;
  border: none;
}

.card-notifica {
  background: white;
  border-radius: 0;
  margin-bottom: 30px;
  padding: 5px 15px;
  display: block;
  position: relative;
  border-bottom: 1px solid #D4DFF1;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}
.card-notifica.active {
  background: #F3F6FB;
  border-bottom: 1px solid #F3F6FB;
  border-radius: 8px;
}
.card-notifica h4 {
  font-weight: 600;
}
.card-notifica .data, .card-notifica a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}
.card-notifica a {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--Blue);
}
.card-notifica a:hover {
  text-decoration: none;
}
.card-notifica input[type=checkbox] {
  display: none;
}
.card-notifica input[type=checkbox] + label {
  display: block;
  position: relative;
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border: 1px solid #005CA9;
  border-radius: 50%;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.3s ease-in-out;
}
.card-notifica input[type=checkbox]:hover + label:hover {
  background: #005CA9;
  border: 1px solid #005CA9;
}
.card-notifica input[type=checkbox]:checked + label {
  border: 1px solid #005CA9;
}

.cont-datepicker {
  display: block;
  position: relative;
  margin-bottom: 30px;
}
.cont-datepicker #date-publish {
  background: #FFFFFF;
  border: 1px solid #005CA9;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  padding: 10px;
  color: #575756;
  font-weight: 400;
  cursor: pointer;
}
.cont-datepicker #date-publish:focus, .cont-datepicker #date-publish:active {
  border: 1px solid #005CA9;
  outline: none;
}
.cont-datepicker:after {
  background: url("../images/ico/ico-datepicker.svg") 50% 50% no-repeat;
  padding: 0;
  cursor: pointer;
  border-radius: 0;
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  right: 5px;
  bottom: 5px;
}
.cont-datepicker .datepicker.dropdown-menu:before, .cont-datepicker .datepicker.dropdown-menu:after {
  display: none !important;
}

.datepicker.datepicker-dropdown.datepicker-orient-bottom:before, .datepicker.datepicker-dropdown.datepicker-orient-bottom:after {
  display: none;
}
.datepicker table {
  margin: 0;
}
.datepicker table tr th {
  padding: 8px 8px;
}
.datepicker table tr th.prev {
  font-size: 0;
  position: relative;
}
.datepicker table tr th.prev:after {
  content: "";
  background: url("../images/ico/ico-prev-datepicker.svg") 50% 50% no-repeat;
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.datepicker table tr th.next {
  font-size: 0;
  position: relative;
}
.datepicker table tr th.next:after {
  content: "";
  background: url("../images/ico/ico-next-datepicker.svg") 50% 50% no-repeat;
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.datepicker table tr th.datepicker-switch {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #2F2F2F;
  pointer-events: none;
  text-align: center;
}
.datepicker table tr td {
  padding: 6px 8px !important;
  cursor: pointer;
  transition: all 0.3s ease;
}
.datepicker table tr td.focused, .datepicker table tr td:hover, .datepicker table tr td.active {
  background: var(--Blue) !important;
  color: white;
}

.custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: none;
}
.custom-modal .custom-modal-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.custom-modal .custom-modal-body {
  background-color: white;
  display: block;
  position: absolute;
  width: 50%;
  max-width: 400px;
  padding: 24px;
}
.custom-modal h3 {
  color: #2F2F2F;
  margin-bottom: 20px;
}
.custom-modal .btn-close-modal {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #005CA9;
  text-decoration: underline;
  cursor: pointer;
}

/*MARKET*/
.update_modaltable {
  cursor: pointer;
}

.my-modal .modal-dialog {
  max-width: 755px;
  margin: 0 auto;
  width: 100%;
}
.my-modal .modal-dialog .modal-header {
  border-bottom: 0px;
}
.my-modal .modal-content {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
}

.market_filter {
  padding: 30px;
}
.market_filter .form-select {
  border-radius: 8px;
}

/*.market_table{
        td, th{
            text-align: left !important;
            padding: 24px !important;
            &:first-child{
                text-align: center !important;
                img{
                    width: 24px;
                    height: 24px;
                }
            }
        }
}*/
table.market_table * {
  vertical-align: middle;
}
table.market_table img {
  width: 24px;
  height: 24px;
}
table.market_table thead {
  vertical-align: middle;
}
table.market_table thead th {
  border-bottom: 0;
  text-align: left;
  border-right: 1px solid #D4DFF1;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #2F2F2F;
  padding: 16px 24px !important;
}
table.market_table thead th:last-child {
  border-right: 1px solid transparent;
}
table.market_table tbody tr:nth-of-type(odd) {
  background-color: #F3F6FB;
  border-top: 1px solid #D4DFF1;
  border-bottom: 1px solid #D4DFF1;
}
table.market_table tbody tr:last-child {
  border-bottom: 1px solid transparent;
}
table.market_table tbody tr td, table.market_table tbody tr th {
  border-right: 1px solid #D4DFF1;
  text-align: left !important;
  padding: 16px 24px !important;
  box-shadow: none;
  background-color: transparent;
}
table.market_table tbody tr td:last-child, table.market_table tbody tr th:last-child {
  border-right: none;
}
table.market_table tbody tr td:first-child, table.market_table tbody tr th:first-child {
  text-align: center !important;
}
table.market_table tbody tr td span, table.market_table tbody tr th span {
  vertical-align: middle;
}
table.market_table tbody tr td .btn, table.market_table tbody tr th .btn {
  padding: 4px 2px;
  margin: 0 auto 3px auto;
  width: 93px;
  display: block;
}
table.market_table tbody tr td .btn:last-child, table.market_table tbody tr th .btn:last-child {
  margin: 0 auto;
}
table.market_table tbody tr td .btn span, table.market_table tbody tr th .btn span {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
table.market_table tbody tr td .btn.btn-ok, table.market_table tbody tr th .btn.btn-ok {
  color: var(--Blue);
  background-color: transparent;
  border: 1px solid var(--Blue);
}
table.market_table tbody tr td .btn.btn-ok:hover, table.market_table tbody tr th .btn.btn-ok:hover {
  background-color: var(--Blue);
  color: white;
}
table.market_table tbody tr td .btn.btn-reset, table.market_table tbody tr th .btn.btn-reset {
  color: var(--Blue);
  background-color: #DEDEDE;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
}
table.market_table tbody tr td .btn.btn-reset:hover, table.market_table tbody tr th .btn.btn-reset:hover {
  background-color: #a3a3a3;
  color: white;
}

.td_image {
  width: 100px;
}

.market_select_table {
  display: flex;
  align-items: center;
}
.market_select_table select {
  max-width: 64px;
  border: 1px solid var(--Blue);
}
.market_select_table span {
  margin-left: 8px;
  min-width: 120px;
}

/*MARKET*/
/*NUOVAHOME*/
.nuovo-widget {
  border-radius: 16px !important;
  border: 1px solid #ddd !important;
  padding: 20px !important;
}
.nuovo-widget .positivepercent {
  border-radius: 6px;
  background: #C8E9CD;
  color: white;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.12px;
  height: 30px;
  display: inline-block;
  float: right;
  padding: 0px 8px 0px 24px;
  position: relative;
  border-radius: 4px;
  margin-left: 20px;
  color: #11551C;
}
.nuovo-widget .positivepercent:before {
  content: "";
  background: url(../images/ico/up.svg) 50% 50% no-repeat;
  display: block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
}
.nuovo-widget .negativepercent {
  background: #FFD2CB;
  color: white;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.12px;
  height: 30px;
  display: inline-block;
  float: right;
  padding: 0px 8px 0px 24px;
  position: relative;
  text-align: right;
  border-radius: 4px;
  color: #9A333B;
  margin-left: 20px;
}
.nuovo-widget .negativepercent::before {
  content: "";
  background: url(../images/ico/down.svg) 50% 50% no-repeat;
  display: block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
}
.nuovo-widget .w-par-sx {
  color: #949494 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal;
  letter-spacing: 0.12px;
  margin: 0;
}

.wrap-widget-slide .carousel-indicators {
  bottom: -40px;
}
.wrap-widget-slide .carousel-indicators [data-bs-target] {
  background: #949494;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  width: 9px;
  border-radius: 60px;
}
.wrap-widget-slide .carousel-indicators .active {
  background: #005CA9;
  width: 20px;
}
.wrap-widget-slide .widget {
  margin: 0 15px;
}
.wrap-widget-slide .widget .w-title-h5 {
  color: #2F2F2F;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: lowercase;
}
.wrap-widget-slide .widget .w-title-h5::first-letter {
  text-transform: uppercase;
}
.wrap-widget-slide .widget .w-par-sx {
  color: #232323;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.12px;
  margin: 0;
}
.wrap-widget-slide .widget .w-par-dx {
  color: #232323;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  margin: 0;
}
.wrap-widget-slide .widget .w-par-dx strong {
  color: #232323;
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.12px;
  display: block;
}
.wrap-widget-slide .widget a {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--Blue);
  text-decoration: none;
}
.wrap-widget-slide .widget a:hover {
  text-decoration: underline;
}
.wrap-widget-slide .widget a img {
  position: relative;
  vertical-align: unset;
  height: 11px;
}
.wrap-widget-slide .widget .w-title-h3 {
  color: var(--Blue);
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  margin: 0;
}
.wrap-widget-slide .widget .w-title-h4 {
  color: #232323;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.14px;
}
.wrap-widget-slide .widget .w-title-h2 {
  color: var(--Blue);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.32px;
  display: inline-block;
  position: relative;
}
.wrap-widget-slide .widget .w-title-h2 .percent {
  border-radius: 6px;
  background: #51A730;
  color: white;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.12px;
  height: 30px;
  display: inline-block;
  float: right;
  padding: 0 10px;
  position: relative;
  margin-left: 20px;
}

.titologrande {
  font-size: 48px;
  line-height: 72px;
  font-weight: 500;
  color: var(--Blue);
  text-transform: uppercase;
  margin: 0px 15px 24px 15px;
  font-family: "Oswald", sans-serif;
}

.titolopiccolo {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: var(--Blue);
  font-family: "Oswald", sans-serif;
  margin: 0px 15px 16px 15px;
}

.content-graph {
  border-radius: 16px !important;
  border: 1px solid #ddd !important;
  padding: 20px !important;
}

.equal-height {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.equal-height .col-lg-5 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.equal-height .col-lg-6 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.equal-height .col-lg-5 .content {
  flex: 1;
}
.equal-height .col-lg-6 .content {
  flex: 1;
}

.row-aggiornato a {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--Blue);
  text-decoration: none;
}
.row-aggiornato .w-par-sx {
  /*color: #949494 !important;*/
  color: #666 !important; /**/
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal;
  letter-spacing: 0.12px;
  margin: 0;
}

.widgethomenew li button {
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  padding: 0px 16px 0px 0px;
}
.widgethomenew li button.active {
  color: var(--Blue) !important;
  text-decoration: underline;
}

.controltabhome ul li button {
  font-size: 16px;
  padding: 0px;
  padding-right: 24px;
}

.content-graph .titolopiccolo {
  margin: 0px 0px 16px 0px;
}

.align-bottom {
  margin-top: auto !important;
}

.tab-big .row-aggiornato {
  margin-bottom: 16px;
}

.containerboxhome .mt-my {
  margin-top: 3rem;
}

.m-height {
  min-height: 500px;
}

/*NUOVAHOME*/
/*COOKIE*/
.cookiepolicypage p {
  color: #2f2f2f;
  font-size: 16px;
  line-height: 24px;
}
.cookiepolicypage h2 {
  color: var(--Blue);
  font-size: 30px;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}
.cookiepolicypage a {
  color: var(--Blue);
  text-decoration: none;
}
.cookiepolicypage ul li {
  margin-bottom: 10px;
}
.cookiepolicypage ul li:last-child {
  margin-bottom: 0px;
}

/*COOKIE*/
/*DISSERVIZIO*/
.disservizio {
  text-align: center;
  padding: 16px;
}
.disservizio img {
  margin-bottom: 85px;
}
.disservizio h2 {
  font-size: 56px;
  color: var(--Blue);
  line-height: 84px;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 24px;
}
.disservizio h2.eng-diss {
  margin-top: 80px;
}
.disservizio p {
  color: var(--Blue);
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 1px;
  font-weight: 500;
}

/*DISSERVIZIO*/
/*REMIT*/
/*.remit{
    h1.w-title-h1{
        font-size: 32px;
        letter-spacing: 0.5px;
        line-height: 48px;
    }
}*/
.intestazione p {
  font-size: 20px;
}

.remit-page .page-tab-text {
  border-radius: 16px;
  padding: 24px;
  max-width: 318px;
  font-weight: 300;
}
.remit-page .page-tab-text p {
  margin-bottom: 0px;
}
.remit-page .page-tab-text a {
  color: #005194;
}

.avvisoboxremit {
  float: right;
}

.boxstoricoremit {
  margin-top: 80px;
}
.boxstoricoremit h3 {
  font-size: 20px;
  text-transform: uppercase;
  color: var(--Blue);
  line-height: 30px;
  font-family: "Oswald", sans-serif;
}

.boxlinkremit {
  margin-top: 40px;
}
.boxlinkremit a {
  font-size: 20px;
  text-transform: uppercase;
  color: var(--Blue);
  line-height: 30px;
  font-family: "Oswald", sans-serif;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  border: 1px solid rgb(212, 223, 241);
  text-decoration: none;
  margin-bottom: 16px;
}

.btn-remit {
  padding: 10px 24px;
}

.remit-filtro {
  background: none !important;
  padding: 0px !important;
  margin: 40px 0px;
}
.remit-filtro p.storico {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 16px;
  font-weight: 500;
}

table.remit-table * {
  vertical-align: middle;
}
table.remit-table img {
  width: 24px;
  height: 24px;
}
table.remit-table thead {
  vertical-align: middle;
}
table.remit-table thead th {
  border-bottom: 0;
  text-align: left;
  border-right: 1px solid #D4DFF1;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #2F2F2F;
  padding: 16px 24px !important;
}
table.remit-table thead th:last-child {
  border-right: 1px solid transparent;
}
table.remit-table thead th:nth-child(2) {
  border-right: 1px solid transparent;
}
table.remit-table tbody tr:nth-of-type(odd) {
  background-color: #F3F6FB;
  border-top: 1px solid #D4DFF1;
  border-bottom: 1px solid #D4DFF1;
}
table.remit-table tbody tr:last-child {
  border-bottom: 1px solid transparent;
}
table.remit-table tbody tr td, table.remit-table tbody tr th {
  border-right: 1px solid #D4DFF1;
  text-align: left !important;
  padding: 16px 24px !important;
  box-shadow: none;
  background-color: transparent;
}
table.remit-table tbody tr td:last-child, table.remit-table tbody tr th:last-child {
  border-right: none;
  text-align: center !important;
}
table.remit-table tbody tr td:first-child, table.remit-table tbody tr th:first-child {
  text-align: left !important;
}
table.remit-table tbody tr td span, table.remit-table tbody tr th span {
  vertical-align: middle;
}
table.remit-table tbody tr td .btn, table.remit-table tbody tr th .btn {
  padding: 4px 2px;
  margin: 0 auto 3px auto;
  width: 93px;
  display: block;
}
table.remit-table tbody tr td .btn:last-child, table.remit-table tbody tr th .btn:last-child {
  margin: 0 auto;
}
table.remit-table tbody tr td .btn span, table.remit-table tbody tr th .btn span {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
table.remit-table tbody tr td .btn.btn-ok, table.remit-table tbody tr th .btn.btn-ok {
  color: var(--Blue);
  background-color: transparent;
  border: 1px solid var(--Blue);
}
table.remit-table tbody tr td .btn.btn-ok:hover, table.remit-table tbody tr th .btn.btn-ok:hover {
  background-color: var(--Blue);
  color: white;
}
table.remit-table tbody tr td .btn.btn-reset, table.remit-table tbody tr th .btn.btn-reset {
  color: var(--Blue);
  background-color: #DEDEDE;
  border-radius: 8px;
  border: 1px solid #DEDEDE;
}
table.remit-table tbody tr td .btn.btn-reset:hover, table.remit-table tbody tr th .btn.btn-reset:hover {
  background-color: #a3a3a3;
  color: white;
}

/*.breadcrumb-upgrade{
    padding: 20px 54px 0px 54px !important;
}*/
.cosaremit {
  margin: 40px 0px;
}
.cosaremit ul {
  padding-left: 20px;
}
.cosaremit ul li {
  font-size: 20px;
  margin-bottom: 8px;
  list-style: disc;
}

.box-remit {
  padding: 16px;
  border: 1px solid rgb(0, 92, 169);
  font-size: 16px;
  margin-top: 80px;
  line-height: 24px;
  position: relative;
}
.box-remit .inforemit {
  position: absolute;
  background: var(--Blue);
  padding: 4px 12px;
  top: -33px;
  color: #fff;
  font-size: 12px;
  left: 18px;
}
.box-remit .inforemit::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  left: 118px;
  top: 0;
  background-image: url("../images/ico/lato-dx.svg");
}
.box-remit .inforemit::after {
  content: "";
  position: absolute;
  width: 137px;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  top: 0;
  background-image: url("../images/ico/lato-sx.svg");
}

/*REMIT*/
/*ACCESS*/
*:focus-visible {
  outline: 3px solid #ffcc00 !important;
}

button.ico-close {
  border: none;
  background: none;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background-color: #000;
  color: #fff;
  padding: 8px;
  z-index: 100;
  text-decoration: none;
}

.skip-link:focus {
  top: 100;
}

/* Aggiungi un'ancora invisibile prima delle sezioni principali */
.skip-menu::before,
.skip-main::before,
.skip-footer::before {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.skip-menu::before {
  margin-top: -100px; /* Per migliorare l'ancoraggio */
}

/*ACCESS*/
.cerca_body h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-align: left;
  text-transform: uppercase;
  color: rgb(47, 47, 47);
  font-family: "Oswald", sans-serif;
}

.wrapper_body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.r-ricerca-list {
  margin-top: 26px;
  display: none;
}
.r-ricerca-list .paginator {
  margin-top: 40px;
}
.r-ricerca-list .risultatoricerca {
  padding: 0px 24px;
  margin-bottom: 24px;
}
.r-ricerca-list .risultatoricerca a {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.5px;
  text-align: left;
  text-decoration: underline;
  color: var(--Blue);
  display: block;
  margin-bottom: 8px;
}
.r-ricerca-list .risultatoricerca span {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  margin-bottom: 8px;
  display: block;
  color: rgb(47, 47, 47);
}
.r-ricerca-list .risultatoricerca p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: rgb(47, 47, 47);
}

.assistenza_text {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: left;
  color: var(--Blue);
  text-transform: uppercase;
}
.assistenza_text img {
  max-width: 18px;
}
.assistenza_text a {
  color: var(--Blue);
  text-decoration: none;
}
.assistenza_text a:hover {
  opacity: 0.9;
  text-decoration: none;
}

.assistenza_body {
  padding-bottom: 200px;
}

/*CONTATTI*/
.bk-no {
  background: none !important;
}

.contattipageblock select {
  border-radius: 8px;
}
.contattipageblock input {
  border: 1px solid var(--Blue);
  border-radius: 8px;
}
.contattipageblock textarea {
  border: 1px solid var(--Blue);
  border-radius: 8px;
}

span.obbligatorio {
  color: var(--Blue);
}

span.caratteri-contatti {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: rgb(47, 47, 47);
}

a.annulla-ricerca {
  text-transform: uppercase;
  text-decoration: none;
  color: var(--Blue);
}

/*CONTATTI*/
table.update_table_tooltip thead th {
  text-align: left !important;
  padding: 10px 16px !important;
}
table.update_table_tooltip thead th img.info_table {
  float: right;
  margin-left: 5px;
}

.tooltip-inner {
  max-width: 200px;
  background: #fff !important;
  color: #2f2f2f;
  border-radius: 0px;
  opacity: 1 !important;
  padding: 8px;
  text-align: left;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  box-shadow: 0px 3px 10px 0px rgba(47, 47, 47, 0.1490196078);
}

.tooltip .tooltip-arrow {
  display: none;
}

.tooltip.show {
  opacity: 1 !important;
}

@media screen and (max-width: 1280px) {
  /*NUOVA HOME*/
  .widgethomenew li button {
    padding: 0px 11px 0px 0px;
  }
  /*NUOVA HOME*/
}
@media screen and (max-width: 1194px) {
  .titologrande {
    font-size: 32px;
    line-height: 48px;
  }
  .tuttidati a {
    font-size: 12px;
  }
  .tuttidati img {
    max-width: 6px;
  }
}
@media screen and (max-width: 991px) {
  /*NUOVAHOME*/
  .m-height {
    min-height: inherit;
  }
  .containerboxhome .content {
    margin-bottom: 40px !important;
  }
  .containerboxhome .mt-my {
    margin-top: 0px;
  }
  .tuttidati a {
    font-size: 16px;
  }
  .widgethomenew li {
    margin-bottom: 20px;
  }
  .widgethomenew li button {
    font-size: 14px;
  }
  /*NUOVAHOME*/
  /*REMIT*/
  .breadcrumb-upgrade {
    padding: 20px 36px 20px 36px !important;
  }
  /*REMIT*/
  /*DISSERVIZIO*/
  .disservizio img {
    margin-bottom: 60px;
    max-width: 220px;
  }
  .disservizio h2 {
    font-size: 30px;
    color: var(--Blue);
    line-height: 40px;
    font-weight: 500;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 24px;
  }
  .disservizio h2.eng-diss {
    margin-top: 40px;
  }
  .disservizio p {
    color: var(--Blue);
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1px;
    font-weight: 500;
  }
  /*DISSERVIZIO*/
  /*COOKIE*/
  .cookiepolicypage ul {
    padding-left: 0px;
  }
  .cookiepolicypage ul li {
    margin-bottom: 8px;
  }
  .cookiepolicypage ul li:last-child {
    margin-bottom: 0px;
  }
  .cookiepolicypage h1, .cookiepolicypage h2 {
    font-size: 30px;
    line-height: 36px;
  }
  .sprint_naviga_box h1, .sprint_naviga_box h2 {
    font-size: 30px;
    line-height: 36px;
  }
  /*COOKIE*/
  .nuovo-widget .w-title-h2 {
    font-size: 26px !important;
  }
  .titologrande {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 16px;
  }
  .titolopiccolo {
    font-size: 16px;
    line-height: 30px;
  }
}
@media screen and (max-width: 767px) {
  header .offcanvas-notifiche {
    max-width: 100% !important;
    border-radius: 0px !important;
    top: 58px !important;
    max-height: calc(95vh - 58px);
  }
  header .notifica-attiva .ico-notifica-attiva {
    height: 8px !important;
    width: 8px !important;
  }
  .img-splash {
    margin-top: 16px;
  }
  .img-splash img {
    max-width: 100%;
    transform: inherit !important;
  }
  /*access*/
  header .logo-top img {
    max-width: 150px !important;
  }
  /*access*/
  .assistenza_body {
    padding-bottom: 60px;
  }
  /*NUOVAHOME*/
  .controltabhome li {
    width: 100%;
  }
  /*NUOVAHOME*/
  /*REMIT*/
  .remit-page .page-tab-text {
    max-width: none;
  }
  /*REMIT*/
  /*NUOVA HOMEPAGE*/
  .nuovo-widget {
    min-height: 270px;
  }
  .row-eq-height {
    display: flex;
    flex-wrap: wrap;
  }
  .row-eq-height > .col-md-6 {
    display: flex;
    flex-direction: column;
  }
  .row-eq-height > .col-md-6 > .content {
    flex: 1;
  }
  /*NUOVA HOMEPAGE*/
  .my-modal .modal-content {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #DDDDDD;
    margin: 12px;
  }
  .info_table {
    width: 24px;
    display: block;
    margin: 16px auto 0px auto !important;
    float: none !important;
  }
  /*MARKET*/
  .market_select_table {
    display: none;
  }
  table.market_table * {
    vertical-align: top;
  }
  table.market_table thead th {
    padding: 12px !important;
  }
  table.market_table tbody tr th, table.market_table tbody tr td {
    padding: 12px !important;
  }
  .td_image {
    width: 80px;
  }
  .td_image img {
    width: 60px;
    height: 60px;
  }
  .market_book .modal-box {
    float: left;
  }
  /*MARKET*/
  .user-info {
    display: none;
    padding-top: 18px;
    border-top: 1px solid white;
    margin-top: 10px;
  }
}
.form-check .form-check-input {
  cursor: pointer;
}
.form-check .form-check-input:checked {
  background-color: var(--Blue);
  border-color: var(--Blue);
}
.form-check .form-check-input:focus {
  border-color: var(--Blue);
  outline: 0;
  box-shadow: none;
}
.form-check .form-check-label {
  cursor: pointer;
}
.form-check.v-text {
  margin-right: 50px;
}
.form-check.v-text .form-check-input {
  visibility: hidden;
  position: absolute;
}
.form-check.v-text .form-check-label {
  color: rgba(0, 92, 169, 0.5);
  text-decoration: underline;
}
.form-check.v-text .form-check-label:hover {
  color: rgba(0, 92, 169, 0.7);
}

.js-open-modal {
  cursor: pointer;
}

.report-state {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  margin: 15px 0 20px 0;
}
.report-state.r-success {
  color: #11551C;
}

.input-search {
  width: 240px;
  max-width: 100%;
}
.input-search .form-input-search {
  border: 1px solid var(--Blue);
  border-radius: 8px;
}
.input-search .form-input-search:focus, .input-search .form-input-search:active {
  outline: 0;
  box-shadow: none;
}
.input-search .btn.btn-outline-secondary {
  margin: 0;
  background-color: var(--Blue);
  color: white;
  padding: 12px 14px;
  border-radius: 8px;
}

.input-upload {
  width: 200px;
  max-width: 100%;
}
.input-upload .form-input-upload {
  border: 1px solid var(--Blue);
  border-radius: 8px;
}
.input-upload .form-input-upload:focus, .input-upload .form-input-upload:active {
  outline: 0;
  box-shadow: none;
}
.input-upload .btn.btn-outline-secondary {
  margin: 0;
  background-color: var(--Blue);
  color: white;
  padding: 12px 14px;
  border-radius: 8px;
}

.search_page_box {
  width: 100%;
  max-width: 656px;
}
.search_page_box input {
  border-radius: 8px;
}
.search_page_box input:focus {
  box-shadow: none;
  border-color: var(--Blue);
}
.search_page_box .search_result {
  border-color: var(--Blue);
}
.search_page_box .search_result:focus {
  box-shadow: none;
  opacity: 0.9;
}

.paginator .wrap-pag-prev > *, .paginator .wrap-pag-next > * {
  width: 32px;
  height: 32px;
  background-color: rgba(0, 92, 169, 0.5);
  border-radius: 50%;
  display: block;
  position: relative;
  color: white;
}
.paginator .wrap-pag-prev > *.active, .paginator .wrap-pag-next > *.active {
  background-color: #005ca9;
}
.paginator .wrap-pag-prev > * img, .paginator .wrap-pag-next > * img {
  position: absolute;
}
.paginator .wrap-numbers {
  margin: 0 10px;
}
.paginator .wrap-numbers a {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #2F2F2F;
  text-decoration: none;
  margin: 0 7px;
}
.paginator .wrap-numbers a:hover {
  color: var(--Blue);
}
.paginator .wrap-numbers a.active {
  color: var(--Blue);
  text-decoration: underline;
}

.modal-onboarding {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: #365381;
  background-size: cover;
  z-index: 1000;
  padding: 2%;
}
.modal-onboarding .ico-close {
  cursor: pointer;
}
.modal-onboarding .modal-body {
  display: block;
  position: relative;
}
.modal-onboarding .modal-body .img-splash {
  display: flex;
  justify-content: center;
}
.modal-onboarding .modal-body .img-splash img {
  display: block;
  position: relative;
  max-height: 70vh;
}
.modal-onboarding .modal-body .subtitle {
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.36px;
}
.modal-onboarding .modal-body .text {
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.16px;
  margin: 30px 0 50px;
}
.modal-onboarding .modal-body .btn-onboard {
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.16px;
  padding: 15px 69px;
  border-radius: 8px;
  border: 1px solid #FFF;
  margin-bottom: 30px;
  display: inline-block;
  text-decoration: none;
}
.modal-onboarding .modal-body .btn-onboard:hover {
  background-color: white;
  color: #355A99;
}
.modal-onboarding .modal-body .text-pagination {
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.13px;
  position: absolute;
  bottom: 30px;
}
.modal-onboarding .modal-body .splide__pagination__page {
  background: #ABABAB;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 0 10px;
  opacity: 1;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}
.modal-onboarding .modal-body .splide__pagination__page.is-active {
  background: white;
  opacity: 1;
  transform: scale(2);
}
.modal-onboarding .modal-body .splide__pagination__page.splide__pagination__page--disabled {
  pointer-events: none;
}

@media screen and (max-width: 576px) {
  header .notifica-item {
    gap: 11px;
    margin-bottom: 11px;
    padding-bottom: 11px;
  }
  header .notifica-item img {
    max-width: 12px;
  }
  header .notifica-item strong {
    font-size: 11px;
    line-height: 14px;
  }
  header .notifica-item span {
    font-size: 10px;
    line-height: 14px;
  }
  header .offcanvas-title {
    font-size: 14px;
  }
  header .segna-tutte-lette {
    font-size: 11px;
  }
  header .offcanvas-end .offcanvas-header {
    padding: 11px 0px;
    margin: 0px 11px;
  }
  header .data-notifica {
    font-size: 10px;
    line-height: 14px;
  }
  header .data-notifica a {
    font-size: 11px;
    line-height: 15px;
    margin-left: 8px;
    padding-left: 8px;
  }
  header .notifica-chiudi img {
    max-width: 16px;
  }
}
@media screen and (max-width: 375px) {
  header .logo-top img {
    max-width: 130px !important;
  }
  header .hamburger-menu {
    width: 16px !important;
    height: 24px;
    margin-left: 16px;
  }
  header .hamburger-menu img {
    max-width: 16px !important;
  }
  header .lang-switch .col-auto {
    padding: 0px 5px !important;
  }
  header .lang-switch .col-auto img, header .lang-switch .col-auto svg {
    max-width: 18px;
  }
  header .lang-switch a {
    font-size: 12px;
  }
}
@media screen and (max-width: 1380px) {
  .menu-top a {
    font-size: 12px !important;
  }
  .menu-top .first-level > li {
    margin: 0 7px !important;
  }
  header .logo-top img {
    max-width: 220px;
  }
  .first-level > li.has-child a {
    padding-right: 16px !important;
  }
}
/*@media screen and (max-width: 1380px) {
    .modal-onboarding .modal-body .img-splash img {
        transform: translate(23%, 7%);
    }
}*/
@media screen and (max-width: 768px) {
  /*.modal-onboarding .modal-body .img-splash img {
      max-height: 30vh;
      margin: 0 auto;
  }*/
  .splide__pagination {
    position: relative;
    z-index: 1;
    margin-top: 30px;
  }
  .modal-onboarding .modal-body .text-pagination {
    position: relative;
    bottom: inherit;
    display: block;
    width: 100%;
    text-align: center;
    left: 0;
    transform: translateX(0);
  }
}
.cursor-pointer {
  cursor: pointer;
}

header {
  background-color: #FFFFFF;
  color: #005CA9;
  padding: 13px 15px;
  border-bottom: 2px solid #005CA9;
  position: sticky;
  top: 0;
  z-index: 200;
}
@media only screen and (max-width: 1172px) {
  header {
    position: relative;
  }
}

.menu-top {
  display: flex;
  justify-content: center;
  z-index: 80;
  position: relative;
}
.menu-top a, .menu-top strong {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #2F2F2F;
}
.menu-top .first-level {
  display: flex;
  justify-content: center;
  width: 100%;
}
.menu-top .first-level > li {
  flex: 0 0 auto;
  margin: 0 10px;
}
.menu-top .first-level > li a {
  position: relative;
  display: inline-block;
}
.menu-top .first-level > li a:after {
  content: "";
  height: 2px;
  width: 0;
  position: absolute;
  bottom: -3px;
  left: 0;
  background-color: transparent;
  transition: width 0.2s ease-in-out;
}
.menu-top .first-level > li a:hover, .menu-top .first-level > li a.active {
  position: relative;
  text-decoration: none;
  color: #005CA9;
}
.menu-top .first-level > li a:hover:after, .menu-top .first-level > li a.active:after {
  background-color: #005CA9;
  width: 100%;
}
.menu-top .first-level > li > a:before {
  display: none;
}
.menu-top .first-level > li.has-child {
  position: relative;
  z-index: 999;
}
.menu-top .first-level > li.has-child li {
  line-height: 16px;
}
.menu-top .first-level > li.has-child a {
  padding-right: 24px;
  position: relative;
  text-decoration: none;
}
.menu-top .first-level > li.has-child a:before {
  content: "";
  display: block;
  background: url(../images/ico/ico-chevron-down.svg) 50% 50% no-repeat;
  bottom: 4px;
  position: absolute;
  right: 0;
  width: 14px;
  height: 14px;
  cursor: pointer;
  transition: transform 0.5s ease-in-out;
}
.menu-top .first-level > li.has-child a.active::before {
  transform: rotate(180deg);
  transform-origin: center;
}
.menu-top .first-level > li.has-child a:hover, .menu-top .first-level > li.has-child a.active {
  color: #005CA9;
}
.menu-top .first-level > li.has-child a:hover:after, .menu-top .first-level > li.has-child a.active:after {
  background-color: #005CA9;
  width: calc(100% - 24px);
}
.menu-top .first-level > li:nth-child(2) .sub-menu.open {
  width: 435px;
}
.menu-top .first-level .sub-menu {
  display: none;
}
.menu-top .first-level .sub-menu.open {
  display: block;
  position: absolute;
  left: 0;
  top: 42px;
  background-color: white;
  width: 350px;
  padding: 24px;
  z-index: -1;
  border-radius: 8px;
  transition: transform 0.3s ease-in-out;
  box-shadow: 0 4px 16px 0 hsla(0, 0%, 0%, 0.25);
}
.menu-top .first-level .sub-menu.open li {
  margin-bottom: 1rem;
}
.menu-top .first-level .sub-menu.open li a {
  color: #005CA9;
}
.menu-top .first-level .sub-menu.open li > a:before {
  display: none;
}
.menu-top .first-level .sub-menu.open li:nth-last-child(-n+1) {
  margin: 0;
}
.menu-top .first-level .sub-menu.open li ol {
  margin-left: 20px;
  margin-top: 15px;
}
.menu-top .first-level .sub-menu.open li ol a {
  font-weight: 500;
}
@media only screen and (max-width: 1172px) {
  .menu-top .first-level > li:nth-child(2) .sub-menu.open {
    width: 100%;
  }
  .menu-top {
    display: none;
    position: absolute;
    left: 0;
    background-color: white;
    width: 100%;
    padding: 25px 30px;
    transition: transform 0.3s ease-in-out;
    border-bottom: 2px solid #005CA9;
  }
  .menu-top.open {
    display: block;
  }
  .menu-top .first-level {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
  .menu-top .first-level > li {
    margin: 10px 0;
  }
  .menu-top .first-level > li a {
    position: relative;
    display: block;
  }
  .menu-top .first-level .sub-menu.open {
    display: block;
    position: relative;
    left: inherit;
    top: inherit;
    background-color: transparent;
    width: 100%;
    padding: 24px 10px 5px;
    z-index: -1;
    border-radius: 0;
    transition: transform 0.3s ease-in-out;
    box-shadow: none;
  }
  .menu-top a, .menu-top strong {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #005CA9;
    display: block;
  }
  .menu-top strong {
    font-weight: 700;
  }
  .menu-top .first-level > li.has-child a:before {
    background: url(../images/ico/ico-chevron-down-blue.svg) 50% 50% no-repeat;
  }
  .menu-top .first-level > li.has-child a:hover:after,
  .menu-top .first-level > li.has-child a.active:after {
    display: none;
  }
}

/*
.hamburger-menu {
    display: none;
    cursor: pointer;
    transform: rotate(0);
    transform-origin: center;
    transition: transform 0.5s ease, opacity 0.3s ease-in-out;
    opacity: 1;
    &.active {
        transform: rotate(90deg);
    }
    &:hover {
        opacity: 0.8;
    }
    @include break-point(lg) {
        & {
            display: inline-block;
            text-align: end;            
        }

    }
    @include break-point(sm) {
        & {
            margin-left: 15px;
        }

    }
}
*/
button.hamburger-menu {
  padding: 0px;
}

.hamburger-menu {
  display: none;
  background: none; /**/
  border: none; /**/
  width: 22px !important;
  height: 19px;
  position: relative;
  margin: 0 0 0 20px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  vertical-align: middle;
  cursor: pointer;
}
.hamburger-menu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: var(--Blue);
  border-radius: 0;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.hamburger-menu span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}
.hamburger-menu span:nth-child(2) {
  top: 7px;
  transform-origin: left center;
}
.hamburger-menu span:nth-child(3) {
  top: 14px;
  transform-origin: left center;
}
.hamburger-menu.active span:nth-child(1) {
  transform: rotate(45deg);
  top: -3px;
  left: 0;
}
.hamburger-menu.active span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.hamburger-menu.active span:nth-child(3) {
  transform: rotate(-45deg);
  top: 13px;
  left: 0;
}
@media only screen and (max-width: 1172px) {
  .hamburger-menu {
    display: inline-block;
    text-align: end;
  }
}

/*
.hamburger-menu {
    display: none;
    cursor: pointer;
    transform: rotate(0);
    transform-origin: center;
    transition: transform 0.5s ease, opacity 0.3s ease-in-out;
    opacity: 1;
    &.active {
        transform: rotate(90deg);
    }
    &:hover {
        opacity: 0.8;
    }
    @include break-point(lg) {
        & {
            display: inline-block;
            text-align: end;            
        }

    }
    @include break-point(sm) {
        & {
            margin-left: 15px;
        }

    }
}
*/
@media only screen and (max-width: 1172px) {
  .lang-switch {
    display: inline-block;
  }
}

header .lang-switch a {
  color: #2F2F2F;
  font-weight: 600; /**/
}
header .lang-switch a.disabled {
  /*color: rgba(46, 46, 46, 0.9);*/
  color: #666; /**/
  opacity: 1; /**/
  font-weight: 400; /**/
}

.page-breadcrumb {
  padding: 20px 40px 0;
  margin: 0;
}
.page-breadcrumb ul {
  list-style-type: none;
}
.page-breadcrumb ul li {
  display: inline-block;
}
.page-breadcrumb ul li a {
  color: #005CA9;
  font-weight: 400;
  size: 12px;
  text-decoration: none;
}
.page-breadcrumb ul li a.active {
  font-weight: 600;
}
.page-breadcrumb ul li:nth-last-child(n+2):after {
  content: "/";
  margin: 0 8px;
}
@media only screen and (max-width: 991px) {
  .page-breadcrumb {
    padding: 20px 20px 0;
  }
}

.modal-box {
  display: block;
  justify-content: space-between;
  padding: 16px;
  color: #FFFFFF;
  background-color: #005CA9;
  border-radius: 16px;
  max-width: 210px;
  float: right;
  transition: background-color 0.3s ease;
  border: none; /**/
}
.modal-box:hover {
  background-color: rgba(0, 92, 169, 0.8);
}
.modal-box .modal-box-text {
  margin: 16px 0 0;
}
@media only screen and (max-width: 1172px) {
  .modal-box .modal-box-text {
    display: none;
  }
}

.modal-body {
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
}
.modal-body .nav.nav-pills {
  flex: 0.5 1;
  display: flex;
  flex-direction: column;
}
.modal-body .nav-pills .nav-link.active {
  border-right: 2px solid #005CA9;
  border-radius: 0;
}
.modal-body .nav-pills .nav-link {
  text-transform: uppercase;
  border-right: 2px solid #ffffff;
}
.modal-body .nav-pills .nav-link:hover, .modal-body .nav-pills .nav-link.active {
  color: #005CA9;
}
@media only screen and (max-width: 991px) {
  .modal-body {
    flex-direction: column;
  }
  .modal-body .nav.nav-pills {
    text-align: start;
    flex-direction: row;
  }
}
.modal-body .tab-content {
  flex: 2 1;
}
.modal-body .tab-content h1, .modal-body .tab-content h6 {
  color: #005CA9;
  text-transform: uppercase;
}
.modal-body .tab-content ol {
  list-style-type: decimal;
  margin: 16px;
}
.modal-body .tab-content ol ol {
  list-style-type: lower-latin;
}
.modal-body .tab-content ol ol ol {
  list-style-type: disc;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 90%;
    margin: 1.75rem auto;
  }
}
.page-subtitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 32px 0 0;
}
.page-subtitle h2 {
  text-transform: uppercase;
}

.page-tabs {
  padding: 32px 0;
}

.nav-tabs {
  border-bottom: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem 0.5rem 0;
  text-align: right;
  color: #2F2F2F;
  text-decoration: none;
  transition: unset;
  font-weight: 600;
  font-family: "Oswald";
}

.nav-tabs .nav-link {
  border: none;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border: none;
  isolation: isolate;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active span {
  color: #005CA9;
  border: none;
}

.nav-tabs .nav-link.active span {
  position: relative;
}

.nav-tabs .nav-link.active span::after {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -3px;
  left: 0;
  background-color: #005CA9;
  transition: width 0.2s ease-in-out;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #005CA9;
  background-color: #FFFFFF;
}

.page-tab {
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 16px 0;
  flex-wrap: wrap;
  /* @include break-point(lg) {
       flex-direction: column;
   }*/
}

.page-tab-top {
  width: 100%;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
.page-tab-top .text {
  flex: 0 0 76%;
}
.page-tab-top .page-tab-link {
  flex: 0 0 22%;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  text-decoration: none;
  color: #005CA9;
}
.page-tab-top .page-tab-link img {
  margin-bottom: 6px;
}
@media only screen and (max-width: 1172px) {
  .page-tab-top .page-tab-link {
    justify-content: start;
  }
}

.page-tab-body {
  width: 100%;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.page-tab-text {
  flex: 2 1;
}

.page-tab-img {
  flex: 0 0 76%;
}
.page-tab-img img {
  width: 100%;
  height: 100%;
}

.page-tab-info {
  flex: 0 0 22%;
}

@media only screen and (max-width: 767px) {
  .page-tab-top {
    flex-wrap: wrap;
    gap: 24px;
  }
  .page-tab-top .text {
    flex: 0 0 100%;
  }
  .page-tab-top .page-tab-link {
    flex: 0 0 100%;
  }
  .page-tab-body {
    flex-wrap: wrap;
    gap: 24px;
  }
  .page-tab-img {
    flex: 0 0 100%;
  }
  .page-tab-info {
    flex: 0 0 100%;
  }
}
.page-tab-link {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  text-decoration: none;
  color: #005CA9;
}
@media only screen and (max-width: 1172px) {
  .page-tab-link {
    justify-content: start;
  }
}

.page-tab-text {
  padding: 16px;
  background-color: #F3F6FB;
  border-radius: 8px;
}
.page-tab-text a {
  color: #005194;
}

.w-title-h5 {
  color: #005CA9;
}

.w-title-h6 {
  color: #005CA9;
}

.widgets-container.widget-1-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  outline: 1px solid #DADADA;
}
.widgets-container.widget-1-box .widget {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.widgets-container.widget-1-box .widget-body {
  width: 100%;
  border-right: 1px solid #DADADA;
}
.widgets-container.widget-1-box .widget-body .body-info {
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .widgets-container.widget-1-box .widget {
    flex-direction: column;
  }
  .widgets-container.widget-1-box .widget-body {
    border-right: none;
  }
  .widgets-container.widget-1-box .widget-body .body-info {
    text-align: start;
  }
}
.widgets-container.widget-2-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 24px;
}
.widgets-container.widget-2-box .big-w {
  flex: 2 1;
}
.widgets-container.widget-2-box .big-w .widgets-container.widget-1-box {
  gap: 0;
}
.widgets-container.widget-2-box .small-w {
  flex: 1 1;
}
.widgets-container.widget-2-box .small-w .widget {
  padding: 24px;
  border-radius: 8px;
  outline: 1px solid #DADADA;
}
@media only screen and (max-width: 1172px) {
  .widgets-container.widget-2-box {
    flex-direction: column;
  }
}
.widgets-container.widget-2-box .box {
  flex: 1 1;
}
.widgets-container.widget-2-box .box .widget {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  outline: 1px solid #DADADA;
}
.widgets-container.widget-3-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.widgets-container.widget-3-box .box {
  flex: 0 0 32%;
}
.widgets-container.widget-3-box .box .widget {
  padding: 24px;
  border-radius: 8px;
  outline: 1px solid #DADADA;
}
.widgets-container.widget-3-box .box h2 {
  color: #232323;
}
@media only screen and (max-width: 991px) {
  .widgets-container.widget-3-box {
    flex-direction: column;
  }
  .widgets-container.widget-3-box .box {
    width: 100%;
  }
}

.body-info {
  width: 100%;
}
.body-info p {
  margin: 0;
}
.body-info p.text {
  font-size: 12px;
}
.body-info p.number {
  color: #005CA9;
  font-weight: 700;
  font-size: 24px;
}

.body-info > div {
  border-right: 1px solid #DADADA;
}
@media only screen and (max-width: 576px) {
  .body-info > div {
    border: none;
  }
}

.widget-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.widget-footer span {
  size: 14px;
  font-weight: 400;
  line-height: 21px;
  /*color: #949494;*/
  color: #666; /**/
}
.widget-footer a {
  size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #005CA9;
  text-transform: uppercase;
  text-decoration: none;
}
.widget-footer a:hover {
  text-decoration: underline;
}
.widget-footer a img {
  margin-left: 8px;
  height: 11px;
  position: relative;
  vertical-align: unset;
}

.widget-box-big {
  margin: 16px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px;
  border-radius: 8px;
  outline: 1px solid #DADADA;
  min-height: 230px;
}
.widget-box-big .widget-body {
  width: 49%;
  border-right: 1px solid #DADADA;
}
.widget-box-big .widget-footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.widget-box-big .widget-footer span {
  size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #949494;
}
.widget-box-big .widget-footer a {
  size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #005CA9;
  text-transform: uppercase;
  text-decoration: none;
}
.widget-box-big .widget-footer a:hover {
  text-decoration: underline;
}
.widget-box-big .widget-footer a img {
  margin-left: 8px;
  height: 11px;
  position: relative;
  vertical-align: unset;
}

.widget-box-small {
  margin: 16px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding: 24px;
  border-radius: 8px;
  outline: 1px solid #DADADA;
  min-height: 230px;
}

@media only screen and (max-width: 1399px) {
  .widget-box-big, .widget-box-small {
    padding: 15px;
  }
  .widget-box-big .widget-body {
    width: 48%;
  }
  .widget-box-big {
    gap: 10px;
  }
  .widget-box-small {
    gap: 27px;
  }
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
  .widget-box-small {
    gap: 0px;
    min-height: 220px;
  }
  .widget-box-big {
    min-height: 220px;
  }
  .widget-box-big .body-info {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .widget-box-big .body-info p.text, .widget-box-small .body-info p.text {
    font-size: 11px;
  }
  .widget-box-big {
    min-height: inherit;
  }
  .widget-box-small {
    min-height: inherit;
  }
}
.page-menu-lat .subtitle {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #005CA9;
}
.page-menu-lat > ol {
  margin: 0;
  padding: 0;
}
.page-menu-lat > ol > li {
  display: block;
  margin-bottom: 16px;
}
.page-menu-lat > ol > li > a, .page-menu-lat > ol > li > strong {
  font-weight: 600;
  padding: 10px 24px 10px 16px;
}
.page-menu-lat > ol > li > ol > li > a, .page-menu-lat > ol > li > ol > li > strong {
  font-weight: 600;
  padding: 10px 24px 10px 32px;
}
.page-menu-lat > ol > li > ol > li > ol > li > a, .page-menu-lat > ol > li > ol > li > ol > li > strong {
  font-weight: 400;
  padding: 10px 24px 10px 52px;
}
.page-menu-lat a, .page-menu-lat strong {
  text-decoration: none;
  display: block;
  position: relative;
  color: #005CA9;
  font-size: 16px;
  font-style: normal;
  line-height: 1.2;
  transition: background-color 0.3s ease-in-out;
}
.page-menu-lat a:hover, .page-menu-lat strong:hover {
  background-color: #F3F6FB;
}
.page-menu-lat a.has-child::after, .page-menu-lat strong.has-child::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  right: 30px;
  top: 12px;
  background: transparent url("../images/ico/ico-chevron-down-blue.svg") 50% 50% no-repeat;
  transition: transform 0.3s ease;
}
.page-menu-lat a.has-child.active::after, .page-menu-lat strong.has-child.active::after {
  transform: rotate(-180deg);
  transform-origin: center;
}
.page-menu-lat strong {
  border-left: 3px solid var(--primary-blue, #005CA9);
  background: var(--secondary-ice-white, #F3F6FB);
}

.download-filter {
  background-color: #F3F6FB;
  border-radius: 16px;
  padding: 30px 24px;
}
.download-filter .subtitle {
  color: var(--primary-blue, #005CA9);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.download-filter label {
  font-size: 14px;
  line-height: 1.5;
  font-style: normal;
  font-weight: 600;
  color: var(--primary-anthracite, #2F2F2F);
  margin-bottom: 8px;
}
.download-filter multi-input {
  border-radius: 8px;
  border: 1px solid var(--primary-blue, #005CA9);
  background: var(--primary-white, #FFF);
  height: 40px;
  position: relative;
  display: block;
  padding: 10px 8px 10px 12px;
}
.download-filter multi-input .input-select {
  -webkit-appearance: none;
  position: absolute;
  right: 0;
  color: #005CA9;
  padding: 0;
  width: 40px;
  top: 0;
  background: transparent url("../images/ico/ico-chevron-down-blue.svg") 50% 50% no-repeat;
  height: 100%;
  cursor: pointer;
}
.download-filter multi-input .input-select:hover {
  background: transparent url("../images/ico/ico-chevron-down-blue.svg") 50% 50% no-repeat;
}
.download-filter multi-input .item {
  border-radius: 40px;
  background: var(--secondary-light-blue, #D4DFF1);
  height: 20px;
  padding: 2px 8px 2px 26px;
  line-height: 1.3;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-anthracite, #2F2F2F);
  position: relative;
  margin-right: 8px;
}
.download-filter multi-input .item::after {
  color: #2F2F2F;
  content: "×";
  cursor: pointer;
  font-size: 21px;
  pointer-events: auto;
  position: absolute;
  left: 10px;
  top: -4px;
  font-weight: 400;
}
.download-filter .form-select {
  border: 1px solid var(--primary-blue, #005CA9);
  cursor: pointer;
}
.download-filter .link-reset-filter {
  color: var(--primary-blue, #005CA9);
}
.download-filter .switch-field {
  display: flex;
  background-color: white;
  border: 1px solid var(--primary-blue, #005CA9);
  border-radius: 8px;
  height: 38px;
  max-width: 206px;
}
.download-filter .switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.download-filter .switch-field input:checked + label {
  background-color: #005CA9;
  color: white;
  box-shadow: none;
  border-radius: 8px;
  height: 100%;
}
.download-filter .switch-field label {
  width: 50%;
  background-color: white;
  color: #575756;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  padding: 8px 16px;
  margin-right: -1px;
  border: 1px solid white;
  border-radius: 8px;
  margin: 0;
  height: 100%;
  line-height: 19px;
  transition: all 0.1s ease-in-out;
}
.download-filter .switch-field label:hover {
  cursor: pointer;
}

.download-legend {
  border-radius: 8px;
  background: #F5F5F5;
  padding: 16px;
  margin: 16px 0;
}
.download-legend .n-results {
  color: var(--primary-blue, #005CA9);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  margin-right: 40px;
}
.download-legend .wrap-vista .view-label {
  color: var(--primary-anthracite, #2F2F2F);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  margin-right: 24px;
}
.download-legend .wrap-vista a {
  margin-right: 24px;
  display: inline-block;
  position: relative;
  transition: color 0.3s ease-in-out;
}
.download-legend .wrap-vista a:hover {
  color: #2F2F2F;
}
.download-legend .wrap-download a {
  color: #005CA9;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.download-legend .wrap-download svg {
  margin-left: 8px;
}

.download-body table {
  margin: 15px 0;
}
.download-body table.table-download th span {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.fixTableHead {
  overflow-y: auto;
  height: auto;
  max-height: 300px;
}
.fixTableHead thead th {
  position: sticky;
  top: 0;
  background-color: white;
}

.dropdown-check-list.dropdown {
  height: 40px;
}
.dropdown-check-list.dropdown .dropdown-toggle {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 40px;
  padding-left: 10px;
}
.dropdown-check-list.dropdown .dropdown-toggle:after {
  display: none;
}
.dropdown-check-list.dropdown .dropdown-menu {
  width: 100%;
  padding: 0;
}
.dropdown-check-list.dropdown .dropdown-menu li {
  position: relative;
  display: block;
  margin-bottom: -8px;
}
.dropdown-check-list.dropdown .dropdown-menu input[type=checkbox] {
  display: none;
}
.dropdown-check-list.dropdown .dropdown-menu input[type=checkbox] + label {
  display: block;
  cursor: pointer;
  padding: 5px 10px;
  font-weight: 400;
  position: relative;
  background-color: white;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.dropdown-check-list.dropdown .dropdown-menu input[type=checkbox]:hover + label:hover {
  background-color: var(--Blue);
  color: white;
}
.dropdown-check-list.dropdown .dropdown-menu input[type=checkbox]:checked + label {
  background-color: var(--Blue);
  color: white;
}

.dropdown-multiple-level-check.dropdown {
  height: 40px;
}
.dropdown-multiple-level-check.dropdown .dropdown-toggle {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 40px;
  padding-left: 10px;
}
.dropdown-multiple-level-check.dropdown .dropdown-toggle:after {
  display: none;
}
.dropdown-multiple-level-check.dropdown .dropdown-menu {
  width: 100%;
  padding: 0;
}
.dropdown-multiple-level-check.dropdown .dropdown-menu > li {
  position: relative;
  display: block;
  margin-bottom: 0;
}
.dropdown-multiple-level-check.dropdown .dropdown-menu > li > ul > li label {
  padding-left: 60px;
}
.dropdown-multiple-level-check.dropdown .dropdown-menu > li.has-child ul {
  display: none;
}
.dropdown-multiple-level-check.dropdown .dropdown-menu .toggle-level {
  position: relative;
  display: block;
  float: left;
  left: 0;
  margin-right: 10px;
  top: 0;
  width: 30px;
  height: 31px;
  z-index: 10;
  background: white url("../images/ico/ico-chevron-down-blue.svg") 50% 50% no-repeat;
  transition: transform 0.3s ease;
}
.dropdown-multiple-level-check.dropdown .dropdown-menu .toggle-level.open {
  transform: rotate(180deg);
  transform-origin: center;
}
.dropdown-multiple-level-check.dropdown .dropdown-menu .searchInput {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 10px;
}
.dropdown-multiple-level-check.dropdown .dropdown-menu input[type=checkbox] {
  display: none;
}
.dropdown-multiple-level-check.dropdown .dropdown-menu label {
  display: block;
  cursor: pointer;
  padding: 5px 10px;
  font-weight: 400;
  position: relative;
  background-color: white;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.dropdown-multiple-level-check.dropdown .dropdown-menu label:hover {
  background-color: var(--Blue);
  color: white;
}
.dropdown-multiple-level-check.dropdown .dropdown-menu label.selected {
  background-color: var(--Blue);
  color: white;
}

.dataTables_length label {
  white-space: nowrap;
}
.dataTables_length select {
  display: inline-block;
  width: 55px;
  text-align: center;
  cursor: pointer;
}

:root {
  --PrimaryColor: #005CA9;
  --Blue: #005CA9;
  --Anthracite: #2f2f2f;
  --White: #ffffff;
  --DarkBlue: #152F5D;
  --LightBlue: #d4dff1;
  --IceWhite: #F3F6FB;
  --BorderGrey: #DADADA;
  --f-h-xxl: 56px;
  --f-h-xl: 48px;
  --f-h-l: 40px;
  --f-h-m: 32px;
  --f-h-s: 24px;
  --f-h-xs: 20px;
  --f-sh-l: 24px;
  --f-sh-m: 20px;
  --f-sh-s: 16px;
}

.f-h-xxl, .banner-testata h1 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 56px;
  line-height: 84px;
  letter-spacing: 2px;
}

.f-h-xl {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 72px;
  letter-spacing: 1.5px;
}

.f-h-l, h1 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 1px;
}

.f-h-m {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 0.5px;
}

.f-h-s {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.5px;
}

.f-h-xs {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.5px;
}

.f-s-l {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 1px;
}

.f-s-m {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.5px;
}

.f-s-s {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

h1 {
  color: var(--Anthracite);
}
.banner-testata h1 {
  color: white;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 1px;
  }
}

@charset "UTF-8";
.generic-alert .generic-alert-body {
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.generic-alert .btn-close-alert {
  font-family: "Roboto", sans-serif;
}

.f-h-xxl, .banner-testata h1 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 56px;
  line-height: 84px;
  letter-spacing: 2px;
}

.f-h-xl {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 48px;
  line-height: 72px;
  letter-spacing: 1.5px;
}

.f-h-l, h1 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 1px;
}

.f-h-m {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 0.5px;
}

.f-h-s {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.5px;
}

.f-h-xs {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.5px;
}

.f-s-l {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 1px;
}

.f-s-m {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.5px;
}

.f-s-s {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

h1 {
  color: var(--Anthracite);
}
.banner-testata h1 {
  color: white;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 1px;
  }
}

[v-cloak] {
  display: none;
}

img {
  vertical-align: middle;
}

.wrap-widget .widget {
  position: relative;
}
.wrap-widget .widget.active {
  box-shadow: 0px 0px 0px 3px rgb(0, 92, 169);
  transition: box-shadow 0.3s ease-in-out;
}
.wrap-widget .widget .link-end {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.toggle-header .title {
  font-size: 16px;
  font-family: Roboto, sans-serif;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: var(--Blue);
  margin: 0;
}

.toggle-content h3 {
  margin: 0 0 16px !important;
  padding-top: 1.5rem;
}

.highcharts-subtitle p {
  text-align: center;
  color: black;
  font-weight: bold;
}
.highcharts-subtitle .title {
  font-size: 20px;
}
.highcharts-subtitle .load {
  font-size: 35px;
}
.highcharts-subtitle .date {
  font-size: 15px;
}

.graphtype.peakvalley path.highcharts-button-symbol {
  stroke: #005CA9;
  stroke-width: 3px;
}

/* DOWNLOAD CENTER */
.download-center th .js-order-ascend {
  display: none;
}
.download-center th .js-order-discend {
  display: none;
}
.download-center th.asc .js-order-ascend {
  display: inherit;
}
.download-center th.desc .js-order-discend {
  display: inherit;
}
.download-center .dropdown-check-list.dropdown .dropdown-menu {
  max-height: 540px;
  overflow-y: auto;
}
.download-center .dropdown-check-list.dropdown .dropdown-menu label {
  display: block;
  cursor: pointer;
  padding: 5px 10px;
  font-weight: 400;
  position: relative;
  background-color: white;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.download-center .dropdown-check-list.dropdown .dropdown-menu label:hover {
  background-color: var(--Blue);
  color: white;
}
.download-center .dropdown-check-list.dropdown .dropdown-menu label.selected {
  background-color: var(--Blue);
  color: white;
}
.download-center .dropdown-multiple-level-check.dropdown .dropdown-menu {
  max-height: 450px;
  overflow-y: auto;
}
.download-center .download-filter .switch-field label.selected {
  background-color: #005CA9;
  color: white;
  box-shadow: none;
  border-radius: 8px;
  height: 100%;
}
.download-center .loading {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7529411765);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  text-align: center;
  font-size: 24px;
  color: #005ca9;
  display: flex;
  justify-content: center;
  transition-property: opacity, visibility;
  transition-duration: 200ms;
  transition-timing-function: linear;
}
.download-center .loading.up {
  align-items: flex-start;
  animation-name: "download-center-loading-up-animation";
  animation-iteration-count: infinite;
  animation-duration: 500ms;
}
.download-center .loading.dn {
  align-items: flex-end;
  animation-name: "download-center-loading-dn-animation";
  animation-iteration-count: infinite;
  animation-duration: 500ms;
}
@keyframes download-center-loading-up-animation {
  0% {
    padding-top: 0;
  }
  35% {
    padding-top: 12px;
  }
  45% {
    padding-top: 14px;
  }
  50% {
    padding-top: 15px;
  }
  55% {
    padding-top: 14px;
  }
  65% {
    padding-top: 12px;
  }
  100% {
    padding-top: 0;
  }
}
@keyframes download-center-loading-dn-animation {
  0% {
    padding-bottom: 0;
  }
  35% {
    padding-bottom: 12px;
  }
  45% {
    padding-bottom: 14px;
  }
  50% {
    padding-bottom: 15px;
  }
  55% {
    padding-bottom: 14px;
  }
  65% {
    padding-bottom: 12px;
  }
  100% {
    padding-bottom: 0;
  }
}

/* LOADER (uses jQuery blockUI plugin) */
/* ----------------------------------- */
.blockUI.blockMsg {
  padding: 0px;
  margin: -50px -50px;
  width: 100px;
  top: 50%;
  left: 50%;
  text-align: center;
  color: rgb(0, 0, 0);
  border: 3px solid rgb(170, 170, 170);
  background-color: rgb(255, 255, 255);
  cursor: wait;
  height: 100px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.loader {
  animation-name: spin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.blockUI.blockMsg .loader {
  height: 64px;
  width: 64px;
  margin-top: 18px;
  display: inline-block;
  line-height: 100px;
  animation-name: spin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#modal-onboarding .modal-body {
  height: 90vh;
  overflow-y: auto;
  overflow-x: hidden;
}

/* CORRISPETTIVI */
.filter-selected {
  border-left: 3px solid var(--primary-blue, #005CA9);
  background: var(--secondary-ice-white, #F3F6FB);
  font-weight: 600;
  padding: 10px 24px 10px 32px;
}

.corrispettivi-title-td {
  text-align: left !important;
}

.corrispettivi-table-container th[data-order-by-column] {
  cursor: pointer;
}

.corrispettivi-table-container th[data-order-by-column] .js-order-ascend {
  display: none;
}

.corrispettivi-table-container th[data-order-by-column] .js-order-discend {
  display: none;
}

.corrispettivi-table-container th[data-order-by-column].asc .js-order-ascend {
  display: inherit;
}

.corrispettivi-table-container th[data-order-by-column].desc .js-order-discend {
  display: inherit;
}

.corrispettivi-open-file-btn {
  cursor: pointer;
}

.corrispettivi-download-file-btn {
  cursor: pointer;
}

.print-body {
  display: none;
}

.historical-table-columns {
  display: none;
}

.modal-table-container th[data-order-by-column] {
  cursor: pointer;
}

.modal-table-container th[data-order-by-column] .js-order-ascend {
  display: none;
}

.modal-table-container th[data-order-by-column] .js-order-discend {
  display: none;
}

.modal-table-container th[data-order-by-column].asc .js-order-ascend {
  display: inherit;
}

.modal-table-container th[data-order-by-column].desc .js-order-discend {
  display: inherit;
}

.menu-top .first-level a.active::before:after {
  width: 100%;
}

.cont-datepicker .date-publish {
  background: #FFFFFF;
  border: 1px solid #005CA9;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  padding: 10px;
  color: #575756;
  font-weight: 400;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

/* BUTTON TABS */
.sub-tab-content {
  display: none;
}

.tab-sub-content {
  width: 100%;
}

.nav-sub-tabs {
  display: none;
}

.page-tab-full-img {
  flex: 0 0 100%;
}

.widget-footer-link {
  display: inline-block;
}
.widget-footer-link img {
  margin-left: 8px;
  height: 11px;
  position: relative;
  vertical-align: unset;
}

.page-sub-tab {
  display: block;
}

.nav-tabs .nav-link {
  text-transform: uppercase;
}

/* POWER BI */
.embed-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
}

/* HEADER */
header .logo-top {
  z-index: unset;
}
header .menu-top .first-level > li.has-child a.selected {
  color: #005ca9;
}
header .menu-top .first-level > li.has-child a.selected:after {
  content: "";
  height: 2px;
  position: absolute;
  bottom: -3px;
  left: 0;
  transition: width 0.2s ease-in-out;
  width: calc(100% - 24px);
  background-color: #005ca9;
}

/* DOWNLOAD CENTER LINK */
.page-tab-link {
  max-height: 25px;
}

body.no-footer footer {
  display: none;
}

body.no-header header {
  display: none;
}

/* RICH TEXT READ MORE */
.read-more-container {
  max-height: 185px;
  overflow: hidden;
}

.read-more-container-expanded {
  max-height: none;
  padding-bottom: 20px;
}

.read-more-btn {
  color: var(--primary-blue, #005ca9);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  margin-right: 40px;
  cursor: pointer;
}

.read-less-btn {
  display: none;
  color: var(--primary-blue, #005ca9);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  margin-right: 40px;
  cursor: pointer;
}

.generic-alert {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1200;
  display: none;
}
.generic-alert .generic-alert-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.generic-alert .generic-alert-body {
  background-color: white;
  display: block;
  position: absolute;
  width: 50%;
  max-width: 400px;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid var(--Blue);
}
.generic-alert h5 {
  font-family: Oswald, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.5px;
  text-align: left;
  color: var(--Blue);
  text-transform: uppercase;
}
.generic-alert .btn-close-alert {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #005CA9;
  text-decoration: underline;
  cursor: pointer;
}
.generic-alert .btn-reject {
  background-color: transparent;
  border: 1px solid var(--Blue);
  color: var(--Blue);
}

/* MODAL BOX */
.modal-box {
  cursor: pointer;
}

/* SECTION DEACTIVATION */
@media only screen and (max-width: 1399px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(2) .padding-custom {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media only screen and (max-width: 1172px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(2) .padding-custom {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}
@media only screen and (max-width: 1399px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(2) .pbi-deactivate-img img {
    width: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(2) .pbi-deactivate-img img {
    width: 120px;
  }
}
@media only screen and (max-width: 1640px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(2) .pbi-deactivate-text {
    font-size: 22px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1399px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(2) .pbi-deactivate-text {
    font-size: 20px;
    line-height: 26px;
    padding-top: 18px;
    width: 100%;
  }
}
@media only screen and (max-width: 1172px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(2) .pbi-deactivate-text {
    font-size: 15px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(2) .pbi-deactivate-text {
    font-size: 24px;
    line-height: 36px;
    width: 283px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1172px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(1) .pbi-deactivate-img img {
    width: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(1) .pbi-deactivate-img img {
    width: 120px;
  }
}
@media only screen and (max-width: 1399px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(1) .pbi-deactivate-text {
    width: 100%;
  }
}
@media only screen and (max-width: 1172px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(1) .pbi-deactivate-text {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .containerboxhome > .simple-container:nth-child(2) > .simple-container:nth-child(1) .pbi-deactivate-text {
    width: 283px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .containerboxhome > .simple-container:nth-child(3) > .simple-container:nth-child(1) .pbi-deactivate-text {
    margin-bottom: 15px;
  }
}

.grey-color {
  color: grey !important;
}

.nuovo-widget .orange-color {
  color: orange !important;
  font-weight: bold !important;
}

.orange-color {
  color: orange !important;
  font-weight: bold !important;
}

.grey-svg {
  filter: invert(56%) sepia(1%) saturate(7%) hue-rotate(357deg) brightness(90%) contrast(89%) !important;
}

.pbi-deactivate-img {
  padding-top: 1.5rem;
}

.pbi-deactivate-text {
  color: var(--PrimaryColor);
  padding-top: 25px;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  font-family: "ROBOTO";
  width: 283px;
  height: 72px;
}

.full-height {
  height: 100%;
}

/* Accessibilità */
*:focus-visible {
  outline: 3px solid #C85804 !important;
}

.cestino-notifica {
  max-width: 24px;
}

.page-breadcrumb ol {
  list-style-type: none;
}

.page-breadcrumb ol li {
  display: inline-block;
}

.page-breadcrumb ol li a {
  color: #005ca9;
  font-weight: 400;
  size: 12px;
  text-decoration: none;
}

.page-breadcrumb ol li:nth-last-child(n+2):after {
  content: "/";
  margin: 0 8px;
}

.page-breadcrumb ol li a.active {
  font-weight: 600;
}

.nuovo-widget .w-par-sx {
  color: #757575 !important;
}

.no-after::after {
  content: none !important;
}

.text-small-70 {
  font-size: 70%;
}

.cursor-default {
  cursor: context-menu !important;
}

.single-tab span {
  font-size: 24px;
  font-family: Oswald, sans-serif;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  margin: 0 0 18px;
}

header#header .menu-top .first-level {
  flex-wrap: wrap;
}
header#header .menu-top .first-level > li a {
  font-size: 0.9rem;
}
header#header .menu-top .first-level > li.has-child {
  z-index: unset;
}
header#header .menu-top .first-level .sub-menu.open {
  z-index: 999;
}

.text-small-70 {
  font-size: 70%;
}

/* DOWNLOAD CENTER - MENU' FOURTH LEVEL */
.page-menu-lat > ol > li > ol > li > ol > li > ol > li > a {
  font-weight: 400;
  padding: 10px 24px 10px 72px;
}

.page-menu-lat > ol > li > ol > li > ol > li > ol > li > strong {
  font-weight: 400;
  padding: 10px 24px 10px 72px;
}