Merge branch 'develop' of https://gitlab.steamware.net/steamware/mapo-core into develop

MP-TAB-SERV/Components/IobInfoMan.razor.css

@@ -1,5 +0,0 @@
-.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);
-}

MP-TAB-SERV/Components/IobInfoMan.razor.less

@@ -1,5 +0,0 @@
-.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);
-}

MP-TAB-SERV/Components/IobInfoMan.razor.min.css

@@ -1 +0,0 @@
-.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);}

MP-TAB-SERV/Components/LongStopList.razor

@@ -1,64 +1,107 @@
 @if (currFnq != null)
 {
-    <div class="col-6 col-sm-6 col-lg-2 my-1 p-2">
-        <div class="cardObj">
-            <div class="@setSemaforo(currFnq.Semaforo)" style="border-radius: 0.375rem 0.375rem 0 0;">
+    <div class="@divCss my-1 p-2 d-flex justify-content-between">
+        <div class="@cardBorder @cardCss">
+            <div class="@setSemaforo(currFnq.Semaforo)" style="border-radius: 0.375rem 0 0 0;">
                 <div @onclick="SelectFermo">
                     <div class="text-start fw-bold  text-center" style="font-size: 1.3rem;">
                         @currFnq.Stato
                     </div>
                 </div>
             </div>
-            <div class="text-light p-2" @onclick="SelectFermo">
-                <div>
-                    @($"{currFnq.InizioStato:yyyy/MM/dd HH:mm:ss}")
-                </div>
-                <div>
-                    @(MP.Data.Utils.FormDurata(currFnq.DurataMinuti))
-                </div>
-                <div class="text-end" style="font-size: 1.5rem;">
-                    @currFnq.CodArticolo
+            <div class="d-flex justify-content-between">
+                <div class="d-flex justify-content-between text-light p-2 col-10" @onclick="SelectFermo">
+                    <div class="col-6">
+                        <div class="d-flex justify-content-between">
+                            <div class="col-3">
+                                <i class="fa-solid fa-calendar-days"></i>
+                            </div>
+                            <div class="col-9">
+                                @($"{currFnq.InizioStato:yyyy/MM/dd}")
+                            </div>
+                        </div>
+                        <div class="d-flex justify-content-between">
+                            <div class="col-3">
+                                <i class="fa-regular fa-clock"></i>
+                            </div>
+                            <div class="col-9">
+                                @($"{currFnq.InizioStato:HH:mm:ss}")
+                            </div>
+                        </div>
+                        <div class="d-flex justify-content-between">
+                            <div class="col-3">
+                                <i class="fa-solid fa-stopwatch"></i>
+                            </div>
+                            <div class="col-9">
+                                @(MP.Data.Utils.FormDurata(currFnq.DurataMinuti))
+                            </div>
+                        </div>
+                    </div>
+                    <div class="text-end col-6 d-flex align-items-center justify-content-end fw-bold" style="font-size: 1.1rem;">
+                        <span>
+                            @currFnq.CodArticolo
+                        </span>
+                    </div>
                 </div>
+                @if (currNotes.Count > 0)
+                {
+                    <div class="col-2 d-flex align-items-center" @onclick="()=>setComments()">
+                        <button class="btn btn-sm btn-light text-dark">
+                            <i class="fa-solid @chevronDir"></i>
+                        </button>
+                    </div>
+                }                
             </div>
             <div>
                 @if (currNotes.Count > 0)
                 {
-                    <div class="accordion" id="@($"{currFnq.IdxMacchina}_{currFnq.InizioStato.ToString("dd_mm_yy")}")">
-                        <div class="accordion-item">
-                            <h2 class="accordion-header" id="@($"{currFnq.IdxMacchina}_{currFnq.InizioStato.ToString("dd_mm_yy")}One")">
-                                <button class="accordion-button  collapsed p-1" type="button" data-bs-toggle="collapse" data-bs-target="#@($"collapse_{currFnq.IdxMacchina}_{currFnq.InizioStato.ToString("dd_mm_yy")}")" aria-expanded="false" aria-controls="@($"collapse_{currFnq.IdxMacchina}_{currFnq.InizioStato.ToString("dd_mm_yy")}")" style="border-radius: 0.375rem;">
-                                    @($"{currNotes.Count} commenti")
-                                </button>
-                            </h2>
-                            <div id="@($"collapse_{currFnq.IdxMacchina}_{currFnq.InizioStato.ToString("dd_mm_yy")}")" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="@($"#{currFnq.IdxMacchina}_{currFnq.InizioStato.ToString("dd_mm_yy")}")">
-                                <div class="accordion-body p-1">
-                                    @foreach (var note in currNotes)
-                                    {
-                                        <div class="d-flex justify-content-between mb-1">
-                                            <button class="btn btn-sm btn-info">C</button>
-                                            <span class="p-1" style="max-width: 120px;">@note.Value</span>
-                                            <button class="btn btn-sm btn-danger">D</button>
-                                        </div>
-                                    }
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+                    @*<div class="accordion" id="@($"{currFnq.IdxMacchina}_{currFnq.InizioStato.ToString("dd_mm_yy")}")">
+            <div class="accordion-item">
+            <h2 class="accordion-header" id="@($"{currFnq.IdxMacchina}_{currFnq.InizioStato.ToString("dd_mm_yy")}One")">
+            <button class="accordion-button  collapsed borderStd p-1 " type="button" data-bs-toggle="collapse" data-bs-target="#@($"collapse_{currFnq.IdxMacchina}_{currFnq.InizioStato.ToString("dd_mm_yy")}")" aria-expanded="false" aria-controls="@($"collapse_{currFnq.IdxMacchina}_{currFnq.InizioStato.ToString("dd_mm_yy")}")">
+            @($"{currNotes.Count} commenti")
+            </button>
+            </h2>
+            <div id="@($"collapse_{currFnq.IdxMacchina}_{currFnq.InizioStato.ToString("dd_mm_yy")}")" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="@($"#{currFnq.IdxMacchina}_{currFnq.InizioStato.ToString("dd_mm_yy")}")">
+            <div class="accordion-body p-1">
+            @foreach (var note in currNotes)
+            {
+            <div class="d-flex justify-content-between mb-1">
+            <button class="btn btn-sm btn-info">C</button>
+            <span class="p-1">@note.Value</span>
+            <button class="btn btn-sm btn-danger">D</button>
+            </div>
+            }
+            </div>
+            </div>
+            </div>
+            </div>*@
                 }
                 else
                 {
-                    <div class="">
-                        <div class="">
-                            <div class="" id="headingTwo">
-                                <div class="p-1" style="background-color: #6C757D; border-radius: 0.375rem;">
-                                    @($"{currNotes.Count} commenti")
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+                    @*<div>
+            <div class="borderStd p-1" style="background-color: #6C757D;">
+            @($"{currNotes.Count} commenti")
+            </div>
+            </div>*@
                 }
             </div>
         </div>
+        <div>
+            @if (showComments)
+            {
+                <div class="col-12 overflow-auto p-1 longStopListNotes border-end border-top border-bottom border-2 @borderColor p-2 rounded-end">
+                    @foreach (var note in currNotes)
+                    {
+                        <div class="d-flex justify-content-between align-items-center mb-1 col-12">
+                            <button class="btn btn-sm btn-info h-50"><i class="fa-solid fa-pen-to-square"></i></button>
+                            <span class="p-1">@note.Value</span>
+                            <button class="btn btn-sm btn-danger h-50" @onclick="()=>doDelete(note)"><i class="fa-solid fa-trash-can"></i></button>
+                        </div>
+                    }
+                </div>
+            }
+        </div>
     </div>
 }
 

MP-TAB-SERV/Components/LongStopList.razor.cs

@@ -1,6 +1,8 @@
 using global::Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
 using MP.Data.DatabaseModels;
 using MP.Data.Services;
+using System.Data;
 using System.Reflection.Metadata;
 
 namespace MP_TAB_SERV.Components
@@ -13,6 +15,8 @@ namespace MP_TAB_SERV.Components
         public FermiNonQualModel currFnq { get; set; } = new FermiNonQualModel();
         [Parameter]
         public List<CommentiModel> currNotes { get; set; } = new List<CommentiModel>();
+        [Parameter]
+        public EventCallback<bool> E_relData { get; set; }
 
         #endregion Public Properties
 
@@ -24,6 +28,9 @@ namespace MP_TAB_SERV.Components
         [Inject]
         protected NavigationManager NavMan { get; set; } = null!;
 
+        [Inject]
+        protected IJSRuntime JSRuntime { get; set; } = null!;
+
         #endregion Protected Properties
 
         #region Protected Methods
@@ -44,23 +51,75 @@ namespace MP_TAB_SERV.Components
 
         #region Private Methods
 
+        protected bool showComments { get; set; } = false;
+
+        protected string divCss
+        {
+            get => showComments ? "col-12" : "col-6 col-sm-6 col-lg-2";
+        }
+
+        protected string cardCss
+        {
+            get => showComments ? "col-6 col-sm-6 col-lg-2" : "col-12";
+        }
+
+        protected string cardContentCss
+        {
+            get => showComments ? "col-6" : "col-12";
+        }
+        protected string chevronDir
+        {
+            get => showComments ? "fa-chevron-left" : "fa-chevron-right";
+        }
+
+        protected async Task setComments()
+        {
+            await Task.Delay(1);
+            showComments = !showComments;
+        }
+
+        protected string cardBorder
+        {
+            get => showComments ? "cardObjNoBL" : "cardObj";
+        }
+
+
+        protected string borderColor { get; set; } = "";
+
         private string setSemaforo(string sem)
         {
             string answ = "";
             if (sem == "sBl")
             {
                 answ = "bg-primary text-warning";
+                borderColor = "border-primary";
             }
             else if (sem == "sGr")
             {
                 answ = "bg-secondary text-dark";
+                borderColor = "border-secondary";
             }
             else if (sem == "sGi")
             {
                 answ = "bg-warning text-dark";
+                borderColor = "border-warning";
             }
             return answ;
         }
+        [Inject]
+        protected TabDataService TabServ { get; set; } = null!;
+        protected async Task doDelete(CommentiModel currNote)
+        {
+            if (!await JSRuntime.InvokeAsync<bool>("confirm", $"Sicuro di voler eliminare il seguente commento?{Environment.NewLine}[{currNote.Value}]"))
+                return;
+
+            var done = await TabServ.EvListDelete(currNote.IdxMacchina, currNote.InizioStato, currNote.IdxTipo);
+            if (done)
+            {
+                await E_relData.InvokeAsync(true);
+            }
+
+        }
 
         #endregion Private Methods
     }

MP-TAB-SERV/Components/MachineBlock.razor

@@ -44,8 +44,8 @@ else
                             </div>
                         </div>
                     </div>
-                    <div class="card-body p-1" style="background-color: currentColor; background-image: linear-gradient(121deg, rgba(255, 255, 255, 0.20) -0.71%, rgba(255, 255, 255, 0.05) 97.66%); border-radius: 0 0 15px 15px">
-                        <div class="@RecMSE.Semaforo p-1" style="border-radius: .375rem">
+                    <div class="card-body p-1">
+                        <div class="@RecMSE.Semaforo borderStd p-1">
                             <div class="d-flex justify-content-center fs-5">
                                 <span><b>@RecMSE.DescrizioneStato</b>: &nbsp; @(FormatDurata(RecMSE.Durata))</span>
                             </div>
@@ -88,10 +88,10 @@ else
             else
             {
 
-                <div class="card shadow" @onclick="ShowDetail" style="border-radius: 11px; 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);">
+                <div class="cardObj shadow" @onclick="ShowDetail">
                     <div class="card-body p-0">
-                        <div style="border-radius: 11px;" class="@RecMSE.Semaforo p-1 text-center">
-                            <div class="fs-2" style="line-height: 1.8rem;">
+                        <div class="@RecMSE.Semaforo borderStd p-1 text-center">
+                            <div class="fs-5" style="line-height: 1.8rem;">
                                 <b>@RecMSE.Nome</b>
                                 <br />
                                 <b>@RecMSE.DescrizioneStato</b>: &nbsp; @(FormatDurata(RecMSE.Durata))
@@ -129,8 +129,8 @@ else
         }
         else
         {
-            
-            <div class="cardBlock px-3 py-1">
+
+            <div class="cardObj px-3 py-1">
                 <div class="text-center d-flex justify-content-between ">
                     <div class="col-4">
                         <div class="py-2">

MP-TAB-SERV/Components/MachineBlock.razor.css

@@ -75,6 +75,11 @@
   /*padding: 0px 4px 0px 4px;*/
 }
 /*end semafori */
+.card-body {
+  background-color: currentColor;
+  background-image: linear-gradient(121deg, rgba(255, 255, 255, 0.2) -0.71%, rgba(255, 255, 255, 0.05) 97.66%);
+  border-radius: 0 0 15px 15px;
+}
 .imgFitToSize {
   height: 7.5rem;
   object-fit: cover;
@@ -84,12 +89,9 @@
   .imgFitToSize {
     height: 5rem;
   }
-}
-.cardBlock {
-  border-radius: 0.5rem;
-  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);
-  flex-shrink: 0;
+  .card-body {
+    background-color: transparent;
+  }
 }
 .statusCard {
   border-radius: 0.5rem;

MP-TAB-SERV/Components/MachineBlock.razor.less

@@ -82,6 +82,11 @@
     /*padding: 0px 4px 0px 4px;*/
 }
 /*end semafori */
+.card-body {
+    background-color: currentColor;
+    background-image: linear-gradient(121deg, rgba(255, 255, 255, 0.20) -0.71%, rgba(255, 255, 255, 0.05) 97.66%);
+    border-radius: 0 0 15px 15px
+}
 
 .imgFitToSize {
     height: 7.5rem;
@@ -93,16 +98,13 @@
     .imgFitToSize{
         height: 5rem;
     }
+    .card-body{
+        background-color: transparent;
+    }
 }
 
-.cardBlock {
-    border-radius: 0.5rem;
-    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);
-    //backdrop-filter: blur(20px);
-    //max-height: 7rem;
-    flex-shrink: 0;
-}
+
+
 
 .statusCard {
     border-radius: 0.5rem;

MP-TAB-SERV/Components/MachineBlock.razor.min.css

@@ -1 +1 @@
-.mapBlock{font-family:'Open Sans Condensed',sans-serif;color:#fff;background-image:linear-gradient(#111,#000);min-width:8em;}.labelTopDx{padding:.1em .4em;width:auto;min-height:0;top:0;left:auto;bottom:auto;color:#fff;background:#2200de;background:rgba(33,36,39,.7);border-radius:15px 15px 0 0;}.sVe{text-align:left;background:#198754;color:#fff;}.sGi{text-align:left;background:#ffc107;background:rgba(255,220,0,.6);color:#fff;}.sRo{text-align:left;background-color:#e2001a;background:rgba(240,0,10,.6);color:#fff;}.sBl{text-align:left;background:#3690ff;background:rgba(0,80,255,.6);color:#fff;}.sGr{text-align:left;background-color:#bcbcbc;background:rgba(180,180,180,.6);color:#fff;}.imgFitToSize{height:7.5rem;object-fit:cover;border-radius:15px 15px 0 0;}@media(max-width:640.98px){.imgFitToSize{height:5rem;}}.cardBlock{border-radius:.5rem;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);flex-shrink:0;}.statusCard{border-radius:.5rem;}
+.mapBlock{font-family:'Open Sans Condensed',sans-serif;color:#fff;background-image:linear-gradient(#111,#000);min-width:8em;}.labelTopDx{padding:.1em .4em;width:auto;min-height:0;top:0;left:auto;bottom:auto;color:#fff;background:#2200de;background:rgba(33,36,39,.7);border-radius:15px 15px 0 0;}.sVe{text-align:left;background:#198754;color:#fff;}.sGi{text-align:left;background:#ffc107;background:rgba(255,220,0,.6);color:#fff;}.sRo{text-align:left;background-color:#e2001a;background:rgba(240,0,10,.6);color:#fff;}.sBl{text-align:left;background:#3690ff;background:rgba(0,80,255,.6);color:#fff;}.sGr{text-align:left;background-color:#bcbcbc;background:rgba(180,180,180,.6);color:#fff;}.card-body{background-color:currentColor;background-image:linear-gradient(121deg,rgba(255,255,255,.2) -.71%,rgba(255,255,255,.05) 97.66%);border-radius:0 0 15px 15px;}.imgFitToSize{height:7.5rem;object-fit:cover;border-radius:15px 15px 0 0;}@media(max-width:640.98px){.imgFitToSize{height:5rem;}.card-body{background-color:transparent;}}.statusCard{border-radius:.5rem;}

MP-TAB-SERV/Components/NotesEditor.razor

@@ -5,7 +5,7 @@
             <button class="btn btn-lg bg-info w-100" @onclick="ToggleCtrl">
                 <i class="fa-solid fa-star"></i>
                 &nbsp;
-                <span class="fs-4 fw-bold">@Title</span>
+                <span class="fs-5 fw-bold">@Title</span>
             </button>
         </div>
     }

MP-TAB-SERV/Components/NotesMan.razor

@@ -42,10 +42,10 @@
             </div>
         </div>
 
-        <div class="d-flex justify-content-between flex-wrap">
+        <div class="row flex-wrap">
             @foreach (var item in RecordListFull)
             {
-                <LongStopList currFnq="@item.Fermata" currNotes="@item.CommentiFermata"></LongStopList>
+                <LongStopList currFnq="@item.Fermata" currNotes="@item.CommentiFermata" E_relData="reloadAfterDelOrUpd"></LongStopList>
             }
         </div>
 

MP-TAB-SERV/Components/NotesMan.razor.cs

@@ -85,6 +85,15 @@ namespace MP_TAB_SERV.Components
             await ReloadData();
         }
 
+        protected async Task reloadAfterDelOrUpd(bool rel)
+        {
+            if (rel)
+            {
+                await ReloadComments();
+                await InvokeAsync(StateHasChanged);
+            }
+        }
+
         protected async Task EditRec(CommentiModel currRec)
         {
             await Task.Delay(1);

MP-TAB-SERV/Components/ProdConfirm.razor

@@ -4,7 +4,7 @@
     <div class="col-4">
         <MachSel RecMSE="RecMSE" E_MachSel="SetMacc"></MachSel>
     </div>
-    
+
     <div class="col-8 d-flex justify-content-end">
         <div class="px-1 col-4">
             <PrintMag RecMSE="RecMSE"></PrintMag>
@@ -13,7 +13,7 @@
         {
             <div class="px-1 col-8">
                 <button class="btn btn-sm @ConfBg py-2 px-4" style="width: 100%" @onclick="ToggleConfProd">
-                    <span>@ConfTitle</span>
+                    <i class="fa-solid fa-check pe-1"></i><span>@ConfTitle</span>
                 </button>
             </div>
         }
@@ -30,23 +30,36 @@
     <div class="cardBg p-2 mt-2">
         <div class="d-flex justify-content-between">
             <div class="col-3 p-1">
-                <form class="form-floating">
-                    <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 class="bg-success rounded">
+                    <div class="ps-1 fw-bold" style="font-size: .9rem;">Pezzi confermati</div>
+
+                    <input class="form-control text-light bg-success border-0" aria-label="Floating label select example" @bind="numPzProdotti2Rec" @onblur="() => setConfirmBtn(true)" @onfocus="() => setConfirmBtn(false)" />
+                </div>
+                @*<div class="form-floating">
+            <input class="form-select" id="floatingSelect" aria-label="Floating label select example" />
+            <label for="floatingSelect">Works with selects</label>
+            </div>*@
+                @*<div class="form-floating">
+            <input type="number" class="form-control bg-success" id="floatingInputConf" @bind="numPzProdotti2Rec" @onblur="() => setConfirmBtn(true)" @onfocus="() => setConfirmBtn(false)">
+            <label for="floatingInputConf" class="text-light bg-success fw-bold" style="font-size: .8rem;">
+            Pezzi confermati
+            </label>
+            </div>*@
             </div>
             <div class="col-3 p-1">
-                <form class="form-floating">
+                <div class="bg-secondary rounded">
                     @if (enablePzProdLasciati)
                     {
-                        <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>
+                        <div class="ps-1 fw-bold" style="font-size: .9rem;">Lasciati</div>
+
+                        <input class="form-control text-light bg-secondary border-0" aria-label="Floating label select example" @bind="numPzLasciati" @onblur="() => setConfirmBtn(true)" @onfocus="() => setConfirmBtn(false)" />
                     }
                     else
                     {
                         <label class="btn btn-dark text-light btn-lg w-100" Visible="false">&nbsp;</label>
                     }
-                </form>
+                </div>
             </div>
             <div class="col-3 p-1">
                 <div><span class="text-success">Pz Buoni</span>&nbsp;<span>@lblPz2RecBuoni</span></div>
@@ -75,7 +88,7 @@
             <a class="btn btn-primary btn-sm w-100 py-2 px-4" style="min-width: 72px; min-height: 39px" href="controls"><i class="fa fa-wrench"></i></a>
         </div>
     </div>
-    <div class="d-flex justify-content-between flex-wrap">
+    <div class="d-flex justify-content-between flex-wrap mt-2">
 
         <div class="col-6 col-sm-3 p-1">
             <div class="text-center h-100 w-100 p-2" style=" background-color: #fff3cd; border-radius: .5rem;">
@@ -145,7 +158,7 @@
                 </div>
             </div>
         </div>
-        
+
 
     </div>
 </div>

MP-TAB-SERV/Components/ProdPlanMan.razor.css

@@ -1,18 +0,0 @@
-.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);
-}
-.table-dark {
-  --bs-table-color: #fff;
-  --bs-table-bg: transparent;
-  --bs-table-border-color: #4d5154;
-  --bs-table-striped-bg: #2c3034;
-  --bs-table-striped-color: #fff;
-  --bs-table-active-bg: #373b3e;
-  --bs-table-active-color: #fff;
-  --bs-table-hover-bg: #323539;
-  --bs-table-hover-color: #fff;
-  color: var(--bs-table-color);
-  border-color: var(--bs-table-border-color);
-}

MP-TAB-SERV/Components/ProdPlanMan.razor.less

@@ -1,20 +0,0 @@
-.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);
-}
-
-
-.table-dark {
-    --bs-table-color: #fff;
-    --bs-table-bg: transparent;
-    --bs-table-border-color: #4d5154;
-    --bs-table-striped-bg: #2c3034;
-    --bs-table-striped-color: #fff;
-    --bs-table-active-bg: #373b3e;
-    --bs-table-active-color: #fff;
-    --bs-table-hover-bg: #323539;
-    --bs-table-hover-color: #fff;
-    color: var(--bs-table-color);
-    border-color: var(--bs-table-border-color);
-}

MP-TAB-SERV/Components/ProdPlanMan.razor.min.css

@@ -1 +0,0 @@
-.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);}.table-dark{--bs-table-color:#fff;--bs-table-bg:transparent;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color);}

MP-TAB-SERV/Components/ProdStat.razor

@@ -1,9 +1,9 @@
 
 <div class="d-flex justify-content-between">
     <div class="col-6 py-1 text-start text-uppercase">
-        <b>Statistiche di prodizione</b>
+        <b>Statistiche di produzione</b>
     </div>
-    <div class="col-6 text-end">
+    <div class="col-6 text-end pe-2">
         @if (RecMSE != null)
         {
             <span>@($"ODL: {RecMSE.IdxOdl}")</span>
@@ -13,7 +13,7 @@
 
 <div class="d-flex justify-content-between">
     <div class="col-3 p-1 flex-fill">
-        <div class="cardStatBg p-1">
+        <div class="cardFullHeight p-1">
             <div class="small">
                 <span>Data di inizio</span>
             </div>
@@ -32,7 +32,7 @@
         </div>
     </div>
     <div class="col-3 p-1 flex-fill">
-        <div class="cardStatBg p-1">
+        <div class="cardFullHeight p-1">
             <div class="small">
                 <span>Cod Articolo</span>
             </div>
@@ -44,7 +44,7 @@
         </div>
     </div>
     <div class="col-3 p-1 flex-fill">
-        <div class="cardStatBg p-1">
+        <div class="cardFullHeight p-1">
             <div class="small">
                 <span>Nr Pezzi lanciati</span>
             </div>
@@ -56,7 +56,7 @@
         </div>
     </div>
     <div class="col-3 p-1 flex-fill">
-        <div class="cardStatBg p-1">
+        <div class="cardFullHeight p-1">
             <div class="small text-nowrap" style="font-size: .8rem">
                 <span>Nr Pezzi confermati</span>
             </div>
@@ -86,7 +86,7 @@
 
 <div class="d-flex justify-content-between ">
     <div class="col-3 p-1 flex-fill">
-        <div class="cardStatBg p-1">
+        <div class="cardFullHeight p-1">
             <div class="small">
                 <span>Nr pezzi fatti</span>
             </div>
@@ -98,7 +98,7 @@
         </div>
     </div>
     <div class="col-3 p-1 flex-fill">
-        <div class="cardStatBg p-1">
+        <div class="cardFullHeight p-1">
             <div class="small">
                 <span>Efficienza globale</span>
             </div>
@@ -113,7 +113,7 @@
         </div>
     </div>
     <div class="col-3 p-1 flex-fill">
-        <div class="cardStatBg p-1">
+        <div class="cardFullHeight p-1">
             <div class="small">
                 <span>Efficienza lavoro</span>
             </div>
@@ -128,7 +128,7 @@
         </div>
     </div>
     <div class="col-3 p-1 flex-fill">
-        <div class="cardStatBg p-1">
+        <div class="cardFullHeight p-1">
             <div class="small text-nowrap" style="font-size: .8rem">
                 <span>Efficienza teorica</span>
             </div>
@@ -154,7 +154,7 @@
 
 <div class="d-flex justify-content-between ">
     <div class="col-3 p-1 flex-fill">
-        <div class="cardStatBg p-1">
+        <div class="cardFullHeight p-1">
             <div class="small">
                 <span>Tc medio</span>
             </div>
@@ -171,7 +171,7 @@
         </div>
     </div>
     <div class="col-3 p-1 flex-fill">
-        <div class="cardStatBg p-1">
+        <div class="cardFullHeight p-1">
             <div class="small">
                 <span>Tc lavoro</span>
             </div>
@@ -186,7 +186,7 @@
         </div>
     </div>
     <div class="col-3 p-1 flex-fill">
-        <div class="cardStatBg p-1">
+        <div class="cardFullHeight p-1">
             <div class="small">
                 <span>Tc tecnico</span>
             </div>
@@ -201,7 +201,7 @@
         </div>
     </div>
     <div class="col-3 p-1 flex-fill">
-        <div class="cardStatBg p-1">
+        <div class="cardFullHeight p-1">
             <div class="small text-nowrap" style="font-size: .8rem">
                 <span>Tc impostato</span>
             </div>

MP-TAB-SERV/Components/ProdStat.razor.css

@@ -1,6 +0,0 @@
-.cardStatBg {
-  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);
-  height: 100%;
-}

MP-TAB-SERV/Components/ProdStat.razor.less

@@ -1,6 +0,0 @@
-.cardStatBg {
-    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);
-    height: 100%;
-}

MP-TAB-SERV/Components/ProdStat.razor.min.css

@@ -1 +0,0 @@
-.cardStatBg{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);height:100%;}

MP-TAB-SERV/Components/ProdStopMan.razor

@@ -1,4 +1,4 @@
-<div class=" col-3 col-sm-3 col-md-3 col-lg-2 flex-fill ">
+<div class=" col-4 col-sm-4 col-md-4 col-lg-2 flex-fill ">
     <div class="p-2 h-100 w-100">
         <div class="@objCss text-center card w-100 h-100" @onclick="() => ReportSelected()">
             <div class="card-body text-light">

MP-TAB-SERV/Pages/WorkShift.razor

@@ -10,7 +10,7 @@ else
     <MachineBlock RecMSE="CurrMSE" FullMode="false"></MachineBlock>
     <h2>Gestione Turni</h2>
     <div class="my-2 d-flex justify-content-center">
-        <div class="col-12 col-md-6 my-2 text-center cardShift">
+        <div class="col-12 col-md-6 my-2 text-center cardObj">
             <div class="d-flex justify-content-center flex-wrap align-items-center">
                 <div class="col-8">
                     <h2><b>Stato Turni Attivi</b></h2>

MP-TAB-SERV/Pages/WorkShift.razor.css

@@ -1,5 +0,0 @@
-.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);
-}

MP-TAB-SERV/Pages/WorkShift.razor.less

@@ -1,5 +0,0 @@
-.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);
-}

MP-TAB-SERV/Pages/WorkShift.razor.min.css

@@ -1 +0,0 @@
-.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);}

MP-TAB-SERV/wwwroot/css/site.css

@@ -11,6 +11,34 @@ body {
   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);
+  /*height: 100%;*/
+  flex-shrink: 0;
+}
+.cardObjNoBL {
+  border-radius: 0.375rem 0 0 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);
+  /*height: 100%;*/
+  flex-shrink: 0;
+}
+.cardFullHeight {
+  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);
+  /*height: 100%;*/
+  flex-shrink: 0;
+  height: 100%;
+}
+.longStopListNotes {
+  height: 100%;
+}
+@media (max-width: 640.98px) {
+  .longStopListNotes {
+    max-height: 120px;
+  }
+}
+.borderStd {
+  border-radius: 0.375rem;
 }
 .table-dark {
   --bs-table-color: #fff;

MP-TAB-SERV/wwwroot/css/site.less

@@ -12,63 +12,91 @@ html, body {
     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);
+    /*height: 100%;*/
+    flex-shrink: 0;
+}
+.cardObjNoBL {
+    border-radius: 0.375rem 0 0 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);
+    /*height: 100%;*/
+    flex-shrink: 0;
 }
 
-.table-dark {
-    --bs-table-color: #fff;
-    --bs-table-bg: transparent;
-    --bs-table-border-color: #4d5154;
-    --bs-table-striped-bg: #2c3034;
-    --bs-table-striped-color: #fff;
-    --bs-table-active-bg: #373b3e;
-    --bs-table-active-color: #fff;
-    --bs-table-hover-bg: #323539;
-    --bs-table-hover-color: #fff;
-    color: var(--bs-table-color);
-    border-color: var(--bs-table-border-color);
+.cardFullHeight{
+    .cardObj;
+    height: 100%;
 }
 
-h1:focus {
-    outline: none;
+.longStopListNotes{
+    height: 100%;
 }
 
-a, .btn-link {
-    color: #0071c1;
+@media (max-width: 640.98px) {
+    .longStopListNotes{
+        max-height: 120px;
+    }
 }
 
-.btn-primary {
-    color: #fff;
-    background-color: #1b6ec2;
-    border-color: #1861ac;
-}
+    .borderStd {
+        border-radius: 0.375rem;
+    }
 
-.content {
-    padding-top: 1.1rem;
-}
+    .table-dark {
+        --bs-table-color: #fff;
+        --bs-table-bg: transparent;
+        --bs-table-border-color: #4d5154;
+        --bs-table-striped-bg: #2c3034;
+        --bs-table-striped-color: #fff;
+        --bs-table-active-bg: #373b3e;
+        --bs-table-active-color: #fff;
+        --bs-table-hover-bg: #323539;
+        --bs-table-hover-color: #fff;
+        color: var(--bs-table-color);
+        border-color: var(--bs-table-border-color);
+    }
 
-.valid.modified:not([type=checkbox]) {
-    outline: 1px solid #26b050;
-}
+    h1:focus {
+        outline: none;
+    }
 
-.invalid {
-    outline: 1px solid red;
-}
+    a, .btn-link {
+        color: #0071c1;
+    }
 
-.validation-message {
-    color: red;
-}
+    .btn-primary {
+        color: #fff;
+        background-color: #1b6ec2;
+        border-color: #1861ac;
+    }
 
-#blazor-error-ui {
-    background: lightyellow;
-    bottom: 0;
-    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
-    display: none;
-    left: 0;
-    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
-    position: fixed;
-    width: 100%;
-    z-index: 1000;
-}
+    .content {
+        padding-top: 1.1rem;
+    }
+
+    .valid.modified:not([type=checkbox]) {
+        outline: 1px solid #26b050;
+    }
+
+    .invalid {
+        outline: 1px solid red;
+    }
+
+    .validation-message {
+        color: red;
+    }
+
+    #blazor-error-ui {
+        background: lightyellow;
+        bottom: 0;
+        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+        display: none;
+        left: 0;
+        padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+        position: fixed;
+        width: 100%;
+        z-index: 1000;
+    }
 
     #blazor-error-ui .dismiss {
         cursor: pointer;
@@ -77,11 +105,11 @@ a, .btn-link {
         top: 0.5rem;
     }
 
-.blazor-error-boundary {
-    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
-    padding: 1rem 1rem 1rem 3.7rem;
-    color: white;
-}
+    .blazor-error-boundary {
+        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
+        padding: 1rem 1rem 1rem 3.7rem;
+        color: white;
+    }
 
     .blazor-error-boundary::after {
         content: "An error has occurred."

MP-TAB-SERV/wwwroot/css/site.min.css

@@ -1 +1 @@
-@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');html,body{font-family:'Open Sans Condensed',sans-serif;background-color:#151321;color:#ededed;}.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);}.table-dark{--bs-table-color:#fff;--bs-table-bg:transparent;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color);}h1:focus{outline:0;}a,.btn-link{color:#0071c1;}.btn-primary{color:#fff;background-color:#1b6ec2;border-color:#1861ac;}.content{padding-top:1.1rem;}.valid.modified:not([type=checkbox]){outline:1px solid #26b050;}.invalid{outline:1px solid #f00;}.validation-message{color:#f00;}#blazor-error-ui{background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:1000;}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem;}.blazor-error-boundary{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem,#b32121;padding:1rem 1rem 1rem 3.7rem;color:#fff;}.blazor-error-boundary::after{content:"An error has occurred.";}
+@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');html,body{font-family:'Open Sans Condensed',sans-serif;background-color:#151321;color:#ededed;}.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);flex-shrink:0;}.cardObjNoBL{border-radius:.375rem 0 0 .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);flex-shrink:0;}.cardFullHeight{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);flex-shrink:0;height:100%;}.longStopListNotes{height:100%;}@media(max-width:640.98px){.longStopListNotes{max-height:120px;}}.borderStd{border-radius:.375rem;}.table-dark{--bs-table-color:#fff;--bs-table-bg:transparent;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color);}h1:focus{outline:0;}a,.btn-link{color:#0071c1;}.btn-primary{color:#fff;background-color:#1b6ec2;border-color:#1861ac;}.content{padding-top:1.1rem;}.valid.modified:not([type=checkbox]){outline:1px solid #26b050;}.invalid{outline:1px solid #f00;}.validation-message{color:#f00;}#blazor-error-ui{background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:1000;}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem;}.blazor-error-boundary{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem,#b32121;padding:1rem 1rem 1rem 3.7rem;color:#fff;}.blazor-error-boundary::after{content:"An error has occurred.";}