html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-0 {
  stroke: #fff !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-1 {
  stroke: #f4c4d8 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-2 {
  stroke: #f2b7d0 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-3 {
  stroke: #f0aac8 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-4 {
  stroke: #ee9dc0 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-5 {
  stroke: #ec90b8 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-6 {
  stroke: #ea83b0 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-7 {
  stroke: #e876a8 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-8 {
  stroke: #e669a0 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-9 {
  stroke: #e45c98 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-10 {
  stroke: #e24f90 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-11 {
  stroke: #e04288 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-azionario-12 {
  stroke: #de3580 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-0 {
  stroke: #fff !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-1 {
  stroke: #69bdf6 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-2 {
  stroke: #5bb7f5 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-3 {
  stroke: #4db1f4 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-4 {
  stroke: #3fabf3 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-5 {
  stroke: #31a5f2 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-6 {
  stroke: #239ff1 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-7 {
  stroke: #1599f0 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-8 {
  stroke: #0f91e6 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-9 {
  stroke: #0e88d8 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-10 {
  stroke: #0d7fca !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-11 {
  stroke: #0c76bc !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-obbligazionario-12 {
  stroke: #0b6dae !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-0 {
  stroke: #fff !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-1 {
  stroke: #e5f1c8 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-2 {
  stroke: #e2f0c1 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-3 {
  stroke: #deeeb9 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-4 {
  stroke: #daecaf !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-5 {
  stroke: #d5eaa4 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-6 {
  stroke: #cfe798 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-7 {
  stroke: #c9e48a !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-8 {
  stroke: #c2e17a !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-9 {
  stroke: #badd68 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-10 {
  stroke: #b1d953 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-11 {
  stroke: #a6d43b !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-monetario-12 {
  stroke: #9ace1f !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-0 {
  stroke: #fff !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-1 {
  stroke: #fff4c8 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-2 {
  stroke: #fff3c1 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-3 {
  stroke: #fff2b9 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-4 {
  stroke: #fff1b0 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-5 {
  stroke: #ffefa5 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-6 {
  stroke: #ffed99 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-7 {
  stroke: #ffeb8b !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-8 {
  stroke: #ffe97b !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-9 {
  stroke: #ffe669 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-10 {
  stroke: #ffe354 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-11 {
  stroke: #ffdf3c !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-alternative-12 {
  stroke: #ffdb21 !important;
}
html {
  background-color: #f5f5f5 !important;
}
.redField {
/*background-color red;*/
  border: solid 1px #e54b4b;
}
.header-container {
  background-color: #203a45;
  color: #41d492;
}
.split-globale {
  margin-left: 5% !important;
  margin-right: 10% !important;
}
.position {
  margin-left: 0px !important;
  margin-top: -110px !important;
}
.position2 {
  margin-left: 200px !important;
  margin-top: 0px !important;
}
.link-menu:hover {
  color: #41d492;
}
.card-iniziali {
  margin-top: -50px;
}
.box-link-menu {
  border-right: solid;
  border-right-color: #d3d3d3;
  border-right-width: thin;
}
/*#41d492*/
/*.grommetux-menu--primary>a:not(.grommetux-button).grommetux-anchor--active, .grommetux-menu--primary>a:not(.grommetux-button).active
    border-color #0a64a0 !important
    */
.card-4 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.card-3 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.card {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
      transform: translateY(-5px);
  background-color: #fff;
  height: 100%;
}
@media (max-width: 1286px) {
  .card {
    width: 100%;
  }
}
.card-2 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
          transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card-2:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.card-1:hover {
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.06);
}
.link-header {
  color: #fff !important;
}
.meter_dimension {
  width: 30px !important;
}
.route-enter,
.route-appear {
  opacity: 0;
  -webkit-animation: slideIn 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          animation: slideIn 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.route-leave {
  -webkit-animation: slideOut 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
          animation: slideOut 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
}
.route-appear {
  opacity: 0;
  -webkit-animation: slideUp 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          animation: slideUp 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hidden {
  display: none;
}
.searchList {
  position: absolute;
}
.strongCol {
  font-weight: bold;
}
.alertIcon_verde {
  background-color: #cbe56c !important;
}
.alertIcon_arancione {
  background-color: #ff7f50 !important;
  border-color: #ff7f50 !important;
}
.alertIcon_spento {
  background-color: #d3d3d3 !important;
}
/****************************/
.col__span-100 {
  width: 100%;
  min-width: 100%;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
@media (min-width: 1286px) {
  .col__span-100 {
    width: 100%;
    min-width: 100%;
  }
}
.col__span-95 {
  width: 100%;
  min-width: 100%;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
@media (min-width: 1286px) {
  .col__span-95 {
    width: 95%;
    min-width: 95%;
  }
}
.col__span-90 {
  width: 100%;
  min-width: 100%;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
@media (min-width: 1286px) {
  .col__span-90 {
    width: 90%;
    min-width: 90%;
  }
}
.col__span-85 {
  width: 100%;
  min-width: 100%;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
@media (min-width: 1286px) {
  .col__span-85 {
    width: 85%;
    min-width: 85%;
  }
}
.col__span-80 {
  width: 100%;
  min-width: 100%;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
@media (min-width: 1286px) {
  .col__span-80 {
    width: 80%;
    min-width: 80%;
  }
}
.col__span-75 {
  width: 100%;
  min-width: 100%;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
@media (min-width: 1286px) {
  .col__span-75 {
    width: 75%;
    min-width: 75%;
  }
}
.col__span-70 {
  width: 100%;
  min-width: 100%;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
@media (min-width: 1286px) {
  .col__span-70 {
    width: 70%;
    min-width: 70%;
  }
}
.col__span-60 {
  width: 100%;
  min-width: 100%;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
@media (min-width: 1286px) {
  .col__span-60 {
    width: 60%;
    min-width: 60%;
  }
}
.col__span-50 {
  width: 100%;
  min-width: 100%;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
@media (min-width: 1286px) {
  .col__span-50 {
    width: 50%;
    min-width: 50%;
  }
}
.col__span-45 {
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1286px) {
  .col__span-45 {
    width: 45%;
    min-width: 45%;
  }
}
.col__span-40 {
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1286px) {
  .col__span-40 {
    width: 40%;
    min-width: 40%;
  }
}
.col__span-37 {
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1286px) {
  .col__span-37 {
    width: 37%;
    min-width: 37%;
  }
}
.col__span-35 {
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1286px) {
  .col__span-35 {
    width: 35%;
    min-width: 35%;
  }
}
.col__span-33 {
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1286px) {
  .col__span-33 {
    width: 33%;
    min-width: 33%;
  }
}
.col__span-30 {
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1286px) {
  .col__span-30 {
    width: 30%;
    min-width: 30%;
  }
}
.col__span-25 {
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1286px) {
  .col__span-25 {
    width: 25%;
    min-width: 25%;
  }
}
.col__span-20 {
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1286px) {
  .col__span-20 {
    width: 20%;
    min-width: 20%;
  }
}
.col__span-15 {
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1286px) {
  .col__span-15 {
    width: 15%;
    min-width: 15%;
  }
}
.col__span-15 {
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1286px) {
  .col__span-15 {
    width: 15%;
    min-width: 15%;
  }
}
.col__span-10 {
  width: 100%;
  min-width: 100%;
}
@media (min-width: 1286px) {
  .col__span-10 {
    width: 10%;
    min-width: 10%;
  }
}
.stacked-row {
  width: 100%;
}
.stacked-row > div {
  border-bottom: none;
  border-right: 3px solid #f5f5f5;
}
:last-child {
  border: none;
}
@media (max-width: 1286px) {
  > div {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    width: 100%;
    border-right: none;
    border-bottom: 3px solid #f5f5f5;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  > div:not(:last-child) {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
.area-legend__list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
@media (min-width: 1540px) {
  .area-legend__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.area-legend {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.area-legend > div {
  padding: 0 16px;
}
.box_menu_laterale {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: inherit !important;
  -webkit-align-items: inherit !important;
      -ms-flex-align: inherit !important;
          align-items: inherit !important;
  padding-left: 10.42% !important;
}
@media (max-width: 1286px) {
  .box_menu_laterale {
    display: none !important;
  }
}
.menu_laterale {
  padding-left: 0px !important;
}
.primi_elementi_inseriti {
  top: -61px !important;
  border-right: 0px !important;
}
@media (min-width: 1304px) {
  .primi_elementi_inseriti {
    position: relative !important;
  }
}
.titolo-sinistra {
  margin: 0px !important;
  padding-left: 0% !important;
}
@media (min-width: 1286px) {
  .titolo-sinistra {
    margin: 0px !important;
    padding-left: 10.42% !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}
.titolo-destra {
  display: none !important;
}
@media (min-width: 1286px) {
  .titolo-destra {
    margin: 0px !important;
    padding-right: 10.42% !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.titolo_tiles {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
@media (min-width: 1286px) {
  .container {
    margin: 0px !important;
    padding-right: 10.42% !important;
  }
}
@media (min-width: 1286px) {
  .last_right {
    padding-right: 0px !important;
  }
}
.padding-card {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.grommetux-list li {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.dashboard,
.image-logo-titolo {
  width: 20px !important;
  height: 20px !important;
  margin-top: -6px !important;
}
.image-logo-titolo-titoli {
  width: 20px !important;
  height: 20px !important;
  margin-top: 6px !important;
}
.image-logo-titolo-pagina-titoli {
  width: 21px !important;
  height: 21px !important;
  margin-top: 0px !important;
}
.image-logo-portale {
  width: 31px !important;
  height: 31px !important;
  margin-bottom: 10px !important;
  margin-right: 0px !important;
}
.section-titolo {
  background-color: #203a45 !important;
  color: #fff !important;
  height: 202px !important;
}
.section-titolo_mobile {
  background-color: #203a45 !important;
  color: #fff !important;
  height: 45px !important;
}
/*****************************/
.positivo {
  color: #41d492;
}
.positivo2 {
  color: #8cc800;
}
.negativo {
  color: #ff324d;
}
.grommetux-color-index-positivo {
  stroke: #41d492 !important;
}
/*#203a45*/
.headerPortofolio {
  background-color: #008080 !important;
}
.grommetux-meter__values .grommetux-meter__slice.grommetux-color-index-sfondo-tema {
  stroke: #203a45 !important;
}
.scroll {
  overflow: scroll;
  direction: rtl;
}
.ancora_portofolio {
  color: #fff !important;
}
.card-titolo {
  color: #fff !important;
}
.menu_mercati {
  color: #fff !important;
}
/*#203a45*/
.headerPortale {
  background-color: #008080 !important;
  color: #fff !important;
}
.ancora-menu {
  color: #fff !important;
}
.grommetux-header__mirror {
  height: 60px !important;
}
.grommetux-sun-burst__graphic {
  margin-top: 0% !important;
}
.grommetux-sun-burst--large {
  height: 325px !important;
}
.infographic__section-header {
  max-width: 930px;
}
.infographic__section-header {
  width: auto;
  padding: 30px;
  margin: 0 24px;
  border: 8px solid;
  border-color: #166ca5;
}
.logo_intestazione {
  fill: #fff !important;
  stroke: #fff !important;
}
.card_file_active_2 {
  background-color: #f5f5f5 !important;
  color: #0096d6 !important;
}
.card_file_active_2 .logo_intestazione {
  fill: #0096d6 !important;
  stroke: #0096d6 !important;
}
.card_file_active_2:hover {
  background-color: #f5f5f5 !important;
}
.card_file_active_2:hover .logo_intestazione {
  fill: #0096d6 !important;
  stroke: #0096d6 !important;
}
.card-rounded {
  border-radius: 12px !important;
}
.search-rounded {
  border-radius: 36px !important;
}
.grommetux-input grommetux-search__input {
  border-radius: 36px !important;
}
input {
  border-radius: 36px !important;
}
.card_file_active {
  border-radius: 36px !important;
  background-color: #0096d6 !important;
  color: #f5f5f5 !important;
}
.card_file_active .logo_intestazione {
  fill: #f5f5f5 !important;
  stroke: #f5f5f5 !important;
}
.card_file_active:hover {
  border-radius: 36px !important;
}
.card_file_active:hover background-color,
.card_file_active:hover .logo_intestazione {
  fill: #f5f5f5 !important;
  stroke: #f5f5f5 !important;
}
.card_file .logo_intestazione {
  fill: #696969 !important;
  stroke: #696969 !important;
}
.card_file:hover {
  border-radius: 36px !important;
  background-color: #f5f5f5 !important;
  color: #0096d6 !important;
}
.card_file:hover .logo_intestazione {
  fill: #0096d6 !important;
  stroke: #0096d6 !important;
}
/*presentazione report*/
.grommetux-header.section-nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}
.grommetux-header.section-nav.section-nav--active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.grommetux-header.section-nav:not(.section-nav--active) {
  -webkit-transform: translateY(calc(-100% + 4px));
      -ms-transform: translateY(calc(-100% + 4px));
          transform: translateY(calc(-100% + 4px));
}
.grommetux-header.section-nav .logo-hpe {
  width: 118px;
  height: 50px;
}
.grommetux-header.section-nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}
.grommetux-header.section-nav.section-nav--active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.grommetux-header.section-nav:not(.section-nav--active) {
  -webkit-transform: translateY(calc(-100% + 4px));
      -ms-transform: translateY(calc(-100% + 4px));
          transform: translateY(calc(-100% + 4px));
}
.grommetux-header.section-nav .logo-hpe {
  width: 118px;
  height: 50px;
}
.progress {
  position: relative;
  left: 0;
  height: 4px;
  width: 0%;
  background: #865cd6;
  z-index: 10;
}
.infographic-source {
  text-align: left;
}
.infographic__section-header {
  max-width: 930px;
}
.infographic__section-header .grommetux-headline {
  padding: 15px 0;
}
.infographic__section-header .grommetux-headline:first-child {
  padding-top: 0;
}
.infographic__section-header .grommetux-headline:last-child {
  padding-bottom: 10px;
}
.infographic__section-header .grommetux-headline:only-child {
  padding: 0;
}
.infographic__section-header .infographic__section,
.infographic__section-header.infographic__section--start {
  position: relative;
  padding-top: 100px;
}
.infographic__section-header .infographic__section-header {
  width: auto;
  padding: 30px;
  margin: 0 24px;
  border: 8px nth(brand-colors, 1) solid;
}
@media (max-width: 330px) {
  .infographic__section-header .infographic__section-header {
    padding: 15px;
  }
}
.infographic__section-header .grommetux-headline {
  padding: 0;
  margin: 0;
}
/*css tab per il report*/
.grommetux-tabs {
  border-bottom: none;
  margin-bottom: 24px;
  color: #166ca5;
}
.grommetux-tabs .grommetux-tab__label {
  color: rgba(0,0,0,0.6);
}
/*neutral-1-t*/
/*#ff8433*/
.grommetux-tab--active .grommetux-tab__label,
.grommetux-tab--active .grommetux-tab__link:hover .grommetux-tab__label {
  color: #166ca5;
  border-color: #166ca5;
  padding-bottom: 4px;
  border-bottom: 4px solid rgba(0,0,0,0.6);
}
.grommetux-tab:hover .grommetux-tab__label {
  border-color: #166ca5;
  padding-bottom: 4px;
  border-bottom: 4px solid rgba(0,0,0,0.6);
}
.grommetux-legend {
  text-align: left;
  padding-top: 10px;
  -webkit-transition: opacity 0.2s licard_filenear;
          transition: opacity 0.2s licard_filenear;
}
.grommetux-legend.grommetux-legend--hidden {
  opacity: 0;
}
.grommetux-legend__item-value {
  width: auto;
  padding-left: 10px;
  opacity: 0.7;
}
.grommetux-legend__item-label {
  color: $text-color;
}
.grommetux-legend__item-value {
  width: auto;
  opacity: 0.6;
}
.grommetux-legend__item {
  padding-left: 30px;
  display: inline-block;
}
.grommetux-legend__item .grommetux-legend__item-label {
  min-width: auto;
}
.grommetux-box--focus {
  border-color: #fff !important;
  box-shadow: 0 0 0px 0px #fff !important;
}
.header-mobile {
  position: fixed !important;
  z-index: 300 !important;
}
.grommetux-search-input__suggestion {
  z-index: 300 !important;
}
.div-img {
  background-image: url("/home/jarvis/WebstormProjects/CtrlRiskUI/public/image/logo3.png");
}
.div-img:hover {
  background-image: url("/home/jarvis/WebstormProjects/CtrlRiskUI/public/image/logo3_hover.png");
}
.sotto_titolo {
  color: #a9a9a9;
}
.grommetux-meter--bar .grommetux-meter__values .grommetux-meter__slice {
  -webkit-transition: stroke-width 0.2s !important;
          transition: stroke-width 0.2s !important;
  stroke-width: 14px !important;
}
-webkit-animation: none !important,
animation: none !important,
.grommetux-meter__slice--active {
  stroke-width: 18px !important;
}
.sfondo-riga-garanti {
  background-color: #ff7d28 !important;
}
.cella_rossa {
  background-color: #e54b4b !important;
}
.rounded-button {
  border-radius: 24px !important;
}
.testo_arancione {
  background-color: #ff8d6d !important;
}
.testo_giallo {
  background-color: #ffd144 !important;
}
.testo_rosso {
  background-color: #f04953 !important;
}
.solo_testo_rosso {
  color: #f04953 !important;
}
.testo_verde {
  color: #01a982 !important;
}
.icona_arancione {
  stroke: #ff8d6d !important;
}
.icona_rossa {
  stroke: #f04953 !important;
}
.icona_gialla {
  stroke: #ffd144 !important;
}
.grommetux-tab--active .grommetux-tab__label {
  color: #0096d6 !important;
  border-color: #0096d6 !important;
}
.grommetux-form-field--focus input {
  outline-color: #fff !important;
  width: 100% !important;
}
.seleziona-menu .grommetux-button--plain:not(.grommetux-button--focus) {
  border: 2px solid #0096d6 !important;
}
.paragrafoContratto {
  text-align: left;
  color: #222;
}
.paragrafoContratto li {
  max-width: none !important;
  padding-bottom: 10px;
  font-size: 18px !important;
  color: #222 !important;
}
.sidebartest {
  background: #fff;
}
.ferret-logo--busy {
  -webkit-animation: crawl 4s 0.1s infinite linear alternate;
          animation: crawl 4s 0.1s infinite linear alternate;
}
.ferret-logo {
  -webkit-transition: all 0.2s;
          transition: all 0.2s;
}
:hover .ferret-logo {
  -webkit-transform: translateX(2px);
      -ms-transform: translateX(2px);
          transform: translateX(2px);
}
.scrittePiccole {
  font-style: italic;
  font-size: 10px;
}
.grommetux-password-input__input {
  border: 0px solid rgba(0,0,0,0.15) !important;
}
.box-seleziona-cliente {
  border: 0px solid #aaa !important;
}
.box-seleziona-cliente:hover {
  border: 0px solid #aaa !important;
}
.box-seleziona-cliente:hover .cliente {
  color: #0096d6 !important;
  fill: #0096d6 !important;
  stroke: #0096d6 !important;
}
.box-seleziona-cliente {
  border: 0px solid #aaa !important;
}
.box-seleziona-cliente:hover {
  border: 0px solid #aaa !important;
}
.box-seleziona-cliente:hover .cliente {
  color: #0096d6 !important;
  fill: #0096d6 !important;
  stroke: #0096d6 !important;
}
.box-selezionata-cliente {
  border: 1px solid #aaa !important;
}
.box-selezionata-cliente .cliente-actived {
  color: #0096d6 !important;
  fill: #0096d6 !important;
  stroke: #0096d6 !important;
}
.box-hover {
  border: 0px solid #f5f5f5 !important;
}
.box-hover:hover {
  border: 1px solid #f5f5f5 !important;
}
.grommetux-pulse__icon svg {
  background-color: #fff !important;
}
.grommetux-pulse__icon-anim {
  border-color: #00ccf1 !important;
}
.row-add {
  background-color: #f5f5f5 !important;
}
.color-back {
  background-color: transparent !important;
}
.nascondi-barra .pagination-bottom {
  visibility: hidden !important;
}
.rt-thead -header {
  box-shadow: 0 0px 0px 0 !important;
}
.background-menu {
  background: -webkit-linear-gradient(right, rgba(10,100,160,0.8), #01a982) !important;
  background: linear-gradient(to left, rgba(10,100,160,0.8), #01a982) !important;
}
.ReactTable {
  border: 0px solid rgba(0,0,0,0.1) !important;
}
.grommetux-color-index-accent-1 {
  color: #0096d6 !important;
}
.grommetux-sun-burst__slice grommetux-color-index-neutral-1 {
  color: #006996 !important;
}
.hiddenClass {
  visibility: hidden !important;
  height: 0 !important;
}
.visualizza_modifica {
  color: #fff !important;
  border-radius: 16px !important;
}
.blu {
  color: #fff !important;
  border-radius: 16px !important;
}
.no_blu {
  color: #0096d6 !important;
  border-radius: 16px !important;
}
.button-servizi:hover {
  border-color: transparent !important;
  color: #0096d6 !important;
}
.grommetux-background-color-index--pending .grommetux-anchor {
  color: #0096d6 !important;
}
.grommetux-notification {
  border-radius: 24px !important;
}
.ferret-logo--busy {
  -webkit-animation: crawl 4s 0.1s infinite linear alternate !important;
          animation: crawl 4s 0.1s infinite linear alternate !important;
}
.list-block {
  display: block !important;
}
.grommetux-meter--arc:not(.grommetux-meter--vertical).grommetux-meter--xsmall .grommetux-meter__graphic {
  width: 76px !important;
  height: 52px !important;
}
.joXvla {
  border-color: transparent !important;
  box-shadow: 0 0 0px 0px !important;
}
.kDLCBs {
  border-color: #0096d6 !important;
  box-shadow: 0 0 0px 0px !important;
}
.bAgrYf {
  border-color: transparent !important;
  box-shadow: 0 0 0px 0px !important;
}
.cyTwKA {
  border-color: transparent !important;
  box-shadow: 0 0 0px 0px !important;
}
.jIMSyX {
  border-color: transparent !important;
  box-shadow: 0 0 0px 0px !important;
}
.cyTwKA {
  border-color: transparent !important;
  box-shadow: 0 0 0px 0px !important;
}
button.slick-arrow.slick-next {
  display: block !important;
}
button.slick-arrow.slick-prev {
  display: block !important;
}
strong {
  font-weight: bold !important;
}
@-webkit-keyframes complete {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes complete {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
  }
}
@keyframes slideOut {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
  }
}
@-webkit-keyframes slideUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
            transform: translate3d(0, 60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
            transform: translate3d(0, 60px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}