@transferwise/neptune-css 14.16.0 → 14.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/css/buttons.css +223 -218
  2. package/dist/css/neptune-social-media.css +12 -12
  3. package/dist/css/neptune.css +224 -218
  4. package/package.json +1 -1
  5. package/src/less/buttons.less +20 -14
  6. package/src/less/mixins/_buttons.less +4 -4
package/dist/css/buttons.css CHANGED
@@ -56,7 +56,7 @@
56
56
  .np-theme-personal .btn.btn-negative:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus {
57
57
  outline-color: var(--color-sentiment-negative);
58
58
  }
59
- .btn:not(.disabled):not(:disabled):hover {
59
+ .btn:not(.disabled):not(:disabled):not(.btn-loading):hover {
60
60
  color: #008fc9;
61
61
  color: var(--color-interactive-accent-hover);
62
62
  -webkit-text-decoration: none;
@@ -67,10 +67,12 @@
67
67
  fieldset[disabled] .btn {
68
68
  outline: none;
69
69
  box-shadow: none;
70
+ cursor: not-allowed;
70
71
  pointer-events: none;
71
72
  }
72
73
  a.btn.disabled,
73
74
  fieldset[disabled] a.btn {
75
+ cursor: not-allowed;
74
76
  pointer-events: none;
75
77
  }
76
78
  .btn-default {
@@ -81,15 +83,15 @@ fieldset[disabled] a.btn {
81
83
  border-color: var(--color-interactive-accent);
82
84
  transition: color, background-color 0.15s ease-in-out;
83
85
  }
84
- .btn-default:not(.disabled):not(:disabled):hover {
86
+ .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover {
85
87
  color: #FFF;
86
88
  background-color: #008fc9;
87
89
  background-color: var(--color-interactive-accent-hover);
88
90
  border-color: #008fc9;
89
91
  border-color: var(--color-interactive-accent-hover);
90
92
  }
91
- .btn-default:not(.disabled):not(:disabled):active,
92
- .btn-default:not(.disabled):not(:disabled).active,
93
+ .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
94
+ .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
93
95
  .open > .dropdown-toggle.btn-default {
94
96
  color: #FFF;
95
97
  background-color: #0081ba;
@@ -97,8 +99,8 @@ fieldset[disabled] a.btn {
97
99
  border-color: #0081ba;
98
100
  border-color: var(--color-interactive-accent-active);
99
101
  }
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
+ .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
103
+ .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
102
104
  .open > .dropdown-toggle.btn-default:not(.disabled):not(:disabled):hover {
103
105
  color: #FFF;
104
106
  background-color: #0081ba;
@@ -106,7 +108,7 @@ fieldset[disabled] a.btn {
106
108
  border-color: #0081ba;
107
109
  border-color: var(--color-interactive-accent-active);
108
110
  }
109
- .btn-default:not(.disabled):not(:disabled).active,
111
+ .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
110
112
  .open > .dropdown-toggle.btn-default {
111
113
  background-image: none;
112
114
  }
@@ -123,15 +125,15 @@ fieldset[disabled] a.btn {
123
125
  border-color: var(--color-interactive-accent);
124
126
  transition: color, background-color 0.15s ease-in-out;
125
127
  }
126
- .np-theme-personal .btn-default:not(.disabled):not(:disabled):hover {
128
+ .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover {
127
129
  color: var(--color-interactive-control);
128
130
  background-color: #008fc9;
129
131
  background-color: var(--color-interactive-accent-hover);
130
132
  border-color: #008fc9;
131
133
  border-color: var(--color-interactive-accent-hover);
132
134
  }
133
- .np-theme-personal .btn-default:not(.disabled):not(:disabled):active,
134
- .np-theme-personal .btn-default:not(.disabled):not(:disabled).active,
135
+ .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
136
+ .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
135
137
  .open > .dropdown-toggle.np-theme-personal .btn-default {
136
138
  color: var(--color-interactive-control);
137
139
  background-color: #0081ba;
@@ -139,8 +141,8 @@ fieldset[disabled] a.btn {
139
141
  border-color: #0081ba;
140
142
  border-color: var(--color-interactive-accent-active);
141
143
  }
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
+ .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
145
+ .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
144
146
  .open > .dropdown-toggle.np-theme-personal .btn-default:not(.disabled):not(:disabled):hover {
145
147
  color: var(--color-interactive-control);
146
148
  background-color: #0081ba;
@@ -148,7 +150,7 @@ fieldset[disabled] a.btn {
148
150
  border-color: #0081ba;
149
151
  border-color: var(--color-interactive-accent-active);
150
152
  }
151
- .np-theme-personal .btn-default:not(.disabled):not(:disabled).active,
153
+ .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
152
154
  .open > .dropdown-toggle.np-theme-personal .btn-default {
153
155
  background-image: none;
154
156
  }
@@ -163,15 +165,15 @@ fieldset[disabled] a.btn {
163
165
  border-color: var(--color-interactive-primary);
164
166
  transition: color, background-color 0.15s ease-in-out;
165
167
  }
166
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):hover {
168
+ .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
167
169
  color: var(--color-interactive-control);
168
170
  background-color: #008fc9;
169
171
  background-color: var(--color-interactive-accent-hover);
170
172
  border-color: #008fc9;
171
173
  border-color: var(--color-interactive-accent-hover);
172
174
  }
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
+ .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
176
+ .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
175
177
  .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2 {
176
178
  color: var(--color-interactive-control);
177
179
  background-color: #0081ba;
@@ -179,8 +181,8 @@ fieldset[disabled] a.btn {
179
181
  border-color: #0081ba;
180
182
  border-color: var(--color-interactive-accent-active);
181
183
  }
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
+ .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
185
+ .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
184
186
  .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):hover {
185
187
  color: var(--color-interactive-control);
186
188
  background-color: #0081ba;
@@ -188,7 +190,7 @@ fieldset[disabled] a.btn {
188
190
  border-color: #0081ba;
189
191
  border-color: var(--color-interactive-accent-active);
190
192
  }
191
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled).active,
193
+ .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
192
194
  .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2 {
193
195
  background-image: none;
194
196
  }
@@ -205,18 +207,18 @@ fieldset[disabled] a.btn {
205
207
  border-color: var(--color-interactive-accent);
206
208
  transition: color, background-color 0.15s ease-in-out;
207
209
  }
208
- .btn-accent:not(.disabled):not(:disabled):hover,
209
- .btn-primary:not(.disabled):not(:disabled):hover {
210
+ .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):hover,
211
+ .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):hover {
210
212
  color: #fff;
211
213
  background-color: #008fc9;
212
214
  background-color: var(--color-interactive-accent-hover);
213
215
  border-color: #008fc9;
214
216
  border-color: var(--color-interactive-accent-hover);
215
217
  }
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,
218
+ .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active,
219
+ .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):active,
220
+ .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
221
+ .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
220
222
  .open > .dropdown-toggle.btn-accent,
221
223
  .open > .dropdown-toggle.btn-primary {
222
224
  color: #fff;
@@ -225,10 +227,10 @@ fieldset[disabled] a.btn {
225
227
  border-color: #0081ba;
226
228
  border-color: var(--color-interactive-accent-active);
227
229
  }
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,
230
+ .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
231
+ .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
232
+ .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
233
+ .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
232
234
  .open > .dropdown-toggle.btn-accent:not(.disabled):not(:disabled):hover,
233
235
  .open > .dropdown-toggle.btn-primary:not(.disabled):not(:disabled):hover {
234
236
  color: #fff;
@@ -237,8 +239,8 @@ fieldset[disabled] a.btn {
237
239
  border-color: #0081ba;
238
240
  border-color: var(--color-interactive-accent-active);
239
241
  }
240
- .btn-accent:not(.disabled):not(:disabled).active,
241
- .btn-primary:not(.disabled):not(:disabled).active,
242
+ .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
243
+ .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
242
244
  .open > .dropdown-toggle.btn-accent,
243
245
  .open > .dropdown-toggle.btn-primary {
244
246
  background-image: none;
@@ -258,18 +260,18 @@ fieldset[disabled] a.btn {
258
260
  border-color: var(--color-interactive-accent);
259
261
  transition: color, background-color 0.15s ease-in-out;
260
262
  }
261
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
262
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
263
+ .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
264
+ .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
263
265
  color: #fff;
264
266
  background-color: #008fc9;
265
267
  background-color: var(--color-interactive-accent-hover);
266
268
  border-color: #008fc9;
267
269
  border-color: var(--color-interactive-accent-hover);
268
270
  }
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,
271
+ .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
272
+ .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
273
+ .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
274
+ .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
273
275
  .open > .dropdown-toggle.btn-accent.btn-priority-2,
274
276
  .open > .dropdown-toggle.btn-primary.btn-priority-2 {
275
277
  color: #fff;
@@ -278,10 +280,10 @@ fieldset[disabled] a.btn {
278
280
  border-color: #0081ba;
279
281
  border-color: var(--color-interactive-accent-active);
280
282
  }
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,
283
+ .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
284
+ .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
285
+ .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
286
+ .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
285
287
  .open > .dropdown-toggle.btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
286
288
  .open > .dropdown-toggle.btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
287
289
  color: #fff;
@@ -290,8 +292,8 @@ fieldset[disabled] a.btn {
290
292
  border-color: #0081ba;
291
293
  border-color: var(--color-interactive-accent-active);
292
294
  }
293
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled).active,
294
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled).active,
295
+ .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
296
+ .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
295
297
  .open > .dropdown-toggle.btn-accent.btn-priority-2,
296
298
  .open > .dropdown-toggle.btn-primary.btn-priority-2 {
297
299
  background-image: none;
@@ -311,18 +313,18 @@ fieldset[disabled] a.btn {
311
313
  border-color: var(--color-interactive-accent);
312
314
  transition: color, background-color 0.15s ease-in-out;
313
315
  }
314
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled):hover,
315
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled):hover {
316
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):hover,
317
+ .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):hover {
316
318
  color: var(--color-interactive-control);
317
319
  background-color: #008fc9;
318
320
  background-color: var(--color-interactive-accent-hover);
319
321
  border-color: #008fc9;
320
322
  border-color: var(--color-interactive-accent-hover);
321
323
  }
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,
324
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active,
325
+ .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):active,
326
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
327
+ .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
326
328
  .open > .dropdown-toggle.np-theme-personal .btn-accent,
327
329
  .open > .dropdown-toggle.np-theme-personal .btn-primary {
328
330
  color: var(--color-interactive-control);
@@ -331,10 +333,10 @@ fieldset[disabled] a.btn {
331
333
  border-color: #0081ba;
332
334
  border-color: var(--color-interactive-accent-active);
333
335
  }
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,
336
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
337
+ .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
338
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
339
+ .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
338
340
  .open > .dropdown-toggle.np-theme-personal .btn-accent:not(.disabled):not(:disabled):hover,
339
341
  .open > .dropdown-toggle.np-theme-personal .btn-primary:not(.disabled):not(:disabled):hover {
340
342
  color: var(--color-interactive-control);
@@ -343,8 +345,8 @@ fieldset[disabled] a.btn {
343
345
  border-color: #0081ba;
344
346
  border-color: var(--color-interactive-accent-active);
345
347
  }
346
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled).active,
347
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled).active,
348
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
349
+ .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
348
350
  .open > .dropdown-toggle.np-theme-personal .btn-accent,
349
351
  .open > .dropdown-toggle.np-theme-personal .btn-primary {
350
352
  background-image: none;
@@ -362,18 +364,18 @@ fieldset[disabled] a.btn {
362
364
  border-color: var(--color-interactive-primary);
363
365
  transition: color, background-color 0.15s ease-in-out;
364
366
  }
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
+ .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
368
+ .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
367
369
  color: var(--color-interactive-control);
368
370
  background-color: #008fc9;
369
371
  background-color: var(--color-interactive-accent-hover);
370
372
  border-color: #008fc9;
371
373
  border-color: var(--color-interactive-accent-hover);
372
374
  }
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,
375
+ .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
376
+ .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
377
+ .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
378
+ .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
377
379
  .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2,
378
380
  .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2 {
379
381
  color: var(--color-interactive-control);
@@ -382,10 +384,10 @@ fieldset[disabled] a.btn {
382
384
  border-color: #0081ba;
383
385
  border-color: var(--color-interactive-accent-active);
384
386
  }
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,
387
+ .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
388
+ .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
389
+ .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
390
+ .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
389
391
  .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
390
392
  .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
391
393
  color: var(--color-interactive-control);
@@ -394,8 +396,8 @@ fieldset[disabled] a.btn {
394
396
  border-color: #0081ba;
395
397
  border-color: var(--color-interactive-accent-active);
396
398
  }
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
+ .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
400
+ .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
399
401
  .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2,
400
402
  .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2 {
401
403
  background-image: none;
@@ -425,8 +427,8 @@ fieldset[disabled] .btn-link,
425
427
  fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
426
428
  background-color: transparent;
427
429
  }
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):not(.btn-loading):hover,
431
+ .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):hover,
430
432
  .btn-link:not(.disabled):not(:disabled):focus-visible,
431
433
  .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):focus-visible {
432
434
  color: #0084b3;
@@ -436,8 +438,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
436
438
  border-color: transparent;
437
439
  background-color: transparent;
438
440
  }
439
- .btn-link:not(.disabled):not(:disabled):active,
440
- .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):active {
441
+ .btn-link:not(.disabled):not(:disabled):not(.btn-loading):active,
442
+ .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):active {
441
443
  color: #0077a5;
442
444
  color: var(--color-content-accent-active);
443
445
  }
@@ -449,15 +451,15 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
449
451
  text-decoration: underline;
450
452
  text-underline-offset: 0.3em;
451
453
  }
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):not(.btn-loading):hover,
455
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):hover,
454
456
  .np-theme-personal .btn-link:not(.disabled):not(:disabled):focus-visible,
455
457
  .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):focus-visible {
456
458
  color: var(--color-interactive-primary-hover);
457
459
  border-color: transparent;
458
460
  }
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
+ .np-theme-personal .btn-link:not(.disabled):not(:disabled):not(.btn-loading):active,
462
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):active {
461
463
  color: var(--color-interactive-primary-active);
462
464
  background-color: var(--color-background-screen-active) !important;
463
465
  }
@@ -485,18 +487,18 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
485
487
  border-color: var(--color-interactive-positive);
486
488
  transition: color, background-color 0.15s ease-in-out;
487
489
  }
488
- .btn-positive:not(.disabled):not(:disabled):hover,
489
- .btn-success:not(.disabled):not(:disabled):hover {
490
+ .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):hover,
491
+ .btn-success:not(.disabled):not(:disabled):not(.btn-loading):hover {
490
492
  color: #fff;
491
493
  background-color: #069939;
492
494
  background-color: var(--color-interactive-positive-hover);
493
495
  border-color: #069939;
494
496
  border-color: var(--color-interactive-positive-hover);
495
497
  }
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,
498
+ .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active,
499
+ .btn-success:not(.disabled):not(:disabled):not(.btn-loading):active,
500
+ .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
501
+ .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
500
502
  .open > .dropdown-toggle.btn-positive,
501
503
  .open > .dropdown-toggle.btn-success {
502
504
  color: #fff;
@@ -505,10 +507,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
505
507
  border-color: #008b2b;
506
508
  border-color: var(--color-interactive-positive-active);
507
509
  }
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,
510
+ .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
511
+ .btn-success:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
512
+ .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
513
+ .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
512
514
  .open > .dropdown-toggle.btn-positive:not(.disabled):not(:disabled):hover,
513
515
  .open > .dropdown-toggle.btn-success:not(.disabled):not(:disabled):hover {
514
516
  color: #fff;
@@ -517,8 +519,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
517
519
  border-color: #008b2b;
518
520
  border-color: var(--color-interactive-positive-active);
519
521
  }
520
- .btn-positive:not(.disabled):not(:disabled).active,
521
- .btn-success:not(.disabled):not(:disabled).active,
522
+ .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
523
+ .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
522
524
  .open > .dropdown-toggle.btn-positive,
523
525
  .open > .dropdown-toggle.btn-success {
524
526
  background-image: none;
@@ -538,18 +540,18 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
538
540
  border-color: var(--color-interactive-positive);
539
541
  transition: color, background-color 0.15s ease-in-out;
540
542
  }
541
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
542
- .btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
543
+ .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
544
+ .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
543
545
  color: #fff;
544
546
  background-color: #069939;
545
547
  background-color: var(--color-interactive-positive-hover);
546
548
  border-color: #069939;
547
549
  border-color: var(--color-interactive-positive-hover);
548
550
  }
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,
551
+ .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
552
+ .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
553
+ .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
554
+ .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
553
555
  .open > .dropdown-toggle.btn-positive.btn-priority-2,
554
556
  .open > .dropdown-toggle.btn-success.btn-priority-2 {
555
557
  color: #fff;
@@ -558,10 +560,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
558
560
  border-color: #008b2b;
559
561
  border-color: var(--color-interactive-positive-active);
560
562
  }
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,
563
+ .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
564
+ .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
565
+ .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
566
+ .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
565
567
  .open > .dropdown-toggle.btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
566
568
  .open > .dropdown-toggle.btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
567
569
  color: #fff;
@@ -570,8 +572,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
570
572
  border-color: #008b2b;
571
573
  border-color: var(--color-interactive-positive-active);
572
574
  }
573
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled).active,
574
- .btn-success.btn-priority-2:not(.disabled):not(:disabled).active,
575
+ .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
576
+ .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
575
577
  .open > .dropdown-toggle.btn-positive.btn-priority-2,
576
578
  .open > .dropdown-toggle.btn-success.btn-priority-2 {
577
579
  background-image: none;
@@ -591,18 +593,18 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
591
593
  border-color: var(--color-interactive-accent);
592
594
  transition: color, background-color 0.15s ease-in-out;
593
595
  }
594
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled):hover,
595
- .np-theme-personal .btn-success:not(.disabled):not(:disabled):hover {
596
+ .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):hover,
597
+ .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):hover {
596
598
  color: var(--color-interactive-control);
597
599
  background-color: #008fc9;
598
600
  background-color: var(--color-interactive-accent-hover);
599
601
  border-color: #00a2dd;
600
602
  border-color: var(--color-interactive-accent);
601
603
  }
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,
604
+ .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active,
605
+ .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):active,
606
+ .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
607
+ .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
606
608
  .open > .dropdown-toggle.np-theme-personal .btn-positive,
607
609
  .open > .dropdown-toggle.np-theme-personal .btn-success {
608
610
  color: var(--color-interactive-control);
@@ -611,10 +613,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
611
613
  border-color: #00a2dd;
612
614
  border-color: var(--color-interactive-accent);
613
615
  }
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,
616
+ .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
617
+ .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
618
+ .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
619
+ .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
618
620
  .open > .dropdown-toggle.np-theme-personal .btn-positive:not(.disabled):not(:disabled):hover,
619
621
  .open > .dropdown-toggle.np-theme-personal .btn-success:not(.disabled):not(:disabled):hover {
620
622
  color: var(--color-interactive-control);
@@ -623,8 +625,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
623
625
  border-color: #00a2dd;
624
626
  border-color: var(--color-interactive-accent);
625
627
  }
626
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled).active,
627
- .np-theme-personal .btn-success:not(.disabled):not(:disabled).active,
628
+ .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
629
+ .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
628
630
  .open > .dropdown-toggle.np-theme-personal .btn-positive,
629
631
  .open > .dropdown-toggle.np-theme-personal .btn-success {
630
632
  background-image: none;
@@ -642,18 +644,18 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
642
644
  border-color: var(--color-interactive-primary);
643
645
  transition: color, background-color 0.15s ease-in-out;
644
646
  }
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
+ .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
648
+ .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
647
649
  color: var(--color-interactive-control);
648
650
  background-color: #008fc9;
649
651
  background-color: var(--color-interactive-accent-hover);
650
652
  border-color: #008fc9;
651
653
  border-color: var(--color-interactive-accent-hover);
652
654
  }
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,
655
+ .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
656
+ .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
657
+ .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
658
+ .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
657
659
  .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2,
658
660
  .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2 {
659
661
  color: var(--color-interactive-control);
@@ -662,10 +664,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
662
664
  border-color: #0081ba;
663
665
  border-color: var(--color-interactive-accent-active);
664
666
  }
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,
667
+ .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
668
+ .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
669
+ .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
670
+ .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
669
671
  .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
670
672
  .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
671
673
  color: var(--color-interactive-control);
@@ -674,8 +676,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
674
676
  border-color: #0081ba;
675
677
  border-color: var(--color-interactive-accent-active);
676
678
  }
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
+ .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
680
+ .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
679
681
  .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2,
680
682
  .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2 {
681
683
  background-image: none;
@@ -691,26 +693,26 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
691
693
  border-color: #6f8691;
692
694
  transition: color, background-color 0.15s ease-in-out;
693
695
  }
694
- .btn-info:not(.disabled):not(:disabled):hover {
696
+ .btn-info:not(.disabled):not(:disabled):not(.btn-loading):hover {
695
697
  color: #FFF;
696
698
  background-color: #00b9ff;
697
699
  border-color: #00b9ff;
698
700
  }
699
- .btn-info:not(.disabled):not(:disabled):active,
700
- .btn-info:not(.disabled):not(:disabled).active,
701
+ .btn-info:not(.disabled):not(:disabled):not(.btn-loading):active,
702
+ .btn-info:not(.disabled):not(:disabled):not(.btn-loading).active,
701
703
  .open > .dropdown-toggle.btn-info {
702
704
  color: #FFF;
703
705
  background-color: #008ec0;
704
706
  border-color: #008ec0;
705
707
  }
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
+ .btn-info:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
709
+ .btn-info:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
708
710
  .open > .dropdown-toggle.btn-info:not(.disabled):not(:disabled):hover {
709
711
  color: #FFF;
710
712
  background-color: #008ec0;
711
713
  border-color: #008ec0;
712
714
  }
713
- .btn-info:not(.disabled):not(:disabled).active,
715
+ .btn-info:not(.disabled):not(:disabled):not(.btn-loading).active,
714
716
  .open > .dropdown-toggle.btn-info {
715
717
  background-image: none;
716
718
  }
@@ -724,26 +726,26 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
724
726
  border-color: #FFA600;
725
727
  transition: color, background-color 0.15s ease-in-out;
726
728
  }
727
- .btn-warning:not(.disabled):not(:disabled):hover {
729
+ .btn-warning:not(.disabled):not(:disabled):not(.btn-loading):hover {
728
730
  color: #FFF;
729
731
  background-color: #DF8700;
730
732
  border-color: #DF8700;
731
733
  }
732
- .btn-warning:not(.disabled):not(:disabled):active,
733
- .btn-warning:not(.disabled):not(:disabled).active,
734
+ .btn-warning:not(.disabled):not(:disabled):not(.btn-loading):active,
735
+ .btn-warning:not(.disabled):not(:disabled):not(.btn-loading).active,
734
736
  .open > .dropdown-toggle.btn-warning {
735
737
  color: #FFF;
736
738
  background-color: #9E5F00;
737
739
  border-color: #9E5F00;
738
740
  }
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
+ .btn-warning:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
742
+ .btn-warning:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
741
743
  .open > .dropdown-toggle.btn-warning:not(.disabled):not(:disabled):hover {
742
744
  color: #FFF;
743
745
  background-color: #9E5F00;
744
746
  border-color: #9E5F00;
745
747
  }
746
- .btn-warning:not(.disabled):not(:disabled).active,
748
+ .btn-warning:not(.disabled):not(:disabled):not(.btn-loading).active,
747
749
  .open > .dropdown-toggle.btn-warning {
748
750
  background-image: none;
749
751
  }
@@ -760,18 +762,18 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
760
762
  border-color: var(--color-interactive-negative);
761
763
  transition: color, background-color 0.15s ease-in-out;
762
764
  }
763
- .btn-danger:not(.disabled):not(:disabled):hover,
764
- .btn-negative:not(.disabled):not(:disabled):hover {
765
+ .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):hover,
766
+ .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):hover {
765
767
  color: #fff;
766
768
  background-color: #d03238;
767
769
  background-color: var(--color-interactive-negative-hover);
768
770
  border-color: #d03238;
769
771
  border-color: var(--color-interactive-negative-hover);
770
772
  }
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,
773
+ .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active,
774
+ .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):active,
775
+ .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
776
+ .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
775
777
  .open > .dropdown-toggle.btn-danger,
776
778
  .open > .dropdown-toggle.btn-negative {
777
779
  color: #fff;
@@ -780,10 +782,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
780
782
  border-color: #bf1e2c;
781
783
  border-color: var(--color-interactive-negative-active);
782
784
  }
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,
785
+ .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
786
+ .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
787
+ .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
788
+ .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
787
789
  .open > .dropdown-toggle.btn-danger:not(.disabled):not(:disabled):hover,
788
790
  .open > .dropdown-toggle.btn-negative:not(.disabled):not(:disabled):hover {
789
791
  color: #fff;
@@ -792,8 +794,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
792
794
  border-color: #bf1e2c;
793
795
  border-color: var(--color-interactive-negative-active);
794
796
  }
795
- .btn-danger:not(.disabled):not(:disabled).active,
796
- .btn-negative:not(.disabled):not(:disabled).active,
797
+ .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
798
+ .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
797
799
  .open > .dropdown-toggle.btn-danger,
798
800
  .open > .dropdown-toggle.btn-negative {
799
801
  background-image: none;
@@ -813,18 +815,18 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
813
815
  border-color: var(--color-interactive-negative);
814
816
  transition: color, background-color 0.15s ease-in-out;
815
817
  }
816
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
817
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
818
+ .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
819
+ .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
818
820
  color: #fff;
819
821
  background-color: #d03238;
820
822
  background-color: var(--color-interactive-negative-hover);
821
823
  border-color: #d03238;
822
824
  border-color: var(--color-interactive-negative-hover);
823
825
  }
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,
826
+ .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
827
+ .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
828
+ .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
829
+ .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
828
830
  .open > .dropdown-toggle.btn-danger.btn-priority-2,
829
831
  .open > .dropdown-toggle.btn-negative.btn-priority-2 {
830
832
  color: #fff;
@@ -833,10 +835,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
833
835
  border-color: #bf1e2c;
834
836
  border-color: var(--color-interactive-negative-active);
835
837
  }
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,
838
+ .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
839
+ .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
840
+ .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
841
+ .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
840
842
  .open > .dropdown-toggle.btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
841
843
  .open > .dropdown-toggle.btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
842
844
  color: #fff;
@@ -845,8 +847,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
845
847
  border-color: #bf1e2c;
846
848
  border-color: var(--color-interactive-negative-active);
847
849
  }
848
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled).active,
849
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled).active,
850
+ .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
851
+ .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
850
852
  .open > .dropdown-toggle.btn-danger.btn-priority-2,
851
853
  .open > .dropdown-toggle.btn-negative.btn-priority-2 {
852
854
  background-image: none;
@@ -864,34 +866,34 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
864
866
  border-color: var(--color-sentiment-negative);
865
867
  transition: color, background-color 0.15s ease-in-out;
866
868
  }
867
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled):hover,
868
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled):hover {
869
+ .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):hover,
870
+ .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):hover {
869
871
  color: var(--color-contrast);
870
872
  background-color: var(--color-sentiment-negative-hover);
871
873
  border-color: var(--color-sentiment-negative-hover);
872
874
  }
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,
875
+ .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active,
876
+ .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):active,
877
+ .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
878
+ .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
877
879
  .open > .dropdown-toggle.np-theme-personal .btn-danger,
878
880
  .open > .dropdown-toggle.np-theme-personal .btn-negative {
879
881
  color: var(--color-contrast);
880
882
  background-color: var(--color-sentiment-negative-active);
881
883
  border-color: var(--color-sentiment-negative-active);
882
884
  }
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,
885
+ .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
886
+ .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
887
+ .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
888
+ .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
887
889
  .open > .dropdown-toggle.np-theme-personal .btn-danger:not(.disabled):not(:disabled):hover,
888
890
  .open > .dropdown-toggle.np-theme-personal .btn-negative:not(.disabled):not(:disabled):hover {
889
891
  color: var(--color-contrast);
890
892
  background-color: var(--color-sentiment-negative-active);
891
893
  border-color: var(--color-sentiment-negative-active);
892
894
  }
893
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled).active,
894
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled).active,
895
+ .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
896
+ .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
895
897
  .open > .dropdown-toggle.np-theme-personal .btn-danger,
896
898
  .open > .dropdown-toggle.np-theme-personal .btn-negative {
897
899
  background-image: none;
@@ -908,34 +910,34 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
908
910
  border-color: var(--color-sentiment-negative);
909
911
  transition: color, background-color 0.15s ease-in-out;
910
912
  }
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
+ .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
914
+ .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
913
915
  color: var(--color-contrast);
914
916
  background-color: var(--color-sentiment-negative-hover);
915
917
  border-color: var(--color-sentiment-negative-hover);
916
918
  }
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,
919
+ .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
920
+ .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
921
+ .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
922
+ .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
921
923
  .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2,
922
924
  .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2 {
923
925
  color: var(--color-contrast);
924
926
  background-color: var(--color-sentiment-negative-active);
925
927
  border-color: var(--color-sentiment-negative-active);
926
928
  }
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,
929
+ .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
930
+ .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
931
+ .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
932
+ .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
931
933
  .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
932
934
  .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
933
935
  color: var(--color-contrast);
934
936
  background-color: var(--color-sentiment-negative-active);
935
937
  border-color: var(--color-sentiment-negative-active);
936
938
  }
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
+ .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
940
+ .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
939
941
  .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2,
940
942
  .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2 {
941
943
  background-image: none;
@@ -955,8 +957,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
955
957
  border-color: var(--color-interactive-secondary);
956
958
  transition: color, background-color 0.15s ease-in-out;
957
959
  }
958
- .bootstrap-select .btn-default:not(.disabled):not(:disabled):hover,
959
- .btn-input:not(.disabled):not(:disabled):hover {
960
+ .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover,
961
+ .btn-input:not(.disabled):not(:disabled):not(.btn-loading):hover {
960
962
  color: #37517e;
961
963
  color: var(--color-content-primary);
962
964
  background-color: #ffffff;
@@ -964,10 +966,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
964
966
  border-color: #b5b7ba;
965
967
  border-color: var(--color-interactive-secondary-hover);
966
968
  }
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,
969
+ .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
970
+ .btn-input:not(.disabled):not(:disabled):not(.btn-loading):active,
971
+ .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
972
+ .btn-input:not(.disabled):not(:disabled):not(.btn-loading).active,
971
973
  .open > .dropdown-toggle.bootstrap-select .btn-default,
972
974
  .open > .dropdown-toggle.btn-input {
973
975
  color: #37517e;
@@ -977,10 +979,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
977
979
  border-color: #a7a9ab;
978
980
  border-color: var(--color-interactive-secondary-active);
979
981
  }
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,
982
+ .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
983
+ .btn-input:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
984
+ .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
985
+ .btn-input:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
984
986
  .open > .dropdown-toggle.bootstrap-select .btn-default:not(.disabled):not(:disabled):hover,
985
987
  .open > .dropdown-toggle.btn-input:not(.disabled):not(:disabled):hover {
986
988
  color: #37517e;
@@ -990,8 +992,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
990
992
  border-color: #a7a9ab;
991
993
  border-color: var(--color-interactive-secondary-active);
992
994
  }
993
- .bootstrap-select .btn-default:not(.disabled):not(:disabled).active,
994
- .btn-input:not(.disabled):not(:disabled).active,
995
+ .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
996
+ .btn-input:not(.disabled):not(:disabled):not(.btn-loading).active,
995
997
  .open > .dropdown-toggle.bootstrap-select .btn-default,
996
998
  .open > .dropdown-toggle.btn-input {
997
999
  background-image: none;
@@ -1033,26 +1035,26 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
1033
1035
  border-color: #fff;
1034
1036
  transition: color, background-color 0.15s ease-in-out;
1035
1037
  }
1036
- .btn-inverse:not(.disabled):not(:disabled):hover {
1038
+ .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading):hover {
1037
1039
  color: #5d7079;
1038
1040
  background-color: #fff;
1039
1041
  border-color: #fff;
1040
1042
  }
1041
- .btn-inverse:not(.disabled):not(:disabled):active,
1042
- .btn-inverse:not(.disabled):not(:disabled).active,
1043
+ .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading):active,
1044
+ .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
1043
1045
  .open > .dropdown-toggle.btn-inverse {
1044
1046
  color: #5d7079;
1045
1047
  background-color: #e2e6e8;
1046
1048
  border-color: #e2e6e8;
1047
1049
  }
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
+ .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
1051
+ .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
1050
1052
  .open > .dropdown-toggle.btn-inverse:not(.disabled):not(:disabled):hover {
1051
1053
  color: #5d7079;
1052
1054
  background-color: #e2e6e8;
1053
1055
  border-color: #e2e6e8;
1054
1056
  }
1055
- .btn-inverse:not(.disabled):not(:disabled).active,
1057
+ .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
1056
1058
  .open > .dropdown-toggle.btn-inverse {
1057
1059
  background-image: none;
1058
1060
  }
@@ -1237,34 +1239,34 @@ input[type="button"].btn-block {
1237
1239
  border-color: #37517e;
1238
1240
  transition: color, background-color 0.15s ease-in-out;
1239
1241
  }
1240
- .btn-input-inverse:not(.disabled):not(:disabled):hover,
1241
- .btn-addon:not(.disabled):not(:disabled):hover {
1242
+ .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading):hover,
1243
+ .btn-addon:not(.disabled):not(:disabled):not(.btn-loading):hover {
1242
1244
  color: #ffffff;
1243
1245
  background-color: #2e4369;
1244
1246
  border-color: #2e4369;
1245
1247
  }
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,
1248
+ .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading):active,
1249
+ .btn-addon:not(.disabled):not(:disabled):not(.btn-loading):active,
1250
+ .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
1251
+ .btn-addon:not(.disabled):not(:disabled):not(.btn-loading).active,
1250
1252
  .open > .dropdown-toggle.btn-input-inverse,
1251
1253
  .open > .dropdown-toggle.btn-addon {
1252
1254
  color: #ffffff;
1253
1255
  background-color: #2e4369;
1254
1256
  border-color: #2e4369;
1255
1257
  }
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,
1258
+ .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
1259
+ .btn-addon:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
1260
+ .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
1261
+ .btn-addon:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
1260
1262
  .open > .dropdown-toggle.btn-input-inverse:not(.disabled):not(:disabled):hover,
1261
1263
  .open > .dropdown-toggle.btn-addon:not(.disabled):not(:disabled):hover {
1262
1264
  color: #ffffff;
1263
1265
  background-color: #2e4369;
1264
1266
  border-color: #2e4369;
1265
1267
  }
1266
- .btn-input-inverse:not(.disabled):not(:disabled).active,
1267
- .btn-addon:not(.disabled):not(:disabled).active,
1268
+ .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
1269
+ .btn-addon:not(.disabled):not(:disabled):not(.btn-loading).active,
1268
1270
  .open > .dropdown-toggle.btn-input-inverse,
1269
1271
  .open > .dropdown-toggle.btn-addon {
1270
1272
  background-image: none;
@@ -1296,11 +1298,8 @@ input[type="button"].btn-block {
1296
1298
  background-repeat: no-repeat;
1297
1299
  background-position: center;
1298
1300
  }
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);
1301
+ .btn-loading {
1302
+ cursor: wait;
1304
1303
  }
1305
1304
  .btn-loading:not(.btn-block) {
1306
1305
  display: inline-flex;
@@ -1323,6 +1322,12 @@ input[type="button"].btn-block {
1323
1322
  margin-top: auto;
1324
1323
  margin-bottom: auto;
1325
1324
  }
1325
+ .btn-loading:hover .process-circle[class],
1326
+ .btn-loading:focus .process-circle[class],
1327
+ .btn-loading:active .process-circle[class],
1328
+ .btn-loading .process-circle[class] {
1329
+ stroke: currentColor;
1330
+ }
1326
1331
  .btn-sm .btn-loader {
1327
1332
  background-size: 16px 16px;
1328
1333
  }