@transferwise/components 0.0.0-experimental-4568e68 → 0.0.0-experimental-20a9e0c

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