From 807496c23832490b13b412018d3dbd0740102c10 Mon Sep 17 00:00:00 2001 From: kenzok8 Date: Sat, 29 Mar 2025 04:23:02 +0800 Subject: [PATCH] update 2025-03-29 04:23:02 --- luci-theme-kucat/Makefile | 11 +- .../htdocs/luci-static/kucat/css/style.css | 26 +-- .../htdocs/luci-static/kucat/style.js | 33 ++- .../luci-static/resources/menu-kucat.js | 199 +++++++++++++++++- 4 files changed, 235 insertions(+), 34 deletions(-) diff --git a/luci-theme-kucat/Makefile b/luci-theme-kucat/Makefile index 429203597..01d85d738 100644 --- a/luci-theme-kucat/Makefile +++ b/luci-theme-kucat/Makefile @@ -13,13 +13,10 @@ LUCI_DEPENDS:= PKG_VERSION:=2.5.8 PKG_RELEASE:=20250325 -define Package/luci-theme-$(THEME_NAME)/postinst -#!/bin/sh - -rm -Rf /var/luci-modulecache -rm -Rf /var/luci-indexcache -exit 0 - +define Package/luci-theme-$(THEME_NAME)/conffiles +/www/luci-static/resources/background/ +/www/luci-static/kucat/img/ +/etc/config/kucat endef include $(TOPDIR)/feeds/luci/luci.mk diff --git a/luci-theme-kucat/htdocs/luci-static/kucat/css/style.css b/luci-theme-kucat/htdocs/luci-static/kucat/css/style.css index f0584d934..d7378437a 100644 --- a/luci-theme-kucat/htdocs/luci-static/kucat/css/style.css +++ b/luci-theme-kucat/htdocs/luci-static/kucat/css/style.css @@ -1,26 +1,2 @@ -/* - * luci-theme-kucat - * Copyright (C) 2019-2025 The Sirpdboy Team - * - * Have a bug? Please create an issue here on GitHub! - * https://github.com/sirpdboy/luci-theme-kucat/issues - * - * luci-theme-bootstrap: - * Copyright 2008 Steven Barth - * Copyright 2008 Jo-Philipp Wich - * Copyright 2012 David Menting - * - * luci-theme-material: - * https://github.com/LuttyYang/luci-theme-material/ - * luci-theme-argon: - * https://github.com/jerrykuku/luci-theme-argon - * luci-theme-opentopd: - * https://github.com/sirpdboy/luci-theme-opentopd - * - * Licensed to the public under the Apache License 2.0 - */ -@import url("fonts.css?v=3");:root{--radius0:8px;--radius1:0.375rem;--radius2:0.25rem;--primary-solid:#fd8c73;--white:#f5f5f5f5;--black:#4d4d5d;--menu-hover-barbgcolor:rgba(255,255,255,0.3)}[data-theme='light']{--primarytextcolor:#677087;--primary-title-color:#4d4d5d;--menu-color:#ddd;--menu-hover-color:#fff;--menu-item-titlebg-color:rgba(var(--primary-rgbm),0.22);--menu-barbgcolor:rgba(var(--primary-rgbm),var(--primary-rgbm-ts));--title-color:#65656b;--body-text-color:#3c4655;--body-color:#65656b;--body-hover-bgcolor:rgba(50,50,50,0.05);--inputbg-color:rgba(248,248,248,0.15);--inputtext-color:#4d5256;--inputborder-color:rgba(0,0,0,0.2);--input-bgcolor:rgba(255,255,255,0.6);--input-boxcolor:rgba(0,0,0,0.12);--input-boxhovercolor:rgba(0,0,0,0.22);--input-checkcolor:rgba(var(--primary-rgbm),1);--font-apple:-apple-system,"Google Sans","Microsoft Yahei","WenQuanYi Micro Hei","sans-serif";--font-sans:"Google Sans","Microsoft Yahei","WenQuanYi Micro Hei","sans-serif","Helvetica Neue","Helvetica","Hiragino Sans GB"}[data-theme="dark"]{--primarytextcolor:#bbb;--primary-title-color:#ccc;--menu-color:#ccc;--menu-hover-color:#f5f5f5f5;--menu-item-titlebg-color:rgba(var(--primary-rgbm),0.5);--menu-barbgcolor:rgba(var(--primary-rgbm),var(--primary-rgbm-ts));--title-color:#ddd;--body-text-color:#bbb;--body-color:#bbb;--body-hover-bgcolor:rgba(255,255,255,0.05);--inputbg-color:rgba(255,255,255,0.11);--inputtext-color:#ccc;--inputborder-color:rgba(255,255,255,0.2);--input-bgcolor:rgba(50,50,50,0.2);--input-boxcolor:rgba(255,255,255,0.15);--input-boxhovercolor:rgba(255,255,255,0.22);--input-checkcolor:rgba(255,255,255,0.7);--font-apple:-apple-system,"Google Sans","Microsoft Yahei","WenQuanYi Micro Hei","sans-serif";--font-sans:"Google Sans","Microsoft Yahei","WenQuanYi Micro Hei","sans-serif","Helvetica Neue","Helvetica","Hiragino Sans GB"}.tr{display:table-row;white-space:nowrap}.thead{display:table-header-group}.tbody{display:table-row-group}.tfoot{display:table-footer-group}.td,.th{line-height:normal;display:table-cell;padding:.5em;text-align:center;vertical-align:middle;white-space:nowrap}.th{font-weight:bold}.tr.placeholder{height:2rem}.tr.placeholder>.td{position:absolute;left:0;right:0;text-align:center;background:inherit}.td[width="33%"],.td[width="33%"]~.td{padding:14px}.table[width="33%"],.th[width="33%"],.td[width="33%"]{width:33%}.table[width="100%"],.th[width="100%"],.td[width="100%"]{width:100%}.center{width:100%;transform:translate(-50,-50%);text-align:center}.col-1{flex:1 1 30px !important;width:auto;-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;min-width:5rem;white-space:inherit}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:normal;line-height:1.1 !important;color:inherit;clear:inherit;text-transform:capitalize}::-webkit-scrollbar-track{box-shadow:inset 0 0 0px rgba(240,240,240,.5);background-color:rgb(255 255 255 / 0%)}::-webkit-scrollbar{width:8px;height:10px}::-webkit-scrollbar-thumb{height:15px;-webkit-border-radius:var(--radius0);-moz-border-radius:var(--radius0);border-radius:var(--radius0);background-clip:content-box;background:rgba(var(--primary-rgbm),0.7);border:5px solid rgba(var(--primary-rgbbody),0.2)}::-webkit-scrollbar-thumb:hover{background-color:#999}::selection{background-color:#7686d1 !important;color:#f8f8f8}::placeholder{color:var(--inputtext-color)}html,body{font-family:var(--font-sans);height:100%;margin:0 !important;padding:0 !important}body{letter-spacing:0.050em;font-size:var(--font-z);color:var(--body-color);background-position:top center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat}a{color:var(--primarytextcolor);font-size:var(--font-z);background-color:transparent;text-decoration:none}a:hover{font-size:var(--font-z);text-decoration:underline}em{font-style:normal !important;line-height:1.5;padding-left:10px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,input{overflow:visible}label,button,input,select,option,textarea{font-family:var(--font-sans);font-weight:400;box-sizing:border-box;vertical-align:baseline;border-radius:var(--radius2);margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select{overflow:hidden !important;width:100%;min-width:8rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-size:24px 16px;background-repeat:no-repeat;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABGCAYAAAA6hjFpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDNzA0QUE0NjE2QTExRUNCMjJFQkQyRkIyNURDNjE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDNzA0QUEzNjE2QTExRUNCMjJFQkQyRkIyNURDNjE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzNBNTYzNTY2MTUxMTFFQ0IyMkVCRDJGQjI1REM2MTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzNBNTYzNTc2MTUxMTFFQ0IyMkVCRDJGQjI1REM2MTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6YjzxlAAACsklEQVR42uyaXUsVURSG51T0U/obfUvhhYF0U0HQhZQVIWVJCAkiSUXfRRcaBFbXQVBBRCASFCJBpQQipw+RREkpCa9aG95gs0DMOp6Z7TwvvAxnzczaa6/nzDnzVTndfSVDxdE6WgAQBBCAIIAABAEEIAggAEEAQQABCAIIQBBAAIIAAhAEEAQQgCCAAAStGSAbzA/N+wvSiwPmB6or16bkoY2afLN5r+q4l2MfDpr7zetV2z7zYpmOkAHByNSE0IxDOdUSxr2rOjLVNVC2n6z77hsYmtFnbqlzHS0aN+7DouorFZBH+ibGUCrmO+YjdaqhVeNVHIxm1Ve6P/XH5ibzLwfllvn4Ko8d8t90MEIde1RXaU97n6oJCw7KNXPbKo3ZpvwxjAXV8YTrkCx7piPFQ7lsbq/xWO3K62E0qQ4uDKXn5kbzTxe/YO6o0Rgdypc5GI0anyt1p5fm3eYfLn7e3PmfuTuVJ1YYZ5fG5Up9CQ2qSfMu3m3u+secXdo/1rzGGeTWyfIaUrPmXPycuWeFuXq0X6w55R8q4NwLe3PxlXmn+buLnzX3/mWOXm0fK+RrUP4MICvTG/MO86yLnzFfWmbfi9ou1qzyvS7wnAt/+31YTZxx8ZPmq+709c/pcoifcvEZ5Rku+HyTeB4yYt5unnbxE+YbEZSwvK54rGntP5LAXJN5QPXWvNX8zcWPmm9rHmF5zK0P22/T/hlAaqv35i3mKRc/bB7VMtaUIL5LaI7JPcIdVZMnXXyT+zyp7T4kNr8kn6mPqdlfllj/VevHEpxbsi85fNTP1ycX/2zerPUZQOqrcUGp6nNVMMYTnlPyrwFNCMILLScSn0++r7zUSFVdZ6wJ8aIcQBBAAIIAAhAEEIAggAAEAQQBBCAIIABBAAEIAghAEEAQQJLQbwEGAK/reX2gh5gQAAAAAElFTkSuQmCC');background-position:right center}select,.cbi-dropdown{width:inherit}select option{background-color:rgba(var(--primary-rgbbody),1);width:100% !important;overflow:hidden}input[type="checkbox"]{position:relative;width:25px !important;height:25px !important;padding:5px !important;-webkit-appearance:none;outline:none;transition:0.1s}input[type="checkbox"]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgb(255,255,255,0);box-sizing:border-box;transition:0.15s}input:checked[type="checkbox"]:before{transform:rotate(45deg);width:12px;margin-left:5px;border-color:var(--input-checkcolor);border-width:3px;border-top-color:transparent;border-left-color:transparent;border-radius:0}input[type='file']{border:none;background:none;height:auto;line-height:1.5rem}input[type='radio']{height:1.5rem;width:1.5rem;appearance:none !important;-webkit-appearance:none !important;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=\'%23ccc\'/%3e%3c/svg%3e');background-color:rgba(var(--primary-rgbbody),var(--primary-rgbm-ts));box-shadow:inset 0 2px 1px rgba(255,255,255,.6);padding:0;border-radius:70%;cursor:pointer;transition:all .1s;margin:.25rem 0}input[type='radio']:checked{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:rgba(var(--primary-rgbm),0.95);box-shadow:inset 0 3px 2px rgb(255 255 255 / 60%);background-repeat:no-repeat;background-position:center}select:not([multiple="multiple"]):focus,input:not(.cbi-button):focus,.cbi-dropdown:focus{border:1px solid rgba(var(--primary-rgbm),0.7);box-shadow:0 0 6px rgba(0,0,0,0.22)}.cbi-dropdown,select[multiple="multiple"]{height:auto}pre{overflow:auto}code{font-size:var(--font-z);font-size-adjust:.35;padding:1px 3px;color:#101010;border-radius:var(--radius2);background:#ddd}abbr{cursor:help;text-decoration:underline;color:#146db3}hr{margin:1rem 0;opacity:.1;border-color:#eee}footer{text-align:right;padding:3rem 0rem 2rem 0;color:var(--primarytextcolor);font-size:var(--font-x)}footer>a{color:var(--primary-title-color);text-decoration:none}small{font-size:90%;line-height:1.42857143;white-space:nowrap}.main{position:relative;top:0;bottom:0;height:100vh;width:100%}.bar-primary{bottom:10px;right:0;height:50px;z-index:101;box-shadow:none !important;position:absolute}.bar-primary .container-bar-right,.bar-primary .container-bar-left{position:fixed;height:50px;line-height:50px;text-align:center;right:0;margin:0;padding:0;border-radius:var(--radius2);background-color:rgba(var(--primary-rgbm),1);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);background-image:-webkit-linear-gradient(135deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent) !important;transition:all .1s ease;-moz-osx-font-smoothing:grayscale;text-rendering:auto;-webkit-font-smoothing:antialiased;transition:0.1s ease-in-out}.container-bar-left a{text-decoration:none;width:16.6% !important}.container-bar-right a{text-decoration:none}.container-bar-left .labelbar:hover,.container-bar-right .labelbar:hover{background-color:rgba(255,255,255,0.3);border-radius:var(--radius2);text-decoration:none}.container-bar-right .labelbar:hover::before,.container-bar-left .labelbar:hover::before{color:var(--menu-hover-color);color:#fff;text-decoration:none}.container-bar-right .labelbar::before,.container-bar-left .labelbar::before{color:var(--menu-color);font-size:2rem !important;text-decoration:none}.container-bar-left .pdboy-closebar:before{content:"\e931"}.container-bar-right .pdboy-openbar:before{content:"\e903"}.container-bar-left .pdboy-gohome:before{content:"\e90c"}.container-bar-left .pdboy-gossr:before{content:"\e917"}.container-bar-left .pdboy-gonet:before{content:"\e91e"}.container-bar-left .pdboy-gouser:before{content:"\e93d"}.container-bar-left .pdboy-gocontrol:before{content:"\e905"}.container-bar-left .pdboy-goadvanced:before{content:"\e91c"}.container-bar-left .pdboy-gopoweroff:before{content:"\e915";color:#ff5722}.labelbar{font-size:2rem !important;display:inline-block;text-decoration:none;text-align:center;line-height:30px;padding:10px;height:100%;transition:0.1s;float:left}@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)}}.main>.loading{position:fixed;top:0;opacity:1;visibility:visible;align-items:center;justify-content:center;background-color:rgba(255,255,255,0)}.main-left{float:left;width:calc(0% + 15rem);height:100%;background-color:var(--menu-bgcolor);background-image:var(--bgqs-image);box-shadow:0 .1rem .5rem .2rem var(--input-boxcolor);overflow-x:auto;position:fixed;z-index:100}.main-right{width:calc(100% - 15rem);float:right;height:100vh}.main-right>#maincontent{position:relative;background-color:rgba(var(--primary-rgbbody),var(--primary-rgbm-ts));padding:0.2rem 0.2rem 3rem 0.2rem;z-index:50}.pull-left{float:left}.nowrap:not(.td){white-space:nowrap}[disabled="disabled"]{pointer-events:none}header.pd-primary{background-color:var(--menu-barbgcolor);box-shadow:0 .1rem .5rem .2rem var(--input-boxcolor);background-image:-webkit-linear-gradient(135deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent) !important}header .fill{padding:1rem 0;border-bottom:0 solid rgba(255,255,255,0.08) !important;display:flex}.pd-primary .fill .container{height:2.8rem;padding:0 1rem;display:flex;align-items:center;width:100%;background-color:rgba(255,255,255,0) !important}header .fill .container .flex1{white-space:nowrap;flex:1}header .fill .container .flex1 .showSide{display:none}header .fill .container .flex1 .brand{color:var(--menu-color);font-family:var(--font-sans);font-weight:bold;font-size:1.5rem;text-decoration:none;cursor:default;display:none}header .fill .status span{display:inline-block;font-size:.875rem;font-weight:bold;white-space:nowrap;text-decoration:none;text-transform:uppercase;text-shadow:none;border-radius:4px;color:#ffffff;cursor:default;margin:0 .25rem}.status{display:flex;align-items:center;font-size:0;cursor:pointer;background-repeat:no-repeat;background-position:center;color:transparent !important;-webkit-appearance:none;-moz-appearance:none;transition:all .3s;flex-direction:row-reverse;align-content:center;flex-wrap:nowrap}span[data-indicator="uci-changes"],span[data-indicator="poll-status"]{font-size:0 !important;cursor:pointer;background-repeat:no-repeat;background-position:center;color:transparent !important;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}span[data-indicator="uci-changes"]:before{font-size:1.5rem !important;font-family:'kucat' !important;content:"\e923";color:#ffb923;text-decoration:none}span[data-indicator="poll-status"]:not([data-style="inactive"]):before{font-size:1.5rem !important;font-family:'kucat' !important;content:"\e936";color:var(--menu-hover-color);text-decoration:none}span[data-indicator="poll-status"]:not([data-style="active"]):before{font-family:'kucat' !important;font-size:1.5rem !important;content:"\e932";color:#aaa !important;text-decoration:none}span[data-indicator="uci-changes"]:hover,span[data-indicator="poll-status"]:hover,.pdboy-qlogout:hover,.showSide:hover{background-color:var(--menu-hover-barbgcolor) !important;color:var(--menu-hover-color);border-radius:var(--radius1);text-decoration:none}span[data-indicator="uci-changes"],span[data-indicator="poll-status"],.pdboy-qlogout{line-height:1;padding:1rem;cursor:pointer !important;font-weight:normal !important;margin:0;display:inline-block}.pdboy-qlogout:before{font-size:1.5rem !important;content:"\e935";color:red}.showWord:before{padding:1rem;font-size:1.1rem;line-height:1.2;content:"\e925";color:var(--menu-color);text-decoration:none}.showWord:after{padding:1rem;font-size:1.1rem;line-height:1.2;content:"\e927";color:var(--menu-color);text-decoration:none}.showWord{font-family:var(--font-sans);color:var(--menu-color);font-size:1.1rem !important;line-height:1.2;flex:auto;cursor:pointer;display:inline-block;text-decoration:none !important;vertical-align:text-bottom}.showWord:hover,.showWord:focus{text-decoration:none !important}.showWord::before,.showWord::after,[class^="pdboy-"]:before,[class*=" pdboy-"]:before,[class^="pdboy-"]:after,[class*=" pdboy-"]:after{font-family:'kucat' !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.danger{background-color:#d9534f !important;color:#eee}.warning{background-color:#b98413 !important;margin:0 0 0.5rem 0;color:#eee}.success{background-color:#1a8361 !important;color:#eee;width:14rem !important}#log_textarea{box-shadow:0 1px 1px 0 rgba(0,0,0,0.16),0 0 1px 0 var(--input-boxcolor)}.error{color:#f00}.alert,.alert-message{padding:1rem;border:0;font-weight:normal;font-style:normal;line-height:1.6em;font-family:inherit;min-width:inherit;overflow:unset;border-radius:var(--radius1);background-color:rgba(var(--primary-rgbbody),var(--primary-rgbm-ts));box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 0 2px 0 var(--input-boxcolor)}.alert-message>*{margin:0;white-space:normal}.alert-message>h4{margin:0.5rem;color:red;padding:0.5rem 1rem;font-weight:bold}.errorbox{color:#f8f8f8;background-color:#f0ad4e;border-color:#eea236}.container .alert,.container .alert-message{margin-top:1rem}.main .main-left .nav{margin-top:0}.slide-menu{overflow:hidden}.main .main-left .nav>li>a:first-child{display:block;font-size:var(--font-d);color:var(--menu-fontcolor);padding:.7rem 0rem .7rem 3rem;margin-bottom:1px;font-weight:500;display:flex;width:100%;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .2s;position:relative}.main .main-left .nav>li .slide-menu>li>a{display:block;padding:.5rem 1.4rem .5rem 3rem;text-decoration:none;white-space:nowrap;margin-bottom:1px;font-weight:500;width:100%;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .2s;position:relative;color:var(--menu-fontcolor);font-size:var(--font-z)}.main .main-left .nav .slide .slide-menu>li{border-left:4px solid rgba(255,255,255,0)}.main .main-left .nav .slide .slide-menu>li.active{background-color:var(--menu-item-active-bgcolor);border-left:4px solid var(--primary-solid)}.main .main-left .nav>li{padding:0rem}.main .main-left .nav .slide ul{display:none;list-style:dotted}.main .main-left .nav .slide.active ul{display:block}.main .main-left .nav>li>a.active::before,.main .main-left .nav>li>a:first-child.active::before{color:var(--menu-hover-color)}.main .main-left .nav>.slide>a::before,.main .main-left .nav>li>a::before,.main .main-left .nav>li>a:first-child::before{font-family:'kucat' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:.8rem;content:"\e91a";color:var(--menu-fontcolor)}.main .main-left .nav>.slide>a::after,.main .main-left>.nav>li>a::after{position:absolute;right:.6rem;top:1rem;font-family:'kucat' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;color:var(--menu-fontcolor);content:'\e20b';transition:all .1s ease;-moz-osx-font-smoothing:grayscale;text-rendering:auto;-webkit-font-smoothing:antialiased;transition:all .1s}.main .main-left .nav>li>a:hover a::after,.main .main-left>.nav>li>a.active a::after{cursor:pointer;color:var(--menu-hover-color);width:100%}.main>.main-left .nav>.slide>a.active::before,.main .main-left .nav>li>a:hover::after,.main .main-left .nav>li>a.active::after{cursor:pointer;color:var(--menu-hover-color)}body[class*="node-"] > .main > .main-left > .nav > .slide > .menu::before{transition:transform .1s ease-in-out}body[class*="node-"] > .main > .main-left > .nav > .slide > .menu.active::before{transition:transform .2s ease-in-out}.main .main-left .nav>li>a.active::after{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.main .main-left .nav>li>a.active{cursor:pointer;background-color:var(--menu-item-active-bgcolor);color:var(--menu-hover-color)}.main .main-left .nav>li>a:hover{cursor:pointer;background-color:var(--menu-item-hover-bgcolor);color:var(--menu-hover-color)}.main .main-left .nav>li>a:hover a,.main .main-left .nav>li>a.active a{color:var(--menu-hover-color)}.main .main-left .nav>li>a:hover::before,.main .main-left .nav>li>a.active::before{color:var(--menu-hover-color)}.main .main-left .nav>li>a[data-title=Status]:before{content:"\e90c"}.main .main-left .nav>li>a[data-title=System]:before{content:"\e919"}.main .main-left .nav>li>a[data-title=Services]:before{content:"\e92a"}.main .main-left .nav>li>a[data-title=NAS]:before{content:"\e907"}.main .main-left .nav>li>a[data-title=VPN]:before{content:"\e917"}.main .main-left .nav>li>a[data-title=Network]:before{content:"\e90a"}.main .main-left .nav>li>a[data-title=Bandwidth_Monitor]:before{content:"\e913"}.main .main-left .nav>li>a[data-title=iStore]:before{content:"\e908"}.main .main-left .nav>li>a[data-title=Inital_Setup]:before,.main .main-left .nav>li>a[data-title=Netwizard]:before,.main .main-left .nav>li>a[data-title=Wizard]:before{content:"\e93e"}.main .main-left .nav>li>a[data-title=Docker]:before{content:"\e902"}.main .main-left .nav>li>a[data-title=Statistics]:before{content:"\e918"}.main .main-left .nav>li>a[data -title=control]:before,.main .main-left .nav>li>a[data -title=Control]:before{content:"\e91a"}.main .main-left .nav>li>a[data-title=Asterisk]:before{content:"\e91c"}.main .main-left .nav>li>a[data-title=Logout]:before,.main .main-left .nav>li>a[data-title=Log_out]:before{content:"\e935"}.main .main-left .nav>li>a[data-title=Netizard]:after,.main .main-left .nav>li>a[data-title=Wizard]:after,.main .main-left .nav>li>a[data-title=iStore]:after,.main .main-left .nav>li>a[data-title=Logout]:after,.main .main-left .nav>li>a[data-title=Log_out]:after{content:""}.main .main-left .nav>li [data-title=Logout],.main .main-left .nav>li>a[data-title=Logout],.main .main-left .nav>li [data-title=Log_out],.main .main-left .nav>li>a[data-title=Log_out]{display:none}.main .main-left .nav .slide .slide-menu .active a{color:var(--menu-hover-color);font-size:var(--font-z)}.main .main-left .nav .slide .slide-menu li:hover{background-color:var(--menu-item-hover-bgcolor)}.main .main-left .nav .slide .slide-menu li:active a{color:var(--menu-hover-color)}.main .main-left .nav .slide .slide-menu li:hover a{color:var(--menu-hover-color)}.main .main-left .sidenav-header{text-align:center;height:4.8rem;margin:0rem 1rem;padding:2rem;background-clip:padding-box;border-bottom:1px solid var(--input-boxcolor)}.main .main-left .sidenav-header .brand{color:var(--menu-fontcolor);font-family:var(--font-sans);font-weight:900;font-size:1.6rem;text-decoration:none;letter-spacing:2px;cursor:default;vertical-align:text-bottom;white-space:nowrap;text-align:center;margin:1em auto}ul{line-height:normal}li{list-style-type:none}h1{font-size:var(--font-d);padding-bottom:10px}h2{font-size:1.5em;padding:0.5rem 1.5rem 0.2rem;font-weight:bold;text-transform:capitalize;color:var(--primary-title-color)}h3{font-size:var(--font-d);display:block;margin:0.5rem 0;color:var(--primary-title-color);font-weight:bold;letter-spacing:0.1rem;white-space:nowrap;background-color:rgba(255,255,255,0)}h4{margin:0;padding:0.75rem 1.25rem;font-weight:600;font-size:var(--font-z);color:var(--primary-title-color);padding-bottom:10px}h4>span{font-size:90%}h5{font-size:var(--font-z);color:var(--primary-title-color);margin:1rem 0 0 0;padding-bottom:10px}#cbi-dropbear h2,#cbi-dropbear .cbi-map-descr,#cbi-dropbear .cbi-map-descr abbr,#cbi-rc h2,#cbi-rc .cbi-map-descr,#cbi-distfeedconf h2,#cbi-distfeedconf .cbi-map-descr,#cbi-customfeedconf h2,#cbi-customfeedconf .cbi-map-descr,#cbi-download h2,#cbi-filelist h2{font-weight:bold}.cbi-section,.cbi-section-error,#iptables,.Firewall form,#cbi-network>.cbi-section-node,#cbi-wireless>.cbi-section-node,#cbi-wireless>#wifi_assoclist_table,[data-tab-title],[data-page="admin-system-opkg"] #maincontent>.container{font-family:inherit;font-weight:normal;font-style:normal;line-height:normal;min-width:inherit;line-height:1;overflow-x:auto;overflow-y:hidden;border:0;border-radius:0}.cbi-section{padding:0;border:0px solid rgba(0,0,0,0);box-shadow:0px 1px 0px var(--input-boxcolor)}.cbi-modal .cbi-section,.cbi-section .cbi-section{padding:0;box-shadow:none}.cbi-modal .cbi-tabmenu{margin-left:0}.cbi-map-descr,.cbi-section-descr{font-size:small;line-height:1.4;margin:0.5rem 1.5rem 1rem 1.5rem}.cbi-section-table-descr{display:none}fieldset{margin:0;padding:0;font-weight:normal;font-style:normal;line-height:1;font-family:inherit;min-width:inherit;overflow-x:auto;overflow-y:hidden}.cbi-section>legend{display:none !important}.cbi-map-descr+fieldset{margin-top:1rem}fieldset>fieldset{margin:0;padding:0;border:none;box-shadow:none}.panel-title{padding:1rem 1.5rem}.cbi-section>h3:first-child,.panel-title{width:100%;display:block;padding:20px;color:var(--primary-title-color);font-size:var(--font-d);font-weight:bold;margin:0rem;letter-spacing:.1rem}.cbi-section>h4:first-child,.cbi-section>p:first-child,[data-tab-title]>h3:first-child,[data-tab-title]>h4:first-child,[data-tab-title]>p:first-child{padding:0 1rem 0 1rem}.table{position:relative;display:table}table,.table{border-spacing:0;border-collapse:collapse;border:0px solid #eee;font-size:var(--font-x);width:100%}.cbi-tblsection table.cbi-section-table{overflow-y:visible}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{font-size:var(--font-x);padding:1.2rem 1.5rem;line-height:1.2rem;letter-spacing:1px;color:var(--body-color);white-space:nowrap}table .tr>.td.cbi-value-field,table .tr>.th.cbi-section-table-cell{font-size:var(--font-x);padding:0.2rem 0.4rem;letter-spacing:1px;display:table-cell !important;color:var(--body-color);white-space:nowrap}table .tr>.td.cbi-value-field>[id*="ifc-description"]{text-align:left;font-weight:normal !important}.container>.cbi-section:first-of-type>.table[width="100%"]>.tr>.td{padding:.6rem}.cbi-section-table-cell{line-height:1.1;align-self:flex-end;flex:1 1 auto}table>tbody>tr:first-child>td,table>tfoot>tr:first-child>td,table>thead>tr:first-child>td{border-top:0px solid #eee}#cbi-wireless .td,#cbi-network .tr:first-child>.td,.table[width="100%"]>.tr:first-child>.td,[data-page="admin-network-diagnostics"] .tr>.td,.tr.table-titles>.th,.tr.cbi-section-table-titles>.th{border-top:0 !important;line-height:1.2}[data-page="admin-network-diagnostics"] .tr>.td{white-space:normal}[data-page="admin-network-diagnostics"] .cbi-dropdown>ul{overflow-y:hidden}.table[width="100%"]>.tr:first-child>.td{margin:auto 0}.cbi-section-table-row{text-align:center !important}.btn,button,select,input,.cbi-dropdown{line-height:1;outline:0;padding:0.5rem 0.75rem;margin:0.25rem 0.1rem;background-color:var(--inputbg-color);color:var(--inputtext-color);border:1px solid var(--inputborder-color);border-radius:var(--radius2);transition:box-shadow .25s ease;border-radius:var(--radius2);cursor:pointer;box-shadow:0 0.3rem 0.8rem var(--input-boxcolor)}.btn,button,.cbi-button,.item::after{line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;vertical-align:middle;text-align:center;white-space:nowrap;font-size:var(--font-z);color:var(--menu-hover-color);background-color:#008b89;box-shadow:0 0.3rem 0.8rem var(--input-boxcolor);transform:translate(1) translate(0,0);transition:transform 225ms,box-shadow 225ms;border-radius:var(--radius2);background-image:var(--bgqs-image)}.cbi-tab-descr{padding:0 0 0.5rem 1.5rem}.cbi-section-table-row:last-child{margin-bottom:0}.cbi-input-textarea,textarea{min-width:20rem}.cbi-section-table-row>.cbi-value-field .cbi-dropdown,.cbi-section-table-row>.cbi-value-field .cbi-input-select,.cbi-section-table-row>.cbi-value-field .cbi-input-text,.cbi-section-table-row>.cbi-value-field .cbi-input-password{min-width:7rem;max-width:12rem}.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)}.cbi-tabcontainer>.cbi-value:nth-of-type(4n+2),.cbi-map>.cbi-section .cbi-value:nth-of-type(4n+2),fieldset>table>tbody>tr:nth-of-type(4n+2),table>tbody>tr:nth-of-type(4n+2),div>.table>.tr:nth-of-type(4n+2){background-color:rgba(var(--primary-rgbm),var(--primary-rgbs-ts));background-image:var(--bgqs-image)}.cbi-tabcontainer>.cbi-value:nth-of-type(4n),.cbi-map>.cbi-section .cbi-value:nth-of-type(4n),fieldset>table>tbody>tr:nth-of-type(4n),table>tbody>tr:nth-of-type(4n),div>.table>.tr:nth-of-type(4n){background-color:rgba(var(--primary-rgbs),var(--primary-rgbs-ts));background-image:var(--bgqs-image)}.cbi-tabcontainer>.cbi-value:nth-of-type(4n+2):hover,.cbi-map>.cbi-section .cbi-value:nth-of-type(4n+2):hover,fieldset>table>tbody>tr:nth-of-type(4n+2):hover,table>tbody>tr:nth-of-type(4n+2):hover,div>.table>.tr:nth-of-type(4n+2):hover{background-color:var(--body-hover-bgcolor)}.cbi-tabcontainer>.cbi-value:nth-of-type(4n):hover,.cbi-map>.cbi-section .cbi-value:nth-of-type(4n):hover,fieldset>table>tbody>tr:nth-of-type(4n):hover,table>tbody>tr:nth-of-type(4n):hover,div>.table>.tr:nth-of-type(4n):hover{background-color:var(--body-hover-bgcolor)}.cbi-tabcontainer>.cbi-value:nth-of-type(2n+1):hover,.cbi-map>.cbi-section .cbi-value:nth-of-type(2n+1):hover,fieldset>table>tbody>tr:nth-of-type(2n+1):hover,table>tbody>tr:nth-of-type(2n+1):hover,div>.table>.tr:nth-of-type(2n+1):hover{background-color:var(--body-hover-bgcolor)}table table,.table .table,.cbi-value-field table,.cbi-value-field .table,td>table>tbody>tr>td,.td>.table>.tbody>.tr>.td,.cbi-value-field>table>tbody>tr>td,.cbi-value-field>.table>.tbody>.tr>.td{border:0}.cbi-button-down,.cbi-button-up{font-size:1rem;display:inline-block;cursor:pointer;background-repeat:no-repeat;background-position:center;color:transparent !important;-webkit-appearance:none;-moz-appearance:none;background-size:25px 30px}.cbi-button-up{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzY4IiBoZWlnaHQ9Ijc2OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPgogPHRpdGxlLz4KCiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9Imljb21vb24taWdub3JlIi8+CiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBkPSJtNTk4LjYzLDQ1Ny4zNzVsLTE5MiwtMTkyYy0xMi41MTIsLTEyLjUxMiAtMzIuNzY4LC0xMi41MTIgLTQ1LjI0OCwwbC0xOTIsMTkyYy0xMi41MTIsMTIuNTEyIC0xMi41MTIsMzIuNzY4IDAsNDUuMjQ4czMyLjc2OCwxMi41MTIgNDUuMjQ4LDBsMTY5LjM3NiwtMTY5LjM3NmwxNjkuMzc2LDE2OS4zNzZjMTIuNTEyLDEyLjUxMiAzMi43NjgsMTIuNTEyIDQ1LjI0OCwwczEyLjUxMiwtMzIuNzY4IDAsLTQ1LjI0OHoiLz4KIDwvZz4KPC9zdmc+")}.cbi-button-down{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzY4IiBoZWlnaHQ9Ijc2OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPgogPHRpdGxlLz4KCiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9Imljb21vb24taWdub3JlIi8+CiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBkPSJtMTY5LjM3LDMxMC42MjRsMTkyLDE5MmMxMi41MTIsMTIuNTEyIDMyLjc2OCwxMi41MTIgNDUuMjQ4LDBsMTkyLC0xOTJjMTIuNTEyLC0xMi41MTIgMTIuNTEyLC0zMi43NjggMCwtNDUuMjQ4cy0zMi43NjgsLTEyLjUxMiAtNDUuMjQ4LDBsLTE2OS4zNzYsMTY5LjM3NmwtMTY5LjM3NiwtMTY5LjM3NmMtMTIuNTEyLC0xMi41MTIgLTMyLjc2OCwtMTIuNTEyIC00NS4yNDgsMHMtMTIuNTEyLDMyLjc2OCAwLDQ1LjI0OHoiLz4KIDwvZz4KPC9zdmc+")}.cbi-button-up,.cbi-button-down,.cbi-value-helpicon,.showSide,.main>.loading>span{font-family:'kucat' !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.td.cbi-section-actions>*>*,.td.cbi-section-actions>*>form>*{margin:0 5px;display:flex;align-items:center}[data-page="admin-network-network"] #view .td.cbi-section-actions>*,[data-page="admin-network-network"] #view .td.cbi-section-actions>*>*{display:unset}.cbi-rowstyle-2 .cbi-button-up,.cbi-rowstyle-2 .cbi-button-down,body:not(.Interfaces) .cbi-rowstyle-2:first-child{background-color:rgba(var(--primary-rgbm),0.5) !important}.btn:hover,.btn:focus,.btn:active,.cbi-button:hover,.cbi-button:focus,.cbi-button:active,.item:hover::after,.item:focus::after,.item:active::after{outline:0;text-decoration:none}.btn:focus,.cbi-button:focus{color:var(--menu-hover-color);box-shadow:0 0.5rem 1rem var(--input-boxhovercolor);-webkit-box-shadow:0 0.5rem 1rem var(--input-boxhovercolor);-moz-box-shadow:0 0.5rem 1rem var(--input-boxhovercolor)}button:hover,.btn:hover,.cbi-button:hover{transform:scale(1.05) translate(0,-0.15rem);box-shadow:0 0.5rem 1rem var(--input-boxhovercolor);-webkit-box-shadow:0 0.5rem 1rem var(--input-boxhovercolor);-moz-box-shadow:0 0.5rem 1rem var(--input-boxhovercolor)}.btn:active,.cbi-button:active,button:active{transform:scale(1) translate(0,0.15rem);box-shadow:0 0 6px var(--input-boxhovercolor);-webkit-box-shadow:0 0 6px var(--input-boxhovercolor);-moz-box-shadow:0 0 6px var(--input-boxhovercolor)}.btn:disabled,.cbi-button:disabled{cursor:not-allowed;pointer-events:none;opacity:.5;box-shadow:none}.primary{line-height:2}.cbi-button:not(select){appearance:none !important}.alert-message [class="btn"],.modal div[class="btn"],.cbi-button-find,.cbi-button-link,.cbi-button-neutral,.cbi-button[name="zero"],.cbi-button[name="restart"],.cbi-button[onclick="hide_empty(this)"]{font-weight:bold;border:thin solid #1b4f0e;background-color:#25770b}.btn.primary,.cbi-page-actions .cbi-button-save,.cbi-page-actions .cbi-button-apply+.cbi-button-save,.cbi-button-add,.cbi-button-save,.cbi-button-positive,.cbi-button-link,.cbi-button[value="Enable"],.cbi-button[value="Scan"],.cbi-button[value^="Back"],.cbi-button-neutral[onclick="handleConfig(event)"]{background-color:#2e869f}.cbi-page-actions .cbi-button-apply,.cbi-section-actions .cbi-button-edit,.cbi-button-edit,.cbi-button-apply,.cbi-button-reload,.cbi-button-action,.cbi-button[value="Submit"],.cbi-button[value="Upload"],.cbi-button[value$="Apply"],.cbi-button[onclick="addKey(event)"]{font-weight:normal;border-color:rgba(var(--primary-rgbm),1);color:var(--menu-hover-color);border:thin solid rgba(var(--primary-rgbm),1);background-color:rgba(var(--primary-rgbm),0.9)}.btn.danger,.cbi-section-remove>.cbi-button,.cbi-button-remove,.cbi-button-reset,.cbi-button-negative,.cbi-button[value="Stop"],.cbi-button[value="Kill"],.cbi-button[onclick="reboot(this)"],.cbi-button-neutral[value="Restart"]{font-weight:normal;background-color:#ab3632}.btn[value="Dismiss"],.cbi-button[value="Terminate"],.cbi-button[value="Reset"],.cbi-button[value="Disabled"],.cbi-button[onclick^="iface_reconnect"],.cbi-button[onclick="handleReset(event)"],.cbi-button-neutral[value="Disable"]{font-weight:normal;background-color:#f0ad4e}.cbi-button-success,.cbi-button-download,.cbi-button[name="backup"],.cbi-button[value="Download"],.cbi-button[value="Save mtdblock"]{font-weight:normal;font-weight:normal;border:thin solid #4cae4c;background-color:#5cb85c}.cbi-page-actions .cbi-button-link:first-child{float:left}.a-to-btn{text-decoration:none}.cbi-value-field .cbi-button-add{font-weight:bold;margin:9px 0 4px 3px;padding:1px 6px}.tabs li[class~="active"]{border-right:0.18751rem solid var(--primary-solid) !important;border-left:0.18751rem solid var(--primary-solid) !important;transform:scale(1.05) translate(0,-0.1rem);box-shadow:0 0.5rem 1rem var(--input-boxhovercolor);background-color:rgba(var(--primary-rgbm),0.7)}.tabs>li:hover{background:rgba(var(--primary-rgbm),0.7);transform:scale(1.05) translate(0,-0.15rem);box-shadow:0 0.5rem 1rem var(--input-boxhovercolor)}.tabs li[class~="active"] a{color:var(--menu-hover-color)}.tabs li:hover a{color:var(--menu-hover-color)}.tabs li a{padding:0.5rem 1rem;text-decoration:none;color:var(--primarytextcolor)}.tabs,.cbi-tabmenu{border:none;color:var(--menu-hover-color);border-right:0.18751rem solid rgba(255,255,255,0);letter-spacing:1px;padding:0.3rem 1rem;margin-bottom:0.5rem;overflow-x:auto}.tabs>li,.cbi-tabmenu li{display:inline-block;font-size:var(--font-z);border-left:0.18751rem solid var(--menu-item-titlebg-color) !important;border-right:0.18751rem solid var(--menu-item-titlebg-color) !important;border-radius:var(--radius2);padding:0.5rem 0rem;transform:scale(1) translate(0,0);box-shadow:0 0.5rem 1rem var(--input-boxcolor);transition:transform 225ms,box-shadow 225ms;background:var(--menu-item-titlebg-color);margin:0.2rem 0rem 0.2rem 0.4rem !important}.cbi-tabmenu li a{text-decoration:none;padding:0.7rem 1rem;color:var(--primarytextcolor)}.cbi-tabmenu>li:hover{color:var(--menu-hover-color);background:rgba(var(--primary-rgbm),0.7);transform:scale(1.05) translate(0,-0.15rem);box-shadow:0 0.5rem 1rem var(--input-boxhovercolor);margin-bottom:0}.cbi-tabmenu li:hover a{color:var(--menu-hover-color)}.cbi-tabmenu>li[class~="cbi-tab"]{border-right:0.18751rem solid var(--primary-solid) !important;border-left:0.18751rem solid var(--primary-solid) !important;transform:scale(1.05) translate(0,-0.1rem);box-shadow:0 0.5rem 1rem var(--input-boxcolor);background-color:rgba(var(--primary-rgbm),0.6)}.cbi-tabmenu li[class~="cbi-tab"] a{color:var(--menu-hover-color)}[data-tab-title]{overflow:hidden;height:0;opacity:0;margin:0;padding:0rem 0rem !important}[data-tab-active="true"]{overflow:visible;height:auto;opacity:1;transition:opacity .25s ease-in}.cbi-section-node-tabbed{margin-top:0;padding:0;border-top:0}.cbi-value-field,.cbi-value-description{display:table-cell}[data-page="admin-network-network"] .cbi-value>.cbi-value-field{line-height:1.25}.cbi-value-description{font-size:small;padding:0 0 0.6rem 0;opacity:.7}.cbi-value-title{display:table-cell;float:left;width:23rem;padding:0.5rem 2rem 0 0;text-align:right;word-wrap:break-word}.cbi-value{display:inline-block;width:100%;padding:0 0.8rem;line-height:1}.cbi-value .cbi-filebrowser{line-height:2;width:15rem}.cbi-filebrowser .right{margin-bottom:20px}.cbi-filebrowser .upload,.cbi-filebrowser>.right>.upload{display:inline-flex}.cbi-value:first-child{padding-top:1rem}.cbi-value:last-child{border-bottom:1rem}.cbi-value-field .control-group{display:flex}.cbi-value ul{line-height:1.25}.cbi-value-field .cbi-dropdown,.cbi-value-field .cbi-input-select,.cbi-value input[type="text"],.cbi-value input[type="password"]{min-width:8rem;width:20rem}.cbi-value input[type="text"],.cbi-value input[type="password"]{padding:0 10px 0 10px}.cbi-value strong{font-weight:normal}#cbi-firewall-zone .cbi-input-select,#cbi-network-switch_vlan .cbi-input-select{min-width:11rem}#cbi-network-switch_vlan .cbi-input-text{max-width:3rem}.cbi-input-invalid{color:#f00;border-bottom-color:#f00}.cbi-section-error{padding:1.5rem;color:#fb6340;font-weight:600}.cbi-section-error ul{margin:0 0 0 20px}.cbi-section-error ul li{font-weight:bold;color:#f00}.td[data-title]::before{font-weight:bold;display:none;padding:.25rem 0;content:attr(data-title) ":\20";text-align:left;white-space:nowrap}.tr.placeholder .td[data-title]::before{display:none}.tr[data-title]::before,.tr.cbi-section-table-titles.named::before{font-weight:bold;font-size:var(--font-x);display:table-cell;align-self:center;flex:1 1 5%;padding:.25rem;content:attr(data-title) "\20";text-align:center;vertical-align:middle;white-space:nowrap;word-wrap:break-word}.table .table-titles th,.table-titles,.cbi-section-table-titles{background-color:var(--menu-item-titlebg-color);color:var(--title-color)}.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell{width:auto !important}.td.cbi-section-actions{text-align:right !important;vertical-align:middle}.td.cbi-section-actions>*{display:inline-flex;align-items:center}.td.cbi-section-actions>*>form{display:inline-flex;margin:0}.cbi-dynlist{line-height:1.3;flex-direction:column;min-height:30px;cursor:text}.cbi-dynlist>.item{display:inline-flex;flex-wrap:nowrap;position:relative;max-width:25rem;pointer-events:auto;margin-top:0.2rem;color:var(--inputtext-color);outline:0;cursor:move;user-select:text}.cbi-dynlist > .item.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist > .item.dragging{opacity:0.5}.cbi-dynlist > .item > span{pointer-events:none}.cbi-dynlist > .add-item > .cbi-input-text.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist > .add-item > .cbi-button-add.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist[name="sshkeys"]>.item{max-width:none}.cbi-dynlist>.item::after{background-image:none;box-shadow:none;content:"\00D7";pointer-events:auto;display:flex;align-items:center;justify-content:center;margin:0;font-weight:bold;font-size:1.5rem;line-height:1;width:2.5rem !important;padding:5px !important;color:#E91E63;border:0px solid var(--inputborder-color);border-right:1px solid var(--inputborder-color);border-top:1px solid var(--inputborder-color);border-bottom:1px solid var(--inputborder-color);border-radius:0 var(--radius2) var(--radius2) 0;outline:0;background-color:var(--inputbg-color);box-sizing:border-box}.cbi-dynlist > .item.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist > .item.dragging{opacity:0.5}.cbi-dynlist > .add-item > .cbi-input-text.drag-over{border-top:1px solid black}.cbi-dynlist > .add-item > .cbi-button-add.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist > .add-item > .cbi-input-text.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist > .add-item > .cbi-button-add.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist>.item>span{display:block;padding:0.5rem 0.75rem;min-width:17.5rem;width:17.5rem;transition:box-shadow .15s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;line-height:1;background-image:none;color:var(--inputtext-color);font-family:var(--font-sans);border-left:1px solid var(--inputborder-color);border-top:1px solid var(--inputborder-color);border-bottom:1px solid var(--inputborder-color);background-color:var(--inputbg-color);border-radius:var(--radius2) 0 0 var(--radius2);box-sizing:border-box}.cbi-dynlist>.add-item{display:inline-flex;align-items:center;width:100%;min-width:16rem;margin-top:0.2rem;gap:0;flex-wrap:nowrap}.cbi-dynlist>.add-item input{min-width:17.5rem;width:17.5rem;display:block;color:var(--inputtext-color);font-size:var(--font-z);font-size:.875rem;background-image:none;box-shadow:none;font-family:var(--font-sans);border:1px solid var(--inputborder-color);background-color:var(--inputbg-color);margin:0;padding:0.5rem 0.75rem;box-sizing:border-box;transition:box-shadow .15s ease;white-space:nowrap;word-break:break-word;line-height:1.5rem;border-radius:var(--radius2);border-right-width:0;outline:0}.cbi-dynlist>.add-item:not([ondrop])>input{overflow:hidden;min-width:17.5rem;width:100%;width:17.5rem;white-space:nowrap;text-overflow:ellipsis}.cbi-dynlist[name="sshkeys"]>.item{max-width:none}.cbi-dynlist>.cbi-dynlist>.add-item[ondrop]>input{min-width:15rem}.cbi-dynlist>.add-item[ondrop]>input{min-width:15rem}.cbi-dynlist>.add-item .cbi-button-add{width:2.5rem !important;padding:5px !important;font-weight:bold;font-size:1.5rem;line-height:1;margin:5px 5px 5px 0;background-color:rgba(var(--primary-rgbm),0.9);border:1px solid rgba(var(--primary-rgbm),1)}[id^="cbid."][id$=".interface"].cbi-dropdown,[id^="cbid."][id$=".listen_interfaces"].cbi-dropdown{max-height:2.569rem}[id^="cbid.natmap."][id$=".interface"].cbi-dropdown{max-height:unset}.cbi-dropdown[placeholder*="select"]{max-width:25rem;height:auto;margin-top:-3px}.cbi-dropdown>ul{display:flex;overflow-x:hidden;overflow-y:auto;width:100%;margin:0 !important;list-style:none;outline:0}.cbi-dropdown>ul.preview{display:none}.cbi-dropdown>.open,.cbi-dropdown>.more{flex-basis:0px;font-size:1.5rem;background-color:rgba(255,255,255,0) !important;font-weight:bolder;display:flex;flex-direction:column;justify-content:center;padding:0 .1rem 0 .2rem;color:var(--inputtext-color);text-align:center;margin-left:.1rem;outline:0}.cbi-dropdown > .open{border-left:0.1rem solid var(--inputtext-color)}.cbi-page-actions > .cbi-dropdown.btn > .open,.cbi-page-actions > .cbi-dropdown.btn > .more{margin:0}.diag-action > .cbi-dropdown.btn > .open,.cbi-page-actions > .cbi-dropdown.btn > .open{color:var(--menu-hover-color);border-left:0.1rem solid var(--menu-hover-color)}.cbi-dropdown.btn>div{margin:0px}.cbi-dropdown>.more,.cbi-dropdown[multiple][more]>.more,.cbi-dropdown>ul>li[placeholder]{display:none!important}.cbi-dropdown.btn.cbi-button>ul{overflow-y:hidden}.cbi-dropdown>ul>li{display:none;overflow:hidden;align-items:center;align-self:center;flex-grow:1;flex-shrink:1;min-height:30px;margin:0 0.2rem;padding:0 0.5rem 0 0.6rem;white-space:nowrap;text-overflow:ellipsis}.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:thin solid var(--input-boxhovercolor)}.cbi-dropdown[empty]>ul{max-width:1px}.cbi-value-field>.cbi-dropdown[empty]{display:inline-flex;justify-content:flex-end;align-items:center}.cbi-dropdown>ul>li>form{display:none;margin:0;padding:0;pointer-events:none}.cbi-dropdown>ul>li img{margin-right:.25em;vertical-align:middle}.cbi-dropdown>ul>li>form>input[type="checkbox"]{height:auto;margin:0}.cbi-dropdown>ul>li input[type="text"]{height:30px;border:1px solid var(--inputborder-color);color:var(--inputtext-color)}.cbi-dropdown[open]>ul.dropdown{position:absolute;z-index:1100;display:block;width:auto;min-width:100%;max-width:30rem;box-shadow:0 0 4px var(--inputborder-color);border-radius:var(--radius2);border:0px solid var(--inputborder-color);background-color:rgba(var(--primary-rgbbody),1);color:var(--inputtext-color);cursor:pointer;margin-left:0 !important;left:0}.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{display:flex;align-items:center;flex-grow:1}.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{padding:0.2em 0.5em;margin:0.1rem auto;color:var(--inputtext-color)}.cbi-dropdown[open]>ul.dropdown>li:hover{background:rgba(var(--primary-rgbm),0.5);color:var(--menu-hover-color);cursor:pointer;outline:none}.cbi-dropdown[open]>ul.dropdown>li label{margin-left:.5rem}.cbi-dropdown[open] > ul.dropdown > li[selected]{background:rgba(var(--primary-rgbm),0.8);color:var(--menu-hover-color)}.cbi-dropdown[open]>ul.dropdown>li:last-child{margin-bottom:0;border-bottom:0}.cbi-dropdown[open]>ul.dropdown>li[unselectable]{opacity:.7}.cbi-dynlist,.cbi-dropdown{position:relative;display:inline-flex;align-items:center;min-height:1.8rem}.cbi-dropdown{padding:.2rem}.cbi-dropdown[open] > ul.dropdown > li > input.create-item-input:first-child:last-child{width:100%}.cbi-dropdown[disabled]{pointer-events:none;opacity:.6}select,input{padding:0 20px 0 10px;line-height:2rem;margin:0.2em auto}.cbi-progressbar{position:relative;height:26px;margin:2px 0;border-color:rgba(0,0,0,0.5) !important;background-color:rgba(0,0,0,0.35) !important;color:var(--menu-color)}.cbi-progressbar>div{width:0;height:100%;transition:width .25s ease-in;background-color:rgba(var(--primary-rgbm),0.9)}.cbi-progressbar::after{font-size:var(--font-x);line-height:1.5;position:absolute;top:4px;right:0;left:0;overflow:hidden;content:attr(title);text-align:center;white-space:pre;text-overflow:ellipsis}#modal_overlay{position:fixed;z-index:900;top:0;display:none;bottom:0;overflow-y:scroll;transition:opacity .1s ease-in;opacity:0;background:rgba(0,0,0,.7);-webkit-overflow-scrolling:touch}.modal{display:flex;align-items:center;flex-wrap:wrap;width:90%;min-width:270px;max-width:900px;min-height:32px;margin:5em auto;padding:1rem;border-radius:var(--radius2) !important;background-color:rgba(var(--primary-rgbbody),1);box-shadow:0 2px 10px 0px rgba(255,255,255,.16),0 0 10px 0 rgba(255,255,255,.12)}#modal_overlay .cbi-section,.modal .cbi-section{overflow:visible}.modal>.right>.btn.primary{min-width:8rem;width:8rem;line-height:1.5}.modal>.right{display:flex;justify-content:flex-end}.modal [data-tab-active="true"]{overflow:visible}.modal .cbi-value-title{width:15rem;padding-right:1rem}.modal>*{line-height:normal;flex-basis:100%;margin-bottom:.5em;max-width:100%}.modal>.button-row{display:flex;justify-content:flex-end}.modal>.button-row .btn{line-height:1.3}.modal>pre,.modal>textarea{font-size:var(--font-x);overflow:auto;margin-bottom:.5em;padding:8.5px;cursor:auto;white-space:pre-wrap;outline:0}.modal>h4{margin:.5em 0}.modal ul{margin-left:2.2em}.modal li{list-style-type:square}.notice{background-color:#b98413 !important;background-color:rgba(var(--primary-rgbm),1) !important;color:#eee}#modal_overlay,.modal>p{font-size:var(--font-x);padding-left:.25rem;word-break:break-word}.modal .label{font-size:var(--font-x);font-weight:normal;padding:.1rem .3rem;padding-bottom:0;cursor:default;border-radius:0}.modal .label.warning{background-color:#f0ad4e !important}[data-page="admin-system-flash"] .cbi-value,[data-page="admin-system-flash"] .cbi-section-node,[data-page="admin-system-flash"] .cbi-section .cbi-section{padding:0}[data-page="admin-system-flash"] legend{display:block !important;font-size:1.2rem;width:100%;display:block;margin-bottom:0;padding:1rem 0 1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,0.05);line-height:1.5;margin-bottom:0rem;letter-spacing:0.1rem;color:var(--inputtext-color);font-weight:bold}[data-page="admin-system-flash"] .cbi-section-descr{font-weight:600}[data-page="admin-system-flash"] .modal label.btn{background-color:rgba(255,255,255,0)}.cbi-dropdown.cbi-button-apply,.cbi-dropdown.cbi-button-action{padding:0}.btn:first-child,.cbi-button:first-child{margin-left:0 !important}[data-page="admin-system-flash"] .modal>p>.btn{white-space:normal !important;font-size:var(--font-x);margin:0;line-height:1;color:var(--inputtext-color);padding:0.3rem 1rem;text-align:left;border:none;box-shadow:none}[data-page="admin-system-flash"] .modal>.right,[data-page="admin-system-flash"] .modal>.right::before{margin:3rem 5px 0 5px}[data-page="admin-system-flash"] .modal>.right>.btn{color:#f8f8f8}body.modal-overlay-active{overflow:hidden;height:100vh}body.modal-overlay-active #modal_overlay{right:0;left:0;opacity:1;display:inline-block}.spinning{position:relative;font-size:var(--font-z);padding-left:32px !important}.spinning::before{position:absolute;top:0;bottom:0;left:.2em;width:32px;content:"";background:url(../../resources/icons/loading.gif) no-repeat center;background-size:20px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center}.hidden{display:none}.left,.left::before{text-align:left !important;margin-left:5px}.right .cbi-button{line-height:1;margin:0.2rem}.right,.right::before{text-align:right !important;margin-right:5px;z-index:9999;margin-bottom:5px}.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}[data-page="admin-system-system"] .control-group{margin-top:0.5rem}[data-page="admin-control-autotimeset-startuptask"] .cbi-input-textarea,[data-page="admin-control-autotimeset-scheduledtask"] .cbi-input-textarea{min-width:30rem}.cbi-page-actions{padding:1rem;text-align:center;justify-content:flex-end}.cbi-page-actions>form[method="post"]{display:inline-block}.th[data-type="button"],.td[data-type="button"],.th[data-type="fvalue"],.td[data-type="fvalue"]{flex:1 1 2em;text-align:center}.ifacebadge{display:inline-flex;align-items:center;gap:0.2rem;padding:0.1rem 0.8rem;border:1px solid var(--inputborder-color);background-color:rgba(var(--primary-rgbm),0.1);border-radius:var(--radius2)}td > .ifacebadge,.td > .ifacebadge{font-size:.8rem;background-color:rgba(var(--primary-rgbm),0.1)}.ifacebadge>em,.ifacebadge>img{display:inline-block;float:right;width:20px !important;height:20px !important;margin:0 0.7rem}.ifacebadge>img+img{margin:0 .2rem 0 0}.nft-rules .ifacebadge{margin:0.125em;box-shadow:none;background-color:rgba(255,255,255,0)}.cbi-section em{font-weight:600;color:var(--title-color);white-space:nowrap;text-align:center}.network-status-table .ifacebox{flex-grow:1;margin:.5em}.network-status-table .ifacebox-body{display:flex;flex-direction:column;height:100%}.network-status-table .ifacebox-body>span{flex:10 10 auto;height:100%}.network-status-table .ifacebox-body>div{display:flex;flex-wrap:wrap}.network-status-table .ifacebox-body .ifacebadge{align-items:center;flex:1 1 auto;margin:.5em .25em 0 .25em;padding:.5em}#dsl_status_table .ifacebox-body span > strong{display:inline-block;min-width:50%}.cbi-input-textarea,textarea{font-family:monospace;padding:10px;outline-style:none;line-height:normal;transition:color 100ms ease,border-color 100ms ease,opacity 100ms ease;-webkit-transition:color 100ms ease,border-color 100ms ease,opacity 100ms ease;vertical-align:baseline;outline:none;background-color:var(--inputbg-color);color:var(--inputtext-color);border:1px solid var(--inputborder-color);border-radius:var(--radius2);word-wrap:break-word;white-space:pre-wrap}.cbi-input-textarea:focus,textarea:focus{border:1px solid var(rgba(var(--primary-rgbm),1))}#syslog{font-size:small;overflow-y:hidden;font-family:monospace;width:100%;min-height:15rem;padding:10px;resize:none;margin:0rem - border-radius:var(--radius2);word-wrap:break-word;white-space:pre-wrap;background-color:var(--inputbg-color);color:var(--inputtext-color);border:1px solid var(--inputborder-color)}#syslog:focus{outline:0}.uci-change-list{font-family:monospace}.uci-change-list ins,.uci-change-legend-label ins{display:block;padding:2px;text-decoration:none;color:#666;background-color:#cfc}.uci-change-list del,.uci-change-legend-label del{font-style:normal;display:block;padding:2px;text-decoration:none;background-color:#fcc}.uci-change-list var,.uci-change-legend-label var{font-style:normal;display:block;padding:2px;background-color:rgba(255,255,255,0.1);text-decoration:none}.uci-change-list var ins,.uci-change-list var del{font-style:normal;padding:0;white-space:pre;border:0}.uci-change-legend{padding:5px}.uci-change-legend-label{float:left;width:150px}.uci-change-legend-label>ins,.uci-change-legend-label>del,.uci-change-legend-label>var{display:block;float:left;width:15px;height:15px;margin:2px}.uci-change-legend-label var ins,.uci-change-legend-label var del{line-height:.4;border:0}.uci-change-list var,.uci-change-list del,.uci-change-list ins{padding:.5rem}#iwsvg,#iwsvg2,#bwsvg{border:none !important;border-radius:var(--radius2);background-color:rgba(255,255,255,0.1) !important;box-shadow:0 0 2rem 0 rgba(136,152,170,0.15);overflow:hidden}#iwsvg,[data-page="admin-status-realtime-bandwidth"] #bwsvg{border-top:0 !important}.ifacebox{border-radius:var(--radius1);display:inline-flex;flex-direction:column;color:var(--body-color);font-size:var(--font-x);overflow:hidden;border:1px solid var(--inputborder-color);background-color:var(--inputbg-color);align-items:center}.ifacebox-head{padding:1rem;min-width:7rem;background-color:rgba(var(--primary-rgbm),0.3);transform:translate(-50,-50%);color:var(--menu-fontcolor);text-align:center !important}.ifacebox-head.active{background:#5bc0de;background-color:rgba(var(--primary-rgbm),0.1)}.ifacebox-body{line-height:1.4;padding:0.5em}.cbi-image-button{margin-left:.5rem}.zonebadge{display:inline-block;padding:.2rem .5rem}.zonebadge .ifacebadge{margin:.1rem .2rem;color:var(--title-color);background-color:#bbb;border:1px solid var(--input-boxhovercolor)}.zonebadge>input[type="text"]{background-color:rgba(var(--primary-rgbbody),1);border:1px solid #6c6c6c;min-width:10rem;margin-top:.3rem;padding:.16rem 1rem}.zonebadge>span,.zonebadge>em,.zonebadge>strong{color:#777;font-size:var(--font-x);display:inline-block;margin:0 .2rem}.zonebadge-empty>strong{color:var(--title-color)}.cbi-value-field .cbi-input-checkbox,.cbi-value-field .cbi-input-radio{margin-top:.1rem}.cbi-value-field>ul>li{display:flex}.cbi-value-field>ul>li>label{margin-top:.5rem}.cbi-value-field>ul>li .ifacebadge{margin-top:-.5rem;margin-left:.4rem;color:var(--body-color);background:rgba(var(--primary-rgbbody),1)}.cbi-section-create>*{margin:.5rem}.cbi-section-create{display:inline-flex;align-items:center;margin:.5rem 1.25rem}.cbi-section-remove{padding:.5rem}div.cbi-value var,td.cbi-value-field var,.td.cbi-value-field var{font-style:italic;color:#0069d6}.cbi-optionals{padding:1rem 1rem 0 1rem;border-top:thin solid var(--input-boxhovercolor)}.cbi-dropdown-container{position:relative}.cbi-tooltip-container,span[data-tooltip],span[data-tooltip] .label{cursor:help !important}.cbi-tooltip{position:absolute;z-index:1000;left:-1000px;padding:0.4rem 0.8rem;transition:opacity .25s ease-out;white-space:pre;pointer-events:none;opacity:0;border-radius:var(--radius2);background-color:rgba(var(--primary-rgbbody),1);box-shadow:0 0 2px #444}.cbi-tooltip-container:hover .cbi-tooltip{left:auto;transition:opacity .25s ease-in;opacity:1}.zonebadge .cbi-tooltip{margin:-1.5rem 0 0 -.5rem;padding:.25rem;background:inherit}.zonebadge-empty{color:#404040;background:repeating-linear-gradient(45deg,rgba(204,204,204,.5),rgba(204,204,204,.5) 5px,rgba(255,255,255,.5) 5px,rgba(255,255,255,.5) 10px)}.zone-forwards{display:flex;min-width:10rem}.zone-forwards>*{flex:1 1 45%}.zone-forwards>span{flex-basis:10%;padding:0 .25rem;text-align:center}.zone-forwards .zone-src,.zone-forwards .zone-dest{display:flex;flex-direction:column}label>input[type="checkbox"],label>input[type="radio"]{margin-right:0.8rem;position:relative;margin-bottom:0.8rem;vertical-align:-webkit-baseline-middle}label[data-index][data-depends]{padding-right:2em}.showSide{display:none;cursor:default;color:var(--menu-hover-color);line-height:1.1;position:inherit;cursor:pointer;padding:0.9rem;text-decoration:none}.darkMask{position:fixed;z-index:99;width:100%;height:100%;content:"";top:0;background-color:rgba(0,0,0,.6);transition:opacity 200ms,visibility 200ms;visibility:hidden;opacity:0}#diag-rc-output>pre,#command-rc-output>pre,[data-page="admin-services-wol"] .notice code{font-size:var(--font-x);font-size-adjust:.35;line-height:normal;display:block;overflow-y:hidden;width:100%;padding:8.5px;white-space:pre;box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}[data-page="admin-network-diagnostics"] .table{box-shadow:none}[data-page="admin-network-network"] .ifacebox .ifacebox-head{color:var(--title-color)}input[name="ping"],input[name="traceroute"],input[name="nslookup"]{width:80%}.node-main-login>.main>.main-left{display:none}.node-main-login>.main>.main-right>header.pd-primary{display:none}.node-main-login>.main .cbi-page-actions{padding:1rem 0 1rem 0}.node-main-login>.main .cbi-map{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.node-main-login>.main fieldset{display:inline;overflow:hidden;margin-bottom:1rem;padding:.5rem;border:0;background:none;box-shadow:none}.node-main-login>.main .cbi-value-title{width:9.5rem}body.lang_pl.node-main-login .cbi-value-title{width:12rem}.node-main-login>.main>.main-right>.pd-primary>.fill>.container{margin:2rem auto}.node-main-login>.main>.main-right>.pd-primary>.fill>.container>.flex1>.brand{display:none}.node-main-login>.main{top:0;height:100% !important}.node-main-login>.main>.main-right{width:100%}.node-main-login .main .main-right .login-bg{position:fixed;width:100%;height:100%;left:0px;top:0px;transition:all 0.1s;background-position:top center;-webkit-background-size:cover;background:fixed;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat}.node-main-login>.main>.main-right>.login-bg.blur{transform:scale(1.05);-webkit-filter:blur(5px);filter:blur(5px)}.node-main-login>.main .container .cbi-section-node .cbi-value:hover{background-image:none !important}.node-main-login>.main fieldset,.node-main-login>.main .cbi-section,.node-main-login>.main .cbi-section>.cbi-section-node{padding:0rem;padding-top:0rem;background:none;border:none;backdrop-filter:none;box-shadow:none;float:center;text-align:center;overflow:hidden}.node-main-login>.main .main-right>#maincontent{display:flex;height:100%;position:unset;text-align:center;align-items:center;padding:0;margin:0;align-content:center;justify-content:center;flex-wrap:wrap;flex-direction:column}.node-main-login>.main>.main-right #maincontent .container{display:inline-block;position:relative;text-align:center;margin:0;padding:1rem 1.25rem 3rem 1.25rem;border-radius:var(--radius0);background-color:rgba(var(--primary-rgbbody),0.5) !important;border:none;-webkit-box-shadow:3px 7px 12px rgba(0,0,0,0.22);box-shadow:3px 7px 12px rgba(0,0,0,0.22);-webkit-transition:all 0.2s;transition:all 0.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:bolder;overflow-x:hidden;overflow-y:hidden}.node-main-login>.main>.main-right #maincontent>.container>form{-webkit-backdrop-filter:blur(6px) !important;backdrop-filter:blur(6px) !important}.node-main-login>.main .container:active{-webkit-transform:scale(0.95) rotateZ(1.2deg);-ms-transform:scale(0.95) rotate(1.2deg);transform:scale(0.95) rotateZ(1.2deg)}.node-main-login>.main .container h2{width:80px;height:80px;background-size:80px;display:block;margin:1rem 1rem 3rem 1rem;text-indent:-500px;overflow:hidden;background-image:url(../logo.png);background-color:rgba(250,250,250,0);background-repeat:no-repeat;background-position:0;border-top:0rem}.node-main-login>.main .container .cbi-section-node{padding:0.2rem;text-align:center}.node-main-login>.main .container .cbi-value-field input:focus{color:var(--body-color);outline:0;background-color:rgba(248,248,248,0.2) !important;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:var(--font-z);position:relative;transition:all .15s ease;letter-spacing:.2em;text-transform:none;will-change:transform;border-radius:var(--radius1);min-width:14rem}.node-main-login>.bar-primary .container-bar-left,.node-main-login>.bar-primary .container-bar-right,.node-main-login>.main .cbi-button-reset{display:none !important}.node-main-login>.main .cbi-value{margin-bottom:10px;border:none;display:block}.node-main-login>.main .cbi-value.cbi-value .cbi-value-title,.node-main-login>.main .cbi-value.cbi-value-last .cbi-value-title{display:none !important}.node-main-login>.main .container .cbi-map-descr{display:none}.node-main-login>.main .cbi-value.cbi-value .cbi-value-field .cbi-input-text,.node-main-login>.main .cbi-value.cbi-value .cbi-input-user,.node-main-login>.main .cbi-value.cbi-value-last .cbi-input-password,.node-main-login>.main .cbi-value.cbi-value-last .cbi-input-text[type="password"]{box-shadow:none;border-radius:var(--radius1);padding:0;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-indent:0rem;background-color:var(--inputbg-color);width:14rem;min-width:100% !important;margin:0}.node-main-login>.main .cbi-value.cbi-value .cbi-value-field,.node-main-login>.main .cbi-value.cbi-value-last .cbi-value-field{position:relative;color:#eee;text-shadow:0px 1px 3px #222;width:14rem}.node-main-login>.main .cbi-value.cbi-value .cbi-value-field:before{font-family:'kucat' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-os x-font-smoothing:grayscale;content:"\e91d";color:#eee;text-shadow:0px 1px 3px #222;font-size:1.3rem;position:absolute;z-index:100;left:10px;top:10px}.node-main-login>.main .cbi-value.cbi-value-last .cbi-value-field:before{font-family:'kucat' !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:"\e93c";color:#eee;text-shadow:0px 1px 3px #222;font-size:1.3rem;position:absolute;z-index:100;left:10px;top:10px}.node-main-login>.main .cbi-value.cbi-value-last,.node-main-login>.main .cbi-value{display:block;position:relative;padding:0rem;background-image:none !important;margin-bottom:1rem;border-bottom:0px solid #222 !important;background-color:rgba(255,255,255,0)}.node-main-login>.main .cbi-value.cbi-value-last{margin-top:2rem;background-color:rgba(255,255,255,0) !important}.node-main-login .main .main-right #maincontent .alert-message p{color:#f8f8f8;font-weight:normal;font-size:var(--font-x)}.node-main-login .alert-message.warning{display:none !important}.node-main-login .errorbox{width:calc(100% - 2rem);box-sizing:border-box;padding:0.6rem 0rem;position:absolute;color:#fff !important;margin-top:6rem;border-radius:var(--radius2);text-align:center;background-color:#e39f4d !important}.node-main-login footer{text-align:center;margin-top:4rem;color:#eee;text-shadow:0 0 2px #222;font-size:var(--font-x);background-color:rgba(255,255,255,0)}.node-main-login footer a{color:#eee;text-shadow:0 0 2px #222;text-decoration:none}.node-status-overview>.main fieldset:nth-child(4) .td:nth-child(2),.node-status-processes>.main .table .tr .td:nth-child(3){white-space:normal}#cbi-samba [data-tab="template"] .cbi-value-field{display:block}#cbi-samba [data-tab="template"] .cbi-value-title{width:auto;padding-bottom:.6rem}.controls>*>.btn:not([aria-label$="page"]){flex-grow:initial !important;margin-top:.1rem}.controls>#pager>.btn[aria-label$="page"]{font-size:1.4rem;font-weight:bold}.controls>*>label{margin-bottom:.2rem}.control-group{flex-wrap:wrap;white-space:normal;gap:0px}.node-admin-system-opkg .control-group{display:block}[data-page="admin-system-opkg"] div.btn{line-height:1.6;display:inline}[data-page^="admin-system-admin"]:not(.node-main-login) .cbi-map:not(#cbi-dropbear){margin-top:2rem;padding-top:.1rem}.td.version,.td.size{white-space:normal !important;white-space:nowrap}.cbi-tabmenu+.cbi-section{margin-top:0}#cbi-wireless>#wifi_assoclist_table>.tr{box-shadow:inset 1px -1px 0 #ddd,inset -1px -1px 0 #ddd}#cbi-wireless>#wifi_assoclist_table>.tr.placeholder>.td{right:33px;bottom:33px;left:33px;border-top:thin solid var(--inputborder-color) !important}#cbi-wireless>#wifi_assoclist_table>.tr.table-titles{box-shadow:inset 1px 0 0 #ddd,inset -1px 0 0 #ddd}#cbi-wireless>#wifi_assoclist_table>.tr.table-titles>.th{border-bottom:thin solid var(--inputborder-color);box-shadow:0 -1px 0 0 #ddd}#wifi_assoclist_table>.tr>.td[data-title="RX Rate / TX Rate"]{width:23rem}#iptables{margin:0}.Firewall form{margin:2rem 2rem 0 0;padding:0;box-shadow:none}.cbi-tab-disabled[data-errors]::after{content:attr(data-errors);background:#c43c35;color:#fff;height:16px;min-width:16px;border-radius:8px;text-align:center;margin:0 5px 0 0;padding:2px 2px 2px 2px;display:inline-flex;flex-direction:column;justify-content:center}#cbi-firewall-redirect table *,#cbi-network-switch_vlan table *,#cbi-firewall-zone table *{font-size:small;white-space:nowrap}#cbi-firewall-redirect table input[type="text"],#cbi-network-switch_vlan table input[type="text"],#cbi-firewall-zone table input[type="text"]{width:8rem}#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%}#cbi-firewall-zone .table,#cbi-network-switch_vlan .table{display:block}#cbi-firewall-zone .td,#cbi-network-switch_vlan .td{width:100%}#applyreboot-container{margin:2rem}#applyreboot-section{line-height:300%;margin:2rem}.OpenVPN a{line-height:initial !important}.commandbox{width:24% !important;margin:10px 0 0 10px !important;padding:.5rem 1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.commandbox h3{line-height:normal !important;overflow:hidden;margin:6px 0 !important;white-space:nowrap;text-overflow:ellipsis}.commandbox div{left:auto !important}.commandbox code{position:absolute;overflow:hidden;max-width:60%;margin-left:4px;padding:2px 3px;white-space:nowrap;text-overflow:ellipsis}.commandbox code:hover{overflow-y:auto;max-height:50px;white-space:normal}.commandbox p:first-of-type{margin-top:-6px}.commandbox p:nth-of-type(2){margin-top:2px}[data-page^="admin-system-commands"] .panel-title,[data-page^="command-cfg"] .mobile-hide,[data-page^="command-cfg"] .showSide{display:none}[data-page^="admin-system-commands"] .panel-title,[data-page^="command-cfg"] .mobile-hide,[data-page^="command-cfg"] .showSide{display:none}#command-rc-output .alert-message{line-height:1.42857143;position:absolute;top:40px;right:32px;max-width:40%;margin:0;animation:anim-fade-in 1.5s forwards;word-break:break-word;opacity:0}.node-admin-status-hnet #maincontent .container>div>div{border:none !important}#view>p{margin:0 1.5rem 1rem 1.5rem}[data-page="admin-status-routes"] #view h3{font-size:var(--font-d);line-height:1;display:block;width:100%;margin:0;margin-bottom:0;padding:0.8755rem 1.25rem;color:var(--body-color);border-radius:var(--radius2);padding-bottom:unset;font-weight:bold}[data-page="admin-status-routes"] #view table,[data-page="admin-status-processes"] #view table,.node-admin-status-realtime-connections #view table[id*=connections]{padding:10px;border:1px;font-weight:normal;font-style:normal;line-height:1;font-family:inherit;text-align:left;min-width:inherit;overflow-x:auto;overflow-y:hidden;background-color:rgba(var(--primary-rgbbody),0.5);-webkit-overflow-scrolling:touch;margin-bottom:20px;margin-top:5px}.node-admin-status-realtime-connections #view table[id*=connections]{white-space:nowrap}.node-admin-status-channel_analysis #view>div>div>div>div,.node-admin-status-channel_analysis #view>div>div>div>div>div,.node-admin-status-realtime-wireless #view>div>div>div>div,.node-admin-status-realtime-load #view div,.node-admin-status-realtime-bandwidth #view>div>div>div>div,.node-admin-status-realtime-connections #view div{border:none !important;background-color:rgba(var(--primary-rgbbody),0.5) !important;border-radius:var(--radius2);border:0px solid #000 !important}.cbi-page-actions.control-group .cbi-dropdown.btn.cbi-button.important{padding:0.6rem 0rem 0.6rem 1rem}.cbi-page-actions.control-group .cbi-dropdown.btn.cbi-button.cbi-button-negative.important>ul,.cbi-page-actions.control-group .cbi-dropdown.btn.cbi-button.cbi-button-apply.important>ul{overflow-y:hidden}.cbi-dropdown.btn.cbi-button.cbi-button-action{padding-right:5px}[data-page="admin-system-ttyd-ttyd"] #view>iframe{border-radius:var(--radius2) !important;min-height:600px !important}[data-page="admin-status-overview"] h3{color:unset !important}[data-page="admin-network-dhcp"] h3{margin:-2rem 1.5rem 0.2rem}[data-page="admin-status-iptables"] .right{margin-bottom:0rem !important}#syslog{border:1px solid var(--inputborder-color);width:100%;min-height:15rem;font-family:monospace;color:var(--body-color);background-color:var(--inputbg-color);font-size:small;outline:none;margin-bottom:18px;border-radius:var(--radius2);overflow-x:hidden}#syslog:focus{outline:0;box-shadow:0 0 1px var(--input-boxcolor)!important}#mwan_status_text>div{padding:0.5rem !important}#detail-bubble.in{z-index:500}.node-admin-nlbw-display .cbi-section ul{padding:0.875rem 1.5rem}.node-admin-nlbw-backup form{margin-left:1.5rem}.node-admin-nas-usb_printer em{display:block}.node-admin-nas-usb_printer em{display:block}[data-page="admin-system-flashops"] .cbi-section ul{padding:.875rem 1.5rem;font-size:var(--font-x)}#cbi-netspeedtest-homebox>.cbi-section-node>.cbi-value{display:inline-block}.chat_window{background-color:rgba(255,255,255,0.1) !important}.top_menu{background-color:rgba(255,255,255,0.12) !important}#chatlog .response{background-color:rgba(255,255,255,0.1) !important}[data-page="admin-status-usage-details"] .cbi-value-title{width:16rem}[data-page="admin-status-processes"] #view td:nth-child(3)>span,.cbi-map>.cbi-section .cbi-value:nth-of-type(4) td:nth-child(2),.Interfaces>.main #view td:nth-child(3),[data-page="admin-network-network"]>.main #view td:nth-child(3),[data-page="admin-status-processes"]>.main #view td:nth-child(3),[data-page="admin-status-overview"] >.main #view td:nth-child(2){white-space:normal !important;word-break:unset !important}[data-page="admin-status-overview"] #view .cbi-section>div>div{justify-items:center !important}.Details>.main .tr.table-totals{background-color:rgba(255,255,255,0.1) !important}#intervalSelect{width:4rem !important}[data-page="admin-nlbw-usage"]>.main .tr.table-totals,[data-page="admin-nlbw-usage"]>.main .cbi-progressbar{background-color:var(--inputbg-color) !important}[data-page="admin-services-vssr"] .ssr-button{margin-left:.3rem}.pure-g .block h4,[data-page="admin-services-vssr"] .block h4{color:var(--body-color);background-image:none}[data-page="admin-services-vssr"] .status-bar{color:var(--body-color);box-shadow:0 0 .5rem 0 var(--inputbg-color);background-color:var(--inputbg-color) !important}.pure-g .block,[data-page="admin-services-vssr"] .block,[data-page="admin-services-shadowsocksr"]>.block,.block,[data-page="admin-services-bypass"]>.main .block,[data-page="admin-services-vssr"]>.main .block,.main .block{color:var(--body-color);background-color:var(--input-bgcolor) !important;box-shadow:0 0 1px var(--inputborder-color);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.32),0 1px 5px 0 rgba(0,0,0,0.2)}[data-page="admin-services-shadowsocksr"]>.block:active,.block:active,[data-page="admin-services-bypass"]>.main .block:active,.main .block:active,[data-page="admin-services-shadowsocksr"]>.block:hover,.block:hover,[data-page="admin-services-bypass"]>.main .block:hover,.main .block:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 4px 6px rgba(0,0,0,0.35);background-color:var(--input-boxhovercolor) !important}[data-page="admin-services-samba"]>.main .cbi-tabcontainer:nth-child(3) .cbi-value-title{margin-bottom:1rem;width:auto}[data-page="admin-services-samba"]>.main .cbi-tabcontainer:nth-child(3) .cbi-value-field{display:list-item}[data-page="admin-services-samba"]>.main .cbi-tabcontainer:nth-child(3) .cbi-value-description{padding-top:1rem}[data-page="admin-services-adguardhome"]>.main .cbi-value-field{width:27% !important}#cbi-passwall-socks .cbi-section-node .cbi-section-table .cbi-value-field,#cbi-passwall-socks table>tbody>tr>td{white-space:normal !important}#cbi-AdGuardHome-AdGuardHome-escconf,#cbi-netspeedtest>fieldset>fieldset>div,.Software>fieldset>fieldset>div,.vue-form-render .cbi-section .cbi-section-node .cbi-value,#cbi-AdGuardHome>.main .cbi-section-node .cbi-value{display:inline-block}.fb-container .cbi-button{height:auto !important}#cbi-usb_printer-printer em{display:block;padding:1rem;text-align:center}pre.command-output{padding:1.5rem}[data-page="admin-nlbw-display"] .cbi-section[data-tab="export"]{padding:1.5rem !important}[data-page="admin-nlbw-backup"] form{padding-left:1.5rem}[data-page="admin-status-iptables"] .right{margin-bottom:0 !important}[data-page="admin-services-ttyd"] .container{display:flex;flex-direction:column}[data-page="admin-services-ttyd"] #view{flex:1}[data-page="admin-services-ttyd"] #view iframe{height:100%}[data-page="admin-system-fileassistant"] .fb-container .panel-title{padding:.5rem .75rem !important}[data-page="admin-system-fileassistant"] .cbi-section.fb-container{padding:.5rem}[data-page="admin-system-fileassistant"] .fb-container .panel-container{border-bottom-color:#dee2e6}[data-page^="admin-services-openclash"] .cbi-tabmenu>li:last-child{margin-right:0 !important}[data-page^="admin-services-openclash"] #tab-content .dom{padding:0 1rem 1rem 1rem}[data-page^="admin-services-openclash"] .cbi-input-file{padding:.2813rem;box-sizing:content-box;width:15rem !important}[data-page^="admin-services-openclash"] [id="container.openclash.config.debug"] fieldset{border:none !important;padding:1rem !important}[data-page^="admin-services-openclash"] #debug-rc-output>textarea{font-family:'Google Sans' !important}[data-page^="admin-services-openclash"] .CodeMirror{font-size:inherit;background-color:rgba(0,0,0,0.8) !important;color:var(--body-color) !important;font-family:'Google Sans' !important}[data-page^="admin-services-openclash"] .cbi-button-up,[data-page^="admin-services-openclash"] .cbi-button-down{padding:.8rem 1.5rem;font-size:0}[data-page^="admin-services-openclash"] select#CORE_VERSION,[data-page^="admin-services-openclash"] select#RELEASE_BRANCH{width:auto}[data-page^="admin-services-openclash"] .cbi-section>div>ul>li{width:auto !important;padding:0rem 0.5rem !important}[data-page^="admin-services-openclash"] .CodeMirror-merge,#cbi-openclash .CodeMirror-merge-2pane{height:auto !important;border:none !important}[data-page^="admin-services-openclash"] .cm-s-idea span.cm-variable{color:#fd8c73 !important}[data-page^="admin-services-openclash"] .CodeMirror-merge-scrolllock-wrap>.CodeMirror-merge-scrolllock{color:var(--inputtext-color) !important}[data-page^="admin-services-openclash"] .CodeMirror-merge>.CodeMirror-merge-gap{background-color:rgba(255,255,255,0.12) !important}[data-page^="admin-services-openclash"] .CodeMirror-scroll>.CodeMirror-gutters{background-color:rgba(255,255,255,0.1) !important;border-right:1px solid #777 !important}[data-page="admin-services-adguardhome"]>.main .cbi-value .cbi-input-textarea{width:100% !important;box-shadow:0 0 1px var(--input-boxcolor) !important}[data-page="admin-system-packages"]>.main .cbi-page-actions{padding:1rem 0}[data-page="admin-system-leds"] .cbi-section em{display:block}[data-page="admin-store-pages"] .cbi-section>.tags-container>.tags-value,[data-page="admin-store-pages"] .cbi-section>.sort-container>.sort-value{flex:none}[data-page="admin-store-pages"] .app-container .app-btns .app-btn{padding:0.5rem;line-height:1.4}[data-page="admin-system-package-manager"] .modal>textarea{white-space:nowrap}.main>.main-left,.cbi-section,[data-tab-title],[data-page^="admin-system-admin"]:not(.node-main-login) .cbi-map:not(#cbi-dropbear),#maincontent>.container>form,#maincontent>.container>form>div,.tabs,.cbi-tabmenu,.cbi-tooltip,#view>p,#view>div,#view>table{backdrop-filter:var(--ufilter);-webkit-backdrop-filter:var(--ufilter)}#maincontent>.container>#view,[data-page="admin-status-routes"] #view,[data-page="admin-network-diagnostics"] #view,[data-page="admin-status-processes"] #view{min-width:inherit;overflow-x:auto;overflow-y:hidden}[data-page="admin-system-reboot"] #maincontent>.container>#view,[data-page="admin-system-poweroffdevice"] #maincontent .container{padding:0 1rem 3rem 1rem}[data-page="admin-network-diagnostics"] #view .table{margin-top:2rem}label,button,input,select,option,.cbi-dropdown,textarea{font-size:var(--font-z)}select,input,.cbi-dropdown,.btn,button,.cbi-button,.item::after{height:2.4rem}#cbi-appfilter>div>div{background-color:rgba(var(--primary-rgbbody),1) !important}#cbi-appfilter>div>div>button{background-color:rgba(var(--primary-rgbm),0.9) !important;color:var(--menu-hover-color) !important;width:auto !important;height:auto !important}#cbi-appfilter>div>div>ul{border-bottom:0px solid #ccc !important}#cbi-appfilter>div>div>ul>li{background:var(--menu-item-titlebg-color) !important;color:var(--primarytextcolor) !important}#cbi-appfilter>div>div>ul>li.active{background-color:rgba(var(--primary-rgbm),0.7) !important;color:var(--menu-hover-color) !important}#cbi-appfilter>div>div>ul>li:hover{background-color:rgba(var(--primary-rgbm),0.7) !important;color:var(--menu-hover-color) !important}#cbi-appfilter #detailsModal .tab-body{background-color:rgba(248,248,248,0.9) !important}#cbi-appfilter>div>div span{color:var(--body-color)!important}#cbi-appfilter>div>div input{background-color:rgba(248,248,248,0.2) !important}.CodeMirror.cm-s-dracula.CodeMirror-wrap{border-radius:0.375rem}div#service_status{padding:1rem}.cbi-section.cbi-tblsection strong{font-weight:bold}[id^="container.passwall."][id$=".faq"]{margin-left:10px;margin-right:10px}div#add_link_div{position:fixed;transform:translate(-50%,-50%);background-color:rgba(var(--primary-rgbbody),1);padding:0px;box-shadow:darkgrey 1px 5px 20px 0px;border-radius:9px}#file-manager-container button#go-button{cursor:pointer}#file-manager-container .file-manager-header{white-space:nowrap}#file-manager-container .file-manager-header input{max-width:none;min-width:10rem}#content-filemanager>#file-list-container #file-table tr>th .sort-button{top:10px;transform:none;padding:0.5rem}div#file-manager-container{margin-left:0.5rem}div#content-filemanager>div#file-list-container{margin-top:10px !important}div#file-manager-container #file-table tr>th{background-color:rgba(var(--primary-rgbm),1);color:var(--menu-color)}div#file-manager-container #status-bar{background-color:rgba(var(--primary-rgbm),0.3)}div#file-manager-container #status-bar #status-info{color:var(--title-color)}#file-list-container .table>#file-list>tr:hover{background-color:rgba(var(--primary-rgbm),0.4) !important}.cbi-tabcontainer-content #editor-container{width:100%;border:1px solid var(--inputborder-color)}.editor-content>.line-numbers{background-color:rgba(var(--primary-rgbm),0.2)}.editor-content>#hexedit-container.hexedit{background-color:rgba(var(--primary-rgbbody),0.1)}.editor-content>.hexedit>.hexedit-search-container{background-color:rgba(var(--primary-rgbbody),0.1);--clr-header:var(--title-color)}.editor-content>.hexedit>.hexedit-headers{background-color:rgba(255,255,255,0.8);background-color:rgba(var(--primary-rgbm),0.2);--clr-header:var(--title-color)}#file-list-container table>tbody>tr>td{padding:0.2rem}.tr.cbi-section-table-row[id*="wolplus"],.tr.cbi-section-table-row[id*="firewall"]{flex-wrap:wrap;border-bottom:1px solid rgba(var(--primary-rgbm),0.1);min-width:unset}#mwan3-service-status .alert-message>div>strong{white-space:nowrap;font-size:var(--font-x)}[data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table){display:block}[data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table),[data-page="admin-network-firewall-rules"] .table:not(.cbi-section-table),[data-page="admin-network-hosts"] .table,[data-page="admin-network-routes"] .table{overflow-y:visible}.commandbox{width:32% !important}[data-page="admin-network-network"] .cbi-section-table tr,[data-page="admin-network-network"] .cbi-section-table td{font-size:var(--font-x) !important}[data-page="admin-network-network"] .cbi-section-node table td:nth-of-type(1){padding:5px !important}[data-page="admin-network-network"] .cbi-section-node table td,[data-page="admin-network-wireless"] fieldset .cbi-section-node table td{padding:10px !important}[data-page="admin-network-network"] .cbi-section-table br{display:initial}[data-page="admin-status-overview"] .tr.table-titles>.th:nth-child(1),[data-page="admin-status-overview"] .main #view td:nth-child(1){text-align:right !important}@keyframes anim-fade-in{100%{opacity:1}}@media all and (-ms-high-contrast:none){.main>.main-left>.nav>.slide>.menu::before{top:30.25%}.main>.main-left>.nav>li:last-child::before{top:20%}.showSide::before{top:-12px}}@media screen and (max-width:1366px){.main>.main-left>.nav>li,.main>.main-left>.nav>li>a,.main .main-left .nav>li>a:first-child,.main>.main-left>.nav>.slide>.menu{font-size:var(--font-d)}.node-admin-status-iptables>.main fieldset li>a{padding:.3rem .6rem}.main-left{width:calc(0% + 15rem)}.main-right{width:calc(100% - 15rem)}[ data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table){display:block}[ data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table),[data-page="admin-network-firewall-rules"] .table:not(.cbi-section-table),[data-page="admin-network-hosts"] .table,[data-page="admin-network-routes"] .table{overflow-y:visible}.th.cbi-value-field,.td.cbi-value-field,.th.cbi-section-table-cell,.td.cbi-section-table-cell{flex-basis:auto;padding-top:1rem}#cbi-firewall-zone .cbi-input-select{min-width:9rem}.node-admin-status>.main fieldset li>a{padding:.3rem .6rem}.tabs>li>a,.cbi-tabmenu>li>a{padding:.2rem .5rem}.table .cbi-input-text{width:100%}.cbi-value-title{width:16rem;padding-right:1rem}}@media only screen and (max-width:1152px){.main .main-left .nav .slide .slide-menu .active a{font-size:var(--font-x)}header .fill .container .flex1 .brand{color:var(--menu-hover-color)}label,button,input,select,option,.cbi-dropdown,textarea{font-size:var(--font-x)}header>.fill>.container>.flex1>.brand{display:inline-block}.showWord{display:none;text-decoration:none}html,.main{overflow-y:hidden}#diag-rc-output>pre,#command-rc-output>pre,[data-page="admin-services-wol"] .notice code{font-size:var(--font-x)}.main-left{width:calc(0% + 15rem);box-shadow:rgba(0,0,0,0.75) 0 0 20px -5px;-webkit-box-shadow:rgba(0,0,0,0.75) 0 0 20px -5px;position:fixed;background-image:var(--bgqs-image);visibility:hidden;z-index:100}.main-right{width:100%}header .fill .container .flex1 .showSide{display:inline-block;z-index:99}.showSide:hover{background-color:var(--menu-item-hover-bgcolor);border-radius:var(--radius2);text-decoration:none}.showSide:before{content:"\e20e";font-size:1.7rem !important}.node-main-login .showSide{display:none !important}[data-page="admin-status-overview"] .main #view td:nth-child(1){width:6rem}.modal .cbi-value-title,.cbi-value-title{width:12rem;padding-right:0.6rem}.Interfaces .table{overflow-x:hidden}[data-page="admin-status-overview"] .table[width="100%"]>.tr{flex-wrap:nowrap}.tr.placeholder{border-bottom:thin solid #ddd}.tr.placeholder>.td,#cbi-firewall .tr>.td,#cbi-network .tr:nth-child(2)>.td,.cbi-section #wifi_assoclist_table .tr>.td{border-top:0}.node-admin-status.Overview .tr{display:flex;flex-direction:row;flex-wrap:wrap}input[name="ping"],input[name="traceroute"],input[name="nslookup"]{width:100%}.td.cbi-value-field,.cbi-section-table-cell{flex:10 10 auto;flex-basis:50%;text-align:center}.td.cbi-section-actions{vertical-align:bottom}.tr[data-title]::before,.tr.cbi-section-table-titles.named::before{flex:1 1 100%}.td[data-title],[data-page^="admin-status-realtime"] .td[id]{text-align:left}.td.cbi-section-actions>*>*,.td.cbi-section-actions>*>form>*{margin:0 2px}.cbi-section>h3:first-child,.panel-title{font-size:var(--font-z);padding-bottom:0.5rem}.cbi-dropdown[open]>ul.dropdown{max-width:15rem}.Firewall form{position:static !important;margin:0 0 2rem 0;padding:2rem;box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}.Firewall form input{width:100% !important;margin:0;margin-top:1rem}.Firewall .center,.Firewall .center::before{text-align:left !important}.commandbox{width:100% !important;margin-left:0 !important}table>tbody>tr>td,table>tfoot>tr>td,table>thead>tr>td{font-size:var(--font-x);color:var(--body-color);padding:1rem 0.5rem}[data-page="admin-services-vssr"] .status-info{font-size:var(--font-x)}[data-page="admin-services-vssr"] .icon-con{margin-top:0.4rem}[data-page="admin-services-vssr"] .icon-con img{width:2.3rem !important;height:auto}#ethinfo td{padding:0.75rem 0.2rem !important}.cbi-page-actions>div>input{display:none}.mobile-hide{display:none;font-size:0}[id*="samba"].cbi-section-table-row - .cbi-dynlist>.item>span{min-width:13.5rem;width:13.5rem}.cbi-value-field .cbi-dropdown,.cbi-value-field .cbi-input-select,.cbi-value input[type="text"],.cbi-value input[type="password"]{width:16rem;min-width:8rem}.cbi-dynlist>.add-item:not([ondrop])>input,.cbi-dynlist>.item>span,.cbi-dynlist>.add-item input{min-width:13.5rem;width:13.5rem}.cbi-input-textarea,textarea{min-width:16rem}.modal{width:99%;padding:0.1rem;margin:1em auto}}@media only screen and (max-width:768px){.main-left{width:calc(0% + 15rem)}.pd-primary .fill .container{padding:0 0.2rem}.cbi-section>div>table.table{display:inline-table}.mobile-hide{display:none;font-size:0}.node-main-login footer{display:none}.td[width="33%"],.td[width="33%"]~.td{padding:10px}.cbi-map-descr,.cbi-section-descr{margin:0.5rem 0.2rem 0.5rem}.modal .cbi-value-title,.cbi-value-title{padding:0.5rem 0 0.2rem 0.3rem;width:100%;font-weight:600}.cbi-section{padding-bottom:0.5rem}.td,.th{padding:2px;margin:0;line-height:1}h2{padding:0.5rem 0.5rem 0.2rem}#upgrade_log{padding:0.5rem 0.2rem 0.5rem !important}h3{margin:0;font-size:var(--font-z);line-height:1.2rem !important;letter-spacing:0.02rem}.alert,.alert-message{line-height:1.8rem;white-space:normal !important;margin:0.1em auto}[data-page="admin-status-processes"] .td[data-title="Hang Up"]::before,[data-page="admin-status-processes"] .td[data-title="Terminate"]::before,[data-page="admin-status-processes"] .td[data-title="Kill"]::before{display:none}.hide-sm,.hide-xs:not([data-title="MAC-Address"]){display:none}[data-page="admin-system-admin-password"] .control-group{flex-wrap:nowrap}.cbi-input-textarea,textarea,.cbi-value-description,.cbi-value-field,.cbi-value-field .cbi-dropdown,.cbi-value-field .cbi-input-select,.cbi-value input[type="text"],.cbi-value input[type="password"]{width:16rem;text-align:left;min-width:8rem;margin:0}.cbi-value-title,.cbi-value-field{display:inline-block;line-height:1;text-align:left}.cbi-value-description{display:none !important}.cbi-value-field>div{line-height:1}#syslog,#diag-rc-output > pre,#command-rc-output > pre,[data-page="admin-services-wol"] .notice code{font-size:var(--font-x) !important}.cbi-dynlist p{padding:0.5rem 1rem}[data-page="admin-system-flash"] legend{padding:1rem 0 1rem 1rem}[data-page="admin-system-flash"] .cbi-value{padding:0 0 0 1rem}[data-page="admin-network-dhcp"] [data-tab-active="true"]{padding:1rem 1rem !important}.cbi-value{display:inline-table - padding:0 0.5rem}#file-manager-container .file-manager-header{flex-wrap:wrap}}@media only screen and (max-width:480px){[data-page="admin-status-overview"] .main #view td:nth-child(1){max-width:8rem;white-space:normal !important}.Diagnostics form .cbi-map .cbi-section div{width:100% !important}.cbi-section>div{width:100%}.node-main-login footer{display:none}select,input{font-size:var(--font-x);box-sizing:border-box;min-width:unset}.cbi-value input[name^="pw"],.cbi-value input[data-update="change"]:nth-child(2){width:8rem;min-width:8rem}}.Dashboard .dashboard-bg{background-color:rgba(var(--primary-rgbm),var(--primary-rgbs-ts));background-color:rgba(var(--primary-rgbbody),1)important}.Dashboard h3{color:var(--primary-title-color)important;border-radius:0 0 16px 16px}.Dashboard:not(.some-other-class){color:#666a88 !important}.Dashboard .title{background-color:rgba(var(--primary-rgbm),0.1) !important;border-radius:16px}.Dashboard span.label.label-success{background-color:#55bb55}.Dashboard .devices-list .devices-info,.Dashboard .router-status-wifi .wifi-info > hr:last-child{margin-top:0.575rem} +@import url("fonts.css?v=3");:root{--radius0:8px;--radius1:0.375rem;--radius2:0.25rem;--primary-solid:#fd8c73;--white:#f5f5f5f5;--black:#4d4d5d;--menu-hover-barbgcolor:rgba(255,255,255,0.3)}[data-theme='light']{--primarytextcolor:#677087;--primary-title-color:#4d4d5d;--menu-color:#ddd;--menu-hover-color:#fff;--menu-item-titlebg-color:rgba(var(--primary-rgbm),0.22);--menu-barbgcolor:rgba(var(--primary-rgbm),var(--primary-rgbm-ts));--title-color:#65656b;--body-text-color:#3c4655;--body-color:#65656b;--body-hover-bgcolor:rgba(50,50,50,0.05);--inputbg-color:rgba(248,248,248,0.15);--inputtext-color:#4d5256;--inputborder-color:rgba(0,0,0,0.2);--input-bgcolor:rgba(255,255,255,0.6);--input-boxcolor:rgba(0,0,0,0.12);--input-boxhovercolor:rgba(0,0,0,0.22);--input-checkcolor:rgba(var(--primary-rgbm),1);--font-apple:-apple-system,"Google Sans","Microsoft Yahei","WenQuanYi Micro Hei","sans-serif";--font-sans:"Google Sans","Microsoft Yahei","WenQuanYi Micro Hei","sans-serif","Helvetica Neue","Helvetica","Hiragino Sans GB"}[data-theme="dark"]{--primarytextcolor:#bbb;--primary-title-color:#ccc;--menu-color:#ccc;--menu-hover-color:#f5f5f5f5;--menu-item-titlebg-color:rgba(var(--primary-rgbm),0.5);--menu-barbgcolor:rgba(var(--primary-rgbm),var(--primary-rgbm-ts));--title-color:#ddd;--body-text-color:#bbb;--body-color:#bbb;--body-hover-bgcolor:rgba(255,255,255,0.05);--inputbg-color:rgba(255,255,255,0.11);--inputtext-color:#ccc;--inputborder-color:rgba(255,255,255,0.2);--input-bgcolor:rgba(50,50,50,0.2);--input-boxcolor:rgba(255,255,255,0.15);--input-boxhovercolor:rgba(255,255,255,0.22);--input-checkcolor:rgba(255,255,255,0.7);--font-apple:-apple-system,"Google Sans","Microsoft Yahei","WenQuanYi Micro Hei","sans-serif";--font-sans:"Google Sans","Microsoft Yahei","WenQuanYi Micro Hei","sans-serif","Helvetica Neue","Helvetica","Hiragino Sans GB"}.tr{display:table-row;white-space:nowrap}.thead{display:table-header-group}.tbody{display:table-row-group}.tfoot{display:table-footer-group}.td,.th{line-height:normal;display:table-cell;padding:.5em;text-align:center;vertical-align:middle;white-space:nowrap}.th{font-weight:bold}.tr.placeholder{height:2rem}.tr.placeholder>.td{position:absolute;left:0;right:0;text-align:center;background:inherit}.td[width="33%"],.td[width="33%"]~.td{padding:14px}.table[width="33%"],.th[width="33%"],.td[width="33%"]{width:33%}.table[width="100%"],.th[width="100%"],.td[width="100%"]{width:100%}.center{width:100%;transform:translate(-50,-50%);text-align:center}.col-1{flex:1 1 30px !important;width:auto;-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;min-width:5rem;white-space:inherit}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:normal;line-height:1.1 !important;color:inherit;clear:inherit;text-transform:capitalize}::-webkit-scrollbar-track{box-shadow:inset 0 0 0px rgba(240,240,240,.5);background-color:rgb(255 255 255 / 0%)}::-webkit-scrollbar{width:8px;height:10px}::-webkit-scrollbar-thumb{height:15px;-webkit-border-radius:var(--radius0);-moz-border-radius:var(--radius0);border-radius:var(--radius0);background-clip:content-box;background:rgba(var(--primary-rgbm),0.7);border:5px solid rgba(var(--primary-rgbbody),0.2)}::-webkit-scrollbar-thumb:hover{background-color:#999}::selection{background-color:#7686d1 !important;color:#f8f8f8}::placeholder{color:var(--inputtext-color)}html,body{font-family:var(--font-sans);height:100%;margin:0 !important;padding:0 !important}body{letter-spacing:0.050em;font-size:var(--font-z);color:var(--body-color);background-position:top center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat}a{color:var(--primarytextcolor);font-size:var(--font-z);background-color:transparent;text-decoration:none}a:hover{font-size:var(--font-z);text-decoration:underline}em{font-style:normal !important;line-height:1.5;padding-left:10px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,input{overflow:visible}label,button,input,select,option,textarea{font-family:var(--font-sans);font-weight:400;box-sizing:border-box;vertical-align:baseline;border-radius:var(--radius2);margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select{overflow:hidden !important;width:100%;min-width:8rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-size:24px 16px;background-repeat:no-repeat;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABGCAYAAAA6hjFpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDNzA0QUE0NjE2QTExRUNCMjJFQkQyRkIyNURDNjE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDNzA0QUEzNjE2QTExRUNCMjJFQkQyRkIyNURDNjE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzNBNTYzNTY2MTUxMTFFQ0IyMkVCRDJGQjI1REM2MTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzNBNTYzNTc2MTUxMTFFQ0IyMkVCRDJGQjI1REM2MTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6YjzxlAAACsklEQVR42uyaXUsVURSG51T0U/obfUvhhYF0U0HQhZQVIWVJCAkiSUXfRRcaBFbXQVBBRCASFCJBpQQipw+RREkpCa9aG95gs0DMOp6Z7TwvvAxnzczaa6/nzDnzVTndfSVDxdE6WgAQBBCAIIAABAEEIAggAEEAQQABCAIIQBBAAIIAAhAEEAQQgCCAAAStGSAbzA/N+wvSiwPmB6or16bkoY2afLN5r+q4l2MfDpr7zetV2z7zYpmOkAHByNSE0IxDOdUSxr2rOjLVNVC2n6z77hsYmtFnbqlzHS0aN+7DouorFZBH+ibGUCrmO+YjdaqhVeNVHIxm1Ve6P/XH5ibzLwfllvn4Ko8d8t90MEIde1RXaU97n6oJCw7KNXPbKo3ZpvwxjAXV8YTrkCx7piPFQ7lsbq/xWO3K62E0qQ4uDKXn5kbzTxe/YO6o0Rgdypc5GI0anyt1p5fm3eYfLn7e3PmfuTuVJ1YYZ5fG5Up9CQ2qSfMu3m3u+secXdo/1rzGGeTWyfIaUrPmXPycuWeFuXq0X6w55R8q4NwLe3PxlXmn+buLnzX3/mWOXm0fK+RrUP4MICvTG/MO86yLnzFfWmbfi9ou1qzyvS7wnAt/+31YTZxx8ZPmq+709c/pcoifcvEZ5Rku+HyTeB4yYt5unnbxE+YbEZSwvK54rGntP5LAXJN5QPXWvNX8zcWPmm9rHmF5zK0P22/T/hlAaqv35i3mKRc/bB7VMtaUIL5LaI7JPcIdVZMnXXyT+zyp7T4kNr8kn6mPqdlfllj/VevHEpxbsi85fNTP1ycX/2zerPUZQOqrcUGp6nNVMMYTnlPyrwFNCMILLScSn0++r7zUSFVdZ6wJ8aIcQBBAAIIAAhAEEIAggAAEAQQBBCAIIABBAAEIAghAEEAQQJLQbwEGAK/reX2gh5gQAAAAAElFTkSuQmCC');background-position:right center}select,.cbi-dropdown{width:inherit}select option{background-color:rgba(var(--primary-rgbbody),1);width:100% !important;overflow:hidden}input[type="checkbox"]{position:relative;width:25px !important;height:25px !important;padding:5px !important;-webkit-appearance:none;outline:none;transition:0.1s}input[type="checkbox"]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgb(255,255,255,0);box-sizing:border-box;transition:0.15s}input:checked[type="checkbox"]:before{transform:rotate(45deg);width:12px;margin-left:5px;border-color:var(--input-checkcolor);border-width:3px;border-top-color:transparent;border-left-color:transparent;border-radius:0}input[type='file']{border:none;background:none;height:auto;line-height:1.5rem}input[type='radio']{height:1.5rem;width:1.5rem;appearance:none !important;-webkit-appearance:none !important;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=\'%23ccc\'/%3e%3c/svg%3e');background-color:rgba(var(--primary-rgbbody),var(--primary-rgbm-ts));box-shadow:inset 0 2px 1px rgba(255,255,255,.6);padding:0;border-radius:70%;cursor:pointer;transition:all .1s;margin:.25rem 0}input[type='radio']:checked{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:rgba(var(--primary-rgbm),0.95);box-shadow:inset 0 3px 2px rgb(255 255 255 / 60%);background-repeat:no-repeat;background-position:center}select:not([multiple="multiple"]):focus,input:not(.cbi-button):focus,.cbi-dropdown:focus{border:1px solid rgba(var(--primary-rgbm),0.7);box-shadow:0 0 6px rgba(0,0,0,0.22)}.cbi-dropdown,select[multiple="multiple"]{height:auto}pre{overflow:auto}code{font-size:var(--font-z);font-size-adjust:.35;padding:1px 3px;color:#101010;border-radius:var(--radius2);background:#ddd}abbr{cursor:help;text-decoration:underline;color:#146db3}hr{margin:1rem 0;opacity:.1;border-color:#eee}footer{text-align:right;padding:3rem 0rem 2rem 0;color:var(--primarytextcolor);font-size:var(--font-x)}footer>a{color:var(--primary-title-color);text-decoration:none}small{font-size:90%;line-height:1.42857143;white-space:nowrap}.main{position:relative;top:0;bottom:0;height:100vh;width:100%}.bar-primary{bottom:10px;right:0;height:50px;z-index:101;box-shadow:none !important;position:absolute}.bar-primary .container-bar-right,.bar-primary .container-bar-left{position:fixed;height:50px;line-height:50px;text-align:center;right:0;margin:0;padding:0;border-radius:var(--radius2);background-color:rgba(var(--primary-rgbm),1);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);background-image:-webkit-linear-gradient(135deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent) !important;transition:all .1s ease;-moz-osx-font-smoothing:grayscale;text-rendering:auto;-webkit-font-smoothing:antialiased;transition:0.1s ease-in-out}.container-bar-left a{text-decoration:none;width:16.6% !important}.container-bar-right a{text-decoration:none}.container-bar-left .labelbar:hover,.container-bar-right .labelbar:hover{background-color:rgba(255,255,255,0.3);border-radius:var(--radius2);text-decoration:none}.container-bar-right .labelbar:hover::before,.container-bar-left .labelbar:hover::before{color:var(--menu-hover-color);color:#fff;text-decoration:none}.container-bar-right .labelbar::before,.container-bar-left .labelbar::before{color:var(--menu-color);font-size:2rem !important;text-decoration:none}.container-bar-left .pdboy-closebar:before{content:"\e931"}.container-bar-right .pdboy-openbar:before{content:"\e903"}.container-bar-left .pdboy-gohome:before{content:"\e90c"}.container-bar-left .pdboy-gossr:before{content:"\e917"}.container-bar-left .pdboy-gonet:before{content:"\e91e"}.container-bar-left .pdboy-gouser:before{content:"\e93d"}.container-bar-left .pdboy-gocontrol:before{content:"\e905"}.container-bar-left .pdboy-goadvanced:before{content:"\e91c"}.container-bar-left .pdboy-gopoweroff:before{content:"\e915";color:#ff5722}.labelbar{font-size:2rem !important;display:inline-block;text-decoration:none;text-align:center;line-height:30px;padding:10px;height:100%;transition:0.1s;float:left}@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)}}.main>.loading{position:fixed;top:0;opacity:1;visibility:visible;align-items:center;justify-content:center;background-color:rgba(255,255,255,0)}.main-left{float:left;width:calc(0% + 15rem);height:100%;background-color:var(--menu-bgcolor);background-image:var(--bgqs-image);box-shadow:0 .1rem .5rem .2rem var(--input-boxcolor);overflow-x:auto;position:fixed;z-index:100}.main-right{width:calc(100% - 15rem);float:right;height:100vh}.main-right>#maincontent{position:relative;background-color:rgba(var(--primary-rgbbody),var(--primary-rgbm-ts));padding:0.2rem 0.2rem 3rem 0.2rem;z-index:50}.pull-left{float:left}.nowrap:not(.td){white-space:nowrap}[disabled="disabled"]{pointer-events:none}header.pd-primary{background-color:var(--menu-barbgcolor);box-shadow:0 .1rem .5rem .2rem var(--input-boxcolor);background-image:-webkit-linear-gradient(135deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent) !important}header .fill{padding:1rem 0;border-bottom:0 solid rgba(255,255,255,0.08) !important;display:flex}.pd-primary .fill .container{height:2.8rem;padding:0 1rem;display:flex;align-items:center;width:100%;background-color:rgba(255,255,255,0) !important}header .fill .container .flex1{white-space:nowrap;flex:1}header .fill .container .flex1 .showSide{display:none}header .fill .container .flex1 .brand{color:var(--menu-color);font-family:var(--font-sans);font-weight:bold;font-size:1.5rem;text-decoration:none;cursor:default;display:none}header .fill .status span{display:inline-block;font-size:.875rem;font-weight:bold;white-space:nowrap;text-decoration:none;text-transform:uppercase;text-shadow:none;border-radius:4px;color:#ffffff;cursor:default;margin:0 .25rem}.status{display:flex;align-items:center;font-size:0;cursor:pointer;background-repeat:no-repeat;background-position:center;color:transparent !important;-webkit-appearance:none;-moz-appearance:none;transition:all .3s;flex-direction:row-reverse;align-content:center;flex-wrap:nowrap}span[data-indicator="uci-changes"],span[data-indicator="poll-status"]{font-size:0 !important;cursor:pointer;background-repeat:no-repeat;background-position:center;color:transparent !important;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}span[data-indicator="uci-changes"]:before{font-size:1.5rem !important;font-family:'kucat' !important;content:"\e923";color:#ffb923;text-decoration:none}span[data-indicator="poll-status"]:not([data-style="inactive"]):before{font-size:1.5rem !important;font-family:'kucat' !important;content:"\e936";color:var(--menu-hover-color);text-decoration:none}span[data-indicator="poll-status"]:not([data-style="active"]):before{font-family:'kucat' !important;font-size:1.5rem !important;content:"\e932";color:#aaa !important;text-decoration:none}span[data-indicator="uci-changes"]:hover,span[data-indicator="poll-status"]:hover,.pdboy-qlogout:hover,.showSide:hover{background-color:var(--menu-hover-barbgcolor) !important;color:var(--menu-hover-color);border-radius:var(--radius1);text-decoration:none}span[data-indicator="uci-changes"],span[data-indicator="poll-status"],.pdboy-qlogout{line-height:1;padding:1rem;cursor:pointer !important;font-weight:normal !important;margin:0;display:inline-block}.pdboy-qlogout:before{font-size:1.5rem !important;content:"\e935";color:red}.showWord:before{padding:1rem;font-size:1.1rem;line-height:1.2;content:"\e925";color:var(--menu-color);text-decoration:none}.showWord:after{padding:1rem;font-size:1.1rem;line-height:1.2;content:"\e927";color:var(--menu-color);text-decoration:none}.showWord{font-family:var(--font-sans);color:var(--menu-color);font-size:1.1rem !important;line-height:1.2;flex:auto;cursor:pointer;display:inline-block;text-decoration:none !important;vertical-align:text-bottom}.showWord:hover,.showWord:focus{text-decoration:none !important}.showWord::before,.showWord::after,[class^="pdboy-"]:before,[class*=" pdboy-"]:before,[class^="pdboy-"]:after,[class*=" pdboy-"]:after{font-family:'kucat' !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.danger{background-color:#d9534f !important;color:#eee}.warning{background-color:#b98413 !important;margin:0 0 0.5rem 0;color:#eee}.success{background-color:#1a8361 !important;color:#eee;width:14rem !important}#log_textarea{box-shadow:0 1px 1px 0 rgba(0,0,0,0.16),0 0 1px 0 var(--input-boxcolor)}.error{color:#f00}.alert,.alert-message{padding:1rem;border:0;font-weight:normal;font-style:normal;line-height:1.6em;font-family:inherit;min-width:inherit;overflow:unset;border-radius:var(--radius1);background-color:rgba(var(--primary-rgbbody),var(--primary-rgbm-ts));box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 0 2px 0 var(--input-boxcolor)}.alert-message>*{margin:0;white-space:normal}.alert-message>h4{margin:0.5rem;color:red;padding:0.5rem 1rem;font-weight:bold}.errorbox{color:#f8f8f8;background-color:#f0ad4e;border-color:#eea236}.container .alert,.container .alert-message{margin-top:1rem}.main .main-left .nav{margin-top:0}.slide-menu{overflow:hidden}.main .main-left .nav>li>a:first-child{display:block;font-size:var(--font-d);color:var(--menu-fontcolor);padding:.7rem 0rem .7rem 3rem;margin-bottom:1px;font-weight:500;display:flex;width:100%;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .2s;position:relative}.main .main-left .nav>li .slide-menu>li>a{display:block;padding:.5rem 1.4rem .5rem 3rem;text-decoration:none;white-space:nowrap;margin-bottom:1px;font-weight:500;width:100%;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .2s;position:relative;color:var(--menu-fontcolor);font-size:var(--font-z)}.main .main-left .nav .slide .slide-menu>li{border-left:4px solid rgba(255,255,255,0)}.main .main-left .nav .slide .slide-menu>li.active{background-color:var(--menu-item-active-bgcolor);border-left:4px solid var(--primary-solid)}.main .main-left .nav>li{padding:0rem}.main .main-left .nav .slide ul{display:none;list-style:dotted}.main .main-left .nav .slide.active ul{display:block}.main .main-left .nav>li>a.active::before,.main .main-left .nav>li>a:first-child.active::before{color:var(--menu-hover-color)}.main .main-left .nav>.slide>a::before,.main .main-left .nav>li>a::before,.main .main-left .nav>li>a:first-child::before{font-family:'kucat' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:.8rem;content:"\e91a";color:var(--menu-fontcolor)}.main .main-left .nav>.slide>a::after,.main .main-left>.nav>li>a::after{position:absolute;right:.6rem;top:1rem;font-family:'kucat' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;color:var(--menu-fontcolor);content:'\e20b';transition:all .1s ease;-moz-osx-font-smoothing:grayscale;text-rendering:auto;-webkit-font-smoothing:antialiased;transition:all .1s}.main .main-left .nav>li>a:hover a::after,.main .main-left>.nav>li>a.active a::after{cursor:pointer;color:var(--menu-hover-color);width:100%}.main>.main-left .nav>.slide>a.active::before,.main .main-left .nav>li>a:hover::after,.main .main-left .nav>li>a.active::after{cursor:pointer;color:var(--menu-hover-color)}body[class*="node-"]>.main>.main-left>.nav>.slide>.menu::before{transition:transform .1s ease-in-out}body[class*="node-"]>.main>.main-left>.nav>.slide>.menu.active::before{transition:transform .2s ease-in-out}.main .main-left .nav>li>a.active::after{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.main .main-left .nav>li>a.active{cursor:pointer;background-color:var(--menu-item-active-bgcolor);color:var(--menu-hover-color)}.main .main-left .nav>li>a:hover{cursor:pointer;background-color:var(--menu-item-hover-bgcolor);color:var(--menu-hover-color)}.main .main-left .nav>li>a:hover a,.main .main-left .nav>li>a.active a{color:var(--menu-hover-color)}.main .main-left .nav>li>a:hover::before,.main .main-left .nav>li>a.active::before{color:var(--menu-hover-color)}.main .main-left .nav>li>a[data-title=Status]:before{content:"\e90c"}.main .main-left .nav>li>a[data-title=System]:before{content:"\e919"}.main .main-left .nav>li>a[data-title=Services]:before{content:"\e92a"}.main .main-left .nav>li>a[data-title=NAS]:before{content:"\e907"}.main .main-left .nav>li>a[data-title=VPN]:before{content:"\e917"}.main .main-left .nav>li>a[data-title=Network]:before{content:"\e90a"}.main .main-left .nav>li>a[data-title=Bandwidth_Monitor]:before{content:"\e913"}.main .main-left .nav>li>a[data-title=iStore]:before{content:"\e908"}.main .main-left .nav>li>a[data-title=Inital_Setup]:before,.main .main-left .nav>li>a[data-title=Netwizard]:before,.main .main-left .nav>li>a[data-title=Wizard]:before{content:"\e93e"}.main .main-left .nav>li>a[data-title=Docker]:before{content:"\e902"}.main .main-left .nav>li>a[data-title=Statistics]:before{content:"\e918"}.main .main-left .nav>li>a[data -title=control]:before,.main .main-left .nav>li>a[data -title=Control]:before{content:"\e91a"}.main .main-left .nav>li>a[data-title=Asterisk]:before{content:"\e91c"}.main .main-left .nav>li>a[data-title=Logout]:before,.main .main-left .nav>li>a[data-title=Log_out]:before{content:"\e935"}.main .main-left .nav>li>a[data-title=Netizard]:after,.main .main-left .nav>li>a[data-title=Wizard]:after,.main .main-left .nav>li>a[data-title=iStore]:after,.main .main-left .nav>li>a[data-title=Logout]:after,.main .main-left .nav>li>a[data-title=Log_out]:after{content:""}.main .main-left .nav>li [data-title=Logout],.main .main-left .nav>li>a[data-title=Logout],.main .main-left .nav>li [data-title=Log_out],.main .main-left .nav>li>a[data-title=Log_out]{display:none}.main .main-left .nav .slide .slide-menu .active a{color:var(--menu-hover-color);font-size:var(--font-z)}.main .main-left .nav .slide .slide-menu li:hover{background-color:var(--menu-item-hover-bgcolor)}.main .main-left .nav .slide .slide-menu li:active a{color:var(--menu-hover-color)}.main .main-left .nav .slide .slide-menu li:hover a{color:var(--menu-hover-color)}.main .main-left .sidenav-header{text-align:center;height:4.8rem;margin:0rem 1rem;padding:2rem;background-clip:padding-box;border-bottom:1px solid var(--input-boxcolor)}.main .main-left .sidenav-header .brand{color:var(--menu-fontcolor);font-family:var(--font-sans);font-weight:900;font-size:1.6rem;text-decoration:none;letter-spacing:2px;cursor:default;vertical-align:text-bottom;white-space:nowrap;text-align:center;margin:1em auto}ul{line-height:normal}li{list-style-type:none}h1{font-size:var(--font-d);padding-bottom:10px}h2{font-size:1.5em;padding:0.5rem 1.5rem 0.2rem;font-weight:bold;text-transform:capitalize;color:var(--primary-title-color)}h3{font-size:var(--font-d);display:block;margin:0.5rem 0;color:var(--primary-title-color);font-weight:bold;letter-spacing:0.1rem;white-space:nowrap;background-color:rgba(255,255,255,0)}h4{margin:0;padding:0.75rem 1.25rem;font-weight:600;font-size:var(--font-z);color:var(--primary-title-color);padding-bottom:10px}h4>span{font-size:90%}h5{font-size:var(--font-z);color:var(--primary-title-color);margin:1rem 0 0 0;padding-bottom:10px}#cbi-dropbear h2,#cbi-dropbear .cbi-map-descr,#cbi-dropbear .cbi-map-descr abbr,#cbi-rc h2,#cbi-rc .cbi-map-descr,#cbi-distfeedconf h2,#cbi-distfeedconf .cbi-map-descr,#cbi-customfeedconf h2,#cbi-customfeedconf .cbi-map-descr,#cbi-download h2,#cbi-filelist h2{font-weight:bold}.cbi-section,.cbi-section-error,#iptables,.Firewall form,#cbi-network>.cbi-section-node,#cbi-wireless>.cbi-section-node,#cbi-wireless>#wifi_assoclist_table,[data-tab-title],[data-page="admin-system-opkg"] #maincontent>.container{font-family:inherit;font-weight:normal;font-style:normal;line-height:normal;min-width:inherit;line-height:1;overflow-x:auto;overflow-y:hidden;border:0;border-radius:0}.cbi-section{padding:0;border:0px solid rgba(0,0,0,0);box-shadow:0px 1px 0px var(--input-boxcolor)}.cbi-modal .cbi-section,.cbi-section .cbi-section{padding:0;box-shadow:none}.cbi-modal .cbi-tabmenu{margin-left:0}.cbi-map-descr,.cbi-section-descr{font-size:small;line-height:1.4;margin:0.5rem 1.5rem 1rem 1.5rem}.cbi-section-table-descr{display:none}fieldset{margin:0;padding:0;font-weight:normal;font-style:normal;line-height:1;font-family:inherit;min-width:inherit;overflow-x:auto;overflow-y:hidden}.cbi-section>legend{display:none !important}.cbi-map-descr+fieldset{margin-top:1rem}fieldset>fieldset{margin:0;padding:0;border:none;box-shadow:none}.panel-title{padding:1rem 1.5rem}.cbi-section>h3:first-child,.panel-title{width:100%;display:block;padding:20px;color:var(--primary-title-color);font-size:var(--font-d);font-weight:bold;margin:0rem;letter-spacing:.1rem}.cbi-section>h4:first-child,.cbi-section>p:first-child,[data-tab-title]>h3:first-child,[data-tab-title]>h4:first-child,[data-tab-title]>p:first-child{padding:0 1rem 0 1rem}.table{position:relative;display:table}table,.table{border-spacing:0;border-collapse:collapse;border:0px solid #eee;font-size:var(--font-x);width:100%}.cbi-tblsection table.cbi-section-table{overflow-y:visible}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{font-size:var(--font-x);padding:1.2rem 1.5rem;line-height:1.2rem;letter-spacing:1px;color:var(--body-color);white-space:nowrap}table .tr>.td.cbi-value-field,table .tr>.th.cbi-section-table-cell{font-size:var(--font-x);padding:0.2rem 0.4rem;letter-spacing:1px;display:table-cell !important;color:var(--body-color);white-space:nowrap}table .tr>.td.cbi-value-field>[id*="ifc-description"]{text-align:left;font-weight:normal !important}.container>.cbi-section:first-of-type>.table[width="100%"]>.tr>.td{padding:.6rem}.cbi-section-table-cell{line-height:1.1;align-self:flex-end;flex:1 1 auto}table>tbody>tr:first-child>td,table>tfoot>tr:first-child>td,table>thead>tr:first-child>td{border-top:0px solid #eee}#cbi-wireless .td,#cbi-network .tr:first-child>.td,.table[width="100%"]>.tr:first-child>.td,[data-page="admin-network-diagnostics"] .tr>.td,.tr.table-titles>.th,.tr.cbi-section-table-titles>.th{border-top:0 !important;line-height:1.2}[data-page="admin-network-diagnostics"] .tr>.td{white-space:normal}[data-page="admin-network-diagnostics"] .cbi-dropdown>ul{overflow-y:hidden}.table[width="100%"]>.tr:first-child>.td{margin:auto 0}.cbi-section-table-row{text-align:center !important}.btn,button,select,input,.cbi-dropdown{line-height:1;outline:0;padding:0.5rem 0.75rem;margin:0.25rem 0.1rem;background-color:var(--inputbg-color);color:var(--inputtext-color);border:1px solid var(--inputborder-color);border-radius:var(--radius2);transition:box-shadow .25s ease;border-radius:var(--radius2);cursor:pointer;box-shadow:0 0.3rem 0.8rem var(--input-boxcolor)}.btn,button,.cbi-button,.item::after{line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;vertical-align:middle;text-align:center;white-space:nowrap;font-size:var(--font-z);color:var(--menu-hover-color);background-color:#008b89;box-shadow:0 0.3rem 0.8rem var(--input-boxcolor);transform:translate(1) translate(0,0);transition:transform 225ms,box-shadow 225ms;border-radius:var(--radius2);background-image:var(--bgqs-image)}.cbi-tab-descr{padding:0 0 0.5rem 1.5rem}.cbi-section-table-row:last-child{margin-bottom:0}.cbi-input-textarea,textarea{min-width:20rem}.cbi-section-table-row>.cbi-value-field .cbi-dropdown,.cbi-section-table-row>.cbi-value-field .cbi-input-select,.cbi-section-table-row>.cbi-value-field .cbi-input-text,.cbi-section-table-row>.cbi-value-field .cbi-input-password{min-width:7rem;max-width:12rem}.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)}.cbi-tabcontainer>.cbi-value:nth-of-type(4n+2),.cbi-map>.cbi-section .cbi-value:nth-of-type(4n+2),fieldset>table>tbody>tr:nth-of-type(4n+2),table>tbody>tr:nth-of-type(4n+2),div>.table>.tr:nth-of-type(4n+2){background-color:rgba(var(--primary-rgbm),var(--primary-rgbs-ts));background-image:var(--bgqs-image)}.cbi-tabcontainer>.cbi-value:nth-of-type(4n),.cbi-map>.cbi-section .cbi-value:nth-of-type(4n),fieldset>table>tbody>tr:nth-of-type(4n),table>tbody>tr:nth-of-type(4n),div>.table>.tr:nth-of-type(4n){background-color:rgba(var(--primary-rgbs),var(--primary-rgbs-ts));background-image:var(--bgqs-image)}.cbi-tabcontainer>.cbi-value:nth-of-type(4n+2):hover,.cbi-map>.cbi-section .cbi-value:nth-of-type(4n+2):hover,fieldset>table>tbody>tr:nth-of-type(4n+2):hover,table>tbody>tr:nth-of-type(4n+2):hover,div>.table>.tr:nth-of-type(4n+2):hover{background-color:var(--body-hover-bgcolor)}.cbi-tabcontainer>.cbi-value:nth-of-type(4n):hover,.cbi-map>.cbi-section .cbi-value:nth-of-type(4n):hover,fieldset>table>tbody>tr:nth-of-type(4n):hover,table>tbody>tr:nth-of-type(4n):hover,div>.table>.tr:nth-of-type(4n):hover{background-color:var(--body-hover-bgcolor)}.cbi-tabcontainer>.cbi-value:nth-of-type(2n+1):hover,.cbi-map>.cbi-section .cbi-value:nth-of-type(2n+1):hover,fieldset>table>tbody>tr:nth-of-type(2n+1):hover,table>tbody>tr:nth-of-type(2n+1):hover,div>.table>.tr:nth-of-type(2n+1):hover{background-color:var(--body-hover-bgcolor)}table table,.table .table,.cbi-value-field table,.cbi-value-field .table,td>table>tbody>tr>td,.td>.table>.tbody>.tr>.td,.cbi-value-field>table>tbody>tr>td,.cbi-value-field>.table>.tbody>.tr>.td{border:0}.cbi-button-down,.cbi-button-up{font-size:1rem;display:inline-block;cursor:pointer;background-repeat:no-repeat;background-position:center;color:transparent !important;-webkit-appearance:none;-moz-appearance:none;background-size:25px 30px}.cbi-button-up{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzY4IiBoZWlnaHQ9Ijc2OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPgogPHRpdGxlLz4KCiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9Imljb21vb24taWdub3JlIi8+CiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBkPSJtNTk4LjYzLDQ1Ny4zNzVsLTE5MiwtMTkyYy0xMi41MTIsLTEyLjUxMiAtMzIuNzY4LC0xMi41MTIgLTQ1LjI0OCwwbC0xOTIsMTkyYy0xMi41MTIsMTIuNTEyIC0xMi41MTIsMzIuNzY4IDAsNDUuMjQ4czMyLjc2OCwxMi41MTIgNDUuMjQ4LDBsMTY5LjM3NiwtMTY5LjM3NmwxNjkuMzc2LDE2OS4zNzZjMTIuNTEyLDEyLjUxMiAzMi43NjgsMTIuNTEyIDQ1LjI0OCwwczEyLjUxMiwtMzIuNzY4IDAsLTQ1LjI0OHoiLz4KIDwvZz4KPC9zdmc+")}.cbi-button-down{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzY4IiBoZWlnaHQ9Ijc2OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiPgogPHRpdGxlLz4KCiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgaWQ9Imljb21vb24taWdub3JlIi8+CiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBkPSJtMTY5LjM3LDMxMC42MjRsMTkyLDE5MmMxMi41MTIsMTIuNTEyIDMyLjc2OCwxMi41MTIgNDUuMjQ4LDBsMTkyLC0xOTJjMTIuNTEyLC0xMi41MTIgMTIuNTEyLC0zMi43NjggMCwtNDUuMjQ4cy0zMi43NjgsLTEyLjUxMiAtNDUuMjQ4LDBsLTE2OS4zNzYsMTY5LjM3NmwtMTY5LjM3NiwtMTY5LjM3NmMtMTIuNTEyLC0xMi41MTIgLTMyLjc2OCwtMTIuNTEyIC00NS4yNDgsMHMtMTIuNTEyLDMyLjc2OCAwLDQ1LjI0OHoiLz4KIDwvZz4KPC9zdmc+")}.cbi-button-up,.cbi-button-down,.cbi-value-helpicon,.showSide,.main>.loading>span{font-family:'kucat' !important;font-style:normal !important;font-weight:normal !important;font-variant:normal !important;text-transform:none !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.td.cbi-section-actions>*>*,.td.cbi-section-actions>*>form>*{margin:0 5px;display:flex;align-items:center}[data-page="admin-network-network"] #view .td.cbi-section-actions>*,[data-page="admin-network-network"] #view .td.cbi-section-actions>*>*{display:unset}.cbi-rowstyle-2 .cbi-button-up,.cbi-rowstyle-2 .cbi-button-down,body:not(.Interfaces) .cbi-rowstyle-2:first-child{background-color:rgba(var(--primary-rgbm),0.5) !important}.btn:hover,.btn:focus,.btn:active,.cbi-button:hover,.cbi-button:focus,.cbi-button:active,.item:hover::after,.item:focus::after,.item:active::after{outline:0;text-decoration:none}.btn:focus,.cbi-button:focus{color:var(--menu-hover-color);box-shadow:0 0.5rem 1rem var(--input-boxhovercolor);-webkit-box-shadow:0 0.5rem 1rem var(--input-boxhovercolor);-moz-box-shadow:0 0.5rem 1rem var(--input-boxhovercolor)}button:hover,.btn:hover,.cbi-button:hover{transform:scale(1.05) translate(0,-0.15rem);box-shadow:0 0.5rem 1rem var(--input-boxhovercolor);-webkit-box-shadow:0 0.5rem 1rem var(--input-boxhovercolor);-moz-box-shadow:0 0.5rem 1rem var(--input-boxhovercolor)}.btn:active,.cbi-button:active,button:active{transform:scale(1) translate(0,0.15rem);box-shadow:0 0 6px var(--input-boxhovercolor);-webkit-box-shadow:0 0 6px var(--input-boxhovercolor);-moz-box-shadow:0 0 6px var(--input-boxhovercolor)}.btn:disabled,.cbi-button:disabled{cursor:not-allowed;pointer-events:none;opacity:.5;box-shadow:none}.primary{line-height:2}.cbi-button:not(select){appearance:none !important}.alert-message [class="btn"],.modal div[class="btn"],.cbi-button-find,.cbi-button-link,.cbi-button-neutral,.cbi-button[name="zero"],.cbi-button[name="restart"],.cbi-button[onclick="hide_empty(this)"]{font-weight:bold;border:thin solid #1b4f0e;background-color:#25770b}.btn.primary,.cbi-page-actions .cbi-button-save,.cbi-page-actions .cbi-button-apply+.cbi-button-save,.cbi-button-add,.cbi-button-save,.cbi-button-positive,.cbi-button-link,.cbi-button[value="Enable"],.cbi-button[value="Scan"],.cbi-button[value^="Back"],.cbi-button-neutral[onclick="handleConfig(event)"]{background-color:#2e869f}.cbi-page-actions .cbi-button-apply,.cbi-section-actions .cbi-button-edit,.cbi-button-edit,.cbi-button-apply,.cbi-button-reload,.cbi-button-action,.cbi-button[value="Submit"],.cbi-button[value="Upload"],.cbi-button[value$="Apply"],.cbi-button[onclick="addKey(event)"]{font-weight:normal;border-color:rgba(var(--primary-rgbm),1);color:var(--menu-hover-color);border:thin solid rgba(var(--primary-rgbm),1);background-color:rgba(var(--primary-rgbm),0.9)}.btn.danger,.cbi-section-remove>.cbi-button,.cbi-button-remove,.cbi-button-reset,.cbi-button-negative,.cbi-button[value="Stop"],.cbi-button[value="Kill"],.cbi-button[onclick="reboot(this)"],.cbi-button-neutral[value="Restart"]{font-weight:normal;background-color:#ab3632}.btn[value="Dismiss"],.cbi-button[value="Terminate"],.cbi-button[value="Reset"],.cbi-button[value="Disabled"],.cbi-button[onclick^="iface_reconnect"],.cbi-button[onclick="handleReset(event)"],.cbi-button-neutral[value="Disable"]{font-weight:normal;background-color:#f0ad4e}.cbi-button-success,.cbi-button-download,.cbi-button[name="backup"],.cbi-button[value="Download"],.cbi-button[value="Save mtdblock"]{font-weight:normal;font-weight:normal;border:thin solid #4cae4c;background-color:#5cb85c}.cbi-page-actions .cbi-button-link:first-child{float:left}.a-to-btn{text-decoration:none}.cbi-value-field .cbi-button-add{font-weight:bold;margin:9px 0 4px 3px;padding:1px 6px}.tabs li[class~="active"]{border-right:0.18751rem solid var(--primary-solid) !important;border-left:0.18751rem solid var(--primary-solid) !important;transform:scale(1.05) translate(0,-0.1rem);box-shadow:0 0.5rem 1rem var(--input-boxhovercolor);background-color:rgba(var(--primary-rgbm),0.7)}.tabs>li:hover{background:rgba(var(--primary-rgbm),0.7);transform:scale(1.05) translate(0,-0.15rem);box-shadow:0 0.5rem 1rem var(--input-boxhovercolor)}.tabs li[class~="active"] a{color:var(--menu-hover-color)}.tabs li:hover a{color:var(--menu-hover-color)}.tabs li a{padding:0.5rem 1rem;text-decoration:none;color:var(--primarytextcolor)}.tabs,.cbi-tabmenu{border:none;color:var(--menu-hover-color);border-right:0.18751rem solid rgba(255,255,255,0);letter-spacing:1px;padding:0.3rem 1rem;margin-bottom:0.5rem;overflow-x:auto}.tabs>li,.cbi-tabmenu li{display:inline-block;font-size:var(--font-z);border-left:0.18751rem solid var(--menu-item-titlebg-color) !important;border-right:0.18751rem solid var(--menu-item-titlebg-color) !important;border-radius:var(--radius2);padding:0.5rem 0rem;transform:scale(1) translate(0,0);box-shadow:0 0.5rem 1rem var(--input-boxcolor);transition:transform 225ms,box-shadow 225ms;background:var(--menu-item-titlebg-color);margin:0.2rem 0rem 0.2rem 0.4rem !important}.cbi-tabmenu li a{text-decoration:none;padding:0.7rem 1rem;color:var(--primarytextcolor)}.cbi-tabmenu>li:hover{color:var(--menu-hover-color);background:rgba(var(--primary-rgbm),0.7);transform:scale(1.05) translate(0,-0.15rem);box-shadow:0 0.5rem 1rem var(--input-boxhovercolor);margin-bottom:0}.cbi-tabmenu li:hover a{color:var(--menu-hover-color)}.cbi-tabmenu>li[class~="cbi-tab"]{border-right:0.18751rem solid var(--primary-solid) !important;border-left:0.18751rem solid var(--primary-solid) !important;transform:scale(1.05) translate(0,-0.1rem);box-shadow:0 0.5rem 1rem var(--input-boxcolor);background-color:rgba(var(--primary-rgbm),0.6)}.cbi-tabmenu li[class~="cbi-tab"] a{color:var(--menu-hover-color)}[data-tab-title]{overflow:hidden;height:0;opacity:0;margin:0;padding:0rem 0rem !important}[data-tab-active="true"]{overflow:visible;height:auto;opacity:1;transition:opacity .25s ease-in}.cbi-section-node-tabbed{margin-top:0;padding:0;border-top:0}.cbi-value-field,.cbi-value-description{display:table-cell}[data-page="admin-network-network"] .cbi-value>.cbi-value-field{line-height:1.25}.cbi-value-description{font-size:small;padding:0 0 0.6rem 0;opacity:.7}.cbi-value-title{display:table-cell;float:left;width:23rem;padding:0.5rem 2rem 0 0;text-align:right;word-wrap:break-word}.cbi-value{display:inline-block;width:100%;padding:0 0.8rem;line-height:1}.cbi-value .cbi-filebrowser{line-height:2;width:15rem}.cbi-filebrowser .right{margin-bottom:20px}.cbi-filebrowser .upload,.cbi-filebrowser>.right>.upload{display:inline-flex}.cbi-value:first-child{padding-top:1rem}.cbi-value:last-child{border-bottom:1rem}.cbi-value-field .control-group{display:flex}.cbi-value ul{line-height:1.25}.cbi-value-field .cbi-dropdown,.cbi-value-field .cbi-input-select,.cbi-value input[type="text"],.cbi-value input[type="password"]{min-width:8rem;width:20rem}.cbi-value input[type="text"],.cbi-value input[type="password"]{padding:0 10px 0 10px}.cbi-value strong{font-weight:normal}#cbi-firewall-zone .cbi-input-select,#cbi-network-switch_vlan .cbi-input-select{min-width:11rem}#cbi-network-switch_vlan .cbi-input-text{max-width:3rem}.cbi-input-invalid{color:#f00;border-bottom-color:#f00}.cbi-section-error{padding:1.5rem;color:#fb6340;font-weight:600}.cbi-section-error ul{margin:0 0 0 20px}.cbi-section-error ul li{font-weight:bold;color:#f00}.td[data-title]::before{font-weight:bold;display:none;padding:.25rem 0;content:attr(data-title) ":\20";text-align:left;white-space:nowrap}.tr.placeholder .td[data-title]::before{display:none}.tr[data-title]::before,.tr.cbi-section-table-titles.named::before{font-weight:bold;font-size:var(--font-x);display:table-cell;align-self:center;flex:1 1 5%;padding:.25rem;content:attr(data-title) "\20";text-align:center;vertical-align:middle;white-space:nowrap;word-wrap:break-word}.table .table-titles th,.table-titles,.cbi-section-table-titles{background-color:var(--menu-item-titlebg-color);color:var(--title-color)}.cbi-section-table .cbi-section-table-titles .cbi-section-table-cell{width:auto !important}.td.cbi-section-actions{text-align:right !important;vertical-align:middle}.td.cbi-section-actions>*{display:inline-flex;align-items:center}.td.cbi-section-actions>*>form{display:inline-flex;margin:0}.cbi-dynlist{line-height:1.3;flex-direction:column;min-height:30px;cursor:text}.cbi-dynlist>.item{display:inline-flex;flex-wrap:nowrap;position:relative;max-width:25rem;pointer-events:auto;margin-top:0.2rem;color:var(--inputtext-color);outline:0;cursor:move;user-select:text}.cbi-dynlist>.item.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist>.item.dragging{opacity:0.5}.cbi-dynlist>.item>span{pointer-events:none}.cbi-dynlist>.add-item>.cbi-input-text.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist>.add-item>.cbi-button-add.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist[name="sshkeys"]>.item{max-width:none}.cbi-dynlist>.item::after{background-image:none;box-shadow:none;content:"\00D7";pointer-events:auto;display:flex;align-items:center;justify-content:center;margin:0;font-weight:bold;font-size:1.5rem;line-height:1;width:2.5rem !important;padding:5px !important;color:#E91E63;border:0px solid var(--inputborder-color);border-right:1px solid var(--inputborder-color);border-top:1px solid var(--inputborder-color);border-bottom:1px solid var(--inputborder-color);border-radius:0 var(--radius2) var(--radius2) 0;outline:0;background-color:var(--inputbg-color);box-sizing:border-box}.cbi-dynlist>.item.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist>.item.dragging{opacity:0.5}.cbi-dynlist>.add-item>.cbi-input-text.drag-over{border-top:1px solid black}.cbi-dynlist>.add-item>.cbi-button-add.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist>.add-item>.cbi-input-text.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist>.add-item>.cbi-button-add.drag-over{border-top:1px solid var(--inputborder-color)}.cbi-dynlist>.item>span{display:block;padding:0.5rem 0.75rem;min-width:17.5rem;width:17.5rem;transition:box-shadow .15s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;line-height:1;background-image:none;color:var(--inputtext-color);font-family:var(--font-sans);border-left:1px solid var(--inputborder-color);border-top:1px solid var(--inputborder-color);border-bottom:1px solid var(--inputborder-color);background-color:var(--inputbg-color);border-radius:var(--radius2) 0 0 var(--radius2);box-sizing:border-box}.cbi-dynlist>.add-item{display:inline-flex;align-items:center;width:100%;min-width:16rem;margin-top:0.2rem;gap:0;flex-wrap:nowrap}.cbi-dynlist>.add-item input{min-width:17.5rem;width:17.5rem;display:block;color:var(--inputtext-color);font-size:var(--font-z);font-size:.875rem;background-image:none;box-shadow:none;font-family:var(--font-sans);border:1px solid var(--inputborder-color);background-color:var(--inputbg-color);margin:0;padding:0.5rem 0.75rem;box-sizing:border-box;transition:box-shadow .15s ease;white-space:nowrap;word-break:break-word;line-height:1.5rem;border-radius:var(--radius2);border-right-width:0;outline:0}.cbi-dynlist>.add-item:not([ondrop])>input{overflow:hidden;min-width:17.5rem;width:100%;width:17.5rem;white-space:nowrap;text-overflow:ellipsis}.cbi-dynlist[name="sshkeys"]>.item{max-width:none}.cbi-dynlist>.cbi-dynlist>.add-item[ondrop]>input{min-width:15rem}.cbi-dynlist>.add-item[ondrop]>input{min-width:15rem}.cbi-dynlist>.add-item .cbi-button-add{width:2.5rem !important;padding:5px !important;font-weight:bold;font-size:1.5rem;line-height:1;margin:5px 5px 5px 0;background-color:rgba(var(--primary-rgbm),0.9);border:1px solid rgba(var(--primary-rgbm),1)}[id^="cbid."][id$=".interface"].cbi-dropdown,[id^="cbid."][id$=".listen_interfaces"].cbi-dropdown{max-height:2.569rem}[id^="cbid.natmap."][id$=".interface"].cbi-dropdown{max-height:unset}.cbi-dropdown[placeholder*="select"]{max-width:25rem;height:auto;margin-top:-3px}.cbi-dropdown>ul{display:flex;overflow-x:hidden;overflow-y:auto;width:100%;margin:0 !important;list-style:none;outline:0}.cbi-dropdown>ul.preview{display:none}.cbi-dropdown>.open,.cbi-dropdown>.more{flex-basis:0px;font-size:1.5rem;background-color:rgba(255,255,255,0) !important;font-weight:bolder;display:flex;flex-direction:column;justify-content:center;padding:0 .1rem 0 .2rem;color:var(--inputtext-color);text-align:center;margin-left:.1rem;outline:0}.cbi-dropdown>.open{border-left:0.1rem solid var(--inputtext-color)}.cbi-page-actions>.cbi-dropdown.btn>.open,.cbi-page-actions>.cbi-dropdown.btn>.more{margin:0}.diag-action>.cbi-dropdown.btn>.open,.cbi-page-actions>.cbi-dropdown.btn>.open{color:var(--menu-hover-color);border-left:0.1rem solid var(--menu-hover-color)}.cbi-dropdown.btn>div{margin:0px}.cbi-dropdown>.more,.cbi-dropdown[multiple][more]>.more,.cbi-dropdown>ul>li[placeholder]{display:none !important}.cbi-dropdown.btn.cbi-button>ul{overflow-y:hidden}.cbi-dropdown>ul>li{display:none;overflow:hidden;align-items:center;align-self:center;flex-grow:1;flex-shrink:1;min-height:30px;margin:0 0.2rem;padding:0 0.5rem 0 0.6rem;white-space:nowrap;text-overflow:ellipsis}.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:thin solid var(--input-boxhovercolor)}.cbi-dropdown[empty]>ul{max-width:1px}.cbi-value-field>.cbi-dropdown[empty]{display:inline-flex;justify-content:flex-end;align-items:center}.cbi-dropdown>ul>li>form{display:none;margin:0;padding:0;pointer-events:none}.cbi-dropdown>ul>li img{margin-right:.25em;vertical-align:middle}.cbi-dropdown>ul>li>form>input[type="checkbox"]{height:auto;margin:0}.cbi-dropdown>ul>li input[type="text"]{height:30px;border:1px solid var(--inputborder-color);color:var(--inputtext-color)}.cbi-dropdown[open]>ul.dropdown{position:absolute;z-index:1100;display:block;width:auto;min-width:100%;max-width:30rem;box-shadow:0 0 4px var(--inputborder-color);border-radius:var(--radius2);border:0px solid var(--inputborder-color);background-color:rgba(var(--primary-rgbbody),1);color:var(--inputtext-color);cursor:pointer;margin-left:0 !important;left:0}.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{display:flex;align-items:center;flex-grow:1}.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{padding:0.2em 0.5em;margin:0.1rem auto;color:var(--inputtext-color)}.cbi-dropdown[open]>ul.dropdown>li:hover{background:rgba(var(--primary-rgbm),0.5);color:var(--menu-hover-color);cursor:pointer;outline:none}.cbi-dropdown[open]>ul.dropdown>li label{margin-left:.5rem}.cbi-dropdown[open]>ul.dropdown>li[selected]{background:rgba(var(--primary-rgbm),0.8);color:var(--menu-hover-color)}.cbi-dropdown[open]>ul.dropdown>li:last-child{margin-bottom:0;border-bottom:0}.cbi-dropdown[open]>ul.dropdown>li[unselectable]{opacity:.7}.cbi-dynlist,.cbi-dropdown{position:relative;display:inline-flex;align-items:center;min-height:1.8rem}.cbi-dropdown{padding:.2rem}.cbi-dropdown[open]>ul.dropdown>li>input.create-item-input:first-child:last-child{width:100%}.cbi-dropdown[disabled]{pointer-events:none;opacity:.6}select,input{padding:0 20px 0 10px;line-height:2rem;margin:0.2em auto}.cbi-progressbar{position:relative;height:26px;margin:2px 0;border-color:rgba(0,0,0,0.5) !important;background-color:rgba(0,0,0,0.35) !important;color:var(--menu-color)}.cbi-progressbar>div{width:0;height:100%;transition:width .25s ease-in;background-color:rgba(var(--primary-rgbm),0.9)}.cbi-progressbar::after{font-size:var(--font-x);line-height:1.5;position:absolute;top:4px;right:0;left:0;overflow:hidden;content:attr(title);text-align:center;white-space:pre;text-overflow:ellipsis}#modal_overlay{position:fixed;z-index:900;top:0;display:none;bottom:0;overflow-y:scroll;transition:opacity .1s ease-in;opacity:0;background:rgba(0,0,0,.7);-webkit-overflow-scrolling:touch}.modal{display:flex;align-items:center;flex-wrap:wrap;width:90%;min-width:270px;max-width:900px;min-height:32px;margin:5em auto;padding:1rem;border-radius:var(--radius2) !important;background-color:rgba(var(--primary-rgbbody),1);box-shadow:0 2px 10px 0px rgba(255,255,255,.16),0 0 10px 0 rgba(255,255,255,.12)}#modal_overlay .cbi-section,.modal .cbi-section{overflow:visible}.modal>.right>.btn.primary{min-width:8rem;width:8rem;line-height:1.5}.modal>.right{display:flex;justify-content:flex-end}.modal [data-tab-active="true"]{overflow:visible}.modal .cbi-value-title{width:15rem;padding-right:1rem}.modal>*{line-height:normal;flex-basis:100%;margin-bottom:.5em;max-width:100%}.modal>.button-row{display:flex;justify-content:flex-end}.modal>.button-row .btn{line-height:1.3}.modal>pre,.modal>textarea{font-size:var(--font-x);overflow:auto;margin-bottom:.5em;padding:8.5px;cursor:auto;white-space:pre-wrap;outline:0}.modal>h4{margin:.5em 0}.modal ul{margin-left:2.2em}.modal li{list-style-type:square}.notice{background-color:#b98413 !important;background-color:rgba(var(--primary-rgbm),1) !important;color:#eee}#modal_overlay,.modal>p{font-size:var(--font-x);padding-left:.25rem;word-break:break-word}.modal .label{font-size:var(--font-x);font-weight:normal;padding:.1rem .3rem;padding-bottom:0;cursor:default;border-radius:0}.modal .label.warning{background-color:#f0ad4e !important}[data-page="admin-system-flash"] .cbi-value,[data-page="admin-system-flash"] .cbi-section-node,[data-page="admin-system-flash"] .cbi-section .cbi-section{padding:0}[data-page="admin-system-flash"] legend{display:block !important;font-size:1.2rem;width:100%;display:block;margin-bottom:0;padding:1rem 0 1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,0.05);line-height:1.5;margin-bottom:0rem;letter-spacing:0.1rem;color:var(--inputtext-color);font-weight:bold}[data-page="admin-system-flash"] .cbi-section-descr{font-weight:600}[data-page="admin-system-flash"] .modal label.btn{background-color:rgba(255,255,255,0)}.cbi-dropdown.cbi-button-apply,.cbi-dropdown.cbi-button-action{padding:0}.btn:first-child,.cbi-button:first-child{margin-left:0 !important}[data-page="admin-system-flash"] .modal>p>.btn{white-space:normal !important;font-size:var(--font-x);margin:0;line-height:1;color:var(--inputtext-color);padding:0.3rem 1rem;text-align:left;border:none;box-shadow:none}[data-page="admin-system-flash"] .modal>.right,[data-page="admin-system-flash"] .modal>.right::before{margin:3rem 5px 0 5px}[data-page="admin-system-flash"] .modal>.right>.btn{color:#f8f8f8}body.modal-overlay-active{overflow:hidden;height:100vh}body.modal-overlay-active #modal_overlay{right:0;left:0;opacity:1;display:inline-block}.spinning{position:relative;font-size:var(--font-z);padding-left:32px !important}.spinning::before{position:absolute;top:0;bottom:0;left:.2em;width:32px;content:"";background:url(../../resources/icons/loading.gif) no-repeat center;background-size:20px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center}.hidden{display:none}.left,.left::before{text-align:left !important;margin-left:5px}.right .cbi-button{line-height:1;margin:0.2rem}.right,.right::before{text-align:right !important;margin-right:5px;z-index:9999;margin-bottom:5px}.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}[data-page="admin-system-system"] .control-group{margin-top:0.5rem}[data-page="admin-control-autotimeset-startuptask"] .cbi-input-textarea,[data-page="admin-control-autotimeset-scheduledtask"] .cbi-input-textarea{min-width:30rem}.cbi-page-actions{padding:1rem;text-align:center;justify-content:flex-end}.cbi-page-actions>form[method="post"]{display:inline-block}.th[data-type="button"],.td[data-type="button"],.th[data-type="fvalue"],.td[data-type="fvalue"]{flex:1 1 2em;text-align:center}.ifacebadge{display:inline-flex;align-items:center;gap:0.2rem;padding:0.1rem 0.8rem;border:1px solid var(--inputborder-color);background-color:rgba(var(--primary-rgbm),0.1);border-radius:var(--radius2)}td>.ifacebadge,.td>.ifacebadge{font-size:.8rem;background-color:rgba(var(--primary-rgbm),0.1)}.ifacebadge>em,.ifacebadge>img{display:inline-block;float:right;width:20px !important;height:20px !important;margin:0 0.7rem}.ifacebadge>img+img{margin:0 .2rem 0 0}.nft-rules .ifacebadge{margin:0.125em;box-shadow:none;background-color:rgba(255,255,255,0)}.cbi-section em{font-weight:600;color:var(--title-color);white-space:nowrap;text-align:center}.network-status-table .ifacebox{flex-grow:1;margin:.5em}.network-status-table .ifacebox-body{display:flex;flex-direction:column;height:100%}.network-status-table .ifacebox-body>span{flex:10 10 auto;height:100%}.network-status-table .ifacebox-body>div{display:flex;flex-wrap:wrap}.network-status-table .ifacebox-body .ifacebadge{align-items:center;flex:1 1 auto;margin:.5em .25em 0 .25em;padding:.5em}#dsl_status_table .ifacebox-body span>strong{display:inline-block;min-width:50%}.cbi-input-textarea,textarea{font-family:monospace;padding:10px;outline-style:none;line-height:normal;transition:color 100ms ease,border-color 100ms ease,opacity 100ms ease;-webkit-transition:color 100ms ease,border-color 100ms ease,opacity 100ms ease;vertical-align:baseline;outline:none;background-color:var(--inputbg-color);color:var(--inputtext-color);border:1px solid var(--inputborder-color);border-radius:var(--radius2);word-wrap:break-word;white-space:pre-wrap}.cbi-input-textarea:focus,textarea:focus{border:1px solid var(rgba(var(--primary-rgbm),1))}#syslog{font-size:small;overflow-y:hidden;font-family:monospace;width:100%;min-height:15rem;padding:10px;resize:none;margin:0rem border-radius:var(--radius2);word-wrap:break-word;white-space:pre-wrap;background-color:var(--inputbg-color);color:var(--inputtext-color);border:1px solid var(--inputborder-color)}#syslog:focus{outline:0}.uci-change-list{font-family:monospace}.uci-change-list ins,.uci-change-legend-label ins{display:block;padding:2px;text-decoration:none;color:#666;background-color:#cfc}.uci-change-list del,.uci-change-legend-label del{font-style:normal;display:block;padding:2px;text-decoration:none;background-color:#fcc}.uci-change-list var,.uci-change-legend-label var{font-style:normal;display:block;padding:2px;background-color:rgba(255,255,255,0.1);text-decoration:none}.uci-change-list var ins,.uci-change-list var del{font-style:normal;padding:0;white-space:pre;border:0}.uci-change-legend{padding:5px}.uci-change-legend-label{float:left;width:150px}.uci-change-legend-label>ins,.uci-change-legend-label>del,.uci-change-legend-label>var{display:block;float:left;width:15px;height:15px;margin:2px}.uci-change-legend-label var ins,.uci-change-legend-label var del{line-height:.4;border:0}.uci-change-list var,.uci-change-list del,.uci-change-list ins{padding:.5rem}#iwsvg,#iwsvg2,#bwsvg{border:none !important;border-radius:var(--radius2);background-color:rgba(255,255,255,0.1) !important;box-shadow:0 0 2rem 0 rgba(136,152,170,0.15);overflow:hidden}#iwsvg,[data-page="admin-status-realtime-bandwidth"] #bwsvg{border-top:0 !important}.ifacebox{border-radius:var(--radius1);display:inline-flex;flex-direction:column;color:var(--body-color);font-size:var(--font-x);overflow:hidden;border:1px solid var(--inputborder-color);background-color:var(--inputbg-color);align-items:center}.ifacebox-head{padding:1rem;min-width:7rem;background-color:rgba(var(--primary-rgbm),0.3);transform:translate(-50,-50%);color:var(--menu-fontcolor);text-align:center !important}.ifacebox-head.active{background:#5bc0de;background-color:rgba(var(--primary-rgbm),0.1)}.ifacebox-body{line-height:1.4;padding:0.5em}.cbi-image-button{margin-left:.5rem}.zonebadge{display:inline-block;padding:.2rem .5rem}.zonebadge .ifacebadge{margin:.1rem .2rem;color:var(--title-color);background-color:#bbb;border:1px solid var(--input-boxhovercolor)}.zonebadge>input[type="text"]{background-color:rgba(var(--primary-rgbbody),1);border:1px solid #6c6c6c;min-width:10rem;margin-top:.3rem;padding:.16rem 1rem}.zonebadge>span,.zonebadge>em,.zonebadge>strong{color:#777;font-size:var(--font-x);display:inline-block;margin:0 .2rem}.zonebadge-empty>strong{color:var(--title-color)}.cbi-value-field .cbi-input-checkbox,.cbi-value-field .cbi-input-radio{margin-top:.1rem}.cbi-value-field>ul>li{display:flex}.cbi-value-field>ul>li>label{margin-top:.5rem}.cbi-value-field>ul>li .ifacebadge{margin-top:-.5rem;margin-left:.4rem;color:var(--body-color);background:rgba(var(--primary-rgbbody),1)}.cbi-section-create>*{margin:.5rem}.cbi-section-create{display:inline-flex;align-items:center;margin:.5rem 1.25rem}.cbi-section-remove{padding:.5rem}div.cbi-value var,td.cbi-value-field var,.td.cbi-value-field var{font-style:italic;color:#0069d6}.cbi-optionals{padding:1rem 1rem 0 1rem;border-top:thin solid var(--input-boxhovercolor)}.cbi-dropdown-container{position:relative}.cbi-tooltip-container,span[data-tooltip],span[data-tooltip] .label{cursor:help !important}.cbi-tooltip{position:absolute;z-index:1000;left:-1000px;padding:0.4rem 0.8rem;transition:opacity .25s ease-out;white-space:pre;pointer-events:none;opacity:0;border-radius:var(--radius2);background-color:rgba(var(--primary-rgbbody),1);box-shadow:0 0 2px #444}.cbi-tooltip-container:hover .cbi-tooltip{left:auto;transition:opacity .25s ease-in;opacity:1}.zonebadge .cbi-tooltip{margin:-1.5rem 0 0 -.5rem;padding:.25rem;background:inherit}.zonebadge-empty{color:#404040;background:repeating-linear-gradient(45deg,rgba(204,204,204,.5),rgba(204,204,204,.5) 5px,rgba(255,255,255,.5) 5px,rgba(255,255,255,.5) 10px)}.zone-forwards{display:flex;min-width:10rem}.zone-forwards>*{flex:1 1 45%}.zone-forwards>span{flex-basis:10%;padding:0 .25rem;text-align:center}.zone-forwards .zone-src,.zone-forwards .zone-dest{display:flex;flex-direction:column}label>input[type="checkbox"],label>input[type="radio"]{margin-right:0.8rem;position:relative;margin-bottom:0.8rem;vertical-align:-webkit-baseline-middle}label[data-index][data-depends]{padding-right:2em}.showSide{display:none;cursor:default;color:var(--menu-hover-color);line-height:1.1;position:inherit;cursor:pointer;padding:0.9rem;text-decoration:none}.darkMask{position:fixed;z-index:99;width:100%;height:100%;content:"";top:0;background-color:rgba(0,0,0,.6);transition:opacity 200ms,visibility 200ms;visibility:hidden;opacity:0}#diag-rc-output>pre,#command-rc-output>pre,[data-page="admin-services-wol"] .notice code{font-size:var(--font-x);font-size-adjust:.35;line-height:normal;display:block;overflow-y:hidden;width:100%;padding:8.5px;white-space:pre;box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}[data-page="admin-network-diagnostics"] .table{box-shadow:none}[data-page="admin-network-network"] .ifacebox .ifacebox-head{color:var(--title-color)}input[name="ping"],input[name="traceroute"],input[name="nslookup"]{width:80%}.node-main-login>.main>.main-left{display:none}.node-main-login>.main>.main-right>header.pd-primary{display:none}.node-main-login>.main .cbi-page-actions{padding:1rem 0 1rem 0}.node-main-login>.main .cbi-map{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.node-main-login>.main fieldset{display:inline;overflow:hidden;margin-bottom:1rem;padding:.5rem;border:0;background:none;box-shadow:none}.node-main-login>.main .cbi-value-title{width:9.5rem}body.lang_pl.node-main-login .cbi-value-title{width:12rem}.node-main-login>.main>.main-right>.pd-primary>.fill>.container{margin:2rem auto}.node-main-login>.main>.main-right>.pd-primary>.fill>.container>.flex1>.brand{display:none}.node-main-login>.main{top:0;height:100% !important}.node-main-login>.main>.main-right{width:100%}.node-main-login .main .main-right .login-bg{position:fixed;width:100%;height:100%;left:0px;top:0px;transition:all 0.1s;background-position:top center;-webkit-background-size:cover;background:fixed;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat}.node-main-login>.main>.main-right>.login-bg.blur{transform:scale(1.05);-webkit-filter:blur(5px);filter:blur(5px)}.node-main-login>.main .container .cbi-section-node .cbi-value:hover{background-image:none !important}.node-main-login>.main fieldset,.node-main-login>.main .cbi-section,.node-main-login>.main .cbi-section>.cbi-section-node{padding:0rem;padding-top:0rem;background:none;border:none;backdrop-filter:none;box-shadow:none;float:center;text-align:center;overflow:hidden}.node-main-login>.main .main-right>#maincontent{display:flex;height:100%;position:unset;text-align:center;align-items:center;padding:0;margin:0;align-content:center;justify-content:center;flex-wrap:wrap;flex-direction:column}.node-main-login>.main>.main-right #maincontent .container{display:inline-block;position:relative;text-align:center;margin:0;padding:1rem 1.25rem 3rem 1.25rem;border-radius:var(--radius0);background-color:rgba(var(--primary-rgbbody),0.5) !important;border:none;-webkit-box-shadow:3px 7px 12px rgba(0,0,0,0.22);box-shadow:3px 7px 12px rgba(0,0,0,0.22);-webkit-transition:all 0.2s;transition:all 0.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:bolder;overflow-x:hidden;overflow-y:hidden}.node-main-login>.main>.main-right #maincontent>.container>form{-webkit-backdrop-filter:blur(6px) !important;backdrop-filter:blur(6px) !important}.node-main-login>.main .container:active{-webkit-transform:scale(0.95) rotateZ(1.2deg);-ms-transform:scale(0.95) rotate(1.2deg);transform:scale(0.95) rotateZ(1.2deg)}.node-main-login>.main .container h2{width:80px;height:80px;background-size:80px;display:block;margin:1rem 1rem 3rem 1rem;text-indent:-500px;overflow:hidden;background-image:url(../logo.png);background-color:rgba(250,250,250,0);background-repeat:no-repeat;background-position:0;border-top:0rem}.node-main-login>.main .container .cbi-section-node{padding:0.2rem;text-align:center}.node-main-login>.main .container .cbi-value-field input:focus{color:var(--body-color);outline:0;background-color:rgba(248,248,248,0.2) !important;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:var(--font-z);position:relative;transition:all .15s ease;letter-spacing:.2em;text-transform:none;will-change:transform;border-radius:var(--radius1);min-width:14rem}.node-main-login>.bar-primary .container-bar-left,.node-main-login>.bar-primary .container-bar-right,.node-main-login>.main .cbi-button-reset{display:none !important}.node-main-login>.main .cbi-value{margin-bottom:10px;border:none;display:block}.node-main-login>.main .cbi-value.cbi-value .cbi-value-title,.node-main-login>.main .cbi-value.cbi-value-last .cbi-value-title{display:none !important}.node-main-login>.main .container .cbi-map-descr{display:none}.node-main-login>.main .cbi-value.cbi-value .cbi-value-field .cbi-input-text,.node-main-login>.main .cbi-value.cbi-value .cbi-input-user,.node-main-login>.main .cbi-value.cbi-value-last .cbi-input-password,.node-main-login>.main .cbi-value.cbi-value-last .cbi-input-text[type="password"]{box-shadow:none;border-radius:var(--radius1);padding:0;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-indent:0rem;background-color:var(--inputbg-color);width:14rem;min-width:100% !important;margin:0}.node-main-login>.main .cbi-value.cbi-value .cbi-value-field,.node-main-login>.main .cbi-value.cbi-value-last .cbi-value-field{position:relative;color:#eee;text-shadow:0px 1px 3px #222;width:14rem}.node-main-login>.main .cbi-value.cbi-value .cbi-value-field:before{font-family:'kucat' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-os x-font-smoothing:grayscale;content:"\e91d";color:#eee;text-shadow:0px 1px 3px #222;font-size:1.3rem;position:absolute;z-index:100;left:10px;top:10px}.node-main-login>.main .cbi-value.cbi-value-last .cbi-value-field:before{font-family:'kucat' !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:"\e93c";color:#eee;text-shadow:0px 1px 3px #222;font-size:1.3rem;position:absolute;z-index:100;left:10px;top:10px}.node-main-login>.main .cbi-value.cbi-value-last,.node-main-login>.main .cbi-value{display:block;position:relative;padding:0rem;background-image:none !important;margin-bottom:1rem;border-bottom:0px solid #222 !important;background-color:rgba(255,255,255,0)}.node-main-login>.main .cbi-value.cbi-value-last{margin-top:2rem;background-color:rgba(255,255,255,0) !important}.node-main-login .main .main-right #maincontent .alert-message p{color:#f8f8f8;font-weight:normal;font-size:var(--font-x)}.node-main-login .alert-message.warning{display:none !important}.node-main-login .errorbox{width:calc(100% - 2rem);box-sizing:border-box;padding:0.6rem 0rem;position:absolute;color:#fff !important;margin-top:6rem;border-radius:var(--radius2);text-align:center;background-color:#e39f4d !important}.node-main-login footer{text-align:center;margin-top:4rem;color:#eee;text-shadow:0 0 2px #222;font-size:var(--font-x);background-color:rgba(255,255,255,0)}.node-main-login footer a{color:#eee;text-shadow:0 0 2px #222;text-decoration:none}.node-status-overview>.main fieldset:nth-child(4) .td:nth-child(2),.node-status-processes>.main .table .tr .td:nth-child(3){white-space:normal}#cbi-samba [data-tab="template"] .cbi-value-field{display:block}#cbi-samba [data-tab="template"] .cbi-value-title{width:auto;padding-bottom:.6rem}.controls>*>.btn:not([aria-label$="page"]){flex-grow:initial !important;margin-top:.1rem}.controls>#pager>.btn[aria-label$="page"]{font-size:1.4rem;font-weight:bold}.controls>*>label{margin-bottom:.2rem}.control-group{flex-wrap:wrap;white-space:normal;gap:0px}.node-admin-system-opkg .control-group{display:block}[data-page="admin-system-opkg"] div.btn{line-height:1.6;display:inline}[data-page^="admin-system-admin"]:not(.node-main-login) .cbi-map:not(#cbi-dropbear){margin-top:2rem;padding-top:.1rem}.td.version,.td.size{white-space:normal !important;white-space:nowrap}.cbi-tabmenu+.cbi-section{margin-top:0}#cbi-wireless>#wifi_assoclist_table>.tr{box-shadow:inset 1px -1px 0 #ddd,inset -1px -1px 0 #ddd}#cbi-wireless>#wifi_assoclist_table>.tr.placeholder>.td{right:33px;bottom:33px;left:33px;border-top:thin solid var(--inputborder-color) !important}#cbi-wireless>#wifi_assoclist_table>.tr.table-titles{box-shadow:inset 1px 0 0 #ddd,inset -1px 0 0 #ddd}#cbi-wireless>#wifi_assoclist_table>.tr.table-titles>.th{border-bottom:thin solid var(--inputborder-color);box-shadow:0 -1px 0 0 #ddd}#wifi_assoclist_table>.tr>.td[data-title="RX Rate / TX Rate"]{width:23rem}#iptables{margin:0}.Firewall form{margin:2rem 2rem 0 0;padding:0;box-shadow:none}.cbi-tab-disabled[data-errors]::after{content:attr(data-errors);background:#c43c35;color:#fff;height:16px;min-width:16px;border-radius:8px;text-align:center;margin:0 5px 0 0;padding:2px 2px 2px 2px;display:inline-flex;flex-direction:column;justify-content:center}#cbi-firewall-redirect table *,#cbi-network-switch_vlan table *,#cbi-firewall-zone table *{font-size:small;white-space:nowrap}#cbi-firewall-redirect table input[type="text"],#cbi-network-switch_vlan table input[type="text"],#cbi-firewall-zone table input[type="text"]{width:8rem}#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%}#cbi-firewall-zone .table,#cbi-network-switch_vlan .table{display:block}#cbi-firewall-zone .td,#cbi-network-switch_vlan .td{width:100%}#applyreboot-container{margin:2rem}#applyreboot-section{line-height:300%;margin:2rem}.OpenVPN a{line-height:initial !important}.commandbox{width:24% !important;margin:10px 0 0 10px !important;padding:.5rem 1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.commandbox h3{line-height:normal !important;overflow:hidden;margin:6px 0 !important;white-space:nowrap;text-overflow:ellipsis}.commandbox div{left:auto !important}.commandbox code{position:absolute;overflow:hidden;max-width:60%;margin-left:4px;padding:2px 3px;white-space:nowrap;text-overflow:ellipsis}.commandbox code:hover{overflow-y:auto;max-height:50px;white-space:normal}.commandbox p:first-of-type{margin-top:-6px}.commandbox p:nth-of-type(2){margin-top:2px}[data-page^="admin-system-commands"] .panel-title,[data-page^="command-cfg"] .mobile-hide,[data-page^="command-cfg"] .showSide{display:none}[data-page^="admin-system-commands"] .panel-title,[data-page^="command-cfg"] .mobile-hide,[data-page^="command-cfg"] .showSide{display:none}#command-rc-output .alert-message{line-height:1.42857143;position:absolute;top:40px;right:32px;max-width:40%;margin:0;animation:anim-fade-in 1.5s forwards;word-break:break-word;opacity:0}.node-admin-status-hnet #maincontent .container>div>div{border:none !important}#view>p{margin:0 1.5rem 1rem 1.5rem}[data-page="admin-status-routes"] #view h3{font-size:var(--font-d);line-height:1;display:block;width:100%;margin:0;margin-bottom:0;padding:0.8755rem 1.25rem;color:var(--body-color);border-radius:var(--radius2);padding-bottom:unset;font-weight:bold}[data-page="admin-status-routes"] #view table,[data-page="admin-status-processes"] #view table,.node-admin-status-realtime-connections #view table[id*=connections]{padding:10px;border:1px;font-weight:normal;font-style:normal;line-height:1;font-family:inherit;text-align:left;min-width:inherit;overflow-x:auto;overflow-y:hidden;background-color:rgba(var(--primary-rgbbody),0.5);-webkit-overflow-scrolling:touch;margin-bottom:20px;margin-top:5px}.node-admin-status-realtime-connections #view table[id*=connections]{white-space:nowrap}.node-admin-status-channel_analysis #view>div>div>div>div,.node-admin-status-channel_analysis #view>div>div>div>div>div,.node-admin-status-realtime-wireless #view>div>div>div>div,.node-admin-status-realtime-load #view div,.node-admin-status-realtime-bandwidth #view>div>div>div>div,.node-admin-status-realtime-connections #view div{border:none !important;background-color:rgba(var(--primary-rgbbody),0.5) !important;border-radius:var(--radius2);border:0px solid #000 !important}.cbi-page-actions.control-group .cbi-dropdown.btn.cbi-button.important{padding:0.6rem 0rem 0.6rem 1rem}.cbi-page-actions.control-group .cbi-dropdown.btn.cbi-button.cbi-button-negative.important>ul,.cbi-page-actions.control-group .cbi-dropdown.btn.cbi-button.cbi-button-apply.important>ul{overflow-y:hidden}.cbi-dropdown.btn.cbi-button.cbi-button-action{padding-right:5px}[data-page="admin-system-ttyd-ttyd"] #view>iframe{border-radius:var(--radius2) !important;min-height:600px !important}[data-page="admin-status-overview"] h3{color:unset !important}[data-page="admin-network-dhcp"] h3{margin:-2rem 1.5rem 0.2rem}[data-page="admin-status-iptables"] .right{margin-bottom:0rem !important}#syslog{border:1px solid var(--inputborder-color);width:100%;min-height:15rem;font-family:monospace;color:var(--body-color);background-color:var(--inputbg-color);font-size:small;outline:none;margin-bottom:18px;border-radius:var(--radius2);overflow-x:hidden}#syslog:focus{outline:0;box-shadow:0 0 1px var(--input-boxcolor) !important}#mwan_status_text>div{padding:0.5rem !important}#detail-bubble.in{z-index:500}.node-admin-nlbw-display .cbi-section ul{padding:0.875rem 1.5rem}.node-admin-nlbw-backup form{margin-left:1.5rem}.node-admin-nas-usb_printer em{display:block}.node-admin-nas-usb_printer em{display:block}[data-page="admin-system-flashops"] .cbi-section ul{padding:.875rem 1.5rem;font-size:var(--font-x)}#cbi-netspeedtest-homebox>.cbi-section-node>.cbi-value{display:inline-block}.chat_window{background-color:rgba(255,255,255,0.1) !important}.top_menu{background-color:rgba(255,255,255,0.12) !important}#chatlog .response{background-color:rgba(255,255,255,0.1) !important}[data-page="admin-status-usage-details"] .cbi-value-title{width:16rem}[data-page="admin-status-processes"] #view td:nth-child(3)>span,.cbi-map>.cbi-section .cbi-value:nth-of-type(4) td:nth-child(2),.Interfaces>.main #view td:nth-child(3),[data-page="admin-network-network"]>.main #view td:nth-child(3),[data-page="admin-status-processes"]>.main #view td:nth-child(3),[data-page="admin-status-overview"]>.main #view td:nth-child(2){white-space:normal !important;word-break:unset !important}[data-page="admin-status-overview"] #view .cbi-section>div>div{justify-items:center !important}.Details>.main .tr.table-totals{background-color:rgba(255,255,255,0.1) !important}#intervalSelect{width:4rem !important}[data-page="admin-nlbw-usage"]>.main .tr.table-totals,[data-page="admin-nlbw-usage"]>.main .cbi-progressbar{background-color:var(--inputbg-color) !important}[data-page="admin-services-vssr"] .ssr-button{margin-left:.3rem}.pure-g .block h4,[data-page="admin-services-vssr"] .block h4{color:var(--body-color);background-image:none}[data-page="admin-services-vssr"] .status-bar{color:var(--body-color);box-shadow:0 0 .5rem 0 var(--inputbg-color);background-color:var(--inputbg-color) !important}.pure-g .block,[data-page="admin-services-vssr"] .block,[data-page="admin-services-shadowsocksr"]>.block,.block,[data-page="admin-services-bypass"]>.main .block,[data-page="admin-services-vssr"]>.main .block,.main .block{color:var(--body-color);background-color:var(--input-bgcolor) !important;box-shadow:0 0 1px var(--inputborder-color);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.32),0 1px 5px 0 rgba(0,0,0,0.2)}[data-page="admin-services-shadowsocksr"]>.block:active,.block:active,[data-page="admin-services-bypass"]>.main .block:active,.main .block:active,[data-page="admin-services-shadowsocksr"]>.block:hover,.block:hover,[data-page="admin-services-bypass"]>.main .block:hover,.main .block:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 4px 6px rgba(0,0,0,0.35);background-color:var(--input-boxhovercolor) !important}[data-page="admin-services-samba"]>.main .cbi-tabcontainer:nth-child(3) .cbi-value-title{margin-bottom:1rem;width:auto}[data-page="admin-services-samba"]>.main .cbi-tabcontainer:nth-child(3) .cbi-value-field{display:list-item}[data-page="admin-services-samba"]>.main .cbi-tabcontainer:nth-child(3) .cbi-value-description{padding-top:1rem}[data-page="admin-services-adguardhome"]>.main .cbi-value-field{width:27% !important}#cbi-passwall-socks .cbi-section-node .cbi-section-table .cbi-value-field,#cbi-passwall-socks table>tbody>tr>td{white-space:normal !important}#cbi-AdGuardHome-AdGuardHome-escconf,#cbi-netspeedtest>fieldset>fieldset>div,.Software>fieldset>fieldset>div,.vue-form-render .cbi-section .cbi-section-node .cbi-value,#cbi-AdGuardHome>.main .cbi-section-node .cbi-value{display:inline-block}.fb-container .cbi-button{height:auto !important}#cbi-usb_printer-printer em{display:block;padding:1rem;text-align:center}pre.command-output{padding:1.5rem}[data-page="admin-nlbw-display"] .cbi-section[data-tab="export"]{padding:1.5rem !important}[data-page="admin-nlbw-backup"] form{padding-left:1.5rem}[data-page="admin-status-iptables"] .right{margin-bottom:0 !important}[data-page="admin-services-ttyd"] .container{display:flex;flex-direction:column}[data-page="admin-services-ttyd"] #view{flex:1}[data-page="admin-services-ttyd"] #view iframe{height:100%}[data-page="admin-system-fileassistant"] .fb-container .panel-title{padding:.5rem .75rem !important}[data-page="admin-system-fileassistant"] .cbi-section.fb-container{padding:.5rem}[data-page="admin-system-fileassistant"] .fb-container .panel-container{border-bottom-color:#dee2e6}[data-page^="admin-services-openclash"] .cbi-tabmenu>li:last-child{margin-right:0 !important}[data-page^="admin-services-openclash"] #tab-content .dom{padding:0 1rem 1rem 1rem}[data-page^="admin-services-openclash"] .cbi-input-file{padding:.2813rem;box-sizing:content-box;width:15rem !important}[data-page^="admin-services-openclash"] [id="container.openclash.config.debug"] fieldset{border:none !important;padding:1rem !important}[data-page^="admin-services-openclash"] #debug-rc-output>textarea{font-family:'Google Sans' !important}[data-page^="admin-services-openclash"] .CodeMirror{font-size:inherit;background-color:rgba(0,0,0,0.8) !important;color:var(--body-color) !important;font-family:'Google Sans' !important}[data-page^="admin-services-openclash"] .cbi-button-up,[data-page^="admin-services-openclash"] .cbi-button-down{padding:.8rem 1.5rem;font-size:0}[data-page^="admin-services-openclash"] select#CORE_VERSION,[data-page^="admin-services-openclash"] select#RELEASE_BRANCH{width:auto}[data-page^="admin-services-openclash"] .cbi-section>div>ul>li{width:auto !important;padding:0rem 0.5rem !important}[data-page^="admin-services-openclash"] .CodeMirror-merge,#cbi-openclash .CodeMirror-merge-2pane{height:auto !important;border:none !important}[data-page^="admin-services-openclash"] .cm-s-idea span.cm-variable{color:#fd8c73 !important}[data-page^="admin-services-openclash"] .CodeMirror-merge-scrolllock-wrap>.CodeMirror-merge-scrolllock{color:var(--inputtext-color) !important}[data-page^="admin-services-openclash"] .CodeMirror-merge>.CodeMirror-merge-gap{background-color:rgba(255,255,255,0.12) !important}[data-page^="admin-services-openclash"] .CodeMirror-scroll>.CodeMirror-gutters{background-color:rgba(255,255,255,0.1) !important;border-right:1px solid #777 !important}[data-page="admin-services-adguardhome"]>.main .cbi-value .cbi-input-textarea{width:100% !important;box-shadow:0 0 1px var(--input-boxcolor) !important}[data-page="admin-system-packages"]>.main .cbi-page-actions{padding:1rem 0}[data-page="admin-system-leds"] .cbi-section em{display:block}[data-page="admin-store-pages"] .cbi-section>.tags-container>.tags-value,[data-page="admin-store-pages"] .cbi-section>.sort-container>.sort-value{flex:none}[data-page="admin-store-pages"] .app-container .app-btns .app-btn{padding:0.5rem;line-height:1.4}[data-page="admin-system-package-manager"] .modal>textarea{white-space:nowrap}.main>.main-left,.cbi-section,[data-tab-title],[data-page^="admin-system-admin"]:not(.node-main-login) .cbi-map:not(#cbi-dropbear),#maincontent>.container>form,#maincontent>.container>form>div,.tabs,.cbi-tabmenu,.cbi-tooltip,#view>p,#view>div,#view>table{backdrop-filter:var(--ufilter);-webkit-backdrop-filter:var(--ufilter)}#maincontent>.container>#view,[data-page="admin-status-routes"] #view,[data-page="admin-network-diagnostics"] #view,[data-page="admin-status-processes"] #view{min-width:inherit;overflow-x:auto;overflow-y:hidden}[data-page="admin-system-reboot"] #maincontent>.container>#view,[data-page="admin-system-poweroffdevice"] #maincontent .container{padding:0 1rem 3rem 1rem}[data-page="admin-network-diagnostics"] #view .table{margin-top:2rem}label,button,input,select,option,.cbi-dropdown,textarea{font-size:var(--font-z)}select,input,.cbi-dropdown,.btn,button,.cbi-button,.item::after{height:2.4rem}#cbi-appfilter>div>div{background-color:rgba(var(--primary-rgbbody),1) !important}#cbi-appfilter>div>div>button{background-color:rgba(var(--primary-rgbm),0.9) !important;color:var(--menu-hover-color) !important;width:auto !important;height:auto !important}#cbi-appfilter>div>div>ul{border-bottom:0px solid #ccc !important}#cbi-appfilter>div>div>ul>li{background-color:rgba(var(--primary-rgbm),0.2) !important}#cbi-appfilter>div>div>ul>li.active{background-color:rgba(var(--primary-rgbm),0.7) !important;color:var(--menu-hover-color) !important}#cbi-appfilter>div>div>ul>li:hover{background-color:rgba(var(--primary-rgbm),0.7) !important;color:var(--menu-hover-color) !important}#cbi-appfilter #detailsModal .tab-body{background-color:rgba(248,248,248,0.9) !important}#cbi-appfilter>div>div span{color:var(--body-color) !important}#cbi-appfilter>div>div input{background-color:rgba(248,248,248,0.2) !important;color:var(--body-color) !important}.CodeMirror.cm-s-dracula.CodeMirror-wrap{border-radius:0.375rem}div#service_status{padding:1rem}.cbi-section.cbi-tblsection strong{font-weight:bold}[id^="container.passwall."][id$=".faq"]{margin-left:10px;margin-right:10px}div#add_link_div{position:fixed;transform:translate(-50%,-50%);background-color:rgba(var(--primary-rgbbody),1);padding:0px;box-shadow:darkgrey 1px 5px 20px 0px;border-radius:9px}#file-manager-container button#go-button{cursor:pointer}#file-manager-container .file-manager-header{white-space:nowrap}#file-manager-container .file-manager-header input{max-width:none;min-width:10rem}#content-filemanager>#file-list-container #file-table tr>th .sort-button{top:10px;transform:none;padding:0.5rem}div#file-manager-container{margin-left:0.5rem}div#content-filemanager>div#file-list-container{margin-top:10px !important}div#file-manager-container #file-table tr>th{background-color:rgba(var(--primary-rgbm),1);color:var(--menu-color)}div#file-manager-container #status-bar{background-color:rgba(var(--primary-rgbm),0.3)}div#file-manager-container #status-bar #status-info{color:var(--title-color)}#file-list-container .table>#file-list>tr:hover{background-color:rgba(var(--primary-rgbm),0.4) !important}.cbi-tabcontainer-content #editor-container{width:100%;border:1px solid var(--inputborder-color)}.editor-content>.line-numbers{background-color:rgba(var(--primary-rgbm),0.2)}.editor-content>#hexedit-container.hexedit{background-color:rgba(var(--primary-rgbbody),0.1)}.editor-content>.hexedit>.hexedit-search-container{background-color:rgba(var(--primary-rgbbody),0.1);--clr-header:var(--title-color)}.editor-content>.hexedit>.hexedit-headers{background-color:rgba(255,255,255,0.8);background-color:rgba(var(--primary-rgbm),0.2);--clr-header:var(--title-color)}#file-list-container table>tbody>tr>td{padding:0.2rem}.tr.cbi-section-table-row[id*="wolplus"],.tr.cbi-section-table-row[id*="firewall"]{flex-wrap:wrap;border-bottom:1px solid rgba(var(--primary-rgbm),0.1);min-width:unset}#mwan3-service-status .alert-message>div>strong{white-space:nowrap;font-size:var(--font-x)}[data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table){display:block}[data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table),[data-page="admin-network-firewall-rules"] .table:not(.cbi-section-table),[data-page="admin-network-hosts"] .table,[data-page="admin-network-routes"] .table{overflow-y:visible}.commandbox{width:32% !important}[data-page="admin-network-network"] .cbi-section-table tr,[data-page="admin-network-network"] .cbi-section-table td{font-size:var(--font-x) !important}[data-page="admin-network-network"] .cbi-section-node table td:nth-of-type(1){padding:5px !important}[data-page="admin-network-network"] .cbi-section-node table td,[data-page="admin-network-wireless"] fieldset .cbi-section-node table td{padding:10px !important}[data-page="admin-network-network"] .cbi-section-table br{display:initial}[data-page="admin-status-overview"] .tr.table-titles>.th:nth-child(1),[data-page="admin-status-overview"] .main #view td:nth-child(1){text-align:right !important}.Dashboard .dashboard-bg{background-color:rgba(var(--primary-rgbm),var(--primary-rgbs-ts));background-color:rgba(var(--primary-rgbbody),1)important}.Dashboard h3{color:var(--primary-title-color)important;border-radius:0 0 16px 16px}.Dashboard:not(.some-other-class){color:#666a88 !important}.Dashboard .title{background-color:rgba(var(--primary-rgbm),0.1) !important;border-radius:16px}.Dashboard span.label.label-success{background-color:#55bb55}.Dashboard .devices-list .devices-info,.Dashboard .router-status-wifi .wifi-info>hr:last-child{margin-top:0.575rem}@keyframes anim-fade-in{100%{opacity:1}}@media all and (-ms-high-contrast:none){.main>.main-left>.nav>.slide>.menu::before{top:30.25%}.main>.main-left>.nav>li:last-child::before{top:20%}.showSide::before{top:-12px}}@media screen and (max-width:1366px){.main>.main-left>.nav>li,.main>.main-left>.nav>li>a,.main .main-left .nav>li>a:first-child,.main>.main-left>.nav>.slide>.menu{font-size:var(--font-d)}.node-admin-status-iptables>.main fieldset li>a{padding:.3rem .6rem}.main-left{width:calc(0% + 15rem)}.main-right{width:calc(100% - 15rem)}[ data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table){display:block}[ data-page="admin-network-firewall-forwards"] .table:not(.cbi-section-table),[data-page="admin-network-firewall-rules"] .table:not(.cbi-section-table),[data-page="admin-network-hosts"] .table,[data-page="admin-network-routes"] .table{overflow-y:visible}.th.cbi-value-field,.td.cbi-value-field,.th.cbi-section-table-cell,.td.cbi-section-table-cell{flex-basis:auto;padding-top:1rem}#cbi-firewall-zone .cbi-input-select{min-width:9rem}.node-admin-status>.main fieldset li>a{padding:.3rem .6rem}.tabs>li>a,.cbi-tabmenu>li>a{padding:.2rem .5rem}.table .cbi-input-text{width:100%}.cbi-value-title{width:16rem;padding-right:1rem}}@media only screen and (max-width:1152px){.main .main-left .nav .slide .slide-menu .active a{font-size:var(--font-x)}header .fill .container .flex1 .brand{color:var(--menu-hover-color)}label,button,input,select,option,.cbi-dropdown,textarea{font-size:var(--font-x)}header>.fill>.container>.flex1>.brand{display:inline-block}.showWord{display:none;text-decoration:none}html,.main{overflow-y:hidden}#diag-rc-output>pre,#command-rc-output>pre,[data-page="admin-services-wol"] .notice code{font-size:var(--font-x)}.main-left{width:calc(0% + 15rem);box-shadow:rgba(0,0,0,0.75) 0 0 20px -5px;-webkit-box-shadow:rgba(0,0,0,0.75) 0 0 20px -5px;position:fixed;background-image:var(--bgqs-image);visibility:hidden;z-index:100}.main-right{width:100%}header .fill .container .flex1 .showSide{display:inline-block;z-index:99}.showSide:hover{background-color:var(--menu-item-hover-bgcolor);border-radius:var(--radius2);text-decoration:none}.showSide:before{content:"\e20e";font-size:1.7rem !important}.node-main-login .showSide{display:none !important}[data-page="admin-status-overview"] .main #view td:nth-child(1){width:6rem}.modal .cbi-value-title,.cbi-value-title{width:12rem;padding-right:0.6rem}.Interfaces .table{overflow-x:hidden}[data-page="admin-status-overview"] .table[width="100%"]>.tr{flex-wrap:nowrap}.tr.placeholder{border-bottom:thin solid #ddd}.tr.placeholder>.td,#cbi-firewall .tr>.td,#cbi-network .tr:nth-child(2)>.td,.cbi-section #wifi_assoclist_table .tr>.td{border-top:0}.node-admin-status.Overview .tr{display:flex;flex-direction:row;flex-wrap:wrap}input[name="ping"],input[name="traceroute"],input[name="nslookup"]{width:100%}.td.cbi-value-field,.cbi-section-table-cell{flex:10 10 auto;flex-basis:50%;text-align:center}.td.cbi-section-actions{vertical-align:bottom}.tr[data-title]::before,.tr.cbi-section-table-titles.named::before{flex:1 1 100%}.td[data-title],[data-page^="admin-status-realtime"] .td[id]{text-align:left}.td.cbi-section-actions>*>*,.td.cbi-section-actions>*>form>*{margin:0 2px}.cbi-section>h3:first-child,.panel-title{font-size:var(--font-z);padding-bottom:0.5rem}.cbi-dropdown[open]>ul.dropdown{max-width:15rem}.Firewall form{position:static !important;margin:0 0 2rem 0;padding:2rem;box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}.Firewall form input{width:100% !important;margin:0;margin-top:1rem}.Firewall .center,.Firewall .center::before{text-align:left !important}.commandbox{width:100% !important;margin-left:0 !important}table>tbody>tr>td,table>tfoot>tr>td,table>thead>tr>td{font-size:var(--font-x);color:var(--body-color);padding:1rem 0.5rem}[data-page="admin-services-vssr"] .status-info{font-size:var(--font-x)}[data-page="admin-services-vssr"] .icon-con{margin-top:0.4rem}[data-page="admin-services-vssr"] .icon-con img{width:2.3rem !important;height:auto}#ethinfo td{padding:0.75rem 0.2rem !important}.cbi-page-actions>div>input{display:none}.mobile-hide{display:none;font-size:0}[id*="samba"].cbi-section-table-row .cbi-dynlist>.item>span{min-width:13.5rem;width:13.5rem}.cbi-value-field .cbi-dropdown,.cbi-value-field .cbi-input-select,.cbi-value input[type="text"],.cbi-value input[type="password"]{width:16rem;min-width:8rem}.cbi-dynlist>.add-item:not([ondrop])>input,.cbi-dynlist>.item>span,.cbi-dynlist>.add-item input{min-width:13.5rem;width:13.5rem}.cbi-input-textarea,textarea{min-width:16rem}.modal{width:99%;padding:0.1rem;margin:1em auto}}@media only screen and (max-width:768px){.main-left{width:calc(0% + 15rem)}.pd-primary .fill .container{padding:0 0.2rem}.cbi-section>div>table.table{display:inline-table}.mobile-hide{display:none;font-size:0}.node-main-login footer{display:none}.td[width="33%"],.td[width="33%"]~.td{padding:10px}.cbi-map-descr,.cbi-section-descr{margin:0.5rem 0.2rem 0.5rem}.modal .cbi-value-title,.cbi-value-title{padding:0.5rem 0 0.2rem 0.3rem;width:100%;font-weight:600}.cbi-section{padding-bottom:0.5rem}.td,.th{padding:2px;margin:0;line-height:1}h2{padding:0.5rem 0.5rem 0.2rem}#upgrade_log{padding:0.5rem 0.2rem 0.5rem !important}h3{margin:0;font-size:var(--font-z);line-height:1.2rem !important;letter-spacing:0.02rem}.alert,.alert-message{line-height:1.8rem;white-space:normal !important;margin:0.1em auto}[data-page="admin-status-processes"] .td[data-title="Hang Up"]::before,[data-page="admin-status-processes"] .td[data-title="Terminate"]::before,[data-page="admin-status-processes"] .td[data-title="Kill"]::before{display:none}.hide-sm,.hide-xs:not([data-title="MAC-Address"]){display:none}[data-page="admin-system-admin-password"] .control-group{flex-wrap:nowrap}.cbi-input-textarea,textarea,.cbi-value-description,.cbi-value-field,.cbi-value-field .cbi-dropdown,.cbi-value-field .cbi-input-select,.cbi-value input[type="text"],.cbi-value input[type="password"]{width:16rem;text-align:left;min-width:8rem;margin:0}.cbi-value-title,.cbi-value-field{display:inline-block;line-height:1;text-align:left}.cbi-value-description{display:none !important}.cbi-value-field>div{line-height:1}#syslog,#diag-rc-output>pre,#command-rc-output>pre,[data-page="admin-services-wol"] .notice code{font-size:var(--font-x) !important}.cbi-dynlist p{padding:0.5rem 1rem}[data-page="admin-system-flash"] legend{padding:1rem 0 1rem 1rem}[data-page="admin-system-flash"] .cbi-value{padding:0 0 0 1rem}[data-page="admin-network-dhcp"] [data-tab-active="true"]{padding:1rem 1rem !important}.cbi-value{display:inline-table padding:0 0.5rem}#file-manager-container .file-manager-header{flex-wrap:wrap}}@media only screen and (max-width:480px){[data-page="admin-status-overview"] .main #view td:nth-child(1){max-width:8rem;white-space:normal !important}.Diagnostics form .cbi-map .cbi-section div{width:100% !important}.cbi-section>div{width:100%}.node-main-login footer{display:none}select,input{font-size:var(--font-x);box-sizing:border-box;min-width:unset}.cbi-value input[name^="pw"],.cbi-value input[data-update="change"]:nth-child(2){width:8rem;min-width:8rem}} \ No newline at end of file diff --git a/luci-theme-kucat/htdocs/luci-static/kucat/style.js b/luci-theme-kucat/htdocs/luci-static/kucat/style.js index 6a8f61700..f27c5bcaf 100644 --- a/luci-theme-kucat/htdocs/luci-static/kucat/style.js +++ b/luci-theme-kucat/htdocs/luci-static/kucat/style.js @@ -7,4 +7,35 @@ * * Licensed to the public under the Apache License 2.0 */ - function pdopenbar(){document.getElementById("header-bar-left").style.width="300px";document.getElementById("header-bar-left").style.display="block";document.getElementById("header-bar-right").style.width="0";document.getElementById("header-bar-right").style.display="none"}function pdclosebar(){document.getElementById("header-bar-left").style.display="none";document.getElementById("header-bar-left").style.width="0";document.getElementById("header-bar-right").style.display="block";document.getElementById("header-bar-right").style.width="50px"} \ No newline at end of file + // const isDark = localStorage.getItem("isDark"); + // if (isDark == 1) { + // const element = document.querySelector("body"); + // element.classList.add("dark"); + // } + // const themetoggler = document.querySelector(".themetoggler"); + // themetoggler.addEventListener( + // "click", + // function (e) { + // e.preventDefault(); + // const element = document.querySelector("body"); + // element.classList.toggle("dark"); + + // const isDark = localStorage.getItem("isDark"); + // localStorage.setItem("isDark", isDark == 1 ? 0 : 1); + // }, + // false + // ); + +function pdopenbar() { + document.getElementById("header-bar-left").style.width = "300px"; + document.getElementById("header-bar-left").style.display = "block"; + document.getElementById("header-bar-right").style.width = "0"; + document.getElementById("header-bar-right").style.display = "none" +} + +function pdclosebar() { + document.getElementById("header-bar-left").style.display = "none"; + document.getElementById("header-bar-left").style.width = "0"; + document.getElementById("header-bar-right").style.display = "block"; + document.getElementById("header-bar-right").style.width = "50px" +} diff --git a/luci-theme-kucat/htdocs/luci-static/resources/menu-kucat.js b/luci-theme-kucat/htdocs/luci-static/resources/menu-kucat.js index c61355c7f..ac2a213ef 100644 --- a/luci-theme-kucat/htdocs/luci-static/resources/menu-kucat.js +++ b/luci-theme-kucat/htdocs/luci-static/resources/menu-kucat.js @@ -17,4 +17,201 @@ * * Licensed to the public under the Apache License 2.0 */ -'use strict';'require baseclass';'require ui';return baseclass.extend({__init__:function(){ui.menu.load().then(L.bind(this.render,this))},render:function(tree){var node=tree,url='';this.renderModeMenu(node);if(L.env.dispatchpath.length>=3){for(var i=0;i<3&&node;i++){node=node.children[L.env.dispatchpath[i]];url=url+(url?'/':'')+L.env.dispatchpath[i]}if(node)this.renderTabMenu(node,url)}document.querySelector('.showSide').addEventListener('click',ui.createHandlerFn(this,'handleSidebarToggle'));document.querySelector('.darkMask').addEventListener('click',ui.createHandlerFn(this,'handleSidebarToggle'));document.querySelector(".main > .loading").style.opacity='0';document.querySelector(".main > .loading").style.visibility='hidden';if(window.innerWidth<=1152)document.querySelector('.main-left').style.width='0';document.querySelector('.main-right').style.overflow='auto';window.addEventListener('resize',this.handleSidebarToggle,true)},handleMenuExpand:function(ev){var a=ev.target,ul1=a.parentNode,ul2=a.nextElementSibling;var collapse=false;document.querySelectorAll('li.slide.active').forEach(function(li){if(li!==a.parentNode||li==ul1){li.classList.remove('active');li.childNodes[0].classList.remove('active')}if(!collapse&&li==ul1){collapse=true}});if(!ul2)return;if(ul2.parentNode.offsetLeft+ul2.offsetWidth<=ul1.offsetLeft+ul1.offsetWidth)ul2.classList.add('align-left');if(!collapse){ul1.classList.add('active');a.classList.add('active')}else{ul1.classList.remove('active');a.classList.remove('active')}a.blur();ev.preventDefault();ev.stopPropagation()},renderMainMenu:function(tree,url,level){var l=(level||0)+1,ul=E('ul',{'class':level?'slide-menu':'nav'}),children=ui.menu.getChildren(tree);if(children.length==0||l>2)return E([]);for(var i=0;i0&&i1)ul.parentElement.style.display=''},renderTabMenu:function(tree,url,level){var container=document.querySelector('#tabmenu'),l=(level||0)+1,ul=E('ul',{'class':'tabs'}),children=ui.menu.getChildren(tree),activeNode=null;if(children.length==0)return E([]);for(var i=0;i1152||ev.type=='resize')open=true;darkMask.style.visibility=open?'':'visible';darkMask.style.opacity=open?'':1;if(width<=1152)mainLeft.style.width=open?'0':'';else mainLeft.style.width=''mainLeft.style.visibility=open?'':'visible';mainRight.style['overflow-y']=open?'visible':'hidden'}}); \ No newline at end of file + +'use strict'; +'require baseclass'; +'require ui'; +return baseclass.extend({ + __init__: function() { + ui.menu.load().then(L.bind(this.render, this)); + }, + + render: function(tree) { + var node = tree, + url = ''; + + this.renderModeMenu(node); + + if (L.env.dispatchpath.length >= 3) { + for (var i = 0; i < 3 && node; i++) { + node = node.children[L.env.dispatchpath[i]]; + url = url + (url ? '/' : '') + L.env.dispatchpath[i]; + } + + if (node) + this.renderTabMenu(node, url); + } + + document.querySelector('.showSide') + .addEventListener('click', ui.createHandlerFn(this, 'handleSidebarToggle')); + + document.querySelector('.darkMask') + .addEventListener('click', ui.createHandlerFn(this, 'handleSidebarToggle')); + + document.querySelector(".main > .loading").style.opacity = '0'; + document.querySelector(".main > .loading").style.visibility = 'hidden'; + + if (window.innerWidth <= 1152) + document.querySelector('.main-left').style.width = '0'; + + document.querySelector('.main-right').style.overflow = 'auto'; + window.addEventListener('resize', this.handleSidebarToggle, true); + + }, + + handleMenuExpand: function(ev) { + var a = ev.target, ul1 = a.parentNode, ul2 = a.nextElementSibling; + var collapse = false; + + document.querySelectorAll('li.slide.active').forEach(function(li) { + if (li !== a.parentNode || li == ul1) { + li.classList.remove('active'); + li.childNodes[0].classList.remove('active'); + } + if (!collapse && li == ul1) { + collapse = true; + } + }); + + if (!ul2) + return; + + if (ul2.parentNode.offsetLeft + ul2.offsetWidth <= ul1.offsetLeft + ul1.offsetWidth) + ul2.classList.add('align-left'); + if (!collapse) { + ul1.classList.add('active'); + a.classList.add('active'); + + } + else + { + ul1.classList.remove('active'); + a.classList.remove('active'); + } + + a.blur(); + ev.preventDefault(); + ev.stopPropagation(); + }, + + renderMainMenu: function(tree, url, level) { + var l = (level || 0) + 1, + ul = E('ul', { 'class': level ? 'slide-menu' : 'nav' }), + children = ui.menu.getChildren(tree); + + if (children.length == 0 || l > 2) + return E([]); + + for (var i = 0; i < children.length; i++) { + var isActive = ((L.env.dispatchpath[l] == children[i].name) && (L.env.dispatchpath[l - 1] == tree.name)), + submenu = this.renderMainMenu(children[i], url + '/' + children[i].name, l), + hasChildren = submenu.children.length, + slideClass = hasChildren ? 'slide' : null, + menuClass = hasChildren ? 'menu' : null; + if (isActive) { + ul.classList.add('active'); + slideClass += " active"; + menuClass += " active"; + } + + ul.appendChild(E('li', { 'class': slideClass }, [ + E('a', { + 'href': L.url(url, children[i].name), + 'click': (l == 1) ? ui.createHandlerFn(this, 'handleMenuExpand') : null, + 'class': menuClass, + 'data-title': hasChildren ? children[i].title.replace(" ", "_") : children[i].title.replace(" ", "_"), + }, [_(children[i].title)]), + submenu + ])); + } + + if (l == 1) { + var container = document.querySelector('#mainmenu'); + + container.appendChild(ul); + container.style.display = ''; + } + + return ul; + }, + + renderModeMenu: function(tree) { + var ul = document.querySelector('#modemenu'), + children = ui.menu.getChildren(tree); + + for (var i = 0; i < children.length; i++) { + var isActive = (L.env.requestpath.length ? children[i].name == L.env.requestpath[0] : i == 0); + + ul.appendChild(E('li', {}, [ + E('a', { + 'href': L.url(children[i].name), + 'class': isActive ? 'active' : null + }, [ _(children[i].title) ]) + ])); + + if (isActive) + this.renderMainMenu(children[i], children[i].name); + + if (i > 0 && i < children.length) + ul.appendChild(E('li', {'class': 'divider'}, [E('span')])) + } + + if (children.length > 1) + ul.parentElement.style.display = ''; + }, + + renderTabMenu: function(tree, url, level) { + var container = document.querySelector('#tabmenu'), + l = (level || 0) + 1, + ul = E('ul', { 'class': 'tabs' }), + children = ui.menu.getChildren(tree), + activeNode = null; + + if (children.length == 0) + return E([]); + + for (var i = 0; i < children.length; i++) { + var isActive = (L.env.dispatchpath[l + 2] == children[i].name), + activeClass = isActive ? ' active' : '', + className = 'tabmenu-item-%s %s'.format(children[i].name, activeClass); + + ul.appendChild(E('li', { 'class': className }, [ + E('a', { 'href': L.url(url, children[i].name) }, [ _(children[i].title) ] ) + ])); + + if (isActive) + activeNode = children[i]; + } + + container.appendChild(ul); + container.style.display = ''; + + if (activeNode) + container.appendChild(this.renderTabMenu(activeNode, url + '/' + activeNode.name, l)); + + return ul; + }, + + handleSidebarToggle: function(ev) { + var width = window.innerWidth, + darkMask = document.querySelector('.darkMask'), + mainRight = document.querySelector('.main-right'), + mainLeft = document.querySelector('.main-left'), + open = mainLeft.style.width == ''; + + if (width > 1152 || ev.type == 'resize') + open = true; + + darkMask.style.visibility = open ? '' : 'visible'; + darkMask.style.opacity = open ? '': 1; + + if (width <= 1152) + mainLeft.style.width = open ? '0' : ''; + else + mainLeft.style.width = '' + + mainLeft.style.visibility = open ? '' : 'visible'; + + mainRight.style['overflow-y'] = open ? 'visible' : 'hidden'; + } +});