diff --git a/MP-TAB-SERV/Components/MachineBlock.razor.css b/MP-TAB-SERV/Components/MachineBlock.razor.css
new file mode 100644
index 00000000..c6e037aa
--- /dev/null
+++ b/MP-TAB-SERV/Components/MachineBlock.razor.css
@@ -0,0 +1,71 @@
+/* Bordi */
+/*.rCAll {
+    border-radius: 10px;
+}
+
+.rCTop {
+    border-radius: 10px 10px 0 0;
+}
+
+.rCBot {
+    border-radius: 0 0 10px 10px;
+}*/
+.mapBlock {
+  font-family: 'Open Sans Condensed', sans-serif;
+  color: #FFF;
+  background-image: linear-gradient(#111, #000);
+  min-width: 8em;
+}
+.labelTopDx {
+  padding: 0.1em 0.4em;
+  width: auto;
+  min-height: 0;
+  top: 0;
+  left: auto;
+  bottom: auto;
+  color: #FFFFFF;
+  background: #2200DE;
+  background: rgba(33, 0, 200, 0.7);
+  -webkit-border-top-right-radius: inherit;
+  border-top-right-radius: inherit;
+  -webkit-border-top-left-radius: inherit;
+  border-top-left-radius: inherit;
+  -webkit-border-bottom-left-radius: inherit;
+  border-bottom-left-radius: inherit;
+  -webkit-border-bottom-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+/* area semafori*/
+.sVe {
+  text-align: left;
+  background: #009036;
+  background: rgba(0, 255, 80, 0.6);
+  /*padding: 0px 4px 0px 4px;*/
+  color: Yellow;
+}
+.sGi {
+  text-align: left;
+  background: #ffec00;
+  background: rgba(255, 220, 0, 0.6);
+  /*padding: 0px 4px 0px 4px;*/
+}
+.sRo {
+  text-align: left;
+  background-color: #e2001a;
+  background: rgba(240, 0, 10, 0.6);
+  /*padding: 0px 4px 0px 4px;*/
+}
+.sBl {
+  text-align: left;
+  background: #3690FF;
+  background: rgba(0, 80, 255, 0.6);
+  /*padding: 0px 4px 0px 4px;*/
+  color: Yellow;
+}
+.sGr {
+  text-align: left;
+  background-color: #bcbcbc;
+  background: rgba(180, 180, 180, 0.6);
+  /*padding: 0px 4px 0px 4px;*/
+}
+/*end semafori */
\ No newline at end of file
diff --git a/MP-TAB-SERV/Components/MachineBlock.razor.less b/MP-TAB-SERV/Components/MachineBlock.razor.less
new file mode 100644
index 00000000..439b5756
--- /dev/null
+++ b/MP-TAB-SERV/Components/MachineBlock.razor.less
@@ -0,0 +1,78 @@
+/* Bordi */
+/*.rCAll {
+    border-radius: 10px;
+}
+
+.rCTop {
+    border-radius: 10px 10px 0 0;
+}
+
+.rCBot {
+    border-radius: 0 0 10px 10px;
+}*/
+
+.mapBlock {
+    font-family: 'Open Sans Condensed', sans-serif;
+    color: #FFF;
+    background-image: linear-gradient(#111, #000);
+    min-width: 8em;
+}
+
+.labelTopDx {
+    padding: 0.1em 0.4em;
+    width: auto;
+    min-height: 0;
+    top: 0;
+    left: auto;
+    bottom: auto;
+    color: #FFFFFF;
+    background: #2200DE;
+    background: rgba(33,0,200,.7);
+    -webkit-border-top-right-radius: inherit;
+    border-top-right-radius: inherit;
+    -webkit-border-top-left-radius: inherit;
+    border-top-left-radius: inherit;
+    -webkit-border-bottom-left-radius: inherit;
+    border-bottom-left-radius: inherit;
+    -webkit-border-bottom-right-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+/* area semafori*/
+.sVe {
+    text-align: left;
+    background: #009036;
+    background: rgba(0,255,80,.6);
+    /*padding: 0px 4px 0px 4px;*/
+    color: Yellow;
+}
+
+.sGi {
+    text-align: left;
+    background: #ffec00;
+    background: rgba(255,220,0,.6);
+    /*padding: 0px 4px 0px 4px;*/
+}
+
+.sRo {
+    text-align: left;
+    background-color: #e2001a;
+    background: rgba(240,0,10,.6);
+    /*padding: 0px 4px 0px 4px;*/
+}
+
+.sBl {
+    text-align: left;
+    background: #3690FF;
+    background: rgba(0,80,255,.6);
+    /*padding: 0px 4px 0px 4px;*/
+    color: Yellow;
+}
+
+.sGr {
+    text-align: left;
+    background-color: #bcbcbc;
+    background: rgba(180,180,180,.6);
+    /*padding: 0px 4px 0px 4px;*/
+}
+/*end semafori */
diff --git a/MP-TAB-SERV/Components/MachineBlock.razor.min.css b/MP-TAB-SERV/Components/MachineBlock.razor.min.css
new file mode 100644
index 00000000..82b3cba0
--- /dev/null
+++ b/MP-TAB-SERV/Components/MachineBlock.razor.min.css
@@ -0,0 +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,0,200,.7);-webkit-border-top-right-radius:inherit;border-top-right-radius:inherit;-webkit-border-top-left-radius:inherit;border-top-left-radius:inherit;-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;}.sVe{text-align:left;background:#009036;background:rgba(0,255,80,.6);color:#ff0;}.sGi{text-align:left;background:#ffec00;background:rgba(255,220,0,.6);}.sRo{text-align:left;background-color:#e2001a;background:rgba(240,0,10,.6);}.sBl{text-align:left;background:#3690ff;background:rgba(0,80,255,.6);color:#ff0;}.sGr{text-align:left;background-color:#bcbcbc;background:rgba(180,180,180,.6);}
\ No newline at end of file
diff --git a/MP-TAB-SERV/MP-TAB-SERV.csproj b/MP-TAB-SERV/MP-TAB-SERV.csproj
index e0d6e5f1..69f63cf8 100644
--- a/MP-TAB-SERV/MP-TAB-SERV.csproj
+++ b/MP-TAB-SERV/MP-TAB-SERV.csproj
@@ -7,6 +7,10 @@
     <RootNamespace>MP_TAB_SERV</RootNamespace>
   </PropertyGroup>
 
+  <ItemGroup>
+    <Content Remove="compilerconfig.json" />
+  </ItemGroup>
+
   <ItemGroup>
     <PackageReference Include="EgwCoreLib.Razor" Version="1.4.2308.216" />
     <PackageReference Include="EgwCoreLib.Utils" Version="1.4.2308.216" />
@@ -19,6 +23,10 @@
     <Folder Include="wwwroot\lib\" />
   </ItemGroup>
 
+  <ItemGroup>
+    <None Include="compilerconfig.json" />
+  </ItemGroup>
+
   <ItemGroup>
     <ProjectReference Include="..\MP.Data\MP.Data.csproj" />
   </ItemGroup>
diff --git a/MP-TAB-SERV/Pages/StatusMap.razor b/MP-TAB-SERV/Pages/StatusMap.razor
index cd5bea4b..297c5377 100644
--- a/MP-TAB-SERV/Pages/StatusMap.razor
+++ b/MP-TAB-SERV/Pages/StatusMap.razor
@@ -1,4 +1,4 @@
-@page "/"
+@*@page "/"*@
 @page "/home"
 @page "/status-map"
 
diff --git a/MP-TAB-SERV/compilerconfig.json b/MP-TAB-SERV/compilerconfig.json
new file mode 100644
index 00000000..18edd0fb
--- /dev/null
+++ b/MP-TAB-SERV/compilerconfig.json
@@ -0,0 +1,6 @@
+[
+  {
+    "outputFile": "Components/MachineBlock.razor.css",
+    "inputFile": "Components/MachineBlock.razor.less"
+  }
+]
\ No newline at end of file
diff --git a/MP-TAB-SERV/compilerconfig.json.defaults b/MP-TAB-SERV/compilerconfig.json.defaults
new file mode 100644
index 00000000..41870cc5
--- /dev/null
+++ b/MP-TAB-SERV/compilerconfig.json.defaults
@@ -0,0 +1,71 @@
+{
+  "compilers": {
+    "less": {
+      "autoPrefix": "",
+      "cssComb": "none",
+      "ieCompat": true,
+      "math": null,
+      "strictMath": false,
+      "strictUnits": false,
+      "relativeUrls": true,
+      "rootPath": "",
+      "sourceMapRoot": "",
+      "sourceMapBasePath": "",
+      "sourceMap": false
+    },
+    "sass": {
+      "autoPrefix": "",
+      "loadPaths": "",
+      "style": "expanded",
+      "relativeUrls": true,
+      "sourceMap": false
+    },
+    "nodesass": {
+      "autoPrefix": "",
+      "includePath": "",
+      "indentType": "space",
+      "indentWidth": 2,
+      "outputStyle": "nested",
+      "precision": 5,
+      "relativeUrls": true,
+      "sourceMapRoot": "",
+      "lineFeed": "",
+      "sourceMap": false
+    },
+    "stylus": {
+      "sourceMap": false
+    },
+    "babel": {
+      "sourceMap": false
+    },
+    "coffeescript": {
+      "bare": false,
+      "runtimeMode": "node",
+      "sourceMap": false
+    },
+    "handlebars": {
+      "root": "",
+      "noBOM": false,
+      "name": "",
+      "namespace": "",
+      "knownHelpersOnly": false,
+      "forcePartial": false,
+      "knownHelpers": [],
+      "commonjs": "",
+      "amd": false,
+      "sourceMap": false
+    }
+  },
+  "minifiers": {
+    "css": {
+      "enabled": true,
+      "termSemicolons": true,
+      "gzip": false
+    },
+    "javascript": {
+      "enabled": true,
+      "termSemicolons": true,
+      "gzip": false
+    }
+  }
+}
\ No newline at end of file