@transferwise/neptune-css 14.8.1 → 14.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/dist/css/accordion.css +235 -1
  2. package/dist/css/alerts.css +761 -1
  3. package/dist/css/background.css +20 -1
  4. package/dist/css/badge.css +90 -1
  5. package/dist/css/border-radius.css +11 -1
  6. package/dist/css/breadcrumbs.css +20 -1
  7. package/dist/css/button-groups.css +412 -1
  8. package/dist/css/buttons.css +1382 -1
  9. package/dist/css/chevron.css +35 -1
  10. package/dist/css/circles.css +284 -1
  11. package/dist/css/close.css +47 -1
  12. package/dist/css/column-layout.css +164 -1
  13. package/dist/css/currency-flags.css +45 -1
  14. package/dist/css/decision.css +95 -1
  15. package/dist/css/dropdowns.css +413 -1
  16. package/dist/css/droppable.css +207 -1
  17. package/dist/css/flex.css +762 -1
  18. package/dist/css/footer.css +118 -1
  19. package/dist/css/grid.css +2369 -1
  20. package/dist/css/input-groups.css +2706 -1
  21. package/dist/css/link-callout.css +20 -1
  22. package/dist/css/list-group.css +267 -1
  23. package/dist/css/loaders.css +76 -1
  24. package/dist/css/media.css +74 -1
  25. package/dist/css/modals.css +185 -1
  26. package/dist/css/navbar-base.css +1214 -1
  27. package/dist/css/navbar.css +2331 -1
  28. package/dist/css/navs.css +296 -1
  29. package/dist/css/neptune-addons.css +1357 -1
  30. package/dist/css/neptune-core.css +1998 -2
  31. package/dist/css/neptune-social-media.css +144 -1
  32. package/dist/css/neptune.css +23576 -2
  33. package/dist/css/panels.css +528 -1
  34. package/dist/css/popovers.css +538 -1
  35. package/dist/css/process.css +483 -1
  36. package/dist/css/progress-bars.css +76 -1
  37. package/dist/css/ring.css +59 -1
  38. package/dist/css/select.css +99 -1
  39. package/dist/css/sequences.css +855 -1
  40. package/dist/css/table.css +446 -1
  41. package/dist/css/tick.css +32 -1
  42. package/dist/css/tooltip.css +142 -1
  43. package/dist/css/utilities.css +1275 -1
  44. package/dist/css/wells.css +74 -1
  45. package/package.json +3 -2
  46. package/scripts/analyze-css-selectors.js +39 -0
  47. package/src/less/{mixins → addons}/_center-block.less +2 -4
  48. package/src/less/addons/_spacing-utilities.less +3 -26
  49. package/src/less/border-radius.less +1 -3
  50. package/src/less/buttons.less +2 -6
  51. package/src/less/core/_scaffolding.less +7 -27
  52. package/src/less/core/_typography-utilities.less +17 -237
  53. package/src/less/flex.less +9 -18
  54. package/src/less/navbar.less +10 -2
  55. package/src/less/neptune-addons.less +4 -1
  56. package/src/less/utilities/align-items.less +107 -0
  57. package/src/less/utilities/align-self.less +107 -0
  58. package/src/less/utilities/border-radius.less +11 -0
  59. package/src/less/utilities/color.less +70 -0
  60. package/src/less/utilities/cursor.less +3 -0
  61. package/src/less/utilities/display.less +178 -0
  62. package/src/less/utilities/flex-direction.less +47 -0
  63. package/src/less/utilities/flex-grow.less +27 -0
  64. package/src/less/utilities/flex-wrap.less +47 -0
  65. package/src/less/utilities/float.less +77 -0
  66. package/src/less/utilities/font-weight.less +11 -0
  67. package/src/less/utilities/gap.less +3 -0
  68. package/src/less/utilities/justify-content.less +107 -0
  69. package/src/less/utilities/margin.less +192 -0
  70. package/src/less/utilities/max-width.less +3 -0
  71. package/src/less/utilities/order.less +87 -0
  72. package/src/less/utilities/outline-style.less +8 -0
  73. package/src/less/utilities/overflow-wrap.less +3 -0
  74. package/src/less/utilities/padding.less +179 -0
  75. package/src/less/utilities/position.less +3 -0
  76. package/src/less/utilities/rotate.less +12 -0
  77. package/src/less/utilities/screen-reader.less +24 -0
  78. package/src/less/utilities/text-align.less +87 -0
  79. package/src/less/utilities/text-decoration-line.less +8 -0
  80. package/src/less/utilities/text-overflow.less +7 -0
  81. package/src/less/utilities/text-transform.less +11 -0
  82. package/src/less/utilities/visibility.less +3 -0
  83. package/src/less/utilities/white-space.less +27 -0
  84. package/src/less/utilities.less +29 -141
  85. package/src/less/addons/_display-utilities.less +0 -159
  86. package/src/less/addons/_utilities.less +0 -147
  87. package/src/less/mixins/_flex.less +0 -105
@@ -1 +1,1214 @@
1
- .navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before{content:" ";display:table}.navbar-collapse:after,.navbar-header:after,.navbar:after{clear:both}.navbar{border:0 solid transparent;font-size:.875rem;font-size:var(--font-size-14);margin-bottom:40px;min-height:56px;position:relative;transition:border-top-width 0s linear}@media (min-width:768px){.navbar{border-radius:0}.navbar .container,.navbar .container-fluid{border:0 solid transparent}.navbar-header{float:left}[dir=rtl] .navbar-header{float:right}}.navbar-collapse{-webkit-overflow-scrolling:touch;overflow-x:visible}@media (min-width:768px){.navbar-collapse{border-top:0;box-shadow:none;width:auto}.navbar-collapse.collapse{display:block!important;padding-bottom:0}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar.affix .navbar-collapse{padding-left:0;padding-right:0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-left:0;margin-right:0}}.navbar-static-top{margin-bottom:0;z-index:1000}@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-fixed-bottom,.navbar-fixed-top,.navbar.affix{backface-visibility:hidden;background-color:#37517e;left:0;position:fixed;right:0;z-index:1030}.navbar-fixed-bottom .navbar-nav>li .navbar-text,.navbar-fixed-bottom .navbar-nav>li .navbar-title,.navbar-fixed-bottom .navbar-nav>li>a,.navbar-fixed-top .navbar-nav>li .navbar-text,.navbar-fixed-top .navbar-nav>li .navbar-title,.navbar-fixed-top .navbar-nav>li>a,.navbar.affix .navbar-nav>li .navbar-text,.navbar.affix .navbar-nav>li .navbar-title,.navbar.affix .navbar-nav>li>a{color:#fff;color:var(--color-background-screen)}@media (max-width:767px){.navbar-fixed-bottom .navbar-nav>li .navbar-text,.navbar-fixed-bottom .navbar-nav>li .navbar-title,.navbar-fixed-bottom .navbar-nav>li>a,.navbar-fixed-top .navbar-nav>li .navbar-text,.navbar-fixed-top .navbar-nav>li .navbar-title,.navbar-fixed-top .navbar-nav>li>a,.navbar.affix .navbar-nav>li .navbar-text,.navbar.affix .navbar-nav>li .navbar-title,.navbar.affix .navbar-nav>li>a{color:#37517e;color:var(--color-content-primary)}}.navbar-fixed-bottom .navbar-nav>li.active>a,.navbar-fixed-top .navbar-nav>li.active>a,.navbar.affix .navbar-nav>li.active>a{color:#0077a5;color:var(--color-content-accent-active)}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top,.navbar.affix{border-radius:0}}.navbar.affix{border-top-width:56px;top:-56px;transition:border-top-width .2s ease-out,background-color .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;font-size:16px;font-size:var(--size-16);height:24px;line-height:40px;margin-right:10px;margin-top:12px;padding:8px 16px 5px;width:118px}[dir=rtl] .navbar-brand{float:right;margin-left:10px;margin-right:0}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}.navbar-toggle{background-color:transparent;background-image:none;border:0;color:#fff;float:left;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;margin-right:12px;margin-top:12px;padding:9px 0;position:relative}[dir=rtl] .navbar-toggle{float:right;margin-left:12px;margin-right:0}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar:first-child{margin-top:1px}.navbar-toggle .icon-bar{background-color:#0097c7;background-color:var(--color-content-accent);border-radius:1px;display:block;height:2px;width:22px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-toggle:focus,.navbar-toggle:hover{color:#0084b3;color:var(--color-content-accent-hover)}.navbar-toggle:focus .icon-bar,.navbar-toggle:hover .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{line-height:40px;outline-offset:-1px;padding:9px 16px 7px;transition:color .15s ease}@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-left:0;padding-left:12px;padding-right:12px;padding-right:0}}.navbar-nav>li>a.dropdown-toggle,.navbar-nav>li>button.dropdown-toggle{background:none;border:0;color:#0097c7;color:var(--color-content-accent);height:56px;line-height:40px;text-align:left;width:100%}[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>a.dropdown-toggle:focus,.navbar-nav>li>button.dropdown-toggle:active,.navbar-nav>li>button.dropdown-toggle:focus{border-bottom-color:transparent;color:#0077a5;color:var(--color-content-accent-active);outline:0}@media (min-width:768px){.navbar-inverse .navbar-nav>li>a.dropdown-toggle,.navbar-inverse .navbar-nav>li>button.dropdown-toggle{color:#fff}.navbar-nav>li>a.dropdown-toggle:hover,.navbar-nav>li>button.dropdown-toggle:hover{border-bottom-color:transparent;color:#0084b3;color:var(--color-content-accent-hover);outline:0}}.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-left:0;margin-right:4px}@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{-webkit-touch-callout:none;font-size:1rem;font-size:var(--font-size-16);padding:9px 16px 7px}.navbar-nav .navbar-collapse-flatten .dropdown-toggle{display:none}.navbar-nav .navbar-collapse-flatten .dropdown-menu{background-color:transparent;border:0;box-shadow:none;display:block;float:none;margin-top:0;padding:12px 0;position:static;width:100%}.navbar-nav .navbar-collapse-flatten .dropdown-menu>li>a{padding:9px 16px 7px}.navbar-nav>li.divider{background-color:#c9cbce;background-color:var(--color-interactive-secondary);display:block;height:1px;margin:0;overflow:hidden}.navbar-nav>li>a{color:#0097c7;color:var(--color-content-accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{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{font-size:.875rem;font-size:var(--font-size-14);padding-bottom:6px}}.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{border:0;box-shadow:none;margin:12px 0;padding-bottom:0;padding-top:0;width:auto}}@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;vertical-align:middle;width:auto}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:-2px}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-bottom:0;margin-top:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}[dir=rtl] .navbar-form .checkbox label,[dir=rtl] .navbar-form .radio label{padding-left:0;padding-right:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{margin-left:0;position:relative}[dir=rtl] .navbar-form .checkbox input[type=checkbox],[dir=rtl] .navbar-form .radio input[type=radio]{margin-left:0;margin-right:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:768px){.navbar-form{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral)}}.navbar-nav>li>.dropdown-menu{margin-top:56px}.navbar-nav>li>.dropdown-menu:before{background-color:inherit;content:" ";display:block;height:8px;left:16px;position:absolute;top:-4px;transform:rotate(45deg);width:8px}[dir=rtl] .navbar-nav>li>.dropdown-menu:before{left:auto;right:16px}.navbar-nav>li>.dropdown-menu>li>a{font-size:.875rem;font-size:var(--font-size-14)}@media (max-width:768px){.navbar-nav>li>.dropdown-menu>li>a{-webkit-touch-callout:none;position:relative}.navbar-nav>li>.dropdown-menu>li>a .badge{height:8px;min-width:8px;padding:5px;position:absolute;right:0;text-indent:264px;top:16px;width:8px}[dir=rtl] .navbar-nav>li>.dropdown-menu>li>a .badge{left:0;right:auto}}.navbar-nav>li>.dropdown-menu>.active>a{background-color:transparent;color:#0077a5;color:var(--color-content-accent-active);font-weight:800;font-weight:var(--font-weight-bold)}.navbar-nav>li>.dropdown-menu>.active>a:focus,.navbar-nav>li>.dropdown-menu>.active>a:hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}@media (max-width:576px){.navbar-nav>li>.dropdown-menu-overlay{margin-top:0}}.navbar-nav>li.dropdown.focus-within>a,.navbar-nav>li.dropdown.focus-within>button,.navbar-nav>li.dropdown:active>a,.navbar-nav>li.dropdown:active>button,.navbar-nav>li.dropdown:focus-within>a,.navbar-nav>li.dropdown:focus-within>button,.navbar-nav>li.dropdown:focus>a,.navbar-nav>li.dropdown:focus>button{color:#0077a5;color:var(--color-content-accent-active)}.navbar-nav>li.dropdown.focus-within .dropdown-menu,.navbar-nav>li.dropdown:active .dropdown-menu,.navbar-nav>li.dropdown:focus .dropdown-menu,.navbar-nav>li.dropdown:focus-within .dropdown-menu{opacity:1;transform:none;transition:opacity .2s cubic-bezier(.6,.2,.1,1),transform .2s cubic-bezier(.6,.2,.1,1),visibility 0s linear 0s;visibility:visible}@media (min-width:768px){.navbar-nav>li.dropdown:hover .dropdown-menu{opacity:1;transform:none;transition:opacity .2s cubic-bezier(.6,.2,.1,1),transform .2s cubic-bezier(.6,.2,.1,1),visibility 0s linear 0s;visibility:visible}}.navbar-right li>.dropdown-menu:before,.pull-xs-right li>.dropdown-menu:before{left:auto;right:20px}[dir=rtl] .navbar-right li>.dropdown-menu:before,[dir=rtl] .pull-xs-right li>.dropdown-menu:before{left:20px;left:auto;right:auto}@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}}.navbar-right.dropdown-menu-center:before,.pull-xs-right.dropdown-menu-center:before{left:50%;margin-left:-4px;right:auto}[dir=rtl] .navbar-right.dropdown-menu-center:before,[dir=rtl] .pull-xs-right.dropdown-menu-center:before{left:auto;margin-left:0;margin-right:-4px;right:auto;right:50%}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0}.navbar-btn{font-weight:600;font-weight:var(--font-weight-semi-bold)}.navbar-btn,.navbar-btn.btn-sm{margin-bottom:11px;margin-top:13px}.navbar-btn.btn-xs{margin-bottom:16px;margin-top:18px}@media (max-width:767px){.navbar-btn{display:block}}.navbar-text{margin-bottom:15px;margin-top:17px}@media (min-width:768px){.navbar-text{float:left;margin-left:16px;margin-right:16px}[dir=rtl] .navbar-text{float:right}.navbar-left{float:left!important}.navbar-right,[dir=rtl] .navbar-left{float:right!important}[dir=rtl] .navbar-right{float:left!important}.navbar-right li>.dropdown-menu:before{left:auto;right:20px}[dir=rtl] .navbar-right li>.dropdown-menu:before{left:20px;left:auto;right:auto}.navbar-right.dropdown-menu-center:before{left:50%;margin-left:-4px;right:auto}[dir=rtl] .navbar-right.dropdown-menu-center:before{left:auto;margin-left:0;margin-right:-4px;right:auto;right:50%}.navbar-right~.navbar-right{margin-right:0}[dir=rtl] .navbar-right~.navbar-right{margin-left:0;margin-right:0}}@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}}.navbar-default{background-color:transparent}.navbar-default .container,.navbar-default .container-fluid{border-color:#0000001a;border-color:var(--color-border-neutral)}.navbar-default .navbar-brand{color:#fff}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{background-color:transparent}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{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:focus,.navbar-default .navbar-nav>li>a:hover{background-color:transparent;color:#0084b3;color:var(--color-content-accent-hover)}.navbar-default .navbar-nav>.active>.dropdown-toggle,.navbar-default .navbar-nav>.active>a{font-weight:800;font-weight:var(--font-weight-bold)}.navbar-default .navbar-nav>.active>.dropdown-toggle,.navbar-default .navbar-nav>.active>.dropdown-toggle:focus,.navbar-default .navbar-nav>.active>.dropdown-toggle:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background-color:transparent;border-color:transparent;color:#0077a5;color:var(--color-content-accent-active)}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:focus-within,.navbar-default .navbar-nav>.open>a:hover{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:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus-within,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{background-color:transparent;color:#0084b3;color:var(--color-content-accent-hover)}.navbar-default .navbar-nav .open .dropdown-menu>.active>a{font-weight:800;font-weight:var(--font-weight-bold)}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{background-color:transparent;color:#0077a5;color:var(--color-content-accent-active)}}.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:focus,.navbar-default .btn-link:hover{color:#0084b3;color:var(--color-content-accent-hover)}.navbar-inverse{background-color:transparent}.navbar-inverse .container,.navbar-inverse .container-fluid{border-color:#0000001a;border-color:var(--color-border-neutral)}.navbar-inverse .navbar-brand{color:#37517e;color:var(--color-content-primary)}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{background-color:transparent;color:#37517e;color:var(--color-content-primary)}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#fff}@media (min-width:768px){.navbar-inverse .navbar-nav>li>a{border-bottom:3px solid transparent}}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{background-color:transparent;color:#0084b3;color:var(--color-content-accent-hover)}.navbar-inverse .navbar-nav>.active>.dropdown-toggle,.navbar-inverse .navbar-nav>.active>a{color:#0077a5;color:var(--color-content-accent-active);font-weight:800;font-weight:var(--font-weight-bold)}.navbar-inverse .navbar-nav>.active>.dropdown-toggle,.navbar-inverse .navbar-nav>.active>.dropdown-toggle:focus,.navbar-inverse .navbar-nav>.active>.dropdown-toggle:hover,.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{background-color:transparent;border-color:transparent;color:#0084b3;color:var(--color-content-accent-hover)}.navbar-inverse .navbar-nav .dropdown:focus-within>a,.navbar-inverse .navbar-nav .dropdown:focus-within>a:focus,.navbar-inverse .navbar-nav .dropdown:focus-within>a:hover,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{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:#fff}.navbar-inverse .navbar-link:hover{color:#0084b3;color:var(--color-content-accent-hover)}.navbar-inverse .btn-link{color:#fff}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#0084b3;color:var(--color-content-accent-hover)}.navbar .navbar-brand,.navbar-inverse .navbar-brand{background-position:50% 50%;background-repeat:no-repeat;color:transparent}.navbar .navbar-brand:focus,.navbar .navbar-brand:hover,.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:transparent}.navbar .fast-flag,.navbar .flag{float:left;height:24px;margin-right:8px;margin-top:16px;width:24px}[dir=rtl] .navbar .fast-flag,[dir=rtl] .navbar .flag{float:right;margin-left:8px;margin-right:0}.navbar .logo-text{float:left;height:20px;margin-right:8px;margin-top:16.5px;width:104px}[dir=rtl] .navbar .logo-text{float:right;margin-left:8px;margin-right:0}.cover{display:none}@media (max-width:767px){.navbar-collapse{background-color:#fff;background-color:var(--color-background-screen);bottom:0;height:100%!important;left:0;padding:8px;position:fixed;right:0;top:54px}.navbar-collapse .dropdown.focus-within,.navbar-collapse .dropdown:focus-within,.navbar-collapse .open{border-bottom:none}.navbar-collapse .dropdown.focus-within>a,.navbar-collapse .dropdown:focus-within>a,.navbar-collapse .open>a{color:#0097c7;color:var(--color-content-accent)}.navbar-collapse .dropdown.focus-within .caret,.navbar-collapse .dropdown:focus-within .caret,.navbar-collapse .open .caret{transform:rotate(-180deg)}.navbar-collapse.navbar-collapse-with-panel{background-color:transparent;padding:0;top:0}.navbar-collapse .navbar-collapse-panel{background-color:#fff;background-color:var(--color-background-screen);color:#37517e!important;color:var(--color-content-primary)!important;height:100%;max-width:264px!important;overflow-y:scroll;padding:8px;position:fixed;top:0;transform:translateX(-264px);transition:transform .35s ease;width:264px}.navbar-collapse .dropdown-menu,.navbar-collapse .navbar-nav>li{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral)}.navbar-collapse .dropdown-menu{box-shadow:none;float:none;margin-top:0!important;padding:0 0 12px;position:relative;width:100%}.navbar-collapse .dropdown-menu:before{display:none}.navbar-collapse .dropdown-menu .dropdown-header{padding:9px 16px 7px}.navbar-collapse .navbar-toggle{display:inline-block;left:280px;opacity:0;position:absolute;top:4px;transition:opacity .35s ease}[dir=rtl] .navbar-collapse .navbar-toggle{left:auto;right:280px}.navbar-collapse .navbar-toggle.close{margin-top:0;padding:9px 0}.navbar-collapse.in .navbar-toggle{opacity:1}.navbar-collapse .cover{background-color:#2e4369;display:block;height:100%;opacity:0;transition:opacity .35s ease;width:100%}.navbar-collapse.in .cover,.navbar-collapse[aria-expanded=true] .cover{opacity:.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;text-align:left;width:100%}[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{line-height:40px;vertical-align:top}.navbar .profile-name .text-ellipses,.navbar .profile-name .text-ellipsis,.navbar .profile-name .truncate{display:inline-block;max-width:75px}@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){.jumbotron-image-adjacent-to-navbar,.navbar+.jumbotron,.navbar+.jumbotron-image,.navbar+.jumbotron-image-inverse{margin-top:-58px}.navbar.affix+.jumbotron,.navbar.affix+.jumbotron-image,.navbar.affix+.jumbotron-image-inverse{margin-top:0}}.jumbotron-image-adjacent-to-navbar>.jumbotron,.navbar+.jumbotron,.navbar+.jumbotron-image-inverse>.jumbotron,.navbar+.jumbotron-image>.jumbotron{padding-bottom:64px}@media (min-width:768px){.jumbotron-image-adjacent-to-navbar>.jumbotron,.navbar+.jumbotron,.navbar+.jumbotron-image-inverse>.jumbotron,.navbar+.jumbotron-image>.jumbotron{padding-bottom:104px;padding-top:140px}}.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-left:0;margin-right:0}@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);font-weight:800;font-weight:var(--font-weight-bold);line-height:1.2;line-height:var(--line-height-title);margin-bottom:12px;margin-top:12px}[dir=rtl] .navbar-title{float:right}.navbar-subtitle{font-size:.875rem;font-size:var(--font-size-14);margin-bottom:8px}.navbar-subtitle,.navbar-title{color:#fff;display:inline-block;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:75%}@media (min-width:992px){.navbar-subtitle,.navbar-title{color:#37517e;color:var(--color-content-primary);width:100%}}.navbar-logo{height:22px;margin-bottom:21px;margin-top:13px;width:127px}.nav-toolbar{background-color:#37517e;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);margin-top:-16px;padding-bottom:0;padding-top:16px}@media (min-width:992px){.nav-toolbar{background-color:#fff;background-color:var(--color-background-screen);margin-top:0}.nav-toolbar.affix{backface-visibility:hidden;border-top:0;margin-top:0;position:fixed;top:0;z-index:1000}.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-danger:not(.disabled,:disabled),.nav-toolbar .btn-info:not(.disabled,:disabled),.nav-toolbar .btn-warning:not(.disabled,:disabled){border-color:#00a2dd;border-color:var(--color-interactive-accent);color:#0097c7;color:var(--color-content-accent)}.nav-toolbar .btn-danger:not(.disabled,:disabled):hover,.nav-toolbar .btn-info:not(.disabled,:disabled):hover,.nav-toolbar .btn-warning:not(.disabled,:disabled):hover{color:#fff}.nav-toolbar .btn-input,.nav-toolbar .form-control,.nav-toolbar .input-group,.nav-toolbar .input-group-addon{border-color:#fff}}.nav-toolbar h1{line-height:1.2;line-height:var(--line-height-title)}.nav-toolbar .close{height:32px;text-decoration:none}@media (min-width:992px){.nav-toolbar--compact{padding-top:0}.column-layout .nav-toolbar.affix{width:calc(100% - 264px)}}.simple-nav{background-color:#37517e}.simple-nav .navbar-nav>li>a{padding-bottom:9px;padding-top:12px}.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:#fff;background-color:var(--color-background-screen);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral)}}@media (max-width:991px){.simple-nav .navbar-nav>li>a{color:#fff}.simple-nav .navbar-nav>li>a:not(.disabled,:disabled):active,.simple-nav .navbar-nav>li>a:not(.disabled,:disabled):focus,.simple-nav .navbar-nav>li>a:not(.disabled,:disabled):hover{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;max-width:164px;vertical-align:middle}@media (min-width:768px){.subnav{height:128px!important;min-height:64px;position:relative}.subnav:before{background-color:transparent;border-top:1px solid #0000001a;border-top:1px solid var(--color-border-neutral);content:"";height:64px;left:0;position:absolute;top:64px;width:100%}[dir=rtl] .subnav:before{left:auto;right:0}.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-brand,.subnav .navbar-btn{margin-top:16px}.subnav-menu{position:absolute;top:64px}}
1
+ @media (min-width: 768px) {
2
+ }@media (min-width: 768px) {
3
+ }@media (min-width: 576px) {
4
+ }.navbar::before,
5
+ .navbar::after,
6
+ .navbar-header::before,
7
+ .navbar-header::after,
8
+ .navbar-collapse::before,
9
+ .navbar-collapse::after {
10
+ content: " ";display: table;
11
+ }.navbar::after,
12
+ .navbar-header::after,
13
+ .navbar-collapse::after {
14
+ clear: both;
15
+ }.navbar {
16
+ position: relative;
17
+ font-size: 0.875rem;
18
+ font-size: var(--font-size-14);
19
+ min-height: 56px;
20
+ margin-bottom: 40px;
21
+ border: 0 solid transparent;
22
+ transition: border-top-width 0s linear;
23
+ }@media (min-width: 768px) {
24
+ .navbar {
25
+ border-radius: 0;
26
+ }
27
+ .navbar .container,
28
+ .navbar .container-fluid {
29
+ border: 0 solid transparent;
30
+ }
31
+ }@media (min-width: 768px) {
32
+ .navbar-header {
33
+ float: left;
34
+ }
35
+ [dir="rtl"] .navbar-header {
36
+ float: right;
37
+ }
38
+ }.navbar-collapse {
39
+ overflow-x: visible;
40
+ -webkit-overflow-scrolling: touch;
41
+ }@media (min-width: 768px) {
42
+ .navbar-collapse {
43
+ width: auto;
44
+ border-top: 0;
45
+ box-shadow: none;
46
+ }
47
+ .navbar-collapse.collapse {
48
+ display: block !important;
49
+ padding-bottom: 0;
50
+ }
51
+ .navbar.affix .navbar-collapse,
52
+ .navbar-fixed-top .navbar-collapse,
53
+ .navbar-static-top .navbar-collapse,
54
+ .navbar-fixed-bottom .navbar-collapse {
55
+ padding-left: 0;
56
+ padding-right: 0;
57
+ }
58
+ }@media (min-width: 768px) {
59
+ .container > .navbar-header,
60
+ .container-fluid > .navbar-header,
61
+ .container > .navbar-collapse,
62
+ .container-fluid > .navbar-collapse {
63
+ margin-right: 0;
64
+ margin-left: 0;
65
+ }
66
+ }.navbar-static-top {
67
+ z-index: 1000;
68
+ margin-bottom: 0;
69
+ }@media (min-width: 768px) {
70
+ .navbar-static-top {
71
+ border-radius: 0;
72
+ }
73
+ .navbar-static-top .container,
74
+ .navbar-static-top .container-fluid {
75
+ border-width: 0;
76
+ margin-bottom: -1px;
77
+ }
78
+ }.navbar.affix,
79
+ .navbar-fixed-top,
80
+ .navbar-fixed-bottom {
81
+ position: fixed;
82
+ right: 0;
83
+ left: 0;
84
+ z-index: 1030;
85
+ backface-visibility: hidden;
86
+ background-color: #37517e;
87
+ }.navbar.affix .navbar-nav > li > a,
88
+ .navbar-fixed-top .navbar-nav > li > a,
89
+ .navbar-fixed-bottom .navbar-nav > li > a,
90
+ .navbar.affix .navbar-nav > li .navbar-title,
91
+ .navbar-fixed-top .navbar-nav > li .navbar-title,
92
+ .navbar-fixed-bottom .navbar-nav > li .navbar-title,
93
+ .navbar.affix .navbar-nav > li .navbar-text,
94
+ .navbar-fixed-top .navbar-nav > li .navbar-text,
95
+ .navbar-fixed-bottom .navbar-nav > li .navbar-text {
96
+ color: #ffffff;
97
+ color: var(--color-background-screen);
98
+ }@media (max-width: 767px) {
99
+ .navbar.affix .navbar-nav > li > a,
100
+ .navbar-fixed-top .navbar-nav > li > a,
101
+ .navbar-fixed-bottom .navbar-nav > li > a,
102
+ .navbar.affix .navbar-nav > li .navbar-title,
103
+ .navbar-fixed-top .navbar-nav > li .navbar-title,
104
+ .navbar-fixed-bottom .navbar-nav > li .navbar-title,
105
+ .navbar.affix .navbar-nav > li .navbar-text,
106
+ .navbar-fixed-top .navbar-nav > li .navbar-text,
107
+ .navbar-fixed-bottom .navbar-nav > li .navbar-text {
108
+ color: #37517e;
109
+ color: var(--color-content-primary);
110
+ }
111
+ }.navbar.affix .navbar-nav > li.active > a,
112
+ .navbar-fixed-top .navbar-nav > li.active > a,
113
+ .navbar-fixed-bottom .navbar-nav > li.active > a {
114
+ color: #0077a5;
115
+ color: var(--color-content-accent-active);
116
+ }@media (min-width: 768px) {
117
+ .navbar.affix,
118
+ .navbar-fixed-top,
119
+ .navbar-fixed-bottom {
120
+ border-radius: 0;
121
+ }
122
+ }.navbar.affix {
123
+ top: -56px;
124
+ border-top-width: 56px;
125
+ transition: border-top-width 0.2s ease-out, background-color 0.2s ease-out;
126
+ }.navbar-fixed-top {
127
+ top: 0;
128
+ }.navbar-fixed-top .container,
129
+ .navbar-fixed-top .container-fluid {
130
+ margin-bottom: -1px;
131
+ }.navbar-fixed-bottom {
132
+ bottom: 0;
133
+ margin-bottom: 0;
134
+ }.navbar-fixed-bottom .container,
135
+ .navbar-fixed-bottom .container-fluid {
136
+ margin-top: -1px;
137
+ }.navbar-brand {
138
+ float: left;
139
+ padding: 8px 16px 5px;
140
+ font-size: 16px;
141
+ font-size: var(--size-16);
142
+ line-height: 40px;
143
+ margin-top: 12px;
144
+ margin-right: 10px;
145
+ height: 24px;
146
+ width: 118px;
147
+ }[dir="rtl"] .navbar-brand {
148
+ float: right;
149
+ }[dir="rtl"] .navbar-brand {
150
+ margin-left: 10px;
151
+ margin-right: 0;
152
+ margin-right: initial;
153
+ }.navbar-brand:hover,
154
+ .navbar-brand:focus {
155
+ -webkit-text-decoration: none;
156
+ text-decoration: none;
157
+ }.navbar-brand > img {
158
+ display: block;
159
+ }.navbar-toggle {
160
+ position: relative;
161
+ float: left;
162
+ padding: 9px 0;
163
+ margin-top: 12px;
164
+ margin-bottom: 10px;
165
+ background-color: transparent;
166
+ background-image: none;
167
+ border: 0;
168
+ margin-right: 12px;
169
+ font-size: 1rem;
170
+ font-size: var(--font-size-16);
171
+ font-weight: 600;
172
+ font-weight: var(--font-weight-semi-bold);
173
+ line-height: 1.5;
174
+ line-height: var(--line-height-body);
175
+ margin-bottom: 8px;
176
+ color: #ffffff;
177
+ }[dir="rtl"] .navbar-toggle {
178
+ float: right;
179
+ }[dir="rtl"] .navbar-toggle {
180
+ margin-left: 12px;
181
+ margin-right: 0;
182
+ margin-right: initial;
183
+ }.navbar-toggle:focus {
184
+ outline: 0;
185
+ }.navbar-toggle .icon-bar:first-child {
186
+ margin-top: 1px;
187
+ }.navbar-toggle .icon-bar {
188
+ display: block;
189
+ width: 22px;
190
+ height: 2px;
191
+ border-radius: 1px;
192
+ background-color: #0097c7;
193
+ background-color: var(--color-content-accent);
194
+ }.navbar-toggle .icon-bar + .icon-bar {
195
+ margin-top: 4px;
196
+ }.navbar-toggle:hover,
197
+ .navbar-toggle:focus {
198
+ color: #0084b3;
199
+ color: var(--color-content-accent-hover);
200
+ }.navbar-toggle:hover .icon-bar,
201
+ .navbar-toggle:focus .icon-bar {
202
+ background-color: #0084b3;
203
+ background-color: var(--color-content-accent-hover);
204
+ }@media (min-width: 768px) {
205
+ .navbar-toggle {
206
+ display: none;
207
+ }
208
+ }.navbar-nav > li > a,
209
+ .navbar-nav > li > button {
210
+ padding: 9px 16px 7px;
211
+ line-height: 40px;
212
+ outline-offset: -1px;
213
+ transition: color ease 0.15s;
214
+ }@media (min-width: 768px) and (max-width: 991px) {
215
+ .navbar-nav > li > a,
216
+ .navbar-nav > li > button {
217
+ padding-left: 12px;
218
+ padding-right: 12px;
219
+ }
220
+ [dir="rtl"] .navbar-nav > li > a,
221
+ [dir="rtl"] .navbar-nav > li > button {
222
+ padding-right: 12px;
223
+ padding-left: 0;
224
+ padding-left: initial;
225
+ }
226
+ [dir="rtl"] .navbar-nav > li > a,
227
+ [dir="rtl"] .navbar-nav > li > button {
228
+ padding-left: 12px;
229
+ padding-right: 0;
230
+ padding-right: initial;
231
+ }
232
+ }.navbar-nav > li > a.dropdown-toggle,
233
+ .navbar-nav > li > button.dropdown-toggle {
234
+ height: 56px;
235
+ border: 0;
236
+ background: none;
237
+ line-height: 40px;
238
+ width: 100%;
239
+ text-align: left;
240
+ color: #0097c7;
241
+ color: var(--color-content-accent);
242
+ }[dir="rtl"] .navbar-nav > li > a.dropdown-toggle,
243
+ [dir="rtl"] .navbar-nav > li > button.dropdown-toggle {
244
+ text-align: right;
245
+ }.navbar-nav > li > a.dropdown-toggle:active,
246
+ .navbar-nav > li > button.dropdown-toggle:active,
247
+ .navbar-nav > li > a.dropdown-toggle:focus,
248
+ .navbar-nav > li > button.dropdown-toggle:focus {
249
+ border-bottom-color: transparent;
250
+ outline: 0;
251
+ color: #0077a5;
252
+ color: var(--color-content-accent-active);
253
+ }@media (min-width: 768px) {
254
+ .navbar-inverse .navbar-nav > li > a.dropdown-toggle,
255
+ .navbar-inverse .navbar-nav > li > button.dropdown-toggle {
256
+ color: #ffffff;
257
+ }
258
+ .navbar-nav > li > a.dropdown-toggle:hover,
259
+ .navbar-nav > li > button.dropdown-toggle:hover {
260
+ border-bottom-color: transparent;
261
+ outline: 0;
262
+ color: #0084b3;
263
+ color: var(--color-content-accent-hover);
264
+ }
265
+ }.navbar-nav > li > a.dropdown-toggle .caret,
266
+ .navbar-nav > li > button.dropdown-toggle .caret {
267
+ margin-left: 4px;
268
+ }[dir="rtl"] .navbar-nav > li > a.dropdown-toggle .caret,
269
+ [dir="rtl"] .navbar-nav > li > button.dropdown-toggle .caret {
270
+ margin-right: 4px;
271
+ margin-left: 0;
272
+ margin-left: initial;
273
+ }@media (min-width: 768px) {
274
+ .navbar-nav > li > a.navbar-title-link,
275
+ .navbar-nav > li > button.navbar-title-link {
276
+ font-size: 1.25rem;
277
+ font-size: var(--font-size-20);
278
+ }
279
+ }.navbar-nav > li.divider {
280
+ display: none;
281
+ }@media (max-width: 767px) {
282
+ .navbar-nav > li > a,
283
+ .navbar-nav > li > button {
284
+ font-size: 1rem;
285
+ font-size: var(--font-size-16);
286
+ padding: 9px 16px 7px;
287
+ -webkit-touch-callout: none;
288
+ }
289
+ .navbar-nav .navbar-collapse-flatten .dropdown-toggle {
290
+ display: none;
291
+ }
292
+ .navbar-nav .navbar-collapse-flatten .dropdown-menu {
293
+ position: static;
294
+ margin-top: 0;
295
+ background-color: transparent;
296
+ border: 0;
297
+ display: block;
298
+ float: none;
299
+ width: 100%;
300
+ box-shadow: none;
301
+ padding: 12px 0;
302
+ }
303
+ .navbar-nav .navbar-collapse-flatten .dropdown-menu > li > a {
304
+ padding: 9px 16px 7px;
305
+ }
306
+ .navbar-nav > li.divider {
307
+ display: block;
308
+ height: 1px;
309
+ margin: 0;
310
+ overflow: hidden;
311
+ background-color: #c9cbce;
312
+ background-color: var(--color-interactive-secondary);
313
+ }
314
+ .navbar-nav > li > a {
315
+ color: #0097c7;
316
+ color: var(--color-content-accent);
317
+ overflow: hidden;
318
+ text-overflow: ellipsis;
319
+ white-space: nowrap;
320
+ }
321
+ .navbar-nav > li > a:hover,
322
+ .navbar-nav > li > a:focus {
323
+ color: #0084b3;
324
+ color: var(--color-content-accent-hover);
325
+ }
326
+ .navbar-nav > li > a:active {
327
+ color: #0077a5;
328
+ color: var(--color-content-accent-active);
329
+ }
330
+ }@media (min-width: 768px) {
331
+ .navbar-nav {
332
+ float: left;
333
+ }
334
+ [dir="rtl"] .navbar-nav {
335
+ float: right;
336
+ }
337
+ .navbar-nav > li {
338
+ float: left;
339
+ }
340
+ [dir="rtl"] .navbar-nav > li {
341
+ float: right;
342
+ }
343
+ .navbar-nav > li > a {
344
+ padding-bottom: 6px;
345
+ font-size: 0.875rem;
346
+ font-size: var(--font-size-14);
347
+ }
348
+ }.navbar-form {
349
+ padding: 8px 16px;
350
+ }@media (max-width: 767px) {
351
+ .navbar-form .form-group {
352
+ margin-bottom: 4px;
353
+ }
354
+ .navbar-form .form-group:last-child {
355
+ margin-bottom: 0;
356
+ }
357
+ }@media (min-width: 768px) {
358
+ .navbar-form {
359
+ width: auto;
360
+ border: 0;
361
+ margin-left: 0;
362
+ margin-right: 0;
363
+ padding-top: 0;
364
+ padding-bottom: 0;
365
+ box-shadow: none;
366
+ margin-top: 12px;
367
+ margin-bottom: 12px;
368
+ }
369
+ }@media (min-width: 768px) and (min-width: 576px) {
370
+ .navbar-form .form-group {
371
+ display: inline-block;
372
+ margin-bottom: 0;
373
+ vertical-align: middle;
374
+ }
375
+ .navbar-form .form-control {
376
+ display: inline-block;
377
+ width: auto;
378
+ vertical-align: middle;
379
+ }
380
+ .navbar-form .form-control-static {
381
+ display: inline-block;
382
+ }
383
+ .navbar-form .input-group {
384
+ display: inline-table;
385
+ vertical-align: middle;
386
+ }
387
+ .navbar-form .input-group .input-group-addon,
388
+ .navbar-form .input-group .input-group-btn,
389
+ .navbar-form .input-group .form-control {
390
+ width: auto;
391
+ }
392
+ .navbar-form .input-group > .form-control {
393
+ width: 100%;
394
+ }
395
+ .navbar-form .control-label {
396
+ margin-bottom: 0;
397
+ vertical-align: calc(-2px);
398
+ }
399
+ .navbar-form .radio,
400
+ .navbar-form .checkbox {
401
+ display: inline-block;
402
+ margin-top: 0;
403
+ margin-bottom: 0;
404
+ vertical-align: middle;
405
+ }
406
+ .navbar-form .radio label,
407
+ .navbar-form .checkbox label {
408
+ padding-left: 0;
409
+ }
410
+ [dir="rtl"] .navbar-form .radio label,
411
+ [dir="rtl"] .navbar-form .checkbox label {
412
+ padding-right: 0;
413
+ padding-left: 0;
414
+ padding-left: initial;
415
+ }
416
+ .navbar-form .radio input[type="radio"],
417
+ .navbar-form .checkbox input[type="checkbox"] {
418
+ position: relative;
419
+ margin-left: 0;
420
+ }
421
+ [dir="rtl"] .navbar-form .radio input[type="radio"],
422
+ [dir="rtl"] .navbar-form .checkbox input[type="checkbox"] {
423
+ margin-right: 0;
424
+ margin-left: 0;
425
+ margin-left: initial;
426
+ }
427
+ .navbar-form .has-feedback .form-control-feedback {
428
+ top: 0;
429
+ }
430
+ }@media (max-width: 768px) {
431
+ .navbar-form {
432
+ border-bottom: 1px solid rgba(0,0,0,0.10196);
433
+ border-bottom: 1px solid var(--color-border-neutral);
434
+ }
435
+ }.navbar-nav > li > .dropdown-menu {
436
+ margin-top: 56px;
437
+ }.navbar-nav > li > .dropdown-menu::before {
438
+ content: " ";
439
+ position: absolute;
440
+ display: block;
441
+ width: 8px;
442
+ height: 8px;
443
+ left: 16px;
444
+ top: -4px;
445
+ transform: rotate(45deg);
446
+ background-color: inherit;
447
+ }[dir="rtl"] .navbar-nav > li > .dropdown-menu::before {
448
+ right: 16px;
449
+ left: auto;
450
+ left: initial;
451
+ }.navbar-nav > li > .dropdown-menu > li > a {
452
+ font-size: 0.875rem;
453
+ font-size: var(--font-size-14);
454
+ }@media (max-width: 768px) {
455
+ .navbar-nav > li > .dropdown-menu > li > a {
456
+ position: relative;
457
+ -webkit-touch-callout: none;
458
+ }
459
+ .navbar-nav > li > .dropdown-menu > li > a .badge {
460
+ position: absolute;
461
+ top: 16px;
462
+ right: 0;
463
+ padding: 5px;
464
+ text-indent: 264px;
465
+ width: 8px;
466
+ min-width: 8px;
467
+ height: 8px;
468
+ }
469
+ [dir="rtl"] .navbar-nav > li > .dropdown-menu > li > a .badge {
470
+ left: 0;
471
+ right: auto;
472
+ right: initial;
473
+ }
474
+ }.navbar-nav > li > .dropdown-menu > .active > a {
475
+ color: #0077a5;
476
+ color: var(--color-content-accent-active);
477
+ background-color: transparent;
478
+ font-weight: 800;
479
+ font-weight: var(--font-weight-bold);
480
+ }.navbar-nav > li > .dropdown-menu > .active > a:hover,
481
+ .navbar-nav > li > .dropdown-menu > .active > a:focus {
482
+ background-color: rgba(134,167,189,0.10196);
483
+ background-color: var(--color-background-neutral);
484
+ }@media (max-width: 576px) {
485
+ .navbar-nav > li > .dropdown-menu-overlay {
486
+ margin-top: 0;
487
+ }
488
+ }.navbar-nav > li.dropdown:active > a,
489
+ .navbar-nav > li.dropdown:focus > a,
490
+ .navbar-nav > li.dropdown:focus-within > a,
491
+ .navbar-nav > li.dropdown.focus-within > a,
492
+ .navbar-nav > li.dropdown:active > button,
493
+ .navbar-nav > li.dropdown:focus > button,
494
+ .navbar-nav > li.dropdown:focus-within > button,
495
+ .navbar-nav > li.dropdown.focus-within > button {
496
+ color: #0077a5;
497
+ color: var(--color-content-accent-active);
498
+ }.navbar-nav > li.dropdown:active .dropdown-menu,
499
+ .navbar-nav > li.dropdown:focus .dropdown-menu,
500
+ .navbar-nav > li.dropdown:focus-within .dropdown-menu,
501
+ .navbar-nav > li.dropdown.focus-within .dropdown-menu {
502
+ 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;
503
+ visibility: visible;
504
+ opacity: 1;
505
+ transform: none;
506
+ }@media (min-width: 768px) {
507
+ .navbar-nav > li.dropdown:hover .dropdown-menu {
508
+ 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;
509
+ visibility: visible;
510
+ opacity: 1;
511
+ transform: none;
512
+ }
513
+ }.navbar-right li > .dropdown-menu::before,
514
+ .pull-xs-right li > .dropdown-menu::before {
515
+ right: calc((8px * 2) + (8px / 2));
516
+ left: auto;
517
+ }[dir="rtl"] .navbar-right li > .dropdown-menu::before,
518
+ [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
519
+ left: calc((8px * 2) + (8px / 2));
520
+ right: auto;
521
+ right: initial;
522
+ }[dir="rtl"] .navbar-right li > .dropdown-menu::before,
523
+ [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
524
+ right: auto;
525
+ left: auto;
526
+ left: initial;
527
+ }@media (min-width: 768px) and (max-width: 991px) {
528
+ .navbar-right li > .dropdown-menu::before,
529
+ .pull-xs-right li > .dropdown-menu::before {
530
+ right: 16px;
531
+ }
532
+ [dir="rtl"] .navbar-right li > .dropdown-menu::before,
533
+ [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
534
+ left: 16px;
535
+ right: auto;
536
+ right: initial;
537
+ }
538
+ }.navbar-right.dropdown-menu-center::before,
539
+ .pull-xs-right.dropdown-menu-center::before {
540
+ right: auto;
541
+ left: 50%;
542
+ margin-left: -4px;
543
+ }[dir="rtl"] .navbar-right.dropdown-menu-center::before,
544
+ [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
545
+ left: auto;
546
+ right: auto;
547
+ right: initial;
548
+ }[dir="rtl"] .navbar-right.dropdown-menu-center::before,
549
+ [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
550
+ right: 50%;
551
+ left: auto;
552
+ left: initial;
553
+ }[dir="rtl"] .navbar-right.dropdown-menu-center::before,
554
+ [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
555
+ margin-right: -4px;
556
+ margin-left: 0;
557
+ margin-left: initial;
558
+ }.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
559
+ margin-bottom: 0;
560
+ }.navbar-btn {
561
+ margin-top: 13px;
562
+ margin-bottom: 11px;
563
+ font-weight: 600;
564
+ font-weight: var(--font-weight-semi-bold);
565
+ }.navbar-btn.btn-sm {
566
+ margin-top: 13px;
567
+ margin-bottom: 11px;
568
+ }.navbar-btn.btn-xs {
569
+ margin-top: 18px;
570
+ margin-bottom: 16px;
571
+ }@media (max-width: 767px) {
572
+ .navbar-btn {
573
+ display: block;
574
+ }
575
+ }.navbar-text {
576
+ margin-top: 17px;
577
+ margin-bottom: 15px;
578
+ }@media (min-width: 768px) {
579
+ .navbar-text {
580
+ float: left;
581
+ margin-left: 16px;
582
+ margin-right: 16px;
583
+ }
584
+ [dir="rtl"] .navbar-text {
585
+ float: right;
586
+ }
587
+ }@media (min-width: 768px) {
588
+ .navbar-left {
589
+ float: inline-start !important;
590
+ }
591
+ .navbar-right {
592
+ float: inline-end !important;
593
+ }
594
+ .navbar-right li > .dropdown-menu::before {
595
+ right: calc((8px * 2) + (8px / 2));
596
+ left: auto;
597
+ }
598
+ [dir="rtl"] .navbar-right li > .dropdown-menu::before {
599
+ left: calc((8px * 2) + (8px / 2));
600
+ right: auto;
601
+ right: initial;
602
+ }
603
+ [dir="rtl"] .navbar-right li > .dropdown-menu::before {
604
+ right: auto;
605
+ left: auto;
606
+ left: initial;
607
+ }
608
+ .navbar-right.dropdown-menu-center::before {
609
+ right: auto;
610
+ left: 50%;
611
+ margin-left: -4px;
612
+ }
613
+ [dir="rtl"] .navbar-right.dropdown-menu-center::before {
614
+ left: auto;
615
+ right: auto;
616
+ right: initial;
617
+ }
618
+ [dir="rtl"] .navbar-right.dropdown-menu-center::before {
619
+ right: 50%;
620
+ left: auto;
621
+ left: initial;
622
+ }
623
+ [dir="rtl"] .navbar-right.dropdown-menu-center::before {
624
+ margin-right: -4px;
625
+ margin-left: 0;
626
+ margin-left: initial;
627
+ }
628
+ .navbar-right ~ .navbar-right {
629
+ margin-right: 0;
630
+ }
631
+ [dir="rtl"] .navbar-right ~ .navbar-right {
632
+ margin-left: 0;
633
+ margin-right: 0;
634
+ margin-right: initial;
635
+ }
636
+ }@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
637
+ .navbar-right li > .dropdown-menu::before {
638
+ right: 16px;
639
+ }
640
+ [dir="rtl"] .navbar-right li > .dropdown-menu::before {
641
+ left: 16px;
642
+ right: auto;
643
+ right: initial;
644
+ }
645
+ }.navbar-default {
646
+ background-color: transparent;
647
+ }.navbar-default .container,
648
+ .navbar-default .container-fluid {
649
+ border-color: rgba(0,0,0,0.10196);
650
+ border-color: var(--color-border-neutral);
651
+ }.navbar-default .navbar-brand {
652
+ color: #ffffff;
653
+ }.navbar-default .navbar-brand:hover,
654
+ .navbar-default .navbar-brand:focus {
655
+ background-color: transparent;
656
+ }.navbar-default .navbar-text {
657
+ color: #37517e;
658
+ color: var(--color-content-primary);
659
+ }.navbar-default .navbar-nav > li > a {
660
+ color: #37517e;
661
+ color: var(--color-content-primary);
662
+ }@media (min-width: 768px) {
663
+ .navbar-default .navbar-nav > li > a {
664
+ border-bottom: 3px solid transparent;
665
+ }
666
+ }.navbar-default .navbar-nav > li > a:hover,
667
+ .navbar-default .navbar-nav > li > a:focus {
668
+ color: #0084b3;
669
+ color: var(--color-content-accent-hover);
670
+ background-color: transparent;
671
+ }.navbar-default .navbar-nav > .active > a,
672
+ .navbar-default .navbar-nav > .active > .dropdown-toggle {
673
+ font-weight: 800;
674
+ font-weight: var(--font-weight-bold);
675
+ }.navbar-default .navbar-nav > .active > a,
676
+ .navbar-default .navbar-nav > .active > .dropdown-toggle,
677
+ .navbar-default .navbar-nav > .active > a:hover,
678
+ .navbar-default .navbar-nav > .active > .dropdown-toggle:hover,
679
+ .navbar-default .navbar-nav > .active > a:focus,
680
+ .navbar-default .navbar-nav > .active > .dropdown-toggle:focus {
681
+ color: #0077a5;
682
+ color: var(--color-content-accent-active);
683
+ background-color: transparent;
684
+ border-color: transparent;
685
+ }.navbar-default .navbar-nav > .open > a,
686
+ .navbar-default .navbar-nav > .open > a:hover,
687
+ .navbar-default .navbar-nav > .open > a:focus,
688
+ .navbar-default .navbar-nav > .open > a:focus-within {
689
+ background-color: transparent;
690
+ color: #0077a5;
691
+ color: var(--color-content-accent-active);
692
+ }@media (max-width: 767px) {
693
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a {
694
+ color: #0097c7;
695
+ color: var(--color-content-accent);
696
+ }
697
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
698
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
699
+ .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus-within {
700
+ color: #0084b3;
701
+ color: var(--color-content-accent-hover);
702
+ background-color: transparent;
703
+ }
704
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
705
+ font-weight: 800;
706
+ font-weight: var(--font-weight-bold);
707
+ }
708
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
709
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
710
+ .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
711
+ color: #0077a5;
712
+ color: var(--color-content-accent-active);
713
+ background-color: transparent;
714
+ }
715
+ }.navbar-default .navbar-link {
716
+ color: #0097c7;
717
+ color: var(--color-content-accent);
718
+ }.navbar-default .navbar-link:hover {
719
+ color: #0084b3;
720
+ color: var(--color-content-accent-hover);
721
+ }.navbar-default .btn-link {
722
+ color: #0097c7;
723
+ color: var(--color-content-accent);
724
+ }.navbar-default .btn-link:hover,
725
+ .navbar-default .btn-link:focus {
726
+ color: #0084b3;
727
+ color: var(--color-content-accent-hover);
728
+ }.navbar-inverse {
729
+ background-color: transparent;
730
+ }.navbar-inverse .container,
731
+ .navbar-inverse .container-fluid {
732
+ border-color: rgba(0,0,0,0.10196);
733
+ border-color: var(--color-border-neutral);
734
+ }.navbar-inverse .navbar-brand {
735
+ color: #37517e;
736
+ color: var(--color-content-primary);
737
+ }.navbar-inverse .navbar-brand:hover,
738
+ .navbar-inverse .navbar-brand:focus {
739
+ color: #37517e;
740
+ color: var(--color-content-primary);
741
+ background-color: transparent;
742
+ }.navbar-inverse .navbar-text {
743
+ color: #ffffff;
744
+ }.navbar-inverse .navbar-nav > li > a {
745
+ color: #ffffff;
746
+ }@media (min-width: 768px) {
747
+ .navbar-inverse .navbar-nav > li > a {
748
+ border-bottom: 3px solid transparent;
749
+ }
750
+ }.navbar-inverse .navbar-nav > li > a:hover,
751
+ .navbar-inverse .navbar-nav > li > a:focus {
752
+ color: #0084b3;
753
+ color: var(--color-content-accent-hover);
754
+ background-color: transparent;
755
+ }.navbar-inverse .navbar-nav > .active > a,
756
+ .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
757
+ color: #0077a5;
758
+ color: var(--color-content-accent-active);
759
+ font-weight: 800;
760
+ font-weight: var(--font-weight-bold);
761
+ }.navbar-inverse .navbar-nav > .active > a,
762
+ .navbar-inverse .navbar-nav > .active > .dropdown-toggle,
763
+ .navbar-inverse .navbar-nav > .active > a:hover,
764
+ .navbar-inverse .navbar-nav > .active > .dropdown-toggle:hover,
765
+ .navbar-inverse .navbar-nav > .active > a:focus,
766
+ .navbar-inverse .navbar-nav > .active > .dropdown-toggle:focus {
767
+ color: #0084b3;
768
+ color: var(--color-content-accent-hover);
769
+ background-color: transparent;
770
+ border-color: transparent;
771
+ }.navbar-inverse .navbar-nav > .open > a,
772
+ .navbar-inverse .navbar-nav .dropdown:focus-within > a,
773
+ .navbar-inverse .navbar-nav > .open > a:hover,
774
+ .navbar-inverse .navbar-nav .dropdown:focus-within > a:hover,
775
+ .navbar-inverse .navbar-nav > .open > a:focus,
776
+ .navbar-inverse .navbar-nav .dropdown:focus-within > a:focus {
777
+ background-color: transparent;
778
+ color: #0084b3;
779
+ color: var(--color-content-accent-hover);
780
+ }@media (max-width: 767px) {
781
+ .navbar-inverse .navbar-nav > li > a {
782
+ color: #37517e;
783
+ color: var(--color-content-primary);
784
+ }
785
+ }.navbar-inverse .navbar-link {
786
+ color: #ffffff;
787
+ }.navbar-inverse .navbar-link:hover {
788
+ color: #0084b3;
789
+ color: var(--color-content-accent-hover);
790
+ }.navbar-inverse .btn-link {
791
+ color: #ffffff;
792
+ }.navbar-inverse .btn-link:hover,
793
+ .navbar-inverse .btn-link:focus {
794
+ color: #0084b3;
795
+ color: var(--color-content-accent-hover);
796
+ }.navbar .navbar-brand,
797
+ .navbar-inverse .navbar-brand {
798
+ background-repeat: no-repeat;
799
+ background-position: 50% 50%;
800
+ color: transparent;
801
+ }.navbar .navbar-brand:hover,
802
+ .navbar-inverse .navbar-brand:hover,
803
+ .navbar .navbar-brand:focus,
804
+ .navbar-inverse .navbar-brand:focus {
805
+ color: transparent;
806
+ }.navbar .flag,
807
+ .navbar .fast-flag {
808
+ height: 24px;
809
+ width: 24px;
810
+ margin-top: 16px;
811
+ margin-right: 8px;
812
+ float: left;
813
+ }[dir="rtl"] .navbar .flag,
814
+ [dir="rtl"] .navbar .fast-flag {
815
+ margin-left: 8px;
816
+ margin-right: 0;
817
+ margin-right: initial;
818
+ }[dir="rtl"] .navbar .flag,
819
+ [dir="rtl"] .navbar .fast-flag {
820
+ float: right;
821
+ }.navbar .logo-text {
822
+ height: 20px;
823
+ width: 104px;
824
+ margin-top: 16.5px;
825
+ margin-right: 8px;
826
+ float: left;
827
+ }[dir="rtl"] .navbar .logo-text {
828
+ margin-left: 8px;
829
+ margin-right: 0;
830
+ margin-right: initial;
831
+ }[dir="rtl"] .navbar .logo-text {
832
+ float: right;
833
+ }.cover {
834
+ display: none;
835
+ }@media (max-width: 767px) {
836
+ .navbar-collapse {
837
+ position: fixed;
838
+ bottom: 0;
839
+ left: 0;
840
+ right: 0;
841
+ height: 100% !important;
842
+ background-color: #ffffff;
843
+ background-color: var(--color-background-screen);
844
+ top: 54px;
845
+ padding: 8px;
846
+ }
847
+ .navbar-collapse .open,
848
+ .navbar-collapse .dropdown:focus-within,
849
+ .navbar-collapse .dropdown.focus-within {
850
+ border-bottom: none;
851
+ }
852
+ .navbar-collapse .open > a,
853
+ .navbar-collapse .dropdown:focus-within > a,
854
+ .navbar-collapse .dropdown.focus-within > a {
855
+ color: #0097c7;
856
+ color: var(--color-content-accent);
857
+ }
858
+ .navbar-collapse .open .caret,
859
+ .navbar-collapse .dropdown:focus-within .caret,
860
+ .navbar-collapse .dropdown.focus-within .caret {
861
+ transform: rotate(-180deg);
862
+ }
863
+ .navbar-collapse.navbar-collapse-with-panel {
864
+ top: 0;
865
+ padding: 0;
866
+ background-color: transparent;
867
+ }
868
+ .navbar-collapse .navbar-collapse-panel {
869
+ position: fixed;
870
+ height: 100%;
871
+ top: 0;
872
+ overflow-y: scroll;
873
+ padding: 8px;
874
+ background-color: #ffffff;
875
+ background-color: var(--color-background-screen);
876
+ color: #37517e !important;
877
+ color: var(--color-content-primary) !important;
878
+ width: 264px;
879
+ max-width: 264px !important;
880
+ transition: transform 0.35s ease;
881
+ transform: translateX(-264px);
882
+ }
883
+ .navbar-collapse .navbar-nav > li {
884
+ border-bottom: 1px solid rgba(0,0,0,0.10196);
885
+ border-bottom: 1px solid var(--color-border-neutral);
886
+ }
887
+ .navbar-collapse .dropdown-menu {
888
+ position: relative;
889
+ width: 100%;
890
+ box-shadow: none;
891
+ padding: 0;
892
+ padding-bottom: 12px;
893
+ float: none;
894
+ margin-top: 0 !important;
895
+ border-bottom: 1px solid rgba(0,0,0,0.10196);
896
+ border-bottom: 1px solid var(--color-border-neutral);
897
+ }
898
+ .navbar-collapse .dropdown-menu::before {
899
+ display: none;
900
+ }
901
+ .navbar-collapse .dropdown-menu .dropdown-header {
902
+ padding: 9px 16px 7px;
903
+ }
904
+ .navbar-collapse .navbar-toggle {
905
+ left: 280px;
906
+ opacity: 0;
907
+ transition: opacity 0.35s ease;
908
+ display: inline-block;
909
+ position: absolute;
910
+ top: 4px;
911
+ }
912
+ [dir="rtl"] .navbar-collapse .navbar-toggle {
913
+ right: 280px;
914
+ left: auto;
915
+ left: initial;
916
+ }
917
+ .navbar-collapse .navbar-toggle.close {
918
+ margin-top: 0;
919
+ padding: 9px 0;
920
+ }
921
+ .navbar-collapse.in .navbar-toggle {
922
+ opacity: 1;
923
+ }
924
+ .navbar-collapse .cover {
925
+ display: block;
926
+ width: 100%;
927
+ height: 100%;
928
+ background-color: #2e4369;
929
+ opacity: 0;
930
+ transition: opacity 0.35s ease;
931
+ }
932
+ .navbar-collapse.in .cover,
933
+ .navbar-collapse[aria-expanded='true'] .cover {
934
+ opacity: 0.9;
935
+ }
936
+ .navbar-collapse.in .navbar-collapse-panel,
937
+ .navbar-collapse[aria-expanded='true'] .navbar-collapse-panel {
938
+ transform: translateX(0);
939
+ }
940
+ .navbar-collapse .navbar-btn.btn-group {
941
+ display: flex;
942
+ }
943
+ .navbar-collapse .navbar-btn.btn-group .btn {
944
+ display: block;
945
+ width: 100%;
946
+ text-align: left;
947
+ }
948
+ [dir="rtl"] .navbar-collapse .navbar-btn.btn-group .btn {
949
+ text-align: right;
950
+ }
951
+ .navbar-collapse .navbar-btn.btn-group .btn + .dropdown-toggle {
952
+ flex: 0;
953
+ }
954
+ .navbar-collapse .navbar-btn.btn-group .dropdown-menu {
955
+ width: 100%;
956
+ }
957
+ }.np-theme-light .navbar .profile-name {
958
+ padding-bottom: 3px;
959
+ }.navbar .profile-name .caret {
960
+ vertical-align: top;
961
+ line-height: 40px;
962
+ }.navbar .profile-name .text-ellipses,
963
+ .navbar .profile-name .text-ellipsis,
964
+ .navbar .profile-name .truncate {
965
+ max-width: 75px;
966
+ display: inline-block;
967
+ }@media (min-width: 992px) {
968
+ .navbar .profile-name .text-ellipses,
969
+ .navbar .profile-name .text-ellipsis,
970
+ .navbar .profile-name .truncate {
971
+ max-width: 125px;
972
+ }
973
+ }@media (min-width: 1200px) {
974
+ .navbar .profile-name .text-ellipses,
975
+ .navbar .profile-name .text-ellipsis,
976
+ .navbar .profile-name .truncate {
977
+ max-width: 220px;
978
+ }
979
+ }.navbar[data-spy~='affix'] + * {
980
+ margin-top: 0;
981
+ }.navbar[data-spy~='affix'].affix + * {
982
+ margin-top: 56px;
983
+ }@media (min-width: 768px) {
984
+ .navbar + .jumbotron,
985
+ .navbar + .jumbotron-image,
986
+ .navbar + .jumbotron-image-inverse,
987
+ .jumbotron-image-adjacent-to-navbar {
988
+ margin-top: -58px;
989
+ }
990
+ .navbar.affix + .jumbotron,
991
+ .navbar.affix + .jumbotron-image,
992
+ .navbar.affix + .jumbotron-image-inverse {
993
+ margin-top: 0;
994
+ }
995
+ }.navbar + .jumbotron,
996
+ .navbar + .jumbotron-image > .jumbotron,
997
+ .navbar + .jumbotron-image-inverse > .jumbotron,
998
+ .jumbotron-image-adjacent-to-navbar > .jumbotron {
999
+ padding-bottom: 64px;
1000
+ }@media (min-width: 768px) {
1001
+ .navbar + .jumbotron,
1002
+ .navbar + .jumbotron-image > .jumbotron,
1003
+ .navbar + .jumbotron-image-inverse > .jumbotron,
1004
+ .jumbotron-image-adjacent-to-navbar > .jumbotron {
1005
+ padding-top: 140px;
1006
+ padding-bottom: 104px;
1007
+ }
1008
+ }.navbar > .container .navbar-brand,
1009
+ .navbar > .container-fluid .navbar-brand {
1010
+ margin-left: 0;
1011
+ }[dir="rtl"] .navbar > .container .navbar-brand,
1012
+ [dir="rtl"] .navbar > .container-fluid .navbar-brand {
1013
+ margin-right: 0;
1014
+ margin-left: 0;
1015
+ margin-left: initial;
1016
+ }@media (max-width: 767px) {
1017
+ .navbar-static-top {
1018
+ background-color: #37517e;
1019
+ border-bottom-color: transparent;
1020
+ }
1021
+ }.navbar-title {
1022
+ float: left;
1023
+ font-size: 1.25rem;
1024
+ font-size: var(--font-size-20);
1025
+ line-height: 1.2;
1026
+ line-height: var(--line-height-title);
1027
+ margin-top: 12px;
1028
+ margin-bottom: 12px;
1029
+ font-weight: 800;
1030
+ font-weight: var(--font-weight-bold);
1031
+ }[dir="rtl"] .navbar-title {
1032
+ float: right;
1033
+ }.navbar-subtitle {
1034
+ font-size: 0.875rem;
1035
+ font-size: var(--font-size-14);
1036
+ margin-bottom: 8px;
1037
+ }.navbar-title,
1038
+ .navbar-subtitle {
1039
+ color: #ffffff;
1040
+ text-overflow: ellipsis;
1041
+ overflow-x: hidden;
1042
+ white-space: nowrap;
1043
+ display: inline-block;
1044
+ width: 75%;
1045
+ }@media (min-width: 992px) {
1046
+ .navbar-title,
1047
+ .navbar-subtitle {
1048
+ color: #37517e;
1049
+ color: var(--color-content-primary);
1050
+ width: 100%;
1051
+ }
1052
+ }.navbar-logo {
1053
+ width: 127px;
1054
+ height: 22px;
1055
+ margin-top: 13px;
1056
+ margin-bottom: 21px;
1057
+ }.nav-toolbar {
1058
+ padding-top: 16px;
1059
+ margin-top: -16px;
1060
+ padding-bottom: 0;
1061
+ background-color: #37517e;
1062
+ border-bottom: 1px solid rgba(0,0,0,0.10196);
1063
+ border-bottom: 1px solid var(--color-border-neutral);
1064
+ }@media (min-width: 992px) {
1065
+ .nav-toolbar {
1066
+ margin-top: 0;
1067
+ background-color: #ffffff;
1068
+ background-color: var(--color-background-screen);
1069
+ }
1070
+ .nav-toolbar.affix {
1071
+ top: 0;
1072
+ z-index: 1000;
1073
+ margin-top: 0;
1074
+ border-top: 0;
1075
+ position: fixed;
1076
+ backface-visibility: hidden;
1077
+ }
1078
+ .nav-toolbar.affix + .container,
1079
+ .nav-toolbar.affix + .container-fluid {
1080
+ margin-top: 64px !important;
1081
+ }
1082
+ }@media (max-width: 991px) {
1083
+ .nav-toolbar.affix {
1084
+ position: relative !important;
1085
+ }
1086
+ .nav-toolbar.affix + .container,
1087
+ .nav-toolbar.affix + .container-fluid {
1088
+ margin-top: 0 !important;
1089
+ }
1090
+ .nav-toolbar .btn-info:not(.disabled):not(:disabled),
1091
+ .nav-toolbar .btn-warning:not(.disabled):not(:disabled),
1092
+ .nav-toolbar .btn-danger:not(.disabled):not(:disabled) {
1093
+ color: #0097c7;
1094
+ color: var(--color-content-accent);
1095
+ border-color: #00a2dd;
1096
+ border-color: var(--color-interactive-accent);
1097
+ }
1098
+ .nav-toolbar .btn-info:not(.disabled):not(:disabled):hover,
1099
+ .nav-toolbar .btn-warning:not(.disabled):not(:disabled):hover,
1100
+ .nav-toolbar .btn-danger:not(.disabled):not(:disabled):hover {
1101
+ color: #ffffff;
1102
+ }
1103
+ .nav-toolbar .form-control,
1104
+ .nav-toolbar .input-group,
1105
+ .nav-toolbar .btn-input,
1106
+ .nav-toolbar .input-group-addon {
1107
+ border-color: #ffffff;
1108
+ }
1109
+ }.nav-toolbar h1 {
1110
+ line-height: 1.2;
1111
+ line-height: var(--line-height-title);
1112
+ }.nav-toolbar .close {
1113
+ -webkit-text-decoration: none;
1114
+ text-decoration: none;
1115
+ height: 32px;
1116
+ }@media (min-width: 992px) {
1117
+ .nav-toolbar--compact {
1118
+ padding-top: 0;
1119
+ }
1120
+ }@media (min-width: 992px) {
1121
+ .column-layout .nav-toolbar.affix {
1122
+ width: calc(100% - 264px);
1123
+ }
1124
+ }.simple-nav {
1125
+ background-color: #37517e;
1126
+ }.simple-nav .navbar-nav > li > a {
1127
+ padding-top: 12px;
1128
+ padding-bottom: 9px;
1129
+ }.simple-nav .navbar-header {
1130
+ padding-top: 4px;
1131
+ width: calc(100% - 140px);
1132
+ }@media (min-width: 768px) {
1133
+ .simple-nav .navbar-header {
1134
+ width: calc(100% - 340px);
1135
+ }
1136
+ }.simple-nav .navbar-nav > li > a.dropdown-toggle {
1137
+ height: 64px;
1138
+ }.simple-nav > .navbar-right li > a {
1139
+ float: right;
1140
+ }[dir="rtl"] .simple-nav > .navbar-right li > a {
1141
+ float: left;
1142
+ }@media (min-width: 576px) {
1143
+ .simple-nav .navbar-nav > li > a {
1144
+ font-size: 1rem !important;
1145
+ font-size: var(--font-size-16) !important;
1146
+ }
1147
+ }@media (min-width: 992px) {
1148
+ .simple-nav {
1149
+ background-color: #ffffff;
1150
+ background-color: var(--color-background-screen);
1151
+ border-bottom: 1px solid rgba(0,0,0,0.10196);
1152
+ border-bottom: 1px solid var(--color-border-neutral);
1153
+ }
1154
+ }@media (max-width: 991px) {
1155
+ .simple-nav .navbar-nav > li > a {
1156
+ color: #ffffff;
1157
+ }
1158
+ .simple-nav .navbar-nav > li > a:not(.disabled):not(:disabled):focus,
1159
+ .simple-nav .navbar-nav > li > a:not(.disabled):not(:disabled):hover,
1160
+ .simple-nav .navbar-nav > li > a:not(.disabled):not(:disabled):active {
1161
+ color: #0084b3;
1162
+ color: var(--color-content-accent-hover);
1163
+ }
1164
+ }.simple-nav .profile-name .text-ellipses,
1165
+ .simple-nav .profile-name .text-ellipsis,
1166
+ .simple-nav .profile-name .truncate {
1167
+ max-width: 240px;
1168
+ }.tw-public-navigation-item-content__icon {
1169
+ vertical-align: middle;
1170
+ }.tw-public-navigation-item-content__text {
1171
+ display: inline-block;
1172
+ vertical-align: middle;
1173
+ max-width: 164px;
1174
+ }@media (min-width: 768px) {
1175
+ .subnav {
1176
+ height: 128px !important;
1177
+ position: relative;
1178
+ min-height: 64px;
1179
+ }
1180
+ .subnav::before {
1181
+ content: '';
1182
+ background-color: transparent;
1183
+ width: 100%;
1184
+ height: 64px;
1185
+ position: absolute;
1186
+ top: 64px;
1187
+ border-top: rgba(0,0,0,0.10196) solid 1px;
1188
+ border-top: var(--color-border-neutral) solid 1px;
1189
+ left: 0;
1190
+ }
1191
+ [dir="rtl"] .subnav::before {
1192
+ right: 0;
1193
+ left: auto;
1194
+ left: initial;
1195
+ }
1196
+ .subnav.navbar-inverse::before {
1197
+ background-color: #2e4369;
1198
+ border-top: none;
1199
+ }
1200
+ .subnav .navbar-nav > li > a {
1201
+ padding-top: 13px;
1202
+ }
1203
+ .subnav .navbar-nav > li > button {
1204
+ height: 64px;
1205
+ }
1206
+ .subnav .navbar-btn,
1207
+ .subnav .navbar-brand {
1208
+ margin-top: 16px;
1209
+ }
1210
+ .subnav-menu {
1211
+ position: absolute;
1212
+ top: 64px;
1213
+ }
1214
+ }/* stylelint-enable */