/*! uniwrt21: LuCI theme for OpenWrt 21.02, Apache-2.0. See NOTICE. */
:root{--p21-bg:var(--u-bg);--p21-card:var(--u-surface);--p21-ink:var(--u-text);--p21-dim:var(--u-text-2);--p21-rule:var(--u-line);--p21-hover:var(--u-surface-2);--p21-accent:var(--u-accent);--p21-accent2:var(--u-accent-strong,var(--u-accent));--p21-on:#fff;--p21-head:var(--u-surface);--u-accent:#005dd6;--u-accent-strong:#005dd6}[data-theme="dark"]{--u-accent:#4797ff}@media (prefers-color-scheme:dark){html:not([data-theme="light"]){--u-accent:#4797ff}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}input.u-login-btn{background:var(--u-accent);color:#fff;border:0}input.u-login-btn:hover{background:var(--u-accent);filter:brightness(1.06)}.cbi-dropdown{position:relative;height:auto}.cbi-dropdown>ul{display:flex;width:100%;overflow:hidden}.cbi-dropdown>ul.preview{display:none}.cbi-dropdown>.open,.cbi-dropdown>.more{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;text-align:center;line-height:2em;padding:0 .3em}.cbi-dropdown>.more,.cbi-dropdown:not(.btn):not(.cbi-button)>ul>li[placeholder]{display:none}.cbi-dropdown>ul>li{display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;align-items:center;align-self:center;color:inherit}.cbi-dropdown>ul>li .hide-open{display:initial}.cbi-dropdown>ul>li .hide-close{display:none}.cbi-dropdown[empty]>ul{max-width:1px}.cbi-dropdown>ul>li>form{display:none;margin:0;padding:0;pointer-events:none}.cbi-dropdown>ul>li img{vertical-align:middle;margin-right:.25em}.cbi-dropdown[open]>ul.dropdown{display:block;position:absolute;z-index:1100;max-width:none;min-width:100%;width:auto;overflow-y:auto;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{flex-grow:1;display:flex!important}.cbi-dropdown[empty]>ul>li,.cbi-dropdown[optional][open]>ul.dropdown>li[placeholder]{display:block!important}.cbi-dropdown[multiple][open]>ul.dropdown>li>form{display:flex!important}.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[unselectable]{opacity:.7}.cbi-dropdown[open]>ul.dropdown>li>input.create-item-input:first-child:last-child{width:100%}.btn::after,.cbi-button::after{pointer-events:none}.cbi-dropdown.btn,.cbi-dropdown.cbi-button{overflow:visible}.cbi-dropdown.btn::after,.cbi-dropdown.cbi-button::after{content:none}@media (max-width:600px){.table{display:flex;flex-direction:column;width:100%}.table .tr{display:flex;flex-wrap:wrap;align-items:flex-end;padding:6px 0}.table .th,.table .td{flex:2 2 33%;align-self:flex-start;min-width:0;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;padding:4px 6px}.table .td.cbi-dropdown-open{overflow:visible}.table .tr.table-titles,.table .tr.cbi-section-table-titles,.cbi-section-table-descr{display:none}.table .td[data-title]::before{content:attr(data-title);display:block;margin-bottom:2px;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--u-text-3)}.table .td.cbi-section-actions{flex:1 1 100%;overflow:visible;max-width:100%}.table .td.cbi-section-actions>div{display:flex;flex-wrap:wrap;gap:4px}.table .td.cbi-value-field{flex-basis:100%}.table .td.cbi-value-field[data-widget="dvalue"]{flex-basis:50%}.table .td.cbi-value-field[data-widget="button"],.table .td.cbi-value-field[data-widget="fvalue"]{flex-basis:25%}.hide-sm,.hide-xs{display:none!important}[data-page="admin-status-processes"] .table .td{flex-basis:50%!important}[data-page="admin-status-processes"] .table .td[data-widget="button"]{flex-basis:33%!important}[data-page="admin-status-overview"] .table .td:first-child{flex:1 1 40%}[data-page="admin-status-overview"] .table .td + .td{flex:2 2 55%}.u-top-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.table .td select,.table .td .cbi-dropdown:not(.btn):not(.cbi-button){min-width:0;width:100%;max-width:14rem}html[data-darkmode="true"]{--u-text-3:#959ca6;--u-rail-text-2:#848d98}html[data-darkmode="true"] :is(.cbi-button-positive,.cbi-button-save,.cbi-button-apply,.cbi-button-add,.btn.cbi-button-positive,.cbi-button-action:hover,.cbi-button-edit:hover,.cbi-tabmenu li.cbi-tab a,.u-skip,.ifacebox .ifacebox-head.active,.cbi-dropdown ul.dropdown li.selected,input.u-login-btn,.u-indicators [data-indicator][data-style="active"],.u-indicators [data-indicator="uci-changes"]),html[data-darkmode="true"] :is(.cbi-button-positive,.cbi-button-save,.cbi-button-apply,.cbi-button-add):hover,html[data-darkmode="true"] :is(.cbi-button-negative,.cbi-button-remove,.cbi-button-reset.cbi-button-negative),html[data-darkmode="true"] :is(.cbi-button-negative,.cbi-button-remove):hover{color:#0b1220}.cbi-dropdown.cbi-button>.open,.cbi-dropdown.btn>.open{color:inherit;opacity:.85}.cbi-dropdown.cbi-button[open]>ul.dropdown>li,.cbi-dropdown.btn[open]>ul.dropdown>li{color:var(--u-text)}.cbi-dropdown.cbi-button[open]>ul.dropdown>li[selected],.cbi-dropdown.btn[open]>ul.dropdown>li[selected]{color:var(--u-text)}html:root[data-darkmode="true"] .zonebadge[style],html:root[data-darkmode="true"] .ifacebox-head[style]{color:#111;text-shadow:none}html[data-darkmode="true"] :is(.cbi-button-action,.cbi-button-edit):not(:hover){color:#63a6ff}@media (max-width:768px),(pointer:coarse){#modal_overlay>.modal:has(.cbi-dropdown[open]){overflow:visible}}a:focus-visible,button:focus-visible,.btn:focus-visible,.cbi-button:focus-visible,.cbi-tabmenu a:focus-visible,.tabs a:focus-visible,input[type="checkbox"]:focus-visible,input[type="radio"]:focus-visible{outline:2px solid var(--p21-accent2);outline-offset:2px}.tabs{border-bottom:1px solid var(--p21-rule)}.tabs>li>a,.cbi-tabmenu>li>a{color:var(--p21-ink)}.tabs>li.active>a{color:var(--p21-accent)}.cbi-dropdown[open]>ul.dropdown>li[selected]{background:var(--p21-hover);background:color-mix(in srgb,var(--p21-accent) 16%,transparent);color:var(--p21-ink)}.cbi-dropdown[open]>ul.dropdown>li.focus{background:var(--p21-hover);color:var(--p21-ink);box-shadow:inset 3px 0 0 var(--p21-accent)}.cbi-dropdown[open]>ul.dropdown>li[selected].focus{background:var(--p21-hover);background:color-mix(in srgb,var(--p21-accent) 28%,transparent);color:var(--p21-ink);box-shadow:inset 3px 0 0 var(--p21-accent)}.cbi-dropdown[open]>ul.dropdown>li.p21-create-li{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cbi-dropdown[open]>ul.dropdown>li.p21-create-li>input.create-item-input{flex:1 1 auto;min-width:0;width:auto}.cbi-dropdown:not([open]) .p21-create-add,.cbi-dropdown:not([open]) .p21-create-error,.cbi-dropdown>ul.preview .p21-create-add,.cbi-dropdown>ul.preview .p21-create-error{display:none}.p21-create-add{flex:0 0 auto;min-width:36px;min-height:32px;padding:0 10px;font-weight:700;line-height:1}.p21-create-error:not(:empty){flex:1 0 100%;padding:4px 6px;font-size:12.5px;white-space:normal;color:var(--p21-err-ink,var(--t-err-ink,var(--error-color-high,#c00)));border-left:3px solid currentColor}.cbi-tooltip{background:var(--p21-card);color:var(--p21-ink);border:1px solid var(--p21-rule)}div.cbi-value var,.td.cbi-value-field var{color:var(--p21-accent)}div.cbi-value var[data-tooltip],.td.cbi-value-field var[data-tooltip],div.cbi-value var.cbi-tooltip-container,.td.cbi-value-field var.cbi-tooltip-container{border-bottom-color:var(--p21-accent)}.cbi-dropdown>.more{color:var(--p21-dim)}.cbi-dropdown:not(.btn):not(.cbi-button)>ul>li[placeholder]{color:inherit}::placeholder{color:var(--p21-dim);opacity:1}:root:not([data-darkmode="true"]) .zonebadge[style],:root:not([data-darkmode="true"]) .ifacebox-head[style]{color:#111;text-shadow:none}:root[data-darkmode="true"] .zonebadge[style],:root[data-darkmode="true"] .ifacebox-head[style]{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6)}.zonebadge[style]>strong,.zonebadge[style]>em,.zonebadge[style] .cbi-tooltip-container>strong,.ifacebox-head[style] *{color:inherit}.zonebadge-empty{color:var(--p21-ink);border-color:var(--p21-dim)}:root:not([data-darkmode="true"]) .ifacebox-head:not([style]){color:#111}:root[data-darkmode="true"] .ifacebox-head:not([style]){background-color:var(--p21-hover);color:var(--p21-ink)}:root[data-darkmode="true"] #view div[style*="border:1px solid #000;background:#fff"]{background:var(--p21-bg)!important;border-color:var(--p21-rule)!important}:root[data-darkmode="true"] #view div[style*="border:1px solid #000;background:#fff"] svg line{stroke:var(--p21-rule)!important;stroke-width:1px!important}.ifacebox{overflow:visible}.ifacebox>.ifacebox-head{border-top-left-radius:inherit;border-top-right-radius:inherit}.table .td:has(.cbi-tooltip-container){overflow:visible}@media (prefers-reduced-motion:reduce){*::before,*::after{transition:none!important;animation:none!important}}@media (max-width:720px){.cbi-section-node,.table-wrapper{max-width:100%}.table .td.cbi-section-actions>div{flex-wrap:wrap;row-gap:3px}#maincontent .controls>*{min-width:0;max-width:100%;flex-basis:100%;white-space:normal}#maincontent .controls>*>label{min-width:0}#maincontent .control-group{display:flex;flex-wrap:wrap;gap:4px;min-width:0;max-width:100%}#maincontent .control-group>input{flex:1 1 8em;min-width:0;width:auto}#maincontent .control-group>.btn{flex:0 1 auto}}