diff --git a/package/ctcgfw/luci-theme-argonv3/Makefile b/package/ctcgfw/luci-theme-argonv3/Makefile
index fdb59b70f0..ff5c927b87 100644
--- a/package/ctcgfw/luci-theme-argonv3/Makefile
+++ b/package/ctcgfw/luci-theme-argonv3/Makefile
@@ -8,8 +8,8 @@ include $(TOPDIR)/rules.mk
 
 LUCI_TITLE:=Argon Theme
 LUCI_DEPENDS:=
-PKG_VERSION:=1.4
-PKG_RELEASE:=01-20200101
+PKG_VERSION:=1.5.1
+PKG_RELEASE:=01-20200331
 
 include $(TOPDIR)/feeds/luci/luci.mk
 
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/css/style.css b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/css/style.css
index f1d11f5ff0..0834175cbb 100644
--- a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/css/style.css
+++ b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/css/style.css
@@ -2,7 +2,7 @@
  *  Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-material and Argon Template
  *
  *  luci-theme-argon
- *      Copyright 2019 Jerrykuku <jerrykuku@qq.com>
+ *      Copyright 2020 Jerryk <jerrykuku@gmail.com>
  *
  *  Have a bug? Please create an issue here on GitHub!
  *      https://github.com/jerrykuku/luci-theme-argon/issues
@@ -64,55 +64,36 @@
     --breakpoint-md: 768px;
     --breakpoint-lg: 992px;
     --breakpoint-xl: 1200px;
-    --font-family-sans-serif: Open Sans,sans-serif;
-    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;
+    --font-family-sans-serif: Open Sans, sans-serif;
+    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
 }
 
-
-
-@font-face {
-    font-family: 'icomoon';
-    src: url('../fonts/font.eot');
-    src: url('../fonts/font.eot') format('embedded-opentype'),
-        url('../fonts/font.ttf') format('truetype'),
-        url('../fonts/font.woff') format('woff'),
-        url('../fonts/font.svg') format('svg');
-    font-weight: normal;
-    font-style: normal;
+::selection {
+    background-color: var(--primary);
+    color: #ffffff;
 }
 
 @font-face {
-    font-family: 'ssr';
-    src:  url('../fonts/ssr.eot?5zoxsi');
-    src:  url('../fonts/ssr.eot?5zoxsi#iefix') format('embedded-opentype'),
-        url('../fonts/ssr.ttf?5zoxsi') format('truetype'),
-        url('../fonts/ssr.woff?5zoxsi') format('woff'),
-        url('../fonts/ssr.svg?5zoxsi#ssr') format('svg');
+    font-family: 'argon';
+    src: url('../fonts/argon.eot?vncylf');
+    src: url('../fonts/argon.eot?vncylf#iefix') format('embedded-opentype'), url('../fonts/argon.ttf?vncylf') format('truetype'), url('../fonts/argon.woff?vncylf') format('woff'), url('../fonts/argon.svg?vncylf#argon') format('svg');
     font-weight: normal;
     font-style: normal;
+    font-display: block;
 }
+
 @font-face {
     font-family: 'TypoGraphica';
-    src: url('../fonts/TypoGraphica.eot?#iefix') format('embedded-opentype'),  url('../fonts/TypoGraphica.woff') format('woff'), url('../fonts/TypoGraphica.ttf')  format('truetype'), url('../fonts/TypoGraphica.svg#TypoGraphica') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
-@font-face {
-    font-family: 'icomoon';
-    src:  url('../fonts/icomoon.eot?1peg26');
-    src:  url('../fonts/icomoon.eot?1peg26#iefix') format('embedded-opentype'),
-        url('../fonts/icomoon.ttf?1peg26') format('truetype'),
-        url('../fonts/icomoon.woff?1peg26') format('woff'),
-        url('../fonts/icomoon.svg?1peg26#icomoon') format('svg');
+    src: url('../fonts/TypoGraphica.eot?#iefix') format('embedded-opentype'), url('../fonts/TypoGraphica.woff') format('woff'), url('../fonts/TypoGraphica.ttf') format('truetype'), url('../fonts/TypoGraphica.svg#TypoGraphica') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 
-
-[class^="icon-"], [class*=" icon-"] {
+[class^="icon-"],
+[class*=" icon-"] {
     /* use !important to prevent issues with browser extensions that change fonts */
-    font-family: 'ssr' !important;
+    font-family: 'argon' !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
@@ -125,56 +106,120 @@
     -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-dashboard:before {
-    content: "\e906";
+.icon-hello-world:before {
+    content: "\e90e";
 }
-.icon-logout:before {
-    content: "\e907";
+
+.icon-expand_more:before {
+    content: "\e20b";
 }
-.icon-Network:before {
-    content: "\e908";
+
+.icon-menu:before {
+    content: "\e20e";
 }
-.icon-services:before {
-    content: "\e909";
+
+.icon-favorite:before {
+    content: "\e291";
 }
-.icon-system:before {
-    content: "\e90a";
-}
-.icon-vpn:before {
-    content: "\e90b";
-}
-.icon-storage:before {
-    content: "\e90c";
-}
-.icon-statistics:before {
-    content: "\e90d";
+
+.icon-spinner:before {
+    content: "\e603";
 }
+
 .icon-delete:before {
     content: "\e900";
 }
+
 .icon-edit:before {
     content: "\e901";
 }
-.icon-ok:before {
+
+.icon-use:before {
     content: "\e902";
 }
+
 .icon-loading:before {
     content: "\e903";
 }
+
 .icon-switch:before {
     content: "\e904";
 }
+
 .icon-error:before {
     content: "\e905";
 }
 
+.icon-dashboard:before {
+    content: "\e906";
+}
+
+.icon-logout:before {
+    content: "\e907";
+}
+
+.icon-Network:before {
+    content: "\e908";
+}
+
+.icon-services:before {
+    content: "\e909";
+}
+
+.icon-system:before {
+    content: "\e90a";
+}
+
+.icon-vpn:before {
+    content: "\e90b";
+}
+
+.icon-storage:before {
+    content: "\e90c";
+}
+
+.icon-statistics:before {
+    content: "\e90d";
+}
+
+.icon-angle-right:before {
+    content: "\e90f";
+}
+
+.icon-password:before {
+    content: "\e910";
+}
+
+.icon-user:before {
+    content: "\e971";
+}
+
+.icon-question:before {
+    content: "\f059";
+}
+
+.icon-docker:before {
+    content: "\e911";
+}
+
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }
 
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
     font-family: inherit;
     font-weight: 400;
     line-height: 1.1;
@@ -191,21 +236,24 @@ body {
     background-color: #f8f9fe;
 }
 
-html, body {
+html,
+body {
     margin: 0px;
     padding: 0px;
     height: 100%;
-    font-family: Open Sans,sans-serif Microsoft Yahei, WenQuanYi Micro Hei, sans-serif, "Helvetica Neue", Helvetica, Hiragino Sans GB;
+    font-size: 16px;
+    font-family: Open Sans, PingFangSC-Regular, Microsoft Yahei, WenQuanYi Micro Hei, "Helvetica Neue", Helvetica, Hiragino Sans GB, sans-serif;
 }
 
 /*** Main Loading ***/
 
 .cbi-button-up,
 .cbi-button-down,
-.main > .loading{
+.main>.loading {
 
-    background: linear-gradient(87deg,#5e72e4 0,#5e72e4 100%)!important;
+    background: linear-gradient(87deg, #5e72e4 0, #5e72e4 100%) !important;
 }
+
 .sk-folding-cube {
     margin: 20px auto;
     width: 40px;
@@ -222,8 +270,9 @@ html, body {
     position: relative;
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
-    transform: scale(1.1); 
+    transform: scale(1.1);
 }
+
 .sk-folding-cube .sk-cube:before {
     content: '';
     position: absolute;
@@ -238,60 +287,82 @@ html, body {
     -ms-transform-origin: 100% 100%;
     transform-origin: 100% 100%;
 }
+
 .sk-folding-cube .sk-cube2 {
     -webkit-transform: scale(1.1) rotateZ(90deg);
     transform: scale(1.1) rotateZ(90deg);
 }
+
 .sk-folding-cube .sk-cube3 {
     -webkit-transform: scale(1.1) rotateZ(180deg);
     transform: scale(1.1) rotateZ(180deg);
 }
+
 .sk-folding-cube .sk-cube4 {
     -webkit-transform: scale(1.1) rotateZ(270deg);
     transform: scale(1.1) rotateZ(270deg);
 }
+
 .sk-folding-cube .sk-cube2:before {
     -webkit-animation-delay: 0.3s;
     animation-delay: 0.3s;
 }
+
 .sk-folding-cube .sk-cube3:before {
     -webkit-animation-delay: 0.6s;
-    animation-delay: 0.6s; 
+    animation-delay: 0.6s;
 }
+
 .sk-folding-cube .sk-cube4:before {
     -webkit-animation-delay: 0.9s;
     animation-delay: 0.9s;
 }
 
 @-webkit-keyframes sk-foldCubeAngle {
-    0%, 10% {
+
+    0%,
+    10% {
         -webkit-transform: perspective(140px) rotateX(-180deg);
         transform: perspective(140px) rotateX(-180deg);
-        opacity: 0; 
-    } 25%, 75% {
+        opacity: 0;
+    }
+
+    25%,
+    75% {
         -webkit-transform: perspective(140px) rotateX(0deg);
         transform: perspective(140px) rotateX(0deg);
-        opacity: 1; 
-    } 90%, 100% {
+        opacity: 1;
+    }
+
+    90%,
+    100% {
         -webkit-transform: perspective(140px) rotateY(180deg);
         transform: perspective(140px) rotateY(180deg);
-        opacity: 0; 
-    } 
+        opacity: 0;
+    }
 }
 
 @keyframes sk-foldCubeAngle {
-    0%, 10% {
+
+    0%,
+    10% {
         -webkit-transform: perspective(140px) rotateX(-180deg);
         transform: perspective(140px) rotateX(-180deg);
-        opacity: 0; 
-    } 25%, 75% {
+        opacity: 0;
+    }
+
+    25%,
+    75% {
         -webkit-transform: perspective(140px) rotateX(0deg);
         transform: perspective(140px) rotateX(0deg);
-        opacity: 1; 
-    } 90%, 100% {
+        opacity: 1;
+    }
+
+    90%,
+    100% {
         -webkit-transform: perspective(140px) rotateY(180deg);
         transform: perspective(140px) rotateY(180deg);
-        opacity: 0; 
+        opacity: 0;
     }
 }
 
@@ -300,8 +371,8 @@ html, body {
 .cbi-button-down,
 .cbi-value-helpicon,
 .showSide,
-.main > .loading > span {
-    font-family: 'icomoon' !important;
+.main>.loading>span {
+    font-family: 'argon' !important;
     speak: none;
     font-style: normal !important;
     font-weight: normal !important;
@@ -312,6 +383,9 @@ html, body {
     -moz-osx-font-smoothing: grayscale;
 }
 
+.cbi-button-up{
+    transform: rotate(180deg);
+}
 
 
 select[multiple="multiple"] {
@@ -336,7 +410,7 @@ hr {
 
 
 
-footer > a {
+footer>a {
     color: #aaa;
     text-decoration: none;
 }
@@ -349,7 +423,7 @@ footer > a {
     height: calc(100% - 4rem);
 }
 
-.main > .loading {
+.main>.loading {
     position: fixed;
     width: 100%;
     height: 100%;
@@ -359,7 +433,7 @@ footer > a {
     top: 0;
 }
 
-.main > .loading > span {
+.main>.loading>span {
     display: block;
     text-align: center;
     margin-top: 2rem;
@@ -367,11 +441,11 @@ footer > a {
     font-size: 1.2rem;
 }
 
-.main > .loading > span > .loading-img:before {
+.main>.loading>span>.loading-img:before {
     content: "\e603";
 }
 
-.main > .loading > span > .loading-img {
+.main>.loading>span>.loading-img {
     animation: anim-rotate 2s infinite linear;
     margin-right: 0.2rem;
     display: inline-block;
@@ -383,6 +457,7 @@ footer > a {
         -ms-transform: rotate(0);
         transform: rotate(0);
     }
+
     100% {
         -webkit-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
@@ -402,12 +477,12 @@ footer > a {
     float: left;
 }
 
- 
 
 
 
 
-#maincontent > .container > div:nth-child(1).alert-message.warning > a {
+
+#maincontent>.container>div:nth-child(1).alert-message.warning>a {
     font: inherit;
     overflow: visible;
     text-transform: none;
@@ -435,7 +510,7 @@ footer > a {
     text-decoration: inherit;
 }
 
-#maincontent > .container > p{
+#maincontent>.container>p {
     color: #fff;
 }
 
@@ -445,15 +520,15 @@ li {
 
 
 
-.cbi-map-descr + fieldset {
+.cbi-map-descr+fieldset {
     margin-top: 1rem;
 }
 
-.cbi-section > legend {
+.cbi-section>legend {
     display: none !important;
 }
 
-fieldset > fieldset {
+fieldset>fieldset {
     margin: 0;
     padding: 0;
     border: none;
@@ -464,24 +539,24 @@ fieldset > fieldset {
 
 
 /* fix progress bar */
-#swaptotal > div,
-#swapfree > div,
-#memfree > div,
-#membuff > div,
-#conns > div,
-#memtotal > div {
+#swaptotal>div,
+#swapfree>div,
+#memfree>div,
+#membuff>div,
+#conns>div,
+#memtotal>div {
     width: 100% !important;
     height: 1.6rem !important;
-    line-height:1.6rem;
+    line-height: 1.6rem;
     border-radius: .25rem;
 }
 
-#swaptotal > div > div,
-#swapfree > div > div,
-#memfree > div > div,
-#membuff > div > div,
-#conns > div > div,
-#memtotal > div > div {
+#swaptotal>div>div,
+#swapfree>div>div,
+#memfree>div>div,
+#membuff>div>div,
+#conns>div>div,
+#memtotal>div>div {
     height: 100% !important;
     background-color: #5e72e4 !important;
 }
@@ -498,13 +573,13 @@ table table,
     border: none;
 }
 
-td > table > tbody > tr > td,
-.td > .table > .tbody > .tr > .td {
+td>table>tbody>tr>td,
+.td>.table>.tbody>.tr>.td {
     border: none;
 }
 
-.cbi-value-field > table > tbody > tr > td,
-.cbi-value-field > .table > .tbody > .tr > .td {
+.cbi-value-field>table>tbody>tr>td,
+.cbi-value-field>.table>.tbody>.tr>.td {
     border: none;
 }
 
@@ -556,7 +631,7 @@ td > table > tbody > tr > td,
     background-color: transparent;
 }
 
-.cbi-page-actions .cbi-button-apply + .cbi-button-save,
+.cbi-page-actions .cbi-button-apply+.cbi-button-save,
 .cbi-button-add,
 .cbi-button-save,
 .cbi-button-positive {
@@ -565,7 +640,7 @@ td > table > tbody > tr > td,
     background-color: transparent;
 }
 
-.cbi-section-remove > .cbi-button,
+.cbi-section-remove>.cbi-button,
 .cbi-button-remove,
 .cbi-button-reset,
 .cbi-button-negative {
@@ -599,17 +674,17 @@ td > table > tbody > tr > td,
     vertical-align: middle;
 }
 
-.td.cbi-section-actions > * {
+.td.cbi-section-actions>* {
     display: flex;
 }
 
-.td.cbi-section-actions > * > *,
-.td.cbi-section-actions > * > form > * {
+.td.cbi-section-actions>*>*,
+.td.cbi-section-actions>*>form>* {
     flex: 1 1 4em;
     margin: 0 1px;
 }
 
-.td.cbi-section-actions > * > form {
+.td.cbi-section-actions>*>form {
     display: inline-flex;
     margin: 0;
 }
@@ -627,15 +702,18 @@ td > table > tbody > tr > td,
     display: none
 }
 
-.left, .left::before {
+.left,
+.left::before {
     text-align: left !important;
 }
 
-.right, .right::before {
+.right,
+.right::before {
     text-align: right !important;
 }
 
-.center, .center::before {
+.center,
+.center::before {
     text-align: center !important;
 }
 
@@ -671,18 +749,20 @@ td > table > tbody > tr > td,
 }
 
 select {
-    width: 15rem;
-	appearance:none;
-	-webkit-appearance:none;
-	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTY1MzQ4MDM3OTIyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI1ODMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4qIHsgdGV4dC1zaGFkb3c6IHRyYW5zcGFyZW50IDBweCAwcHggMHB4LCByZ2JhKDAsIDAsIDAsIDAuNSkgMHB4IDBweCAwcHggIWltcG9ydGFudDsgfQo8L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMjAuNDggMjQ1Ljc2aDk4My4wNEw1MTIgNzc4LjI0eiIgcC1pZD0iMjU4NCIgZmlsbD0iIzcwNzA3MCI+PC9wYXRoPjwvc3ZnPg==') !important;
-	background-position: 96%;
+    min-width: 20rem;
+    appearance: none;
+    -webkit-appearance: none;
+    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTY1MzQ4MDM3OTIyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI1ODMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4qIHsgdGV4dC1zaGFkb3c6IHRyYW5zcGFyZW50IDBweCAwcHggMHB4LCByZ2JhKDAsIDAsIDAsIDAuNSkgMHB4IDBweCAwcHggIWltcG9ydGFudDsgfQo8L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMjAuNDggMjQ1Ljc2aDk4My4wNEw1MTIgNzc4LjI0eiIgcC1pZD0iMjU4NCIgZmlsbD0iIzcwNzA3MCI+PC9wYXRoPjwvc3ZnPg==') !important;
+    background-position: 96%;
     background-size: 8px;
     background-repeat: no-repeat;
-	
+
 }
 
-.th[data-type="button"], .td[data-type="button"],
-.th[data-type="fvalue"], .td[data-type="fvalue"] {
+.th[data-type="button"],
+.td[data-type="button"],
+.th[data-type="fvalue"],
+.td[data-type="fvalue"] {
     flex: 1 1 2em;
     text-align: center;
 }
@@ -735,6 +815,7 @@ select {
     display: block;
     font-style: normal;
     padding: 2px;
+
 }
 
 .uci-change-list var ins,
@@ -750,13 +831,16 @@ select {
 }
 
 .uci-change-legend-label {
-    width: 150px;
+    display: flex;
+    align-items: center;
+    width: auto;
     float: left;
+    margin-right: 2rem;
 }
 
-.uci-change-legend-label > ins,
-.uci-change-legend-label > del,
-.uci-change-legend-label > var {
+.uci-change-legend-label>ins,
+.uci-change-legend-label>del,
+.uci-change-legend-label>var {
     float: left;
     margin-right: 4px;
     width: 10px;
@@ -766,7 +850,7 @@ select {
 
 .uci-change-legend-label var ins,
 .uci-change-legend-label var del {
-    line-height: 6px;
+    line-height: 0;
     border: none;
 }
 
@@ -777,48 +861,50 @@ select {
 }
 
 /* other fix */
-input[type="checkbox"]{
-	appearance:none !important;
-	-webkit-appearance:none !important;
-	border:1px solid #dee2e6 ;
-	
-	width: 16px !important;
+input[type="checkbox"] {
+    appearance: none !important;
+    -webkit-appearance: none !important;
+    border: 1px solid #dee2e6;
+
+    width: 16px !important;
     height: 16px !important;
-	padding:0;
-	cursor:pointer;
-	transition:all 0.2s;
-	margin: 0.25rem 0;
+    padding: 0;
+    cursor: pointer;
+    transition: all 0.2s;
+
+    margin: 0.9rem 0.25rem 0 0.25rem;
 }
 
-input[type="checkbox"]:checked{
-	border:1px solid  #5e72e4;
-	background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e') !important;
+input[type="checkbox"]:checked {
+    border: 1px solid #5e72e4;
+    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e') !important;
     background-color: #5e72e4;
     background-size: 70%;
     background-repeat: no-repeat;
     background-position: center;
 }
-ul li .cbi-input-checkbox{
-	margin-top:0.5rem !important;
+
+ul li .cbi-input-checkbox {
+    margin: 0.5rem 0.25rem !important;
 }
 
-.cbi-input-radio{
-	appearance:none !important;
-	-webkit-appearance:none !important;
-	border:1px solid #dee2e6 ;
-	
-	width: 16px !important;
+.cbi-input-radio {
+    appearance: none !important;
+    -webkit-appearance: none !important;
+    border: 1px solid #dee2e6;
+
+    width: 16px !important;
     height: 16px !important;
-	padding:0;
-	border-radius:50%;
-	cursor:pointer;
-	transition:all 0.2s;
-	margin: 0.25rem 0;
+    padding: 0;
+    border-radius: 50%;
+    cursor: pointer;
+    transition: all 0.2s;
+    margin: 0.25rem 0;
 }
 
-.cbi-input-radio:checked{
-	border:1px solid  #5e72e4;
-	background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%23fff\'/%3e%3c/svg%3e') !important;
+.cbi-input-radio:checked {
+    border: 1px solid #5e72e4;
+    background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%23fff\'/%3e%3c/svg%3e') !important;
     background-color: #5e72e4;
     background-size: 70%;
     background-repeat: no-repeat;
@@ -834,8 +920,9 @@ ul li .cbi-input-checkbox{
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     transform: translate3d(0, 0, 0);
-    margin:1em 0;
+    margin: 1em 0;
 }
+
 .toggle:before {
     content: "";
     position: relative;
@@ -848,6 +935,7 @@ ul li .cbi-input-checkbox{
     border-radius: 8px;
     transition: background 0.2s ease;
 }
+
 .toggle span {
     position: absolute;
     top: 0;
@@ -860,6 +948,7 @@ ul li .cbi-input-checkbox{
     box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
     transition: all 0.2s ease;
 }
+
 .toggle span:before {
     content: "";
     position: absolute;
@@ -874,16 +963,18 @@ ul li .cbi-input-checkbox{
     pointer-events: none;
 }
 
-.cbi-input-checkbox:checked + .toggle:before {
+.cbi-input-checkbox:checked+.toggle:before {
     background: #947ADA;
 }
-.cbi-input-checkbox:checked + .toggle span {
+
+.cbi-input-checkbox:checked+.toggle span {
     background: #4F2EDC;
     transform: translateX(20px);
     transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
     box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
 }
-.cbi-input-checkbox:checked + .toggle span:before {
+
+.cbi-input-checkbox:checked+.toggle span:before {
     transform: scale(1);
     opacity: 0;
     transition: all 0.4s ease;
@@ -901,35 +992,36 @@ ul li .cbi-input-checkbox{
     margin-top: 0;
 }
 
-.cbi-value-field > input + .cbi-value-description {
+.cbi-value-field>input+.cbi-value-description {
     padding: 0;
 }
 
-.cbi-value-field > ul > li {
+.cbi-value-field>ul>li {
     display: flex;
 }
 
-.cbi-value-field > ul > li > label {
-    margin-top: 0.5rem;
+.cbi-value-field>ul>li>label {
+    margin-top: 0rem;
 }
 
-.cbi-value-field > ul > li .ifacebadge {
+.cbi-value-field>ul>li .ifacebadge {
     background-color: #eee;
     margin-left: 0.4rem;
     margin-top: -0.5rem;
 }
 
-.cbi-section-table-row > .cbi-value-field .cbi-dropdown {
+.cbi-section-table-row>.cbi-value-field .cbi-dropdown {
     min-width: 7rem;
 }
 
 .cbi-section-create {
-    margin: .5rem -3px;
+    margin: 0;
     display: inline-flex;
     align-items: center;
+    
 }
 
-.cbi-section-create > * {
+.cbi-section-create>* {
     margin: 0.5rem;
 }
 
@@ -937,7 +1029,9 @@ ul li .cbi-input-checkbox{
     padding: 0.5rem;
 }
 
-div.cbi-value var, td.cbi-value-field var, .td.cbi-value-field var {
+div.cbi-value var,
+td.cbi-value-field var,
+.td.cbi-value-field var {
     font-style: italic;
     color: #0069D6;
 }
@@ -993,7 +1087,7 @@ small {
 }
 
 .zonebadge-empty {
-    background: repeating-linear-gradient(45deg,rgba(204,204,204,0.5),rgba(204,204,204,0.5) 5px,rgba(255,255,255,0.5) 5px,rgba(255,255,255,0.5) 10px);
+    background: repeating-linear-gradient(45deg, rgba(204, 204, 204, 0.5), rgba(204, 204, 204, 0.5) 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);
     color: #404040;
 }
 
@@ -1002,11 +1096,11 @@ small {
     min-width: 10rem;
 }
 
-.zone-forwards > * {
+.zone-forwards>* {
     flex: 1 1 45%;
 }
 
-.zone-forwards > span {
+.zone-forwards>span {
     flex-basis: 10%;
     text-align: center;
     padding: 0 .25rem;
@@ -1018,7 +1112,7 @@ small {
     flex-direction: column;
 }
 
-#diag-rc-output > pre {
+#diag-rc-output>pre {
     background-color: #fff;
     display: block;
     padding: 8.5px;
@@ -1038,11 +1132,12 @@ input[name="nslookup"] {
 }
 
 
-#xhr_poll_status{
+#xhr_poll_status {
     display: inline-block;
 
 }
-#xhr_poll_status > .label.success {
+
+#xhr_poll_status>.label.success {
     background-color: #fff !important;
     color: #32325d !important;
 }
@@ -1083,63 +1178,64 @@ input[name="nslookup"] {
 
 /* fix status overview */
 
-.node-status-overview > .main fieldset:nth-child(4) .td:nth-child(2) {
+.node-status-overview>.main fieldset:nth-child(4) .td:nth-child(2) {
     white-space: normal;
 }
 
 /* fix status processes */
 
-.node-status-processes > .main .table .tr .td:nth-child(3) {
+.node-status-processes>.main .table .tr .td:nth-child(3) {
     white-space: normal;
 }
 
-.node-status-iptables > .main div > .cbi-map > form {
-    margin: 2rem 2rem 0 0;
+.node-status-iptables>.main div>.cbi-map>form {
+    margin: 0.1rem 1.5rem 0 0
 }
 
 /* fix system reboot */
 
-.node-system-reboot > .main > .main-right p,
-.node-system-reboot > .main > .main-right h3 {
+.node-system-reboot>.main>.main-right p,
+.node-system-reboot>.main>.main-right h3 {
     padding-left: 2rem;
 }
 
 /* fix Services  Network Shares*/
-.node-services-samba > .main .cbi-tabcontainer:nth-child(3) .cbi-value-title {
+.node-services-samba>.main .cbi-tabcontainer:nth-child(3) .cbi-value-title {
     margin-bottom: 1rem;
     width: auto;
 }
 
-.node-services-samba > .main .cbi-tabcontainer:nth-child(3) .cbi-value-field {
+.node-services-samba>.main .cbi-tabcontainer:nth-child(3) .cbi-value-field {
     display: list-item;
 }
 
-.node-services-samba > .main .cbi-tabcontainer:nth-child(3) .cbi-value-description {
+.node-services-samba>.main .cbi-tabcontainer:nth-child(3) .cbi-value-description {
     padding-top: 1rem;
 }
 
 /* fix System Software*/
-.node-system-packages > .main table tr td:nth-child(1) {
+.node-system-packages>.main table tr td:nth-child(1) {
     width: auto !important;
 }
 
-.node-system-packages > .main table tr td:nth-last-child(1) {
+.node-system-packages>.main table tr td:nth-last-child(1) {
     white-space: normal;
     font-size: small;
     color: #404040;
 }
 
-.node-system-packages > .main .cbi-tabmenu > li > a, .tabs > li > a {
+.node-system-packages>.main .cbi-tabmenu>li>a,
+.tabs>li>a {
     padding: 0.5rem 0.8rem;
 }
 
-.node-system-packages > .main .cbi-value > pre {
+.node-system-packages>.main .cbi-value>pre {
     background-color: #eee;
     padding: 0.5rem;
     overflow: auto;
 }
 
-.cbi-tabmenu + .cbi-section {
+.cbi-tabmenu+.cbi-section {
     margin-top: 0;
 }
 
@@ -1150,7 +1246,7 @@ input[name="nslookup"] {
 }
 
 
-.node-system-flashops form.inline + form.inline {
+.node-system-flashops form.inline+form.inline {
     margin-left: 0;
 }
 
@@ -1198,21 +1294,40 @@ body.lang_pl.node-main-login .cbi-value-title {
 
 
 
-.table { display: table; position: relative;     color: #525f7f;     border-collapse: collapse; }
-.tr    { display: table-row; border-bottom: 1px solid rgba(0,0,0,.05);   }
-.thead { display: table-header-group; }
-.tbody { display: table-row-group; }
-.tfoot { display: table-footer-group; }
-.td, .th {
+.table {
+    display: table;
+    position: relative;
+    color: #525f7f;
+    border-collapse: collapse;
+}
+
+.tr {
+    display: table-row;
+    border-bottom: 1px solid rgba(0, 0, 0, .05);
+}
+
+.thead {
+    display: table-header-group;
+}
+
+.tbody {
+    display: table-row-group;
+}
+
+.tfoot {
+    display: table-footer-group;
+}
+
+.td,
+.th {
     vertical-align: middle;
     text-align: center;
     display: table-cell;
     padding: 1rem;
     white-space: nowrap;
 }
-.cbi-section-table-row .td{
 
-}
+.cbi-section-table-row .td {}
 
 .th {
     font-weight: bold;
@@ -1222,7 +1337,7 @@ body.lang_pl.node-main-login .cbi-value-title {
     height: 4em;
 }
 
-.tr.placeholder > .td {
+.tr.placeholder>.td {
     position: absolute;
     left: 0;
     right: 0;
@@ -1231,25 +1346,76 @@ body.lang_pl.node-main-login .cbi-value-title {
     background: inherit;
 }
 
-.table[width="33%"], .th[width="33%"], .td[width="33%"] { width: 33%; padding-left: 1.5rem; padding-right: 1.5rem }
-.table[width="100%"], .th[width="100%"], .td[width="100%"] { width: 100%; }
+.table[width="33%"],
+.th[width="33%"],
+.td[width="33%"] {
+    width: 33%;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem
+}
 
-.table-titles .th{
+.table[width="100%"],
+.th[width="100%"],
+.td[width="100%"] {
+    width: 100%;
+}
+
+.table-titles .th {
     padding: 0.75rem 1rem;
     color: #8898aa;
     background-color: #f6f9fc;
 }
 
-.col-1 { flex: 1 1 30px !important; -webkit-flex: 1 1 30px !important; }
-.col-2 { flex: 2 2 60px !important; -webkit-flex: 2 2 60px !important; }
-.col-3 { flex: 3 3 90px !important; -webkit-flex: 3 3 90px !important; }
-.col-4 { flex: 4 4 120px !important; -webkit-flex: 4 4 120px !important; }
-.col-5 { flex: 5 5 150px !important; -webkit-flex: 5 5 150px !important; }
-.col-6 { flex: 6 6 180px !important; -webkit-flex: 6 6 180px !important; }
-.col-7 { flex: 7 7 210px !important; -webkit-flex: 7 7 210px !important; }
-.col-8 { flex: 8 8 240px !important; -webkit-flex: 8 8 240px !important; }
-.col-9 { flex: 9 9 270px !important; -webkit-flex: 9 9 270px !important; }
-.col-10 { flex: 10 10 300px !important; -webkit-flex: 10 10 300px !important; white-space: inherit;}
+.col-1 {
+    flex: 1 1 30px !important;
+    -webkit-flex: 1 1 30px !important;
+}
+
+.col-2 {
+    flex: 2 2 60px !important;
+    -webkit-flex: 2 2 60px !important;
+}
+
+.col-3 {
+    flex: 3 3 90px !important;
+    -webkit-flex: 3 3 90px !important;
+}
+
+.col-4 {
+    flex: 4 4 120px !important;
+    -webkit-flex: 4 4 120px !important;
+}
+
+.col-5 {
+    flex: 5 5 150px !important;
+    -webkit-flex: 5 5 150px !important;
+}
+
+.col-6 {
+    flex: 6 6 180px !important;
+    -webkit-flex: 6 6 180px !important;
+}
+
+.col-7 {
+    flex: 7 7 210px !important;
+    -webkit-flex: 7 7 210px !important;
+}
+
+.col-8 {
+    flex: 8 8 240px !important;
+    -webkit-flex: 8 8 240px !important;
+}
+
+.col-9 {
+    flex: 9 9 270px !important;
+    -webkit-flex: 9 9 270px !important;
+}
+
+.col-10 {
+    flex: 10 10 300px !important;
+    -webkit-flex: 10 10 300px !important;
+    white-space: inherit;
+}
 
 
 
@@ -1274,22 +1440,25 @@ input {
     font-size: .875rem;
     transition: all .15s ease-in-out;
     line-height: 1.5;
-    height: calc(2.75rem + 2px);
+
     padding: .625rem .75rem;
     color: #8898aa;
     border: 1px solid #dee2e6;
     border-radius: .25rem;
     background-color: #fff;
     background-clip: padding-box;
-    box-shadow:0 3px 2px rgba(233,236,239,.05);
+    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
     outline: none;
     transition: box-shadow .15s ease;
-    margin:0.25rem;
+    margin: 0.25rem;
 }
 
 select:not([multiple="multiple"]):focus,
 input:focus {
-    border-color:#5e72e4;outline:0;background-color:#fff;box-shadow:0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1);
+    border-color: #5e72e4;
+    outline: 0;
+    background-color: #fff;
+    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
 }
 
 select[multiple="multiple"] {
@@ -1314,15 +1483,29 @@ hr {
 }
 
 .bg-primary {
-    background-color: #5e72e4!important;
+    background-color: #5e72e4 !important;
 }
 
-header, .main {
+header,
+.main {
     width: 100%;
 }
 
 header {
-    padding: 0 0 14rem 0;
+    padding: 0 0 0 0;
+    position: relative;
+}
+
+header::after {
+    content: "";
+    position: absolute;
+    height: 14rem;
+    width: 100%;
+    background-color: #5e72e4 !important;
+}
+
+.kpi {
+    font-size: 0.875rem;
 }
 
 footer {
@@ -1333,7 +1516,7 @@ footer {
     text-shadow: 0px 0px 2px #BBB;
 }
 
-footer > a {
+footer>a {
     color: #aaa;
     text-decoration: none;
 }
@@ -1346,7 +1529,7 @@ footer > a {
     height: calc(100% - 4rem);
 }
 
-.main > .loading {
+.main>.loading {
     position: fixed;
     width: 100%;
     height: 100%;
@@ -1358,7 +1541,7 @@ footer > a {
     top: 0;
 }
 
-.main > .loading > span {
+.main>.loading>span {
     display: block;
     text-align: center;
     margin-top: 2rem;
@@ -1366,18 +1549,18 @@ footer > a {
     font-size: 2rem;
 }
 
-.main > .loading > span > .loading-img:before {
+.main>.loading>span>.loading-img:before {
     content: "\e603";
 }
 
-.main > .loading > span > .loading-img {
+.main>.loading>span>.loading-img {
     animation: anim-rotate 2s infinite linear;
     margin-right: 0.4rem;
     display: inline-block;
 }
 
-.main > .main-right > .login-bg {
-    display:none;
+.main>.main-right>.login-bg {
+    display: none;
 }
 
 @keyframes anim-rotate {
@@ -1386,6 +1569,7 @@ footer > a {
         -ms-transform: rotate(0);
         transform: rotate(0);
     }
+
     100% {
         -webkit-transform: rotate(360deg);
         -ms-transform: rotate(360deg);
@@ -1397,8 +1581,8 @@ footer > a {
     position: fixed;
     z-index: 200;
     width: 20rem;
-    margin-left:-10rem;
-    margin-top:-5rem;
+    margin-left: -10rem;
+    margin-top: -5rem;
     height: 10rem;
     left: 50%;
     top: 50%;
@@ -1406,66 +1590,82 @@ footer > a {
     border-color: #5e72e4;
     text-align: center;
 }
-[id^="cbi-apply-"] >  .panel-title {
-    border-bottom:none;
+
+[id^="cbi-apply-"]>.panel-title {
+    border-bottom: none;
 }
-[id^="cbi-apply-"] > [id^="cbi-apply-"]{
+
+[id^="cbi-apply-"]>[id^="cbi-apply-"] {
     position: initial;
-    width:auto;
-    height:auto;
+    width: auto;
+    height: auto;
     font-size: 1rem;
-	margin-left:0rem;
-    margin-top:.8rem;
-    display:block;
+    margin-left: 0rem;
+    margin-top: .8rem;
+    display: block;
 }
+
 .main-left {
     float: left;
     width: 15%;
     width: calc(0% + 15rem);
     height: 100%;
-    background-color: #fff!important; 
-    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
+    background-color: #fff !important;
+    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
     overflow-x: auto;
     position: fixed;
     z-index: 100;
 }
-.main-left::-webkit-scrollbar {width: 5px;height: 1px;}
-.main-left::-webkit-scrollbar-thumb {background-color:  #f6f9fc}
-.main-left::-webkit-scrollbar-track {background-color:#fff ;}
+
+.main-left::-webkit-scrollbar {
+    width: 5px;
+    height: 1px;
+}
+
+.main-left::-webkit-scrollbar-thumb {
+    background-color: #f6f9fc
+}
+
+.main-left::-webkit-scrollbar-track {
+    background-color: #fff;
+}
 
 
 .main-right {
     width: 85%;
     width: calc(100% - 15rem);
     float: right;
-    height: 100%;
+    height: auto;
     background-color: #f8f9fe;
 }
 
-.main-right > #maincontent {
+.node-main-login .main-right {
+    height: 100%;
+}
+
+.main-right>#maincontent {
 
     position: relative;
     z-index: 50;
-    margin-top: -14rem;
+
 }
 
 
 
 
-header > .container {
+header>.container {
     margin-top: 0.5rem;
     padding: 0.5rem 1rem 0 1rem;
 }
 
-.cbi-section > h3:first-child,
+.cbi-section>h3:first-child,
 .panel-title {
-    font-size: 1.2rem;
+    font-size: 1.125rem;
     width: 100%;
     display: block;
     margin-bottom: 0;
-    padding: 1.25rem 1.5rem;
-    border-bottom: 1px solid rgba(0,0,0,.05);
-    line-height: 1.5;
+    padding: 0.8755rem 1.5rem;
+    border-bottom: 1px solid #ddd;
     margin-bottom: 0rem;
     letter-spacing: 0.1rem;
     color: #32325d;
@@ -1477,12 +1677,23 @@ table {
     border-collapse: collapse;
 }
 
-table, .table {
+table,
+.table {
     width: 100%;
 }
 
-table > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th,
-.table > .tbody > .tr > .td, .table > .tbody > .tr > .th, .table > .tfoot > .tr > .td, .table > .tfoot > .tr > .th, .table > .thead > .tr > .td, .table > .thead > .tr > .th {
+table>tbody>tr>td,
+table>tbody>tr>th,
+table>tfoot>tr>td,
+table>tfoot>tr>th,
+table>thead>tr>td,
+table>thead>tr>th,
+.table>.tbody>.tr>.td,
+.table>.tbody>.tr>.th,
+.table>.tfoot>.tr>.td,
+.table>.tfoot>.tr>.th,
+.table>.thead>.tr>.td,
+.table>.thead>.tr>.th {
     padding: .5rem;
     border-top: 1px solid #ddd;
     white-space: nowrap;
@@ -1495,34 +1706,38 @@ table > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table
 }
 
 .cbi-section-table {
+    font-size: 0.875rem;
     border: none;
     margin: 0 !important;
 }
 
+.status-bar {
+    font-size: 0.875rem;
+}
 
 .cbi-section-table-row:last-child {
     margin-bottom: 0;
 }
 
-.cbi-section-table-row > .cbi-value-field .cbi-input-select,
-.cbi-section-table-row > .cbi-value-field .cbi-input-text,
-.cbi-section-table-row > .cbi-value-field .cbi-input-password,
-.cbi-section-table-row > .cbi-value-field .cbi-dropdown {
+.cbi-section-table-row>.cbi-value-field .cbi-input-select,
+.cbi-section-table-row>.cbi-value-field .cbi-input-text,
+.cbi-section-table-row>.cbi-value-field .cbi-input-password,
+.cbi-section-table-row>.cbi-value-field .cbi-dropdown {
     width: 100%;
 }
 
-.cbi-section-table-row > .cbi-value-field [data-dynlist] > input,
-.cbi-section-table-row > .cbi-value-field input.cbi-input-password {
+.cbi-section-table-row>.cbi-value-field [data-dynlist]>input,
+.cbi-section-table-row>.cbi-value-field input.cbi-input-password {
     width: calc(100% - 1.5rem);
 }
 
-div > table > tbody > tr:nth-of-type(2n),
-div > .table > .tbody > .tr:nth-of-type(2n) {
+div>table>tbody>tr:nth-of-type(2n),
+div>.table>.tbody>.tr:nth-of-type(2n) {
     background-color: #f9f9f9;
 }
 
-div > table > tbody > tr:nth-of-type(2n),
-div > .table > .tbody > .tr:nth-of-type(2n) {
+div>table>tbody>tr:nth-of-type(2n),
+div>.table>.tbody>.tr:nth-of-type(2n) {
     background-color: #f9f9f9;
 }
 
@@ -1532,7 +1747,7 @@ div > .table > .tbody > .tr:nth-of-type(2n) {
 }
 
 .warning {
-    background-color:  #8965e0 !important;
+    background-color: #8965e0 !important;
     color: #fff;
 }
 
@@ -1572,53 +1787,57 @@ div > .table > .tbody > .tr:nth-of-type(2n) {
     color: red;
 }
 
-.main > .main-left > .sidenav-header{
+.main>.main-left>.sidenav-header {
     padding: 1.5rem;
+    text-align: center;
 }
-.main > .main-left > .sidenav-header > .brand {
+
+.main>.main-left>.sidenav-header>.brand {
     font-size: 1.8rem;
     color: #5e72e4;
-    font-family: "TypoGraphica";
+    font-family: "TypoGraphica", sans-serif;
     text-decoration: none;
-    padding-left: 2rem;
+    padding-left: 0;
     cursor: default;
     vertical-align: text-bottom;
-	white-space: nowrap;
+    white-space: nowrap;
 }
-.main > .main-left > .nav {
+
+.main>.main-left>.nav {
     margin-top: 0.5rem;
 }
 
-.main > .main-left > .nav > li a {
+.main>.main-left>.nav>li a {
     color: #8699ad;
     display: block;
 }
 
-.main > .main-left > .nav > li:nth-last-child(1) {
+.main>.main-left>.nav>li:nth-last-child(1) {
     margin-top: 2rem;
     font-size: 1.2rem;
 }
-.main > .main-left > .nav > li:nth-last-child(1) > .menu:after{
+
+.main>.main-left>.nav>li:nth-last-child(1)>.menu:after {
     content: "";
 }
 
-.main > .main-left > .nav > li {
+.main>.main-left>.nav>li {
     padding: 0.5rem 1rem;
     cursor: pointer;
 }
 
-.main > .main-left > .nav > .slide {
+.main>.main-left>.nav>.slide {
     padding: 0;
 }
 
-.main > .main-left > .nav > .slide > ul {
+.main>.main-left>.nav>.slide>ul {
     display: none;
 }
 
-.main > .main-left > .nav > .slide > .menu {
+.main>.main-left>.nav>.slide>.menu {
     display: block;
     margin: 0.1rem .5rem 0.1rem .5rem;
-    padding: .675rem 0 .675rem  3rem;
+    padding: .675rem 0 .675rem 2.5rem;
     border-radius: .375rem;
     text-decoration: none;
     cursor: default;
@@ -1627,23 +1846,19 @@ div > .table > .tbody > .tr:nth-of-type(2n) {
     position: relative;
 }
 
-.main > .main-left > .nav > li:hover,
-.main > .main-left > .nav > .slide > .menu:hover {
+.main>.main-left>.nav>li:hover,
+.main>.main-left>.nav>.slide>.menu:hover {
     cursor: pointer;
     color: #000;
 }
 
-.main > .main-left > .nav > .slide:hover {
+.main>.main-left>.nav>.slide:hover {
     background: none;
 
 }
-.main > .main-left > .nav > .slide > .menu:hover {
 
-
-}
-
-.main > .main-left > .nav > .slide > .menu:before{
-    font-family: 'ssr' !important;
+.main>.main-left>.nav>.slide>.menu:before {
+    font-family: 'argon' !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
@@ -1655,46 +1870,60 @@ div > .table > .tbody > .tr:nth-of-type(2n) {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     position: absolute;
-    left:1.3rem;
-    padding-top:3px;
+    left: 0.8rem;
+    padding-top: 3px;
 }
-.main > .main-left > .nav > .slide > .menu[data-title= Status ]:before{
+
+.main>.main-left>.nav>.slide>.menu[data-title=Status]:before {
     content: "\e906";
-    color: #5e72e4!important;
+    color: #5e72e4 !important;
 }
-.main > .main-left > .nav > .slide > .menu[data-title= System ]:before{
+
+.main>.main-left>.nav>.slide>.menu[data-title=System]:before {
     content: "\e90a";
-    color: #fb6340!important;
+    color: #fb6340 !important;
 }
-.main > .main-left > .nav > .slide > .menu[data-title= Services ]:before{
+
+.main>.main-left>.nav>.slide>.menu[data-title=Services]:before {
     content: "\e909";
-    color: #11cdef!important;
+    color: #11cdef !important;
 }
-.main > .main-left > .nav > .slide > .menu[data-title= NAS ]:before{
+
+.main>.main-left>.nav>.slide>.menu[data-title=NAS]:before {
     content: "\e90c";
-    color: #f3a4b5!important;
+    color: #f3a4b5 !important;
 }
-.main > .main-left > .nav > .slide > .menu[data-title= VPN ]:before{
+
+.main>.main-left>.nav>.slide>.menu[data-title=VPN]:before {
     content: "\e90b";
-    color: #172b4d!important;
+    color: #172b4d !important;
 }
-.main > .main-left > .nav > .slide > .menu[data-title= Network ]:before{
+
+.main>.main-left>.nav>.slide>.menu[data-title=Network]:before {
     content: "\e908";
-    color: #8965e0!important;
+    color: #8965e0 !important;
 }
-.main > .main-left > .nav > .slide > .menu[data-title= Bandwidth_Monitor ]:before{
+
+.main>.main-left>.nav>.slide>.menu[data-title=Bandwidth_Monitor]:before {
     content: "\e90d";
-    color: #2dce89!important;
+    color: #2dce89 !important;
 }
-.main > .main-left > .nav > .slide > .menu[data-title= Logout ]:before{
+
+.main>.main-left>.nav>.slide>.menu[data-title=Docker]:before {
+    content: "\e911";
+    color: #6699ff !important;
+}
+
+.main>.main-left>.nav>.slide>.menu[data-title=Logout]:before {
     content: "\e907";
-    color: #32325d!important;
+    color: #32325d !important;
 }
-.main > .main-left > .nav > .slide > .menu:after {
+
+.main>.main-left>.nav>.slide>.menu:after {
     position: absolute;
     right: 0.5rem;
     top: 0.8rem;
-    font-family: 'icomoon' !important;
+    font-family: 'argon' !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
@@ -1705,25 +1934,27 @@ div > .table > .tbody > .tr:nth-of-type(2n) {
     /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    content: '\e900';
+    content: '\e90f';
     transition: all .15s ease;
     color: #ced4da;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     transition: all 0.3s;
 }
-header > .fill{
+
+header>.fill {
     padding: 0.8rem 0;
-    border-bottom: 1px solid rgba(255,255,255,.08)!important;
+    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
 
 }
-header > .fill > .container{
+
+header>.fill>.container {
     height: 2rem;
     padding: 0 1rem;
 
 }
 
-header > .fill > .container > .brand{
+header>.fill>.container>.brand {
     font-size: 1.5rem;
     color: #fff;
     font-family: "TypoGraphica";
@@ -1734,49 +1965,60 @@ header > .fill > .container > .brand{
     display: none;
 }
 
-.main > .main-left > .nav > .slide > .menu.active{
-    color: #000;
-    background: #f6f9fc;
+.main>.main-left>.nav>.slide>.menu.active {
+    color: #fff;
+    background: #5e72e4;
 }
-.main > .main-left > .nav > .slide > .menu.active:after{
-    color: #5e72e4;
+
+.main>.main-left>.nav>.slide>.menu.active::before {
+    color: #fff !important;
+}
+
+.main>.main-left>.nav>.slide>.menu.active:after {
+    color: #fff;
     transform: rotate(90deg);
 }
 
-.main > .main-left > .nav > .slide > .slide-menu > li {
+.main>.main-left>.nav>.slide>.slide-menu>li>a {
+    position: relative;
 
-}
-
-.main > .main-left > .nav > .slide > .slide-menu > .active {
-
-}
-
-.main > .main-left > .nav > .slide > .slide-menu > li > a {
-    margin: 0.1rem .5rem 0.1rem 0.5rem;
-    padding: 0.5rem 1.5rem 0.5rem 3rem;
+    margin: 0.1rem 1rem 0.1rem 3rem;
+    padding: 0.5rem 0rem 0.5rem 0;
     text-decoration: none;
     white-space: nowrap;
-    color:rgba(0,0,0,.6);
+    color: rgba(0, 0, 0, .6);
+    transition: all 0.2s;
+    font-size: 0.875rem;
+
+}
+
+.main>.main-left>.nav>.slide>.slide-menu>li>a::after {
+    content: "";
+    position: absolute;
+    width: 00%;
+    height: 2px;
+    left: 0;
+    bottom: 0;
+    background-color: #5e72e4;
     transition: all 0.2s;
 }
 
-.main > .main-left > .nav > .slide > .slide-menu > .active > a {
+.main>.main-left>.nav>.slide>.slide-menu>.active>a {
     color: #000;
 }
 
-.main > .main-left > .nav > .slide > .slide-menu > li > a:hover {
-
+.main>.main-left>.nav>.slide>.slide-menu>.active>a::after,
+.main>.main-left>.nav>.slide>.slide-menu>li>a:hover::after {
+    color: #000;
+    width: 100%;
 }
 
-.main > .main-left > .nav > .slide > .slide-menu > .active > a:hover {
-
-}
 
 li {
     list-style-type: none;
 }
 
-#maincontent > .container {
+#maincontent>.container {
     margin: 0 2rem 1rem 2rem;
 }
 
@@ -1786,46 +2028,48 @@ h1 {
     border-bottom: 1px solid #eee;
 }
 
+
+
 h2 {
-    margin: 0 0 0 0;
+    margin: 0 0 1rem 0;
     font-size: 1.5rem;
-    padding: 1.5rem 0!important;
-    color: #fff;
+    letter-spacing: 0.1rem;
+    padding: 1rem 0 0 0 !important;
+    color: #ffffff;
 }
 
-#cbi-dropbear h2 ,
-#cbi-dropbear .cbi-map-descr ,
+#cbi-dropbear h2,
+#cbi-dropbear .cbi-map-descr,
 #cbi-dropbear .cbi-map-descr abbr,
 #cbi-rc h2,
 #cbi-rc .cbi-map-descr,
 #cbi-distfeedconf h2,
 #cbi-distfeedconf .cbi-map-descr,
 #cbi-customfeedconf h2,
-#cbi-customfeedconf .cbi-map-descr
-{
-    color: #32325d!important;
+#cbi-customfeedconf .cbi-map-descr,
+#cbi-download h2,
+#cbi-filelist h2 {
+    color: #32325d !important;
 }
 
+
 h3 {
     font-size: 1.4rem;
     width: 100%;
     display: block;
     margin-bottom: 0;
-    padding: 1.25rem 1.5rem;
-    padding-bottom: 10px;
-    line-height: 1.5;
+    padding: 0.8755rem 1.5rem;
+    border-bottom: 1px solid #ddd;
     margin-bottom: 0rem;
     letter-spacing: 0.1rem;
     color: #32325d;
     font-weight: bold;
 }
 
-h4 {
-
-}
+h4 {}
 
 fieldset {
-    margin: 2rem 0 0 0;
+    margin: 1.25rem 0 0 0;
     padding: 0;
     font-weight: normal;
     font-style: normal;
@@ -1836,27 +2080,28 @@ fieldset {
     overflow-x: auto;
     overflow-y: hidden;
 
-    border: 1px solid rgba(0,0,0,.05);
+    border: 1px solid rgba(0, 0, 0, .05);
     border-radius: .375rem;
     background-color: #fff;
-    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
+    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
 
     -webkit-overflow-scrolling: touch;
 }
 
 
 
-fieldset > legend {
+fieldset>legend {
     display: none !important;
 }
 
-fieldset > fieldset {
+fieldset>fieldset {
     margin: 0;
     padding: 0;
     border: none;
     box-shadow: none;
 }
-fieldset.cbi-section p{
+
+fieldset.cbi-section p {
     padding: 1em;
 }
 
@@ -1864,35 +2109,37 @@ fieldset.cbi-section p{
     width: 100%;
     display: block;
     margin-bottom: 0;
-    padding: 1.25rem 1.5rem;
-    border-bottom: 1px solid rgba(0,0,0,.05);
+    padding: 0.8755rem 1.5rem;
     background-color: #fff;
-    line-height: 1.5;
+    border-bottom: 1px solid #ddd;
     margin-bottom: 0rem;
-    letter-spacing:0.1rem;
+    letter-spacing: 0.1rem;
     color: #32325d;
-    font-weight:bold;
+    font-weight: bold;
 }
 
 table {
     border-spacing: 0;
     border-collapse: collapse;
     width: 100%;
-    border: 1px solid #eee;
 }
 
-table > tbody > tr > td,  table > tfoot > tr > td, table > thead > tr > td {
+table>tbody>tr>td,
+table>tfoot>tr>td,
+table>thead>tr>td {
     font-size: .8125rem;
     white-space: nowrap;
     color: #525f7f;
-    padding: 1rem;
+    padding: 0.75rem;
     padding-right: 1.5rem;
     padding-left: 1.5rem;
     border-top: 1px solid #ddd;
     white-space: nowrap;
 }
 
-table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > th {
+table>tbody>tr>th,
+table>tfoot>tr>th,
+table>thead>tr>th {
 
     padding-right: 1.5rem;
     padding-left: 1.5rem;
@@ -1905,6 +2152,13 @@ table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > th {
     text-transform: uppercase;
     border-bottom: 1px solid #e9ecef;
 }
+
+table>tbody>tr:first-child>td,
+table>tfoot>tr:first-child>td,
+table>thead>tr:first-child>td {
+    border-top: 0px;
+}
+
 .cbi-section-table-cell {
     text-align: center;
 }
@@ -1913,16 +2167,10 @@ table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > th {
     text-align: center;
 }
 
-fieldset > table > tbody > tr:nth-of-type(2n) {
+fieldset>table>tbody>tr:nth-of-type(2n) {
     background-color: #f9f9f9;
 }
 
-.cbi-section-create {
-    margin: .5rem -3px;
-    display: inline-flex;
-    align-items: center;
-    padding-left: 1rem;
-}
 
 
 
@@ -1937,11 +2185,11 @@ table table {
     border: none;
 }
 
-td > table > tbody > tr > td {
+td>table>tbody>tr>td {
     border: none;
 }
 
-.cbi-value-field > table > tbody > tr > td {
+.cbi-value-field>table>tbody>tr>td {
     border: none;
 }
 
@@ -1952,13 +2200,13 @@ td > table > tbody > tr > td {
 .cbi-button {
     -webkit-appearance: none;
     text-transform: uppercase;
-    height: 2.5rem;
-    line-height: 2.5rem;
+    height: auto;
+    font-size: 0.875rem;
     color: rgba(0, 0, 0, 0.87);
     background-color: #F0F0F0;
     transition: all 0.2s ease-in-out;
     display: inline-block;
-    padding: 0 0.8rem;
+    padding: 0.75rem 0.8rem;
     border: none;
     border-radius: 0.2rem;
     cursor: pointer;
@@ -1972,8 +2220,9 @@ td > table > tbody > tr > td {
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
-    font-size: 0.8rem;
+    font-size: .8125rem;
     width: auto !important;
+    line-height: 1em;
 }
 
 .cbi-button:hover,
@@ -1999,9 +2248,13 @@ td > table > tbody > tr > td {
     box-shadow: none;
 }
 
-form.inline + form.inline,
-.cbi-button + .cbi-button {
-    margin-left: 0.6rem;
+.cbi-button-check {
+    margin-top: 0.25rem !important;
+}
+
+form.inline+form.inline,
+.cbi-button+.cbi-button {
+    margin-left: 0rem;
 }
 
 .cbi-button-reset,
@@ -2025,8 +2278,7 @@ form.inline + form.inline,
     border-color: #2e6da4 !important;
 }
 
-.cbi-value-field 
-.cbi-input-apply,
+.cbi-value-field .cbi-input-apply,
 .cbi-button-apply,
 .cbi-button-edit {
 
@@ -2036,16 +2288,19 @@ form.inline + form.inline,
 }
 
 
-.cbi-section-remove > .cbi-button,
+.cbi-section-remove>.cbi-button,
 .cbi-button-remove {
     color: #fff !important;
     background-color: #fb6340 !important;
     border-color: #fb6340 !important;
 }
-.cbi-value-field .cbi-button-add ,.cbi-value-field .cbi-button-remove ,.cbi-value-field .cbi-button-neutral{
+
+.cbi-value-field .cbi-button-add,
+.cbi-value-field .cbi-button-remove,
+.cbi-value-field .cbi-button-neutral {
     height: 2.5rem;
     line-height: 2.5rem;
-    min-width: 2.5rem!important;
+    min-width: 2.5rem !important;
 }
 
 
@@ -2058,28 +2313,31 @@ form.inline + form.inline,
     border-radius: 0.375rem;
 }
 
-.cbi-tabmenu > li,
-.tabs > li {
-    font-size:1rem;
-    border-top-left-radius:0.25rem;
-    border-top-right-radius:0.25rem;
+.cbi-tabmenu>li,
+.tabs>li {
+    font-size: 0.875rem;
+    border-top-left-radius: 0.25rem;
+    border-top-right-radius: 0.25rem;
     display: inline-block;
-    padding: 0.75rem 0rem;
-    border-bottom: 0.18751rem solid rgba(0,0,0,0);
+    padding: 0.5rem 0rem;
+    border-bottom: 0.18751rem solid rgba(0, 0, 0, 0);
 }
-.cbi-tabmenu > li{
+
+.cbi-tabmenu>li {
     background: #adb5bd;
 }
 
-.cbi-tabmenu > li > a,
-.tabs > li > a {
+.cbi-tabmenu>li>a,
+.tabs>li>a {
     text-decoration: none;
-    color:#404040;
+    color: #404040;
     padding: 0.5rem 0.8rem;
 }
-.cbi-tabmenu > li > a{
+
+.cbi-tabmenu>li>a {
     color: #fff;
 }
+
 .cbi-dropdown {
     display: inline-flex;
     cursor: pointer;
@@ -2092,7 +2350,7 @@ form.inline + form.inline,
     outline: 2px solid #4b6e9b;
 }
 
-.cbi-dropdown > ul {
+.cbi-dropdown>ul {
     margin: 0 !important;
     padding: 0;
     list-style: none;
@@ -2102,18 +2360,18 @@ form.inline + form.inline,
     width: 100%;
 }
 
-.cbi-dropdown > ul.preview {
+.cbi-dropdown>ul.preview {
     display: none;
 }
 
-.cbi-dropdown > .open {
+.cbi-dropdown>.open {
     border: 0px outset #eee;
     flex-basis: 15px;
     background: #fff;
 }
 
-.cbi-dropdown > .open,
-.cbi-dropdown > .more {
+.cbi-dropdown>.open,
+.cbi-dropdown>.more {
     flex-grow: 0;
     flex-shrink: 0;
     display: flex;
@@ -2124,15 +2382,15 @@ form.inline + form.inline,
     padding: 0 .25em;
 }
 
-.cbi-dropdown > .more,
-.cbi-dropdown > ul > li[placeholder] {
+.cbi-dropdown>.more,
+.cbi-dropdown>ul>li[placeholder] {
     color: #777;
     font-weight: bold;
     text-shadow: 1px 1px 0px #fff;
     display: none;
 }
 
-.cbi-dropdown > ul > li {
+.cbi-dropdown>ul>li {
     display: none;
     padding: .25em;
     white-space: nowrap;
@@ -2145,44 +2403,49 @@ form.inline + form.inline,
     min-height: 20px;
 }
 
-.cbi-dropdown > ul > li .hide-open { display: initial; }
-.cbi-dropdown > ul > li .hide-close { display: none; }
+.cbi-dropdown>ul>li .hide-open {
+    display: initial;
+}
 
-.cbi-dropdown > ul > li[display]:not([display="0"]) {
+.cbi-dropdown>ul>li .hide-close {
+    display: none;
+}
+
+.cbi-dropdown>ul>li[display]:not([display="0"]) {
     border-left: 1px solid #ccc;
 }
 
-.cbi-dropdown[empty] > ul {
+.cbi-dropdown[empty]>ul {
     max-width: 1px;
 }
 
-.cbi-dropdown > ul > li > form {
+.cbi-dropdown>ul>li>form {
     display: none;
     margin: 0;
     padding: 0;
     pointer-events: none;
 }
 
-.cbi-dropdown > ul > li img {
+.cbi-dropdown>ul>li img {
     vertical-align: middle;
     margin-right: .25em;
 }
 
-.cbi-dropdown > ul > li > form > input[type="checkbox"] {
+.cbi-dropdown>ul>li>form>input[type="checkbox"] {
     margin: 0;
     height: auto;
 }
 
-.cbi-dropdown > ul > li input[type="text"] {
+.cbi-dropdown>ul>li input[type="text"] {
     height: 20px;
 }
 
 .cbi-dropdown[open] {
     position: relative;
-	border-color:#5e72e4;
+    border-color: #5e72e4;
 }
 
-.cbi-dropdown[open] > ul.dropdown {
+.cbi-dropdown[open]>ul.dropdown {
     display: block;
     background: #fff;
     border-color: #5e72e4;
@@ -2191,43 +2454,48 @@ form.inline + form.inline,
     max-width: none;
     min-width: 100%;
     width: auto;
-    box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.05);
+    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .05);
 }
 
-.cbi-dropdown > ul > li[display],
-.cbi-dropdown[open] > ul.preview,
-.cbi-dropdown[open] > ul.dropdown > li,
-.cbi-dropdown[multiple] > ul > li > label,
-.cbi-dropdown[multiple][open] > ul.dropdown > li,
-.cbi-dropdown[multiple][more] > .more,
-.cbi-dropdown[multiple][empty] > .more {
+.cbi-dropdown>ul>li[display],
+.cbi-dropdown[open]>ul.preview,
+.cbi-dropdown[open]>ul.dropdown>li,
+.cbi-dropdown[multiple]>ul>li>label,
+.cbi-dropdown[multiple][open]>ul.dropdown>li,
+.cbi-dropdown[multiple][more]>.more,
+.cbi-dropdown[multiple][empty]>.more {
     flex-grow: 1;
     display: flex;
     align-items: center;
 }
 
-.cbi-dropdown[empty] > ul > li,
-.cbi-dropdown[optional][open] > ul.dropdown > li[placeholder],
-.cbi-dropdown[multiple][open] > ul.dropdown > li > form {
+.cbi-dropdown[empty]>ul>li,
+.cbi-dropdown[optional][open]>ul.dropdown>li[placeholder],
+.cbi-dropdown[multiple][open]>ul.dropdown>li>form {
     display: block;
 }
 
-.cbi-dropdown[open] > ul.dropdown > li .hide-open { display: none; }
-.cbi-dropdown[open] > ul.dropdown > li .hide-close { display: initial; }
+.cbi-dropdown[open]>ul.dropdown>li .hide-open {
+    display: none;
+}
 
-.cbi-dropdown[open] > ul.dropdown > li {
+.cbi-dropdown[open]>ul.dropdown>li .hide-close {
+    display: initial;
+}
+
+.cbi-dropdown[open]>ul.dropdown>li {
     border-bottom: 1px solid #ccc;
 }
 
-.cbi-dropdown[open] > ul.dropdown > li[selected] {
+.cbi-dropdown[open]>ul.dropdown>li[selected] {
     background: #b0d0f0;
 }
 
-.cbi-dropdown[open] > ul.dropdown > li.focus {
+.cbi-dropdown[open]>ul.dropdown>li.focus {
     background: linear-gradient(90deg, #a3c2e8 0%, #84aad9 100%);
 }
 
-.cbi-dropdown[open] > ul.dropdown > li:last-child {
+.cbi-dropdown[open]>ul.dropdown>li:last-child {
     margin-bottom: 0;
     border-bottom: none;
 }
@@ -2256,13 +2524,15 @@ form.inline + form.inline,
     border-radius: .25rem;
     background-color: #fff;
     background-clip: padding-box;
-    box-shadow: 0 3px 2px rgba(233,236,239,.05);
+    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
     margin: 0.25rem;
 }
+
 .cbi-value-field .cbi-dropdown {
     min-width: 20rem;
 }
-.cbi-value-field .cbi-dropdown .zonebadge > .ifacebadge {
+
+.cbi-value-field .cbi-dropdown .zonebadge>.ifacebadge {
     padding: 0rem 1rem;
     margin: 0rem 0.3rem;
     border: 1px solid #6C6C6C;
@@ -2274,7 +2544,7 @@ select[multiple="multiple"] {
     height: auto;
 }
 
-.cbi-dropdown > ul {
+.cbi-dropdown>ul {
     margin: 0 !important;
     padding: 0;
     list-style: none;
@@ -2286,12 +2556,12 @@ select[multiple="multiple"] {
 
 
 
-.cbi-section > legend {
+.cbi-section>legend {
     display: none !important;
 }
 
-.tabs > li[class~="active"],
-.tabs > li:hover {
+.tabs>li[class~="active"],
+.tabs>li:hover {
     cursor: pointer;
     border-bottom: 0.18751rem solid #5e72e4;
     color: #5e72e4;
@@ -2299,11 +2569,11 @@ select[multiple="multiple"] {
 
 }
 
-.tabs > li[class~="active"] > a {
+.tabs>li[class~="active"]>a {
     color: #5e72e4;
 }
 
-.tabs > li:hover {
+.tabs>li:hover {
     border-bottom: 0.18751rem solid #5e72e4;
 }
 
@@ -2312,25 +2582,27 @@ select[multiple="multiple"] {
     padding: 0.5rem 1rem 0 1rem;
 }
 
-.cbi-tabmenu > li:hover {
+.cbi-tabmenu>li:hover {
     background-color: #F1F1F1;
 }
-.cbi-tabmenu > li:hover  > a{
+
+.cbi-tabmenu>li:hover>a {
     color: #525f7f;
 }
 
-.cbi-tabmenu > li[class~="cbi-tab"] {
+.cbi-tabmenu>li[class~="cbi-tab"] {
 
     background-color: #fb6340;
 }
-.cbi-tabmenu > li[class~="cbi-tab"] > a{
+
+.cbi-tabmenu>li[class~="cbi-tab"]>a {
     color: #fff;
 }
 
 
 
 .cbi-section-remove:nth-of-type(2n),
-.cbi-section-node:nth-of-type(2n){
+.cbi-section-node:nth-of-type(2n) {
     background-color: #f9f9f9;
 }
 
@@ -2339,29 +2611,32 @@ select[multiple="multiple"] {
     margin-top: 0;
 
 }
-.cbi-section-node{
+
+.cbi-section-node {
     background: #fff;
     border: 0;
     border-radius: .375rem;
     margin-bottom: 0px;
-    box-shadow: 0 0 0rem 0 rgba(136,152,170,.15);
+    box-shadow: 0 0 0rem 0 rgba(136, 152, 170, .15);
     overflow-x: auto;
     overflow-y: hidden;
-	padding:0rem 0;
+    padding: 0.5rem 0;
 }
-#cbi-network-lan.cbi-section-node{
-    overflow-x:visible;
+
+#cbi-network-lan.cbi-section-node {
+    overflow-x: visible;
     overflow-y: visible;
 }
-#cbi-network .cbi-section , #cbi-network .cbi-section .cbi-section-node{
-    
-}
-.cbi-section-node .cbi-value{
+
+#cbi-network .cbi-section,
+#cbi-network .cbi-section .cbi-section-node {}
+
+.cbi-section-node .cbi-value {
     padding: 0.3rem 0rem 0.3rem 1rem;
 }
 
 
-.cbi-tabcontainer > .cbi-value:nth-of-type(2n) {
+.cbi-tabcontainer>.cbi-value:nth-of-type(2n) {
     background-color: #f9f9f9;
 }
 
@@ -2369,9 +2644,13 @@ select[multiple="multiple"] {
 .cbi-value-description {
     display: table-cell;
     line-height: 1.25;
+
 }
 
-.cbi-value-helpicon > img {
+div.cbi-value-field {}
+
+
+.cbi-value-helpicon>img {
     display: none;
 }
 
@@ -2382,7 +2661,7 @@ select[multiple="multiple"] {
 .cbi-value-description {
     font-size: small;
     opacity: 0.5;
-    padding: 0.5rem 0;
+    padding: 0.5rem;
 }
 
 .cbi-value-title {
@@ -2391,7 +2670,7 @@ select[multiple="multiple"] {
     line-height: 1.6;
     color: #525f7f;
     padding: .7rem;
-    padding-left:0;
+    padding-left: 0;
     width: 23rem;
     float: left;
     text-align: right;
@@ -2404,8 +2683,8 @@ select[multiple="multiple"] {
     width: 100%;
 }
 
-.cbi-section-table-descr > .cbi-section-table-cell,
-.cbi-section-table-titles > .cbi-section-table-cell {
+.cbi-section-table-descr>.cbi-section-table-cell,
+.cbi-section-table-titles>.cbi-section-table-cell {
     border: none;
 }
 
@@ -2414,7 +2693,7 @@ select[multiple="multiple"] {
 }
 
 .cbi-rowstyle-2 {
-    background-color:#fefefe;
+    background-color: #fefefe;
 }
 
 
@@ -2424,14 +2703,15 @@ select[multiple="multiple"] {
 }
 
 /* desc */
-.cbi-section-descr{
+.cbi-section-descr {
     padding: 1rem 0 1rem 2rem;
     font-size: 0.7rem;
     font-weight: 600;
     color: #525f7f;
 }
+
 .cbi-map-descr {
-    padding: 0rem 0 1rem 0rem;
+    margin: 0rem 0 1rem 0rem;
     color: #fff;
     font-size: small;
 }
@@ -2458,8 +2738,9 @@ select[multiple="multiple"] {
 /* input */
 .cbi-value input[type="password"],
 .cbi-value input[type="text"] {
-    min-width: 15rem;
+    min-width: 20rem;
 }
+
 input[type="checkbox"] {
     height: auto;
 }
@@ -2475,12 +2756,12 @@ input[type="checkbox"] {
     box-shadow: none;
 }
 
-td > .ifacebadge {
+td>.ifacebadge {
     background-color: #F0F0F0;
     font-size: 0.9rem;
 }
 
-.ifacebadge > img {
+.ifacebadge>img {
     float: right;
     margin: 0 0.3rem;
 }
@@ -2517,60 +2798,20 @@ td > .ifacebadge {
     font-family: monospace;
 }
 
-.uci-change-list ins strong{
-    display:  inline;
+.uci-change-list ins strong {
+    display: inline;
 }
 
-.uci-change-list ins,
-.uci-change-legend-label ins {
-    text-decoration: none;
-    border: 1px solid #00FF00;
-    background-color: #CCFFCC;
-    display: block;
-    padding:  0 1rem;
-    margin: 0.5rem 0;
-}
 
-.uci-change-list del,
-.uci-change-legend-label del {
-    text-decoration: none;
-    border: 1px solid #FF0000;
-    background-color: #FFCCCC;
-    display: block;
-    font-style: normal;
-    padding: 2px;
-}
 
-.uci-change-list var,
-.uci-change-legend-label var {
-    text-decoration: none;
-    border: 1px solid #CCCCCC;
-    background-color: #CCFFCC;
-    display: block;
-    font-style: normal;
-    padding: 2px;
-}
-
-.uci-change-list var ins,
-.uci-change-list var del {
-    border: none;
-    white-space: pre;
-    font-style: normal;
-    padding: 0px;
-}
-
-.uci-change-legend {
+. .uci-change-legend {
     padding: 5px 2rem;
 }
 
 
 
 
-.uci-change-legend-label var ins,
-.uci-change-legend-label var del {
-    line-height: 6px;
-    border: none;
-}
+
 
 .uci-change-list var,
 .uci-change-list del,
@@ -2589,25 +2830,25 @@ td > .ifacebadge {
     background: #fff;
 }
 
-td > .ifacebadge,
-.td > .ifacebadge {
+td>.ifacebadge,
+.td>.ifacebadge {
     background-color: #e9ecef;
     font-size: 0.9rem;
     border-radius: 0.2rem;
 }
 
-.ifacebadge > em,
-.ifacebadge > img {
+.ifacebadge>em,
+.ifacebadge>img {
     display: inline-block;
-    margin: 0.3rem .3rem;
+    margin: 0 0.3rem;
     align-self: flex-start;
 }
 
-.ifacebadge > img + img {
-    margin: 0 .2rem 0 0;
+.ifacebadge>img+img {
+    /*margin: 0 .2rem 0 0;*/
 }
 
-.ifacebadge span{
+.ifacebadge span {
     line-height: 1.6em;
 }
 
@@ -2627,7 +2868,7 @@ td > .ifacebadge,
     height: 100%;
 }
 
-.network-status-table .ifacebox-body > span {
+.network-status-table .ifacebox-body>span {
     flex: 10 10 auto;
     height: 100%;
     line-height: 1.7em;
@@ -2636,7 +2877,7 @@ td > .ifacebadge,
     padding-bottom: 0.5rem;
 }
 
-.network-status-table .ifacebox-body > div {
+.network-status-table .ifacebox-body>div {
     display: flex;
     flex-wrap: wrap;
 }
@@ -2685,7 +2926,7 @@ td > .ifacebadge,
 #bwsvg {
     border: none !important;
     border-radius: 0.375rem;
-    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
+    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
     overflow: hidden;
 }
 
@@ -2701,13 +2942,13 @@ td > .ifacebadge,
     cursor: pointer;
 }
 
-.zonebadge > .ifacebadge {
+.zonebadge>.ifacebadge {
     padding: 0.2rem 1rem;
     margin: 0.3rem;
     border: 1px solid #6C6C6C;
 }
 
-.zonebadge > input[type="text"] {
+.zonebadge>input[type="text"] {
     padding: 0.16rem 1rem;
     min-width: 10rem;
     margin-top: 0.3rem;
@@ -2715,33 +2956,46 @@ td > .ifacebadge,
 
 .cbi-value-field .cbi-input-checkbox,
 .cbi-value-field .cbi-input-radio {
-    margin-top: 0.9rem;
+    margin: 0.9rem 0.25rem 0 0.25rem;
     height: 1rem;
+    line-height: 1.6;
 }
 
-.cbi-value-field > input + .cbi-value-description {
+.cbi-input-checkbox {
+    margin: 0.9rem 0.25rem 0 0.25rem;
+}
+
+.cbi-value-field .cbi-input-radio {
+    margin: 0rem 0.25rem;
+}
+
+
+.cbi-value-field>input+.cbi-value-description {
     padding: 0;
 }
 
-.cbi-value-field > ul > li {
+.cbi-value-field>ul>li {
     display: flex;
+    align-items: center;
+    font-size: 0.875rem;
 }
 
-.cbi-value-field > ul > li > label {
-    margin-top: 0.5rem;
-}
 
-.cbi-value-field > ul > li .ifacebadge {
+
+.cbi-value-field>ul>li .ifacebadge {
+    font-size: 0.875rem;
     background-color: #eee;
-    margin-left: 0.4rem;
-    margin-top: -0.5rem;
+    display: flex;
+    align-items: center;
+    margin-left: 0rem;
+    margin-top: 0rem;
 }
 
-.cbi-section-table-row > .cbi-value-field .cbi-input-select {
+.cbi-section-table-row>.cbi-value-field .cbi-input-select {
     min-width: 7rem;
 }
 
-.cbi-section-create > .cbi-button-add {
+.cbi-section-create>.cbi-button-add {
     margin: 0.5rem;
 }
 
@@ -2749,7 +3003,8 @@ td > .ifacebadge,
     padding: 0.5rem;
 }
 
-div.cbi-value var, td.cbi-value-field var {
+div.cbi-value var,
+td.cbi-value-field var {
     font-style: italic;
     color: #0069D6;
 }
@@ -2773,7 +3028,7 @@ input[name="nslookup"] {
     width: 80%;
 }
 
-header > .container > .pull-right > * {
+header>.container>.pull-right>* {
     position: relative;
     top: 0.45rem;
     cursor: pointer;
@@ -2815,36 +3070,40 @@ header > .container > .pull-right > * {
 }
 
 /* fix Main Login*/
-.node-main-login > .main > .main-right > header {
+.node-main-login>.main>.main-right>header {
     background: none !important;
-    box-shadow:none !important;
-    display:none;
-}
-.node-main-login > .main > .main-right > header > .fill > .container{
-    margin: 2rem auto;
-    max-width: 1140px;
-}
-.node-main-login > .main > .main-right > header > .fill > .container > .brand{
-    font-size:2rem;
-    color:#5e72e4;
-    display:none;
-
-}
-.node-main-login > .main{
-    top:0;
-    height:100% !important;
-}
-.node-main-login > .main > .main-left {
+    box-shadow: none !important;
     display: none;
 }
 
-.node-main-login > .main > .main-right {
+.node-main-login>.main>.main-right>header>.fill>.container {
+    margin: 2rem auto;
+    max-width: 1140px;
+}
+
+.node-main-login>.main>.main-right>header>.fill>.container>.brand {
+    font-size: 2rem;
+    color: #5e72e4;
+    display: none;
+
+}
+
+.node-main-login>.main {
+    top: 0;
+    height: 100% !important;
+}
+
+.node-main-login>.main>.main-left {
+    display: none;
+}
+
+.node-main-login>.main>.main-right {
     width: 100%;
 }
 
-.node-main-login > .main > .main-right > .login-bg{
-    display:block;
-    position:fixed;
+.node-main-login>.main>.main-right>.login-bg {
+    display: block;
+    position: fixed;
     width: 100%;
     height: 100%;
     left: 0px;
@@ -2855,20 +3114,21 @@ header > .container > .pull-right > * {
     transition: all 0.5s;
 }
 
-.node-main-login > .main > .main-right > .login-bg.blur{
+.node-main-login>.main>.main-right>.login-bg.blur {
     transform: scale(1.05);
-    -webkit-filter: blur(5px); /* Chrome, Safari, Opera */
+    -webkit-filter: blur(5px);
+    /* Chrome, Safari, Opera */
     filter: blur(5px);
 }
 
-.node-main-login > .main > .main-right > #maincontent {
+.node-main-login>.main>.main-right>#maincontent {
     padding-top: 23vh;
     height: 100%;
     background-color: transparent !important;
     margin-top: 0rem;
 }
 
-.node-main-login > .main fieldset {
+.node-main-login>.main fieldset {
     padding: 0.5rem;
     margin: 0rem;
     display: inline;
@@ -2878,30 +3138,30 @@ header > .container > .pull-right > * {
     overflow: hidden;
 }
 
-.node-main-login > .main .cbi-value-title {
+.node-main-login>.main .cbi-value-title {
     font-size: 1rem;
     line-height: 1.5;
-    color:#525f7f;
+    color: #525f7f;
     padding: .625rem;
 }
 
-.node-main-login > .main #maincontent {
+.node-main-login>.main #maincontent {
 
     text-align: center;
 }
 
-.node-main-login > .main .container {
+.node-main-login>.main .container {
     display: inline-block;
     padding: 2rem 2rem;
-    position:relative;
+    position: relative;
     margin-top: 2rem !important;
-    background-color: #f7fafc!important;
+    background-color: #f7fafc !important;
     border-radius: .375rem;
-    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
+    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
     text-align: left;
 }
 
-.node-main-login > .main .container h2{
+.node-main-login>.main .container h2 {
     width: 120px;
     height: 120px;
     color: #fff;
@@ -2915,46 +3175,50 @@ header > .container > .pull-right > * {
     border-radius: 60px;
     border: #fff 3px solid;
 
-    background-image:url(../head-icon.jpg);
-    background-size:cover;
+    background-image: url(../head-icon.jpg);
+    background-size: cover;
     box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
 
 }
-.node-main-login > .main .container .cbi-map-descr{
-    text-align:center;
+
+.node-main-login>.main .container .cbi-map-descr {
+    text-align: center;
     padding: 1rem;
     color: #8898aa;
 }
-.node-main-login > .main .container .cbi-section-node{
-	padding:0;
+
+.node-main-login>.main .container .cbi-section-node {
+    padding: 0;
 }
 
 
-.node-main-login > .main .container .cbi-value-field input{
+.node-main-login>.main .container .cbi-value-field input {
     font-size: 1rem;
     line-height: 1.5;
     display: block;
     width: 100%;
     height: calc(2.75rem + 2px);
     padding: .625rem .75rem;
-    transition: all .15s cubic-bezier(.68,-.55,.265,1.55);
+    transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
     color: #8898aa;
     border: 0px solid #dee2e6;
     border-radius: .25rem;
     background-color: #fff;
     background-clip: padding-box;
-    box-shadow: 0 3px 2px rgba(233,236,239,.05);
+    box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
 }
-.node-main-login > .main .container .cbi-value-field input:focus {
+
+.node-main-login>.main .container .cbi-value-field input:focus {
     color: #8898aa;
 
     outline: 0;
     background-color: #fff;
-    box-shadow: 0 3px 9px rgba(50,50,9,0),3px 4px 8px rgba(94,114,228,.1)
+    box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1)
 }
-.node-main-login > .main .container input.cbi-button{
+
+.node-main-login>.main .container input.cbi-button {
     font-size: 1rem;
-    height:auto;
+    height: auto;
     position: relative;
     transition: all .15s ease;
     letter-spacing: .2em;
@@ -2964,52 +3228,57 @@ header > .container > .pull-right > * {
     line-height: 1.5em;
 }
 
-.node-main-login > .main form > div:nth-last-child(1) {
-    text-align:center;
-    border-top:0;
+.node-main-login>.main form>div:nth-last-child(1) {
+    text-align: center;
+    border-top: 0;
     padding-top: 2rem;
 }
 
-.node-main-login > .main .cbi-value {
+.node-main-login>.main .cbi-value {
     display: block;
     padding: 0;
 }
 
 
-.node-main-login > .main .cbi-value > * {
+.node-main-login>.main .cbi-value>* {
     display: inline-block !important;
 }
-.node-main-login > .main .cbi-value:first-child , .node-main-login > .main .cbi-button-reset{
-    display:none !important;
-}
 
-
-.node-main-login > .main .cbi-value.cbi-value-last .cbi-value-title{
+.node-main-login>.main .cbi-value:first-child,
+.node-main-login>.main .cbi-button-reset {
     display: none !important;
 }
-.node-main-login > .main .cbi-value.cbi-value-last .cbi-input-text{
-    box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
-    transition: box-shadow .15s ease;
-    border-radius: .375rem;
-    box-sizing:border-box;
-    padding-left:3em;
-    margin: 0;
+
+
+.node-main-login>.main .cbi-value.cbi-value-last .cbi-value-title {
+    display: none !important;
 }
-.node-main-login > .main .cbi-value.cbi-value-last .cbi-input-password{
-    box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
+
+.node-main-login>.main .cbi-value.cbi-value-last .cbi-input-text {
+    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
     transition: box-shadow .15s ease;
     border-radius: .375rem;
-    box-sizing:border-box;
-    padding-left:3em;
+    box-sizing: border-box;
+    padding-left: 3em;
     margin: 0;
 }
 
-.node-main-login > .main .cbi-value.cbi-value-last .cbi-value-field{
-    position:relative;
-	width: 20rem;
+.node-main-login>.main .cbi-value.cbi-value-last .cbi-input-password {
+    box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
+    transition: box-shadow .15s ease;
+    border-radius: .375rem;
+    box-sizing: border-box;
+    padding-left: 3em;
+    margin: 0;
 }
-.node-main-login > .main .cbi-value.cbi-value-last .cbi-value-field:before{
-    font-family: 'icomoon' !important;
+
+.node-main-login>.main .cbi-value.cbi-value-last .cbi-value-field {
+    position: relative;
+    width: 20rem;
+}
+
+.node-main-login>.main .cbi-value.cbi-value-last .cbi-value-field:before {
+    font-family: 'argon' !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
@@ -3018,7 +3287,7 @@ header > .container > .pull-right > * {
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    content: "\e901";
+    content: "\e910";
     color: #adb5bd;
     font-size: 1.5rem;
     position: absolute;
@@ -3027,12 +3296,12 @@ header > .container > .pull-right > * {
     top: 10px;
 }
 
-.node-main-login > .main .cbi-input-user,
-.node-main-login > .main .cbi-input-password {
+.node-main-login>.main .cbi-input-user,
+.node-main-login>.main .cbi-input-password {
     min-width: 15rem;
 }
 
-.node-main-login .alert-message.warning{
+.node-main-login .alert-message.warning {
     position: absolute;
     color: #fff;
     width: calc(100% - 4rem);
@@ -3045,8 +3314,8 @@ header > .container > .pull-right > * {
     text-align: center;
 }
 
-.node-main-login .errorbox{
-       position: absolute;
+.node-main-login .errorbox {
+    position: absolute;
     color: #fff;
     width: calc(100% - 4rem);
     border-color: #eea236;
@@ -3056,127 +3325,132 @@ header > .container > .pull-right > * {
     padding: 1rem 2rem;
     text-align: center;
     background-color: #8965e0 !important;
-    
+
 }
 
 .node-main-login footer {
     bottom: 0;
     position: absolute;
     width: 100%;
-    color:#fff;
+    color: #fff;
 }
-.node-main-login footer > a{
-    color:#fff;
+
+.node-main-login footer>a {
+    color: #fff;
 }
 
 /* fix status overview */
 
-.node-status-overview > .main fieldset:nth-child(4) td:nth-child(2) {
+.node-status-overview>.main fieldset:nth-child(4) td:nth-child(2) {
     white-space: normal;
 }
 
 /* fix status processes */
 
-.node-status-processes > .main table tr td:nth-child(3) {
+.node-status-processes>.main table tr td:nth-child(3) {
     white-space: normal;
 }
 
-.node-status-iptables > .main div > .cbi-map > form {
-    margin: 0.5rem 2rem 0 0;
-}
 
 /* fix system reboot */
 
-.node-system-reboot > .main > .main-right p,
-.node-system-reboot > .main > .main-right h3 {
+.node-system-reboot>.main>.main-right p,
+.node-system-reboot>.main>.main-right h3 {
     padding-left: 2rem;
     color: #fff;
 }
 
 /* fix Services  Network Shares*/
-.node-services-samba > .main .cbi-tabcontainer:nth-child(3) .cbi-value-title {
+.node-services-samba>.main .cbi-tabcontainer:nth-child(3) .cbi-value-title {
     margin-bottom: 1rem;
     width: auto;
 }
 
-.node-services-samba > .main .cbi-tabcontainer:nth-child(3) .cbi-value-field {
+.node-services-samba>.main .cbi-tabcontainer:nth-child(3) .cbi-value-field {
     display: list-item;
 }
 
-.node-services-samba > .main .cbi-tabcontainer:nth-child(3) .cbi-value-description {
+.node-services-samba>.main .cbi-tabcontainer:nth-child(3) .cbi-value-description {
     padding-top: 1rem;
 }
 
 /* fix System Software*/
-.node-system-packages > .main table tr td:nth-child(1) {
+.node-system-packages>.main table tr td:nth-child(1) {
     width: auto !important;
 }
 
-.node-system-packages > .main table tr td:nth-last-child(1) {
+.node-system-packages>.main table tr td:nth-last-child(1) {
     white-space: normal;
     font-size: small;
     color: #404040;
 }
 
-.node-system-packages > .main .cbi-tabmenu > li > a, .tabs > li > a {
+.node-system-packages>.main .cbi-tabmenu>li>a,
+.tabs>li>a {
     padding: 0.5rem 0.8rem;
 }
 
-.node-system-packages > .main .cbi-value > pre {
+.node-system-packages>.main .cbi-value>pre {
     background-color: #eee;
     padding: 0.5rem;
     overflow: auto;
 }
 
-.cbi-tabmenu + .cbi-section {
+.cbi-tabmenu+.cbi-section {
     margin-top: 0;
 }
-.cbi-section{
+
+.cbi-section {
     background: #fff;
     border: 0;
     border-radius: .375rem;
-    margin-bottom: 30px;
-    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
+    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
     overflow-x: auto;
-	overflow-y:hidden;
+    overflow-y: hidden;
 }
-.cbi-section em{
 
-    padding :0rem 1.5rem;
+.cbi-section em {
+
+    padding: 0rem 1.5rem;
     font-size: 0.7rem;
     font-weight: 600;
     color: #525f7f;
 }
 
 
-#cbi-system-led em{
-    padding :0.75rem 1.5rem;
+#cbi-system-led em {
+    padding: 0.75rem 1.5rem;
 }
-.cbi-section h4{
-    padding :0.75rem 1.5rem;
+
+.cbi-section h4 {
+    padding: 0.75rem 1.5rem;
     font-size: 0.7rem;
     font-weight: 600;
     color: #525f7f;
 }
 
-.node-main-login .cbi-section{
+.node-main-login .cbi-section {
     margin-bottom: 0px;
     padding-bottom: 0px;
 }
 
-#content_syslog{
+#content_syslog {
     border-radius: .375rem;
-    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
+    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
     overflow: hidden;
 }
-.node-system-packages  .cbi-section-node .cbi-value {
-    padding: 1rem 1rem;
+
+.node-system-packages .cbi-section-node .cbi-value {
+    padding: 0.5rem 1rem;
+    font-size: 0.875rem;
 }
-.node-system-packages br{
+
+.node-system-packages br {
     display: none;
 }
+
 /* fix network firewall*/
-.node-network-firewall > .main .cbi-section-table-row > .cbi-value-field .cbi-input-select {
+.node-network-firewall>.main .cbi-section-table-row>.cbi-value-field .cbi-input-select {
     min-width: 4rem;
 }
 
@@ -3193,10 +3467,18 @@ header > .container > .pull-right > * {
     padding-left: 2rem;
 }
 
-.node-system-flashops form.inline + form.inline {
+.node-system-flashops form.inline+form.inline {
     margin-left: 0;
 }
 
+.Changes .cbi-section {
+    font-size: 0.875rem;
+    padding: 1rem;
+}
+
+.node-network-diagnostics {
+    font-size: 0.875rem;
+}
 
 
 
@@ -3214,7 +3496,7 @@ header > .container > .pull-right > * {
         font-size: 0.8rem;
     }
 
-    header > .container > .pull-right > * {
+    header>.container>.pull-right>* {
         top: 0.35rem;
     }
 
@@ -3235,14 +3517,14 @@ header > .container > .pull-right > * {
         font-size: small;
     }
 
-    .node-status-iptables > .main fieldset li > a {
+    .node-status-iptables>.main fieldset li>a {
         padding: 0.3rem 0.6rem;
     }
 }
 
 @media screen and (max-width: 1280px) {
 
-    header > .container {
+    header>.container {
         margin-top: 0.25rem;
     }
 
@@ -3255,7 +3537,8 @@ header > .container > .pull-right > * {
         width: calc(100% - 13rem);
     }
 
-    .cbi-tabmenu > li > a, .tabs > li > a {
+    .cbi-tabmenu>li>a,
+    .tabs>li>a {
         padding: 0.2rem 0.5rem;
     }
 
@@ -3269,13 +3552,13 @@ header > .container > .pull-right > * {
         width: 100% !important;
     }
 
-    .main > .main-left > .nav > li,
-    .main > .main-left > .nav > li a,
-    .main > .main-left > .nav > .slide > .menu {
+    .main>.main-left>.nav>li,
+    .main>.main-left>.nav>li a,
+    .main>.main-left>.nav>.slide>.menu {
         font-size: 0.9rem;
     }
 
-    .main > .main-left > .nav > .slide > .slide-menu > li > a {
+    .main>.main-left>.nav>.slide>.slide-menu>li>a {
         font-size: 0.7rem;
     }
 }
@@ -3293,8 +3576,8 @@ header > .container > .pull-right > * {
 
     .showSide {
         padding: 0.1rem;
-		position:relative;
-		z-index:999;
+        position: relative;
+        z-index: 999;
         display: inline-block;
     }
 
@@ -3306,7 +3589,8 @@ header > .container > .pull-right > * {
     .node-main-login .showSide {
         display: none !important;
     }
-    header > .fill > .container > .brand{
+
+    header>.fill>.container>.brand {
         display: inline-block;
     }
 
@@ -3315,32 +3599,32 @@ header > .container > .pull-right > * {
         padding-right: 1rem;
     }
 
-    .node-network-diagnostics > .main .cbi-map fieldset > div * {
+    .node-network-diagnostics>.main .cbi-map fieldset>div * {
         width: 100% !important;
     }
 
-    .node-network-diagnostics > .main .cbi-map fieldset > div input[type="text"] {
+    .node-network-diagnostics>.main .cbi-map fieldset>div input[type="text"] {
         margin: 3rem 0 0 0 !important;
     }
 
-    .node-network-diagnostics > .main .cbi-map fieldset > div:nth-child(4) input[type="text"] {
+    .node-network-diagnostics>.main .cbi-map fieldset>div:nth-child(4) input[type="text"] {
         margin: 0 !important;
     }
 
-    .node-network-diagnostics > .main .cbi-map fieldset > div select,
-    .node-network-diagnostics > .main .cbi-map fieldset > div input[type="button"] {
+    .node-network-diagnostics>.main .cbi-map fieldset>div select,
+    .node-network-diagnostics>.main .cbi-map fieldset>div input[type="button"] {
         margin: 1rem 0 0 0;
     }
 
-    .node-network-diagnostics > .main .cbi-map fieldset > div {
+    .node-network-diagnostics>.main .cbi-map fieldset>div {
         width: 100% !important;
     }
 
-    #diag-rc-output > pre {
+    #diag-rc-output>pre {
         font-size: 1rem;
     }
 
-    .node-main-login > .main .cbi-value-title {
+    .node-main-login>.main .cbi-value-title {
         text-align: left;
     }
 }
@@ -3358,24 +3642,28 @@ header > .container > .pull-right > * {
     .tabs {
         margin: 0.5rem 0rem
     }
+
     .toggle {
         margin: 0;
     }
-    #maincontent > .container {
+
+    #maincontent>.container {
         margin: 0 1rem 1.5rem 1rem;
     }
 
-    .main > .main-left > .nav > .slide > .menu {
+    .main>.main-left>.nav>.slide>.menu {
         font-size: 1rem;
     }
 
-    .main > .main-left > .nav > .slide > .slide-menu > li > a {
+    .main>.main-left>.nav>.slide>.slide-menu>li>a {
         font-size: 0.9rem;
     }
-    .main > .main-left > .nav > .slide > .menu:before{
-        padding-top:5px;
+
+    .main>.main-left>.nav>.slide>.menu:before {
+        padding-top: 5px;
     }
-    .main > .main-left > .nav > .slide > .menu:after {
+
+    .main>.main-left>.nav>.slide>.menu:after {
         top: 0.9rem;
     }
 
@@ -3385,50 +3673,57 @@ header > .container > .pull-right > * {
         display: block;
         margin-top: 1rem;
         margin-bottom: 0.5rem;
-        padding-bottom:0;
-        padding-top:0;
+        padding-bottom: 0;
+        padding-top: 0;
         text-align: left;
         padding-left: 1rem;
     }
 
+    .cbi-value input[type="password"],
+    .cbi-value input[type="text"] {
+        min-width: 15rem;
+    }
 
+    select {
+        width: 15rem;
+        min-width: auto;
+    }
 
-    .cbi-value > .cbi-value-field {
+    .cbi-value>.cbi-value-field {
         display: inline-block;
         padding-left: 1rem;
     }
 
-    .node-main-login .cbi-value > .cbi-value-field {
-		width: 18rem;
+    .node-main-login .cbi-value>.cbi-value-field {
+        width: 18rem;
         padding-left: 0rem;
     }
 
-    .cbi-tabmenu > li, .tabs > li {
-        padding: 0.6rem 0rem;
+
+    .cbi-value-field .cbi-input-checkbox,
+    .cbi-value-field .cbi-input-radio {
+        margin: 0rem 0.25rem 0 0.25rem;
+        height: 1rem;
+        line-height: 1.6;
     }
 
-    .cbi-tabmenu > li > a, .tabs > li > a {
-        padding: 0.2rem 0.3rem;
-        font-size: 0.9rem;
-    }
-
-    .cbi-page-actions > div > input {
+    .cbi-page-actions>div>input {
         display: none;
     }
 
 
 
-    .node-main-login > .main .container {
+    .node-main-login>.main .container {
         padding: 0.5rem 1rem 2rem 1rem;
     }
 
 
 
-    .node-main-login > .main form > div:nth-last-child(1) {
+    .node-main-login>.main form>div:nth-last-child(1) {
         margin-top: 0rem;
     }
 
-    .node-main-login > .main .cbi-value-title {
+    .node-main-login>.main .cbi-value-title {
         width: 100% !important;
         margin-top: 0rem;
         font-size: 1rem;
@@ -3436,29 +3731,31 @@ header > .container > .pull-right > * {
         padding: 0 0.5rem;
     }
 
-    .node-main-login > .main fieldset {
+    .node-main-login>.main fieldset {
         margin: 0;
         padding: 0.5rem;
     }
-    .node-main-login .alert-message.warning{
+
+    .node-main-login .alert-message.warning {
         width: calc(100% - 2rem);
         padding: 1rem 1rem;
-        font-size:12px;
+        font-size: 12px;
     }
 
 
     h2 {
         font-size: 1.5rem;
-		
+
     }
-    .node-main-login > .main .container h2 {
+
+    .node-main-login>.main .container h2 {
 
         margin: -70px auto 15px auto;
 
 
     }
 
-    .tabs > li > a {
+    .tabs>li>a {
         font-size: 0.9rem;
     }
 
@@ -3476,18 +3773,19 @@ header > .container > .pull-right > * {
         padding-bottom: 1rem;
     }
 
-    .node-system-packages > .main .cbi-value.cbi-value-last > div {
+    .node-system-packages>.main .cbi-value.cbi-value-last>div {
         width: 100% !important;
     }
-    .node-system-packages  .cbi-section-node .cbi-value {
+
+    .node-system-packages .cbi-section-node .cbi-value {
         padding: 0.3rem 1rem;
     }
 
-    .node-system-packages > .main .cbi-value .cbi-value-field input {
+    .node-system-packages>.main .cbi-value .cbi-value-field input {
         width: 100%;
     }
 
-    .node-status-iptables > .main div > .cbi-map > form {
+    .node-status-iptables>.main div>.cbi-map>form {
         position: static !important;
         margin: 0 0 2rem 0;
         padding: 2rem;
@@ -3501,17 +3799,412 @@ header > .container > .pull-right > * {
         overflow-y: hidden;
         border-radius: 0.375rem;
         background-color: #FFF;
-        box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
+        box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
         -webkit-overflow-scrolling: touch;
     }
 
-    .node-status-iptables > .main div > .cbi-map > form input[type="submit"] {
+    .node-status-iptables>.main div>.cbi-map>form input[type="submit"] {
         width: 100% !important;
         margin: 0;
-    } 
+    }
 
-    .node-status-iptables > .main div > .cbi-map > form input[type="submit"] + input[type="submit"] {
+    .node-status-iptables>.main div>.cbi-map>form input[type="submit"]+input[type="submit"] {
         margin-top: 1rem;
     }
 }
 
+
+
+@media (prefers-color-scheme: dark) {
+    body {
+        background: #1e1e1e;
+        color: #cccccc;
+    }
+
+    .main-left::-webkit-scrollbar-thumb {
+        background-color: #252526 !important
+    }
+    
+    .main-left::-webkit-scrollbar-track {
+        background-color: #333;
+    }
+
+    .node-main-login>.main .container {
+        background-color: #1e1e1e !important;
+    }
+
+    .node-main-login>.main .container h2 {
+        border: #292a2d 3px solid;
+        box-shadow: none;
+    }
+
+    .node-main-login>.main .container .cbi-value-field input {
+        background-color: #3c3c3c !important;
+    }
+
+    .node-main-login .errorbox {
+        background-color: #3d0303 !important;
+    }
+
+    input:-webkit-autofill {
+        background-color: #3c3c3c !important;
+    }
+
+    .cbi-value-field .cbi-input-apply,
+    .cbi-button-apply,
+    .cbi-button-edit {
+        color: #fff !important;
+        background-color: darkslateblue !important;
+        border-color: darkslateblue !important;
+    }
+
+    .main-left {
+
+        background-color: #333333 !important;
+        box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .15)
+    }
+
+    .main>.main-left>.sidenav-header>.brand {
+        color: #ccc;
+    }
+
+    .cbi-section em {
+        color: darkslateblue;
+    }
+
+    .main>.main-left>.nav>.slide>.slide-menu>.active>a {
+        color: #cccccc;
+    }
+
+    .main>.main-left>.nav>.slide>.slide-menu>li>a {
+        color: #cccccc;
+    }
+
+    .main>.main-left>.nav>.slide>.menu.active,
+    .main>.main-left>.nav>li a:hover {
+        background-color: darkslateblue !important;
+        color: #cccccc !important;
+
+    }
+
+    .main>.main-left>.nav>li a {
+        color: #cccccc;
+    }
+
+    .main>.main-left>.nav>.slide>.slide-menu>li>a:hover {
+        background: none !important;
+    }
+
+    .main>.main-left>.nav>.slide>.slide-menu>.active>a::after,
+    .main>.main-left>.nav>.slide>.slide-menu>li>a:hover::after {
+        background-color: #cccccc !important;
+    }
+
+    .bg-primary {
+        background-color: #1e1e1e !important;
+    }
+
+    header::after {
+        background-color: #1e1e1e !important;
+    }
+
+    .main-right {
+        background-color: #1e1e1e;
+    }
+
+    h2 {
+        color: #ccc;
+    }
+
+    .cbi-section {
+        background: none;
+        box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .35)
+    }
+
+    .panel-title {
+        color: #ccc;
+        background-color: #333333;
+        border-bottom: 0px;
+    }
+
+    table>tbody>tr>td,
+    table>tfoot>tr>td,
+    table>thead>tr>td {
+        color: #ccc;
+    }
+
+    fieldset>table>tbody>tr:nth-of-type(2n) {
+        background-color: #252526;
+    }
+
+    table>tbody>tr>td,
+    table>tfoot>tr>td,
+    table>thead>tr>td {
+        border-top: 1px solid #252526;
+    }
+
+    #swaptotal>div>div,
+    #swapfree>div>div,
+    #memfree>div>div,
+    #membuff>div>div,
+    #conns>div>div,
+    #memtotal>div>div {
+        background-color: #32325d !important;
+    }
+
+    #swaptotal>div>div>div>small,
+    #swapfree>div>div>div>small,
+    #memfree>div>div>div>small,
+    #membuff>div>div>div>small,
+    #conns>div>div>div>small,
+    #memtotal>div>div>div>small {
+
+        color: #ccc !important;
+    }
+
+    a:-webkit-any-link {
+        color: -webkit-link;
+        cursor: pointer;
+        text-decoration: underline;
+        color: #ccc;
+    }
+
+    table>tbody>tr>th,
+    table>tfoot>tr>th,
+    table>thead>tr>th {
+
+        background-color: #252526;
+        border-bottom: black 1px solid !important;
+    }
+
+    .cbi-rowstyle-2 {
+        background-color: #1e1e1e;
+    }
+
+    .cbi-rowstyle-1 {
+        background-color: #252526;
+    }
+
+    .cbi-section>h3:first-child,
+    .panel-title {
+        color: #ccc;
+        border-bottom: 0;
+    }
+
+    .cbi-button {
+        color: #ccc;
+        background-color: #3c3c3c;
+    }
+
+    .cbi-section-node {
+        background: none;
+        border-radius: 0 0 .375rem .375rem;
+        padding: 0rem;
+    }
+
+    abbr {
+        color: #5e72e4;
+
+    }
+
+    div>table>tbody>tr:nth-of-type(2n),
+    div>.table>.tbody>.tr:nth-of-type(2n) {
+        background-color: #252526;
+    }
+
+    #content_syslog {
+        box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .35)
+    }
+
+    #syslog {
+        color: #ccc;
+        background-color: #1e1e1e;
+    }
+
+    .cbi-page-actions {
+        border-top: 1px solid #000;
+    }
+
+    #iwsvg,
+    #iwsvg2,
+    #bwsvg {
+        overflow: hidden;
+        box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .35);
+        background-color: #1e1e1e !important;
+    }
+
+    .tabs {
+        background-color: #252526;
+    }
+
+    .cbi-tabmenu>li>a,
+    .tabs>li>a {
+        color: #ccc;
+    }
+
+    .cbi-tabmenu>li {
+        background: #2d2d2d;
+    }
+
+    .cbi-tabmenu>li:hover {
+        background: #2d2d2d;
+    }
+
+    .cbi-tabmenu>li[class~="cbi-tab"] {
+        background-color: darkorange;
+    }
+
+    .cbi-tabcontainer>.cbi-value:nth-of-type(2n) {
+        background-color: #252526;
+    }
+
+    .cbi-value-title {
+        color: #ccc;
+    }
+
+    select,
+    input {
+        color: #ccc;
+        background-color: #3c3c3c !important;
+        border: 1px solid #252526;
+        box-shadow: 0 3px 2px rgba(0, 0, 0, .05);
+    }
+
+    select:not([multiple="multiple"]):focus,
+    input:focus {
+        border-color: darkslateblue;
+        outline: 0;
+
+    }
+
+    #cbi-dropbear h2,
+    #cbi-dropbear .cbi-map-descr,
+    #cbi-dropbear .cbi-map-descr abbr,
+    #cbi-rc h2,
+    #cbi-rc .cbi-map-descr,
+    #cbi-distfeedconf h2,
+    #cbi-distfeedconf .cbi-map-descr,
+    #cbi-customfeedconf h2,
+    #cbi-customfeedconf .cbi-map-descr,
+    #cbi-download h2,
+    #cbi-filelist h2 {
+        color: #ccc !important;
+    }
+
+    .cbi-value-field>ul>li .ifacebadge{
+        background-color: #3c3c3c;
+    }
+
+    .cbi-section-descr{
+        color: #ccc;
+    }
+
+    .cbi-input-textarea{
+        background-color: #1e1e1e;
+        color: #ccc;
+    }
+    h3{
+        color: #ccc;
+        border-bottom: 0;
+    }
+
+    .cbi-section-remove:nth-of-type(2n), .cbi-section-node:nth-of-type(2n){
+        background-color: #1e1e1e;
+    }
+    .node-system-packages>.main table tr td:nth-last-child(1){
+        color: #ccc;
+        
+    }
+    .cbi-section-node .cbi-value{
+        padding: 1rem 1rem 0.3rem 1rem;
+    }
+    .ifacebox{
+        background-color:none;
+        border: 1px solid #1e1e1e;
+    }
+    .ifacebox-head{
+        color: #666;
+    }
+    .ifacebox-body{
+        background-color: #333;
+    }
+    .zonebadge strong{
+        color: #333;
+    }
+    .zonebadge>.ifacebadge{
+        background-color: #3c3c3c;
+    }
+    div.cbi-value var, td.cbi-value-field var{
+        color: #5e72e4;
+    }
+
+    #diag-rc-output>pre{
+        color: #ccc;
+        background-color: #1e1e1e;
+    }
+
+    .node-services-vssr .block{
+        background-color: #3c3c3c !important;
+    }
+
+    .node-services-vssr .block h4 {
+        color: #ccc !important;
+    }
+
+    .node-services-vssr .status-bar{
+        color: #ccc;
+        box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .35);
+        background-color: #1e1e1e;
+    }
+
+    .node-services-vssr .cbi-section-table-row{
+        color: #ccc;
+        background-color: #3c3c3c !important;
+    }
+
+    .node-services-vssr .ssr-button{
+        color: #ccc;
+       
+    }
+
+    .node-services-vssr .incon:nth-child(2){
+        border-right: #1e1e1e 1px solid;
+    }
+
+    #xhr_poll_status>.label.success{
+        color: #ccc!important;
+        
+        background-color: darkolivegreen    !important;
+    }
+    .notice{
+        background-color: darkslateblue !important;
+    }
+    .cbi-input-find, .cbi-input-save, .cbi-button-add, .cbi-button-save, .cbi-button-find, .cbi-input-reload, .cbi-button-reload{
+        background-color: darkseagreen !important;
+        border-color: darkseagreen !important;
+    }
+
+    .cbi-button-reset, .cbi-input-remove {
+        color: #fff !important;
+        background-color: darkorange !important;
+        border-color: darkorange !important;
+    }
+    .cbi-page-actions .cbi-button-apply, .cbi-section-actions .cbi-button-edit, .cbi-button-edit.important, .cbi-button-apply.important, .cbi-button-reload.important, .cbi-button-action.important{
+        border: 1px darkslateblue solid !important;
+    }
+
+    .tabs>li[class~="active"]>a {
+        color: darkslateblue;
+    }
+    .tabs>li[class~="active"], .tabs>li:hover{
+        border-bottom: 0.18751rem solid darkslateblue;
+    color: darkslateblue;
+    }
+}
+
+@media (prefers-color-scheme: dark)  and (max-width: 480px){
+    .node-status-iptables>.main div>.cbi-map>form {
+        background-color: #1e1e1e;
+        box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, .35);
+    }
+}
\ No newline at end of file
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/argon.eot b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/argon.eot
new file mode 100644
index 0000000000..a47195ab24
Binary files /dev/null and b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/argon.eot differ
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.svg b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/argon.svg
similarity index 53%
rename from package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.svg
rename to package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/argon.svg
index a9045e4ca6..7e0e6b9572 100644
--- a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.svg
+++ b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/argon.svg
@@ -3,13 +3,17 @@
 <svg xmlns="http://www.w3.org/2000/svg">
 <metadata>Generated by IcoMoon</metadata>
 <defs>
-<font id="ssr" horiz-adv-x="1024">
+<font id="argon" horiz-adv-x="1024">
 <font-face units-per-em="1024" ascent="960" descent="-64" />
 <missing-glyph horiz-adv-x="1024" />
 <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe20b;" glyph-name="expand_more" d="M708 572.667l60-60-256-256-256 256 60 60 196-196z" />
+<glyph unicode="&#xe20e;" glyph-name="menu" d="M128 682.667h768v-86h-768v86zM128 384.667v84h768v-84h-768zM128 170.667v86h768v-86h-768z" />
+<glyph unicode="&#xe291;" glyph-name="favorite" d="M512 28.667l-62 56q-106 96-154 142t-107 114-81 123-22 113q0 98 67 166t167 68q116 0 192-90 76 90 192 90 100 0 167-68t67-166q0-78-52-162t-113-146-199-186z" />
+<glyph unicode="&#xe603;" glyph-name="spinner" d="M512 960c-278.748 0-505.458-222.762-511.848-499.974 5.92 241.864 189.832 435.974 415.848 435.974 229.75 0 416-200.576 416-448 0-53.020 42.98-96 96-96s96 42.98 96 96c0 282.77-229.23 512-512 512zM512-64c278.748 0 505.458 222.762 511.848 499.974-5.92-241.864-189.832-435.974-415.848-435.974-229.75 0-416 200.576-416 448 0 53.020-42.98 96-96 96s-96-42.98-96-96c0-282.77 229.23-512 512-512z" />
 <glyph unicode="&#xe900;" glyph-name="delete" d="M125.458 707.971l32.017-640.746c0-72.474 59.964-131.225 133.93-131.225h442.45c73.965 0 133.936 58.75 133.936 131.225l30.8 640.746h-773.133zM936.022 753.424c0.132 27.023 0.212 28.82 0.212 30.63 0 70.468-41.716 109.142-97.69 109.142l-155.797-0.164c0 36.987-36.126 66.968-73.112 66.968h-193.946c-36.979 0-74.274-29.981-74.274-66.968l-155.958 0.164c-61.826 0-97.69-47.127-97.69-109.142 0-1.817 0.072-3.608 0.212-30.63h848.046zM646.026 539.594c0 20.428 16.556 36.986 36.979 36.986 20.428 0 36.986-16.558 36.986-36.986v-423.683c0-20.43-16.558-36.987-36.986-36.987-20.423 0-36.979 16.558-36.979 36.987v423.683zM475.011 539.594c0 20.428 16.563 36.986 36.987 36.986 20.428 0 36.986-16.558 36.986-36.986v-423.683c0-20.43-16.558-36.987-36.986-36.987-20.423 0-36.987 16.558-36.987 36.987v423.683zM304.113 539.594c0 20.428 16.558 36.986 36.987 36.986 20.422 0 36.986-16.558 36.986-36.986v-423.683c0-20.43-16.563-36.987-36.986-36.987-20.43 0-36.987 16.558-36.987 36.987v423.683z" />
 <glyph unicode="&#xe901;" glyph-name="edit" d="M272.359 84.325c-6.319-1.194-12.678-1.728-18.975-1.728-27.681 0-54.578 10.908-74.5 30.859-24.491 24.471-35.378 59.415-29.143 93.476 61.33 335.066 88.166 361.923 109.776 383.553l285.612 285.592-65.898 65.898h-416.008c-34.925 0-63.223-28.298-63.223-63.222v-878.107c0-34.946 28.299-63.223 63.223-63.223h634.405c34.927 0 63.225 28.276 63.225 63.223v298.383l-104.98-104.98c-21.589-21.568-48.445-48.404-383.512-109.723zM1005.077 783.632l-156.041 156.040c-25.211 25.211-66.104 25.211-91.313-0.021l-423.707-423.685c-25.212-25.232-80.633-328.009-80.633-328.009s302.777 55.423 328.009 80.633l423.685 423.707c25.232 25.212 25.232 66.104 0 91.336zM441.878 297.937l-47.643-16.134c-1.338-0.455-2.779-0.659-4.219-0.681-0.267 0-0.536 0.084-0.803 0.103-1.544 0.063-3.087 0.351-4.549 0.845-0.433 0.144-0.885 0.289-1.296 0.472-1.626 0.701-3.149 1.544-4.281 2.697l-28.462 28.463c-3.539 3.539-5.145 10.042-3.416 15.105l16.155 47.645c1.008 2.984 2.305 5.699 3.684 8.251 0.33 0.639 0.68 1.256 1.050 1.854 1.42 2.386 2.944 4.609 4.59 6.421 0.144 0.164 0.287 0.267 0.432 0.411 1.565 1.646 3.19 2.945 4.817 3.973 0.433 0.268 0.864 0.535 1.275 0.741 1.791 0.907 3.561 1.523 5.29 1.544 0.782 0 1.502-0.207 2.244-0.392 0.473-0.103 0.946-0.103 1.399-0.289 1.194-0.495 2.325-1.235 3.396-2.305l70.569-70.57c8.787-8.788-2.655-22.186-20.231-28.155zM888.078 726.727l-42.845-42.847c-8.233-8.232-21.569-8.232-29.802 0l-66.124 66.124c-8.231 8.233-8.231 21.568 0 29.801l42.849 42.847c8.231 8.232 21.567 8.232 29.8 0l66.122-66.124c8.233-8.233 8.233-21.568 0-29.801z" />
-<glyph unicode="&#xe902;" glyph-name="ok" d="M0 426.667l384-384 640 640-170.667 170.667-469.333-469.333-213.333 213.333z" />
+<glyph unicode="&#xe902;" glyph-name="use" d="M0 426.667l384-384 640 640-170.667 170.667-469.333-469.333-213.333 213.333z" />
 <glyph unicode="&#xe903;" glyph-name="loading" d="M870.623 198.711c0-3.451 2.797-6.248 6.248-6.248s6.248 2.797 6.248 6.248c0 0 0 0.001 0 0.001 0 3.45-2.797 6.247-6.247 6.247 0 0-0.001 0-0.001 0v0c0 0-0.001 0-0.001 0-3.45 0-6.247-2.797-6.247-6.247 0 0 0-0.001 0-0.001v0zM732.694 56.388c0-6.863 5.563-12.427 12.427-12.427s12.427 5.563 12.427 12.427-5.563 12.427-12.427 12.427-12.427-5.563-12.427-12.427zM546.774-16.868c0-10.313 8.361-18.674 18.674-18.674s18.674 8.361 18.674 18.674-8.361 18.674-18.674 18.674-18.674-8.361-18.674-18.674zM346.643-7.050c0-13.726 11.128-24.853 24.853-24.853s24.853 11.128 24.853 24.853-11.128 24.853-24.853 24.853-24.853-11.128-24.853-24.853zM169.099 84.056c0-17.177 13.924-31.101 31.101-31.101s31.101 13.924 31.101 31.101-13.924 31.101-31.101 31.101-31.101-13.924-31.101-31.101zM46.137 238.943c0-20.627 16.722-37.349 37.349-37.349s37.349 16.722 37.349 37.349-16.722 37.349-37.349 37.349-37.349-16.722-37.349-37.349zM0 429.12c0-24.040 19.487-43.528 43.528-43.528s43.528 19.487 43.528 43.528-19.487 43.528-43.528 43.528-43.528-19.487-43.528-43.528zM37.967 618.060c0-27.49 22.285-49.775 49.775-49.775s49.775 22.285 49.775 49.775c0 27.49-22.285 49.775-49.775 49.775s-49.775-22.285-49.775-49.775zM151.866 770.407c0-30.941 25.082-56.023 56.023-56.023s56.023 25.082 56.023 56.023c0 30.941-25.082 56.023-56.023 56.023s-56.023-25.082-56.023-56.023zM319.112 857.669c0-34.354 27.848-62.202 62.202-62.202s62.202 27.848 62.202 62.202-27.848 62.202-62.202 62.202-62.202-27.848-62.202-62.202zM506.954 863.092c0-37.804 30.646-68.45 68.45-68.45s68.45 30.646 68.45 68.45c0 37.804-30.646 68.45-68.45 68.45s-68.45-30.646-68.45-68.45zM678.936 785.717c0-41.216 33.413-74.629 74.629-74.629s74.629 33.413 74.629 74.629-33.413 74.629-74.629 74.629-74.629-33.413-74.629-74.629zM801.144 640.373c0-44.667 36.209-80.876 80.876-80.876s80.876 36.209 80.876 80.876-36.209 80.876-80.876 80.876-80.876-36.209-80.876-80.876zM849.752 452.119c0-48.117 39.007-87.124 87.124-87.124s87.124 39.007 87.124 87.124c0 48.117-39.007 87.124-87.124 87.124s-87.124-39.007-87.124-87.124z" />
 <glyph unicode="&#xe904;" glyph-name="switch" d="M275.2 486.4v-512h121.6v947.2l-396.8-435.2zM748.8 409.6v512h-121.6v-947.2l396.8 435.2z" />
 <glyph unicode="&#xe905;" glyph-name="error" d="M0.001 886.857l73.143 73.143 950.855-950.855-73.142-73.143-950.857 950.855zM73.146-63.998l-73.142 73.143 950.855 950.855 73.142-73.142-950.855-950.857z" />
@@ -21,5 +25,10 @@
 <glyph unicode="&#xe90b;" glyph-name="vpn" d="M938.667 789.333v21.333c0 59.733-46.933 106.667-106.667 106.667s-106.667-46.933-106.667-106.667v-21.333c-25.6 0-42.667-17.067-42.667-42.667v-170.667c0-25.6 17.067-42.667 42.667-42.667h213.333c25.6 0 42.667 17.067 42.667 42.667v170.667c0 25.6-17.067 42.667-42.667 42.667zM904.533 789.333h-145.067v21.333c0 38.4 34.133 72.533 72.533 72.533s72.533-34.133 72.533-72.533v-21.333zM806.4 448c0-12.8 4.267-29.867 4.267-42.667 0-89.6-34.133-170.667-89.6-230.4-12.8 34.133-42.667 59.733-81.067 59.733h-42.667v128c0 25.6-17.067 42.667-42.667 42.667h-256v85.333h85.333c25.6 0 42.667 17.067 42.667 42.667v85.333h85.333c46.933 0 85.333 38.4 85.333 85.333v106.667c-38.4 12.8-85.333 21.333-128 21.333-234.667 0-426.667-192-426.667-426.667s192-426.667 426.667-426.667 426.667 192 426.667 426.667c0 12.8 0 29.867-4.267 42.667h-85.333zM426.667 68.267c-166.4 21.333-298.667 166.4-298.667 337.067 0 25.6 4.267 51.2 8.533 76.8l204.8-204.8v-42.667c0-46.933 38.4-85.333 85.333-85.333v-81.067z" />
 <glyph unicode="&#xe90c;" glyph-name="storage" d="M512 521.152c90.304 0 174.656 8.192 253.12 24.576s140.416 40.576 185.728 72.576v-97.152c0-26.304-19.648-50.688-58.88-73.152s-92.544-40.32-160-53.44c-67.392-13.12-140.736-19.712-219.968-19.712s-152.576 6.592-220.032 19.712c-67.392 13.184-120.704 30.976-160 53.44-39.232 22.464-58.88 46.848-58.88 73.152v97.152c45.312-32 107.264-56.192 185.728-72.576 78.528-16.384 162.88-24.576 253.184-24.576v0 0zM512 82.304c90.304 0 174.656 8.192 253.12 24.576s140.416 40.576 185.728 72.576v-97.152c0-26.304-19.648-50.688-58.88-73.152s-92.544-40.32-160-53.44c-67.392-13.12-140.736-19.712-219.968-19.712s-152.576 6.592-220.032 19.712c-67.456 13.12-120.768 30.976-160 53.44s-58.88 46.848-58.88 73.152v97.152c45.312-32 107.264-56.192 185.728-72.576 78.528-16.384 162.88-24.576 253.184-24.576v0 0zM512 301.696c90.304 0 174.656 8.192 253.12 24.576s140.416 40.576 185.728 72.576v-97.152c0-26.304-19.648-50.688-58.88-73.152s-92.544-40.256-160-53.44c-67.392-13.12-140.736-19.648-219.968-19.648s-152.576 6.592-220.032 19.712c-67.456 13.12-120.768 30.976-160 53.44s-58.88 46.848-58.88 73.152v97.088c45.312-32 107.264-56.192 185.728-72.576 78.528-16.384 162.88-24.576 253.184-24.576v0 0zM512 960c79.232 0 152.576-6.592 220.032-19.712s120.768-30.976 160-53.44c39.232-22.464 58.88-46.848 58.88-73.152v-73.152c0-26.304-19.648-50.688-58.88-73.152s-92.544-40.256-160-53.44c-67.456-13.12-140.8-19.648-220.032-19.648s-152.576 6.592-220.032 19.712c-67.456 13.12-120.768 30.976-160 53.44s-58.88 46.848-58.88 73.152v73.088c0 26.304 19.648 50.688 58.88 73.152s92.544 40.32 160 53.44c67.456 13.12 140.8 19.712 220.032 19.712v0 0z" />
 <glyph unicode="&#xe90d;" glyph-name="statistics" d="M835.953 807.853h-649.616c-37.609 0-68.381-30.771-68.381-68.381v-478.663c0-37.609 30.771-68.381 68.381-68.381h290.618v-51.286h-135.052c-17.095 0-32.481-11.967-35.9-29.062-3.419-22.224 13.676-39.319 34.19-39.319h340.194c17.095 0 32.481 11.967 35.9 29.062 3.419 22.224-13.676 39.319-34.19 39.319h-136.761v51.286h290.618c37.609 0 68.381 30.771 68.381 68.381v478.663c0 37.609-30.771 68.381-68.381 68.381zM733.382 465.95h-112.828l-39.319-116.247c-3.419-10.257-17.095-11.967-23.933-3.419l-123.085 170.953-15.386-39.319c-1.71-6.838-8.548-10.257-15.386-10.257h-129.923c-17.095 0-32.481 11.967-35.9 29.062-3.419 22.224 13.676 39.319 34.19 39.319h95.733l39.319 99.152c3.419 10.257 17.095 11.967 23.933 3.419l119.666-164.114 17.095 51.286c1.71 6.838 8.548 11.967 15.386 11.967h147.018c17.095 0 32.481-11.967 35.9-29.062 5.129-25.643-10.257-42.738-32.481-42.738z" />
-<glyph unicode="&#xe90e;" glyph-name="logo" d="M844.056 614.133c-2.153 4.306-6.459 10.764-10.764 15.070-127.018 198.062-307.858 348.762-398.278 327.233-25.834-4.306-53.821-25.834-79.656-58.127 51.668-2.153 105.49-23.681 155.005-60.28 27.987-12.917 60.28-36.598 96.878-68.891 43.057-34.446 185.145-195.91 264.801-387.513 30.14-77.503 38.751-139.935 23.681-165.77v0c-17.223-27.987-88.267-45.21-180.84-47.363-8.611-32.293-19.376-60.28-32.293-88.267 148.547-6.459 271.259 21.529 307.858 75.35 45.21 73.197-21.529 275.565-146.394 458.557zM951.699 416.070c-6.459 17.223-15.070 34.446-23.681 53.821-12.917-38.751-27.987-79.656-45.21-120.56 21.529-62.433 25.834-111.948 10.764-133.477v0c-2.153-4.306-8.611-8.611-15.070-12.917 34.446 17.223 103.337 49.516 73.197 213.132zM854.82 719.622v0c23.681-25.834 21.529-101.184-2.153-198.062-96.878-254.037-146.394-284.176-258.342-393.972-75.35-60.28-144.241-92.573-176.534-81.808v0c-21.529 6.459-45.21 38.751-66.738 88.267-38.751 10.764-73.197 23.681-107.643 36.598 34.446-122.713 86.114-213.132 139.935-230.355 81.808-27.987 256.189 83.961 398.278 247.578 180.84 213.132 226.049 531.754 157.158 604.951-45.21 47.363-170.075 55.974-318.622 25.834 34.446-21.529 71.044-47.363 105.49-75.35 62.433 4.306 111.948-4.306 129.171-23.681zM940.934 444.057c0 0 0 0 0 0s0 0 0 0 0 0 0 0zM951.699 418.223c0 0 0 2.153 0 0 0 2.153 0 0 0 0s0 0 0 0zM951.699 420.376c-2.153 6.459-6.459 12.917-8.611 19.376 2.153-4.306 4.306-6.459 4.306-10.764 2.153-4.306 2.153-6.459 4.306-8.611zM951.699 416.070c40.904-94.725 58.127-180.84 45.21-234.661 0 0 0 0 0 0 15.070 53.821-4.306 139.935-45.21 234.661 0 0 0 0 0 0zM928.017 469.892c4.306-8.611 8.611-17.223 10.764-23.681-2.153 6.459-6.459 15.070-10.764 23.681zM951.699 418.223c0 0 0 2.153 0 0-2.153 4.306-2.153 6.459-4.306 8.611 2.153-2.153 2.153-4.306 4.306-8.611zM889.266 209.396c2.153 2.153 2.153 2.153 4.306 4.306-2.153 0-2.153-2.153-4.306-4.306zM951.699 416.070c27.987-165.77-38.751-198.062-73.197-215.285 0 0 0 0 0 0-30.14-21.529-94.725-34.446-176.534-34.446-114.101 10.764-187.298 25.834-243.272 43.057 0-12.917 2.153-23.681 4.306-36.598 0-4.306 2.153-8.611 4.306-15.070 223.897-60.28 467.169-32.293 531.754 21.529 10.764 55.974-6.459 142.088-47.363 236.814zM884.96 207.244c0 0 2.153 2.153 2.153 2.153 0-2.153 0-2.153-2.153-2.153zM940.934 446.21c-4.306 8.611-8.611 15.070-10.764 23.681 2.153-8.611 6.459-17.223 10.764-23.681 0-2.153 0-2.153 0 0zM951.699 416.070c0 0 0 0 0 0s0 2.153 0 2.153c0 0 0 0 0 0s0 0 0-2.153zM943.087 439.752c0 2.153-2.153 2.153-2.153 4.306 0-2.153 0-2.153 2.153-4.306 0 0 0 0 0 0zM878.502 200.785c2.153 2.153 4.306 4.306 6.459 4.306-2.153 0-4.306-2.153-6.459-4.306zM887.113 209.396c2.153 0 2.153 0 0 0 2.153 0 2.153 0 0 0zM940.934 441.904c0 0 0 2.153 0 2.153s0 0 0 0 0-2.153 0-2.153zM951.699 418.223c0 0 0 0 0 0s0 0 0 0 0 0 0 0zM947.393 428.987c-2.153 4.306-4.306 6.459-4.306 10.764 0 0 0 2.153 0 2.153 0-4.306 2.153-8.611 4.306-12.917zM951.699 416.070c0 0 0 0 0 0s0 2.153 0 2.153c0 0 0-2.153 0-2.153zM951.699 416.070c0 0 0 2.153 0 2.153s0 0 0 0c-2.153 2.153-2.153 6.459-4.306 8.611-2.153 4.306-4.306 8.611-6.459 12.917 0 0 0 2.153-2.153 2.153-4.306 8.611-8.611 17.223-12.917 25.834-12.917-38.751-27.987-79.656-45.21-120.56 21.529-62.433 25.834-111.948 10.764-133.477v0c0-2.153-2.153-2.153-4.306-4.306 0 0-2.153-2.153-2.153-2.153s-2.153-2.153-2.153-2.153-4.306-4.306-6.459-4.306c0 0 0 0 0 0 36.598 19.376 105.49 51.668 75.35 215.285zM940.934 441.904c0 0 0 0 0 0 0 2.153 0 2.153-2.153 4.306 0 0 0 0 0 0-4.306 8.611-8.611 17.223-10.764 23.681-12.917-38.751-27.987-79.656-45.21-120.56 21.529-62.433 25.834-111.948 10.764-133.477v0c0-2.153-2.153-2.153-4.306-4.306 0 0 0-2.153-2.153-2.153 0 0-2.153-2.153-2.153-2.153s0 0 0 0c-2.153-2.153-4.306-4.306-6.459-4.306 0 0 0 0 0 0-2.153-2.153-4.306-2.153-4.306-4.306 0 0 0 0-2.153 0s-4.306-2.153-6.459-2.153c0 0-2.153 0-2.153 0-2.153 0-4.306-2.153-6.459-2.153 0 0-2.153 0-2.153 0-2.153 0-4.306-2.153-6.459-2.153 0 0 0 0 0 0-4.306-2.153-8.611-2.153-15.070-4.306-2.153 0-2.153 0-4.306-2.153-2.153 0-4.306 0-4.306-2.153-2.153 0-4.306 0-6.459-2.153-2.153 0-4.306 0-4.306 0-2.153 0-4.306 0-8.611-2.153-2.153 0-2.153 0-4.306 0-4.306 0-6.459-2.153-10.764-2.153 0 0-2.153 0-2.153 0-19.376-2.153-40.904-4.306-64.586-4.306 0 0 0 0 0 0-6.459 0-10.764 0-17.223 0 10.764 12.917 21.529 27.987 34.446 40.904 114.101 150.7 174.381 350.915 185.145 484.392 15.070-4.306 27.987-8.611 40.904-15.070 0 51.668-8.611 92.573-30.14 116.254-32.293 36.598-107.643 49.516-204.521 40.904 0 0-2.153 0-2.153 0-6.459 0-10.764 0-17.223-2.153-2.153 0-2.153 0-4.306 0-6.459 0-10.764-2.153-17.223-2.153-2.153 0-2.153 0-4.306 0-6.459 0-12.917-2.153-21.529-2.153-2.153 0-4.306 0-6.459 0-4.306 0-10.764-2.153-15.070-2.153-2.153 0-6.459 0-8.611-2.153-4.306 0-8.611-2.153-12.917-2.153-2.153 0-4.306 0-6.459 0 0 0 0 0 0 0-51.668-10.764-107.643-25.834-161.464-45.21-6.459-2.153-10.764-4.306-17.223-4.306-172.228-55.974-322.928-146.394-387.513-228.202 0 0 0 0 0 0-12.917-15.070-21.529-32.293-25.834-47.363 0 0 0 0 0 0-2.153-4.306-2.153-6.459-2.153-10.764 0 0 0 0 0 0 0-4.306-2.153-8.611-2.153-12.917-2.153-47.363 43.057-111.948 116.254-174.381-2.153 10.764-2.153 19.376-2.153 30.14 62.433-47.363 144.241-92.573 236.814-133.477 32.293-12.917 64.586-23.681 96.878-32.293 0 0 0 0 0 0 4.306-2.153 8.611-2.153 12.917-4.306 2.153 0 2.153 0 4.306-2.153-6.459 2.153-10.764 2.153-17.223 4.306 6.459-19.376 12.917-38.751 23.681-58.127 17.223-4.306 34.446-8.611 51.668-10.764-53.821-36.598-101.184-53.821-124.865-45.21v0c-21.529 6.459-45.21 38.751-66.738 88.267-32.293 8.611-62.433 19.376-92.573 30.14-4.306 2.153-10.764 2.153-15.070 4.306 34.446-120.56 83.961-208.827 137.783-228.202 51.668-15.070 146.394 40.904 245.425 137.783 174.381-17.223 327.233 19.376 361.679 75.35 4.306 8.611 8.611 17.223 10.764 27.987-2.153-2.153-4.306-4.306-6.459-4.306 2.153 2.153 4.306 4.306 6.459 4.306 0 0 0 0 0 0s0 0 0 0c12.917 51.668-8.611 148.547-58.127 254.037zM966.769 164.187c2.153 2.153 6.459 2.153 8.611 4.306-6.459-4.306-15.070-6.459-23.681-10.764 2.153 2.153 6.459 2.153 8.611 4.306 2.153 0 4.306 2.153 6.459 2.153zM932.323 151.269c2.153 0 2.153 0 4.306 2.153 4.306 0 6.459 2.153 10.764 4.306-8.611-2.153-19.376-6.459-30.14-8.611 4.306 0 10.764 0 15.070 2.153zM912.947 146.964c0 0 2.153 0 2.153 0-6.459-2.153-10.764-2.153-17.223-4.306 0 0 0 0 2.153 0 4.306 2.153 8.611 2.153 12.917 4.306zM893.572 142.658c-12.917-2.153-27.987-4.306-40.904-6.459 0 0 2.153 0 2.153 0 12.917 0 27.987 2.153 38.751 6.459zM831.139 131.894c6.459 0 12.917 2.153 21.529 2.153-8.611 0-15.070-2.153-21.529-2.153 0 0 0 0 0 0zM828.986 131.894c-15.070-2.153-32.293-2.153-47.363-4.306 17.223 2.153 32.293 2.153 47.363 4.306zM254.175 314.886c-47.363 34.446-83.961 68.891-103.337 99.031-2.153 2.153-2.153 4.306-4.306 6.459 0 0 0 2.153 0 2.153-4.306 6.459-6.459 10.764-8.611 17.223 0 2.153-2.153 2.153-2.153 4.306s0 2.153-2.153 4.306c0 2.153 0 2.153-2.153 4.306 0 0 0 2.153 0 2.153 0 2.153 0 2.153 0 4.306 0 0 0 2.153 0 2.153 0 2.153 0 4.306 0 6.459v0c0 2.153 0 4.306 0 4.306s0 2.153 0 2.153 0 2.153 2.153 4.306c0 0 0 2.153 0 2.153 0 2.153 2.153 4.306 2.153 6.459 0 0 0 0 0 2.153s2.153 2.153 2.153 4.306c0 0 0 2.153 2.153 2.153 0 2.153 2.153 2.153 2.153 4.306 0 0 2.153 2.153 2.153 2.153 0 2.153 2.153 2.153 2.153 4.306 2.153 2.153 2.153 4.306 4.306 4.306 0 0 2.153 2.153 2.153 2.153 2.153 2.153 2.153 2.153 4.306 4.306 0 0 2.153 2.153 2.153 2.153 4.306 4.306 10.764 10.764 15.070 15.070 0 0 0 0 0 0 2.153 2.153 4.306 4.306 6.459 6.459 0 0 0 0 0 0 4.306 4.306 8.611 8.611 15.070 12.917 0 0 0 0 0 0 15.070 10.764 32.293 23.681 49.516 34.446 208.827 99.031 340.151 129.171 441.335 155.005 12.917 2.153 23.681 2.153 34.446 2.153 0 0 0 0 0 0 23.681 2.153 47.363 2.153 64.586 0 0 0 0 0 0 0 2.153 0 6.459 0 8.611 0 0 0 0 0 0 0 8.611-2.153 17.223-2.153 23.681-4.306 0 0 0 0 0 0 2.153 0 2.153 0 4.306-2.153 0 0 2.153 0 2.153 0 2.153 0 2.153 0 4.306-2.153 0 0 2.153 0 2.153-2.153 0 0 2.153 0 2.153-2.153 2.153 0 2.153-2.153 2.153-2.153s2.153 0 2.153-2.153c2.153 0 2.153-2.153 2.153-2.153s2.153 0 2.153-2.153 2.153-2.153 4.306-4.306v0c2.153-2.153 2.153-4.306 4.306-6.459 0 0 0 0 0 0 2.153-2.153 2.153-4.306 4.306-6.459 15.070-32.293 10.764-101.184-10.764-185.145-81.808-215.285-131.324-269.106-210.979-348.762-208.827 27.987-254.037 68.891-378.902 142.088zM598.631 134.047c-27.987 4.306-55.974 8.611-83.961 15.070 8.611-2.153 17.223-4.306 23.681-4.306 2.153 0 2.153 0 4.306 0 19.376-4.306 36.598-8.611 55.974-10.764 0 0 0 0 0 0zM484.53 155.575c8.611-2.153 17.223-4.306 25.834-6.459 0 0 2.153 0 2.153 0-8.611 2.153-19.376 4.306-27.987 6.459zM671.828 127.588v0c19.376 0 36.598-2.153 55.974-2.153 0 0 0 0 0 0 17.223 0 34.446 0 51.668 2.153-34.446-2.153-68.891-2.153-107.643 0zM977.533 170.645c0 0 2.153 0 2.153 2.153 2.153 0 4.306 2.153 6.459 2.153 0 0 0 0 2.153 0-4.306-2.153-6.459-4.306-10.764-4.306zM928.017 469.892c-12.917-38.751-27.987-79.656-45.21-120.56 21.529-62.433 25.834-111.948 10.764-133.477v0c-19.376-27.987-92.573-47.363-191.604-47.363-208.827 21.529-282.024 49.516-365.985 99.031-19.376 10.764-40.904 23.681-62.433 36.598-6.459 4.306-12.917 6.459-17.223 10.764-38.751 27.987-68.891 55.974-90.42 81.808 0 0 0 0 0 0-23.681 25.834-34.446 49.516-34.446 66.738v0c2.153 21.529 25.834 53.821 66.738 86.114 0 38.751 2.153 77.503 6.459 114.101-109.795-64.586-182.992-137.783-185.145-193.757-4.306-71.044 96.878-176.534 241.119-264.801 0 0 0 0 0 0 6.459-4.306 15.070-8.611 21.529-12.917 0 0 2.153 0 2.153-2.153 8.611-4.306 15.070-8.611 23.681-12.917 0 0 0 0 0 0 6.459-4.306 15.070-8.611 21.529-10.764 2.153 0 4.306-2.153 4.306-2.153 8.611-4.306 15.070-8.611 23.681-12.917 0 0 2.153 0 2.153-2.153v0c251.884-118.407 572.659-71.044 622.174 6.459 40.904 53.821 12.917 178.687-53.821 314.316zM415.639 45.78v0c-32.293 10.764-71.044 77.503-96.878 172.228-43.057 269.106-15.070 318.622 25.834 471.475 36.598 90.42 79.656 152.852 111.948 159.311v0c21.529 4.306 58.127-10.764 101.184-43.057 38.751 10.764 75.35 17.223 111.948 21.529-90.42 88.267-180.84 142.088-236.814 129.171-83.961-17.223-178.687-200.215-221.744-413.348-49.516-275.565 73.197-574.811 165.77-602.798 62.433-19.376 176.534 38.751 288.482 137.783-40.904 2.153-83.961 6.459-129.171 12.917-49.516-34.446-94.725-51.668-120.56-45.21zM437.167 958.589c-73.197-17.223-148.547-200.215-178.687-411.195-34.446-264.801 75.35-555.436 152.852-609.257 64.586 2.153 161.464 55.974 258.342 142.088-40.904 2.153-83.961 6.459-129.171 12.917-53.821-36.598-101.184-53.821-124.865-45.21v0c-32.293 10.764-68.891 77.503-94.725 172.228-43.057 269.106-15.070 318.622 25.834 471.475 36.598 90.42 79.656 152.852 111.948 159.311v0c21.529 4.306 58.127-10.764 101.184-43.057 32.293 8.611 64.586 15.070 94.725 19.376 4.306 2.153 10.764 2.153 15.070 4.306-88.267 86.114-176.534 137.783-232.508 127.018zM626.618 41.474c15.070 10.764 30.14 23.681 45.21 36.598-40.904 2.153-83.961 6.459-129.171 12.917-53.821-36.598-101.184-53.821-124.865-45.21v0c-6.459 2.153-10.764 6.459-17.223 10.764 23.681-27.987 73.197-83.961 226.049-15.070zM671.828 829.418c-2.153 0-2.153 0 0 0-38.751 34.446-101.184 49.516-163.617 36.598-19.376-4.306-36.598-10.764-51.668-17.223 2.153 0 2.153 0 4.306 2.153v0c21.529 4.306 58.127-10.764 101.184-43.057 32.293 8.611 64.586 15.070 94.725 19.376 4.306 0 8.611 2.153 15.070 2.153z" />
+<glyph unicode="&#xe90e;" glyph-name="hello-world" d="M490 960c14.6 0 29.4 0 44 0 4.2-0.8 8.2-2 12.4-2.6 23-3 46.4-4.4 69-9.2 105-22 194.8-71.8 268.2-149.8 77.6-82.6 123.2-180.4 135.8-293.2 1.4-11.8 3-23.4 4.6-35.2 0-14.6 0-29.4 0-44-0.8-4.2-2-8.2-2.6-12.4-3-23-4.4-46.4-9.2-69-22-105-71.8-194.8-149.8-268.2-82.6-77.6-180.4-123.2-293.2-135.8-11.8-1.4-23.4-3-35.2-4.6-14.6 0-29.4 0-44 0-4.2 0.8-8.2 2-12.4 2.6-23 3-46.4 4.4-69 9.2-105 22-194.8 71.8-268.2 149.8-77.6 82.6-123.2 180.4-135.8 293.2-1.4 11.8-3 23.4-4.6 35.2 0 14.6 0 29.4 0 44 0.8 4.2 2 8.2 2.6 12.4 3 23 4.4 46.4 9.2 69 22 105 71.8 194.8 149.8 268.2 82.6 77.6 180.4 123.2 293.2 135.8 11.8 1.4 23.4 3 35.2 4.6zM337.6 321c6.6-22.4 12.2-41.8 18.2-61.2 3.6-12 11.6-18.4 22-18.4 9.8 0 19 7 23 17.8 2 5.6 3.6 11.4 5.4 17.2 11.2 35.8 22.6 71.6 33.6 107.6 5 16.4-6.4 30.8-21.6 27.8-9.6-2-15.8-7.6-18.6-17.4-6.4-23-13.2-45.8-20.6-71-6.4 22.4-12.2 42.4-18 62.6-3.6 12.6-11.4 19.8-21.8 20.2-10.8 0.4-20.2-7.4-24-20.2-2-6.6-3.8-13.4-5.8-20.2-4.4-15.4-8.6-30.6-13.6-48-7.2 23.8-13.6 45-20.4 66.2-4 13-14 18.4-26 14.8-11.6-3.4-18.2-15.4-14.6-27.6 2.8-9.2 5.8-18.4 8.8-27.6 9.8-30 19.6-60 29.6-90 4-12 11-17.8 21.2-18.2 10.4-0.4 20 6.8 24 17.8 1.2 3.2 1.8 6.4 2.8 9.6 4.8 18.6 10.2 37 16.4 58.2zM880.8 395.6c0 28.4 0 56.6 0 85 0 13-7.8 21.4-19.8 21.4s-21.8-9.2-22-21.2c-0.2-11-0.2-22 0-33 0.2-6.8-1-9-9-7.8-44.6 6.8-80.6-23.6-79.2-66.2 0.4-15.4 0.2-30.6 0.2-46 0.2-25.2 18.2-47.4 42.6-52.4 25.8-5.2 50.2 1.2 73.6 11.6 9.2 4 13.6 12 13.6 22.6 0 28.6 0 57.2 0 86zM184.8 586.4c0 10.2 0 22.4 0 34.6 0 13.2-7.6 21.4-19.6 21.6-11.8 0-22.2-9.4-22.2-21 0-61.6 0-123.4 0-185 0-8.8 4.4-14.4 12.4-17.4 14.2-5.4 29.2 4.8 29.4 20 0.2 29.6 0.4 59.4-0.2 89-0.2 9.8 3.8 14.6 12.2 17.8 21.8 8.4 35 0.2 36.2-23.2 0.2-2.4 0-4.6 0-7 0-23.6 0-47.4 0-71 0-13 7.2-20.8 19-20.6s20.6 8.8 20.6 21c0.2 30.4 0.2 60.6 0 91-0.2 23.2-17.4 46-40 49.8-14.8 2.8-30.4 0.6-47.8 0.4zM330 493.4c7.6 0.6 14.6 1.2 21.4 1.8 15.2 1.4 30.4 2.2 45.6 4.2 10.2 1.4 18 8.2 19 18 1.4 12.8 1.8 26.2-1 38.6-6.6 29.6-28.2 43.6-62.8 42.8-36.2-0.8-65-29.8-65.2-65.8 0-15.6-0.2-31.2 0-47 0.2-25.4 18.8-47.6 43.4-52.8 24.4-5.2 46.8 1 68.2 11.8 11.2 5.6 15.2 18 10 27.8s-15.8 12.4-27.6 7.6c-8-3.2-16-6.4-24.4-8.4-16-4.2-24.8 2.8-26.6 21.4zM687.8 538.8c-0.4 0-0.6 0-1 0 0 8 0.2 16 0 24-1 20.4-9.8 36.6-27.2 47.2-39.2 23.6-95.8 1.4-105.8-43.2-4.2-18.8-2.4-39-2.4-58.6 0-20 9-36 25.8-47 38.4-25 96.2-3.2 107.4 41 2.8 11.8 2.2 24.4 3.2 36.6zM579.8 339.6c-0.6 0-1.2 0-1.8 0 0 11 1.8 22.2-0.4 32.8-6.2 30.6-29.6 46.8-64 46.2-39-0.6-68-29.4-68.4-68.2-0.2-14.6-0.2-29.4 0-44 0.2-14.2 5-26.8 15-37 18.8-19.2 42-21.8 66.4-15.8 25.6 6.4 43.2 22.4 49.6 48.2 3.2 12.4 2.6 25.2 3.6 37.8zM693.2 379c0-30.2 0-60.6 0-90.8 0-14 6.6-21.2 19.2-21.4 13.6-0.2 22.6 8.4 22.6 22.2 0 60.6 0 121.2 0 181.8 0 10.4-5.8 18-14.6 19.8-14 3-27-7.2-27-21.6-0.4-30-0.2-60-0.2-90zM433.2 550c0-30 0-60 0-90 0-12.6 6.8-20.4 17.8-20.8 11.8-0.6 21.8 8 21.8 19.8 0.2 62.4 0.2 124.6 0 187 0 8.8-4.8 14.2-13 16.8-13.4 4.2-26.6-5.6-26.6-19.8-0.2-31 0-62 0-93zM495.2 556c0-30.4 0-60.6 0-91 0-12.8 7.2-21.2 18.4-21.6 11.4-0.4 21.2 9.4 21.2 21.8 0 61.4 0.2 122.6-0.2 184 0 4.8-2.6 10.4-5.8 14-5.6 6.2-13.4 7-21 3.4-7.8-3.6-12.6-9.4-12.6-18.6 0-30.6 0-61.4 0-92zM595.2 329.8c0-17.4-0.6-34.6 0.4-51.8 0.4-5.4 4-13 8.4-15.2 5.4-2.8 13.6-2.6 19.6-0.8 7.8 2.4 11.4 9.6 11.4 18.2-0.2 27.6 0 55.2 0 82.8 0 25.8 0 25.8 25.6 24.4 12-0.6 21.8 7.2 23.4 18.6 1.6 10.4-5.2 19.6-17.4 21.6-7.8 1.4-16 1.4-23.8 0.8-27.6-2-47.6-24.2-47.6-51.8 0-15.6 0-31.2 0-46.8zM839.2 356.2c0 10.6 0.2 21.2-0.2 32 0 2.8-0.6 6.8-2.4 8-8.6 6.4-18.8 6.4-28.6 3.8-8.6-2.4-15-8.2-15.4-17.6-0.6-17.6-1-35 0-52.6 0.8-12.2 9-18 21.2-17 6.2 0.6 12.6 1.4 18.4 3.6 3 1.2 6.2 5.6 6.6 8.8 0.8 10.4 0.4 20.8 0.4 31zM647.8 537.4c-0.8 7.4-1 14.8-2.2 22-2.2 13.8-9.8 20-23.8 20-14.8-0.2-25.6-8.2-27-21.2-1.2-12.8-2-25.8-1.6-38.8 0.4-8.6-0.4-19 9-24 16.6-8.8 42.2-2.6 43.4 19.4 0.4 7.6 1.4 15 2.2 22.6zM539.8 337.6c-0.6 7.2-1 14.6-2 21.8-2.2 13.8-9.8 20.2-23.8 20-14.8-0.2-26.2-8.2-27-21.2-1-16.8-0.8-33.8 0.2-50.6 0.2-4.6 4.8-11 9-13 18.8-8.6 41.4 0.4 41.8 21 0 7.4 1 14.6 1.8 22zM839.2 356.2c0-10.4 0.6-20.6-0.4-31-0.2-3.2-3.6-7.6-6.6-8.8-5.8-2.2-12.2-3.2-18.4-3.6-12.2-1-20.4 4.8-21.2 17-1 17.4-0.6 35 0 52.6 0.4 9.4 6.8 15.2 15.4 17.6 9.8 2.6 20 2.6 28.6-3.8 1.8-1.4 2.4-5.4 2.4-8 0.2-10.6 0.2-21.2 0.2-32zM330.4 533c1 19.4 10.2 27.6 28.2 26.2 8.6-0.8 16.6-8.6 16.2-17.2-0.2-2-3.8-5.2-6-5.4-12.6-1.6-25.2-2.4-38.4-3.6zM647.8 537.4c-0.6-7.6-1.6-15-2-22.6-1.2-22-26.8-28.4-43.4-19.4-9.4 5-8.8 15.4-9 24-0.4 12.8 0.4 25.8 1.6 38.8s12.2 21 27 21.2c14 0.2 21.6-6 23.8-20 1-7.2 1.2-14.6 2-22zM539.8 337.6c-0.6-7.4-1.8-14.6-1.8-21.8-0.4-20.6-23-29.6-41.8-21-4.2 2-8.6 8.4-9 13-1 16.8-1.2 33.8-0.2 50.6 0.8 13 12.2 21 27 21.2 14 0.2 21.6-6.2 23.8-20 1-7.6 1.2-14.8 2-22z" />
+<glyph unicode="&#xe90f;" glyph-name="angle-right" d="M704.6 414l-272-272c-18.8-18.8-49.2-18.8-67.8 0l-45.2 45.2c-18.8 18.8-18.8 49.2 0 67.8l192.8 192.8-192.8 192.8c-18.8 18.8-18.8 49.2 0 67.8l45 45.6c18.8 18.8 49.2 18.8 67.8 0l272-272c19-18.8 19-49.2 0.2-68z" />
+<glyph unicode="&#xe910;" glyph-name="password" d="M196.923 603.569v0zM827.077 507.077h-512v92.554c0 104.369 78.769 196.923 183.138 202.831 96.492 5.908 177.231-55.138 202.831-141.785 1.969-7.877 9.846-15.754 19.692-15.754h80.738c11.815 0 21.662 11.815 19.692 23.631-31.508 149.662-165.415 259.938-324.923 252.062-167.385-7.877-295.385-151.631-299.323-317.046v-96.492c-43.323 0-78.769-35.446-78.769-78.769v-374.154c0-43.323 35.446-78.769 78.769-78.769h630.154c43.323 0 78.769 35.446 78.769 78.769v374.154c0 43.323-35.446 78.769-78.769 78.769zM602.585 119.138c3.938-11.815-5.908-25.6-19.692-25.6h-143.754c-13.785 0-23.631 11.815-19.692 25.6l35.446 118.154c-29.538 19.692-47.262 55.138-39.385 94.523 7.877 37.415 37.415 66.954 76.8 74.831 63.015 11.815 118.154-33.477 118.154-92.554 0-31.508-15.754-61.046-41.354-76.8l33.477-118.154z" />
+<glyph unicode="&#xe971;" glyph-name="user" d="M576 253.388v52.78c70.498 39.728 128 138.772 128 237.832 0 159.058 0 288-192 288s-192-128.942-192-288c0-99.060 57.502-198.104 128-237.832v-52.78c-217.102-17.748-384-124.42-384-253.388h896c0 128.968-166.898 235.64-384 253.388z" />
+<glyph unicode="&#xf059;" glyph-name="question" horiz-adv-x="878" d="M512 164.571v109.714q0 8-5.143 13.143t-13.143 5.143h-109.714q-8 0-13.143-5.143t-5.143-13.143v-109.714q0-8 5.143-13.143t13.143-5.143h109.714q8 0 13.143 5.143t5.143 13.143zM658.286 548.571q0 50.286-31.714 93.143t-79.143 66.286-97.143 23.429q-138.857 0-212-121.714-8.571-13.714 4.571-24l75.429-57.143q4-3.429 10.857-3.429 9.143 0 14.286 6.857 30.286 38.857 49.143 52.571 19.429 13.714 49.143 13.714 27.429 0 48.857-14.857t21.429-33.714q0-21.714-11.429-34.857t-38.857-25.714q-36-16-66-49.429t-30-71.714v-20.571q0-8 5.143-13.143t13.143-5.143h109.714q8 0 13.143 5.143t5.143 13.143q0 10.857 12.286 28.286t31.143 28.286q18.286 10.286 28 16.286t26.286 20 25.429 27.429 16 34.571 7.143 46.286zM877.714 438.857q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" />
+<glyph unicode="&#xe911;" glyph-name="docker" d="M537 896 l87 2 l14 -14 l1 -89 l-14 -13 l-87 -2 l-14 13 l-1 90 l14 13 ZM270 756 l87 2 l14 -13 l1 -90 l-14 -13 l-87 -2 l-13 14 l-1 89 l13 13 ZM404 758 l88 1 l13 -14 l1 -88 l-13 -14 l-88 -1 l-13 13 l-1 90 l13 13 ZM538 760 l87 1 l14 -14 l0 -88 l-12 -14 l-87 -1 l-14 13 l-1 89 l13 14 ZM874 675 q44 -14 102 -108 q84 2 134 -53 l0 -6 q-68 -104 -159 -105 q-199 -323 -519 -327 l-74 -1 q-235 -3 -311 269 l-7 69 l-1 53 l13 15 l744 9 q34 0 40 21 l-1 75 q13 89 39 89 ZM138 618 l87 2 l14 -15 l0 -88 l-13 -13 l-87 -2 l-14 13 l-1 89 l14 14 ZM272 620 l86 1 l15 -14 l1 -88 l-14 -14 l-87 -1 l-13 13 l-1 89 l13 14 ZM405 622 l88 1 l13 -14 l1 -89 l-13 -13 l-87 -1 l-13 13 l-1 89 l12 14 ZM540 624 l87 1 l13 -14 l1 -89 l-13 -13 l-87 -1 l-14 13 l-1 88 l14 15 ZM674 625 l86 2 l15 -14 l1 -89 l-14 -14 l-87 -1 l-13 14 l-1 88 l13 14 Z" />
 </font></defs></svg>
\ No newline at end of file
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/argon.ttf b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/argon.ttf
new file mode 100644
index 0000000000..f52d85cf44
Binary files /dev/null and b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/argon.ttf differ
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/argon.woff b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/argon.woff
new file mode 100644
index 0000000000..f06c838ae6
Binary files /dev/null and b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/argon.woff differ
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.eot b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.eot
deleted file mode 100644
index 9e6ffc9b82..0000000000
Binary files a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.eot and /dev/null differ
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.svg b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.svg
deleted file mode 100644
index d38d057da3..0000000000
--- a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>Generated by IcoMoon</metadata>
-<defs>
-<font id="icomoon" horiz-adv-x="1024">
-<font-face units-per-em="1024" ascent="960" descent="-64" />
-<missing-glyph horiz-adv-x="1024" />
-<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
-<glyph unicode="&#xe20a;" glyph-name="expand_less" d="M512 596.667l256-256-60-60-196 196-196-196-60 60z" />
-<glyph unicode="&#xe20b;" glyph-name="expand_more" d="M708 572.667l60-60-256-256-256 256 60 60 196-196z" />
-<glyph unicode="&#xe20e;" glyph-name="menu" d="M128 682.667h768v-86h-768v86zM128 384.667v84h768v-84h-768zM128 170.667v86h768v-86h-768z" />
-<glyph unicode="&#xe291;" glyph-name="favorite" d="M512 28.667l-62 56q-106 96-154 142t-107 114-81 123-22 113q0 98 67 166t167 68q116 0 192-90 76 90 192 90 100 0 167-68t67-166q0-78-52-162t-113-146-199-186z" />
-<glyph unicode="&#xe603;" glyph-name="spinner9" d="M512 960c-278.748 0-505.458-222.762-511.848-499.974 5.92 241.864 189.832 435.974 415.848 435.974 229.75 0 416-200.576 416-448 0-53.020 42.98-96 96-96s96 42.98 96 96c0 282.77-229.23 512-512 512zM512-64c278.748 0 505.458 222.762 511.848 499.974-5.92-241.864-189.832-435.974-415.848-435.974-229.75 0-416 200.576-416 448 0 53.020-42.98 96-96 96s-96-42.98-96-96c0-282.77 229.23-512 512-512z" />
-<glyph unicode="&#xf059;" glyph-name="question-circle" horiz-adv-x="878" d="M512 164.571v109.714q0 8-5.143 13.143t-13.143 5.143h-109.714q-8 0-13.143-5.143t-5.143-13.143v-109.714q0-8 5.143-13.143t13.143-5.143h109.714q8 0 13.143 5.143t5.143 13.143zM658.286 548.571q0 50.286-31.714 93.143t-79.143 66.286-97.143 23.429q-138.857 0-212-121.714-8.571-13.714 4.571-24l75.429-57.143q4-3.429 10.857-3.429 9.143 0 14.286 6.857 30.286 38.857 49.143 52.571 19.429 13.714 49.143 13.714 27.429 0 48.857-14.857t21.429-33.714q0-21.714-11.429-34.857t-38.857-25.714q-36-16-66-49.429t-30-71.714v-20.571q0-8 5.143-13.143t13.143-5.143h109.714q8 0 13.143 5.143t5.143 13.143q0 10.857 12.286 28.286t31.143 28.286q18.286 10.286 28 16.286t26.286 20 25.429 27.429 16 34.571 7.143 46.286zM877.714 438.857q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" />
-</font></defs></svg>
\ No newline at end of file
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.ttf b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.ttf
deleted file mode 100644
index 84669323e9..0000000000
Binary files a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.ttf and /dev/null differ
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.woff b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.woff
deleted file mode 100644
index 00cf84ea03..0000000000
Binary files a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.woff and /dev/null differ
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.eot b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.eot
deleted file mode 100644
index 2bce3c8b37..0000000000
Binary files a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.eot and /dev/null differ
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.svg b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.svg
deleted file mode 100644
index d5495c14aa..0000000000
--- a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>Generated by IcoMoon</metadata>
-<defs>
-<font id="icomoon" horiz-adv-x="1024">
-<font-face units-per-em="1024" ascent="960" descent="-64" />
-<missing-glyph horiz-adv-x="1024" />
-<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
-<glyph unicode="&#xe900;" glyph-name="angle-right" d="M704.6 414l-272-272c-18.8-18.8-49.2-18.8-67.8 0l-45.2 45.2c-18.8 18.8-18.8 49.2 0 67.8l192.8 192.8-192.8 192.8c-18.8 18.8-18.8 49.2 0 67.8l45 45.6c18.8 18.8 49.2 18.8 67.8 0l272-272c19-18.8 19-49.2 0.2-68z" />
-<glyph unicode="&#xe901;" glyph-name="password_unlock" d="M196.923 603.569v0zM827.077 507.077h-512v92.554c0 104.369 78.769 196.923 183.138 202.831 96.492 5.908 177.231-55.138 202.831-141.785 1.969-7.877 9.846-15.754 19.692-15.754h80.738c11.815 0 21.662 11.815 19.692 23.631-31.508 149.662-165.415 259.938-324.923 252.062-167.385-7.877-295.385-151.631-299.323-317.046v-96.492c-43.323 0-78.769-35.446-78.769-78.769v-374.154c0-43.323 35.446-78.769 78.769-78.769h630.154c43.323 0 78.769 35.446 78.769 78.769v374.154c0 43.323-35.446 78.769-78.769 78.769zM602.585 119.138c3.938-11.815-5.908-25.6-19.692-25.6h-143.754c-13.785 0-23.631 11.815-19.692 25.6l35.446 118.154c-29.538 19.692-47.262 55.138-39.385 94.523 7.877 37.415 37.415 66.954 76.8 74.831 63.015 11.815 118.154-33.477 118.154-92.554 0-31.508-15.754-61.046-41.354-76.8l33.477-118.154z" />
-</font></defs></svg>
\ No newline at end of file
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.ttf b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.ttf
deleted file mode 100644
index ca364a1b69..0000000000
Binary files a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.ttf and /dev/null differ
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.woff b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.woff
deleted file mode 100644
index 7c3a2fee71..0000000000
Binary files a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.woff and /dev/null differ
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.eot b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.eot
deleted file mode 100644
index ad617b652b..0000000000
Binary files a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.eot and /dev/null differ
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.ttf b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.ttf
deleted file mode 100644
index f47f04d0aa..0000000000
Binary files a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.ttf and /dev/null differ
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.woff b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.woff
deleted file mode 100644
index 36a8b4ab07..0000000000
Binary files a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.woff and /dev/null differ
diff --git a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/js/script.js b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/js/script.js
index 21403c89b9..66e3fc0ec6 100644
--- a/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/js/script.js
+++ b/package/ctcgfw/luci-theme-argonv3/htdocs/luci-static/argon/js/script.js
@@ -171,7 +171,7 @@
         mainNodeName = mainNodeName.replace(/[ \t\n\r\/]+/g, "_").toLowerCase();
         $("body").addClass(mainNodeName);
     }
-    $(".cbi-button-up").val("");
+    $(".cbi-button-up").val("");
     $(".cbi-button-down").val("");
 
 
diff --git a/package/ctcgfw/luci-theme-argonv3/luasrc/view/themes/argon/header.htm b/package/ctcgfw/luci-theme-argonv3/luasrc/view/themes/argon/header.htm
index 3d6c0ea8ad..d123851958 100644
--- a/package/ctcgfw/luci-theme-argonv3/luasrc/view/themes/argon/header.htm
+++ b/package/ctcgfw/luci-theme-argonv3/luasrc/view/themes/argon/header.htm
@@ -2,7 +2,7 @@
 	Argon is a clean HTML5 theme for LuCI. It is based on luci-theme-bootstrap and MUI and Argon Template
 
 	luci-theme-argon
-	Copyright 2019 Jerrykuku <jerrykuku@qq.com>
+	Copyright 2020 Jerryk <jerrykuku@gmail.com>
 
 	Have a bug? Please create an issue here on GitHub!
 	https://github.com/jerrykuku/luci-theme-argon/issues
@@ -194,109 +194,111 @@
 	end
 	
 	math.randomseed(os.time())
-	
-	local bgcount = 0
-	for f in ipairs(glob("/www/luci-static/argon/img/*")) do
-		bgcount = bgcount + 1
-	end
-	
-	
+	local bgTable = glob("/www/luci-static/argon/img/*")
+	local  bgcount = table.getn(bgTable) 
 -%>
 <!DOCTYPE html>
 <html lang="<%=luci.i18n.context.lang%>">
+	
 <head>
 	<meta charset="utf-8">
-	<title><%=striptags( (boardinfo.hostname or "?") .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %> - LuCI</title>
-	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
-        <meta name="format-detection" content="telephone=no, email=no"/>
-        <meta name="apple-mobile-web-app-capable" content="yes">
-        <meta name="mobile-web-app-capable" content="yes">
-        <meta name="x5-fullscreen" content="true">
-        <meta name="full-screen" content="yes">
-        <meta name="x5-page-mode" content="app">
-        <meta name="browsermode" content="application">
-        <meta name="theme-color" content="#5e72e4">
-        <meta name="msapplication-tap-highlight" content="no">
-        <meta name="msapplication-TileColor" content="#5e72e4">
+	<title>
+		<%=striptags( (boardinfo.hostname or "?") .. ( (node and node.title) and ' - ' .. translate(node.title) or '')) %>
+		- LuCI</title>
+	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
+	<meta name="format-detection" content="telephone=no, email=no" />
+	<meta name="apple-mobile-web-app-capable" content="yes">
+	<meta name="mobile-web-app-capable" content="yes">
+	<meta name="x5-fullscreen" content="true">
+	<meta name="full-screen" content="yes">
+	<meta name="x5-page-mode" content="app">
+	<meta name="browsermode" content="application">
+	<meta name="theme-color" content="#5e72e4">
+	<meta name="msapplication-tap-highlight" content="no">
+	<meta name="msapplication-TileColor" content="#5e72e4">
 
-        <meta name="application-name" content="<%=striptags( (boardinfo.hostname or "?") ) %> - LuCI">
-        <meta name="apple-mobile-web-app-title" content="<%=striptags( (boardinfo.hostname or "?") ) %> - LuCI">
-        <meta name="msapplication-TileImage" content="<%=media%>/logo.png"/>
-        <link rel="icon" href="<%=media%>/logo.png" sizes="144x144">
-        <link rel="apple-touch-icon-precomposed" href="<%=media%>/logo.png" sizes="144x144">
-	<link rel="stylesheet" href="<%=media%>/css/purecss.css">  
-	<link rel="stylesheet" href="<%=media%>/css/style.css?v=<%=math.random(1,100000)%>"> 
-	<link rel="shortcut icon" href="<%=media%>/favicon.ico"> 
+	<meta name="application-name" content="<%=striptags( (boardinfo.hostname or "?") ) %> - LuCI">
+	<meta name="apple-mobile-web-app-title" content="<%=striptags( (boardinfo.hostname or "?") ) %> - LuCI">
+	<meta name="msapplication-TileImage" content="<%=media%>/logo.png" />
+	<link rel="icon" href="<%=media%>/logo.png" sizes="144x144">
+	<link rel="apple-touch-icon-precomposed" href="<%=media%>/logo.png" sizes="144x144">
+	<link rel="stylesheet" href="<%=media%>/css/purecss.css?v=1.4">
+	<link rel="stylesheet" href="<%=media%>/css/style.css?v=<%=math.random(1,100000)%>">
+	<link rel="shortcut icon" href="<%=media%>/favicon.ico">
 	<% if node and node.css then %>
-		<link rel="stylesheet" href="<%=resource%>/<%=node.css%>">
+	<link rel="stylesheet" href="<%=resource%>/<%=node.css%>">
 	<% end -%>
 	<% if css then %>
-		<style title="text/css"><%= css %></style>
+	<style title="text/css"><%=css %></style>
 	<% end -%>
 	<script src="<%=resource%>/cbi.js?v=git-19.190.55614-35357e4"></script>
 	<script src="<%=resource%>/xhr.js?v=git-19.190.55614-35357e4"></script>
 	<script src="<%=media%>/js/jquery.min.js?v=git-19.190.55614-35357e4"></script>
 </head>
-<body class="lang_<%=luci.i18n.context.lang%> <%- if node then %><%= striptags( node.title ) %><%- end %> <% if luci.dispatcher.context.authsession then %>logged-in<% end %>">
 
-<div class="main">
-    <div style="" class="loading">
-        <div class="sk-folding-cube">
-            <div class="sk-cube1 sk-cube"></div>
-            <div class="sk-cube2 sk-cube"></div>
-            <div class="sk-cube4 sk-cube"></div>
-            <div class="sk-cube3 sk-cube"></div>
-        </div>
-    </div>
-    <div class="main-left">
-        <div class="sidenav-header d-flex align-items-center">
-            <a class="brand" href="#"><%=boardinfo.hostname or "?"%> ™</a> 
-            <div class="ml-auto">
-                <!-- Sidenav toggler -->
-                <div class="sidenav-toggler d-none d-xl-block active" data-action="sidenav-unpin" data-target="#sidenav-main">
-                    <div class="sidenav-toggler-inner">
-                        <i class="sidenav-toggler-line"></i>
-                        <i class="sidenav-toggler-line"></i>
-                        <i class="sidenav-toggler-line"></i>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <% render_topmenu() %>
-    </div>
-	<div class="main-right">
-            <header class="bg-primary">
-                <div class="fill">
-                    <div class="container">
-                        <a class="showSide"></a>
-                        <a class="brand" href="#"><%=boardinfo.hostname or "?"%> ™</a>
-                        <div class="pull-right">
-                            <% render_changes() %>
-                            <span id="xhr_poll_status" style="display:none" onclick="XHR.running() ? XHR.halt() : XHR.run()">
-                                <span class="label success" id="xhr_poll_status_on"><span class="mobile-hide"><%:Auto Refresh%></span> <%:on%></span>
-                                <span class="label" id="xhr_poll_status_off" style="display:none"><span class="mobile-hide"><%:Auto Refresh%></span> <%:off%></span>
-                            </span>
-                        </div>
-                    </div>
-                </div>
-            </header>
-		<div class="darkMask"></div>
-		<div class="login-bg" style="background-image:url(<%=media%>/img/bg<%=math.random(1,bgcount)%>.jpg)"></div>
-		<div id="maincontent">
-			<div class="container">
-				<%- if luci.sys.process.info("uid") == 0 and luci.sys.user.getuser("root") and not luci.sys.user.getpasswd("root") then -%>
+<body
+	class="<%- if node then %><%= striptags( node.title ) %><%- end %> <% if luci.dispatcher.context.authsession then %>logged-in<% end %> lang_<%=luci.i18n.context.lang%>  ">
+
+	<div class="main">
+
+		<div class="main-left">
+			<div class="sidenav-header d-flex align-items-center">
+				<a class="brand" href="#"><%=boardinfo.hostname or "?"%> ™</a>
+				<div class="ml-auto">
+					<!-- Sidenav toggler -->
+					<div class="sidenav-toggler d-none d-xl-block active" data-action="sidenav-unpin"
+						data-target="#sidenav-main">
+						<div class="sidenav-toggler-inner">
+							<i class="sidenav-toggler-line"></i>
+							<i class="sidenav-toggler-line"></i>
+							<i class="sidenav-toggler-line"></i>
+						</div>
+					</div>
+				</div>
+			</div>
+			<% render_topmenu() %>
+		</div>
+		<div class="main-right">
+			<header class="bg-primary">
+				<div class="fill">
+					<div class="container">
+						<a class="showSide"></a>
+						<a class="brand" href="#"><%=boardinfo.hostname or "?"%> ™</a>
+						<div class="pull-right">
+							<% render_changes() %>
+							<span id="xhr_poll_status" style="display:none"
+								onclick="XHR.running() ? XHR.halt() : XHR.run()">
+								<span class="label success" id="xhr_poll_status_on"><span
+										class="mobile-hide"><%:Auto Refresh%></span> <%:on%></span>
+								<span class="label" id="xhr_poll_status_off" style="display:none"><span
+										class="mobile-hide"><%:Auto Refresh%></span> <%:off%></span>
+							</span>
+						</div>
+					</div>
+				</div>
+			</header>
+			<div class="darkMask"></div>
+			<% if striptags( node.title ) == nil then %>
+			<div class="login-bg" style="background-image:url(<%=media%>/img/bg<%=math.random(1,bgcount)%>.jpg)"></div>
+			<% end -%>
+			
+			<div id="maincontent">
+				<div class="container">
+					<%- if luci.sys.process.info("uid") == 0 and luci.sys.user.getuser("root") and not luci.sys.user.getpasswd("root") then -%>
 					<div class="alert-message warning">
 						<h4><%:No password set!%></h4>
-						<p><%:There is no password set on this router. Please configure a root password to protect the web interface and enable SSH.%></p>
-						<div class="right"><a class="btn" href="<%=url("admin/system/admin")%>"><%:Go to password configuration...%></a></div>
+						<p><%:There is no password set on this router. Please configure a root password to protect the web interface and enable SSH.%>
+						</p>
+						<div class="right"><a class="btn"
+								href="<%=url("admin/system/admin")%>"><%:Go to password configuration...%></a></div>
 					</div>
-				<%- end -%>
+					<%- end -%>
 
-				<noscript>
-					<div class="alert-message warning">
-						<h4><%:JavaScript required!%></h4>
-						<p><%:You must enable JavaScript in your browser or LuCI will not work properly.%></p>
-					</div>
-				</noscript>
+					<noscript>
+						<div class="alert-message warning">
+							<h4><%:JavaScript required!%></h4>
+							<p><%:You must enable JavaScript in your browser or LuCI will not work properly.%></p>
+						</div>
+					</noscript>
 
-				<% if category then render_tabmenu(category, cattree) end %>
+					<% if category then render_tabmenu(category, cattree) end %>