diff --git a/dev.less b/dev.less
index cd45646..d658b9b 100644
--- a/dev.less
+++ b/dev.less
@@ -15,25 +15,25 @@ border: 1px solid yellow;
 /******/
 
 body::before {
-	content: 'Development Server (DEVBUILDID)';
-	background: #f00;
-	padding: 5px 10px;
-	display: block;
-	position: fixed;
-	bottom: 0;
-	right: 0;
-	color: white;
-	font-size: 20px;
-	font-weight: bold;
-	z-index: 9999;
+    content: 'Development Server (DEVBUILDID)';
+    background: #f00;
+    padding: 5px 10px;
+    display: block;
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    color: white;
+    font-size: 20px;
+    font-weight: bold;
+    z-index: 9999;
 }
 
 /*
 .nav-1 .submenu.level0{
-    display: flex !important;
+display: flex !important;
 }
 .nav-1-4 .submenu.level1{
-    display: block !important;
+display: block !important;
 }
 */
 
@@ -87,27 +87,28 @@ body::before {
     }
     /*
     .submenu.level0>li{
-        flex-grow: 1;
-        flex-shrink: 1;
-        max-width: auto !important;
-        min-width: auto !important;
-        width: auto !important;
-    }
-    */
-    .submenu.level0>li{
-        max-width: auto !important;
-        min-width: auto !important;
-        width: 15% !important;
-    }
+    flex-grow: 1;
+    flex-shrink: 1;
+    max-width: auto !important;
+    min-width: auto !important;
+    width: auto !important;
+}
+*/
+.submenu.level0>li{
+    max-width: auto !important;
+    min-width: auto !important;
+    width: 15% !important;
+}
 
 }
 
 /*** calc ***/
 
-#heatcalc, #heatcalc input{
-    font-family: arial !important;
-}
+#heatcalc, #heatcalc
 
+#hc_table td{
+    padding:2px !important;
+}
 #hc_table th{
     background: #f0f0f0 !important;
 }
@@ -123,3 +124,103 @@ body::before {
     color:#fff !important;
     border-color: #fff;
 }
+
+---
+
+#heatcalc{
+    width: auto;
+
+    *{
+        position: relative;
+        font-family: arial;
+    }
+
+    #hc_table{
+        border-top:1px solid black;
+        border-left:1px solid black;
+        text-align: center;
+        border-collapse: separate;
+        td,th{
+            padding: 2px 5px;
+            text-align: center;
+            border-bottom:1px solid black;
+            border-right:1px solid black;
+        }
+        th{
+            background: #bbb;
+            z-index: 150;
+        }
+        tbody th{
+            z-index: 100;
+        }
+        thead th:nth-child(1){
+            z-index: 200;
+        }
+        td.hover, tr.hover td{
+            background-color:#990000;
+            color:#fff;
+        }
+        .filtered{
+            color:#aaa;
+        }
+    }
+
+    label{
+        text-align: right;
+    }
+    fieldset{
+        text-align: center;
+    }
+    body>fieldset{
+        margin-bottom:10px;
+    }
+    legend{
+        margin: 0 auto;
+    }
+    #filters input,#temps input{
+        width:50px;
+    }
+    #filters fieldset{
+        display: inline;
+    }
+
+    #button_container{
+        position: relative;
+     button{
+        margin-top:100px;
+        font-size: 50px;
+        background-color: rgba(153, 0, 0, 0.75);
+        color:#fff;
+        z-index: 250;
+        position: absolute;
+        top: 0;
+    &#left{
+        left: 8%;
+    }
+    &#right{
+        right: 8%;
+    }}}
+
+    #table_container{
+        overflow: auto;
+        overflow-y: hidden;
+        overflow-scrolling: touch;
+    }
+
+    .field{
+        white-space: nowrap;
+    }
+
+
+
+
+    #heatcalc td, #heatcalc th{
+    }
+    select{
+        width:auto;
+    }
+    fieldset{
+        border:1px solid #888;
+        padding:5px;
+        margin:5px;
+    }