diff --git a/MP-Tablet/Content/dichMan.css b/MP-Tablet/Content/dichMan.css
index 30f0ef48..c446f2f7 100644
--- a/MP-Tablet/Content/dichMan.css
+++ b/MP-Tablet/Content/dichMan.css
@@ -1,197 +1,59 @@
-/* First breakpoint is 460px. 3 column layout. Tiles 150x150 pixels at the breakpoint. */
-@media all and (min-width: 460px) {
-  .elDich .ui-content {
-    padding: 9px;
-  }
-  .elDich .ui-listview .ui-li.ui-btn {
-    float: left;
-    width: 30.9333%;
-    /* 33.3333% incl. 2 x 1.2% margin */
-    height: 132px;
-    margin: 9px 1.2%;
-    border-width: 0;
-    /* The 1px border would break the layout so we set it on .ui-btn-inner instead. */
-  }
-  /* If you don't want a border at all, just set "border: none;" here to negate the semi white top border */
-  .elDich .ui-listview .ui-li.ui-btn-inner {
-    border: inherit;
-    border-width: 1px;
-    margin: -1px;
-  }
-  .elDich .ui-listview .ui-btn-inner,
-  .elDich .ui-listview .ui-btn-text,
-  .elDich .ui-listview .ui-link-inherit,
-  .elDich .ui-listview .ui-li-thumb {
-    width: 100%;
-    height: 100%;
-    display: block;
-    overflow: hidden;
-  }
-  .elDich .ui-listview .ui-link-inherit {
-    padding: 0 !important;
-    position: relative;
-  }
-  /* Inherit the border-radius from the UL that has class .ui-corner-all in case of an inset listview. */
-  .elDich .ui-listview .ui-li,
-  .elDich .ui-listview .ui-btn-text,
-  .elDich .ui-listview .ui-link-inherit,
-  .elDich .ui-listview .ui-li-thumb {
-    -webkit-border-radius: inherit;
-    border-radius: inherit;
-  }
-  .elDich .ui-listview .ui-li-thumb {
-    height: auto;
-    /* To keep aspect ratio. */
-    max-width: 100%;
-    max-height: none;
-    margin: 0;
-    left: 0;
-    z-index: -1;
-  }
-  /* Hide the icon */
-  .elDich .ui-listview .ui-icon {
-    display: none;
-  }
-  /* Make text wrap. */
-  .elDich .ui-listview .ui-li-heading,
-  .elDich .ui-listview .ui-li-desc {
+/* Gestione blocchi dichiarazione fermate */
+.labelBottom {
+  background: #111;
+  background: rgba(0, 0, 0, 0.8);
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  padding: 0 0.4em;
+  min-height: 30%;
+  width: 100%;
+  -webkit-border-bottom-left-radius: inherit;
+  border-bottom-left-radius: inherit;
+  -webkit-border-bottom-right-radius: inherit;
+  border-bottom-right-radius: inherit;
+  line-height: 1em;
+}
+/* First breakpoint is 460px. 3 column layout. Tiles 150x150 pixels at the breakpoint. */
+@media all and (max-width: 600px) {
+  .dichBlock {
     font-family: 'Open Sans Condensed', sans-serif;
-    white-space: normal;
-    overflow: visible;
-    position: absolute;
-    left: 0;
-    right: 0;
-  }
-  /* Text position */
-  .elDich .ui-listview .ui-li-heading {
-    margin: 0;
-    padding: 20px;
-    bottom: 40%;
-  }
-  .elDich .ui-listview .ui-li-desc {
-    font-family: 'Open Sans', sans-serif;
-    margin: 0;
-    padding: 0 20px;
-    min-height: 40%;
-    bottom: 0;
-    line-height: 1.5;
-  }
-  /* Semi transparent background and different position if there is a thumb */
-  .ui-li-dich {
-    background: #111;
-    background: rgba(0, 0, 0, 0.8);
-    -webkit-background-clip: padding;
-    background-clip: padding-box;
-  }
-  /*
-        .ui-listview .ui-li-has-thumb .ui-li-heading
-        {
-            padding: 10px;
-            bottom: 20%;
-        }
-    */
-  .ui-li-dich {
-    padding: 0 10px;
-    min-height: 20%;
-    -webkit-border-bottom-left-radius: inherit;
-    border-bottom-left-radius: inherit;
-    -webkit-border-bottom-right-radius: inherit;
-    border-bottom-right-radius: inherit;
-  }
-  /* ui-li-aside has class .ui-li-desc as well so we have to override some things. */
-  .elDich .ui-listview .ui-li-desc.ui-li-aside {
-    padding: 2px 10px;
-    width: auto;
-    min-height: 0;
-    top: 0;
-    left: auto;
-    bottom: auto;
-    /* Custom styling. */
-    color: #c0c0c0;
-    background: #990099;
-    background: rgba(153, 0, 153, 0.85);
-    -webkit-border-top-right-radius: inherit;
-    border-top-right-radius: inherit;
-    -webkit-border-bottom-left-radius: inherit;
-    border-bottom-left-radius: inherit;
-    -webkit-border-bottom-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  /* If you want to add shadow, don't kill the focus style. */
-  .elDich .ui-listview .ui-btn:not(.ui-focus) {
-    -moz-box-shadow: 0px 0px 9px #111;
-    -webkit-box-shadow: 0px 0px 9px #111;
-    box-shadow: 0px 0px 9px #111;
-  }
-  /* Images mask the hover bg color so we give desktop users feedback by applying the focus style on hover as well. */
-  .elDich .ui-listview .ui-btn:hover {
-    -moz-box-shadow: 0px 0px 12px #387bbe;
-    -webkit-box-shadow: 0px 0px 12px #387bbe;
-    box-shadow: 0px 0px 12px #387bbe;
-  }
-  /* Animate focus and hover style, and resizing. */
-  .elDich .ui-listview .ui-btn {
-    -webkit-transition: all 500ms ease;
-    -moz-transition: all 500ms ease;
-    -o-transition: all 500ms ease;
-    -ms-transition: all 500ms ease;
-    transition: all 500ms ease;
+    color: #FFF;
+    background-image: linear-gradient(#111, #000);
+    box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
+    width: 7em;
+    font-size: 1em;
   }
 }
 /* Second breakpoint. 4 column layout. Tiles will be 150x150 pixels again at the breakpoint. */
 @media all and (min-width: 600px) {
-  .elDich .ui-content {
-    padding: 10px;
-  }
-  /* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
-            By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
-  .elDich .ui-listview {
-    max-width: 800px;
-    margin: 0 auto;
-  }
-  /* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
-            but we stick to percentage values for demo purposes. */
-  .elDich .ui-listview .ui-li.ui-btn {
-    width: 23%;
-    height: 148px;
-    margin: 10px 1%;
+  .dichBlock {
+    font-family: 'Open Sans Condensed', sans-serif;
+    color: #FFF;
+    background-image: linear-gradient(#111, #000);
+    box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
+    width: 8em;
+    font-size: 1.25em;
   }
 }
 /* Second breakpoint. 5 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
 @media all and (min-width: 800px) {
-  .elDich .ui-content {
-    padding: 10px;
-  }
-  /* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
-            By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
-  .elDich .ui-listview {
-    max-width: 1000px;
-    margin: 0 auto;
-  }
-  /* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
-            but we stick to percentage values for demo purposes. */
-  .elDich .ui-listview .ui-li.ui-btn {
-    width: 18%;
-    height: 156px;
-    margin: 10px 1%;
+  .dichBlock {
+    font-family: 'Open Sans Condensed', sans-serif;
+    color: #FFF;
+    background-image: linear-gradient(#111, #000);
+    box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
+    width: 8em;
+    font-size: 1.5em;
   }
 }
 /* Second breakpoint. 6 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
 @media all and (min-width: 1100px) {
-  .elDich .ui-content {
-    padding: 10px;
-  }
-  /* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
-            By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
-  .elDich .ui-listview {
-    max-width: 1200px;
-    margin: 0 auto;
-  }
-  /* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
-            but we stick to percentage values for demo purposes. */
-  .elDich .ui-listview .ui-li.ui-btn {
-    width: 14.5%;
-    height: 160px;
-    margin: 10px 1%;
+  .dichBlock {
+    font-family: 'Open Sans Condensed', sans-serif;
+    color: #FFF;
+    background-image: linear-gradient(#111, #000);
+    box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
+    width: 9em;
+    font-size: 1.6em;
   }
 }
\ No newline at end of file
diff --git a/MP-Tablet/Content/dichMan.less b/MP-Tablet/Content/dichMan.less
index 304d4c95..2b0f18c2 100644
--- a/MP-Tablet/Content/dichMan.less
+++ b/MP-Tablet/Content/dichMan.less
@@ -1,217 +1,61 @@
-/* First breakpoint is 460px. 3 column layout. Tiles 150x150 pixels at the breakpoint. */
-@media all and (min-width: 460px)
-{
-    .elDich .ui-content
-    {
-        padding: 9px;
-    }
-    .elDich .ui-listview .ui-li.ui-btn
-    {
-        float: left;
-        width: 30.9333%; /* 33.3333% incl. 2 x 1.2% margin */
-        height: 132px;
-        margin: 9px 1.2%;
-        border-width: 0; /* The 1px border would break the layout so we set it on .ui-btn-inner instead. */
-    }
-    /* If you don't want a border at all, just set "border: none;" here to negate the semi white top border */
-    .elDich .ui-listview .ui-li.ui-btn-inner
-    {
-        border: inherit;
-        border-width: 1px;
-        margin: -1px;
-    }
-    .elDich .ui-listview .ui-btn-inner, .elDich .ui-listview .ui-btn-text, .elDich .ui-listview .ui-link-inherit, .elDich .ui-listview .ui-li-thumb
-    {
-        width: 100%;
-        height: 100%;
-        display: block;
-        overflow: hidden;
-    }
-    .elDich .ui-listview .ui-link-inherit
-    {
-        padding: 0 !important;
-        position: relative;
-    }
-    /* Inherit the border-radius from the UL that has class .ui-corner-all in case of an inset listview. */
-    .elDich .ui-listview .ui-li, .elDich .ui-listview .ui-btn-text, .elDich .ui-listview .ui-link-inherit, .elDich .ui-listview .ui-li-thumb
-    {
-        -webkit-border-radius: inherit;
-        border-radius: inherit;
-    }
-    .elDich .ui-listview .ui-li-thumb
-    {
-        height: auto; /* To keep aspect ratio. */
-        max-width: 100%;
-        max-height: none;
-        margin: 0;
-        left: 0;
-        z-index: -1;
-    }
-    /* Hide the icon */
-    .elDich .ui-listview .ui-icon
-    {
-        display: none;
-    }
-    /* Make text wrap. */
-    .elDich .ui-listview .ui-li-heading, .elDich .ui-listview .ui-li-desc
-    {
-        font-family: 'Open Sans Condensed' , sans-serif;
-        white-space: normal;
-        overflow: visible;
-        position: absolute;
-        left: 0;
-        right: 0;
-    }
-    /* Text position */
-    .elDich .ui-listview .ui-li-heading
-    {
-        margin: 0;
-        padding: 20px;
-        bottom: 40%;
-    }
-    .elDich .ui-listview .ui-li-desc
-    {
-        font-family: 'Open Sans' , sans-serif;
-        margin: 0;
-        padding: 0 20px;
-        min-height: 40%;
-        bottom: 0;
-        line-height: 1.5;
-    }
-    /* Semi transparent background and different position if there is a thumb */
-    .ui-li-dich
-    {
-        background: #111;
-        background: rgba(0,0,0,.8);
-        -webkit-background-clip: padding;
-        background-clip: padding-box;
-    }
-    /*
-        .ui-listview .ui-li-has-thumb .ui-li-heading
-        {
-            padding: 10px;
-            bottom: 20%;
-        }
-    */
-    .ui-li-dich
-    {
-        padding: 0 10px;
-        min-height: 20%;
-        -webkit-border-bottom-left-radius: inherit;
-        border-bottom-left-radius: inherit;
-        -webkit-border-bottom-right-radius: inherit;
-        border-bottom-right-radius: inherit;
-    }
-    /* ui-li-aside has class .ui-li-desc as well so we have to override some things. */
-    .elDich .ui-listview .ui-li-desc.ui-li-aside
-    {
-        padding: 2px 10px;
-        width: auto;
-        min-height: 0;
-        top: 0;
-        left: auto;
-        bottom: auto; /* Custom styling. */
-        color: #c0c0c0;
-        background: #990099;
-        background: rgba(153,0,153,.85);
-        -webkit-border-top-right-radius: inherit;
-        border-top-right-radius: inherit;
-        -webkit-border-bottom-left-radius: inherit;
-        border-bottom-left-radius: inherit;
-        -webkit-border-bottom-right-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-    /* If you want to add shadow, don't kill the focus style. */
-    .elDich .ui-listview .ui-btn:not(.ui-focus)
-    {
-        -moz-box-shadow: 0px 0px 9px #111;
-        -webkit-box-shadow: 0px 0px 9px #111;
-        box-shadow: 0px 0px 9px #111;
-    }
-    /* Images mask the hover bg color so we give desktop users feedback by applying the focus style on hover as well. */
-    .elDich .ui-listview .ui-btn:hover
-    {
-        -moz-box-shadow: 0px 0px 12px #387bbe;
-        -webkit-box-shadow: 0px 0px 12px #387bbe;
-        box-shadow: 0px 0px 12px #387bbe;
-    }
-    /* Animate focus and hover style, and resizing. */
-    .elDich .ui-listview .ui-btn
-    {
-        -webkit-transition: all 500ms ease;
-        -moz-transition: all 500ms ease;
-        -o-transition: all 500ms ease;
-        -ms-transition: all 500ms ease;
-        transition: all 500ms ease;
-    }
-}
-/* Second breakpoint. 4 column layout. Tiles will be 150x150 pixels again at the breakpoint. */
-@media all and (min-width: 600px)
-{
-    .elDich .ui-content
-    {
-        padding: 10px;
-    }
-    /* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
-            By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
-    .elDich .ui-listview
-    {
-        max-width: 800px;
-        margin: 0 auto;
-    }
-    /* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
-            but we stick to percentage values for demo purposes. */
-    .elDich .ui-listview .ui-li.ui-btn
-    {
-        width: 23%;
-        height: 148px;
-        margin: 10px 1%;
-    }
-}
-/* Second breakpoint. 5 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
-@media all and (min-width: 800px)
-{
-    .elDich .ui-content
-    {
-        padding: 10px;
-    }
-    /* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
-            By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
-    .elDich .ui-listview
-    {
-        max-width: 1000px;
-        margin: 0 auto;
-    }
-    /* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
-            but we stick to percentage values for demo purposes. */
-    .elDich .ui-listview .ui-li.ui-btn
-    {
-        width: 18%;
-        height: 156px;
-        margin: 10px 1%;
-    }
-}
-/* Second breakpoint. 6 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
-@media all and (min-width: 1100px)
-{
-    .elDich .ui-content
-    {
-        padding: 10px;
-    }
-    /* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
-            By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
-    .elDich .ui-listview
-    {
-        max-width: 1200px;
-        margin: 0 auto;
-    }
-    /* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
-            but we stick to percentage values for demo purposes. */
-    .elDich .ui-listview .ui-li.ui-btn
-    {
-        width: 14.5%;
-        height: 160px;
-        margin: 10px 1%;
-    }
+/* Gestione blocchi dichiarazione fermate */
+
+.labelBottom {
+  background: #111;
+  background: rgba(0,0,0,.8);
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  padding: 0 0.4em;
+  min-height: 30%;
+  width: 100%;
+  -webkit-border-bottom-left-radius: inherit;
+  border-bottom-left-radius: inherit;
+  -webkit-border-bottom-right-radius: inherit;
+  border-bottom-right-radius: inherit;
+  line-height: 1em;
 }
 
+/* First breakpoint is 460px. 3 column layout. Tiles 150x150 pixels at the breakpoint. */
+@media all and (max-width: 600px) {
+  .dichBlock {
+    font-family: 'Open Sans Condensed', sans-serif;
+    color: #FFF;
+    background-image: linear-gradient(#111, #000);
+    box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
+    width: 7em;
+    font-size: 1em;
+  }
+}
+/* Second breakpoint. 4 column layout. Tiles will be 150x150 pixels again at the breakpoint. */
+@media all and (min-width: 600px) {
+  .dichBlock {
+    font-family: 'Open Sans Condensed', sans-serif;
+    color: #FFF;
+    background-image: linear-gradient(#111, #000);
+    box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
+    width: 8em;
+    font-size: 1.25em;
+  }
+}
+/* Second breakpoint. 5 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
+@media all and (min-width: 800px) {
+  .dichBlock {
+    font-family: 'Open Sans Condensed', sans-serif;
+    color: #FFF;
+    background-image: linear-gradient(#111, #000);
+    box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
+    width: 8em;
+    font-size: 1.5em;
+  }
+}
+/* Second breakpoint. 6 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
+@media all and (min-width: 1100px) {
+  .dichBlock {
+    font-family: 'Open Sans Condensed', sans-serif;
+    color: #FFF;
+    background-image: linear-gradient(#111, #000);
+    box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
+    width: 9em;
+    font-size: 1.6em;
+  }
+}
diff --git a/MP-Tablet/Content/dichMan.min.css b/MP-Tablet/Content/dichMan.min.css
index b083a8cd..407794e0 100644
--- a/MP-Tablet/Content/dichMan.min.css
+++ b/MP-Tablet/Content/dichMan.min.css
@@ -1 +1 @@
-@media all and (min-width:460px){.elDich .ui-content{padding:9px;}.elDich .ui-listview .ui-li.ui-btn{float:left;width:30.9333%;height:132px;margin:9px 1.2%;border-width:0;}.elDich .ui-listview .ui-li.ui-btn-inner{border:inherit;border-width:1px;margin:-1px;}.elDich .ui-listview .ui-btn-inner,.elDich .ui-listview .ui-btn-text,.elDich .ui-listview .ui-link-inherit,.elDich .ui-listview .ui-li-thumb{width:100%;height:100%;display:block;overflow:hidden;}.elDich .ui-listview .ui-link-inherit{padding:0 !important;position:relative;}.elDich .ui-listview .ui-li,.elDich .ui-listview .ui-btn-text,.elDich .ui-listview .ui-link-inherit,.elDich .ui-listview .ui-li-thumb{-webkit-border-radius:inherit;border-radius:inherit;}.elDich .ui-listview .ui-li-thumb{height:auto;max-width:100%;max-height:none;margin:0;left:0;z-index:-1;}.elDich .ui-listview .ui-icon{display:none;}.elDich .ui-listview .ui-li-heading,.elDich .ui-listview .ui-li-desc{font-family:'Open Sans Condensed',sans-serif;white-space:normal;overflow:visible;position:absolute;left:0;right:0;}.elDich .ui-listview .ui-li-heading{margin:0;padding:20px;bottom:40%;}.elDich .ui-listview .ui-li-desc{font-family:'Open Sans',sans-serif;margin:0;padding:0 20px;min-height:40%;bottom:0;line-height:1.5;}.ui-li-dich{background:#111;background:rgba(0,0,0,.8);-webkit-background-clip:padding;background-clip:padding-box;}.ui-li-dich{padding:0 10px;min-height:20%;-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit;-webkit-border-bottom-right-radius:inherit;border-bottom-right-radius:inherit;}.elDich .ui-listview .ui-li-desc.ui-li-aside{padding:2px 10px;width:auto;min-height:0;top:0;left:auto;bottom:auto;color:#c0c0c0;background:#909;background:rgba(153,0,153,.85);-webkit-border-top-right-radius:inherit;border-top-right-radius:inherit;-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;}.elDich .ui-listview .ui-btn:not(.ui-focus){-moz-box-shadow:0 0 9px #111;-webkit-box-shadow:0 0 9px #111;box-shadow:0 0 9px #111;}.elDich .ui-listview .ui-btn:hover{-moz-box-shadow:0 0 12px #387bbe;-webkit-box-shadow:0 0 12px #387bbe;box-shadow:0 0 12px #387bbe;}.elDich .ui-listview .ui-btn{-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease;}}@media all and (min-width:600px){.elDich .ui-content{padding:10px;}.elDich .ui-listview{max-width:800px;margin:0 auto;}.elDich .ui-listview .ui-li.ui-btn{width:23%;height:148px;margin:10px 1%;}}@media all and (min-width:800px){.elDich .ui-content{padding:10px;}.elDich .ui-listview{max-width:1000px;margin:0 auto;}.elDich .ui-listview .ui-li.ui-btn{width:18%;height:156px;margin:10px 1%;}}@media all and (min-width:1100px){.elDich .ui-content{padding:10px;}.elDich .ui-listview{max-width:1200px;margin:0 auto;}.elDich .ui-listview .ui-li.ui-btn{width:14.5%;height:160px;margin:10px 1%;}}
\ No newline at end of file
+.labelBottom{background:#111;background:rgba(0,0,0,.8);-webkit-background-clip:padding-box;background-clip:padding-box;padding:0 .4em;min-height:30%;width:100%;-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit;-webkit-border-bottom-right-radius:inherit;border-bottom-right-radius:inherit;line-height:1em;}@media all and (max-width:600px){.dichBlock{font-family:'Open Sans Condensed',sans-serif;color:#fff;background-image:linear-gradient(#111,#000);box-shadow:5px 5px 10px 0 rgba(150,150,150,.2),10px 10px 10px 0 rgba(200,200,200,.39);width:7em;font-size:1em;}}@media all and (min-width:600px){.dichBlock{font-family:'Open Sans Condensed',sans-serif;color:#fff;background-image:linear-gradient(#111,#000);box-shadow:5px 5px 10px 0 rgba(150,150,150,.2),10px 10px 10px 0 rgba(200,200,200,.39);width:8em;font-size:1.25em;}}@media all and (min-width:800px){.dichBlock{font-family:'Open Sans Condensed',sans-serif;color:#fff;background-image:linear-gradient(#111,#000);box-shadow:5px 5px 10px 0 rgba(150,150,150,.2),10px 10px 10px 0 rgba(200,200,200,.39);width:8em;font-size:1.5em;}}@media all and (min-width:1100px){.dichBlock{font-family:'Open Sans Condensed',sans-serif;color:#fff;background-image:linear-gradient(#111,#000);box-shadow:5px 5px 10px 0 rgba(150,150,150,.2),10px 10px 10px 0 rgba(200,200,200,.39);width:9em;font-size:1.6em;}}
\ No newline at end of file
diff --git a/MP-Tablet/Dichiarazione.aspx b/MP-Tablet/Dichiarazione.aspx
index 4608dab6..e2439b8f 100644
--- a/MP-Tablet/Dichiarazione.aspx
+++ b/MP-Tablet/Dichiarazione.aspx
@@ -1,17 +1,24 @@
-<%@ Page Title="" Language="C#" MasterPageFile="~/WebMasterPages/jQueryMobile.Master" AutoEventWireup="true" CodeBehind="Dichiarazione.aspx.cs"
-    Inherits="MoonProTablet.Dichiarazione" %>
+<%@ Page Title="" Language="C#" MasterPageFile="~/WebMasterPages/Bootstrap.Master" AutoEventWireup="true" CodeBehind="Dichiarazione.aspx.cs"
+  Inherits="MoonProTablet.Dichiarazione" %>
 
 <%@ Register Src="WebUserControls/mod_dettMacchina.ascx" TagName="mod_dettMacchina" TagPrefix="uc1" %>
 <%@ Register Src="WebUserControls/mod_dichiarazione.ascx" TagName="mod_dichiarazione" TagPrefix="uc2" %>
-<%@ Register src="WebUserControls/mod_insComm.ascx" tagname="mod_insComm" tagprefix="uc3" %>
-<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
-</asp:Content>
+<%@ Register Src="WebUserControls/mod_insComm.ascx" TagName="mod_insComm" TagPrefix="uc3" %>
+
 <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
-    <div class="clearDiv" data-role="content">
+  <div class="container-fluid my-3 mx-4" role="main">
+    <div class="row">
+      <div class="col-12 col-sm-6 col-md-4 col-lg-3">
         <uc1:mod_dettMacchina ID="mod_dettMacchina1" runat="server" />
+      </div>
+      <div class="col-12 col-sm-6 col-md-8 col-lg-9">
         <uc3:mod_insComm ID="mod_insComm1" runat="server" showSalva="false" labelAddCommento="Dich Retroattiva" />
+      </div>
     </div>
-    <div class="clearDiv" data-role="content" data-theme="a">
+    <div class="row">
+      <div class="col-12">
         <uc2:mod_dichiarazione ID="mod_dichiarazione1" runat="server" />
+      </div>
     </div>
+  </div>
 </asp:Content>
diff --git a/MP-Tablet/WebUserControls/mod_dichiarazione.ascx b/MP-Tablet/WebUserControls/mod_dichiarazione.ascx
index 71dd23cb..cbcb65fa 100644
--- a/MP-Tablet/WebUserControls/mod_dichiarazione.ascx
+++ b/MP-Tablet/WebUserControls/mod_dichiarazione.ascx
@@ -1,22 +1,32 @@
 <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="mod_dichiarazione.ascx.cs" Inherits="MoonProTablet.WebUserControls.mod_dichiarazione" %>
-<div class="ui-grid-solo">
-    <asp:Label runat="server" ID="lblOut" ForeColor="Red" />
+
+<div class="d-flex p-2 bg-dark">
+  <asp:Label runat="server" ID="lblOut" ForeColor="Red" />
 </div>
-<div class="elDich">
-    <ul data-role="listview" data-inset="true">
-        <asp:Repeater ID="repLI" runat="server" DataSourceID="ods">
-            <ItemTemplate>
-                <li>
-                    <asp:LinkButton ID="hlEvento" runat="server" OnClick="hlEvento_Click" CommandArgument='<%# Eval("value") %>'>
-                        <img src='<%# ImgUrl(Eval("value")) %>' alt='<%# Eval("label") %>'>
-                        <p class="ui-li-dich" style="font-size: 12pt;">
-                            <asp:Label runat="server" ID="lblTitle" Text='<%# Eval("label") %>' />
-                        </p>
-                    </asp:LinkButton>
-                </li>
-            </ItemTemplate>
-        </asp:Repeater>
-        <asp:ObjectDataSource ID="ods" runat="server" OldValuesParameterFormatString="original_{0}" SelectMethod="GetData" TypeName="MapoDb.DS_UtilityTableAdapters.v_selEventiBCodeTableAdapter">
-        </asp:ObjectDataSource>
-    </ul>
+<div class="d-flex flex-wrap">
+  <asp:Repeater ID="repLI" runat="server" DataSourceID="ods">
+    <ItemTemplate>
+      <div class="m-1 p-0">
+        <asp:LinkButton ID="hlEvento" runat="server" OnClick="hlEvento_Click" CommandArgument='<%# Eval("value") %>'>
+          <div class="card text-white dichBlock rCAll">
+            <img class="card-img bg-dark rCAll" src='<%# ImgUrl(Eval("value")) %>' alt='<%# Eval("label") %>'>
+            <div class="card-img-overlay p-0 d-flex flex-row-reverse align-items-end rCBot">
+              <div class="labelBottom text-center px-2 text-uppercase">
+                <asp:Label runat="server" ID="lblBadge" Text='<%# Eval("label") %>' />
+              </div>
+            </div>
+          </div>
+        </asp:LinkButton>
+      </div>
+      <%--<div class="m-1 p-1 bg-black mapBlock rCAll">
+        <asp:LinkButton ID="hlEvento" runat="server" OnClick="hlEvento_Click" CommandArgument='<%# Eval("value") %>'>
+          <img src='<%# ImgUrl(Eval("value")) %>' alt='<%# Eval("label") %>'>
+          <p class="ui-li-dich" style="font-size: 12pt;">
+            <asp:Label runat="server" ID="lblTitle" Text='<%# Eval("label") %>' />
+          </p>
+        </asp:LinkButton>
+      </div>--%>
+    </ItemTemplate>
+  </asp:Repeater>
+  <asp:ObjectDataSource ID="ods" runat="server" OldValuesParameterFormatString="original_{0}" SelectMethod="GetData" TypeName="MapoDb.DS_UtilityTableAdapters.v_selEventiBCodeTableAdapter"></asp:ObjectDataSource>
 </div>
diff --git a/MP-Tablet/WebUserControls/mod_dichiarazione.ascx.designer.cs b/MP-Tablet/WebUserControls/mod_dichiarazione.ascx.designer.cs
index 5dea993b..a7fc468d 100644
--- a/MP-Tablet/WebUserControls/mod_dichiarazione.ascx.designer.cs
+++ b/MP-Tablet/WebUserControls/mod_dichiarazione.ascx.designer.cs
@@ -1,42 +1,41 @@
 //------------------------------------------------------------------------------
-// <auto-generated>
-//     This code was generated by a tool.
+// <generato automaticamente>
+//     Codice generato da uno strumento.
 //
-//     Changes to this file may cause incorrect behavior and will be lost if
-//     the code is regenerated. 
-// </auto-generated>
+//     Le modifiche a questo file possono causare un comportamento non corretto e verranno perse se
+//     il codice viene rigenerato. 
+// </generato automaticamente>
 //------------------------------------------------------------------------------
 
-namespace MoonProTablet.WebUserControls
-{
-
-
+namespace MoonProTablet.WebUserControls {
+    
+    
     public partial class mod_dichiarazione {
         
         /// <summary>
-        /// lblOut control.
+        /// Controllo lblOut.
         /// </summary>
         /// <remarks>
-        /// Auto-generated field.
-        /// To modify move field declaration from designer file to code-behind file.
+        /// Campo generato automaticamente.
+        /// Per la modifica, spostare la dichiarazione di campo dal file di progettazione al file code-behind.
         /// </remarks>
         protected global::System.Web.UI.WebControls.Label lblOut;
         
         /// <summary>
-        /// repLI control.
+        /// Controllo repLI.
         /// </summary>
         /// <remarks>
-        /// Auto-generated field.
-        /// To modify move field declaration from designer file to code-behind file.
+        /// Campo generato automaticamente.
+        /// Per la modifica, spostare la dichiarazione di campo dal file di progettazione al file code-behind.
         /// </remarks>
         protected global::System.Web.UI.WebControls.Repeater repLI;
         
         /// <summary>
-        /// ods control.
+        /// Controllo ods.
         /// </summary>
         /// <remarks>
-        /// Auto-generated field.
-        /// To modify move field declaration from designer file to code-behind file.
+        /// Campo generato automaticamente.
+        /// Per la modifica, spostare la dichiarazione di campo dal file di progettazione al file code-behind.
         /// </remarks>
         protected global::System.Web.UI.WebControls.ObjectDataSource ods;
     }