diff --git a/Step/wwwroot/assets/styles/base/tooltip.less b/Step/wwwroot/assets/styles/base/tooltip.less
index e060883b..1c3f65f2 100644
--- a/Step/wwwroot/assets/styles/base/tooltip.less
+++ b/Step/wwwroot/assets/styles/base/tooltip.less
@@ -110,29 +110,6 @@
 }
 
 /**START - TOOLTIP COLUMN CHART PRODUZIONE**/
-  .card-report-tooltip-top{
-    opacity: 1;
-    position: absolute;
-    width: 288px;
-    height: 219px;
-    border: solid 2px @color-clear-blue;
-    border-radius: 2px;
-    background-color: @color-white;
-    z-index: 100;
-  }
-
-  .card-report-tooltip-top:before {
-    content: '';
-    display: block;
-    position: absolute;
-    left: 138px;
-    bottom: 100%;
-    width: 4px;
-    height: 0px;
-    border: 14px solid transparent;
-    border-bottom-color: @color-clear-blue;
-  }
-
 .card-report-tooltip-top{
   opacity: 1;
   position: absolute;
@@ -152,26 +129,28 @@
   width: 4px;
   height: 0px;
   border: 14px solid transparent;
-  border-bottom-color: @color-clear-blue;
+  border-bottom-color: #1791ff;
+}
+
+.card-report-tooltip-top:after{
+  content: '';
+  display: block;
+  position: absolute;
+  left: 141px;
+  bottom: 100%;
+  width: 0;
+  height: 0;
+  border: 13px solid transparent;
+  border-bottom-color: white;
 }
 
-  .card-report-tooltip-bottom{
-    opacity: 1;
-    position: absolute;
-    width: 288px;
-    height: 185px;
-    border: solid 2px @color-clear-blue;
-    border-radius: 2px;
-    background-color: @color-background-white;
-    z-index: 100;
-  }
 
 .card-report-tooltip-bottom{
   opacity: 1;
   position: absolute;
   width: 288px;
   height: 185px;
-  border: solid 2px @color-clear-blue;
+  border: solid 2px #1791ff;
   border-radius: 2px;
   background-color: @color-background-white;
   z-index: 100;
@@ -186,7 +165,7 @@
   width: 4px;
   height: 0px;
   border: 14px solid transparent;
-  border-top-color: @color-clear-blue;
+  border-top-color: #1791ff;
 }
 
 .card-report-tooltip-bottom:after{
@@ -212,16 +191,14 @@
   label{
     width: 234px;
   }
-
-  .card-report-tooltip-body-left,
-  .card-report-tooltip-body-right{
+  button.close {
     display: flex;
     width: 28px;
     height: 28px;
     border-radius: 50%;
     border: none;
     background-color: #002680;
-    color: @color-background-white;
+    color: #fff;
     font-size: 16px;
     float: right;
     cursor: pointer;
@@ -230,11 +207,11 @@
         margin-left: auto;
         margin-right: auto;
     }
-}
-button.close:active {
-    background-color: @color-clear-blue ;
-    color: @color-background-white;
-}
+  }
+  button.close:active {
+      background-color: @color-clear-blue ;
+      color: #fff;
+  }
 }
 
 .card-report-tooltip-body{
@@ -254,5 +231,10 @@ button.close:active {
     font-weight: normal;
     color: @color-warm-grey;
   }
+  label{
+    font-size: 18px;
+    font-weight: 800;
+    color: @color-greyish-brown;
+  }
 }
 /**END - TOOLTIP COLUMN CHART PRODUZIONE**/
diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css
index 69ad8b83..3e43946b 100644
--- a/Step/wwwroot/assets/styles/style.css
+++ b/Step/wwwroot/assets/styles/style.css
@@ -19135,36 +19135,16 @@ footer .container button.big:before {
   border: 14px solid transparent;
   border-bottom-color: #1791ff;
 }
-.card-report-tooltip-top {
-  opacity: 1;
-  position: absolute;
-  width: 288px;
-  height: 219px;
-  border: solid 2px #1791ff;
-  border-radius: 2px;
-  background-color: #fff;
-  z-index: 100;
-}
-.card-report-tooltip-top:before {
+.card-report-tooltip-top:after {
   content: '';
   display: block;
   position: absolute;
-  left: 138px;
+  left: 141px;
   bottom: 100%;
-  width: 4px;
-  height: 0px;
-  border: 14px solid transparent;
-  border-bottom-color: #1791ff;
-}
-.card-report-tooltip-bottom {
-  opacity: 1;
-  position: absolute;
-  width: 288px;
-  height: 185px;
-  border: solid 2px #1791ff;
-  border-radius: 2px;
-  background-color: #fff;
-  z-index: 100;
+  width: 0;
+  height: 0;
+  border: 13px solid transparent;
+  border-bottom-color: white;
 }
 .card-report-tooltip-bottom {
   opacity: 1;
@@ -19210,8 +19190,7 @@ footer .container button.big:before {
 .card-report-tooltip-header label {
   width: 234px;
 }
-.card-report-tooltip-header .card-report-tooltip-body-left,
-.card-report-tooltip-header .card-report-tooltip-body-right {
+.card-report-tooltip-header button.close {
   display: flex;
   width: 28px;
   height: 28px;
@@ -19223,8 +19202,7 @@ footer .container button.big:before {
   float: right;
   cursor: pointer;
 }
-.card-report-tooltip-header .card-report-tooltip-body-left .fa,
-.card-report-tooltip-header .card-report-tooltip-body-right .fa {
+.card-report-tooltip-header button.close .fa {
   display: flex;
   margin-left: auto;
   margin-right: auto;
@@ -19253,6 +19231,12 @@ footer .container button.big:before {
   font-weight: normal;
   color: #878787;
 }
+.card-report-tooltip-body-left label,
+.card-report-tooltip-body-right label {
+  font-size: 18px;
+  font-weight: 800;
+  color: #4b4b4b;
+}
 /**END - TOOLTIP COLUMN CHART PRODUZIONE**/
 a,
 a:visited,