diff --git a/WebDoorCreator.UI/Components/DoorMan/DoorList.razor b/WebDoorCreator.UI/Components/DoorMan/DoorList.razor
index 43df6a8..e452a06 100644
--- a/WebDoorCreator.UI/Components/DoorMan/DoorList.razor
+++ b/WebDoorCreator.UI/Components/DoorMan/DoorList.razor
@@ -4,16 +4,12 @@
     {
         <div class="d-flex justify-content-between">
             <div class=" py-1">
-                @*<DoorSvgObj LineColor="rgb(39, 174, 96)" LineWidth="8" ObjH="200" ObjW="900" LeftTextClass="col-10 fs-1 fw-bold" RightTextClass="col-2" EC_ExeFunct="@(()=> createDoor(""))" ObjId="-1" TextData="@AddDoorDict" ImagePath="images/LogoEgwBlack.png"></DoorSvgObj>*@
-
                 <HwSvgObj LineColor="#CFD8DC" LineWidth="8" ObjH="200" ObjW="700" EC_ExeFunct="@(()=> createDoor(""))" ObjId="-1" ItemName="Add new door" ItemCount="0" ShowPlus="true" ImagePath="images/icons/PlusWhite.svg"></HwSvgObj>
             </div>
             <div class=" py-1">
-                @*<DoorSvgObj LineColor="rgb(39, 174, 96)" LineWidth="8" ObjH="200" ObjW="900" LeftTextClass="col-10 fs-1 fw-bold" RightTextClass="col-2" EC_ExeFunct="@(()=> setCloneDoorMode(""))" ObjId="-2" TextData="@AddFromTemplDict" ImagePath="images/LogoEgwBlue.png"></DoorSvgObj>*@
                 <HwSvgObj LineColor="#CFD8DC" LineWidth="8" ObjH="200" ObjW="700" EC_ExeFunct="@(()=> setCloneDoorMode(""))" ObjId="-2" ItemName="Add from tempalte" ItemCount="0" ShowPlus="true" ImagePath="images/icons/clipboard-regular.svg"></HwSvgObj>
             </div>
             <div class=" py-1">
-                @*<DoorSvgObj LineColor="#8E44AD" LineWidth="8" ObjH="200" ObjW="900" LeftTextClass="col-10 fs-1 fw-bold" RightTextClass="col-2" EC_ExeFunct="@(()=> sendToCompany(currOrderId, orderStatus))" ObjId="-3" TextData="@SendOrderDict" Message1="@currOrderId.ToString()" Message2="@orderStatus.ToString()" ImagePath="images/LogoEgwWhite.png"></DoorSvgObj>*@
                 <HwSvgObj LineColor="#CFD8DC" LineWidth="8" ObjH="200" ObjW="700" EC_ExeFunct="@(()=> sendToCompany(currOrderId, orderStatus))" ObjId="-3" ItemName="Send to DCA" ItemCount="0" ShowPlus="true" ImagePath="images/icons/angles-right-solid.svg"></HwSvgObj>
             </div>
         </div>
@@ -37,20 +33,7 @@
                 imgPath = $"images/LogoEgw{idxCount % 5:00}.png";
                 idxCount++;
                 <div class="col-3 py-1">
-                    @*@if (isCloneMode)
-                    {
-
-                        <DoorSvgObj ColorLine="#2D3047" LineWidth="8" ObjH="200" ObjW="650" ClassLeftText="col-4" ClassRightText="col-8" EC_ExeClone="@(()=>doClone(@door.DoorId.ToString()))" Message1="@door.DoorId.ToString()" ShowOptions="true" ImagePath="@imgPath" ObjId="idxCount" TextData="@textDictSetup(door)"></DoorSvgObj>
-                    }
-                    else if (isAddRemMode)
-                    {
-                        <DoorSvgObj ColorLine="#2D3047" LineWidth="8" ObjH="200" ObjW="650" ClassLeftText="col-4" ClassRightText="col-8" ShowPlusMinus="true" Message1="@door.DoorId.ToString()" Message2="@door.OrderId.ToString()" EC_ExePlus="@(()=>addOneDoorNumber("", ""))" EC_ExeFunct="@ExecDoorReq" ImagePath="@DoorSvgUrl(door.DoorId)" ObjId="idxCount" TextData="@textDictSetup(door)"></DoorSvgObj>
-                    }
-                    else
-                    {*@
-                        <DoorSvgObj ColorLine="#2D3047" LineWidth="8" ObjH="200" ObjW="650" ClassLeftText="col-4" ClassRightText="col-8" EC_ExeFunct="@ExecDoorReq" DoorId="@door.DoorId" ImagePath="@DoorSvgUrl(door.DoorId)" ObjId="idxCount" TextData="@textDictSetup(door)" ShowOptions="true"></DoorSvgObj>
-
-                    @*}*@
+                    <DoorSvgObj ColorLine="#2D3047" LineWidth="8" ObjH="200" ObjW="650" ClassLeftText="col-4" ClassRightText="col-8" EC_ExeFunct="@ExecDoorReq" DoorId="@door.DoorId" ImagePath="@DoorSvgUrl(door.DoorId)" ObjId="idxCount" TextData="@textDictSetup(door)" ShowOptions="true"></DoorSvgObj>
                 </div>
 
             }
diff --git a/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor
new file mode 100644
index 0000000..b898ec4
--- /dev/null
+++ b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor
@@ -0,0 +1,46 @@
+<!-- The Modal -->
+<div id="myModal" class="modalOrd">
+
+    <!-- Modal content -->
+    <div class="modalOrd-content">
+        <div class="d-flex justify-content-between">
+            <h4>DOOR 198</h4>
+            <span class="closeOrd mb-3">&times;</span>
+        </div>
+        <div class="row">
+            <div class="w-25">
+                <div class="pb-1">
+                    <div class="d-flex justify-content-between mb-3">
+                        <button class="btn btn-outline-danger" type="button">KO</button>
+                        <button class="btn btn-outline-success" type="button">OK</button>
+                    </div>
+                    <label for="search">Add or Remove door</label>
+                    <div class="input-group mb-3">
+                        <button class="btn btn-outline-danger" type="button">-1</button>
+                        <input type="text" class="form-control">
+                        <button class="btn btn-outline-success" type="button">+1</button>
+                    </div>
+                </div>
+                <div class="pb-1">
+                    <div class="input-group mb-3">
+                        <button class="btn btn-outline-primary" type="button">Clone door</button>
+                    </div>
+                </div>
+                <div class="pb-1">
+                    <div class="input-group mb-3">
+                        <button class="btn btn-outline-info" type="button">Save as template</button>
+                    </div>
+                </div>
+                <div class="pb-1">
+                    <div class="input-group mb-3">
+                        <button class="btn btn-outline-danger" type="button">Delete door</button>
+                    </div>
+                </div>
+            </div>
+            <div class="w-75">
+                <DoorPreview SvgContent="@DoorSvgContent"></DoorPreview>
+            </div>
+        </div>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.cs b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.cs
new file mode 100644
index 0000000..514931e
--- /dev/null
+++ b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.cs
@@ -0,0 +1,16 @@
+using Microsoft.CodeAnalysis.Text;
+
+namespace WebDoorCreator.UI.Components.DoorMan
+{
+    public partial class DoorModal
+    {
+        protected string DoorSvgContent { get; set; } = "";
+
+        protected async override Task OnInitializedAsync()
+        {
+            await Task.Delay(1);
+            string text = File.ReadAllText("temp/Logo00.svg");
+            DoorSvgContent = text;
+        }
+    }
+}
\ No newline at end of file
diff --git a/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.css b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.css
new file mode 100644
index 0000000..6a4cdeb
--- /dev/null
+++ b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.css
@@ -0,0 +1,36 @@
+/* Background scuro del modale */
+.modalOrd {
+  position: fixed;
+  z-index: 1;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+/* Modal Content/Box */
+.modalOrd-content {
+  background-color: #fefefe;
+  margin: 15% auto;
+  padding: 20px;
+  border: 1px solid #888;
+  width: 50%;
+  border-radius: 1rem;
+  /*    display: flex;
+    justify-content: space-between;*/
+}
+/* The Close Button */
+.closeOrd {
+  color: #aaa;
+  float: right;
+  font-size: 28px;
+  font-weight: bold;
+}
+.closeOrd:hover,
+.closeOrd:focus {
+  color: black;
+  text-decoration: none;
+  cursor: pointer;
+}
\ No newline at end of file
diff --git a/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.less b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.less
new file mode 100644
index 0000000..2744e69
--- /dev/null
+++ b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.less
@@ -0,0 +1,40 @@
+/* Background scuro del modale */
+.modalOrd {
+    //display: none; 
+    position: fixed; 
+    z-index: 1; 
+    left: 0;
+    top: 0;
+    width: 100%; 
+    height: 100%; 
+    overflow: auto; 
+    background-color: rgb(0,0,0); 
+    background-color: rgba(0,0,0,0.4);
+}
+
+/* Modal Content/Box */
+.modalOrd-content {
+    background-color: #fefefe;
+    margin: 15% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 50%;
+    border-radius: 1rem;
+/*    display: flex;
+    justify-content: space-between;*/
+}
+
+/* The Close Button */
+.closeOrd {
+    color: #aaa;
+    float: right;
+    font-size: 28px;
+    font-weight: bold;
+}
+
+.closeOrd:hover,
+.closeOrd:focus {
+    color: black;
+    text-decoration: none;
+    cursor: pointer;
+}
diff --git a/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.min.css b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.min.css
new file mode 100644
index 0000000..9a9e421
--- /dev/null
+++ b/WebDoorCreator.UI/Components/DoorMan/DoorModal.razor.min.css
@@ -0,0 +1 @@
+.modalOrd{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);}.modalOrd-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:50%;border-radius:1rem;}.closeOrd{color:#aaa;float:right;font-size:28px;font-weight:bold;}.closeOrd:hover,.closeOrd:focus{color:#000;text-decoration:none;cursor:pointer;}
\ No newline at end of file
diff --git a/WebDoorCreator.UI/Pages/TestModal.razor b/WebDoorCreator.UI/Pages/TestModal.razor
new file mode 100644
index 0000000..65a2f33
--- /dev/null
+++ b/WebDoorCreator.UI/Pages/TestModal.razor
@@ -0,0 +1,3 @@
+@page "/TestModal"
+
+<DoorModal></DoorModal>
\ No newline at end of file
diff --git a/WebDoorCreator.UI/Pages/TestModal.razor.cs b/WebDoorCreator.UI/Pages/TestModal.razor.cs
new file mode 100644
index 0000000..3968b27
--- /dev/null
+++ b/WebDoorCreator.UI/Pages/TestModal.razor.cs
@@ -0,0 +1,6 @@
+namespace WebDoorCreator.UI.Pages
+{
+    public partial class TestModal
+    {
+    }
+}
\ No newline at end of file
diff --git a/WebDoorCreator.UI/Pages/TestModal.razor.css b/WebDoorCreator.UI/Pages/TestModal.razor.css
new file mode 100644
index 0000000..5f28270
--- /dev/null
+++ b/WebDoorCreator.UI/Pages/TestModal.razor.css
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/WebDoorCreator.UI/Pages/TestModal.razor.min.css b/WebDoorCreator.UI/Pages/TestModal.razor.min.css
new file mode 100644
index 0000000..5f28270
--- /dev/null
+++ b/WebDoorCreator.UI/Pages/TestModal.razor.min.css
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/WebDoorCreator.UI/compilerconfig.json b/WebDoorCreator.UI/compilerconfig.json
index 04c30b1..d769aee 100644
--- a/WebDoorCreator.UI/compilerconfig.json
+++ b/WebDoorCreator.UI/compilerconfig.json
@@ -86,5 +86,13 @@
   {
     "outputFile": "Components/Order/OrderDets.razor.css",
     "inputFile": "Components/Order/OrderDets.razor.less"
+  },
+  {
+    "outputFile": "Pages/TestModal.razor.css",
+    "inputFile": "Pages/TestModal.razor.less"
+  },
+  {
+    "outputFile": "Components/DoorMan/DoorModal.razor.css",
+    "inputFile": "Components/DoorMan/DoorModal.razor.less"
   }
 ]
\ No newline at end of file