diff --git a/MP-TAB-SERV/Components/IobInfoMan.razor b/MP-TAB-SERV/Components/IobInfoMan.razor
index f5a92a64..3569926f 100644
--- a/MP-TAB-SERV/Components/IobInfoMan.razor
+++ b/MP-TAB-SERV/Components/IobInfoMan.razor
@@ -1,4 +1,4 @@
-<div class="card">
+@*<div class="card">
     <div class="card-header text-center">
         <div>
             <i class="fa-solid fa-microchip" style="font-size: 5rem;"></i>
@@ -31,4 +31,56 @@
             </li>
         </ul>
     </div>
+</div>*@
+
+<div class="d-flex justify-content-between flex-wrap mt-2">
+    <div class="col-6  flex-fill ">
+        <div class="p-2 h-100">
+            <div class="cardObj p-2 h-100">
+                <div class="fs-6 text-secondary">Iob Type</div>
+                <div class="d-flex justify-content-center flex-wrap align-items-center">
+                    @if(infosIob.iType == MP.Data.Objects.Enums.IobType.rPi)
+                    {
+                        <img src="/images/linuxLogo.png" style="height: 70px; width: 70px" />
+                    }
+                    else if (infosIob.iType == MP.Data.Objects.Enums.IobType.WIN || infosIob.iType == MP.Data.Objects.Enums.IobType.ND)
+                    {
+                        <img src="/images/winLogo.png" style="height: 70px; width: 70px" />
+                    }
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="col-6 h-100  flex-fill ">
+        <div class="p-2">
+            <div class="cardObj w-100 p-2">
+                <div class="fs-6 text-secondary">Machine Cod</div>
+                <div class="fs-4 fw-bold">@idxMacch</div>
+            </div>
+        </div>
+        <div class="p-2">
+            <div class="cardObj w-100 p-2">
+                <div class="fs-6 text-secondary">Iob Address</div>
+                <div class="fs-4 fw-bold">@infosIob.IP</div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="d-flex justify-content-between flex-wrap align-items-centermt-2">
+    <div class="col-6  flex-fill ">
+        <div class="p-2">
+            <div class="cardObj w-100 p-2">
+                <div class="fs-6 text-secondary">Iob Name</div>
+                <div class="fs-4 fw-bold">@infosIob.name</div>
+            </div>
+        </div>
+    </div>
+    <div class="col-6 h-100  flex-fill ">
+        <div class="p-2">
+            <div class="cardObj w-100 p-2">
+                <div class="fs-6 text-secondary">CNC Absolute counter</div>
+                <div class="fs-4 fw-bold">@infosIob.CNC_Counter</div>
+            </div>
+        </div>
+    </div>
 </div>
\ No newline at end of file
diff --git a/MP-TAB-SERV/Components/IobInfoMan.razor.css b/MP-TAB-SERV/Components/IobInfoMan.razor.css
new file mode 100644
index 00000000..6c8e12e9
--- /dev/null
+++ b/MP-TAB-SERV/Components/IobInfoMan.razor.css
@@ -0,0 +1,5 @@
+.cardObj {
+  border-radius: 0.375rem;
+  background: linear-gradient(121deg, rgba(255, 255, 255, 0.2) -0.71%, rgba(255, 255, 255, 0.05) 97.66%);
+  box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.25);
+}
\ No newline at end of file
diff --git a/MP-TAB-SERV/Components/IobInfoMan.razor.less b/MP-TAB-SERV/Components/IobInfoMan.razor.less
new file mode 100644
index 00000000..debe0f23
--- /dev/null
+++ b/MP-TAB-SERV/Components/IobInfoMan.razor.less
@@ -0,0 +1,5 @@
+.cardObj {
+    border-radius: 0.375rem;
+    background: linear-gradient(121deg, rgba(255, 255, 255, 0.20) -0.71%, rgba(255, 255, 255, 0.05) 97.66%);
+    box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.25);
+}
diff --git a/MP-TAB-SERV/Components/IobInfoMan.razor.min.css b/MP-TAB-SERV/Components/IobInfoMan.razor.min.css
new file mode 100644
index 00000000..a73512c0
--- /dev/null
+++ b/MP-TAB-SERV/Components/IobInfoMan.razor.min.css
@@ -0,0 +1 @@
+.cardObj{border-radius:.375rem;background:linear-gradient(121deg,rgba(255,255,255,.2) -.71%,rgba(255,255,255,.05) 97.66%);box-shadow:0 4px 24px -1px rgba(0,0,0,.25);}
\ No newline at end of file
diff --git a/MP-TAB-SERV/Components/ProdConfirm.razor b/MP-TAB-SERV/Components/ProdConfirm.razor
index 0da9cd1e..d08a10a4 100644
--- a/MP-TAB-SERV/Components/ProdConfirm.razor
+++ b/MP-TAB-SERV/Components/ProdConfirm.razor
@@ -49,7 +49,7 @@ else
         <div class="d-flex justify-content-between">
             <div class="col-3 p-1">
                 <form class="form-floating">
-                    <input type="number" class="form-control bg-danger" id="floatingInputConf" @bind="numPzProdotti2Rec" @onblur="() => setConfirmBtn(true)" @onfocus="() => setConfirmBtn(false)">
+                    <input type="number" class="form-control bg-success" id="floatingInputConf" @bind="numPzProdotti2Rec" @onblur="() => setConfirmBtn(true)" @onfocus="() => setConfirmBtn(false)">
                     <label for="floatingInputConf" class="text-dark fw-bold" style="font-size: .8rem;">Pezzi confermati</label>
                 </form>
             </div>
@@ -57,8 +57,8 @@ else
                 <form class="form-floating">
                     @if (enablePzProdLasciati)
                     {
-                        <input type="number" class="form-control bg-success" id="floatingInputScarti" @bind="numPzLasciati" @onblur="() => setConfirmBtn(true)" @onfocus="() => setConfirmBtn(false)">
-                        <label for="floatingInputScarti" class="text-dark fw-bold">Scarti</label>
+                        <input type="number" class="form-control bg-secondary" id="floatingInputScarti" @bind="numPzLasciati" @onblur="() => setConfirmBtn(true)" @onfocus="() => setConfirmBtn(false)">
+                        <label for="floatingInputScarti" class="text-dark fw-bold">Lasciati</label>
                     }
                     else
                     {
@@ -67,10 +67,12 @@ else
                 </form>
             </div>
             <div class="col-3 p-1">
-                <form class="form-floating">
-                    <input type="number" class="form-control" id="floatingInputBuoni" value="@(lblPz2RecScarto + lblPz2RecBuoni)" disabled>
+                <div><span class="text-success">Pz Buoni</span>&nbsp;<span>@lblPz2RecBuoni</span></div>
+                <div><span class="text-danger">Pz scarto</span>&nbsp;<span>@lblPz2RecScarto</span></div>
+                @*<form class="form-floating">
+                    <input type="text" class="form-control" id="floatingInputBuoni" value="@($"{lblPz2RecScarto} {lblPz2RecBuoni}")" disabled />
                     <label for="floatingInputBuoni" class="text-dark fw-bold">Totale</label>
-                </form>
+                </form>*@
             </div>
             <div class="col-3 p-1">
                 @if (showConfirm)
diff --git a/MP-TAB-SERV/Pages/WorkShift.razor b/MP-TAB-SERV/Pages/WorkShift.razor
index 218c51da..2f3ace78 100644
--- a/MP-TAB-SERV/Pages/WorkShift.razor
+++ b/MP-TAB-SERV/Pages/WorkShift.razor
@@ -7,25 +7,30 @@
 else
 {
     <MachineBlock RecMSE="CurrMSE" FullMode="false"></MachineBlock>
-    <div class="card">
-        <div class="card-header bg-dark text-light">
-            <h2>Gestione Turni</h2>
-        </div>
-        <div class="card-body bg-dark text-light p-1">
-            <div class="row my-2">
-                <div class="col-12 col-md-6 my-2">
+    <h2>Gestione Turni</h2>
+    <div class="my-2 d-flex justify-content-cente">
+        <div class="col-12 col-md-6 my-2 text-center cardShift">
+            <div class="d-flex justify-content-center flex-wrap align-items-center">
+                <div class="col-8">
+                    <h2><b>Stato Turni Attivi</b></h2>
+                </div>
+                <div class="col-8 fs-5 @cssByState(T1) p-2 mb-2" style="border-radius: 0.375rem">
                     <div class="d-flex justify-content-around">
                         <div class="form-check form-switch fs-2">
                             <input class="form-check-input" type="checkbox" @bind="@T1">
                             <label class="form-check-label">Turno 1</label>
                         </div>
                     </div>
+                </div>
+                <div class="col-8 fs-5 @cssByState(T2) p-2 mb-2" style="border-radius: 0.375rem">
                     <div class="d-flex justify-content-around">
                         <div class="form-check form-switch fs-2">
                             <input class="form-check-input" type="checkbox" @bind="@T2">
                             <label class="form-check-label">Turno 2</label>
                         </div>
                     </div>
+                </div>
+                <div class="col-8 fs-5 @cssByState(T3) p-2 mb-2" style="border-radius: 0.375rem">
                     <div class="d-flex justify-content-around">
                         <div class="form-check form-switch fs-2">
                             <input class="form-check-input" type="checkbox" @bind="@T3">
@@ -33,38 +38,14 @@ else
                         </div>
                     </div>
                 </div>
-                <div class="col-12 col-md-6 my-2 text-center">
-                    <div class="row">
-                        <div class="col-2"></div>
-                        <div class="col-8">
-                            <h2><b>Stato Turni Attivi</b></h2>
-                        </div>
-                        <div class="col-2"></div>
-                        <div class="col-2"></div>
-                        <div class="col-8 fs-5 @cssByState(T1)">
-                            Turno 1
-                        </div>
-                        <div class="col-2"></div>
-                        <div class="col-2"></div>
-                        <div class="col-8 fs-5 @cssByState(T2)">
-                            Turno 2
-                        </div>
-                        <div class="col-2"></div>
-                        <div class="col-2"></div>
-                        <div class="col-8 fs-5 @cssByState(T3)">
-                            Turno 3
-                        </div>
-                        <div class="col-2"></div>
+            </div>
+            <div class="d-flex justify-content-center my-2 w-100 px-2">
+                <div class="row w-100" >
+                    <div class="col-6 bg-success text-warning" style="border-radius: 0.375rem 0 0 0.375rem; ">
+                        Turno Aperto
                     </div>
-                    <div class="row my-2">
-                        <div class="col-2"></div>
-                        <div class="col-4 bg-success text-warning px-2">
-                            Turno Aperto
-                        </div>
-                        <div class="col-4 bg-secondary px-2">
-                            Turno Chiuso
-                        </div>
-                        <div class="col-2"></div>
+                    <div class="col-6 bg-secondary" style="border-radius: 0 0.375rem 0.375rem 0; ">
+                        Turno Chiuso
                     </div>
                 </div>
             </div>
diff --git a/MP-TAB-SERV/Pages/WorkShift.razor.css b/MP-TAB-SERV/Pages/WorkShift.razor.css
new file mode 100644
index 00000000..ed8d08f3
--- /dev/null
+++ b/MP-TAB-SERV/Pages/WorkShift.razor.css
@@ -0,0 +1,5 @@
+.cardShift {
+  border-radius: 0.375rem;
+  background: linear-gradient(121deg, rgba(255, 255, 255, 0.2) -0.71%, rgba(255, 255, 255, 0.05) 97.66%);
+  box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.25);
+}
\ No newline at end of file
diff --git a/MP-TAB-SERV/Pages/WorkShift.razor.less b/MP-TAB-SERV/Pages/WorkShift.razor.less
new file mode 100644
index 00000000..0f29e9a7
--- /dev/null
+++ b/MP-TAB-SERV/Pages/WorkShift.razor.less
@@ -0,0 +1,5 @@
+.cardShift {
+    border-radius: 0.375rem;
+    background: linear-gradient(121deg, rgba(255, 255, 255, 0.20) -0.71%, rgba(255, 255, 255, 0.05) 97.66%);
+    box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.25);
+}
diff --git a/MP-TAB-SERV/Pages/WorkShift.razor.min.css b/MP-TAB-SERV/Pages/WorkShift.razor.min.css
new file mode 100644
index 00000000..ac6b40dc
--- /dev/null
+++ b/MP-TAB-SERV/Pages/WorkShift.razor.min.css
@@ -0,0 +1 @@
+.cardShift{border-radius:.375rem;background:linear-gradient(121deg,rgba(255,255,255,.2) -.71%,rgba(255,255,255,.05) 97.66%);box-shadow:0 4px 24px -1px rgba(0,0,0,.25);}
\ No newline at end of file
diff --git a/MP-TAB-SERV/compilerconfig.json b/MP-TAB-SERV/compilerconfig.json
index d2f89971..8be7ecdd 100644
--- a/MP-TAB-SERV/compilerconfig.json
+++ b/MP-TAB-SERV/compilerconfig.json
@@ -18,5 +18,17 @@
   {
     "outputFile": "Components/ProdStat.razor.css",
     "inputFile": "Components/ProdStat.razor.less"
+  },
+  {
+    "outputFile": "Pages/IobInfo.razor.css",
+    "inputFile": "Pages/IobInfo.razor.less"
+  },
+  {
+    "outputFile": "Components/IobInfoMan.razor.css",
+    "inputFile": "Components/IobInfoMan.razor.less"
+  },
+  {
+    "outputFile": "Pages/WorkShift.razor.css",
+    "inputFile": "Pages/WorkShift.razor.less"
   }
 ]
\ No newline at end of file
diff --git a/MP-TAB-SERV/wwwroot/images/linuxLogo.png b/MP-TAB-SERV/wwwroot/images/linuxLogo.png
new file mode 100644
index 00000000..2afbacf6
Binary files /dev/null and b/MP-TAB-SERV/wwwroot/images/linuxLogo.png differ
diff --git a/MP-TAB-SERV/wwwroot/images/winLogo.png b/MP-TAB-SERV/wwwroot/images/winLogo.png
new file mode 100644
index 00000000..92cab382
Binary files /dev/null and b/MP-TAB-SERV/wwwroot/images/winLogo.png differ