diff --git a/README.md b/README.md
index b38ec9a046..6d942e2c99 100644
--- a/README.md
+++ b/README.md
@@ -49,7 +49,8 @@ luci-app-bbr-mod source: [ntlf9t/luci-app-bbr-mod](https://github.com/ntlf9t/luc
Package Openwrt-BBR: [anshi233/Openwrt-BBR](https://github.com/anshi233/Openwrt-BBR).
simple-obfs source: [aa65535/openwrt-simple-obfs](https://github.com/aa65535/openwrt-simple-obfs).
v2ray-plugin source: [honwen/openwrt-v2ray-plugin](https://github.com/honwen/openwrt-v2ray-plugin).
-Package zxlhhyccc: [zxlhhyccc/MY-lede](https://github.com/zxlhhyccc/MY-lede).
+Package zxlhhyccc: [zxlhhyccc/MY-lede](https://github.com/zxlhhyccc/MY-lede).
+luci-theme-argon source: [Meroser/luci-theme-argon](https://github.com/Meroser/luci-theme-argon).
# License
### [GPL v3](https://www.gnu.org/licenses/gpl-3.0.html).
diff --git a/package/cnsztl/luci-theme-argonv3/Makefile b/package/cnsztl/luci-theme-argonv3/Makefile
new file mode 100644
index 0000000000..b95b3bcc36
--- /dev/null
+++ b/package/cnsztl/luci-theme-argonv3/Makefile
@@ -0,0 +1,14 @@
+#
+# Copyright (C) 2008-2014 The LuCI Team
+#
+# This is free software, licensed under the Apache License, Version 2.0 .
+#
+
+include $(TOPDIR)/rules.mk
+
+LUCI_TITLE:=Argon Theme
+LUCI_DEPENDS:=
+
+include $(TOPDIR)/feeds/luci/luci.mk
+
+# call BuildPackage - OpenWrt buildroot signature
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/css/purecss.css b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/css/purecss.css
new file mode 100644
index 0000000000..af89ba8690
--- /dev/null
+++ b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/css/purecss.css
@@ -0,0 +1 @@
+.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){table .pure-g{display:block}}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{display:inline-block;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class*=pure-u]{font-family:sans-serif}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}
\ No newline at end of file
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/css/style.css b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/css/style.css
new file mode 100644
index 0000000000..ab3f587315
--- /dev/null
+++ b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/css/style.css
@@ -0,0 +1,3506 @@
+/**
+ * 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
+ *
+ * Have a bug? Please create an issue here on GitHub!
+ * https://github.com/jerrykuku/luci-theme-argon/issues
+ *
+ * luci-theme-bootstrap:
+ * Copyright 2008 Steven Barth
+ * Copyright 2008 Jo-Philipp Wich
+ * Copyright 2012 David Menting
+ *
+ * MUI:
+ * https://github.com/muicss/mui
+ * Agron Theme
+ * https://demos.creative-tim.com/argon-dashboard/index.html
+ * Licensed to the public under the Apache License 2.0
+ */
+
+/*
+ * Font generate by Icomoon
+ */
+
+:root {
+ --blue: #5e72e4;
+ --indigo: #5603ad;
+ --purple: #8965e0;
+ --pink: #f3a4b5;
+ --red: #f5365c;
+ --orange: #fb6340;
+ --yellow: #ffd600;
+ --green: #2dce89;
+ --teal: #11cdef;
+ --cyan: #2bffc6;
+ --white: #fff;
+ --gray: #8898aa;
+ --gray-dark: #32325d;
+ --light: #ced4da;
+ --lighter: #e9ecef;
+ --primary: #5e72e4;
+ --secondary: #f7fafc;
+ --success: #2dce89;
+ --info: #11cdef;
+ --warning: #fb6340;
+ --danger: #f5365c;
+ --light: #adb5bd;
+ --dark: #212529;
+ --default: #172b4d;
+ --white: #fff;
+ --neutral: #fff;
+ --darker: black;
+ --breakpoint-xs: 0;
+ --breakpoint-sm: 576px;
+ --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-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;
+}
+
+@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-weight: normal;
+ font-style: normal;
+}
+@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');
+ font-weight: normal;
+ font-style: normal;
+}
+
+
+
+[class^="icon-"], [class*=" icon-"] {
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: 'ssr' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.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-delete:before {
+ content: "\e900";
+}
+.icon-edit:before {
+ content: "\e901";
+}
+.icon-ok:before {
+ content: "\e902";
+}
+.icon-loading:before {
+ content: "\e903";
+}
+.icon-switch:before {
+ content: "\e904";
+}
+.icon-error:before {
+ content: "\e905";
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+ font-family: inherit;
+ font-weight: 400;
+ line-height: 1.1;
+ color: inherit;
+}
+
+html {
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+
+body {
+ font-size: 0.8rem;
+ background-color: #f8f9fe;
+}
+
+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;
+}
+
+/*** Main Loading ***/
+
+.cbi-button-up,
+.cbi-button-down,
+.main > .loading{
+
+ background: linear-gradient(87deg,#5e72e4 0,#5e72e4 100%)!important;
+}
+.sk-folding-cube {
+ margin: 20px auto;
+ width: 40px;
+ height: 40px;
+ position: relative;
+ -webkit-transform: rotateZ(45deg);
+ transform: rotateZ(45deg);
+}
+
+.sk-folding-cube .sk-cube {
+ float: left;
+ width: 50%;
+ height: 50%;
+ position: relative;
+ -webkit-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+.sk-folding-cube .sk-cube:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: #fff;
+ -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
+ animation: sk-foldCubeAngle 2.4s infinite linear both;
+ -webkit-transform-origin: 100% 100%;
+ -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;
+}
+.sk-folding-cube .sk-cube4:before {
+ -webkit-animation-delay: 0.9s;
+ animation-delay: 0.9s;
+}
+
+@-webkit-keyframes sk-foldCubeAngle {
+ 0%, 10% {
+ -webkit-transform: perspective(140px) rotateX(-180deg);
+ transform: perspective(140px) rotateX(-180deg);
+ opacity: 0;
+ } 25%, 75% {
+ -webkit-transform: perspective(140px) rotateX(0deg);
+ transform: perspective(140px) rotateX(0deg);
+ opacity: 1;
+ } 90%, 100% {
+ -webkit-transform: perspective(140px) rotateY(180deg);
+ transform: perspective(140px) rotateY(180deg);
+ opacity: 0;
+ }
+}
+
+@keyframes sk-foldCubeAngle {
+ 0%, 10% {
+ -webkit-transform: perspective(140px) rotateX(-180deg);
+ transform: perspective(140px) rotateX(-180deg);
+ opacity: 0;
+ } 25%, 75% {
+ -webkit-transform: perspective(140px) rotateX(0deg);
+ transform: perspective(140px) rotateX(0deg);
+ opacity: 1;
+ } 90%, 100% {
+ -webkit-transform: perspective(140px) rotateY(180deg);
+ transform: perspective(140px) rotateY(180deg);
+ opacity: 0;
+ }
+}
+
+
+.cbi-button-up,
+.cbi-button-down,
+.cbi-value-helpicon,
+.showSide,
+.main > .loading > span {
+ font-family: 'icomoon' !important;
+ speak: none;
+ font-style: normal !important;
+ font-weight: normal !important;
+ font-variant: normal !important;
+ text-transform: none !important;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+
+
+select[multiple="multiple"] {
+ height: auto;
+}
+
+code {
+ color: #0099CC;
+}
+
+abbr {
+ color: #005470;
+ text-decoration: underline;
+ cursor: help;
+}
+
+hr {
+ margin: 1rem 0;
+ border-color: #EEE;
+ opacity: 0.1;
+}
+
+
+
+footer > a {
+ color: #aaa;
+ text-decoration: none;
+}
+
+.main {
+ top: 4rem;
+ bottom: 0rem;
+ position: relative;
+ height: 100%;
+ height: calc(100% - 4rem);
+}
+
+.main > .loading {
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ z-index: 1000;
+ display: block;
+ background-color: rgb(240, 240, 240);
+ top: 0;
+}
+
+.main > .loading > span {
+ display: block;
+ text-align: center;
+ margin-top: 2rem;
+ color: #888;
+ font-size: 1.2rem;
+}
+
+.main > .loading > span > .loading-img:before {
+ content: "\e603";
+}
+
+.main > .loading > span > .loading-img {
+ animation: anim-rotate 2s infinite linear;
+ margin-right: 0.2rem;
+ display: inline-block;
+}
+
+@keyframes anim-rotate {
+ 0% {
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg)
+ }
+}
+
+
+
+
+.pull-right {
+ float: right;
+ margin-top: 0.5rem;
+}
+
+.pull-left {
+ float: left;
+}
+
+
+
+
+
+
+#maincontent > .container > div:nth-child(1).alert-message.warning > a {
+ font: inherit;
+ overflow: visible;
+ text-transform: none;
+ display: inline-block;
+ margin-bottom: 0;
+ font-weight: 400;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-image: none;
+ min-width: 6rem;
+ padding: 0.5rem 1rem;
+ font-size: 0.9rem;
+ line-height: 1.42857143;
+ color: #fff;
+ background-color: #5bc0de;
+ border-color: #46b8da;
+ margin-top: 2rem;
+ text-decoration: inherit;
+}
+
+#maincontent > .container > p{
+ color: #fff;
+}
+
+li {
+ list-style-type: none;
+}
+
+
+
+.cbi-map-descr + fieldset {
+ margin-top: 1rem;
+}
+
+.cbi-section > legend {
+ display: none !important;
+}
+
+fieldset > fieldset {
+ margin: 0;
+ padding: 0;
+ border: none;
+ box-shadow: none;
+}
+
+
+
+
+/* fix progress bar */
+#swaptotal > div,
+#swapfree > div,
+#memfree > div,
+#membuff > div,
+#conns > div,
+#memtotal > div {
+ width: 100% !important;
+ height: 1.6rem !important;
+ 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 {
+ height: 100% !important;
+ background-color: #5e72e4 !important;
+}
+
+/* fix multiple table */
+
+table table,
+.table .table {
+ border: none;
+}
+
+.cbi-value-field table,
+.cbi-value-field .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;
+}
+
+/* button style */
+
+
+
+.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 {
+ color: #fff;
+ background-color: #337ab7;
+}
+
+.cbi-page-actions .cbi-button-save,
+.cbi-button-add.important,
+.cbi-button-save.important,
+.cbi-button-positive.important {
+ color: #fff;
+ background-color: #5bc0de;
+}
+
+.cbi-button-remove.important,
+.cbi-button-reset.important,
+.cbi-button-negative.important {
+ color: #fff;
+ background-color: #d9534f;
+}
+
+
+
+.cbi-button-find,
+.cbi-button-link,
+.cbi-button-neutral {
+ color: #fff !important;
+ border: 1px solid #f0ad4e !important;
+ background-color: #f0ad4e !important;
+}
+
+.cbi-button-edit,
+.cbi-button-apply,
+.cbi-button-reload,
+.cbi-button-action {
+ color: #2e6da4;
+ border: 1px solid #2e6da4;
+ background-color: transparent;
+}
+
+.cbi-page-actions .cbi-button-apply + .cbi-button-save,
+.cbi-button-add,
+.cbi-button-save,
+.cbi-button-positive {
+ color: #46b8da;
+ border: 1px solid #46b8da;
+ background-color: transparent;
+}
+
+.cbi-section-remove > .cbi-button,
+.cbi-button-remove,
+.cbi-button-reset,
+.cbi-button-negative {
+ color: #fff !important;
+ border: 1px solid #d43f3a !important;
+ background-color: #fb6340 !important;
+}
+
+.cbi-page-actions .cbi-button-link:first-child {
+ float: left;
+}
+
+.a-to-btn {
+ text-decoration: none;
+}
+
+/* table */
+
+
+
+
+
+
+
+.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell {
+ width: auto !important;
+}
+
+.td.cbi-section-actions {
+ text-align: right;
+ vertical-align: middle;
+}
+
+.td.cbi-section-actions > * {
+ display: flex;
+}
+
+.td.cbi-section-actions > * > *,
+.td.cbi-section-actions > * > form > * {
+ flex: 1 1 4em;
+ margin: 0 1px;
+}
+
+.td.cbi-section-actions > * > form {
+ display: inline-flex;
+ margin: 0;
+}
+
+/* desc */
+
+
+
+
+
+
+/* luci */
+
+.hidden {
+ display: none
+}
+
+.left, .left::before {
+ text-align: left !important;
+}
+
+.right, .right::before {
+ text-align: right !important;
+}
+
+.center, .center::before {
+ text-align: center !important;
+}
+
+.top {
+ align-self: flex-start !important;
+ vertical-align: top !important;
+}
+
+.bottom {
+ align-self: flex-end !important;
+ vertical-align: bottom !important;
+}
+
+.inline {
+ display: inline;
+}
+
+.cbi-page-actions {
+ border-top: 1px solid #eee;
+ padding-top: 1rem;
+ text-align: right;
+}
+
+/* input */
+.cbi-value input[type="password"],
+.cbi-value input[type="text"] {
+ min-width: 15rem;
+}
+
+/* select */
+.cbi-value-field .cbi-dropdown {
+ min-width: 15rem;
+}
+
+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%;
+ background-size: 8px;
+ background-repeat: no-repeat;
+
+}
+
+.th[data-type="button"], .td[data-type="button"],
+.th[data-type="fvalue"], .td[data-type="fvalue"] {
+ flex: 1 1 2em;
+ text-align: center;
+}
+
+
+
+/*textarea*/
+
+.cbi-input-textarea {
+ width: 100%;
+ min-height: 14rem;
+ padding: 0.8rem;
+ font-size: 0.8rem;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: black;
+}
+
+
+
+/* change */
+
+.uci-change-list {
+ font-family: monospace;
+}
+
+.uci-change-list ins,
+.uci-change-legend-label ins {
+ text-decoration: none;
+ border: 1px solid #00FF00;
+ background-color: #CCFFCC;
+ display: block;
+ padding: 2px;
+}
+
+.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: #EEEEEE;
+ 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 {
+ padding: 5px;
+}
+
+.uci-change-legend-label {
+ width: 150px;
+ float: left;
+}
+
+.uci-change-legend-label > ins,
+.uci-change-legend-label > del,
+.uci-change-legend-label > var {
+ float: left;
+ margin-right: 4px;
+ width: 10px;
+ height: 10px;
+ display: block;
+}
+
+.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,
+.uci-change-list ins {
+ padding: 0.5rem;
+}
+
+/* other fix */
+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;
+}
+
+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;
+}
+
+.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;
+}
+
+.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;
+ background-position: center;
+}
+
+
+.toggle {
+ position: relative;
+ display: block;
+ width: 40px;
+ height: 20px;
+ cursor: pointer;
+ -webkit-tap-highlight-color: transparent;
+ transform: translate3d(0, 0, 0);
+ margin:1em 0;
+}
+.toggle:before {
+ content: "";
+ position: relative;
+ top: 3px;
+ left: 3px;
+ width: 34px;
+ height: 14px;
+ display: block;
+ background: #9A9999;
+ border-radius: 8px;
+ transition: background 0.2s ease;
+}
+.toggle span {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 20px;
+ display: block;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
+ transition: all 0.2s ease;
+}
+.toggle span:before {
+ content: "";
+ position: absolute;
+ display: block;
+ margin: -18px;
+ width: 56px;
+ height: 56px;
+ background: rgba(79, 46, 220, 0.5);
+ border-radius: 50%;
+ transform: scale(0);
+ opacity: 1;
+ pointer-events: none;
+}
+
+.cbi-input-checkbox:checked + .toggle:before {
+ background: #947ADA;
+}
+.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 {
+ transform: scale(1);
+ opacity: 0;
+ transition: all 0.4s ease;
+}
+
+
+.cbi-value-field .cbi-input-checkbox,
+.cbi-value-field .cbi-input-radio {
+ margin-top: 0.5rem;
+ height: 1rem;
+}
+
+.td .cbi-input-checkbox,
+.td .cbi-input-radio {
+ margin-top: 0;
+}
+
+.cbi-value-field > input + .cbi-value-description {
+ padding: 0;
+}
+
+.cbi-value-field > ul > li {
+ display: flex;
+}
+
+.cbi-value-field > ul > li > label {
+ margin-top: 0.5rem;
+}
+
+.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 {
+ min-width: 7rem;
+}
+
+.cbi-section-create {
+ margin: .5rem -3px;
+ display: inline-flex;
+ align-items: center;
+}
+
+.cbi-section-create > * {
+ margin: 0.5rem;
+}
+
+.cbi-section-remove {
+ padding: 0.5rem;
+}
+
+div.cbi-value var, td.cbi-value-field var, .td.cbi-value-field var {
+ font-style: italic;
+ color: #0069D6;
+}
+
+small {
+ font-size: 90%;
+ white-space: normal;
+ line-height: 1.42857143;
+}
+
+.cbi-button-up,
+.cbi-button-down {
+ display: inline-block;
+ min-width: 0;
+ padding: 0.2rem 0.6rem;
+ font-size: 1.2rem;
+ color: #FFF !important;
+}
+
+.cbi-optionals {
+ padding: 1rem 1rem 0 1rem;
+ border-top: 1px solid #CCC;
+}
+
+.cbi-dropdown-container {
+ position: relative;
+}
+
+.cbi-tooltip-container {
+ cursor: help;
+}
+
+.cbi-tooltip {
+ position: absolute;
+ z-index: 1000;
+ left: -1000px;
+ opacity: 0;
+ transition: opacity .25s ease-out;
+ pointer-events: none;
+ box-shadow: 0 0 2px #444;
+}
+
+.cbi-tooltip-container:hover .cbi-tooltip {
+ left: auto;
+ opacity: 1;
+ transition: opacity .25s ease-in;
+}
+
+.zonebadge .cbi-tooltip {
+ padding: .25rem;
+ background: inherit;
+ margin: -1.5rem 0 0 -.5rem;
+}
+
+.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);
+ color: #404040;
+}
+
+.zone-forwards {
+ display: flex;
+ min-width: 10rem;
+}
+
+.zone-forwards > * {
+ flex: 1 1 45%;
+}
+
+.zone-forwards > span {
+ flex-basis: 10%;
+ text-align: center;
+ padding: 0 .25rem;
+}
+
+.zone-forwards .zone-src,
+.zone-forwards .zone-dest {
+ display: flex;
+ flex-direction: column;
+}
+
+#diag-rc-output > pre {
+ background-color: #fff;
+ display: block;
+ padding: 8.5px;
+ margin: 0 0 18px;
+ line-height: 1.5rem;
+ -moz-border-radius: 3px;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ font-size: 1.4rem;
+ color: #404040;
+}
+
+input[name="ping"],
+input[name="traceroute"],
+input[name="nslookup"] {
+ width: 80%;
+}
+
+
+#xhr_poll_status{
+ display: inline-block;
+
+}
+#xhr_poll_status > .label.success {
+ background-color: #fff !important;
+ color: #32325d !important;
+}
+
+.label {
+ padding: 0.3rem 0.8rem;
+ font-size: 0.8rem;
+ font-weight: bold;
+ color: #ffffff !important;
+ text-transform: uppercase;
+ white-space: nowrap;
+ background-color: #bfbfbf;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ text-shadow: none;
+ text-decoration: none;
+}
+
+.notice {
+ background-color: #5BC0DE;
+}
+
+.showSide {
+ display: none;
+}
+
+.darkMask {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ background-color: rgba(0, 0, 0, 0.56);
+ content: "";
+ z-index: 99;
+ display: none;
+}
+
+
+/* fix status overview */
+
+.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) {
+ white-space: normal;
+}
+
+.node-status-iptables > .main div > .cbi-map > form {
+ margin: 2rem 2rem 0 0;
+}
+
+/* fix system reboot */
+
+.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 {
+ margin-bottom: 1rem;
+ width: auto;
+}
+
+.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 {
+ padding-top: 1rem;
+}
+
+/* fix System Software*/
+.node-system-packages > .main table tr td:nth-child(1) {
+ width: auto !important;
+}
+
+.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 {
+ padding: 0.5rem 0.8rem;
+}
+
+.node-system-packages > .main .cbi-value > pre {
+ background-color: #eee;
+ padding: 0.5rem;
+ overflow: auto;
+}
+
+.cbi-tabmenu + .cbi-section {
+ margin-top: 0;
+}
+
+.node-status-iptables fieldset,
+.node-system-packages fieldset,
+.node-system-flashops fieldset {
+ margin-top: 0;
+}
+
+
+.node-system-flashops form.inline + form.inline {
+ margin-left: 0;
+}
+
+#cbi-firewall-redirect table *,
+#cbi-network-switch_vlan table *,
+#cbi-firewall-zone table * {
+ font-size: small;
+}
+
+#cbi-firewall-redirect table input[type="text"],
+#cbi-network-switch_vlan table input[type="text"],
+#cbi-firewall-zone table input[type="text"] {
+ width: 5rem;
+}
+
+#cbi-firewall-redirect table select,
+#cbi-network-switch_vlan table select,
+#cbi-firewall-zone table select {
+ min-width: 3.5rem;
+}
+
+#cbi-network-switch_vlan .th,
+#cbi-network-switch_vlan .td {
+ flex-basis: 12%;
+}
+
+/* language fix */
+body.lang_pl.node-main-login .cbi-value-title {
+ width: 12rem;
+}
+
+/* applyreboot fix */
+
+#applyreboot-container {
+ margin: 2rem;
+}
+
+#applyreboot-section {
+ margin: 2rem;
+ line-height: 300%;
+}
+
+
+
+
+
+
+.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{
+
+}
+
+.th {
+ font-weight: bold;
+}
+
+.tr.placeholder {
+ height: 4em;
+}
+
+.tr.placeholder > .td {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ text-align: center;
+ 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-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;}
+
+
+
+.cbi-rowstyle-2 .cbi-button-up,
+.cbi-rowstyle-2 .cbi-button-down {
+ background-color: #FFF !important;
+}
+
+
+
+
+select {
+ padding: 0.36rem 0.8rem;
+ color: #555;
+ background-color: #fff;
+ background-image: none;
+ border: 1px solid #ccc;
+}
+
+select,
+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);
+ outline: none;
+ transition: box-shadow .15s ease;
+ 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);
+}
+
+select[multiple="multiple"] {
+ height: auto;
+}
+
+code {
+ color: #0099CC;
+}
+
+abbr {
+ color: #005470;
+ text-decoration: underline;
+ cursor: help;
+}
+
+
+hr {
+ margin: 1rem 0;
+ border-color: #EEE;
+ opacity: 0.1;
+}
+
+.bg-primary {
+ background-color: #5e72e4!important;
+}
+
+header, .main {
+ width: 100%;
+}
+
+header {
+ padding: 0 0 14rem 0;
+}
+
+footer {
+ text-align: right;
+ padding: 1rem;
+ color: #aaa;
+ font-size: 0.8rem;
+ text-shadow: 0px 0px 2px #BBB;
+}
+
+footer > a {
+ color: #aaa;
+ text-decoration: none;
+}
+
+.main {
+ top: 0rem;
+ bottom: 0rem;
+ position: relative;
+ height: 100%;
+ height: calc(100% - 4rem);
+}
+
+.main > .loading {
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ z-index: 2000;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: #f8f9fe;
+ top: 0;
+}
+
+.main > .loading > span {
+ display: block;
+ text-align: center;
+ margin-top: 2rem;
+ color: #5e72e4;
+ font-size: 2rem;
+}
+
+.main > .loading > span > .loading-img:before {
+ content: "\e603";
+}
+
+.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;
+}
+
+@keyframes anim-rotate {
+ 0% {
+ -webkit-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg)
+ }
+}
+
+[id^="cbi-apply-"] {
+ position: fixed;
+ z-index: 200;
+ width: 20rem;
+ margin-left:-10rem;
+ margin-top:-5rem;
+ height: 10rem;
+ left: 50%;
+ top: 50%;
+ font-size: 1.2rem;
+ border-color: #5e72e4;
+ text-align: center;
+}
+[id^="cbi-apply-"] > .panel-title {
+ border-bottom:none;
+}
+[id^="cbi-apply-"] > [id^="cbi-apply-"]{
+ position: initial;
+ width:auto;
+ height:auto;
+ font-size: 1rem;
+ 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);
+ overflow-x: auto;
+ position: fixed;
+ z-index: 100;
+}
+
+
+.main-right {
+ width: 85%;
+ width: calc(100% - 15rem);
+ float: right;
+ height: 100%;
+ background-color: #f8f9fe;
+}
+
+.main-right > #maincontent {
+
+ position: relative;
+ z-index: 50;
+ margin-top: -14rem;
+}
+
+
+
+
+header > .container {
+ margin-top: 0.5rem;
+ padding: 0.5rem 1rem 0 1rem;
+}
+
+.cbi-section > h3:first-child,
+.panel-title {
+ font-size: 1.2rem;
+ 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;
+ margin-bottom: 0rem;
+ letter-spacing: 0.1rem;
+ color: #32325d;
+ font-weight: bold;
+}
+
+table {
+ border-spacing: 0;
+ border-collapse: collapse;
+}
+
+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 {
+ padding: .5rem;
+ border-top: 1px solid #ddd;
+ white-space: nowrap;
+}
+
+.cbi-section-table-cell {
+ white-space: nowrap;
+ align-self: flex-end;
+ flex: 1 1 auto;
+}
+
+.cbi-section-table {
+ border: none;
+}
+
+
+.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 {
+ width: 100%;
+}
+
+.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) {
+ background-color: #f9f9f9;
+}
+
+div > table > tbody > tr:nth-of-type(2n),
+div > .table > .tbody > .tr:nth-of-type(2n) {
+ background-color: #f9f9f9;
+}
+
+.danger {
+ background-color: #f5365c !important;
+ color: #fff;
+}
+
+.warning {
+ background-color: #8965e0 !important;
+ color: #fff;
+}
+
+.notice {
+ background-color: #5e72e4 !important;
+ color: #fff !important;
+}
+
+.success {
+ background-color: #ffffff !important;
+ color: #525f7f;
+}
+
+.errorbox,
+.alert-message {
+ margin: 2rem 0 0 0;
+ padding: 2rem;
+ border: 0;
+ font-weight: normal;
+ font-style: normal;
+ line-height: 1.5em;
+ font-family: inherit;
+ min-width: inherit;
+ overflow: auto;
+ border-radius: 0.3rem;
+ background-color: #FFF;
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16), 0 0 2px 0 rgba(0, 0, 0, .12);
+}
+
+.errorbox {
+ color: #fff;
+ background-color: #f0ad4e;
+ border-color: #eea236;
+}
+
+.error {
+ color: red;
+}
+
+.main > .main-left > .sidenav-header{
+ padding: 1.5rem;
+}
+.main > .main-left > .sidenav-header > .brand {
+ font-size: 1.8rem;
+ color: #5e72e4;
+ font-family: "TypoGraphica";
+ text-decoration: none;
+ padding-left: 2rem;
+ cursor: default;
+ vertical-align: text-bottom;
+ white-space: nowrap;
+}
+.main > .main-left > .nav {
+ margin-top: 0.5rem;
+}
+
+.main > .main-left > .nav > li a {
+ color: #8699ad;
+ display: block;
+}
+
+.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{
+ content: "";
+}
+
+.main > .main-left > .nav > li {
+ padding: 0.5rem 1rem;
+ cursor: pointer;
+}
+
+.main > .main-left > .nav > .slide {
+ padding: 0;
+}
+
+.main > .main-left > .nav > .slide > ul {
+ display: none;
+}
+
+.main > .main-left > .nav > .slide > .menu {
+ display: block;
+ margin: 0.1rem .5rem 0.1rem .5rem;
+ padding: .675rem 0 .675rem 3rem;
+ border-radius: .375rem;
+ text-decoration: none;
+ cursor: default;
+ font-size: 1rem;
+ transition: all 0.2s;
+ position: relative;
+}
+
+.main > .main-left > .nav > li:hover,
+.main > .main-left > .nav > .slide > .menu:hover {
+ cursor: pointer;
+ color: #000;
+}
+
+.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;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ position: absolute;
+ left:1.3rem;
+ padding-top:3px;
+}
+.main > .main-left > .nav > .slide > .menu[data-title= Status ]:before{
+ content: "\e906";
+ color: #5e72e4!important;
+}
+.main > .main-left > .nav > .slide > .menu[data-title= System ]:before{
+ content: "\e90a";
+ color: #fb6340!important;
+}
+.main > .main-left > .nav > .slide > .menu[data-title= Services ]:before{
+ content: "\e909";
+ color: #11cdef!important;
+}
+.main > .main-left > .nav > .slide > .menu[data-title= NAS ]:before{
+ content: "\e90c";
+ color: #f3a4b5!important;
+}
+.main > .main-left > .nav > .slide > .menu[data-title= VPN ]:before{
+ content: "\e90b";
+ color: #172b4d!important;
+}
+.main > .main-left > .nav > .slide > .menu[data-title= Network ]:before{
+ content: "\e908";
+ color: #8965e0!important;
+}
+.main > .main-left > .nav > .slide > .menu[data-title= Bandwidth_Monitor ]:before{
+ content: "\e90d";
+ color: #2dce89!important;
+}
+.main > .main-left > .nav > .slide > .menu[data-title= Logout ]:before{
+ content: "\e907";
+ color: #32325d!important;
+}
+.main > .main-left > .nav > .slide > .menu:after {
+ position: absolute;
+ right: 0.5rem;
+ top: 0.8rem;
+ font-family: 'icomoon' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ content: '\e900';
+ transition: all .15s ease;
+ color: #ced4da;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ transition: all 0.3s;
+}
+header > .fill{
+ padding: 0.8rem 0;
+ border-bottom: 1px solid rgba(255,255,255,.08)!important;
+
+}
+header > .fill > .container{
+ height: 2rem;
+ padding: 0 1rem;
+
+}
+
+header > .fill > .container > .brand{
+ font-size: 1.5rem;
+ color: #fff;
+ font-family: "TypoGraphica";
+ text-decoration: none;
+ padding-left: 1rem;
+ cursor: default;
+ vertical-align: text-bottom;
+ display: none;
+}
+
+.main > .main-left > .nav > .slide > .menu.active{
+ color: #000;
+ background: #f6f9fc;
+}
+.main > .main-left > .nav > .slide > .menu.active:after{
+ color: #5e72e4;
+ transform: rotate(90deg);
+}
+
+.main > .main-left > .nav > .slide > .slide-menu > li {
+
+}
+
+.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;
+ text-decoration: none;
+ white-space: nowrap;
+ color:rgba(0,0,0,.6);
+ transition: all 0.2s;
+}
+
+.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:hover {
+
+}
+
+li {
+ list-style-type: none;
+}
+
+#maincontent > .container {
+ margin: 0 2rem 1rem 2rem;
+}
+
+h1 {
+ font-size: 2rem;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #eee;
+}
+
+h2 {
+ margin: 0 0 0 0;
+ font-size: 1.5rem;
+ padding: 1.5rem 0!important;
+ color: #fff;
+}
+
+#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;
+}
+
+h3 {
+ font-size: 1.4rem;
+ width: 100%;
+ display: block;
+ margin-bottom: 0;
+ padding: 1.25rem 1.5rem;
+ padding-bottom: 10px;
+ line-height: 1.5;
+ margin-bottom: 0rem;
+ letter-spacing: 0.1rem;
+ color: #32325d;
+ font-weight: bold;
+}
+
+h4 {
+
+}
+
+fieldset {
+ margin: 2rem 0 0 0;
+ padding: 0;
+ font-weight: normal;
+ font-style: normal;
+ line-height: 1;
+ font-family: inherit;
+
+ min-width: inherit;
+ overflow-x: auto;
+ overflow-y: hidden;
+
+ 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);
+
+ -webkit-overflow-scrolling: touch;
+}
+
+
+
+fieldset > legend {
+ display: none !important;
+}
+
+fieldset > fieldset {
+ margin: 0;
+ padding: 0;
+ border: none;
+ box-shadow: none;
+}
+fieldset.cbi-section p{
+ padding: 1em;
+}
+
+.panel-title {
+ width: 100%;
+ display: block;
+ margin-bottom: 0;
+ padding: 1.25rem 1.5rem;
+ border-bottom: 1px solid rgba(0,0,0,.05);
+ background-color: #fff;
+ line-height: 1.5;
+ margin-bottom: 0rem;
+ letter-spacing:0.1rem;
+ color: #32325d;
+ 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 {
+ font-size: .8125rem;
+ white-space: nowrap;
+ color: #525f7f;
+ padding: 1rem;
+ 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 {
+
+ padding-right: 1.5rem;
+ padding-left: 1.5rem;
+ color: #8898aa;
+ background-color: #f6f9fc;
+ font-size: .65rem;
+ padding-top: .75rem;
+ padding-bottom: .75rem;
+ letter-spacing: 1px;
+ text-transform: uppercase;
+ border-bottom: 1px solid #e9ecef;
+}
+.cbi-section-table-cell {
+ text-align: center;
+}
+
+.cbi-section-table-row {
+ text-align: center;
+}
+
+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;
+}
+
+
+
+
+/* fix multiple table */
+
+table table {
+ border: none;
+}
+
+.cbi-value-field table {
+ border: none;
+}
+
+td > table > tbody > tr > td {
+ border: none;
+}
+
+.cbi-value-field > table > tbody > tr > td {
+ border: none;
+}
+
+
+
+/* button style */
+
+.cbi-button {
+ -webkit-appearance: none;
+ text-transform: uppercase;
+ height: 2.5rem;
+ line-height: 2.5rem;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #F0F0F0;
+ transition: all 0.2s ease-in-out;
+ display: inline-block;
+ padding: 0 0.8rem;
+ border: none;
+ border-radius: 0.2rem;
+ cursor: pointer;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ background-image: none;
+ text-align: center;
+ vertical-align: middle;
+ white-space: nowrap;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ font-size: 0.8rem;
+ width: auto !important;
+}
+
+.cbi-button:hover,
+.cbi-button:focus,
+.cbi-button:active {
+ outline: 0;
+ text-decoration: none;
+}
+
+.cbi-button:hover,
+.cbi-button:focus {
+ box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
+}
+
+.cbi-button:active {
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
+}
+
+.cbi-button:disabled {
+ cursor: not-allowed;
+ pointer-events: none;
+ opacity: 0.60;
+ box-shadow: none;
+}
+
+form.inline + form.inline,
+.cbi-button + .cbi-button {
+ margin-left: 0.6rem;
+}
+
+.cbi-button-reset,
+.cbi-input-remove {
+
+ color: #fff !important;
+ background-color: #f0ad4e !important;
+ border-color: #eea236 !important;
+}
+
+.cbi-input-find,
+.cbi-input-save,
+.cbi-button-add,
+.cbi-button-save,
+.cbi-button-find,
+.cbi-input-reload,
+.cbi-button-reload {
+
+ color: #fff !important;
+ background-color: #337ab7 !important;
+ border-color: #2e6da4 !important;
+}
+
+.cbi-value-field
+.cbi-input-apply,
+.cbi-button-apply,
+.cbi-button-edit {
+
+ color: #fff !important;
+ background-color: #5e72e4 !important;
+ border-color: #5e72e4 !important;
+}
+
+
+.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{
+ height: 2.5rem;
+ line-height: 2.5rem;
+ min-width: 2.5rem!important;
+}
+
+
+/* table */
+
+.tabs {
+ margin: 0.5rem 0rem;
+ padding-left: 1rem;
+ background-color: #FFFFFF;
+ border-radius: 0.375rem;
+}
+
+.cbi-tabmenu > li,
+.tabs > li {
+ font-size:1rem;
+ 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);
+}
+.cbi-tabmenu > li{
+ background: #adb5bd;
+}
+
+.cbi-tabmenu > li > a,
+.tabs > li > a {
+ text-decoration: none;
+ color:#404040;
+ padding: 0.5rem 0.8rem;
+}
+.cbi-tabmenu > li > a{
+ color: #fff;
+}
+.cbi-dropdown {
+ display: inline-flex;
+ cursor: pointer;
+ position: relative;
+ padding: 0;
+ height: auto;
+}
+
+.cbi-dropdown:focus {
+ outline: 2px solid #4b6e9b;
+}
+
+.cbi-dropdown > ul {
+ margin: 0 !important;
+ padding: 0;
+ list-style: none;
+ overflow-x: hidden;
+ overflow-y: auto;
+ display: flex;
+ width: 100%;
+}
+
+.cbi-dropdown > ul.preview {
+ display: none;
+}
+
+.cbi-dropdown > .open {
+ border: 0px outset #eee;
+ flex-basis: 15px;
+ background: #fff;
+}
+
+.cbi-dropdown > .open,
+.cbi-dropdown > .more {
+ flex-grow: 0;
+ flex-shrink: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ text-align: center;
+ line-height: 2em;
+ padding: 0 .25em;
+}
+
+.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 {
+ display: none;
+ padding: .25em;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ flex-shrink: 1;
+ flex-grow: 1;
+ align-items: center;
+ align-self: center;
+ min-height: 20px;
+}
+
+.cbi-dropdown > ul > li .hide-open { display: initial; }
+.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 {
+ max-width: 1px;
+}
+
+.cbi-dropdown > ul > li > form {
+ display: none;
+ margin: 0;
+ padding: 0;
+ pointer-events: none;
+}
+
+.cbi-dropdown > ul > li img {
+ vertical-align: middle;
+ margin-right: .25em;
+}
+
+.cbi-dropdown > ul > li > form > input[type="checkbox"] {
+ margin: 0;
+ height: auto;
+}
+
+.cbi-dropdown > ul > li input[type="text"] {
+ height: 20px;
+}
+
+.cbi-dropdown[open] {
+ position: relative;
+ border-color:#5e72e4;
+}
+
+.cbi-dropdown[open] > ul.dropdown {
+ display: block;
+ background: #fff;
+ border-color: #5e72e4;
+ position: absolute;
+ z-index: 1000;
+ 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);
+}
+
+.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 {
+ 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 {
+ border-bottom: 1px solid #ccc;
+}
+
+.cbi-dropdown[open] > ul.dropdown > li[selected] {
+ background: #b0d0f0;
+}
+
+.cbi-dropdown[open] > ul.dropdown > li.focus {
+ background: linear-gradient(90deg, #a3c2e8 0%, #84aad9 100%);
+}
+
+.cbi-dropdown[open] > ul.dropdown > li:last-child {
+ margin-bottom: 0;
+ border-bottom: none;
+}
+
+.cbi-dropdown[disabled] {
+ pointer-events: none;
+ opacity: .6;
+}
+
+.cbi-dropdown .zonebadge {
+ width: 100%;
+}
+
+.cbi-dropdown[open] .zonebadge {
+ width: 100%;
+}
+
+.cbi-dropdown {
+ font-size: .875rem;
+ transition: all .15s ease-in-out;
+ line-height: 1.5;
+ height: calc(2.75rem + 2px);
+ padding: 0m;
+ 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);
+ margin: 0.25rem;
+}
+.cbi-value-field .cbi-dropdown {
+ min-width: 20rem;
+}
+.cbi-value-field .cbi-dropdown .zonebadge > .ifacebadge {
+ padding: 0rem 1rem;
+ margin: 0rem 0.3rem;
+ border: 1px solid #6C6C6C;
+}
+
+
+
+select[multiple="multiple"] {
+ height: auto;
+}
+
+.cbi-dropdown > ul {
+ margin: 0 !important;
+ padding: 0;
+ list-style: none;
+ overflow-x: hidden;
+ overflow-y: hidden;
+ display: flex;
+ width: 100%;
+}
+
+
+
+.cbi-section > legend {
+ display: none !important;
+}
+
+.tabs > li[class~="active"],
+.tabs > li:hover {
+ cursor: pointer;
+ border-bottom: 0.18751rem solid #5e72e4;
+ color: #5e72e4;
+ margin-bottom: 0;
+
+}
+
+.tabs > li[class~="active"] > a {
+ color: #5e72e4;
+}
+
+.tabs > li:hover {
+ border-bottom: 0.18751rem solid #5e72e4;
+}
+
+.cbi-tabmenu {
+ color: white;
+ padding: 0.5rem 1rem 0 1rem;
+}
+
+.cbi-tabmenu > li:hover {
+ background-color: #F1F1F1;
+}
+.cbi-tabmenu > li:hover > a{
+ color: #525f7f;
+}
+
+.cbi-tabmenu > li[class~="cbi-tab"] {
+
+ background-color: #fb6340;
+}
+.cbi-tabmenu > li[class~="cbi-tab"] > a{
+ color: #fff;
+}
+
+
+
+.cbi-section-remove:nth-of-type(2n),
+.cbi-section-node:nth-of-type(2n){
+ background-color: #f9f9f9;
+}
+
+.cbi-section-node-tabbed {
+ padding: 0;
+ margin-top: 0;
+
+}
+.cbi-section-node{
+ background: #fff;
+ border: 0;
+ border-radius: .375rem;
+ margin-bottom: 0px;
+ box-shadow: 0 0 0rem 0 rgba(136,152,170,.15);
+ overflow-x: auto;
+ overflow-y: hidden;
+ padding:0rem 0;
+}
+#cbi-network-lan.cbi-section-node{
+ overflow-x:visible;
+ overflow-y: visible;
+}
+#cbi-network .cbi-section , #cbi-network .cbi-section .cbi-section-node{
+ overflow-x:auto;
+ overflow-y: visible;
+}
+.cbi-section-node .cbi-value{
+ padding: 0.3rem 0rem 0.3rem 1rem;
+}
+
+
+.cbi-tabcontainer > .cbi-value:nth-of-type(2n) {
+ background-color: #f9f9f9;
+}
+
+.cbi-value-field,
+.cbi-value-description {
+ display: table-cell;
+ line-height: 1.25;
+}
+
+.cbi-value-helpicon > img {
+ display: none;
+}
+
+.cbi-value-helpicon:before {
+ content: "\f059";
+}
+
+.cbi-value-description {
+ font-size: small;
+ opacity: 0.5;
+ padding: 0.5rem 0;
+}
+
+.cbi-value-title {
+ word-wrap: break-word;
+ font-size: 0.875rem;
+ line-height: 1.6;
+ color: #525f7f;
+ padding: .7rem;
+ padding-left:0;
+ width: 23rem;
+ float: left;
+ text-align: right;
+ display: table-cell;
+}
+
+.cbi-value {
+ padding: 0.3rem 1rem;
+ display: inline-block;
+ width: 100%;
+}
+
+.cbi-section-table-descr > .cbi-section-table-cell,
+.cbi-section-table-titles > .cbi-section-table-cell {
+ border: none;
+}
+
+.cbi-rowstyle-1 {
+ background-color: #fff;
+}
+
+.cbi-rowstyle-2 {
+ background-color:#fefefe;
+}
+
+
+
+.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell {
+ width: auto !important;
+}
+
+/* desc */
+.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;
+ color: #fff;
+ font-size: small;
+}
+
+/* luci */
+
+.hidden {
+ display: none
+}
+
+.left {
+ text-align: left !important;
+}
+
+.right {
+ text-align: right !important;
+}
+
+.inline {
+ display: inline;
+}
+
+
+/* input */
+.cbi-value input[type="password"],
+.cbi-value input[type="text"] {
+ min-width: 15rem;
+}
+input[type="checkbox"] {
+ height: auto;
+}
+
+/* select */
+
+
+.cbi-value-field .ifacebadge {
+ display: inline-flex;
+ border-bottom: 0px solid #CCCCCC;
+ padding: 0.5rem 1rem;
+
+ box-shadow: none;
+}
+
+td > .ifacebadge {
+ background-color: #F0F0F0;
+ font-size: 0.9rem;
+}
+
+.ifacebadge > img {
+ float: right;
+ margin: 0 0.3rem;
+}
+
+/*textarea*/
+
+.cbi-input-textarea {
+ width: 100%;
+ border: 0;
+ outline: none;
+ min-height: 14rem;
+ padding: 0.8rem;
+ font-size: 0.8rem;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: black;
+}
+
+#syslog {
+ width: 100%;
+ min-height: 15rem;
+ padding: 1rem;
+ font-size: small;
+ color: #5F5F5F;
+ border-radius: 0;
+ background-color: #FFF;
+ border: none;
+ outline: none;
+}
+
+/* change */
+
+.uci-change-list {
+
+ font-family: monospace;
+}
+
+.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 {
+ 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,
+.uci-change-list ins {
+ padding: 0.5rem;
+}
+
+/* other fix */
+
+
+.ifacebadge {
+ display: inline-flex;
+ border-bottom: 0px solid #CCCCCC;
+ padding: 0.5rem 1rem;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+ background: #fff;
+}
+
+td > .ifacebadge,
+.td > .ifacebadge {
+ background-color: #e9ecef;
+ font-size: 0.9rem;
+ border-radius: 0.2rem;
+}
+
+.ifacebadge > em,
+.ifacebadge > img {
+ display: inline-block;
+ margin: 0.3rem .3rem;
+ align-self: flex-start;
+}
+
+.ifacebadge > img + img {
+ margin: 0 .2rem 0 0;
+}
+
+.ifacebadge span{
+ line-height: 1.6em;
+}
+
+.network-status-table {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.network-status-table .ifacebox {
+ margin: 1rem;
+ flex-grow: 1;
+}
+
+.network-status-table .ifacebox-body {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+}
+
+.network-status-table .ifacebox-body > span {
+ flex: 10 10 auto;
+ height: 100%;
+ line-height: 1.7em;
+ padding-left: 2rem;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.network-status-table .ifacebox-body > div {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.network-status-table .ifacebox-body .ifacebadge {
+ flex: 1 1 auto;
+ margin: 0;
+ padding: .5em;
+ min-width: 220px;
+ background-color: #fff;
+ align-items: center;
+}
+
+.ifacebox {
+
+ border: 1px solid #ccc;
+ border-radius: 0.375rem;
+ background-color: #f9f9f9;
+ display: inline-flex;
+ flex-direction: column;
+ line-height: 1.2em;
+ min-width: 100px;
+ overflow: hidden;
+}
+
+.ifacebox-head {
+ padding: 1rem;
+ background: #eee;
+}
+
+.ifacebox-head.active {
+ background: #5e72e4;
+ color: #fff;
+}
+
+.ifacebox-body {
+ padding: 0.5em;
+}
+
+.cbi-image-button {
+ margin-left: 0.5rem;
+}
+
+#iwsvg,
+#iwsvg2,
+#bwsvg {
+ border: none !important;
+ border-radius: 0.375rem;
+ box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
+ overflow: hidden;
+}
+
+
+
+.cbi-image-button {
+ margin-left: 0.5rem;
+}
+
+.zonebadge {
+ padding: 0.2rem 0.5rem;
+ display: inline-block;
+ cursor: pointer;
+}
+
+.zonebadge > .ifacebadge {
+ padding: 0.2rem 1rem;
+ margin: 0.3rem;
+ border: 1px solid #6C6C6C;
+}
+
+.zonebadge > input[type="text"] {
+ padding: 0.16rem 1rem;
+ min-width: 10rem;
+ margin-top: 0.3rem;
+}
+
+.cbi-value-field .cbi-input-checkbox,
+.cbi-value-field .cbi-input-radio {
+ margin-top: 0.9rem;
+ height: 1rem;
+}
+
+.cbi-value-field > input + .cbi-value-description {
+ padding: 0;
+}
+
+.cbi-value-field > ul > li {
+ display: flex;
+}
+
+.cbi-value-field > ul > li > label {
+ margin-top: 0.5rem;
+}
+
+.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-input-select {
+ min-width: 7rem;
+}
+
+.cbi-section-create > .cbi-button-add {
+ margin: 0.5rem;
+}
+
+.cbi-section-remove {
+ padding: 0.5rem;
+}
+
+div.cbi-value var, td.cbi-value-field var {
+ font-style: italic;
+ color: #0069D6;
+}
+
+small {
+ font-size: 90%;
+ white-space: normal;
+ line-height: 1.42857143;
+}
+
+
+.cbi-optionals {
+ padding: 1rem 1rem 0 1rem;
+ border-top: 1px solid #CCC;
+}
+
+
+input[name="ping"],
+input[name="traceroute"],
+input[name="nslookup"] {
+ width: 80%;
+}
+
+header > .container > .pull-right > * {
+ position: relative;
+ top: 0.45rem;
+ cursor: pointer;
+}
+
+
+.label {
+ padding: 0.3rem 0.8rem;
+ font-size: 0.8rem;
+ font-weight: bold;
+ color: #fff !important;
+ text-transform: uppercase;
+ white-space: nowrap;
+ background-color: #32325d;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ text-shadow: none;
+ text-decoration: none;
+}
+
+
+
+.showSide {
+ display: none;
+ color: #fff;
+ font-size: 1.4rem;
+}
+
+.darkMask {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ background-color: rgba(0, 0, 0, 0.56);
+ z-index: 99;
+ left: 0;
+ top: 0;
+ display: none;
+}
+
+/* fix Main Login*/
+.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 {
+ display: none;
+}
+
+.node-main-login > .main > .main-right {
+ width: 100%;
+}
+
+.node-main-login > .main > .main-right > .login-bg{
+ display:block;
+ position:fixed;
+ width: 100%;
+ height: 100%;
+ left: 0px;
+ top: 0px;
+ background-size: cover;
+ background-color: #000;
+ background-position: top center;
+ transition: all 0.5s;
+}
+
+.node-main-login > .main > .main-right > .login-bg.blur{
+ transform: scale(1.05);
+ -webkit-filter: blur(5px); /* Chrome, Safari, Opera */
+ filter: blur(5px);
+}
+
+.node-main-login > .main > .main-right > #maincontent {
+ padding-top: 23vh;
+ height: 100%;
+ background-color: transparent !important;
+ margin-top: 0rem;
+}
+
+.node-main-login > .main fieldset {
+ padding: 0.5rem;
+ margin: 0rem;
+ display: inline;
+ background: none;
+ border: none;
+ box-shadow: none;
+ overflow: hidden;
+}
+
+.node-main-login > .main .cbi-value-title {
+ font-size: 1rem;
+ line-height: 1.5;
+ color:#525f7f;
+ padding: .625rem;
+}
+
+.node-main-login > .main #maincontent {
+
+ text-align: center;
+}
+
+.node-main-login > .main .container {
+ display: inline-block;
+ padding: 2rem 2rem;
+ position:relative;
+ margin-top: 2rem !important;
+ background-color: #f7fafc!important;
+ border-radius: .375rem;
+ box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
+ text-align: left;
+}
+
+.node-main-login > .main .container h2{
+ width: 120px;
+ height: 120px;
+ color: #fff;
+ text-align: center;
+ letter-spacing: 4px;
+ display: block;
+ margin: -100px auto 15px auto;
+ padding: 0;
+ text-indent: -500px;
+ overflow: hidden;
+ border-radius: 60px;
+ border: #fff 3px solid;
+
+ background-image:url(../img/head-icon.png);
+ 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;
+ padding: 1rem;
+ color: #8898aa;
+}
+.node-main-login > .main .container .cbi-section-node{
+ padding:0;
+}
+
+
+.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);
+ 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);
+}
+.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)
+}
+.node-main-login > .main .container input.cbi-button{
+ font-size: 1rem;
+ height:auto;
+ position: relative;
+ transition: all .15s ease;
+ letter-spacing: .2em;
+ text-transform: none;
+ padding: .625rem 1.25rem;
+ will-change: transform;
+ line-height: 1.5em;
+}
+
+.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 {
+ display: block;
+ padding: 0;
+}
+
+
+.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{
+ 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-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{
+ position:relative;
+ width: 20rem;
+}
+.node-main-login > .main .cbi-value.cbi-value-last .cbi-value-field:before{
+ font-family: 'icomoon' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ content: "\e901";
+ color: #adb5bd;
+ font-size: 1.5rem;
+ position: absolute;
+ z-index: 100;
+ left: 10px;
+ top: 10px;
+}
+
+.node-main-login > .main .cbi-input-user,
+.node-main-login > .main .cbi-input-password {
+ min-width: 15rem;
+}
+
+.node-main-login .alert-message.warning{
+ position: absolute;
+ color: #fff;
+ width: calc(100% - 4rem);
+ background-color: #f0ad4e;
+ border-color: #eea236;
+ box-sizing: border-box;
+ margin-top: 8rem;
+ border-radius: 5px;
+ padding: 1rem 2rem;
+ text-align: center;
+}
+
+.node-main-login .errorbox{
+ position: absolute;
+ color: #fff;
+ width: calc(100% - 4rem);
+ border-color: #eea236;
+ box-sizing: border-box;
+ margin-top: 8rem;
+ border-radius: 5px;
+ padding: 1rem 2rem;
+ text-align: center;
+ background-color: #8965e0 !important;
+
+}
+
+.node-main-login footer {
+ bottom: 0;
+ position: absolute;
+ width: 100%;
+ color:#fff;
+}
+.node-main-login footer > a{
+ color:#fff;
+}
+
+/* fix status overview */
+
+.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) {
+ 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 {
+ padding-left: 2rem;
+ color: #fff;
+}
+
+/* fix Services Network Shares*/
+.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 {
+ display: list-item;
+}
+
+.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) {
+ width: auto !important;
+}
+
+.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 {
+ padding: 0.5rem 0.8rem;
+}
+
+.node-system-packages > .main .cbi-value > pre {
+ background-color: #eee;
+ padding: 0.5rem;
+ overflow: auto;
+}
+
+.cbi-tabmenu + .cbi-section {
+ margin-top: 0;
+}
+.cbi-section{
+ background: #fff;
+ border: 0;
+ border-radius: .375rem;
+ margin-bottom: 30px;
+ box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
+ overflow-x: auto;
+ overflow-y:hidden;
+}
+.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-section h4{
+ padding :0.75rem 1.5rem;
+ font-size: 0.7rem;
+ font-weight: 600;
+ color: #525f7f;
+}
+
+.node-main-login .cbi-section{
+ margin-bottom: 0px;
+ padding-bottom: 0px;
+}
+
+#content_syslog{
+ border-radius: .375rem;
+ 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 br{
+ display: none;
+}
+/* fix network firewall*/
+.node-network-firewall > .main .cbi-section-table-row > .cbi-value-field .cbi-input-select {
+ min-width: 4rem;
+}
+
+.node-status-iptables fieldset,
+.node-system-packages fieldset,
+.node-system-flashops fieldset {
+ margin-top: 0;
+}
+
+.node-status-iptables .cbi-tabmenu,
+.node-system-packages .cbi-tabmenu,
+.node-system-flashops .cbi-tabmenu {
+ border: none;
+ padding-left: 2rem;
+}
+
+.node-system-flashops form.inline + form.inline {
+ margin-left: 0;
+}
+
+
+
+
+@media screen and (max-width: 1600px) {
+ .main-left {
+ width: calc(0% + 13rem);
+ }
+
+ .main-right {
+ width: calc(100% - 13rem);
+ }
+
+ .cbi-button {
+ /*padding: 0.3rem 1.5rem;*/
+ font-size: 0.8rem;
+ }
+
+ header > .container > .pull-right > * {
+ top: 0.35rem;
+ }
+
+ .label {
+ padding: 0.2rem 0.6rem;
+ }
+
+ .cbi-value-title {
+ width: 15rem;
+ padding-right: 0.6rem;
+ }
+
+ fieldset {
+ padding: 0;
+ }
+
+ .cbi-input-textarea {
+ font-size: small;
+ }
+
+ .node-status-iptables > .main fieldset li > a {
+ padding: 0.3rem 0.6rem;
+ }
+}
+
+@media screen and (max-width: 1280px) {
+
+ header > .container {
+ margin-top: 0.25rem;
+ }
+
+
+ .main-left {
+ width: calc(0% + 13rem);
+ }
+
+ .main-right {
+ width: calc(100% - 13rem);
+ }
+
+ .cbi-tabmenu > li > a, .tabs > li > a {
+ padding: 0.2rem 0.5rem;
+ }
+
+ .panel-title {
+ font-size: 1.1rem;
+ padding-bottom: 1rem;
+ }
+
+ table {
+ font-size: 0.7rem !important;
+ width: 100% !important;
+ }
+
+ .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 {
+ font-size: 0.7rem;
+ }
+}
+
+@media screen and (max-width: 992px) {
+ .main-left {
+ width: 0;
+ position: fixed;
+ z-index: 100;
+ }
+
+ .main-right {
+ width: 100%;
+ }
+
+ .showSide {
+ padding: 0.1rem;
+ position:relative;
+ z-index:999;
+ display: inline-block;
+ }
+
+ .showSide:before {
+ content: "\e20e";
+ font-size: 1.7rem;
+ }
+
+ .node-main-login .showSide {
+ display: none !important;
+ }
+ header > .fill > .container > .brand{
+ display: inline-block;
+ }
+
+ .cbi-value-title {
+ width: 9rem;
+ padding-right: 1rem;
+ }
+
+ .node-network-diagnostics > .main .cbi-map fieldset > div * {
+ width: 100% !important;
+ }
+
+ .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"] {
+ margin: 0 !important;
+ }
+
+ .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 {
+ width: 100% !important;
+ }
+
+ #diag-rc-output > pre {
+ font-size: 1rem;
+ }
+
+ .node-main-login > .main .cbi-value-title {
+ text-align: left;
+ }
+}
+
+@media screen and (max-width: 480px) {
+ body {
+ font-size: 0.8rem;
+ }
+
+ fieldset {
+ padding: 0;
+ margin: 1rem 0 0 0;
+ }
+
+ .tabs {
+ margin: 0.5rem 0rem
+ }
+ .toggle {
+ margin: 0;
+ }
+ #maincontent > .container {
+ margin: 0 1rem 1.5rem 1rem;
+ }
+
+ .main > .main-left > .nav > .slide > .menu {
+ font-size: 1rem;
+ }
+
+ .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:after {
+ top: 0.9rem;
+ }
+
+ .cbi-value-title {
+ width: 100%;
+ min-width: 0rem !important;
+ display: block;
+ margin-top: 1rem;
+ margin-bottom: 0.5rem;
+ padding-bottom:0;
+ padding-top:0;
+ text-align: left;
+ padding-left: 1rem;
+ }
+
+
+
+ .cbi-value > .cbi-value-field {
+ display: inline-block;
+ padding-left: 1rem;
+ }
+
+ .node-main-login .cbi-value > .cbi-value-field {
+ width: 18rem;
+ padding-left: 0rem;
+ }
+
+ .cbi-tabmenu > li, .tabs > li {
+ padding: 0.6rem 0rem;
+ }
+
+ .cbi-tabmenu > li > a, .tabs > li > a {
+ padding: 0.2rem 0.3rem;
+ font-size: 0.9rem;
+ }
+
+ .cbi-page-actions > div > input {
+ display: none;
+ }
+
+
+
+ .node-main-login > .main .container {
+ padding: 0.5rem 1rem 2rem 1rem;
+ }
+
+
+
+ .node-main-login > .main form > div:nth-last-child(1) {
+ margin-top: 0rem;
+ }
+
+ .node-main-login > .main .cbi-value-title {
+ width: 100% !important;
+ margin-top: 0rem;
+ font-size: 1rem;
+ margin-bottom: 0;
+ padding: 0 0.5rem;
+ }
+
+ .node-main-login > .main fieldset {
+ margin: 0;
+ padding: 0.5rem;
+ }
+ .node-main-login .alert-message.warning{
+ width: calc(100% - 2rem);
+ padding: 1rem 1rem;
+ font-size:12px;
+ }
+
+
+ h2 {
+ font-size: 1.5rem;
+
+ }
+ .node-main-login > .main .container h2 {
+
+ margin: -70px auto 15px auto;
+
+
+ }
+
+ .tabs > li > a {
+ font-size: 0.9rem;
+ }
+
+ select,
+ input {
+ font-size: 0.9rem;
+ }
+
+ .mobile-hide {
+ display: none;
+ }
+
+ .panel-title {
+ font-size: 1.4rem;
+ padding-bottom: 1rem;
+ }
+
+ .node-system-packages > .main .cbi-value.cbi-value-last > div {
+ width: 100% !important;
+ }
+ .node-system-packages .cbi-section-node .cbi-value {
+ padding: 0.3rem 1rem;
+ }
+
+ .node-system-packages > .main .cbi-value .cbi-value-field input {
+ width: 100%;
+ }
+
+ .node-status-iptables > .main div > .cbi-map > form {
+ position: static !important;
+ margin: 0 0 2rem 0;
+ padding: 2rem;
+ border: 0;
+ font-weight: normal;
+ font-style: normal;
+ line-height: 1;
+ font-family: inherit;
+ min-width: inherit;
+ overflow-x: auto;
+ overflow-y: hidden;
+ border-radius: 0.375rem;
+ background-color: #FFF;
+ 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"] {
+ width: 100% !important;
+ margin: 0;
+ }
+
+ .node-status-iptables > .main div > .cbi-map > form input[type="submit"] + input[type="submit"] {
+ margin-top: 1rem;
+ }
+}
+
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/favicon.ico b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/favicon.ico
new file mode 100644
index 0000000000..1caa15a92f
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/favicon.ico differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/TypoGraphica.eot b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/TypoGraphica.eot
new file mode 100644
index 0000000000..efce636a84
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/TypoGraphica.eot differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/TypoGraphica.svg b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/TypoGraphica.svg
new file mode 100644
index 0000000000..c555b7594f
--- /dev/null
+++ b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/TypoGraphica.svg
@@ -0,0 +1,1191 @@
+
+
+
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/TypoGraphica.ttf b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/TypoGraphica.ttf
new file mode 100644
index 0000000000..e11f89a0f7
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/TypoGraphica.ttf differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/TypoGraphica.woff b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/TypoGraphica.woff
new file mode 100644
index 0000000000..fef38ca003
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/TypoGraphica.woff differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.eot b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.eot
new file mode 100644
index 0000000000..9e6ffc9b82
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.eot differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.svg b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.svg
new file mode 100644
index 0000000000..d38d057da3
--- /dev/null
+++ b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.svg
@@ -0,0 +1,16 @@
+
+
+
\ No newline at end of file
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.ttf b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.ttf
new file mode 100644
index 0000000000..84669323e9
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.ttf differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.woff b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.woff
new file mode 100644
index 0000000000..00cf84ea03
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/font.woff differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.eot b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.eot
new file mode 100644
index 0000000000..2bce3c8b37
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.eot differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.svg b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.svg
new file mode 100644
index 0000000000..d5495c14aa
--- /dev/null
+++ b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.svg
@@ -0,0 +1,12 @@
+
+
+
\ No newline at end of file
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.ttf b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.ttf
new file mode 100644
index 0000000000..ca364a1b69
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.ttf differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.woff b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.woff
new file mode 100644
index 0000000000..7c3a2fee71
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/icomoon.woff differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.eot b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.eot
new file mode 100644
index 0000000000..ad617b652b
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.eot differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.svg b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.svg
new file mode 100644
index 0000000000..a9045e4ca6
--- /dev/null
+++ b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.svg
@@ -0,0 +1,25 @@
+
+
+
\ No newline at end of file
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.ttf b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.ttf
new file mode 100644
index 0000000000..f47f04d0aa
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.ttf differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.woff b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.woff
new file mode 100644
index 0000000000..36a8b4ab07
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/fonts/ssr.woff differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/bg1.jpg b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/bg1.jpg
new file mode 100644
index 0000000000..0334870e28
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/bg1.jpg differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/bg2.jpg b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/bg2.jpg
new file mode 100644
index 0000000000..026498cf80
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/bg2.jpg differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/bg3.jpg b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/bg3.jpg
new file mode 100644
index 0000000000..b9051b11e5
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/bg3.jpg differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/bg4.jpg b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/bg4.jpg
new file mode 100644
index 0000000000..1abb79aa8a
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/bg4.jpg differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/head-icon.png b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/head-icon.png
new file mode 100644
index 0000000000..21c155d954
Binary files /dev/null and b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/img/head-icon.png differ
diff --git a/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/js/jquery.min.js b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/js/jquery.min.js
new file mode 100644
index 0000000000..4d9b3a2587
--- /dev/null
+++ b/package/cnsztl/luci-theme-argonv3/htdocs/luci-static/argon/js/jquery.min.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){"use strict";var n=[],r=e.document,i=Object.getPrototypeOf,o=n.slice,a=n.concat,s=n.push,u=n.indexOf,l={},c=l.toString,f=l.hasOwnProperty,p=f.toString,d=p.call(Object),h={},g=function e(t){return"function"==typeof t&&"number"!=typeof t.nodeType},y=function e(t){return null!=t&&t===t.window},v={type:!0,src:!0,noModule:!0};function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n)for(i in v)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[c.call(e)]||"object":typeof e}var b="3.3.1",w=function(e,t){return new w.fn.init(e,t)},T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;w.fn=w.prototype={jquery:"3.3.1",constructor:w,length:0,toArray:function(){return o.call(this)},get:function(e){return null==e?o.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=w.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return w.each(this,e)},map:function(e){return this.pushStack(w.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(o.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n0&&t-1 in e)}var E=function(e){var t,n,r,i,o,a,s,u,l,c,f,p,d,h,g,y,v,m,x,b="sizzle"+1*new Date,w=e.document,T=0,C=0,E=ae(),k=ae(),S=ae(),D=function(e,t){return e===t&&(f=!0),0},N={}.hasOwnProperty,A=[],j=A.pop,q=A.push,L=A.push,H=A.slice,O=function(e,t){for(var n=0,r=e.length;n+~]|"+M+")"+M+"*"),z=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),X=new RegExp(W),U=new RegExp("^"+R+"$"),V={ID:new RegExp("^#("+R+")"),CLASS:new RegExp("^\\.("+R+")"),TAG:new RegExp("^("+R+"|[*])"),ATTR:new RegExp("^"+I),PSEUDO:new RegExp("^"+W),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+P+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},G=/^(?:input|select|textarea|button)$/i,Y=/^h\d$/i,Q=/^[^{]+\{\s*\[native \w/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,K=/[+~]/,Z=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),ee=function(e,t,n){var r="0x"+t-65536;return r!==r||n?t:r<0?String.fromCharCode(r+65536):String.fromCharCode(r>>10|55296,1023&r|56320)},te=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ne=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},re=function(){p()},ie=me(function(e){return!0===e.disabled&&("form"in e||"label"in e)},{dir:"parentNode",next:"legend"});try{L.apply(A=H.call(w.childNodes),w.childNodes),A[w.childNodes.length].nodeType}catch(e){L={apply:A.length?function(e,t){q.apply(e,H.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function oe(e,t,r,i){var o,s,l,c,f,h,v,m=t&&t.ownerDocument,T=t?t.nodeType:9;if(r=r||[],"string"!=typeof e||!e||1!==T&&9!==T&&11!==T)return r;if(!i&&((t?t.ownerDocument||t:w)!==d&&p(t),t=t||d,g)){if(11!==T&&(f=J.exec(e)))if(o=f[1]){if(9===T){if(!(l=t.getElementById(o)))return r;if(l.id===o)return r.push(l),r}else if(m&&(l=m.getElementById(o))&&x(t,l)&&l.id===o)return r.push(l),r}else{if(f[2])return L.apply(r,t.getElementsByTagName(e)),r;if((o=f[3])&&n.getElementsByClassName&&t.getElementsByClassName)return L.apply(r,t.getElementsByClassName(o)),r}if(n.qsa&&!S[e+" "]&&(!y||!y.test(e))){if(1!==T)m=t,v=e;else if("object"!==t.nodeName.toLowerCase()){(c=t.getAttribute("id"))?c=c.replace(te,ne):t.setAttribute("id",c=b),s=(h=a(e)).length;while(s--)h[s]="#"+c+" "+ve(h[s]);v=h.join(","),m=K.test(e)&&ge(t.parentNode)||t}if(v)try{return L.apply(r,m.querySelectorAll(v)),r}catch(e){}finally{c===b&&t.removeAttribute("id")}}}return u(e.replace(B,"$1"),t,r,i)}function ae(){var e=[];function t(n,i){return e.push(n+" ")>r.cacheLength&&delete t[e.shift()],t[n+" "]=i}return t}function se(e){return e[b]=!0,e}function ue(e){var t=d.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function le(e,t){var n=e.split("|"),i=n.length;while(i--)r.attrHandle[n[i]]=t}function ce(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function fe(e){return function(t){return"input"===t.nodeName.toLowerCase()&&t.type===e}}function pe(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function de(e){return function(t){return"form"in t?t.parentNode&&!1===t.disabled?"label"in t?"label"in t.parentNode?t.parentNode.disabled===e:t.disabled===e:t.isDisabled===e||t.isDisabled!==!e&&ie(t)===e:t.disabled===e:"label"in t&&t.disabled===e}}function he(e){return se(function(t){return t=+t,se(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}function ge(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}n=oe.support={},o=oe.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},p=oe.setDocument=function(e){var t,i,a=e?e.ownerDocument||e:w;return a!==d&&9===a.nodeType&&a.documentElement?(d=a,h=d.documentElement,g=!o(d),w!==d&&(i=d.defaultView)&&i.top!==i&&(i.addEventListener?i.addEventListener("unload",re,!1):i.attachEvent&&i.attachEvent("onunload",re)),n.attributes=ue(function(e){return e.className="i",!e.getAttribute("className")}),n.getElementsByTagName=ue(function(e){return e.appendChild(d.createComment("")),!e.getElementsByTagName("*").length}),n.getElementsByClassName=Q.test(d.getElementsByClassName),n.getById=ue(function(e){return h.appendChild(e).id=b,!d.getElementsByName||!d.getElementsByName(b).length}),n.getById?(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){return e.getAttribute("id")===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n=t.getElementById(e);return n?[n]:[]}}):(r.filter.ID=function(e){var t=e.replace(Z,ee);return function(e){var n="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return n&&n.value===t}},r.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&g){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),r.find.TAG=n.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):n.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},r.find.CLASS=n.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&g)return t.getElementsByClassName(e)},v=[],y=[],(n.qsa=Q.test(d.querySelectorAll))&&(ue(function(e){h.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+P+")"),e.querySelectorAll("[id~="+b+"-]").length||y.push("~="),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+b+"+*").length||y.push(".#.+[+~]")}),ue(function(e){e.innerHTML="";var t=d.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),h.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(n.matchesSelector=Q.test(m=h.matches||h.webkitMatchesSelector||h.mozMatchesSelector||h.oMatchesSelector||h.msMatchesSelector))&&ue(function(e){n.disconnectedMatch=m.call(e,"*"),m.call(e,"[s!='']:x"),v.push("!=",W)}),y=y.length&&new RegExp(y.join("|")),v=v.length&&new RegExp(v.join("|")),t=Q.test(h.compareDocumentPosition),x=t||Q.test(h.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return f=!0,0;var r=!e.compareDocumentPosition-!t.compareDocumentPosition;return r||(1&(r=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!n.sortDetached&&t.compareDocumentPosition(e)===r?e===d||e.ownerDocument===w&&x(w,e)?-1:t===d||t.ownerDocument===w&&x(w,t)?1:c?O(c,e)-O(c,t):0:4&r?-1:1)}:function(e,t){if(e===t)return f=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e===d?-1:t===d?1:i?-1:o?1:c?O(c,e)-O(c,t):0;if(i===o)return ce(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?ce(a[r],s[r]):a[r]===w?-1:s[r]===w?1:0},d):d},oe.matches=function(e,t){return oe(e,null,null,t)},oe.matchesSelector=function(e,t){if((e.ownerDocument||e)!==d&&p(e),t=t.replace(z,"='$1']"),n.matchesSelector&&g&&!S[t+" "]&&(!v||!v.test(t))&&(!y||!y.test(t)))try{var r=m.call(e,t);if(r||n.disconnectedMatch||e.document&&11!==e.document.nodeType)return r}catch(e){}return oe(t,d,null,[e]).length>0},oe.contains=function(e,t){return(e.ownerDocument||e)!==d&&p(e),x(e,t)},oe.attr=function(e,t){(e.ownerDocument||e)!==d&&p(e);var i=r.attrHandle[t.toLowerCase()],o=i&&N.call(r.attrHandle,t.toLowerCase())?i(e,t,!g):void 0;return void 0!==o?o:n.attributes||!g?e.getAttribute(t):(o=e.getAttributeNode(t))&&o.specified?o.value:null},oe.escape=function(e){return(e+"").replace(te,ne)},oe.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},oe.uniqueSort=function(e){var t,r=[],i=0,o=0;if(f=!n.detectDuplicates,c=!n.sortStable&&e.slice(0),e.sort(D),f){while(t=e[o++])t===e[o]&&(i=r.push(o));while(i--)e.splice(r[i],1)}return c=null,e},i=oe.getText=function(e){var t,n="",r=0,o=e.nodeType;if(o){if(1===o||9===o||11===o){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=i(e)}else if(3===o||4===o)return e.nodeValue}else while(t=e[r++])n+=i(t);return n},(r=oe.selectors={cacheLength:50,createPseudo:se,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(Z,ee),e[3]=(e[3]||e[4]||e[5]||"").replace(Z,ee),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||oe.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&oe.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return V.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=a(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(Z,ee).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=E[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&E(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=oe.attr(r,e);return null==i?"!="===t:!t||(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i.replace($," ")+" ").indexOf(n)>-1:"|="===t&&(i===n||i.slice(0,n.length+1)===n+"-"))}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,f,p,d,h,g=o!==a?"nextSibling":"previousSibling",y=t.parentNode,v=s&&t.nodeName.toLowerCase(),m=!u&&!s,x=!1;if(y){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===v:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?y.firstChild:y.lastChild],a&&m){x=(d=(l=(c=(f=(p=y)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1])&&l[2],p=d&&y.childNodes[d];while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if(1===p.nodeType&&++x&&p===t){c[e]=[T,d,x];break}}else if(m&&(x=d=(l=(c=(f=(p=t)[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]||[])[0]===T&&l[1]),!1===x)while(p=++d&&p&&p[g]||(x=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===v:1===p.nodeType)&&++x&&(m&&((c=(f=p[b]||(p[b]={}))[p.uniqueID]||(f[p.uniqueID]={}))[e]=[T,x]),p===t))break;return(x-=i)===r||x%r==0&&x/r>=0}}},PSEUDO:function(e,t){var n,i=r.pseudos[e]||r.setFilters[e.toLowerCase()]||oe.error("unsupported pseudo: "+e);return i[b]?i(t):i.length>1?(n=[e,e,"",t],r.setFilters.hasOwnProperty(e.toLowerCase())?se(function(e,n){var r,o=i(e,t),a=o.length;while(a--)e[r=O(e,o[a])]=!(n[r]=o[a])}):function(e){return i(e,0,n)}):i}},pseudos:{not:se(function(e){var t=[],n=[],r=s(e.replace(B,"$1"));return r[b]?se(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),t[0]=null,!n.pop()}}),has:se(function(e){return function(t){return oe(e,t).length>0}}),contains:se(function(e){return e=e.replace(Z,ee),function(t){return(t.textContent||t.innerText||i(t)).indexOf(e)>-1}}),lang:se(function(e){return U.test(e||"")||oe.error("unsupported lang: "+e),e=e.replace(Z,ee).toLowerCase(),function(t){var n;do{if(n=g?t.lang:t.getAttribute("xml:lang")||t.getAttribute("lang"))return(n=n.toLowerCase())===e||0===n.indexOf(e+"-")}while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===h},focus:function(e){return e===d.activeElement&&(!d.hasFocus||d.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:de(!1),disabled:de(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!r.pseudos.empty(e)},header:function(e){return Y.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:he(function(){return[0]}),last:he(function(e,t){return[t-1]}),eq:he(function(e,t,n){return[n<0?n+t:n]}),even:he(function(e,t){for(var n=0;n=0;)e.push(r);return e}),gt:he(function(e,t,n){for(var r=n<0?n+t:n;++r1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function be(e,t,n){for(var r=0,i=t.length;r-1&&(o[l]=!(a[l]=f))}}else v=we(v===a?v.splice(h,v.length):v),i?i(null,a,v,u):L.apply(a,v)})}function Ce(e){for(var t,n,i,o=e.length,a=r.relative[e[0].type],s=a||r.relative[" "],u=a?1:0,c=me(function(e){return e===t},s,!0),f=me(function(e){return O(t,e)>-1},s,!0),p=[function(e,n,r){var i=!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):f(e,n,r));return t=null,i}];u1&&xe(p),u>1&&ve(e.slice(0,u-1).concat({value:" "===e[u-2].type?"*":""})).replace(B,"$1"),n,u0,i=e.length>0,o=function(o,a,s,u,c){var f,h,y,v=0,m="0",x=o&&[],b=[],w=l,C=o||i&&r.find.TAG("*",c),E=T+=null==w?1:Math.random()||.1,k=C.length;for(c&&(l=a===d||a||c);m!==k&&null!=(f=C[m]);m++){if(i&&f){h=0,a||f.ownerDocument===d||(p(f),s=!g);while(y=e[h++])if(y(f,a||d,s)){u.push(f);break}c&&(T=E)}n&&((f=!y&&f)&&v--,o&&x.push(f))}if(v+=m,n&&m!==v){h=0;while(y=t[h++])y(x,b,a,s);if(o){if(v>0)while(m--)x[m]||b[m]||(b[m]=j.call(u));b=we(b)}L.apply(u,b),c&&!o&&b.length>0&&v+t.length>1&&oe.uniqueSort(u)}return c&&(T=E,l=w),x};return n?se(o):o}return s=oe.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=a(e)),n=t.length;while(n--)(o=Ce(t[n]))[b]?r.push(o):i.push(o);(o=S(e,Ee(i,r))).selector=e}return o},u=oe.select=function(e,t,n,i){var o,u,l,c,f,p="function"==typeof e&&e,d=!i&&a(e=p.selector||e);if(n=n||[],1===d.length){if((u=d[0]=d[0].slice(0)).length>2&&"ID"===(l=u[0]).type&&9===t.nodeType&&g&&r.relative[u[1].type]){if(!(t=(r.find.ID(l.matches[0].replace(Z,ee),t)||[])[0]))return n;p&&(t=t.parentNode),e=e.slice(u.shift().value.length)}o=V.needsContext.test(e)?0:u.length;while(o--){if(l=u[o],r.relative[c=l.type])break;if((f=r.find[c])&&(i=f(l.matches[0].replace(Z,ee),K.test(u[0].type)&&ge(t.parentNode)||t))){if(u.splice(o,1),!(e=i.length&&ve(u)))return L.apply(n,i),n;break}}}return(p||s(e,d))(i,t,!g,n,!t||K.test(e)&&ge(t.parentNode)||t),n},n.sortStable=b.split("").sort(D).join("")===b,n.detectDuplicates=!!f,p(),n.sortDetached=ue(function(e){return 1&e.compareDocumentPosition(d.createElement("fieldset"))}),ue(function(e){return e.innerHTML="","#"===e.firstChild.getAttribute("href")})||le("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),n.attributes&&ue(function(e){return e.innerHTML="",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||le("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ue(function(e){return null==e.getAttribute("disabled")})||le(P,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),oe}(e);w.find=E,w.expr=E.selectors,w.expr[":"]=w.expr.pseudos,w.uniqueSort=w.unique=E.uniqueSort,w.text=E.getText,w.isXMLDoc=E.isXML,w.contains=E.contains,w.escapeSelector=E.escape;var k=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&w(e).is(n))break;r.push(e)}return r},S=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},D=w.expr.match.needsContext;function N(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var A=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,t,n){return g(t)?w.grep(e,function(e,r){return!!t.call(e,r,e)!==n}):t.nodeType?w.grep(e,function(e){return e===t!==n}):"string"!=typeof t?w.grep(e,function(e){return u.call(t,e)>-1!==n}):w.filter(t,e,n)}w.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?w.find.matchesSelector(r,e)?[r]:[]:w.find.matches(e,w.grep(t,function(e){return 1===e.nodeType}))},w.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(w(e).filter(function(){for(t=0;t1?w.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&D.test(e)?w(e):e||[],!1).length}});var q,L=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(w.fn.init=function(e,t,n){var i,o;if(!e)return this;if(n=n||q,"string"==typeof e){if(!(i="<"===e[0]&&">"===e[e.length-1]&&e.length>=3?[null,e,null]:L.exec(e))||!i[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(i[1]){if(t=t instanceof w?t[0]:t,w.merge(this,w.parseHTML(i[1],t&&t.nodeType?t.ownerDocument||t:r,!0)),A.test(i[1])&&w.isPlainObject(t))for(i in t)g(this[i])?this[i](t[i]):this.attr(i,t[i]);return this}return(o=r.getElementById(i[2]))&&(this[0]=o,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):g(e)?void 0!==n.ready?n.ready(e):e(w):w.makeArray(e,this)}).prototype=w.fn,q=w(r);var H=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};w.fn.extend({has:function(e){var t=w(e,this),n=t.length;return this.filter(function(){for(var e=0;e-1:1===n.nodeType&&w.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(o.length>1?w.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?u.call(w(e),this[0]):u.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(w.uniqueSort(w.merge(this.get(),w(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}});function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}w.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return k(e,"parentNode")},parentsUntil:function(e,t,n){return k(e,"parentNode",n)},next:function(e){return P(e,"nextSibling")},prev:function(e){return P(e,"previousSibling")},nextAll:function(e){return k(e,"nextSibling")},prevAll:function(e){return k(e,"previousSibling")},nextUntil:function(e,t,n){return k(e,"nextSibling",n)},prevUntil:function(e,t,n){return k(e,"previousSibling",n)},siblings:function(e){return S((e.parentNode||{}).firstChild,e)},children:function(e){return S(e.firstChild)},contents:function(e){return N(e,"iframe")?e.contentDocument:(N(e,"template")&&(e=e.content||e),w.merge([],e.childNodes))}},function(e,t){w.fn[e]=function(n,r){var i=w.map(this,t,n);return"Until"!==e.slice(-5)&&(r=n),r&&"string"==typeof r&&(i=w.filter(r,i)),this.length>1&&(O[e]||w.uniqueSort(i),H.test(e)&&i.reverse()),this.pushStack(i)}});var M=/[^\x20\t\r\n\f]+/g;function R(e){var t={};return w.each(e.match(M)||[],function(e,n){t[n]=!0}),t}w.Callbacks=function(e){e="string"==typeof e?R(e):w.extend({},e);var t,n,r,i,o=[],a=[],s=-1,u=function(){for(i=i||e.once,r=t=!0;a.length;s=-1){n=a.shift();while(++s-1)o.splice(n,1),n<=s&&s--}),this},has:function(e){return e?w.inArray(e,o)>-1:o.length>0},empty:function(){return o&&(o=[]),this},disable:function(){return i=a=[],o=n="",this},disabled:function(){return!o},lock:function(){return i=a=[],n||t||(o=n=""),this},locked:function(){return!!i},fireWith:function(e,n){return i||(n=[e,(n=n||[]).slice?n.slice():n],a.push(n),t||u()),this},fire:function(){return l.fireWith(this,arguments),this},fired:function(){return!!r}};return l};function I(e){return e}function W(e){throw e}function $(e,t,n,r){var i;try{e&&g(i=e.promise)?i.call(e).done(t).fail(n):e&&g(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}w.extend({Deferred:function(t){var n=[["notify","progress",w.Callbacks("memory"),w.Callbacks("memory"),2],["resolve","done",w.Callbacks("once memory"),w.Callbacks("once memory"),0,"resolved"],["reject","fail",w.Callbacks("once memory"),w.Callbacks("once memory"),1,"rejected"]],r="pending",i={state:function(){return r},always:function(){return o.done(arguments).fail(arguments),this},"catch":function(e){return i.then(null,e)},pipe:function(){var e=arguments;return w.Deferred(function(t){w.each(n,function(n,r){var i=g(e[r[4]])&&e[r[4]];o[r[1]](function(){var e=i&&i.apply(this,arguments);e&&g(e.promise)?e.promise().progress(t.notify).done(t.resolve).fail(t.reject):t[r[0]+"With"](this,i?[e]:arguments)})}),e=null}).promise()},then:function(t,r,i){var o=0;function a(t,n,r,i){return function(){var s=this,u=arguments,l=function(){var e,l;if(!(t=o&&(r!==W&&(s=void 0,u=[e]),n.rejectWith(s,u))}};t?c():(w.Deferred.getStackHook&&(c.stackTrace=w.Deferred.getStackHook()),e.setTimeout(c))}}return w.Deferred(function(e){n[0][3].add(a(0,e,g(i)?i:I,e.notifyWith)),n[1][3].add(a(0,e,g(t)?t:I)),n[2][3].add(a(0,e,g(r)?r:W))}).promise()},promise:function(e){return null!=e?w.extend(e,i):i}},o={};return w.each(n,function(e,t){var a=t[2],s=t[5];i[t[1]]=a.add,s&&a.add(function(){r=s},n[3-e][2].disable,n[3-e][3].disable,n[0][2].lock,n[0][3].lock),a.add(t[3].fire),o[t[0]]=function(){return o[t[0]+"With"](this===o?void 0:this,arguments),this},o[t[0]+"With"]=a.fireWith}),i.promise(o),t&&t.call(o,o),o},when:function(e){var t=arguments.length,n=t,r=Array(n),i=o.call(arguments),a=w.Deferred(),s=function(e){return function(n){r[e]=this,i[e]=arguments.length>1?o.call(arguments):n,--t||a.resolveWith(r,i)}};if(t<=1&&($(e,a.done(s(n)).resolve,a.reject,!t),"pending"===a.state()||g(i[n]&&i[n].then)))return a.then();while(n--)$(i[n],s(n),a.reject);return a.promise()}});var B=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;w.Deferred.exceptionHook=function(t,n){e.console&&e.console.warn&&t&&B.test(t.name)&&e.console.warn("jQuery.Deferred exception: "+t.message,t.stack,n)},w.readyException=function(t){e.setTimeout(function(){throw t})};var F=w.Deferred();w.fn.ready=function(e){return F.then(e)["catch"](function(e){w.readyException(e)}),this},w.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--w.readyWait:w.isReady)||(w.isReady=!0,!0!==e&&--w.readyWait>0||F.resolveWith(r,[w]))}}),w.ready.then=F.then;function _(){r.removeEventListener("DOMContentLoaded",_),e.removeEventListener("load",_),w.ready()}"complete"===r.readyState||"loading"!==r.readyState&&!r.documentElement.doScroll?e.setTimeout(w.ready):(r.addEventListener("DOMContentLoaded",_),e.addEventListener("load",_));var z=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===x(n)){i=!0;for(s in n)z(e,t,s,n[s],!0,o,a)}else if(void 0!==r&&(i=!0,g(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(w(e),n)})),t))for(;s1,null,!0)},removeData:function(e){return this.each(function(){K.remove(this,e)})}}),w.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=J.get(e,t),n&&(!r||Array.isArray(n)?r=J.access(e,t,w.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=w.queue(e,t),r=n.length,i=n.shift(),o=w._queueHooks(e,t),a=function(){w.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return J.get(e,n)||J.access(e,n,{empty:w.Callbacks("once memory").add(function(){J.remove(e,[t+"queue",n])})})}}),w.fn.extend({queue:function(e,t){var n=2;return"string"!=typeof e&&(t=e,e="fx",n--),arguments.length\x20\t\r\n\f]+)/i,he=/^$|^module$|\/(?:java|ecma)script/i,ge={option:[1,""],thead:[1,""],col:[2,""],tr:[2,""],td:[3,""],_default:[0,"",""]};ge.optgroup=ge.option,ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td;function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&N(e,t)?w.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n-1)i&&i.push(o);else if(l=w.contains(o.ownerDocument,o),a=ye(f.appendChild(o),"script"),l&&ve(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}!function(){var e=r.createDocumentFragment().appendChild(r.createElement("div")),t=r.createElement("input");t.setAttribute("type","radio"),t.setAttribute("checked","checked"),t.setAttribute("name","t"),e.appendChild(t),h.checkClone=e.cloneNode(!0).cloneNode(!0).lastChild.checked,e.innerHTML="",h.noCloneChecked=!!e.cloneNode(!0).lastChild.defaultValue}();var be=r.documentElement,we=/^key/,Te=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Ce=/^([^.]*)(?:\.(.+)|)/;function Ee(){return!0}function ke(){return!1}function Se(){try{return r.activeElement}catch(e){}}function De(e,t,n,r,i,o){var a,s;if("object"==typeof t){"string"!=typeof n&&(r=r||n,n=void 0);for(s in t)De(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=ke;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return w().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=w.guid++)),e.each(function(){w.event.add(this,t,i,r,n)})}w.event={global:{},add:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.get(e);if(y){n.handler&&(n=(o=n).handler,i=o.selector),i&&w.find.matchesSelector(be,i),n.guid||(n.guid=w.guid++),(u=y.events)||(u=y.events={}),(a=y.handle)||(a=y.handle=function(t){return"undefined"!=typeof w&&w.event.triggered!==t.type?w.event.dispatch.apply(e,arguments):void 0}),l=(t=(t||"").match(M)||[""]).length;while(l--)d=g=(s=Ce.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=w.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=w.event.special[d]||{},c=w.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&w.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(e,r,h,a)||e.addEventListener&&e.addEventListener(d,a)),f.add&&(f.add.call(e,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),w.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=J.hasData(e)&&J.get(e);if(y&&(u=y.events)){l=(t=(t||"").match(M)||[""]).length;while(l--)if(s=Ce.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){f=w.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,y.handle)||w.removeEvent(e,d,y.handle),delete u[d])}else for(d in u)w.event.remove(e,d+t[l],n,r,!0);w.isEmptyObject(u)&&J.remove(e,"handle events")}},dispatch:function(e){var t=w.event.fix(e),n,r,i,o,a,s,u=new Array(arguments.length),l=(J.get(this,"events")||{})[t.type]||[],c=w.event.special[t.type]||{};for(u[0]=t,n=1;n=1))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n-1:w.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u\x20\t\r\n\f]*)[^>]*)\/>/gi,Ae=/
+
+
+