@transferwise/components 46.130.3 → 46.131.1

package/src/styles/less/navbar.css

@@ -0,0 +1,2406 @@
+.clearfix::before,
+.clearfix::after,
+.nav::before,
+.nav::after,
+.navbar::before,
+.navbar::after,
+.navbar-header::before,
+.navbar-header::after,
+.navbar-collapse::before,
+.navbar-collapse::after {
+  content: " ";
+  display: table;
+}
+.clearfix::after,
+.nav::after,
+.navbar::after,
+.navbar-header::after,
+.navbar-collapse::after {
+  clear: both;
+}
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+.pull-right,
+.pull-xs-right {
+  float: right !important;
+}
+[dir="rtl"] .pull-right,
+[dir="rtl"] .pull-xs-right {
+  float: left !important;
+}
+.pull-left,
+.pull-xs-left {
+  float: left !important;
+}
+[dir="rtl"] .pull-left,
+[dir="rtl"] .pull-xs-left {
+  float: right !important;
+}
+.pull-xs-none {
+  float: none !important;
+}
+@media (min-width: 576px) {
+  .pull-sm-left {
+    float: left !important;
+  }
+  [dir="rtl"] .pull-sm-left {
+    float: right !important;
+  }
+  .pull-sm-right {
+    float: right !important;
+  }
+  [dir="rtl"] .pull-sm-right {
+    float: left !important;
+  }
+  .pull-sm-none {
+    float: none !important;
+  }
+}
+@media (min-width: 768px) {
+  .pull-md-left {
+    float: left !important;
+  }
+  [dir="rtl"] .pull-md-left {
+    float: right !important;
+  }
+  .pull-md-right {
+    float: right !important;
+  }
+  [dir="rtl"] .pull-md-right {
+    float: left !important;
+  }
+  .pull-md-none {
+    float: none !important;
+  }
+}
+@media (min-width: 992px) {
+  .pull-lg-left {
+    float: left !important;
+  }
+  [dir="rtl"] .pull-lg-left {
+    float: right !important;
+  }
+  .pull-lg-right {
+    float: right !important;
+  }
+  [dir="rtl"] .pull-lg-right {
+    float: left !important;
+  }
+  .pull-lg-none {
+    float: none !important;
+  }
+}
+@media (min-width: 1200px) {
+  .pull-xl-left {
+    float: left !important;
+  }
+  [dir="rtl"] .pull-xl-left {
+    float: right !important;
+  }
+  .pull-xl-right {
+    float: right !important;
+  }
+  [dir="rtl"] .pull-xl-right {
+    float: left !important;
+  }
+  .pull-xl-none {
+    float: none !important;
+  }
+}
+.hide {
+  display: none !important;
+}
+.show {
+  display: block !important;
+}
+.invisible {
+  visibility: hidden;
+}
+.text-hide {
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.hidden {
+  display: none !important;
+}
+.affix {
+  position: fixed;
+}
+.rotate90 {
+  transform: rotate(90deg);
+}
+.rotate180 {
+  transform: rotate(180deg);
+}
+.rotate270 {
+  transform: rotate(270deg);
+}
+.rotate-90 {
+  transform: rotate(-90deg);
+}
+.clickable {
+  cursor: pointer !important;
+}
+.dropup,
+.dropdown {
+  position: relative;
+}
+.dropdown-menu {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  float: left;
+  padding: 8px   ;
+  margin: 0;
+  list-style: none;
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 155%;
+  letter-spacing: -0.006em;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+  text-align: left;
+  background-color: #ffffff;
+  background-color: var(--color-background-screen);
+  border: 0 solid rgba(0,0,0,0.10196);
+  border: 0 solid var(--color-border-neutral);
+  border-radius: 3px;
+  box-shadow: 0 20px 66px 0 rgba(34, 48, 73, 0.2);
+  background-clip: padding-box;
+  min-width: 104px;
+  transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0.2s;
+  opacity: 0;
+  transform: translateY(-10px) scale(0.95, 0.95);
+  visibility: hidden;
+}
+[dir="rtl"] .dropdown-menu {
+  right: 0;
+  left: auto;
+  left: initial;
+}
+[dir="rtl"] .dropdown-menu {
+  float: right;
+}
+[dir="rtl"] .dropdown-menu {
+  padding: 8px   ;
+}
+[dir="rtl"] .dropdown-menu {
+  text-align: right;
+}
+.np-theme-personal .dropdown-menu,
+.np-theme-personal--forest-green .dropdown-menu,
+.np-theme-personal--dark .dropdown-menu {
+  background-color: #ffffff;
+  background-color: var(--color-background-elevated);
+  border-radius: 16px;
+  border-radius: var(--radius-medium);
+  box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
+}
+@media (min-width: 576px) {
+  .dropdown-menu {
+    min-width: 160px;
+  }
+}
+.np-theme-personal--forest-green .dropdown-menu,
+.np-theme-personal--bright-green .dropdown-menu,
+.np-theme-personal--dark .dropdown-menu {
+  box-shadow: none;
+}
+.dropdown-menu .divider {
+  height: 1px;
+  margin: 0;
+  overflow: hidden;
+  background-color: rgba(0,0,0,0.10196);
+  background-color: var(--color-border-neutral);
+}
+.dropdown-menu .text-primary {
+  color: #37517e !important;
+  color: var(--color-content-primary) !important;
+}
+.dropdown-menu > li > a {
+  display: block;
+  padding: var(--dropdown-link-padding);
+  clear: both;
+  border-radius: 3px;
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 155%;
+  letter-spacing: -0.006em;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+  color: #37517e;
+  color: var(--color-content-primary);
+  white-space: nowrap;
+}
+.dropdown-menu > li > a .secondary {
+  display: block;
+  white-space: normal;
+}
+.np-theme-personal .dropdown-menu > li > a,
+.np-theme-personal--forest-green .dropdown-menu > li > a,
+.np-theme-personal--dark .dropdown-menu > li > a {
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+}
+.np-theme-light .dropdown-menu > li:first-child > a {
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
+}
+.np-theme-light .dropdown-menu > li:last-child > a {
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.dropdown-menu > .overlay-back-button,
+.dropdown-menu > .overlay-title {
+  display: none;
+}
+.dropdown-menu,
+.btn-group .dropdown-menu {
+  max-width: calc(100vw - 32px);
+}
+.dropdown-menu.dropdown-menu-sm,
+.btn-group .dropdown-menu.dropdown-menu-sm {
+  width: 220px;
+}
+.dropdown-menu.dropdown-menu-md,
+.btn-group .dropdown-menu.dropdown-menu-md {
+  width: 300px;
+}
+.dropdown-menu.dropdown-menu-lg,
+.btn-group .dropdown-menu.dropdown-menu-lg {
+  width: 420px;
+}
+.dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):hover,
+.dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):focus,
+.dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled):active {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: #37517e;
+  color: var(--color-content-primary);
+  outline: 0;
+  box-shadow: inset 0 0 0 1px #c9cbce;
+  box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .selected > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .selected > a:hover,
+.dropdown-menu > .active > a:focus,
+.dropdown-menu > .selected > a:focus {
+  color: #ffffff;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  outline: 0;
+  background-color: #37517e;
+}
+.dropdown-menu > .active > a strong,
+.dropdown-menu > .selected > a strong {
+  color: inherit;
+}
+.dropdown-menu > .active > a .np-text-body-default,
+.dropdown-menu > .selected > a .np-text-body-default,
+.dropdown-menu > .active > a .small,
+.dropdown-menu > .selected > a .small,
+.dropdown-menu > .active > a .secondary,
+.dropdown-menu > .selected > a .secondary {
+  color: #c9cbce;
+}
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  background-color: transparent;
+  background-image: none;
+}
+.open > .dropdown-menu {
+  transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0s;
+  visibility: visible;
+  opacity: 1;
+  transform: none;
+}
+@media (max-width: 575px) {
+  .open > .dropdown-menu-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    height: 100dvh;
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+    max-width: none;
+    overflow-y: auto;
+    animation: listSlideOver 0.15s ease-out forwards;
+  }
+  [dir="rtl"] .open > .dropdown-menu-overlay {
+    right: 0;
+    left: auto;
+    left: initial;
+  }
+  .open > .dropdown-menu-overlay > .overlay-back-button,
+  .open > .dropdown-menu-overlay > .overlay-title {
+    display: block;
+  }
+}
+.open > a {
+  outline: 0;
+}
+.dropdown-menu-right,
+.dropdown-menu-xs-right {
+  left: auto;
+  right: 0;
+}
+[dir="rtl"] .dropdown-menu-right,
+[dir="rtl"] .dropdown-menu-xs-right {
+  right: auto;
+  left: auto;
+  left: initial;
+}
+[dir="rtl"] .dropdown-menu-right,
+[dir="rtl"] .dropdown-menu-xs-right {
+  left: 0;
+  right: auto;
+  right: initial;
+}
+.dropdown-menu-left,
+.dropdown-menu-xs-left {
+  left: 0;
+  right: auto;
+}
+[dir="rtl"] .dropdown-menu-left,
+[dir="rtl"] .dropdown-menu-xs-left {
+  right: 0;
+  left: auto;
+  left: initial;
+}
+[dir="rtl"] .dropdown-menu-left,
+[dir="rtl"] .dropdown-menu-xs-left {
+  left: auto;
+  right: auto;
+  right: initial;
+}
+@media (min-width: 576px) {
+  .dropdown-menu-sm-right {
+    left: auto;
+    right: 0;
+  }
+  [dir="rtl"] .dropdown-menu-sm-right {
+    right: auto;
+    left: auto;
+    left: initial;
+  }
+  [dir="rtl"] .dropdown-menu-sm-right {
+    left: 0;
+    right: auto;
+    right: initial;
+  }
+  .dropdown-menu-sm-left {
+    left: 0;
+    right: auto;
+  }
+  [dir="rtl"] .dropdown-menu-sm-left {
+    right: 0;
+    left: auto;
+    left: initial;
+  }
+  [dir="rtl"] .dropdown-menu-sm-left {
+    left: auto;
+    right: auto;
+    right: initial;
+  }
+}
+@media (min-width: 768px) {
+  .dropdown-menu-md-right {
+    left: auto;
+    right: 0;
+  }
+  [dir="rtl"] .dropdown-menu-md-right {
+    right: auto;
+    left: auto;
+    left: initial;
+  }
+  [dir="rtl"] .dropdown-menu-md-right {
+    left: 0;
+    right: auto;
+    right: initial;
+  }
+  .dropdown-menu-md-left {
+    left: 0;
+    right: auto;
+  }
+  [dir="rtl"] .dropdown-menu-md-left {
+    right: 0;
+    left: auto;
+    left: initial;
+  }
+  [dir="rtl"] .dropdown-menu-md-left {
+    left: auto;
+    right: auto;
+    right: initial;
+  }
+}
+@media (min-width: 992px) {
+  .dropdown-menu-lg-right {
+    left: auto;
+    right: 0;
+  }
+  [dir="rtl"] .dropdown-menu-lg-right {
+    right: auto;
+    left: auto;
+    left: initial;
+  }
+  [dir="rtl"] .dropdown-menu-lg-right {
+    left: 0;
+    right: auto;
+    right: initial;
+  }
+  .dropdown-menu-lg-left {
+    left: 0;
+    right: auto;
+  }
+  [dir="rtl"] .dropdown-menu-lg-left {
+    right: 0;
+    left: auto;
+    left: initial;
+  }
+  [dir="rtl"] .dropdown-menu-lg-left {
+    left: auto;
+    right: auto;
+    right: initial;
+  }
+}
+@media (min-width: 1200px) {
+  .dropdown-menu-xl-right {
+    left: auto;
+    right: 0;
+  }
+  [dir="rtl"] .dropdown-menu-xl-right {
+    right: auto;
+    left: auto;
+    left: initial;
+  }
+  [dir="rtl"] .dropdown-menu-xl-right {
+    left: 0;
+    right: auto;
+    right: initial;
+  }
+  .dropdown-menu-xl-left {
+    left: 0;
+    right: auto;
+  }
+  [dir="rtl"] .dropdown-menu-xl-left {
+    right: 0;
+    left: auto;
+    left: initial;
+  }
+  [dir="rtl"] .dropdown-menu-xl-left {
+    left: auto;
+    right: auto;
+    right: initial;
+  }
+}
+.dropdown-header {
+  display: block;
+  padding: 8px 16px;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  color: #5d7079;
+  color: var(--color-content-secondary);
+  white-space: nowrap;
+  margin: 0;
+  color: #37517e;
+  color: var(--color-content-primary);
+  line-height: 1.2;
+  line-height: var(--line-height-title);
+  letter-spacing: 0;
+  font-weight: 500;
+  font-weight: var(--font-weight-medium);
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  letter-spacing: -0.006em;
+  line-height: 140%;
+}
+@supports (hyphenate-limit-chars: 1) {
+  .dropdown-header {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .dropdown-header {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .dropdown-header {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .dropdown-header {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .dropdown-header {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
+.dropdown-header + p,
+.dropdown-header + ul:not(.list-unstyled),
+.dropdown-header + ol:not(.list-unstyled) {
+  margin-top: 8px;
+  margin-top: var(--size-8);
+}
+.dropdown-backdrop {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  z-index: 990;
+}
+[dir="rtl"] .dropdown-backdrop {
+  right: 0;
+  left: auto;
+  left: initial;
+}
+[dir="rtl"] .dropdown-backdrop {
+  left: 0;
+  right: auto;
+  right: initial;
+}
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+  top: auto;
+  bottom: -2px;
+  margin-bottom: 2px;
+}
+@media (min-width: 768px) {
+  .navbar-right .dropdown-menu {
+    left: auto;
+    right: 0;
+  }
+  [dir="rtl"] .navbar-right .dropdown-menu {
+    right: auto;
+    left: auto;
+    left: initial;
+  }
+  [dir="rtl"] .navbar-right .dropdown-menu {
+    left: 0;
+    right: auto;
+    right: initial;
+  }
+  .navbar-right .dropdown-menu-left {
+    left: 0;
+    right: auto;
+  }
+  [dir="rtl"] .navbar-right .dropdown-menu-left {
+    right: 0;
+    left: auto;
+    left: initial;
+  }
+  [dir="rtl"] .navbar-right .dropdown-menu-left {
+    left: auto;
+    right: auto;
+    right: initial;
+  }
+}
+.bootstrap-select .dropdown-menu {
+  margin: -8px 0 -6px;
+}
+.nav {
+  margin-bottom: 0;
+  padding-left: 0;
+  list-style: none;
+}
+[dir="rtl"] .nav {
+  padding-right: 0;
+  padding-left: 0;
+  padding-left: initial;
+}
+.nav > li {
+  position: relative;
+  display: block;
+}
+.nav > li > a {
+  position: relative;
+  display: block;
+  outline-offset: -1px;
+  padding: 9px 24px 7px;
+  color: #37517e;
+  color: var(--color-content-primary);
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+}
+.nav > li > a:active {
+  color: #0077a5;
+  color: var(--color-content-accent-active);
+}
+.nav > .active > a {
+  color: #0097c7;
+  color: var(--color-content-accent);
+  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
+}
+.nav > .active > a:hover,
+.nav > .active > a:focus {
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+}
+.nav > .active > a:active {
+  color: #0077a5;
+  color: var(--color-content-accent-active);
+}
+.nav > .disabled > a:hover,
+.nav > .disabled > a:focus,
+.nav > .disabled > a:active {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+  background-color: rgba(134,167,189,0.10196);
+  background-color: var(--color-background-neutral);
+}
+.nav .nav-divider {
+  height: 1px;
+  margin: 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+.nav > li > a > img {
+  max-width: none;
+}
+.nav-inverse > li > a {
+  color: #ffffff;
+}
+.nav-inverse > li.active > a {
+  background-color: #2e4369;
+}
+.nav-tabs {
+  border-bottom: 1px solid rgba(0,0,0,0.10196);
+  border-bottom: 1px solid var(--color-border-neutral);
+}
+.nav-tabs > li {
+  float: left;
+  margin-bottom: -1px;
+}
+[dir="rtl"] .nav-tabs > li {
+  float: right;
+}
+.nav-tabs > li > a {
+  margin-right: 2px;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  border-bottom: 3px solid transparent;
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+}
+[dir="rtl"] .nav-tabs > li > a {
+  margin-left: 2px;
+  margin-right: 0;
+  margin-right: initial;
+}
+.nav-tabs > .active > a {
+  border-bottom: 3px solid rgba(0,0,0,0.10196);
+  border-bottom: 3px solid var(--color-border-neutral);
+}
+.nav-tabs > .active > a:hover,
+.nav-tabs > .active > a:focus {
+  color: #0097c7;
+  color: var(--color-content-accent);
+  cursor: default;
+}
+.nav-pills > li {
+  float: left;
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+}
+[dir="rtl"] .nav-pills > li {
+  float: right;
+}
+.nav-pills > li > a {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+}
+.nav-stacked > li {
+  float: none;
+}
+.nav-stacked > li > a {
+  padding-left: 21px;
+  padding-right: 24px;
+  padding-right: var(--size-24);
+  transition: color 0.2s ease-in-out;
+}
+[dir="rtl"] .nav-stacked > li > a {
+  border-right: 3px solid transparent;
+}
+html:not([dir="rtl"]) .nav-stacked > li > a {
+  border-left: 3px solid transparent;
+}
+[dir="rtl"] .nav-stacked > li > a {
+  padding-right: 21px;
+  padding-left: 0;
+  padding-left: initial;
+}
+[dir="rtl"] .nav-stacked > li > a {
+  padding-left: 24px;
+  padding-left: var(--size-24);
+  padding-right: 0;
+  padding-right: initial;
+}
+.nav-stacked > li > a:active {
+  transition: none;
+}
+@media (min-width: 992px) {
+  .nav-stacked > li > a {
+    padding-right: 32px;
+    padding-right: var(--size-32);
+    padding-left: 29px !important;
+  }
+  [dir="rtl"] .nav-stacked > li > a {
+    padding-left: 32px;
+    padding-left: var(--size-32);
+    padding-right: 0;
+    padding-right: initial;
+  }
+  [dir="rtl"] .nav-stacked > li > a {
+    padding-right: 29px !important;
+    padding-left: 0 !important;
+    padding-left: initial !important;
+  }
+}
+.nav-stacked > li + li {
+  margin-left: 0;
+}
+[dir="rtl"] .nav-stacked > li + li {
+  margin-right: 0;
+  margin-left: 0;
+  margin-left: initial;
+}
+.nav-stacked > li.active > a,
+.nav-stacked > li.active > a:hover,
+.nav-stacked > li.active > a:focus {
+  padding-left: 21px;
+}
+[dir="rtl"] .nav-stacked > li.active > a,
+[dir="rtl"] .nav-stacked > li.active > a:hover,
+[dir="rtl"] .nav-stacked > li.active > a:focus {
+  border-right: 3px solid #00a2dd;
+  border-right: 3px solid var(--color-interactive-accent);
+}
+html:not([dir="rtl"]) .nav-stacked > li.active > a,
+html:not([dir="rtl"]) .nav-stacked > li.active > a:hover,
+html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
+  border-left: 3px solid #00a2dd;
+  border-left: 3px solid var(--color-interactive-accent);
+}
+[dir="rtl"] .nav-stacked > li.active > a,
+[dir="rtl"] .nav-stacked > li.active > a:hover,
+[dir="rtl"] .nav-stacked > li.active > a:focus {
+  padding-right: 21px;
+  padding-left: 0;
+  padding-left: initial;
+}
+.nav-justified {
+  width: 100%;
+}
+.nav-justified > li {
+  float: none;
+  display: table-cell;
+  vertical-align: top;
+  width: 1%;
+  text-align: center;
+}
+.nav-justified > li > a {
+  text-align: center;
+}
+.nav-justified > .dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+[dir="rtl"] .nav-justified > .dropdown .dropdown-menu {
+  right: auto;
+  left: auto;
+  left: initial;
+}
+.nav-justified.nav-pills > li > a {
+  padding: 0 4px;
+  padding: 0 var(--size-4);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+}
+@media (min-width: 768px) {
+  .nav-justified-2-p-x {
+    padding-right: 25%;
+    padding-left: 25%;
+  }
+  .nav-justified-3-p-x {
+    padding-right: 16.66666667%;
+    padding-left: 16.66666667%;
+  }
+  .nav-justified-4-p-x {
+    padding-right: 12.5%;
+    padding-left: 12.5%;
+  }
+  .nav-justified-5-p-x {
+    padding-right: 10%;
+    padding-left: 10%;
+  }
+  .nav-justified-6-p-x {
+    padding-right: 8.33333333%;
+    padding-left: 8.33333333%;
+  }
+  .nav-justified-7-p-x {
+    padding-right: 7.14285714%;
+    padding-left: 7.14285714%;
+  }
+  .nav-justified-8-p-x {
+    padding-right: 6.25%;
+    padding-left: 6.25%;
+  }
+}
+.nav-tabs-justified {
+  border-bottom: 0;
+}
+.nav-tabs-justified > li {
+  float: none;
+  display: table-cell;
+  width: 1%;
+  text-align: center;
+  vertical-align: top;
+}
+.nav-tabs-justified > li > a {
+  margin-right: 0;
+  border-bottom: 1px solid rgba(0,0,0,0.10196);
+  border-bottom: 1px solid var(--color-border-neutral);
+  border-radius: 3px;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+  border: 1px solid rgba(0,0,0,0.10196);
+  border: 1px solid var(--color-border-neutral);
+  border-bottom: 0;
+}
+.tab-content > .tab-pane {
+  display: none;
+}
+.tab-content > .active {
+  display: block;
+}
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.close {
+  float: right;
+  color: #0097c7;
+  color: var(--color-content-accent);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+[dir="rtl"] .close {
+  float: left;
+}
+.np-theme-personal .close {
+  color: var(--color-interactive-primary);
+}
+.close:hover {
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  cursor: pointer;
+}
+.np-theme-personal .close:hover {
+  color: var(--color-interactive-primary-hover);
+}
+.close:focus {
+  outline: none;
+}
+.close:focus-visible {
+  outline: var(--ring-outline-color) solid var(--ring-outline-width);
+  outline-offset: var(--ring-outline-offset);
+}
+.close:active {
+  color: #0077a5;
+  color: var(--color-content-accent-active);
+}
+button.close {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.np-theme-personal button.close:hover {
+  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
+  background: initial;
+}
+.navbar {
+  position: relative;
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  min-height: 56px;
+  margin-bottom: 40px;
+  border: 0 solid transparent;
+  transition: border-top-width 0s linear;
+}
+@media (min-width: 768px) {
+  .navbar {
+    border-radius: 0;
+  }
+  .navbar .container,
+  .navbar .container-fluid {
+    border: 0 solid transparent;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-header {
+    float: left;
+  }
+  [dir="rtl"] .navbar-header {
+    float: right;
+  }
+}
+.navbar-collapse {
+  overflow-x: visible;
+  -webkit-overflow-scrolling: touch;
+}
+@media (min-width: 768px) {
+  .navbar-collapse {
+    width: auto;
+    border-top: 0;
+    box-shadow: none;
+  }
+  .navbar-collapse.collapse {
+    display: block !important;
+    padding-bottom: 0;
+  }
+  .navbar.affix .navbar-collapse,
+  .navbar-fixed-top .navbar-collapse,
+  .navbar-static-top .navbar-collapse,
+  .navbar-fixed-bottom .navbar-collapse {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+@media (min-width: 768px) {
+  .container > .navbar-header,
+  .container-fluid > .navbar-header,
+  .container > .navbar-collapse,
+  .container-fluid > .navbar-collapse {
+    margin-right: 0;
+    margin-left: 0;
+  }
+}
+.navbar-static-top {
+  z-index: 1000;
+  margin-bottom: 0;
+}
+@media (min-width: 768px) {
+  .navbar-static-top {
+    border-radius: 0;
+  }
+  .navbar-static-top .container,
+  .navbar-static-top .container-fluid {
+    border-width: 0;
+    margin-bottom: -1px;
+  }
+}
+.navbar.affix,
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+  backface-visibility: hidden;
+  background-color: #37517e;
+}
+.navbar.affix .navbar-nav > li > a,
+.navbar-fixed-top .navbar-nav > li > a,
+.navbar-fixed-bottom .navbar-nav > li > a,
+.navbar.affix .navbar-nav > li .navbar-title,
+.navbar-fixed-top .navbar-nav > li .navbar-title,
+.navbar-fixed-bottom .navbar-nav > li .navbar-title,
+.navbar.affix .navbar-nav > li .navbar-text,
+.navbar-fixed-top .navbar-nav > li .navbar-text,
+.navbar-fixed-bottom .navbar-nav > li .navbar-text {
+  color: #ffffff;
+  color: var(--color-background-screen);
+}
+@media (max-width: 767px) {
+  .navbar.affix .navbar-nav > li > a,
+  .navbar-fixed-top .navbar-nav > li > a,
+  .navbar-fixed-bottom .navbar-nav > li > a,
+  .navbar.affix .navbar-nav > li .navbar-title,
+  .navbar-fixed-top .navbar-nav > li .navbar-title,
+  .navbar-fixed-bottom .navbar-nav > li .navbar-title,
+  .navbar.affix .navbar-nav > li .navbar-text,
+  .navbar-fixed-top .navbar-nav > li .navbar-text,
+  .navbar-fixed-bottom .navbar-nav > li .navbar-text {
+    color: #37517e;
+    color: var(--color-content-primary);
+  }
+}
+.navbar.affix .navbar-nav > li.active > a,
+.navbar-fixed-top .navbar-nav > li.active > a,
+.navbar-fixed-bottom .navbar-nav > li.active > a {
+  color: #0077a5;
+  color: var(--color-content-accent-active);
+}
+@media (min-width: 768px) {
+  .navbar.affix,
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    border-radius: 0;
+  }
+}
+.navbar.affix {
+  top: -56px;
+  border-top-width: 56px;
+  transition: border-top-width 0.2s ease-out, background-color 0.2s ease-out;
+}
+.navbar-fixed-top {
+  top: 0;
+}
+.navbar-fixed-top .container,
+.navbar-fixed-top .container-fluid {
+  margin-bottom: -1px;
+}
+.navbar-fixed-bottom {
+  bottom: 0;
+  margin-bottom: 0;
+}
+.navbar-fixed-bottom .container,
+.navbar-fixed-bottom .container-fluid {
+  margin-top: -1px;
+}
+.navbar-brand {
+  float: left;
+  padding: 8px 16px 5px;
+  font-size: 16px;
+  font-size: var(--size-16);
+  line-height: 40px;
+  margin-top: 12px;
+  margin-right: 10px;
+  height: 24px;
+  width: 118px;
+}
+[dir="rtl"] .navbar-brand {
+  float: right;
+}
+[dir="rtl"] .navbar-brand {
+  margin-left: 10px;
+  margin-right: 0;
+  margin-right: initial;
+}
+.navbar-brand:hover,
+.navbar-brand:focus {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.navbar-brand > img {
+  display: block;
+}
+.navbar-toggle {
+  position: relative;
+  float: left;
+  padding: 9px 0;
+  margin-top: 12px;
+  margin-bottom: 10px;
+  background-color: transparent;
+  background-image: none;
+  border: 0;
+  margin-right: 12px;
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  margin-bottom: 8px;
+  color: #ffffff;
+}
+[dir="rtl"] .navbar-toggle {
+  float: right;
+}
+[dir="rtl"] .navbar-toggle {
+  margin-left: 12px;
+  margin-right: 0;
+  margin-right: initial;
+}
+.navbar-toggle:focus {
+  outline: 0;
+}
+.navbar-toggle .icon-bar:first-child {
+  margin-top: 1px;
+}
+.navbar-toggle .icon-bar {
+  display: block;
+  width: 22px;
+  height: 2px;
+  border-radius: 1px;
+  background-color: #0097c7;
+  background-color: var(--color-content-accent);
+}
+.navbar-toggle .icon-bar + .icon-bar {
+  margin-top: 4px;
+}
+.navbar-toggle:hover,
+.navbar-toggle:focus {
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+}
+.navbar-toggle:hover .icon-bar,
+.navbar-toggle:focus .icon-bar {
+  background-color: #0084b3;
+  background-color: var(--color-content-accent-hover);
+}
+@media (min-width: 768px) {
+  .navbar-toggle {
+    display: none;
+  }
+}
+.navbar-nav > li > a,
+.navbar-nav > li > button {
+  padding: 9px 16px 7px;
+  line-height: 40px;
+  outline-offset: -1px;
+  transition: color ease 0.15s;
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .navbar-nav > li > a,
+  .navbar-nav > li > button {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  [dir="rtl"] .navbar-nav > li > a,
+  [dir="rtl"] .navbar-nav > li > button {
+    padding-right: 12px;
+    padding-left: 0;
+    padding-left: initial;
+  }
+  [dir="rtl"] .navbar-nav > li > a,
+  [dir="rtl"] .navbar-nav > li > button {
+    padding-left: 12px;
+    padding-right: 0;
+    padding-right: initial;
+  }
+}
+.navbar-nav > li > a.dropdown-toggle,
+.navbar-nav > li > button.dropdown-toggle {
+  height: 56px;
+  border: 0;
+  background: none;
+  line-height: 40px;
+  width: 100%;
+  text-align: left;
+  color: #0097c7;
+  color: var(--color-content-accent);
+}
+[dir="rtl"] .navbar-nav > li > a.dropdown-toggle,
+[dir="rtl"] .navbar-nav > li > button.dropdown-toggle {
+  text-align: right;
+}
+.navbar-nav > li > a.dropdown-toggle:active,
+.navbar-nav > li > button.dropdown-toggle:active,
+.navbar-nav > li > a.dropdown-toggle:focus,
+.navbar-nav > li > button.dropdown-toggle:focus {
+  border-bottom-color: transparent;
+  outline: 0;
+  color: #0077a5;
+  color: var(--color-content-accent-active);
+}
+@media (min-width: 768px) {
+  .navbar-inverse .navbar-nav > li > a.dropdown-toggle,
+  .navbar-inverse .navbar-nav > li > button.dropdown-toggle {
+    color: #ffffff;
+  }
+  .navbar-nav > li > a.dropdown-toggle:hover,
+  .navbar-nav > li > button.dropdown-toggle:hover {
+    border-bottom-color: transparent;
+    outline: 0;
+    color: #0084b3;
+    color: var(--color-content-accent-hover);
+  }
+}
+.navbar-nav > li > a.dropdown-toggle .caret,
+.navbar-nav > li > button.dropdown-toggle .caret {
+  margin-left: 4px;
+}
+[dir="rtl"] .navbar-nav > li > a.dropdown-toggle .caret,
+[dir="rtl"] .navbar-nav > li > button.dropdown-toggle .caret {
+  margin-right: 4px;
+  margin-left: 0;
+  margin-left: initial;
+}
+@media (min-width: 768px) {
+  .navbar-nav > li > a.navbar-title-link,
+  .navbar-nav > li > button.navbar-title-link {
+    font-size: 1.25rem;
+    font-size: var(--font-size-20);
+  }
+}
+.navbar-nav > li.divider {
+  display: none;
+}
+@media (max-width: 767px) {
+  .navbar-nav > li > a,
+  .navbar-nav > li > button {
+    font-size: 1rem;
+    font-size: var(--font-size-16);
+    padding: 9px 16px 7px;
+    -webkit-touch-callout: none;
+  }
+  .navbar-nav .navbar-collapse-flatten .dropdown-toggle {
+    display: none;
+  }
+  .navbar-nav .navbar-collapse-flatten .dropdown-menu {
+    position: static;
+    margin-top: 0;
+    background-color: transparent;
+    border: 0;
+    display: block;
+    float: none;
+    width: 100%;
+    box-shadow: none;
+    padding: 12px 0;
+  }
+  .navbar-nav .navbar-collapse-flatten .dropdown-menu > li > a {
+    padding: 9px 16px 7px;
+  }
+  .navbar-nav > li.divider {
+    display: block;
+    height: 1px;
+    margin: 0;
+    overflow: hidden;
+    background-color: #c9cbce;
+    background-color: var(--color-interactive-secondary);
+  }
+  .navbar-nav > li > a {
+    color: #0097c7;
+    color: var(--color-content-accent);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .navbar-nav > li > a:hover,
+  .navbar-nav > li > a:focus {
+    color: #0084b3;
+    color: var(--color-content-accent-hover);
+  }
+  .navbar-nav > li > a:active {
+    color: #0077a5;
+    color: var(--color-content-accent-active);
+  }
+}
+@media (min-width: 768px) {
+  .navbar-nav {
+    float: left;
+  }
+  [dir="rtl"] .navbar-nav {
+    float: right;
+  }
+  .navbar-nav > li {
+    float: left;
+  }
+  [dir="rtl"] .navbar-nav > li {
+    float: right;
+  }
+  .navbar-nav > li > a {
+    padding-bottom: 6px;
+    font-size: 0.875rem;
+    font-size: var(--font-size-14);
+  }
+}
+.navbar-form {
+  padding: 8px 16px;
+}
+@media (max-width: 767px) {
+  .navbar-form .form-group {
+    margin-bottom: 4px;
+  }
+  .navbar-form .form-group:last-child {
+    margin-bottom: 0;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-form {
+    width: auto;
+    border: 0;
+    margin-left: 0;
+    margin-right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    box-shadow: none;
+    margin-top: 12px;
+    margin-bottom: 12px;
+  }
+}
+@media (min-width: 768px) and (min-width: 576px) {
+  .navbar-form .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .navbar-form .form-control-static {
+    display: inline-block;
+  }
+  .navbar-form .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+  .navbar-form .input-group .input-group-addon,
+  .navbar-form .input-group .input-group-btn,
+  .navbar-form .input-group .form-control {
+    width: auto;
+  }
+  .navbar-form .input-group > .form-control {
+    width: 100%;
+  }
+  .navbar-form .control-label {
+    margin-bottom: 0;
+    vertical-align: calc(-2px);
+  }
+  .navbar-form .radio,
+  .navbar-form .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .radio label,
+  .navbar-form .checkbox label {
+    padding-left: 0;
+  }
+  [dir="rtl"] .navbar-form .radio label,
+  [dir="rtl"] .navbar-form .checkbox label {
+    padding-right: 0;
+    padding-left: 0;
+    padding-left: initial;
+  }
+  .navbar-form .radio input[type="radio"],
+  .navbar-form .checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0;
+  }
+  [dir="rtl"] .navbar-form .radio input[type="radio"],
+  [dir="rtl"] .navbar-form .checkbox input[type="checkbox"] {
+    margin-right: 0;
+    margin-left: 0;
+    margin-left: initial;
+  }
+  .navbar-form .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+@media (max-width: 768px) {
+  .navbar-form {
+    border-bottom: 1px solid rgba(0,0,0,0.10196);
+    border-bottom: 1px solid var(--color-border-neutral);
+  }
+}
+.navbar-nav > li > .dropdown-menu {
+  margin-top: 56px;
+}
+.navbar-nav > li > .dropdown-menu::before {
+  content: " ";
+  position: absolute;
+  display: block;
+  width: 8px;
+  height: 8px;
+  left: 16px;
+  top: -4px;
+  transform: rotate(45deg);
+  background-color: inherit;
+}
+[dir="rtl"] .navbar-nav > li > .dropdown-menu::before {
+  right: 16px;
+  left: auto;
+  left: initial;
+}
+.navbar-nav > li > .dropdown-menu > li > a {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+}
+@media (max-width: 768px) {
+  .navbar-nav > li > .dropdown-menu > li > a {
+    position: relative;
+    -webkit-touch-callout: none;
+  }
+  .navbar-nav > li > .dropdown-menu > li > a .badge {
+    position: absolute;
+    top: 16px;
+    right: 0;
+    padding: 5px;
+    text-indent: 264px;
+    width: 8px;
+    min-width: 8px;
+    height: 8px;
+  }
+  [dir="rtl"] .navbar-nav > li > .dropdown-menu > li > a .badge {
+    left: 0;
+    right: auto;
+    right: initial;
+  }
+}
+.navbar-nav > li > .dropdown-menu > .active > a {
+  color: #0077a5;
+  color: var(--color-content-accent-active);
+  background-color: transparent;
+  font-weight: 700;
+  font-weight: var(--font-weight-bold);
+}
+.navbar-nav > li > .dropdown-menu > .active > a:hover,
+.navbar-nav > li > .dropdown-menu > .active > a:focus {
+  background-color: rgba(134,167,189,0.10196);
+  background-color: var(--color-background-neutral);
+}
+@media (max-width: 576px) {
+  .navbar-nav > li > .dropdown-menu-overlay {
+    margin-top: 0;
+  }
+}
+.navbar-nav > li.dropdown:active > a,
+.navbar-nav > li.dropdown:focus > a,
+.navbar-nav > li.dropdown:focus-within > a,
+.navbar-nav > li.dropdown.focus-within > a,
+.navbar-nav > li.dropdown:active > button,
+.navbar-nav > li.dropdown:focus > button,
+.navbar-nav > li.dropdown:focus-within > button,
+.navbar-nav > li.dropdown.focus-within > button {
+  color: #0077a5;
+  color: var(--color-content-accent-active);
+}
+.navbar-nav > li.dropdown:active .dropdown-menu,
+.navbar-nav > li.dropdown:focus .dropdown-menu,
+.navbar-nav > li.dropdown:focus-within .dropdown-menu,
+.navbar-nav > li.dropdown.focus-within .dropdown-menu {
+  transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0s;
+  visibility: visible;
+  opacity: 1;
+  transform: none;
+}
+@media (min-width: 768px) {
+  .navbar-nav > li.dropdown:hover .dropdown-menu {
+    transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0s;
+    visibility: visible;
+    opacity: 1;
+    transform: none;
+  }
+}
+.navbar-right li > .dropdown-menu::before,
+.pull-xs-right li > .dropdown-menu::before {
+  right: calc((8px * 2) + (8px / 2));
+  left: auto;
+}
+[dir="rtl"] .navbar-right li > .dropdown-menu::before,
+[dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
+  left: calc((8px * 2) + (8px / 2));
+  right: auto;
+  right: initial;
+}
+[dir="rtl"] .navbar-right li > .dropdown-menu::before,
+[dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
+  right: auto;
+  left: auto;
+  left: initial;
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .navbar-right li > .dropdown-menu::before,
+  .pull-xs-right li > .dropdown-menu::before {
+    right: 16px;
+  }
+  [dir="rtl"] .navbar-right li > .dropdown-menu::before,
+  [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
+    left: 16px;
+    right: auto;
+    right: initial;
+  }
+}
+.navbar-right.dropdown-menu-center::before,
+.pull-xs-right.dropdown-menu-center::before {
+  right: auto;
+  left: 50%;
+  margin-left: -4px;
+}
+[dir="rtl"] .navbar-right.dropdown-menu-center::before,
+[dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
+  left: auto;
+  right: auto;
+  right: initial;
+}
+[dir="rtl"] .navbar-right.dropdown-menu-center::before,
+[dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
+  right: 50%;
+  left: auto;
+  left: initial;
+}
+[dir="rtl"] .navbar-right.dropdown-menu-center::before,
+[dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
+  margin-right: -4px;
+  margin-left: 0;
+  margin-left: initial;
+}
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+  margin-bottom: 0;
+}
+.navbar-btn {
+  margin-top: 13px;
+  margin-bottom: 11px;
+  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
+}
+.navbar-btn.btn-sm {
+  margin-top: 13px;
+  margin-bottom: 11px;
+}
+.navbar-btn.btn-xs {
+  margin-top: 18px;
+  margin-bottom: 16px;
+}
+@media (max-width: 767px) {
+  .navbar-btn {
+    display: block;
+  }
+}
+.navbar-text {
+  margin-top: 17px;
+  margin-bottom: 15px;
+}
+@media (min-width: 768px) {
+  .navbar-text {
+    float: left;
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+  [dir="rtl"] .navbar-text {
+    float: right;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-left {
+    float: left !important;
+  }
+  [dir="rtl"] .navbar-left {
+    float: right !important;
+  }
+  .navbar-right {
+    float: right !important;
+  }
+  [dir="rtl"] .navbar-right {
+    float: left !important;
+  }
+  .navbar-right li > .dropdown-menu::before {
+    right: calc((8px * 2) + (8px / 2));
+    left: auto;
+  }
+  [dir="rtl"] .navbar-right li > .dropdown-menu::before {
+    left: calc((8px * 2) + (8px / 2));
+    right: auto;
+    right: initial;
+  }
+  [dir="rtl"] .navbar-right li > .dropdown-menu::before {
+    right: auto;
+    left: auto;
+    left: initial;
+  }
+  .navbar-right.dropdown-menu-center::before {
+    right: auto;
+    left: 50%;
+    margin-left: -4px;
+  }
+  [dir="rtl"] .navbar-right.dropdown-menu-center::before {
+    left: auto;
+    right: auto;
+    right: initial;
+  }
+  [dir="rtl"] .navbar-right.dropdown-menu-center::before {
+    right: 50%;
+    left: auto;
+    left: initial;
+  }
+  [dir="rtl"] .navbar-right.dropdown-menu-center::before {
+    margin-right: -4px;
+    margin-left: 0;
+    margin-left: initial;
+  }
+  .navbar-right ~ .navbar-right {
+    margin-right: 0;
+  }
+  [dir="rtl"] .navbar-right ~ .navbar-right {
+    margin-left: 0;
+    margin-right: 0;
+    margin-right: initial;
+  }
+}
+@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
+  .navbar-right li > .dropdown-menu::before {
+    right: 16px;
+  }
+  [dir="rtl"] .navbar-right li > .dropdown-menu::before {
+    left: 16px;
+    right: auto;
+    right: initial;
+  }
+}
+.navbar-default {
+  background-color: transparent;
+}
+.navbar-default .container,
+.navbar-default .container-fluid {
+  border-color: rgba(0,0,0,0.10196);
+  border-color: var(--color-border-neutral);
+}
+.navbar-default .navbar-brand {
+  color: #ffffff;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+  background-color: transparent;
+}
+.navbar-default .navbar-text {
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.navbar-default .navbar-nav > li > a {
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+@media (min-width: 768px) {
+  .navbar-default .navbar-nav > li > a {
+    border-bottom: 3px solid transparent;
+  }
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+  background-color: transparent;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > .dropdown-toggle {
+  font-weight: 700;
+  font-weight: var(--font-weight-bold);
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > .dropdown-toggle,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > .dropdown-toggle:hover,
+.navbar-default .navbar-nav > .active > a:focus,
+.navbar-default .navbar-nav > .active > .dropdown-toggle:focus {
+  color: #0077a5;
+  color: var(--color-content-accent-active);
+  background-color: transparent;
+  border-color: transparent;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus,
+.navbar-default .navbar-nav > .open > a:focus-within {
+  background-color: transparent;
+  color: #0077a5;
+  color: var(--color-content-accent-active);
+}
+@media (max-width: 767px) {
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+    color: #0097c7;
+    color: var(--color-content-accent);
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus-within {
+    color: #0084b3;
+    color: var(--color-content-accent-hover);
+    background-color: transparent;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
+    font-weight: 700;
+    font-weight: var(--font-weight-bold);
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #0077a5;
+    color: var(--color-content-accent-active);
+    background-color: transparent;
+  }
+}
+.navbar-default .navbar-link {
+  color: #0097c7;
+  color: var(--color-content-accent);
+}
+.navbar-default .navbar-link:hover {
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+}
+.navbar-default .btn-link {
+  color: #0097c7;
+  color: var(--color-content-accent);
+}
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+}
+.navbar-inverse {
+  background-color: transparent;
+}
+.navbar-inverse .container,
+.navbar-inverse .container-fluid {
+  border-color: rgba(0,0,0,0.10196);
+  border-color: var(--color-border-neutral);
+}
+.navbar-inverse .navbar-brand {
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.navbar-inverse .navbar-brand:hover,
+.navbar-inverse .navbar-brand:focus {
+  color: #37517e;
+  color: var(--color-content-primary);
+  background-color: transparent;
+}
+.navbar-inverse .navbar-text {
+  color: #ffffff;
+}
+.navbar-inverse .navbar-nav > li > a {
+  color: #ffffff;
+}
+@media (min-width: 768px) {
+  .navbar-inverse .navbar-nav > li > a {
+    border-bottom: 3px solid transparent;
+  }
+}
+.navbar-inverse .navbar-nav > li > a:hover,
+.navbar-inverse .navbar-nav > li > a:focus {
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+  background-color: transparent;
+}
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > .dropdown-toggle {
+  color: #0077a5;
+  color: var(--color-content-accent-active);
+  font-weight: 700;
+  font-weight: var(--font-weight-bold);
+}
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > .dropdown-toggle,
+.navbar-inverse .navbar-nav > .active > a:hover,
+.navbar-inverse .navbar-nav > .active > .dropdown-toggle:hover,
+.navbar-inverse .navbar-nav > .active > a:focus,
+.navbar-inverse .navbar-nav > .active > .dropdown-toggle:focus {
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+  background-color: transparent;
+  border-color: transparent;
+}
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav .dropdown:focus-within > a,
+.navbar-inverse .navbar-nav > .open > a:hover,
+.navbar-inverse .navbar-nav .dropdown:focus-within > a:hover,
+.navbar-inverse .navbar-nav > .open > a:focus,
+.navbar-inverse .navbar-nav .dropdown:focus-within > a:focus {
+  background-color: transparent;
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+}
+@media (max-width: 767px) {
+  .navbar-inverse .navbar-nav > li > a {
+    color: #37517e;
+    color: var(--color-content-primary);
+  }
+}
+.navbar-inverse .navbar-link {
+  color: #ffffff;
+}
+.navbar-inverse .navbar-link:hover {
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+}
+.navbar-inverse .btn-link {
+  color: #ffffff;
+}
+.navbar-inverse .btn-link:hover,
+.navbar-inverse .btn-link:focus {
+  color: #0084b3;
+  color: var(--color-content-accent-hover);
+}
+.navbar .navbar-brand,
+.navbar-inverse .navbar-brand {
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  color: transparent;
+}
+.navbar .navbar-brand:hover,
+.navbar-inverse .navbar-brand:hover,
+.navbar .navbar-brand:focus,
+.navbar-inverse .navbar-brand:focus {
+  color: transparent;
+}
+.navbar .flag,
+.navbar .fast-flag {
+  height: 24px;
+  width: 24px;
+  margin-top: 16px;
+  margin-right: 8px;
+  float: left;
+}
+[dir="rtl"] .navbar .flag,
+[dir="rtl"] .navbar .fast-flag {
+  margin-left: 8px;
+  margin-right: 0;
+  margin-right: initial;
+}
+[dir="rtl"] .navbar .flag,
+[dir="rtl"] .navbar .fast-flag {
+  float: right;
+}
+.navbar .logo-text {
+  height: 20px;
+  width: 104px;
+  margin-top: 16.5px;
+  margin-right: 8px;
+  float: left;
+}
+[dir="rtl"] .navbar .logo-text {
+  margin-left: 8px;
+  margin-right: 0;
+  margin-right: initial;
+}
+[dir="rtl"] .navbar .logo-text {
+  float: right;
+}
+.cover {
+  display: none;
+}
+@media (max-width: 767px) {
+  .navbar-collapse {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 100% !important;
+    background-color: #ffffff;
+    background-color: var(--color-background-screen);
+    top: 54px;
+    padding: 8px;
+  }
+  .navbar-collapse .open,
+  .navbar-collapse .dropdown:focus-within,
+  .navbar-collapse .dropdown.focus-within {
+    border-bottom: none;
+  }
+  .navbar-collapse .open > a,
+  .navbar-collapse .dropdown:focus-within > a,
+  .navbar-collapse .dropdown.focus-within > a {
+    color: #0097c7;
+    color: var(--color-content-accent);
+  }
+  .navbar-collapse .open .caret,
+  .navbar-collapse .dropdown:focus-within .caret,
+  .navbar-collapse .dropdown.focus-within .caret {
+    transform: rotate(-180deg);
+  }
+  .navbar-collapse.navbar-collapse-with-panel {
+    top: 0;
+    padding: 0;
+    background-color: transparent;
+  }
+  .navbar-collapse .navbar-collapse-panel {
+    position: fixed;
+    height: 100%;
+    top: 0;
+    overflow-y: scroll;
+    padding: 8px;
+    background-color: #ffffff;
+    background-color: var(--color-background-screen);
+    color: #37517e !important;
+    color: var(--color-content-primary) !important;
+    width: 264px;
+    max-width: 264px !important;
+    transition: transform 0.35s ease;
+    transform: translateX(-264px);
+  }
+  .navbar-collapse .navbar-nav > li {
+    border-bottom: 1px solid rgba(0,0,0,0.10196);
+    border-bottom: 1px solid var(--color-border-neutral);
+  }
+  .navbar-collapse .dropdown-menu {
+    position: relative;
+    width: 100%;
+    box-shadow: none;
+    padding: 0;
+    padding-bottom: 12px;
+    float: none;
+    margin-top: 0 !important;
+    border-bottom: 1px solid rgba(0,0,0,0.10196);
+    border-bottom: 1px solid var(--color-border-neutral);
+  }
+  .navbar-collapse .dropdown-menu::before {
+    display: none;
+  }
+  .navbar-collapse .dropdown-menu .dropdown-header {
+    padding: 9px 16px 7px;
+  }
+  .navbar-collapse .navbar-toggle {
+    left: 280px;
+    opacity: 0;
+    transition: opacity 0.35s ease;
+    display: inline-block;
+    position: absolute;
+    top: 4px;
+  }
+  [dir="rtl"] .navbar-collapse .navbar-toggle {
+    right: 280px;
+    left: auto;
+    left: initial;
+  }
+  .navbar-collapse .navbar-toggle.close {
+    margin-top: 0;
+    padding: 9px 0;
+  }
+  .navbar-collapse.in .navbar-toggle {
+    opacity: 1;
+  }
+  .navbar-collapse .cover {
+    display: block;
+    width: 100%;
+    height: 100%;
+    background-color: #2e4369;
+    opacity: 0;
+    transition: opacity 0.35s ease;
+  }
+  .navbar-collapse.in .cover,
+  .navbar-collapse[aria-expanded='true'] .cover {
+    opacity: 0.9;
+  }
+  .navbar-collapse.in .navbar-collapse-panel,
+  .navbar-collapse[aria-expanded='true'] .navbar-collapse-panel {
+    transform: translateX(0);
+  }
+  .navbar-collapse .navbar-btn.btn-group {
+    display: flex;
+  }
+  .navbar-collapse .navbar-btn.btn-group .btn {
+    display: block;
+    width: 100%;
+    text-align: left;
+  }
+  [dir="rtl"] .navbar-collapse .navbar-btn.btn-group .btn {
+    text-align: right;
+  }
+  .navbar-collapse .navbar-btn.btn-group .btn + .dropdown-toggle {
+    flex: 0;
+  }
+  .navbar-collapse .navbar-btn.btn-group .dropdown-menu {
+    width: 100%;
+  }
+}
+.np-theme-light .navbar .profile-name {
+  padding-bottom: 3px;
+}
+.navbar .profile-name .caret {
+  vertical-align: top;
+  line-height: 40px;
+}
+.navbar .profile-name .text-ellipses,
+.navbar .profile-name .text-ellipsis,
+.navbar .profile-name .truncate {
+  max-width: 75px;
+  display: inline-block;
+}
+@media (min-width: 992px) {
+  .navbar .profile-name .text-ellipses,
+  .navbar .profile-name .text-ellipsis,
+  .navbar .profile-name .truncate {
+    max-width: 125px;
+  }
+}
+@media (min-width: 1200px) {
+  .navbar .profile-name .text-ellipses,
+  .navbar .profile-name .text-ellipsis,
+  .navbar .profile-name .truncate {
+    max-width: 220px;
+  }
+}
+.navbar[data-spy~='affix'] + * {
+  margin-top: 0;
+}
+.navbar[data-spy~='affix'].affix + * {
+  margin-top: 56px;
+}
+@media (min-width: 768px) {
+  .navbar + .jumbotron,
+  .navbar + .jumbotron-image,
+  .navbar + .jumbotron-image-inverse,
+  .jumbotron-image-adjacent-to-navbar {
+    margin-top: -58px;
+  }
+  .navbar.affix + .jumbotron,
+  .navbar.affix + .jumbotron-image,
+  .navbar.affix + .jumbotron-image-inverse {
+    margin-top: 0;
+  }
+}
+.navbar + .jumbotron,
+.navbar + .jumbotron-image > .jumbotron,
+.navbar + .jumbotron-image-inverse > .jumbotron,
+.jumbotron-image-adjacent-to-navbar > .jumbotron {
+  padding-bottom: 64px;
+}
+@media (min-width: 768px) {
+  .navbar + .jumbotron,
+  .navbar + .jumbotron-image > .jumbotron,
+  .navbar + .jumbotron-image-inverse > .jumbotron,
+  .jumbotron-image-adjacent-to-navbar > .jumbotron {
+    padding-top: 140px;
+    padding-bottom: 104px;
+  }
+}
+.navbar > .container .navbar-brand,
+.navbar > .container-fluid .navbar-brand {
+  margin-left: 0;
+}
+[dir="rtl"] .navbar > .container .navbar-brand,
+[dir="rtl"] .navbar > .container-fluid .navbar-brand {
+  margin-right: 0;
+  margin-left: 0;
+  margin-left: initial;
+}
+@media (max-width: 767px) {
+  .navbar-static-top {
+    background-color: #37517e;
+    border-bottom-color: transparent;
+  }
+}
+.navbar-title {
+  float: left;
+  font-size: 1.25rem;
+  font-size: var(--font-size-20);
+  line-height: 1.2;
+  line-height: var(--line-height-title);
+  margin-top: 12px;
+  margin-bottom: 12px;
+  font-weight: 700;
+  font-weight: var(--font-weight-bold);
+}
+[dir="rtl"] .navbar-title {
+  float: right;
+}
+.navbar-subtitle {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  margin-bottom: 8px;
+}
+.navbar-title,
+.navbar-subtitle {
+  color: #ffffff;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+  white-space: nowrap;
+  display: inline-block;
+  width: 75%;
+}
+@media (min-width: 992px) {
+  .navbar-title,
+  .navbar-subtitle {
+    color: #37517e;
+    color: var(--color-content-primary);
+    width: 100%;
+  }
+}
+.navbar-logo {
+  width: 127px;
+  height: 22px;
+  margin-top: 13px;
+  margin-bottom: 21px;
+}
+.nav-toolbar {
+  padding-top: 16px;
+  margin-top: -16px;
+  padding-bottom: 0;
+  background-color: #37517e;
+  border-bottom: 1px solid rgba(0,0,0,0.10196);
+  border-bottom: 1px solid var(--color-border-neutral);
+}
+@media (min-width: 992px) {
+  .nav-toolbar {
+    margin-top: 0;
+    background-color: #ffffff;
+    background-color: var(--color-background-screen);
+  }
+  .nav-toolbar.affix {
+    top: 0;
+    z-index: 1000;
+    margin-top: 0;
+    border-top: 0;
+    position: fixed;
+    backface-visibility: hidden;
+  }
+  .nav-toolbar.affix + .container,
+  .nav-toolbar.affix + .container-fluid {
+    margin-top: 64px !important;
+  }
+}
+@media (max-width: 991px) {
+  .nav-toolbar.affix {
+    position: relative !important;
+  }
+  .nav-toolbar.affix + .container,
+  .nav-toolbar.affix + .container-fluid {
+    margin-top: 0 !important;
+  }
+  .nav-toolbar .btn-info:not(.disabled):not(:disabled),
+  .nav-toolbar .btn-warning:not(.disabled):not(:disabled),
+  .nav-toolbar .btn-danger:not(.disabled):not(:disabled) {
+    color: #0097c7;
+    color: var(--color-content-accent);
+    border-color: #00a2dd;
+    border-color: var(--color-interactive-accent);
+  }
+  .nav-toolbar .btn-info:not(.disabled):not(:disabled):hover,
+  .nav-toolbar .btn-warning:not(.disabled):not(:disabled):hover,
+  .nav-toolbar .btn-danger:not(.disabled):not(:disabled):hover {
+    color: #ffffff;
+  }
+  .nav-toolbar .form-control,
+  .nav-toolbar .input-group,
+  .nav-toolbar .btn-input,
+  .nav-toolbar .input-group-addon {
+    border-color: #ffffff;
+  }
+}
+.nav-toolbar h1 {
+  line-height: 1.2;
+  line-height: var(--line-height-title);
+}
+.nav-toolbar .close {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  height: 32px;
+}
+@media (min-width: 992px) {
+  .nav-toolbar--compact {
+    padding-top: 0;
+  }
+}
+@media (min-width: 992px) {
+  .column-layout .nav-toolbar.affix {
+    width: calc(100% - 264px);
+  }
+}
+.simple-nav {
+  background-color: #37517e;
+}
+.simple-nav .navbar-nav > li > a {
+  padding-top: 12px;
+  padding-bottom: 9px;
+}
+.simple-nav .navbar-header {
+  padding-top: 4px;
+  width: calc(100% - 140px);
+}
+@media (min-width: 768px) {
+  .simple-nav .navbar-header {
+    width: calc(100% - 340px);
+  }
+}
+.simple-nav .navbar-nav > li > a.dropdown-toggle {
+  height: 64px;
+}
+.simple-nav > .navbar-right li > a {
+  float: right;
+}
+[dir="rtl"] .simple-nav > .navbar-right li > a {
+  float: left;
+}
+@media (min-width: 576px) {
+  .simple-nav .navbar-nav > li > a {
+    font-size: 1rem !important;
+    font-size: var(--font-size-16) !important;
+  }
+}
+@media (min-width: 992px) {
+  .simple-nav {
+    background-color: #ffffff;
+    background-color: var(--color-background-screen);
+    border-bottom: 1px solid rgba(0,0,0,0.10196);
+    border-bottom: 1px solid var(--color-border-neutral);
+  }
+}
+@media (max-width: 991px) {
+  .simple-nav .navbar-nav > li > a {
+    color: #ffffff;
+  }
+  .simple-nav .navbar-nav > li > a:not(.disabled):not(:disabled):focus,
+  .simple-nav .navbar-nav > li > a:not(.disabled):not(:disabled):hover,
+  .simple-nav .navbar-nav > li > a:not(.disabled):not(:disabled):active {
+    color: #0084b3;
+    color: var(--color-content-accent-hover);
+  }
+}
+.simple-nav .profile-name .text-ellipses,
+.simple-nav .profile-name .text-ellipsis,
+.simple-nav .profile-name .truncate {
+  max-width: 240px;
+}
+.tw-public-navigation-item-content__icon {
+  vertical-align: middle;
+}
+.tw-public-navigation-item-content__text {
+  display: inline-block;
+  vertical-align: middle;
+  max-width: 164px;
+}
+@media (min-width: 768px) {
+  .subnav {
+    height: 128px !important;
+    position: relative;
+    min-height: 64px;
+  }
+  .subnav::before {
+    content: '';
+    background-color: transparent;
+    width: 100%;
+    height: 64px;
+    position: absolute;
+    top: 64px;
+    border-top: rgba(0,0,0,0.10196) solid 1px;
+    border-top: var(--color-border-neutral) solid 1px;
+    left: 0;
+  }
+  [dir="rtl"] .subnav::before {
+    right: 0;
+    left: auto;
+    left: initial;
+  }
+  .subnav.navbar-inverse::before {
+    background-color: #2e4369;
+    border-top: none;
+  }
+  .subnav .navbar-nav > li > a {
+    padding-top: 13px;
+  }
+  .subnav .navbar-nav > li > button {
+    height: 64px;
+  }
+  .subnav .navbar-btn,
+  .subnav .navbar-brand {
+    margin-top: 16px;
+  }
+  .subnav-menu {
+    position: absolute;
+    top: 64px;
+  }
+}
+/* stylelint-enable */
+@media (min-width: 576px) {
+  .form-inline .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .form-inline .form-control-static {
+    display: inline-block;
+  }
+  .form-inline .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+  .form-inline .input-group .input-group-addon,
+  .form-inline .input-group .input-group-btn,
+  .form-inline .input-group .form-control {
+    width: auto;
+  }
+  .form-inline .input-group > .form-control {
+    width: 100%;
+  }
+  .form-inline .control-label {
+    margin-bottom: 0;
+    vertical-align: calc(-2px);
+  }
+  .form-inline .radio,
+  .form-inline .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio label,
+  .form-inline .checkbox label {
+    padding-left: 0;
+  }
+  [dir="rtl"] .form-inline .radio label,
+  [dir="rtl"] .form-inline .checkbox label {
+    padding-right: 0;
+    padding-left: 0;
+    padding-left: initial;
+  }
+  .form-inline .radio input[type="radio"],
+  .form-inline .checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0;
+  }
+  [dir="rtl"] .form-inline .radio input[type="radio"],
+  [dir="rtl"] .form-inline .checkbox input[type="checkbox"] {
+    margin-right: 0;
+    margin-left: 0;
+    margin-left: initial;
+  }
+  .form-inline .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+.nav a,
+.navbar a,
+.pager a,
+.dropdown-menu a {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.tw-public-navigation-item-content__text.text-ellipsis,
+.tw-public-navigation-item-content__text.text-ellipses,
+.tw-public-navigation-item-content__text.truncate {
+  display: inline-block;
+}
+.navbar-background--inverse {
+  background-color: #37517e;
+}