@transferwise/neptune-css 0.0.0-experimental-4c688cd → 0.0.0-experimental-5405b30

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 +1 -235
  2. package/dist/css/alerts.css +1 -761
  3. package/dist/css/background.css +1 -20
  4. package/dist/css/badge.css +1 -90
  5. package/dist/css/border-radius.css +1 -3
  6. package/dist/css/breadcrumbs.css +1 -20
  7. package/dist/css/button-groups.css +1 -412
  8. package/dist/css/buttons.css +1 -1382
  9. package/dist/css/chevron.css +1 -35
  10. package/dist/css/circles.css +1 -284
  11. package/dist/css/close.css +1 -47
  12. package/dist/css/column-layout.css +1 -164
  13. package/dist/css/currency-flags.css +1 -45
  14. package/dist/css/decision.css +1 -95
  15. package/dist/css/dropdowns.css +1 -413
  16. package/dist/css/droppable.css +1 -207
  17. package/dist/css/flex.css +1 -598
  18. package/dist/css/footer.css +1 -118
  19. package/dist/css/grid.css +1 -2369
  20. package/dist/css/input-groups.css +1 -2706
  21. package/dist/css/link-callout.css +1 -20
  22. package/dist/css/list-group.css +1 -267
  23. package/dist/css/loaders.css +1 -76
  24. package/dist/css/media.css +1 -74
  25. package/dist/css/modals.css +1 -185
  26. package/dist/css/navbar-base.css +1 -1385
  27. package/dist/css/navbar.css +1 -2397
  28. package/dist/css/navs.css +1 -296
  29. package/dist/css/neptune-addons.css +1 -1829
  30. package/dist/css/neptune-core.css +2 -2037
  31. package/dist/css/neptune-social-media.css +1 -144
  32. package/dist/css/neptune.css +2 -24374
  33. package/dist/css/panels.css +1 -528
  34. package/dist/css/popovers.css +1 -538
  35. package/dist/css/process.css +1 -483
  36. package/dist/css/progress-bars.css +1 -76
  37. package/dist/css/ring.css +1 -59
  38. package/dist/css/select.css +1 -99
  39. package/dist/css/sequences.css +1 -855
  40. package/dist/css/table.css +1 -446
  41. package/dist/css/tick.css +1 -32
  42. package/dist/css/tooltip.css +1 -142
  43. package/dist/css/utilities.css +1 -145
  44. package/dist/css/wells.css +1 -74
  45. package/package.json +2 -3
  46. package/src/less/buttons.less +6 -2
  47. package/src/less/core/_scaffolding.less +1 -3
  48. package/scripts/analyze-css-selectors.js +0 -39
@@ -1,1382 +1 @@
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
- }
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}