@transferwise/neptune-css 14.8.0 → 14.8.2

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