diff --git a/SHERPA.BBM.UI/Pages/Negotiations.razor b/SHERPA.BBM.UI/Pages/Negotiations.razor
index 3c22db7..22dc5ac 100644
--- a/SHERPA.BBM.UI/Pages/Negotiations.razor
+++ b/SHERPA.BBM.UI/Pages/Negotiations.razor
@@ -3,58 +3,68 @@
 @using SHERPA.BBM.UI.Components;
 @inject BBM_EFService BBMService
 
-<h3>Gestione Negoziazioni</h3>
-Ultime negoziazioni
+<div class="card">
+    <div class="card-header">
+        <h3>Gestione Negoziazioni</h3>
+    </div>
+    <div class="card-body">
+        @if (currNegotiation != null)
+        {
+            <NegotiationEditor Negotiation="@currNegotiation" DataReset="@ResetData"></NegotiationEditor>
+        }
+        @if (negotiations == null)
+        {
+            <p><em>Loading...</em></p>
+        }
+        else
+        {
+            <table class="table table-sm table-striped">
+                <thead>
+                    <tr>
+                        <th></th>
+                        <th>Descript</th>
+                        <th>Data ins</th>
+                        <th>Cod</th>
+                        <th>Path</th>
+                        <th>Cli</th>
+                        <th>Refer</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    @foreach (var record in negotiations)
+                    {
+                        <tr>
+                            <td><button class="btn btn-sm btn-info" @onclick="() => Edit(record)"><span class="oi oi-pencil"></span></button></td>
+                            <td>@record.Descript</td>
+                            <td>@record.DataIns</td>
+                            <td>@record.CodNegotiation</td>
+                            <td>@record.BasePath</td>
+                            <td>@record.CodClient </td>
+                            <td>@record.Refer</td>
+                        </tr>
+                    }
+                </tbody>
+            </table>
+        }
+    </div>
+    <div class="card-footer text-right">
+        Ultime  negoziazioni
 
-@if (currNegotiation != null)
-{
-    <NegotiationEditor Negotiation="@currNegotiation" DataReset="@ResetData"></NegotiationEditor>
-}
-
-@if (negotiations == null)
-{
-    <p><em>Loading...</em></p>
-}
-else
-{
-    <table class="table table-sm table-striped">
-        <thead>
-            <tr>
-                <th></th>
-                <th>Descript</th>
-                <th>Data ins</th>
-                <th>Cod</th>
-                <th>Path</th>
-                <th>Cli</th>
-                <th>Refer</th>
-            </tr>
-        </thead>
-        <tbody>
-            @foreach (var record in negotiations)
-            {
-                <tr>
-                    <td><button class="btn btn-sm btn-info" @onclick="() => Edit(record)"><span class="oi oi-pencil"></span></button></td>
-                    <td>@record.Descript</td>
-                    <td>@record.DataIns</td>
-                    <td>@record.CodNegotiation</td>
-                    <td>@record.BasePath</td>
-                    <td>@record.CodClient </td>
-                    <td>@record.Refer</td>
-                </tr>
-            }
-        </tbody>
-    </table>
-}
+        @*<InputNumber @bind-Value="@numRecord"></InputNumber>*@
+    </div>
+</div>
 
 @code {
 
+    private int numRecord { get; set; } = 10;
+
     private DatabaseModels.NegotiationsModel currNegotiation = null;
 
     private DatabaseModels.NegotiationsModel[] negotiations;
 
     protected override async Task OnInitializedAsync()
     {
-        negotiations = await BBMService.NegotiationsGetAsync(10);
+        negotiations = await BBMService.NegotiationsGetAsync(numRecord);
     }
 
     protected async Task ResetData()