@charset "utf-8";
/* from theme\dark\css\style.css */
:root {
  /*common var*/
  --s-color-bussiness-border: #d8d8d8;/*old vi default border*/
  --s-color-bussiness-border-lighter: #d9d9d9;/*old vi default border*/
  /*    top-header    */
  --s-color-top-header-bg: var(--s-color-theme-neutral-bg-20);
  --s-color-top-header-producttag-text: var(--s-color-theme-neutral-text-50);
  --s-color-top-header-separate-border: var(--s-color-theme-neutral-text-20);
  --s-color-top-header-control-border: transparent;
  --s-color-top-header-control-gap-text: var(--s-color-theme-neutral-text-20);
  --s-color-top-footer-bg: #e6e6e6;
  --s-color-top-footer-faq-text: var(--s-color-theme-neutral-text-50);
  /* combobox in top header*/
  --s-color-combobox-top-header-text-disabled: var(--s-color-combobox-text-disabled);
  --s-color-combobox-top-header-text: var(--s-color-theme-neutral-text-50);
  --s-color-combobox-switch-top-header-control-bg: transparent;

  /*    top-menu    */
  --s-color-menu-top-bg: linear-gradient(to right, #046F65, #006259);
  --s-color-menu-top-fst-text: var(--s-color-theme-neutral-text-10);
  --s-color-menu-top-fst-text-hover: var(--s-color-theme-main-mid-hover);
  --s-color-menu-top-fst-bg-selected: var(--s-color-theme-neutral-bg-10);
  --s-color-menu-top-fst-text-selected: var(--s-color-theme-main-mid);
  --s-color-menu-top-sec-bg: var(--s-color-theme-neutral-bg-20);
  --s-color-menu-top-sec-text: var(--s-color-theme-neutral-text-50);
  --s-color-menu-top-sec-border-b: var(--s-color-theme-neutral-bg-20);
  --s-color-menu-top-sec-border-b-selected: var(--s-color-theme-main-mid);

  /*page: advanced*/
  --s-color-advanced-function-container-bg: var(--s-color-theme-neutral-bg-10);

  /* page: portal*/
  --s-color-portal-local-page-border: var(--s-color-theme-neutral-bg-20);
  --s-color-portal-local-page-bg: var(--s-color-theme-neutral-bg-20);
  --s-color-portal-local-page-widget-text-border: var(--s-color-widget-text-wrap-border-disabled);
  --s-color-portal-local-page-widget-error-border: var(--s-color-theme-error);
  --s-color--portal-local-page-widget-bg: var(--s-color-theme-neutral-bg-10);
  --s-color--portal-local-page-widget-bg-disabled: var(--s-color-theme-neutral-bg-50);
  --s-color--portal-local-page-widget-border-disabled: var(--s-color-theme-neutral-bg-60);
 

  /*  page: login and reset   */
  --s-color-login-body-bg: var(--s-color-theme-neutral-bg-10);
  --s-color-login-body-main-bg: var(--s-color-theme-neutral-bg-10);
  --s-color-login-label-border-r: var(--s-color-theme-neutral-bg-60);
  --s-color-under-control-title-text: var(--s-color-theme-neutral-text-50);
  --s-color-under-control-reset-text: var(--s-color-theme-neutral-text-30);
  --s-color-alert-under-control-bg: var(--s-color-theme-neutral-bg-20);
  --s-color-alert-text-under-control-text: var(--s-color-theme-error);
  --s-color-progressbar-under-conrol-border: var(--s-color-theme-main-mid);
  --s-color-progressbar-value-under-conrol-bg: var(--s-color-theme-main-mid);


  /*page: wireless wirelessSettings_access.html*/
  --s-color-multi-tab-cur-text: var(--s-color-theme-main-mid);

  /*page: monitor_ap/monitor_client */
  --s-color-monitor-ap-statistics-tab-current-text: var(--s-color-theme-main-mid);
  --s-color-monitor-ap-rdTraffic-mode-text-selected: var(--s-color-theme-main-mid);
  --s-color-monitor-ap-client-block-content-text: var(--s-color-theme-main-mid);
  --s-color-monitor-client-clientlistgrid-block-text: var(--s-color-theme-main-mid);
  --s-color-monitor-client-userlist-unauth-text: var(--s-color-theme-main-mid);

  /*page: rogueApDetection.html*/
  --s-color-rogue-talistgrid-ta-opcmd-text: var(--s-color-theme-main-mid);

  /*page: ledctrl*/
  --s-color-ledctrl-note-text-text: var(--s-color-theme-main-mid);

  /*page: timeSettings.html */
  --s-color-turn-on-tips-text: var(--s-color-theme-error);/*timeSettings.html -> #turnOnTips*/

  /*page: portal_login.html*/
  --s-color-portal-login-offline-para-2-text: var(--s-color-theme-neutral-text-30);
  /* --s-color-portal-login-main-bg: #F5F5F5; */
  /* --s-color-portal-login-main-shadow: #898989; */

  /*page: wizard.html*/
  --s-color-finish-2g-5g-text-disabled: var(--s-color-theme-neutral-text-20);

  /*page:  qosSetting.html*/
  --s-color-qossetting-warn-tip-bg: rgba(255, 140, 39, 0.1);
  --s-color-qossetting-warn-tip-border: rgba(255, 140, 39, 0.1);
  --s-color-qossetting-warn-tip-text: var(--s-color-theme-neutral-text-50);

  /*page: wizard.repeater.html*/
  --s-color-repeater-wizard-main-text: var(--s-color-theme-neutral-text-50);
  --s-color-repeater-wizard-sub-text: var(--s-color-theme-neutral-text-40);
  --s-color-repeater-wizard-deactive-text: var(--s-color-theme-neutral-text-30);
  --s-color-repeater-wizard-mode-select-container-border: var(--s-color-theme-neutral-bg-60);
  --s-color-repeater-wizard-mode-select-container-border-selected: var(--s-color-theme-main-mid);
  --s-color-repeater-wizard-mode-select-container-title-text: var(--s-color-theme-neutral-text-50);
  --s-color-repeater-wizard-settings-summary-container-bg: var(--s-color-theme-neutral-bg-20);
  --s-color-repeater-wizard-extend-network-settings-title-border-b: var(--s-color-theme-neutral-bg-60);
  --s-color-repeater-wizard-quick-setup-finish-content-bg: var(--s-color-theme-neutral-bg-20);
  --s-color-repeater-wizard-prelink-error-suggest-dot-bg: var(--s-color-theme-neutral-text-50);
  --s-color-repeater-wizard-prelink-error-msg-title-text: var(--s-color-theme-main-mid);
  --s-color-repeater-wizard-settings-summary-separator-border-b: var(--s-color-theme-neutral-bg-60);
  /*common: use in wizard.repeater.html&wireless.hostNetwork.html*/
  --s-color-wizard-setup-note-text: var(--s-color-theme-neutral-text-30);
  --s-color-other-ssid-border-b: var(--s-color-theme-neutral-bg-60);
  --s-color-empty-ssid-list-grid-note-text: var(--s-color-theme-neutral-text-30);

  /*common: mode-change*/
  --s-color-mode-change-border: var(--s-color-theme-main-mid);
  --s-color-mode-change-bg: var(--s-color-theme-neutral-bg-10);
  --s-color-mode-change-text: var(--s-color-theme-main-mid);
  --s-color-mode-change-bg-selected: var(--s-color-theme-main-mid);
  --s-color-mode-change-text-selected: var(--s-color-theme-neutral-text-10);

  /* common: help-delta  (use for: status.client / webserver / wirelessSetting)  */
  --s-color-help-delta-border-l: var(--s-color-tip-bg);
  --s-color-help-delta-border-t: transparent;
  --s-color-help-delta-border-b: transparent;
  --s-color-help-delta-container-shadow: #bbb;
  --s-color-help-delta-container-bg: var(--s-color-tip-bg);
  --s-color-help-delta-container-text: var(--s-color-theme-neutral-text-10);

  /*common element: */
  --s-color-p-note-strong-text: var(--s-color-theme-main-mid);/*p.note*/
  --s-color-span-step-text: var(--s-color-theme-main-mid-hover);/*span.step*/
  --s-color-h5-title-note-text: var(--s-color-theme-error);/*div.note -> h5.text*/
  --s-color-a-display-label-value-text-text: var(--s-color-theme-main-link);/*display-label .value-text a*/
  --s-color-a-terms-privacy-policy-text: var(--s-color-theme-main-link);/*.terms-privacy-policy #terms-privacy-policy-text a*/
  --s-color-a-terms-privacy-policy-text-hover: var(--s-color-theme-main-link-hover);
  --s-color-note-warn-label-text: var(--s-color-theme-error);/*.note-warn-label*/
  --s-color-empty-add-text-create-text: var(--s-color-theme-main-mid);/*empty_add many page*/
  --s-color-use-term-bg: #F5F5F5;/*p#useTerm many page*/
  /* --s-color-use-term-border: black; */


  /*unknow selector: 对应dom未找到*/

  /*unknow selector: div#rate-table */
  --s-color-table-ratetable-border: var(--s-color-grid-tr-border);
  --s-color-table-ratetable-header-td-border-r: var(--s-color-grid-tr-border);
  --s-color-table-ratetable-header-td-border-t: var(--s-color-grid-tr-border);
  --s-color-table-ratetable-header-td-text: var(--s-color-grid-text);
  --s-color-table-ratetable-header-td-bg: var(--s-color-grid-content-header-tr-bg);
  --s-color-table-ratetable-content-td-border-r: var(--s-color-grid-tr-border);
  --s-color-table-ratetable-content-td-border-t: var(--s-color-grid-tr-border);

  /*unknow selector: span.advanced-icon / span.basic-icon*/
  --s-color-icon-advanced-bg: var(--s-color-theme-neutral-bg-10);
  --s-color-icon-basic-bg: var(--s-color-theme-neutral-bg-10);

  /*unknow selector: div.sb-network-map*/
  --s-color-sb-network-line-border-t: var(--s-color-bussiness-border-lighter);
  --s-color-sb-network-line-vertical-border-l: var(--s-color-bussiness-border-lighter);
  --s-color-sb-network-line-content-border: var(--s-color-bussiness-border-lighter);
  --s-color-sb-network-line-box-border: var(--s-color-bussiness-border-lighter);
  --s-color-sb-network-num-border: #f7931e;
  --s-color-sb-network-num-bg: #f7931e;
  --s-color-sb-network-num-text: #fff;

  /* unknow selector: div.policy-optimal / div.policy-nominal / div.policy-best */
  --s-color-policy-optimal-bg: #8CBC39;
  --s-color-policy-nominal-bg: #54C7E2;
  --s-color-policy-best-bg: #F9B61E;


  /*unknow selector: span.access-wire-clients-num / span.access-wireless-clients-num*/
  --s-color-access-wireless-num-bg: #54C7E2;
  --s-color-access-wireless-num-border: #fff;
  /*unknow selector: div.access-client-list*/
  --s-color-access-client-list-border-b: var(--s-color-bussiness-border-lighter);
  --s-color-access-client-list-selected-border-b: var(--s-color-bussiness-border-lighter);
  --s-color-access-client-list-selected-text: var(--s-color-theme-main-mid);
  --s-color-access-client-list-detail-bg: #f2f2f2;
  /*unknow selector: span.test-bandwidth / span.stick-top / span.priority-up / span.priority-down*/
  --s-color-span-bandwidth-text: #F9B61E;
  --s-color-span-priority-text: #8CBC39;

  /*unknow selector: div.status-panel / div.usb-panel / div.access-panel / div.access-panel-left */
  --s-color-panel-status-border: var(--s-color-bussiness-border);
  --s-color-panel-status-bg: var(--s-color-theme-neutral-bg-10);
  --s-color-panel-status-h4-text: #3d3d3d;
  --s-color-panel-status-h4-bg: #F2F2F2;
  --s-color-panel-status-h4-border: var(--s-color-bussiness-border);
  --s-color-panel-usb-dot-bg: #96CC56;
  --s-color-panel-access-border: var(--s-color-bussiness-border);
  --s-color-panel-access-left-border-r: var(--s-color-bussiness-border);


  /*unknow selector: colorBlue / div.h20 / div.colorBlue / a.link / a.choose*/
  --s-color-progressbar-color-blue-bg: #9EE6F2;
  --s-color-input-text-h20-text: #599E00;
  --s-color-input-text-color-blue-text: var(--s-color-theme-main-mid);
  --s-color-a-link-text: var(--s-color-theme-main-link);/*a.link*/
  --s-color-a-choose-text: var(--s-color-theme-main-link);/*a.choose*/
}