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