@import url("nxn_new_login_lt.css");
@import url("nxn_new_login_dk.css");
:root {
  color-scheme: light;
  /* for operating system */
  --nxn-la-login-container-margin: 0;
  --nxn-la-login-container-width-md: auto;
  --nxn-la-login-container-width-lg: auto;
  --nxn-la-login-container-width-xl: auto;
  --nxn-la-login-container-width-xxl: auto;
  --portal-wrapper-padding-bottom: 16px;
  --nxn-body-background-color: #072b44;
  --nxn-body-color: rgba(0, 0, 0, 0.87);
  --nxn-header-banner-padding: 20px 24px 20px 15px;
  --nxn-header-bg-color: transparent;
  --nxn-header-fg-color: rgba(255, 255, 255, 0.87);
  --nxn-fdic-bar-bg-color: #093758;
  --nxn-fdic-bar-fg-color: rgba(255, 255, 255, 0.87);
  --nxn-footer-bg-color: #072b44;
  --nxn-footer-fg-color: rgba(255, 255, 255, 0.5);
  --nxn-footer-bd-color: rgba(255, 255, 255, 0.2);
  --nxn-footer-fdic-bg-color: #072b44;
  --nxn-footer-fdic-fg-color: rgba(255, 255, 255, 0.5);
  --nxn-footer-generic-link-color: rgba(255, 255, 255, 0.5);
  --nxn-footer-generic-link-hover-color: rgba(255, 255, 255, 0.5);
  --nxn-footer-nav-link-color: rgba(255, 255, 255, 0.5);
  --nxn-footer-nav-link-hover-color: rgba(255, 255, 255, 0.5);
  --nxn-footer-copyright-fg-color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 480px) {
  :root {
    --nxn-header-banner-padding: 30px 24px 30px 15px;
  }
}
@media (min-width: 768px) {
  :root {
    --nxn-header-banner-padding: 40px 24px 40px 15px;
  }
}
:root.dark-theme {
  color-scheme: dark;
  /* for operating system */
  --nxn-la-login-container-margin: 0;
  --nxn-la-login-container-width-md: auto;
  --nxn-la-login-container-width-lg: auto;
  --nxn-la-login-container-width-xl: auto;
  --nxn-la-login-container-width-xxl: auto;
  --portal-wrapper-padding-bottom: 16px;
  --nxn-body-background-color: #1a1a1a;
  --nxn-body-color: rgba(255, 255, 255, 0.87);
  --nxn-header-banner-padding: 20px 24px 20px 15px;
  --nxn-header-bg-color: transparent;
  --nxn-header-fg-color: rgba(255, 255, 255, 0.87);
  --nxn-fdic-bar-bg-color: #262626;
  --nxn-fdic-bar-fg-color: rgba(255, 255, 255, 0.87);
  --nxn-footer-bg-color: #1a1a1a;
  --nxn-footer-fg-color: rgba(255, 255, 255, 0.5);
  --nxn-footer-bd-color: rgba(255, 255, 255, 0.2);
  --nxn-footer-fdic-bg-color: #1a1a1a;
  --nxn-footer-fdic-fg-color: rgba(255, 255, 255, 0.5);
  --nxn-footer-generic-link-color: rgba(255, 255, 255, 0.5);
  --nxn-footer-generic-link-hover-color: rgba(255, 255, 255, 0.5);
  --nxn-footer-nav-link-color: rgba(255, 255, 255, 0.5);
  --nxn-footer-nav-link-hover-color: rgba(255, 255, 255, 0.5);
  --nxn-footer-copyright-fg-color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 480px) {
  :root.dark-theme {
    --nxn-header-banner-padding: 30px 24px 30px 15px;
  }
}
@media (min-width: 768px) {
  :root.dark-theme {
    --nxn-header-banner-padding: 40px 24px 40px 15px;
  }
}