@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,2706 +1 @@
1
- .btn-sm {
2
- height: 32px;
3
- }
4
- @media (min-width: 768px) {
5
- }
6
- @media (min-width: 768px) {
7
- }
8
- form {
9
- margin-bottom: 0;
10
- }
11
- fieldset {
12
- padding: 0;
13
- margin: 0;
14
- border: 0;
15
- min-width: 0;
16
- }
17
- legend {
18
- display: block;
19
- width: 100%;
20
- }
21
- label {
22
- display: inline-block;
23
- max-width: 100%;
24
- margin-bottom: 4px;
25
- margin-bottom: var(--size-4);
26
- }
27
- label,
28
- .secondary {
29
- color: #5d7079;
30
- color: var(--color-content-secondary);
31
- transition: color ease-in-out 0.15s;
32
- font-size: 0.875rem;
33
- font-size: var(--font-size-14);
34
- line-height: 20px;
35
- }
36
- input[type='search'] {
37
- box-sizing: border-box;
38
- }
39
- input[type='number'] {
40
- -webkit-appearance: textfield;
41
- -moz-appearance: textfield;
42
- appearance: textfield;
43
- }
44
- input[type='number']::-webkit-outer-spin-button,
45
- input[type='number']::-webkit-inner-spin-button {
46
- -webkit-appearance: none;
47
- appearance: none;
48
- margin: 0;
49
- }
50
- input[type='radio'],
51
- input[type='checkbox'] {
52
- margin: 4px 0 0;
53
- margin-top: 1px;
54
- line-height: normal;
55
- }
56
- input[type='file'] {
57
- display: block;
58
- }
59
- input[type='range'] {
60
- display: block;
61
- width: 100%;
62
- }
63
- select[multiple],
64
- select[size] {
65
- height: auto;
66
- }
67
- input[type='file']:focus,
68
- input[type='radio']:focus,
69
- input[type='checkbox']:focus {
70
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
71
- outline-offset: var(--ring-outline-offset);
72
- }
73
- output {
74
- display: block;
75
- padding-top: 9px;
76
- font-size: 1rem;
77
- font-size: var(--font-size-16);
78
- line-height: 1.2;
79
- line-height: var(--line-height-control);
80
- color: #37517e;
81
- color: var(--color-content-primary);
82
- }
83
- .form-control {
84
- display: block;
85
- width: 100%;
86
- color: #37517e;
87
- color: var(--color-content-primary);
88
- background-color: #ffffff;
89
- background-color: var(--color-background-screen);
90
- background-image: none;
91
- border: 1px solid #c9cbce;
92
- border: 1px solid var(--color-interactive-secondary);
93
- transition: border-color ease-in-out 0.15s;
94
- min-height: var(--input-height-base);
95
- padding: var(--input-padding);
96
- border-radius: 3px;
97
- font-weight: 400;
98
- font-weight: var(--font-weight-regular);
99
- font-size: 1rem;
100
- font-size: var(--font-size-16);
101
- line-height: 150%;
102
- letter-spacing: -0.011em;
103
- background-clip: padding-box;
104
- }
105
- select.form-control {
106
- min-height: var(--input-height-base);
107
- }
108
- textarea.form-control,
109
- select[multiple].form-control {
110
- height: auto;
111
- }
112
- .form-control:not(.disabled):not(:disabled):focus {
113
- border-color: #0081ba;
114
- border-color: var(--color-interactive-accent-active);
115
- outline: 0;
116
- }
117
- .form-control::-moz-placeholder {
118
- color: #768e9c;
119
- color: var(--color-content-tertiary);
120
- }
121
- .form-control::placeholder {
122
- color: #768e9c;
123
- color: var(--color-content-tertiary);
124
- }
125
- textarea.form-control {
126
- height: 144px;
127
- }
128
- .form-control + .text-muted,
129
- .form-control + .text-primary,
130
- .form-control + .text-success,
131
- .form-control + .text-positive,
132
- .form-control + .text-info,
133
- .form-control + .text-warning,
134
- .form-control + .text-negative,
135
- .form-control + .text-danger {
136
- margin-top: 8px;
137
- }
138
- .form-control:focus {
139
- border-color: #0081ba;
140
- border-color: var(--color-interactive-accent-active);
141
- }
142
- .np-theme-personal .form-control:not(.disabled):not(:disabled):focus {
143
- border-color: var(--color-interactive-primary);
144
- outline: 0;
145
- }
146
- .np-theme-personal .form-control:hover {
147
- border-color: #b5b7ba;
148
- border-color: var(--color-interactive-secondary-hover);
149
- }
150
- .np-theme-personal .form-control:focus {
151
- border-color: var(--color-interactive-primary);
152
- }
153
- input[type='search'] {
154
- -webkit-appearance: none;
155
- -moz-appearance: none;
156
- appearance: none;
157
- }
158
- @media screen and (min-device-pixel-ratio: 0) {
159
- input[type='date'],
160
- input[type='time'],
161
- input[type='datetime-local'],
162
- input[type='month'] {
163
- line-height: var(--input-height-base);
164
- }
165
- input[type='date'].input-sm,
166
- input[type='time'].input-sm,
167
- input[type='datetime-local'].input-sm,
168
- input[type='month'].input-sm,
169
- .input-group-sm input[type='date'],
170
- .input-group-sm input[type='time'],
171
- .input-group-sm input[type='datetime-local'],
172
- .input-group-sm input[type='month'] {
173
- line-height: var(--input-height-small);
174
- }
175
- input[type='date'].input-lg,
176
- input[type='time'].input-lg,
177
- input[type='datetime-local'].input-lg,
178
- input[type='month'].input-lg,
179
- .input-group-lg input[type='date'],
180
- .input-group-lg input[type='time'],
181
- .input-group-lg input[type='datetime-local'],
182
- .input-group-lg input[type='month'] {
183
- line-height: calc(var(--input-height-large) - 1.5);
184
- line-height: calc(var(--input-height-large) - var(--line-height-body));
185
- }
186
- }
187
- .form-group {
188
- margin-bottom: 24px;
189
- }
190
- .form-group label {
191
- margin-bottom: 2px;
192
- }
193
- .form-group:focus-within .control-label,
194
- .form-group:focus-within > label {
195
- color: #0097c7;
196
- color: var(--color-content-accent);
197
- }
198
- .row-equal-height > [class*='col-'] > .form-group {
199
- width: 100%;
200
- }
201
- .radio,
202
- .checkbox {
203
- position: relative;
204
- display: block;
205
- margin-top: 0;
206
- }
207
- .radio label,
208
- .checkbox label {
209
- min-height: var(--input-height-base);
210
- margin-bottom: 0;
211
- cursor: pointer;
212
- }
213
- .radio + .radio,
214
- .checkbox + .checkbox {
215
- margin-top: 12px;
216
- }
217
- .radio input[type='radio'],
218
- .radio-inline input[type='radio'],
219
- .checkbox input[type='checkbox'],
220
- .checkbox-inline input[type='checkbox'] {
221
- position: absolute;
222
- margin-left: -20px;
223
- margin-top: 4px \9;
224
- }
225
- [dir="rtl"] .radio input[type='radio'],
226
- [dir="rtl"] .radio-inline input[type='radio'],
227
- [dir="rtl"] .checkbox input[type='checkbox'],
228
- [dir="rtl"] .checkbox-inline input[type='checkbox'] {
229
- margin-right: -20px;
230
- margin-left: 0;
231
- margin-left: initial;
232
- }
233
- .radio-inline,
234
- .checkbox-inline {
235
- position: relative;
236
- display: inline-block;
237
- padding-left: 20px;
238
- margin-bottom: 0;
239
- vertical-align: middle;
240
- font-weight: normal;
241
- cursor: pointer;
242
- }
243
- [dir="rtl"] .radio-inline,
244
- [dir="rtl"] .checkbox-inline {
245
- padding-right: 20px;
246
- padding-left: 0;
247
- padding-left: initial;
248
- }
249
- .radio-inline.disabled,
250
- .checkbox-inline.disabled,
251
- fieldset[disabled] .radio-inline,
252
- fieldset[disabled] .checkbox-inline {
253
- cursor: not-allowed;
254
- }
255
- .radio-inline + .radio-inline,
256
- .checkbox-inline + .checkbox-inline {
257
- margin-top: 0;
258
- margin-left: 10px;
259
- }
260
- [dir="rtl"] .radio-inline + .radio-inline,
261
- [dir="rtl"] .checkbox-inline + .checkbox-inline {
262
- margin-right: 10px;
263
- margin-left: 0;
264
- margin-left: initial;
265
- }
266
- input[type='radio'][disabled],
267
- input[type='checkbox'][disabled],
268
- input[type='radio'].disabled,
269
- input[type='checkbox'].disabled,
270
- fieldset[disabled] input[type='radio'],
271
- fieldset[disabled] input[type='checkbox'] {
272
- cursor: not-allowed;
273
- }
274
- input[type="password"]::-ms-reveal {
275
- display: none;
276
- }
277
- .radio.disabled label,
278
- .checkbox.disabled label,
279
- fieldset[disabled] .radio label,
280
- fieldset[disabled] .checkbox label {
281
- cursor: not-allowed;
282
- }
283
- .form-control-static {
284
- margin-bottom: 0;
285
- min-height: calc(1.2 * 2);
286
- min-height: calc(var(--line-height-control) * 2);
287
- color: #5d7079;
288
- color: var(--color-content-secondary);
289
- background-color: rgba(134,167,189,0.10196);
290
- background-color: var(--color-background-neutral);
291
- border: 1px solid #c9cbce;
292
- border: 1px solid var(--color-interactive-secondary);
293
- border-radius: 3px;
294
- padding: var(--input-padding);
295
- }
296
- .form-control-static.input-lg,
297
- .form-control-static.input-sm {
298
- padding-left: 0;
299
- padding-right: 0;
300
- }
301
- [dir="rtl"] .form-control-static.input-lg,
302
- [dir="rtl"] .form-control-static.input-sm {
303
- padding-right: 0;
304
- padding-left: 0;
305
- padding-left: initial;
306
- }
307
- [dir="rtl"] .form-control-static.input-lg,
308
- [dir="rtl"] .form-control-static.input-sm {
309
- padding-left: 0;
310
- padding-right: 0;
311
- padding-right: initial;
312
- }
313
- .input-sm {
314
- min-height: 32px;
315
- padding: var(--input-padding-small);
316
- border-radius: 3px;
317
- font-size: 14px;
318
- line-height: 24px;
319
- line-height: 1.5;
320
- line-height: var(--line-height-body);
321
- font-size: 1rem;
322
- font-size: var(--font-size-16);
323
- font-size: 0.875rem;
324
- font-size: var(--font-size-14);
325
- line-height: 155%;
326
- letter-spacing: -0.006em;
327
- font-weight: 400;
328
- font-weight: var(--font-weight-regular);
329
- }
330
- select.input-sm {
331
- min-height: 32px;
332
- }
333
- textarea.input-sm,
334
- select[multiple].input-sm {
335
- height: auto;
336
- }
337
- .form-group-sm .form-control,
338
- .navbar .form-control {
339
- height: 32px;
340
- padding: var(--input-padding-small);
341
- font-size: 0.875rem;
342
- font-size: var(--font-size-14);
343
- line-height: 24px;
344
- border-radius: 3px;
345
- }
346
- .form-group-sm select.form-control,
347
- .navbar select.form-control {
348
- height: 32px;
349
- line-height: 32px;
350
- }
351
- .form-group-sm textarea.form-control,
352
- .navbar textarea.form-control,
353
- .form-group-sm select[multiple].form-control,
354
- .navbar select[multiple].form-control {
355
- height: auto;
356
- }
357
- .form-group-sm .form-control-static,
358
- .navbar .form-control-static {
359
- height: 32px;
360
- min-height: calc(1.2 + 14px);
361
- min-height: calc(var(--line-height-control) + 14px);
362
- padding: var(--input-padding-small);
363
- font-size: 0.875rem;
364
- font-size: var(--font-size-14);
365
- line-height: 24px;
366
- }
367
- .input-lg {
368
- min-height: var(--input-height-large);
369
- padding: var(--input-padding-large);
370
- border-radius: 3px;
371
- font-weight: 400;
372
- font-weight: var(--font-weight-regular);
373
- font-size: 1rem;
374
- font-size: var(--font-size-16);
375
- line-height: 150%;
376
- letter-spacing: -0.011em;
377
- }
378
- select.input-lg {
379
- min-height: var(--input-height-large);
380
- }
381
- textarea.input-lg,
382
- select[multiple].input-lg {
383
- height: auto;
384
- }
385
- .form-group-lg {
386
- position: relative;
387
- }
388
- .form-group-lg .input-lg,
389
- .form-group-lg .input-group-lg > .form-control,
390
- .form-group-lg .input-group-lg > .input-group-addon {
391
- height: var(--input-height-large);
392
- padding: calc(4px + 24px) 12px 4px;
393
- padding: calc(4px + var(--size-24)) 12px 4px;
394
- font-size: 22px;
395
- line-height: 32px;
396
- }
397
- .form-group-lg select.form-control {
398
- line-height: var(--input-height-large);
399
- }
400
- .form-group-lg textarea.form-control,
401
- .form-group-lg select[multiple].form-control {
402
- height: auto;
403
- }
404
- .form-group-lg .form-control-static {
405
- height: var(--input-height-large);
406
- min-height: calc(1.2 + 22px);
407
- min-height: calc(var(--line-height-control) + 22px);
408
- padding: var(--input-padding-large);
409
- font-size: 22px;
410
- line-height: 32px;
411
- }
412
- .form-group-lg .control-label {
413
- position: absolute;
414
- top: 12px;
415
- left: 14px;
416
- margin-bottom: 0;
417
- z-index: 1;
418
- }
419
- [dir="rtl"] .form-group-lg .control-label {
420
- right: 14px;
421
- left: auto;
422
- left: initial;
423
- }
424
- .has-feedback {
425
- position: relative;
426
- }
427
- .has-feedback .form-control {
428
- padding-right: var(--input-height-base);
429
- }
430
- [dir="rtl"] .has-feedback .form-control {
431
- padding-left: var(--input-height-base);
432
- padding-right: 0;
433
- padding-right: initial;
434
- }
435
- .form-control-feedback {
436
- position: absolute;
437
- top: 0;
438
- right: 0;
439
- z-index: 2;
440
- display: block;
441
- width: 48px;
442
- height: 48px;
443
- text-align: center;
444
- pointer-events: none;
445
- }
446
- [dir="rtl"] .form-control-feedback {
447
- left: 0;
448
- right: auto;
449
- right: initial;
450
- }
451
- .input-lg + .form-control-feedback,
452
- .input-group-lg + .form-control-feedback,
453
- .form-group-lg .form-control + .form-control-feedback {
454
- width: var(--input-height-large);
455
- height: var(--input-height-large);
456
- }
457
- .input-sm + .form-control-feedback,
458
- .input-group-sm + .form-control-feedback,
459
- .form-group-sm .form-control + .form-control-feedback {
460
- width: 32px;
461
- height: 32px;
462
- }
463
- .focus .control-label,
464
- .has-focus .control-label {
465
- color: #0077a5;
466
- color: var(--color-content-accent-active);
467
- }
468
- .focus .input-group-addon,
469
- .has-focus .input-group-addon {
470
- border-color: #c9cbce;
471
- border-color: var(--color-interactive-secondary);
472
- }
473
- .focus .input-group-addon:active,
474
- .has-focus .input-group-addon:active {
475
- border-color: #a7a9ab;
476
- border-color: var(--color-interactive-secondary-active);
477
- }
478
- .help-block,
479
- .error-messages {
480
- margin-top: 12px;
481
- margin-bottom: 4px;
482
- border-width: 0;
483
- border-style: solid;
484
- border-radius: 10px;
485
- border-radius: var(--radius-small);
486
- padding: 4px 16px 3px;
487
- transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
488
- }
489
- .help-block a,
490
- .error-messages a {
491
- color: inherit;
492
- }
493
- .help-block {
494
- color: #5d7079;
495
- color: var(--color-content-secondary);
496
- border-color: #c9cbce;
497
- border-color: var(--color-interactive-secondary);
498
- background-color: rgba(134,167,189,0.10196);
499
- background-color: var(--color-background-neutral);
500
- display: block;
501
- position: relative;
502
- }
503
- .help-block::before {
504
- content: " ";
505
- position: absolute;
506
- display: block;
507
- width: 10px;
508
- height: 10px;
509
- left: 20px;
510
- top: -5px;
511
- transform: rotate(45deg);
512
- background-color: inherit;
513
- }
514
- [dir="rtl"] .help-block::before {
515
- right: 20px;
516
- left: auto;
517
- left: initial;
518
- }
519
- .help-block.arrow-center::before {
520
- left: 50%;
521
- margin-left: -5px;
522
- }
523
- [dir="rtl"] .help-block.arrow-center::before {
524
- right: 50%;
525
- left: auto;
526
- left: initial;
527
- }
528
- [dir="rtl"] .help-block.arrow-center::before {
529
- margin-right: -5px;
530
- margin-left: 0;
531
- margin-left: initial;
532
- }
533
- .help-block.arrow-top::before {
534
- top: -5px;
535
- bottom: auto;
536
- }
537
- .help-block.arrow-left::before {
538
- left: 20px;
539
- right: auto;
540
- }
541
- [dir="rtl"] .help-block.arrow-left::before {
542
- right: 20px;
543
- left: auto;
544
- left: initial;
545
- }
546
- [dir="rtl"] .help-block.arrow-left::before {
547
- left: auto;
548
- right: auto;
549
- right: initial;
550
- }
551
- .help-block.arrow-right::before {
552
- left: auto;
553
- right: 20px;
554
- }
555
- [dir="rtl"] .help-block.arrow-right::before {
556
- right: auto;
557
- left: auto;
558
- left: initial;
559
- }
560
- [dir="rtl"] .help-block.arrow-right::before {
561
- left: 20px;
562
- right: auto;
563
- right: initial;
564
- }
565
- .help-block.arrow-bottom::before {
566
- top: auto;
567
- bottom: -5px;
568
- }
569
- .focus .alert,
570
- .has-focus .alert {
571
- border-color: #0081ba;
572
- border-color: var(--color-interactive-accent-active);
573
- }
574
- .has-success {
575
- border-color: #2ead4b !important;
576
- border-color: var(--color-interactive-positive) !important;
577
- }
578
- .has-success .control-label,
579
- .has-success .radio,
580
- .has-success .checkbox,
581
- .has-success .radio-inline,
582
- .has-success .checkbox-inline,
583
- .has-success.radio label,
584
- .has-success.checkbox label,
585
- .has-success.radio-inline label,
586
- .has-success.checkbox-inline label,
587
- .has-success .radio label,
588
- .has-success .checkbox label,
589
- .has-success .radio-inline label,
590
- .has-success .checkbox-inline label,
591
- .has-success .input-group-addon {
592
- color: #008026 !important;
593
- color: var(--color-content-positive) !important;
594
- border-color: #2ead4b !important;
595
- border-color: var(--color-interactive-positive) !important;
596
- }
597
- .has-success .form-control,
598
- .has-success .btn-input,
599
- .has-success .btn-input:not(.disabled):not(:disabled):focus,
600
- .has-success .btn-input:not(.disabled):not(:disabled):hover,
601
- .has-success .input-group-addon,
602
- .has-success .alert {
603
- border-color: #2ead4b !important;
604
- border-color: var(--color-interactive-positive) !important;
605
- }
606
- .has-success:active .form-control,
607
- .has-success:focus .form-control,
608
- .has-success:focus-within .form-control,
609
- .has-success:active.radio label,
610
- .has-success:focus.radio label,
611
- .has-success:focus-within.radio label,
612
- .has-success:active.checkbox label,
613
- .has-success:focus.checkbox label,
614
- .has-success:focus-within.checkbox label,
615
- .has-success:active .btn-input,
616
- .has-success:focus .btn-input,
617
- .has-success:focus-within .btn-input,
618
- .has-success:active .input-group-addon,
619
- .has-success:focus .input-group-addon,
620
- .has-success:focus-within .input-group-addon,
621
- .has-success:active .input-group .form-control:focus,
622
- .has-success:focus .input-group .form-control:focus,
623
- .has-success:focus-within .input-group .form-control:focus,
624
- .has-success:active .alert,
625
- .has-success:focus .alert,
626
- .has-success:focus-within .alert {
627
- border-color: #069939 !important;
628
- border-color: var(--color-interactive-positive-hover) !important;
629
- }
630
- .has-success:not(.disabled):not(:disabled):hover.radio label,
631
- .has-success:not(.disabled):not(:disabled):hover.checkbox label,
632
- .has-success:not(.disabled):not(:disabled):hover .btn-input,
633
- .has-success:not(.disabled):not(:disabled):hover .alert {
634
- border-color: #069939 !important;
635
- border-color: var(--color-interactive-positive-hover) !important;
636
- }
637
- .has-success .form-control-feedback {
638
- color: #008026;
639
- color: var(--color-content-positive);
640
- }
641
- .has-success .radio > label:not(.disabled):not(:disabled),
642
- .has-success.checkbox > label:not(.disabled):not(:disabled) {
643
- border-color: #2ead4b;
644
- border-color: var(--color-interactive-positive);
645
- color: #37517e;
646
- color: var(--color-content-primary);
647
- }
648
- .has-success .radio > label:not(.disabled):not(:disabled):hover,
649
- .has-success.checkbox > label:not(.disabled):not(:disabled):hover,
650
- .has-success .radio > label:focus-within,
651
- .has-success.checkbox > label:focus-within {
652
- border-color: #069939 !important;
653
- border-color: var(--color-interactive-positive-hover) !important;
654
- }
655
- .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
656
- .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
657
- .has-success .radio > label:focus-within .tw-checkbox-button,
658
- .has-success.checkbox > label:focus-within .tw-checkbox-button,
659
- .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
660
- .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
661
- .has-success .radio > label:focus-within .tw-radio-button,
662
- .has-success.checkbox > label:focus-within .tw-radio-button {
663
- border-color: #069939 !important;
664
- border-color: var(--color-interactive-positive-hover) !important;
665
- }
666
- .has-success .radio .tw-checkbox-button,
667
- .has-success.checkbox .tw-checkbox-button,
668
- .has-success .radio .tw-radio-button,
669
- .has-success.checkbox .tw-radio-button {
670
- border-color: #2ead4b;
671
- border-color: var(--color-interactive-positive);
672
- }
673
- .np-theme-personal .has-success {
674
- border-color: var(--color-sentiment-positive) !important;
675
- }
676
- .np-theme-personal .has-success .control-label,
677
- .np-theme-personal .has-success .radio,
678
- .np-theme-personal .has-success .checkbox,
679
- .np-theme-personal .has-success .radio-inline,
680
- .np-theme-personal .has-success .checkbox-inline,
681
- .np-theme-personal .has-success.radio label,
682
- .np-theme-personal .has-success.checkbox label,
683
- .np-theme-personal .has-success.radio-inline label,
684
- .np-theme-personal .has-success.checkbox-inline label,
685
- .np-theme-personal .has-success .radio label,
686
- .np-theme-personal .has-success .checkbox label,
687
- .np-theme-personal .has-success .radio-inline label,
688
- .np-theme-personal .has-success .checkbox-inline label,
689
- .np-theme-personal .has-success .input-group-addon {
690
- color: var(--color-sentiment-positive) !important;
691
- border-color: var(--color-sentiment-positive) !important;
692
- }
693
- .np-theme-personal .has-success .form-control,
694
- .np-theme-personal .has-success .btn-input,
695
- .np-theme-personal .has-success .btn-input:not(.disabled):not(:disabled):focus,
696
- .np-theme-personal .has-success .btn-input:not(.disabled):not(:disabled):hover,
697
- .np-theme-personal .has-success .input-group-addon,
698
- .np-theme-personal .has-success .alert {
699
- border-color: var(--color-sentiment-positive) !important;
700
- }
701
- .np-theme-personal .has-success:active .form-control,
702
- .np-theme-personal .has-success:focus .form-control,
703
- .np-theme-personal .has-success:focus-within .form-control,
704
- .np-theme-personal .has-success:active.radio label,
705
- .np-theme-personal .has-success:focus.radio label,
706
- .np-theme-personal .has-success:focus-within.radio label,
707
- .np-theme-personal .has-success:active.checkbox label,
708
- .np-theme-personal .has-success:focus.checkbox label,
709
- .np-theme-personal .has-success:focus-within.checkbox label,
710
- .np-theme-personal .has-success:active .btn-input,
711
- .np-theme-personal .has-success:focus .btn-input,
712
- .np-theme-personal .has-success:focus-within .btn-input,
713
- .np-theme-personal .has-success:active .input-group-addon,
714
- .np-theme-personal .has-success:focus .input-group-addon,
715
- .np-theme-personal .has-success:focus-within .input-group-addon,
716
- .np-theme-personal .has-success:active .input-group .form-control:focus,
717
- .np-theme-personal .has-success:focus .input-group .form-control:focus,
718
- .np-theme-personal .has-success:focus-within .input-group .form-control:focus,
719
- .np-theme-personal .has-success:active .alert,
720
- .np-theme-personal .has-success:focus .alert,
721
- .np-theme-personal .has-success:focus-within .alert {
722
- border-color: var(--color-sentiment-positive) !important;
723
- }
724
- .np-theme-personal .has-success:not(.disabled):not(:disabled):hover.radio label,
725
- .np-theme-personal .has-success:not(.disabled):not(:disabled):hover.checkbox label,
726
- .np-theme-personal .has-success:not(.disabled):not(:disabled):hover .btn-input,
727
- .np-theme-personal .has-success:not(.disabled):not(:disabled):hover .alert {
728
- border-color: var(--color-sentiment-positive) !important;
729
- }
730
- .np-theme-personal .has-success .form-control-feedback {
731
- color: var(--color-sentiment-positive);
732
- }
733
- .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled),
734
- .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled) {
735
- border-color: var(--color-sentiment-positive);
736
- color: #37517e;
737
- color: var(--color-content-primary);
738
- }
739
- .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover,
740
- .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover,
741
- .np-theme-personal .has-success .radio > label:focus-within,
742
- .np-theme-personal .has-success.checkbox > label:focus-within {
743
- border-color: var(--color-sentiment-positive) !important;
744
- }
745
- .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
746
- .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
747
- .np-theme-personal .has-success .radio > label:focus-within .tw-checkbox-button,
748
- .np-theme-personal .has-success.checkbox > label:focus-within .tw-checkbox-button,
749
- .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
750
- .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
751
- .np-theme-personal .has-success .radio > label:focus-within .tw-radio-button,
752
- .np-theme-personal .has-success.checkbox > label:focus-within .tw-radio-button {
753
- border-color: var(--color-sentiment-positive) !important;
754
- }
755
- .np-theme-personal .has-success .radio .tw-checkbox-button,
756
- .np-theme-personal .has-success.checkbox .tw-checkbox-button,
757
- .np-theme-personal .has-success .radio .tw-radio-button,
758
- .np-theme-personal .has-success.checkbox .tw-radio-button {
759
- border-color: var(--color-sentiment-positive);
760
- }
761
- .has-info {
762
- border-color: #00a2dd !important;
763
- border-color: var(--color-interactive-accent) !important;
764
- }
765
- .has-info .control-label,
766
- .has-info .radio,
767
- .has-info .checkbox,
768
- .has-info .radio-inline,
769
- .has-info .checkbox-inline,
770
- .has-info.radio label,
771
- .has-info.checkbox label,
772
- .has-info.radio-inline label,
773
- .has-info.checkbox-inline label,
774
- .has-info .radio label,
775
- .has-info .checkbox label,
776
- .has-info .radio-inline label,
777
- .has-info .checkbox-inline label,
778
- .has-info .input-group-addon {
779
- color: #0097c7 !important;
780
- color: var(--color-content-accent) !important;
781
- border-color: #00a2dd !important;
782
- border-color: var(--color-interactive-accent) !important;
783
- }
784
- .has-info .form-control,
785
- .has-info .btn-input,
786
- .has-info .btn-input:not(.disabled):not(:disabled):focus,
787
- .has-info .btn-input:not(.disabled):not(:disabled):hover,
788
- .has-info .input-group-addon,
789
- .has-info .alert {
790
- border-color: #00a2dd !important;
791
- border-color: var(--color-interactive-accent) !important;
792
- }
793
- .has-info:active .form-control,
794
- .has-info:focus .form-control,
795
- .has-info:focus-within .form-control,
796
- .has-info:active.radio label,
797
- .has-info:focus.radio label,
798
- .has-info:focus-within.radio label,
799
- .has-info:active.checkbox label,
800
- .has-info:focus.checkbox label,
801
- .has-info:focus-within.checkbox label,
802
- .has-info:active .btn-input,
803
- .has-info:focus .btn-input,
804
- .has-info:focus-within .btn-input,
805
- .has-info:active .input-group-addon,
806
- .has-info:focus .input-group-addon,
807
- .has-info:focus-within .input-group-addon,
808
- .has-info:active .input-group .form-control:focus,
809
- .has-info:focus .input-group .form-control:focus,
810
- .has-info:focus-within .input-group .form-control:focus,
811
- .has-info:active .alert,
812
- .has-info:focus .alert,
813
- .has-info:focus-within .alert {
814
- border-color: #008fc9 !important;
815
- border-color: var(--color-interactive-accent-hover) !important;
816
- }
817
- .has-info:not(.disabled):not(:disabled):hover.radio label,
818
- .has-info:not(.disabled):not(:disabled):hover.checkbox label,
819
- .has-info:not(.disabled):not(:disabled):hover .btn-input,
820
- .has-info:not(.disabled):not(:disabled):hover .alert {
821
- border-color: #008fc9 !important;
822
- border-color: var(--color-interactive-accent-hover) !important;
823
- }
824
- .has-info .form-control-feedback {
825
- color: #0097c7;
826
- color: var(--color-content-accent);
827
- }
828
- .has-info .radio > label:not(.disabled):not(:disabled),
829
- .has-info.checkbox > label:not(.disabled):not(:disabled) {
830
- border-color: #00a2dd;
831
- border-color: var(--color-interactive-accent);
832
- color: #37517e;
833
- color: var(--color-content-primary);
834
- }
835
- .has-info .radio > label:not(.disabled):not(:disabled):hover,
836
- .has-info.checkbox > label:not(.disabled):not(:disabled):hover,
837
- .has-info .radio > label:focus-within,
838
- .has-info.checkbox > label:focus-within {
839
- border-color: #008fc9 !important;
840
- border-color: var(--color-interactive-accent-hover) !important;
841
- }
842
- .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
843
- .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
844
- .has-info .radio > label:focus-within .tw-checkbox-button,
845
- .has-info.checkbox > label:focus-within .tw-checkbox-button,
846
- .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
847
- .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
848
- .has-info .radio > label:focus-within .tw-radio-button,
849
- .has-info.checkbox > label:focus-within .tw-radio-button {
850
- border-color: #008fc9 !important;
851
- border-color: var(--color-interactive-accent-hover) !important;
852
- }
853
- .has-info .radio .tw-checkbox-button,
854
- .has-info.checkbox .tw-checkbox-button,
855
- .has-info .radio .tw-radio-button,
856
- .has-info.checkbox .tw-radio-button {
857
- border-color: #00a2dd;
858
- border-color: var(--color-interactive-accent);
859
- }
860
- .np-theme-personal .has-info {
861
- border-color: transparent !important;
862
- }
863
- .np-theme-personal .has-info .control-label,
864
- .np-theme-personal .has-info .radio,
865
- .np-theme-personal .has-info .checkbox,
866
- .np-theme-personal .has-info .radio-inline,
867
- .np-theme-personal .has-info .checkbox-inline,
868
- .np-theme-personal .has-info.radio label,
869
- .np-theme-personal .has-info.checkbox label,
870
- .np-theme-personal .has-info.radio-inline label,
871
- .np-theme-personal .has-info.checkbox-inline label,
872
- .np-theme-personal .has-info .radio label,
873
- .np-theme-personal .has-info .checkbox label,
874
- .np-theme-personal .has-info .radio-inline label,
875
- .np-theme-personal .has-info .checkbox-inline label,
876
- .np-theme-personal .has-info .input-group-addon {
877
- color: #37517e !important;
878
- color: var(--color-content-primary) !important;
879
- border-color: transparent !important;
880
- }
881
- .np-theme-personal .has-info .form-control,
882
- .np-theme-personal .has-info .btn-input,
883
- .np-theme-personal .has-info .btn-input:not(.disabled):not(:disabled):focus,
884
- .np-theme-personal .has-info .btn-input:not(.disabled):not(:disabled):hover,
885
- .np-theme-personal .has-info .input-group-addon,
886
- .np-theme-personal .has-info .alert {
887
- border-color: transparent !important;
888
- }
889
- .np-theme-personal .has-info:active .form-control,
890
- .np-theme-personal .has-info:focus .form-control,
891
- .np-theme-personal .has-info:focus-within .form-control,
892
- .np-theme-personal .has-info:active.radio label,
893
- .np-theme-personal .has-info:focus.radio label,
894
- .np-theme-personal .has-info:focus-within.radio label,
895
- .np-theme-personal .has-info:active.checkbox label,
896
- .np-theme-personal .has-info:focus.checkbox label,
897
- .np-theme-personal .has-info:focus-within.checkbox label,
898
- .np-theme-personal .has-info:active .btn-input,
899
- .np-theme-personal .has-info:focus .btn-input,
900
- .np-theme-personal .has-info:focus-within .btn-input,
901
- .np-theme-personal .has-info:active .input-group-addon,
902
- .np-theme-personal .has-info:focus .input-group-addon,
903
- .np-theme-personal .has-info:focus-within .input-group-addon,
904
- .np-theme-personal .has-info:active .input-group .form-control:focus,
905
- .np-theme-personal .has-info:focus .input-group .form-control:focus,
906
- .np-theme-personal .has-info:focus-within .input-group .form-control:focus,
907
- .np-theme-personal .has-info:active .alert,
908
- .np-theme-personal .has-info:focus .alert,
909
- .np-theme-personal .has-info:focus-within .alert {
910
- border-color: transparent !important;
911
- }
912
- .np-theme-personal .has-info:not(.disabled):not(:disabled):hover.radio label,
913
- .np-theme-personal .has-info:not(.disabled):not(:disabled):hover.checkbox label,
914
- .np-theme-personal .has-info:not(.disabled):not(:disabled):hover .btn-input,
915
- .np-theme-personal .has-info:not(.disabled):not(:disabled):hover .alert {
916
- border-color: transparent !important;
917
- }
918
- .np-theme-personal .has-info .form-control-feedback {
919
- color: #37517e;
920
- color: var(--color-content-primary);
921
- }
922
- .np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled),
923
- .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled) {
924
- border-color: transparent;
925
- color: #37517e;
926
- color: var(--color-content-primary);
927
- }
928
- .np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover,
929
- .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled):hover,
930
- .np-theme-personal .has-info .radio > label:focus-within,
931
- .np-theme-personal .has-info.checkbox > label:focus-within {
932
- border-color: transparent !important;
933
- }
934
- .np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
935
- .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
936
- .np-theme-personal .has-info .radio > label:focus-within .tw-checkbox-button,
937
- .np-theme-personal .has-info.checkbox > label:focus-within .tw-checkbox-button,
938
- .np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
939
- .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
940
- .np-theme-personal .has-info .radio > label:focus-within .tw-radio-button,
941
- .np-theme-personal .has-info.checkbox > label:focus-within .tw-radio-button {
942
- border-color: transparent !important;
943
- }
944
- .np-theme-personal .has-info .radio .tw-checkbox-button,
945
- .np-theme-personal .has-info.checkbox .tw-checkbox-button,
946
- .np-theme-personal .has-info .radio .tw-radio-button,
947
- .np-theme-personal .has-info.checkbox .tw-radio-button {
948
- border-color: transparent;
949
- }
950
- .has-warning {
951
- border-color: #df8700 !important;
952
- border-color: var(--color-interactive-warning) !important;
953
- }
954
- .has-warning .control-label,
955
- .has-warning .radio,
956
- .has-warning .checkbox,
957
- .has-warning .radio-inline,
958
- .has-warning .checkbox-inline,
959
- .has-warning.radio label,
960
- .has-warning.checkbox label,
961
- .has-warning.radio-inline label,
962
- .has-warning.checkbox-inline label,
963
- .has-warning .radio label,
964
- .has-warning .checkbox label,
965
- .has-warning .radio-inline label,
966
- .has-warning .checkbox-inline label,
967
- .has-warning .input-group-addon {
968
- color: #9a6500 !important;
969
- color: var(--color-content-warning) !important;
970
- border-color: #df8700 !important;
971
- border-color: var(--color-interactive-warning) !important;
972
- }
973
- .has-warning .form-control,
974
- .has-warning .btn-input,
975
- .has-warning .btn-input:not(.disabled):not(:disabled):focus,
976
- .has-warning .btn-input:not(.disabled):not(:disabled):hover,
977
- .has-warning .input-group-addon,
978
- .has-warning .alert {
979
- border-color: #df8700 !important;
980
- border-color: var(--color-interactive-warning) !important;
981
- }
982
- .has-warning:active .form-control,
983
- .has-warning:focus .form-control,
984
- .has-warning:focus-within .form-control,
985
- .has-warning:active.radio label,
986
- .has-warning:focus.radio label,
987
- .has-warning:focus-within.radio label,
988
- .has-warning:active.checkbox label,
989
- .has-warning:focus.checkbox label,
990
- .has-warning:focus-within.checkbox label,
991
- .has-warning:active .btn-input,
992
- .has-warning:focus .btn-input,
993
- .has-warning:focus-within .btn-input,
994
- .has-warning:active .input-group-addon,
995
- .has-warning:focus .input-group-addon,
996
- .has-warning:focus-within .input-group-addon,
997
- .has-warning:active .input-group .form-control:focus,
998
- .has-warning:focus .input-group .form-control:focus,
999
- .has-warning:focus-within .input-group .form-control:focus,
1000
- .has-warning:active .alert,
1001
- .has-warning:focus .alert,
1002
- .has-warning:focus-within .alert {
1003
- border-color: #c97500 !important;
1004
- border-color: var(--color-interactive-warning-hover) !important;
1005
- }
1006
- .has-warning:not(.disabled):not(:disabled):hover.radio label,
1007
- .has-warning:not(.disabled):not(:disabled):hover.checkbox label,
1008
- .has-warning:not(.disabled):not(:disabled):hover .btn-input,
1009
- .has-warning:not(.disabled):not(:disabled):hover .alert {
1010
- border-color: #c97500 !important;
1011
- border-color: var(--color-interactive-warning-hover) !important;
1012
- }
1013
- .has-warning .form-control-feedback {
1014
- color: #9a6500;
1015
- color: var(--color-content-warning);
1016
- }
1017
- .has-warning .radio > label:not(.disabled):not(:disabled),
1018
- .has-warning.checkbox > label:not(.disabled):not(:disabled) {
1019
- border-color: #df8700;
1020
- border-color: var(--color-interactive-warning);
1021
- color: #37517e;
1022
- color: var(--color-content-primary);
1023
- }
1024
- .has-warning .radio > label:not(.disabled):not(:disabled):hover,
1025
- .has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
1026
- .has-warning .radio > label:focus-within,
1027
- .has-warning.checkbox > label:focus-within {
1028
- border-color: #c97500 !important;
1029
- border-color: var(--color-interactive-warning-hover) !important;
1030
- }
1031
- .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1032
- .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1033
- .has-warning .radio > label:focus-within .tw-checkbox-button,
1034
- .has-warning.checkbox > label:focus-within .tw-checkbox-button,
1035
- .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1036
- .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1037
- .has-warning .radio > label:focus-within .tw-radio-button,
1038
- .has-warning.checkbox > label:focus-within .tw-radio-button {
1039
- border-color: #c97500 !important;
1040
- border-color: var(--color-interactive-warning-hover) !important;
1041
- }
1042
- .has-warning .radio .tw-checkbox-button,
1043
- .has-warning.checkbox .tw-checkbox-button,
1044
- .has-warning .radio .tw-radio-button,
1045
- .has-warning.checkbox .tw-radio-button {
1046
- border-color: #df8700;
1047
- border-color: var(--color-interactive-warning);
1048
- }
1049
- .np-theme-personal .has-warning {
1050
- border-color: var(--color-sentiment-warning) !important;
1051
- }
1052
- .np-theme-personal .has-warning .control-label,
1053
- .np-theme-personal .has-warning .radio,
1054
- .np-theme-personal .has-warning .checkbox,
1055
- .np-theme-personal .has-warning .radio-inline,
1056
- .np-theme-personal .has-warning .checkbox-inline,
1057
- .np-theme-personal .has-warning.radio label,
1058
- .np-theme-personal .has-warning.checkbox label,
1059
- .np-theme-personal .has-warning.radio-inline label,
1060
- .np-theme-personal .has-warning.checkbox-inline label,
1061
- .np-theme-personal .has-warning .radio label,
1062
- .np-theme-personal .has-warning .checkbox label,
1063
- .np-theme-personal .has-warning .radio-inline label,
1064
- .np-theme-personal .has-warning .checkbox-inline label,
1065
- .np-theme-personal .has-warning .input-group-addon {
1066
- color: var(--color-sentiment-warning) !important;
1067
- border-color: var(--color-sentiment-warning) !important;
1068
- }
1069
- .np-theme-personal .has-warning .form-control,
1070
- .np-theme-personal .has-warning .btn-input,
1071
- .np-theme-personal .has-warning .btn-input:not(.disabled):not(:disabled):focus,
1072
- .np-theme-personal .has-warning .btn-input:not(.disabled):not(:disabled):hover,
1073
- .np-theme-personal .has-warning .input-group-addon,
1074
- .np-theme-personal .has-warning .alert {
1075
- border-color: var(--color-sentiment-warning) !important;
1076
- }
1077
- .np-theme-personal .has-warning:active .form-control,
1078
- .np-theme-personal .has-warning:focus .form-control,
1079
- .np-theme-personal .has-warning:focus-within .form-control,
1080
- .np-theme-personal .has-warning:active.radio label,
1081
- .np-theme-personal .has-warning:focus.radio label,
1082
- .np-theme-personal .has-warning:focus-within.radio label,
1083
- .np-theme-personal .has-warning:active.checkbox label,
1084
- .np-theme-personal .has-warning:focus.checkbox label,
1085
- .np-theme-personal .has-warning:focus-within.checkbox label,
1086
- .np-theme-personal .has-warning:active .btn-input,
1087
- .np-theme-personal .has-warning:focus .btn-input,
1088
- .np-theme-personal .has-warning:focus-within .btn-input,
1089
- .np-theme-personal .has-warning:active .input-group-addon,
1090
- .np-theme-personal .has-warning:focus .input-group-addon,
1091
- .np-theme-personal .has-warning:focus-within .input-group-addon,
1092
- .np-theme-personal .has-warning:active .input-group .form-control:focus,
1093
- .np-theme-personal .has-warning:focus .input-group .form-control:focus,
1094
- .np-theme-personal .has-warning:focus-within .input-group .form-control:focus,
1095
- .np-theme-personal .has-warning:active .alert,
1096
- .np-theme-personal .has-warning:focus .alert,
1097
- .np-theme-personal .has-warning:focus-within .alert {
1098
- border-color: var(--color-sentiment-warning) !important;
1099
- }
1100
- .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.radio label,
1101
- .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.checkbox label,
1102
- .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .btn-input,
1103
- .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .alert {
1104
- border-color: var(--color-sentiment-warning) !important;
1105
- }
1106
- .np-theme-personal .has-warning .form-control-feedback {
1107
- color: var(--color-sentiment-warning);
1108
- }
1109
- .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled),
1110
- .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled) {
1111
- border-color: var(--color-sentiment-warning);
1112
- color: #37517e;
1113
- color: var(--color-content-primary);
1114
- }
1115
- .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover,
1116
- .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
1117
- .np-theme-personal .has-warning .radio > label:focus-within,
1118
- .np-theme-personal .has-warning.checkbox > label:focus-within {
1119
- border-color: var(--color-sentiment-warning) !important;
1120
- }
1121
- .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1122
- .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1123
- .np-theme-personal .has-warning .radio > label:focus-within .tw-checkbox-button,
1124
- .np-theme-personal .has-warning.checkbox > label:focus-within .tw-checkbox-button,
1125
- .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1126
- .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1127
- .np-theme-personal .has-warning .radio > label:focus-within .tw-radio-button,
1128
- .np-theme-personal .has-warning.checkbox > label:focus-within .tw-radio-button {
1129
- border-color: var(--color-sentiment-warning) !important;
1130
- }
1131
- .np-theme-personal .has-warning .radio .tw-checkbox-button,
1132
- .np-theme-personal .has-warning.checkbox .tw-checkbox-button,
1133
- .np-theme-personal .has-warning .radio .tw-radio-button,
1134
- .np-theme-personal .has-warning.checkbox .tw-radio-button {
1135
- border-color: var(--color-sentiment-warning);
1136
- }
1137
- .has-error {
1138
- border-color: #e74848 !important;
1139
- border-color: var(--color-interactive-negative) !important;
1140
- }
1141
- .has-error .control-label,
1142
- .has-error .radio,
1143
- .has-error .checkbox,
1144
- .has-error .radio-inline,
1145
- .has-error .checkbox-inline,
1146
- .has-error.radio label,
1147
- .has-error.checkbox label,
1148
- .has-error.radio-inline label,
1149
- .has-error.checkbox-inline label,
1150
- .has-error .radio label,
1151
- .has-error .checkbox label,
1152
- .has-error .radio-inline label,
1153
- .has-error .checkbox-inline label,
1154
- .has-error .input-group-addon {
1155
- color: #cf2929 !important;
1156
- color: var(--color-content-negative) !important;
1157
- border-color: #e74848 !important;
1158
- border-color: var(--color-interactive-negative) !important;
1159
- }
1160
- .has-error .form-control,
1161
- .has-error .btn-input,
1162
- .has-error .btn-input:not(.disabled):not(:disabled):focus,
1163
- .has-error .btn-input:not(.disabled):not(:disabled):hover,
1164
- .has-error .input-group-addon,
1165
- .has-error .alert {
1166
- border-color: #e74848 !important;
1167
- border-color: var(--color-interactive-negative) !important;
1168
- }
1169
- .has-error:active .form-control,
1170
- .has-error:focus .form-control,
1171
- .has-error:focus-within .form-control,
1172
- .has-error:active.radio label,
1173
- .has-error:focus.radio label,
1174
- .has-error:focus-within.radio label,
1175
- .has-error:active.checkbox label,
1176
- .has-error:focus.checkbox label,
1177
- .has-error:focus-within.checkbox label,
1178
- .has-error:active .btn-input,
1179
- .has-error:focus .btn-input,
1180
- .has-error:focus-within .btn-input,
1181
- .has-error:active .input-group-addon,
1182
- .has-error:focus .input-group-addon,
1183
- .has-error:focus-within .input-group-addon,
1184
- .has-error:active .input-group .form-control:focus,
1185
- .has-error:focus .input-group .form-control:focus,
1186
- .has-error:focus-within .input-group .form-control:focus,
1187
- .has-error:active .alert,
1188
- .has-error:focus .alert,
1189
- .has-error:focus-within .alert {
1190
- border-color: #d03238 !important;
1191
- border-color: var(--color-interactive-negative-hover) !important;
1192
- }
1193
- .has-error:not(.disabled):not(:disabled):hover.radio label,
1194
- .has-error:not(.disabled):not(:disabled):hover.checkbox label,
1195
- .has-error:not(.disabled):not(:disabled):hover .btn-input,
1196
- .has-error:not(.disabled):not(:disabled):hover .alert {
1197
- border-color: #d03238 !important;
1198
- border-color: var(--color-interactive-negative-hover) !important;
1199
- }
1200
- .has-error .form-control-feedback {
1201
- color: #cf2929;
1202
- color: var(--color-content-negative);
1203
- }
1204
- .has-error .radio > label:not(.disabled):not(:disabled),
1205
- .has-error.checkbox > label:not(.disabled):not(:disabled) {
1206
- border-color: #e74848;
1207
- border-color: var(--color-interactive-negative);
1208
- color: #37517e;
1209
- color: var(--color-content-primary);
1210
- }
1211
- .has-error .radio > label:not(.disabled):not(:disabled):hover,
1212
- .has-error.checkbox > label:not(.disabled):not(:disabled):hover,
1213
- .has-error .radio > label:focus-within,
1214
- .has-error.checkbox > label:focus-within {
1215
- border-color: #d03238 !important;
1216
- border-color: var(--color-interactive-negative-hover) !important;
1217
- }
1218
- .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1219
- .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1220
- .has-error .radio > label:focus-within .tw-checkbox-button,
1221
- .has-error.checkbox > label:focus-within .tw-checkbox-button,
1222
- .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1223
- .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1224
- .has-error .radio > label:focus-within .tw-radio-button,
1225
- .has-error.checkbox > label:focus-within .tw-radio-button {
1226
- border-color: #d03238 !important;
1227
- border-color: var(--color-interactive-negative-hover) !important;
1228
- }
1229
- .has-error .radio .tw-checkbox-button,
1230
- .has-error.checkbox .tw-checkbox-button,
1231
- .has-error .radio .tw-radio-button,
1232
- .has-error.checkbox .tw-radio-button {
1233
- border-color: #e74848;
1234
- border-color: var(--color-interactive-negative);
1235
- }
1236
- .np-theme-personal .has-error {
1237
- border-color: var(--color-sentiment-negative) !important;
1238
- }
1239
- .np-theme-personal .has-error .control-label,
1240
- .np-theme-personal .has-error .radio,
1241
- .np-theme-personal .has-error .checkbox,
1242
- .np-theme-personal .has-error .radio-inline,
1243
- .np-theme-personal .has-error .checkbox-inline,
1244
- .np-theme-personal .has-error.radio label,
1245
- .np-theme-personal .has-error.checkbox label,
1246
- .np-theme-personal .has-error.radio-inline label,
1247
- .np-theme-personal .has-error.checkbox-inline label,
1248
- .np-theme-personal .has-error .radio label,
1249
- .np-theme-personal .has-error .checkbox label,
1250
- .np-theme-personal .has-error .radio-inline label,
1251
- .np-theme-personal .has-error .checkbox-inline label,
1252
- .np-theme-personal .has-error .input-group-addon {
1253
- color: var(--color-sentiment-negative) !important;
1254
- border-color: var(--color-sentiment-negative) !important;
1255
- }
1256
- .np-theme-personal .has-error .form-control,
1257
- .np-theme-personal .has-error .btn-input,
1258
- .np-theme-personal .has-error .btn-input:not(.disabled):not(:disabled):focus,
1259
- .np-theme-personal .has-error .btn-input:not(.disabled):not(:disabled):hover,
1260
- .np-theme-personal .has-error .input-group-addon,
1261
- .np-theme-personal .has-error .alert {
1262
- border-color: var(--color-sentiment-negative) !important;
1263
- }
1264
- .np-theme-personal .has-error:active .form-control,
1265
- .np-theme-personal .has-error:focus .form-control,
1266
- .np-theme-personal .has-error:focus-within .form-control,
1267
- .np-theme-personal .has-error:active.radio label,
1268
- .np-theme-personal .has-error:focus.radio label,
1269
- .np-theme-personal .has-error:focus-within.radio label,
1270
- .np-theme-personal .has-error:active.checkbox label,
1271
- .np-theme-personal .has-error:focus.checkbox label,
1272
- .np-theme-personal .has-error:focus-within.checkbox label,
1273
- .np-theme-personal .has-error:active .btn-input,
1274
- .np-theme-personal .has-error:focus .btn-input,
1275
- .np-theme-personal .has-error:focus-within .btn-input,
1276
- .np-theme-personal .has-error:active .input-group-addon,
1277
- .np-theme-personal .has-error:focus .input-group-addon,
1278
- .np-theme-personal .has-error:focus-within .input-group-addon,
1279
- .np-theme-personal .has-error:active .input-group .form-control:focus,
1280
- .np-theme-personal .has-error:focus .input-group .form-control:focus,
1281
- .np-theme-personal .has-error:focus-within .input-group .form-control:focus,
1282
- .np-theme-personal .has-error:active .alert,
1283
- .np-theme-personal .has-error:focus .alert,
1284
- .np-theme-personal .has-error:focus-within .alert {
1285
- border-color: var(--color-sentiment-negative-hover) !important;
1286
- }
1287
- .np-theme-personal .has-error:not(.disabled):not(:disabled):hover.radio label,
1288
- .np-theme-personal .has-error:not(.disabled):not(:disabled):hover.checkbox label,
1289
- .np-theme-personal .has-error:not(.disabled):not(:disabled):hover .btn-input,
1290
- .np-theme-personal .has-error:not(.disabled):not(:disabled):hover .alert {
1291
- border-color: var(--color-sentiment-negative-hover) !important;
1292
- }
1293
- .np-theme-personal .has-error .form-control-feedback {
1294
- color: var(--color-sentiment-negative);
1295
- }
1296
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled),
1297
- .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled) {
1298
- border-color: var(--color-sentiment-negative);
1299
- color: #37517e;
1300
- color: var(--color-content-primary);
1301
- }
1302
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
1303
- .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover,
1304
- .np-theme-personal .has-error .radio > label:focus-within,
1305
- .np-theme-personal .has-error.checkbox > label:focus-within {
1306
- border-color: var(--color-sentiment-negative-hover) !important;
1307
- }
1308
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1309
- .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1310
- .np-theme-personal .has-error .radio > label:focus-within .tw-checkbox-button,
1311
- .np-theme-personal .has-error.checkbox > label:focus-within .tw-checkbox-button,
1312
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1313
- .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1314
- .np-theme-personal .has-error .radio > label:focus-within .tw-radio-button,
1315
- .np-theme-personal .has-error.checkbox > label:focus-within .tw-radio-button {
1316
- border-color: var(--color-sentiment-negative-hover) !important;
1317
- }
1318
- .np-theme-personal .has-error .radio .tw-checkbox-button,
1319
- .np-theme-personal .has-error.checkbox .tw-checkbox-button,
1320
- .np-theme-personal .has-error .radio .tw-radio-button,
1321
- .np-theme-personal .has-error.checkbox .tw-radio-button {
1322
- border-color: var(--color-sentiment-negative);
1323
- }
1324
- .has-feedback label ~ .form-control-feedback {
1325
- top: 1.2;
1326
- top: var(--line-height-control);
1327
- }
1328
- .has-feedback label.sr-only ~ .form-control-feedback {
1329
- top: 0;
1330
- }
1331
- @media (min-width: 576px) {
1332
- .form-inline .form-group {
1333
- display: inline-block;
1334
- margin-bottom: 0;
1335
- vertical-align: middle;
1336
- }
1337
- .form-inline .form-control {
1338
- display: inline-block;
1339
- width: auto;
1340
- vertical-align: middle;
1341
- }
1342
- .form-inline .form-control-static {
1343
- display: inline-block;
1344
- }
1345
- .form-inline .input-group {
1346
- display: inline-table;
1347
- vertical-align: middle;
1348
- }
1349
- .form-inline .input-group .input-group-addon,
1350
- .form-inline .input-group .input-group-btn,
1351
- .form-inline .input-group .form-control {
1352
- width: auto;
1353
- }
1354
- .form-inline .input-group > .form-control {
1355
- width: 100%;
1356
- }
1357
- .form-inline .control-label {
1358
- margin-bottom: 0;
1359
- vertical-align: calc(-2px);
1360
- }
1361
- .form-inline .radio,
1362
- .form-inline .checkbox {
1363
- display: inline-block;
1364
- margin-top: 0;
1365
- margin-bottom: 0;
1366
- vertical-align: middle;
1367
- }
1368
- .form-inline .radio label,
1369
- .form-inline .checkbox label {
1370
- padding-left: 0;
1371
- }
1372
- [dir="rtl"] .form-inline .radio label,
1373
- [dir="rtl"] .form-inline .checkbox label {
1374
- padding-right: 0;
1375
- padding-left: 0;
1376
- padding-left: initial;
1377
- }
1378
- .form-inline .radio input[type='radio'],
1379
- .form-inline .checkbox input[type='checkbox'] {
1380
- position: relative;
1381
- margin-left: 0;
1382
- }
1383
- [dir="rtl"] .form-inline .radio input[type='radio'],
1384
- [dir="rtl"] .form-inline .checkbox input[type='checkbox'] {
1385
- margin-right: 0;
1386
- margin-left: 0;
1387
- margin-left: initial;
1388
- }
1389
- .form-inline .has-feedback .form-control-feedback {
1390
- top: 0;
1391
- }
1392
- }
1393
- .form-horizontal .radio,
1394
- .form-horizontal .checkbox,
1395
- .form-horizontal .radio-inline,
1396
- .form-horizontal .checkbox-inline {
1397
- margin-top: 0;
1398
- margin-bottom: 0;
1399
- padding-top: 9px;
1400
- }
1401
- .form-horizontal .radio,
1402
- .form-horizontal .checkbox {
1403
- min-height: calc(1.2 + (8px + 1));
1404
- min-height: calc(var(--line-height-control) + (8px + 1));
1405
- }
1406
- .form-horizontal .form-group {
1407
- margin-left: -12px;
1408
- margin-right: -12px;
1409
- }
1410
- [dir="rtl"] .form-horizontal .form-group {
1411
- margin-right: -12px;
1412
- margin-left: -12px;
1413
- }
1414
- [dir="rtl"] .form-horizontal .form-group {
1415
- margin-left: -12px;
1416
- margin-right: -12px;
1417
- }
1418
- @media (min-width: 576px) {
1419
- .form-horizontal .control-label {
1420
- text-align: right;
1421
- margin-bottom: 0;
1422
- padding-top: 14px;
1423
- }
1424
- [dir="rtl"] .form-horizontal .control-label {
1425
- text-align: left;
1426
- }
1427
- }
1428
- .form-horizontal .has-feedback .form-control-feedback {
1429
- right: 12px;
1430
- }
1431
- [dir="rtl"] .form-horizontal .has-feedback .form-control-feedback {
1432
- left: 12px;
1433
- right: auto;
1434
- right: initial;
1435
- }
1436
- @media (min-width: 576px) {
1437
- .form-horizontal .form-group-lg .control-label {
1438
- padding-top: 17px;
1439
- font-size: 1.25rem;
1440
- font-size: var(--font-size-20);
1441
- }
1442
- }
1443
- @media (min-width: 576px) {
1444
- .form-horizontal .form-group-sm .control-label {
1445
- padding-top: 8px;
1446
- font-size: 0.875rem;
1447
- font-size: var(--font-size-14);
1448
- }
1449
- }
1450
- .radio,
1451
- .checkbox {
1452
- border-color: #c9cbce;
1453
- border-color: var(--color-interactive-secondary);
1454
- }
1455
- .radio > label,
1456
- .checkbox > label {
1457
- position: relative;
1458
- padding-left: 48px;
1459
- }
1460
- [dir="rtl"] .radio > label,
1461
- [dir="rtl"] .checkbox > label {
1462
- padding-right: 48px;
1463
- padding-left: 0;
1464
- padding-left: initial;
1465
- }
1466
- .radio > label input[type="radio"],
1467
- .checkbox > label input[type="radio"],
1468
- .radio > label input[type="checkbox"],
1469
- .checkbox > label input[type="checkbox"] {
1470
- display: block;
1471
- position: absolute;
1472
- top: 13px;
1473
- left: 40px;
1474
- }
1475
- [dir="rtl"] .radio > label input[type="radio"],
1476
- [dir="rtl"] .checkbox > label input[type="radio"],
1477
- [dir="rtl"] .radio > label input[type="checkbox"],
1478
- [dir="rtl"] .checkbox > label input[type="checkbox"] {
1479
- right: 40px;
1480
- left: auto;
1481
- left: initial;
1482
- }
1483
- .tw-checkbox-button {
1484
- border: 1px solid #c9cbce;
1485
- border: 1px solid var(--color-interactive-secondary);
1486
- background: #ffffff;
1487
- background: var(--color-background-screen);
1488
- width: 22px;
1489
- height: 22px;
1490
- border-radius: 3px;
1491
- display: inline-block;
1492
- padding: 0;
1493
- vertical-align: middle;
1494
- text-align: center;
1495
- transition: border 0.15s ease-in-out, background-color 0.15s ease-in-out;
1496
- }
1497
- .np-theme-personal .tw-checkbox-button {
1498
- border: none;
1499
- box-shadow: inset 0 0 0 1px #c9cbce;
1500
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
1501
- }
1502
- .tw-checkbox-button .tw-checkbox-check {
1503
- width: 20px;
1504
- height: 20px;
1505
- margin: 0;
1506
- display: none;
1507
- color: #ffffff;
1508
- color: var(--color-background-screen);
1509
- }
1510
- .tw-checkbox-button:not(.disabled):not(:disabled):hover,
1511
- input[type="checkbox"]:hover + .tw-checkbox-button,
1512
- .checkbox:hover .tw-checkbox-button {
1513
- border-color: #b5b7ba;
1514
- border-color: var(--color-interactive-secondary-hover);
1515
- }
1516
- .np-theme-personal .tw-checkbox-button:not(.disabled):not(:disabled):hover,
1517
- .np-theme-personal input[type="checkbox"]:hover + .tw-checkbox-button,
1518
- .np-theme-personal .checkbox:hover .tw-checkbox-button {
1519
- box-shadow: inset 0 0 0 1px #b5b7ba;
1520
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary-hover);
1521
- }
1522
- .tw-checkbox-button:not(.disabled):not(:disabled):focus,
1523
- .tw-checkbox-button:not(.disabled):not(:disabled).focus,
1524
- .tw-checkbox-button:not(.disabled):not(:disabled):focus:hover,
1525
- .tw-checkbox-button:not(.disabled):not(:disabled).focus:hover,
1526
- input[type="checkbox"]:focus + .tw-checkbox-button,
1527
- .tw-checkbox-button:not(.disabled):not(:disabled):active,
1528
- .tw-checkbox-button:not(.disabled):not(:disabled).active,
1529
- input[type="checkbox"]:active + .tw-checkbox-button {
1530
- border-color: #c9cbce;
1531
- border-color: var(--color-interactive-secondary);
1532
- outline: none;
1533
- }
1534
- input[type="checkbox"]:focus-visible + .tw-checkbox-button {
1535
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
1536
- outline-offset: var(--ring-outline-offset);
1537
- }
1538
- .checkbox input[type="checkbox"]:focus-visible + .tw-checkbox-button {
1539
- outline: none;
1540
- }
1541
- .tw-checkbox-button:checked,
1542
- .tw-checkbox-button.checked,
1543
- input[type="checkbox"]:checked + .tw-checkbox-button {
1544
- border-color: #00a2dd !important;
1545
- border-color: var(--color-interactive-accent) !important;
1546
- background-color: #00a2dd;
1547
- background-color: var(--color-interactive-accent);
1548
- }
1549
- .tw-checkbox-button:checked .tw-checkbox-check,
1550
- .tw-checkbox-button.checked .tw-checkbox-check,
1551
- input[type="checkbox"]:checked + .tw-checkbox-button .tw-checkbox-check {
1552
- display: inline-block;
1553
- }
1554
- .np-theme-personal .tw-checkbox-button:checked,
1555
- .np-theme-personal .tw-checkbox-button.checked,
1556
- .np-theme-personal input[type="checkbox"]:checked + .tw-checkbox-button {
1557
- background-color: var(--color-interactive-primary);
1558
- box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
1559
- }
1560
- .tw-checkbox-button:checked:hover,
1561
- .tw-checkbox-button.checked:hover,
1562
- input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
1563
- border-color: #008fc9 !important;
1564
- border-color: var(--color-interactive-accent-hover) !important;
1565
- background-color: #008fc9;
1566
- background-color: var(--color-interactive-accent-hover);
1567
- }
1568
- .np-theme-personal .tw-checkbox-button:checked:hover,
1569
- .np-theme-personal .tw-checkbox-button.checked:hover,
1570
- .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
1571
- border-color: var(--color-interactive-primary-hover) !important;
1572
- background-color: var(--color-interactive-primary-hover);
1573
- box-shadow: inset 0 0 0 1px var(--color-interactive-primary-hover);
1574
- }
1575
- .tw-checkbox-button:checked:active,
1576
- .tw-checkbox-button.checked:active,
1577
- input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button {
1578
- border-color: #0081ba !important;
1579
- border-color: var(--color-interactive-accent-active) !important;
1580
- background-color: #0081ba;
1581
- background-color: var(--color-interactive-accent-active);
1582
- }
1583
- .np-theme-personal .tw-checkbox-button:checked:active,
1584
- .np-theme-personal .tw-checkbox-button.checked:active,
1585
- .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button {
1586
- border-color: var(--color-interactive-primary-active) !important;
1587
- background-color: var(--color-interactive-primary-active);
1588
- box-shadow: inset 0 0 0 1px var(--color-interactive-primary-active);
1589
- }
1590
- .checkbox.has-error .tw-checkbox-button,
1591
- .tw-checkbox-button.has-error {
1592
- border-color: #e74848 !important;
1593
- border-color: var(--color-interactive-negative) !important;
1594
- }
1595
- .checkbox.has-error .tw-checkbox-button:checked,
1596
- .tw-checkbox-button.has-error:checked,
1597
- .checkbox.has-error .tw-checkbox-button.checked,
1598
- .tw-checkbox-button.has-error.checked {
1599
- background-color: #e74848;
1600
- background-color: var(--color-interactive-negative);
1601
- }
1602
- .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked + .tw-checkbox-button {
1603
- border-color: #e74848 !important;
1604
- border-color: var(--color-interactive-negative) !important;
1605
- background-color: #e74848;
1606
- background-color: var(--color-interactive-negative);
1607
- }
1608
- .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
1609
- border-color: #d03238 !important;
1610
- border-color: var(--color-interactive-negative-hover) !important;
1611
- background-color: #d03238;
1612
- background-color: var(--color-interactive-negative-hover);
1613
- }
1614
- .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button {
1615
- border-color: #bf1e2c !important;
1616
- border-color: var(--color-interactive-negative-active) !important;
1617
- background-color: #bf1e2c;
1618
- background-color: var(--color-interactive-negative-active);
1619
- }
1620
- .tw-radio-button {
1621
- width: 24px;
1622
- height: 24px;
1623
- border-radius: 50%;
1624
- border: 1px solid #c9cbce;
1625
- border: 1px solid var(--color-interactive-secondary);
1626
- background: #ffffff;
1627
- background: var(--color-background-screen);
1628
- display: inline-flex;
1629
- align-items: center;
1630
- justify-content: center;
1631
- padding: 0;
1632
- transition: border 0.15s ease-in-out;
1633
- }
1634
- .np-theme-personal .tw-radio-button {
1635
- border: none;
1636
- box-shadow: inset 0 0 0 1px #c9cbce;
1637
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
1638
- position: relative;
1639
- top: 0;
1640
- left: 0;
1641
- }
1642
- .tw-radio-button .tw-radio-check {
1643
- border-radius: 50%;
1644
- text-align: center;
1645
- width: 12px;
1646
- height: 12px;
1647
- display: block;
1648
- opacity: 0;
1649
- transition: all 0.15s ease-in-out;
1650
- }
1651
- .radio:not(.disabled):not(:disabled):hover .tw-radio-button,
1652
- .tw-radio-button:not(.disabled):not(:disabled):hover {
1653
- border-color: #b5b7ba;
1654
- border-color: var(--color-interactive-secondary-hover);
1655
- }
1656
- .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button,
1657
- .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover {
1658
- border-color: transparent;
1659
- box-shadow: inset 0 0 0 1px #b5b7ba;
1660
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary-hover);
1661
- }
1662
- .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button:checked,
1663
- .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked,
1664
- .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked,
1665
- .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked {
1666
- box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
1667
- }
1668
- .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button:checked .tw-radio-check,
1669
- .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked .tw-radio-check,
1670
- .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked .tw-radio-check,
1671
- .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked .tw-radio-check {
1672
- background-color: var(--color-interactive-primary-hover);
1673
- }
1674
- .tw-radio-button:not(.disabled):not(:disabled):focus,
1675
- .tw-radio-button:not(.disabled):not(:disabled).focus,
1676
- .tw-radio-button:not(.disabled):not(:disabled):active,
1677
- .tw-radio-button:not(.disabled):not(:disabled).active {
1678
- border-color: #a7a9ab;
1679
- border-color: var(--color-interactive-secondary-active);
1680
- outline: none;
1681
- }
1682
- .tw-radio-button:checked,
1683
- .tw-radio-button.checked {
1684
- border-color: #00a2dd !important;
1685
- border-color: var(--color-interactive-accent) !important;
1686
- }
1687
- .tw-radio-button:checked .tw-radio-check,
1688
- .tw-radio-button.checked .tw-radio-check {
1689
- opacity: 1;
1690
- background-color: #00a2dd;
1691
- background-color: var(--color-interactive-accent);
1692
- }
1693
- .np-theme-personal .tw-radio-button:checked,
1694
- .np-theme-personal .tw-radio-button.checked {
1695
- border-color: transparent !important;
1696
- box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
1697
- }
1698
- .np-theme-personal .tw-radio-button:checked .tw-radio-check,
1699
- .np-theme-personal .tw-radio-button.checked .tw-radio-check {
1700
- background-color: var(--color-interactive-primary);
1701
- max-height: 12px;
1702
- max-width: 12px;
1703
- }
1704
- .radio.has-error .tw-radio-button,
1705
- .tw-radio-button.has-error {
1706
- border-color: #e74848 !important;
1707
- border-color: var(--color-interactive-negative) !important;
1708
- }
1709
- .radio.has-error .tw-radio-button:checked .tw-radio-check,
1710
- .tw-radio-button.has-error:checked .tw-radio-check,
1711
- .radio.has-error .tw-radio-button.checked .tw-radio-check,
1712
- .tw-radio-button.has-error.checked .tw-radio-check {
1713
- background-color: #e74848;
1714
- background-color: var(--color-interactive-negative);
1715
- }
1716
- .radio .tw-radio-button {
1717
- position: absolute;
1718
- left: 13px;
1719
- top: 11px;
1720
- }
1721
- [dir="rtl"] .radio .tw-radio-button {
1722
- right: 13px;
1723
- left: auto;
1724
- left: initial;
1725
- }
1726
- .checkbox .tw-checkbox-button {
1727
- position: absolute;
1728
- left: 14px;
1729
- top: 12px;
1730
- }
1731
- [dir="rtl"] .checkbox .tw-checkbox-button {
1732
- right: 14px;
1733
- left: auto;
1734
- left: initial;
1735
- }
1736
- .form-inline .tw-checkbox-button,
1737
- .form-inline .tw-radio-button {
1738
- vertical-align: bottom;
1739
- }
1740
- .form-horizontal .checkbox,
1741
- .form-horizontal .radio {
1742
- padding-top: 0;
1743
- }
1744
- .form-horizontal .checkbox > label,
1745
- .form-horizontal .radio > label {
1746
- margin-bottom: 0;
1747
- }
1748
- .np-radio.radio,
1749
- .np-checkbox.checkbox {
1750
- min-width: -moz-fit-content;
1751
- min-width: fit-content;
1752
- }
1753
- .np-radio.radio .np-radio-button,
1754
- .np-checkbox.checkbox .np-radio-button,
1755
- .np-radio.radio .np-checkbox-button,
1756
- .np-checkbox.checkbox .np-checkbox-button {
1757
- position: relative;
1758
- flex-shrink: 0;
1759
- }
1760
- .np-radio.radio .tw-checkbox-button,
1761
- .np-checkbox.checkbox .tw-checkbox-button,
1762
- .np-radio.radio .tw-radio-button,
1763
- .np-checkbox.checkbox .tw-radio-button {
1764
- position: static;
1765
- }
1766
- .np-radio.radio > label,
1767
- .np-checkbox.checkbox > label {
1768
- display: flex;
1769
- align-items: center;
1770
- padding: 8px 16px;
1771
- padding: var(--size-8) var(--size-16) ;
1772
- }
1773
- [dir="rtl"] .np-radio.radio > label,
1774
- [dir="rtl"] .np-checkbox.checkbox > label {
1775
- padding: 8px 16px;
1776
- padding: var(--size-8) var(--size-16) ;
1777
- }
1778
- .np-radio.radio > label .np-checkbox__text,
1779
- .np-checkbox.checkbox > label .np-checkbox__text,
1780
- .np-radio.radio > label .np-radio__text,
1781
- .np-checkbox.checkbox > label .np-radio__text {
1782
- display: block;
1783
- padding-top: 1px;
1784
- }
1785
- :not(.np-theme-personal) .np-radio.radio > label .np-checkbox__text,
1786
- :not(.np-theme-personal) .np-checkbox.checkbox > label .np-checkbox__text,
1787
- :not(.np-theme-personal) .np-radio.radio > label .np-radio__text,
1788
- :not(.np-theme-personal) .np-checkbox.checkbox > label .np-radio__text {
1789
- font-weight: 400;
1790
- font-weight: var(--font-weight-regular);
1791
- font-size: 1rem;
1792
- font-size: var(--font-size-16);
1793
- line-height: 1.25rem;
1794
- line-height: var(--line-height-20);
1795
- padding-top: 3px;
1796
- }
1797
- .np-theme-personal .np-radio.radio > label,
1798
- .np-theme-personal .np-checkbox.checkbox > label {
1799
- padding: var(--input-padding);
1800
- }
1801
- .np-radio .np-radio__avatar {
1802
- pointer-events: none;
1803
- }
1804
- [dir="rtl"] .input-group .input-group-btn + input {
1805
- border-right: 0 solid transparent;
1806
- }
1807
- html:not([dir="rtl"]) .input-group .input-group-btn + input {
1808
- border-left: 0 solid transparent;
1809
- }
1810
- .input-group-addon {
1811
- color: #5d7079;
1812
- color: var(--color-content-secondary);
1813
- transition: border-color ease-in-out 0.15s;
1814
- }
1815
- .form-control-feedback,
1816
- .form-control-feedback.icon {
1817
- font-size: 24px;
1818
- line-height: 48px;
1819
- }
1820
- .label {
1821
- padding-top: 0.25em;
1822
- position: relative;
1823
- top: -3px;
1824
- }
1825
- .label .label-default {
1826
- color: #5d7079;
1827
- color: var(--color-content-secondary);
1828
- background-color: rgba(134,167,189,0.10196);
1829
- background-color: var(--color-background-neutral);
1830
- }
1831
- .form-group {
1832
- position: relative;
1833
- font-size: 0.875rem;
1834
- font-size: var(--font-size-14);
1835
- }
1836
- .form-group .row {
1837
- margin-left: -6px;
1838
- margin-right: -6px;
1839
- }
1840
- [dir="rtl"] .form-group .row {
1841
- margin-right: -6px;
1842
- margin-left: 0;
1843
- margin-left: initial;
1844
- }
1845
- [dir="rtl"] .form-group .row {
1846
- margin-left: -6px;
1847
- margin-right: 0;
1848
- margin-right: initial;
1849
- }
1850
- .form-group .row [class*='col-'] {
1851
- padding-left: 6px;
1852
- padding-right: 6px;
1853
- }
1854
- [dir="rtl"] .form-group .row [class*='col-'] {
1855
- padding-right: 6px;
1856
- padding-left: 0;
1857
- padding-left: initial;
1858
- }
1859
- [dir="rtl"] .form-group .row [class*='col-'] {
1860
- padding-left: 6px;
1861
- padding-right: 0;
1862
- padding-right: initial;
1863
- }
1864
- @media (max-width: 575px) {
1865
- .form-group .row [class*='col-sm-'] {
1866
- margin-bottom: 0;
1867
- }
1868
- .form-group .row [class*='col-sm-'] .btn-input {
1869
- margin-bottom: 12px;
1870
- }
1871
- }
1872
- @media (max-width: 767px) {
1873
- .form-group .row [class*='col-md-'] {
1874
- margin-bottom: 0;
1875
- }
1876
- .form-group .row [class*='col-md-'] .form-control,
1877
- .form-group .row [class*='col-md-'] .btn-input {
1878
- margin-bottom: 12px;
1879
- }
1880
- }
1881
- @media (max-width: 991px) {
1882
- .form-group .row [class*='col-lg-'] {
1883
- margin-bottom: 0;
1884
- }
1885
- .form-group .row [class*='col-lg-'] .form-control,
1886
- .form-group .row [class*='col-lg-'] .btn-input {
1887
- margin-bottom: 12px;
1888
- }
1889
- }
1890
- @media (max-width: 1199px) {
1891
- .form-group .row [class*='col-xl-'] {
1892
- margin-bottom: 0;
1893
- }
1894
- .form-group .row [class*='col-xl-'] .form-control,
1895
- .form-group .row [class*='col-xl-'] .btn-input {
1896
- margin-bottom: 12px;
1897
- }
1898
- }
1899
- @media (min-width: 576px) {
1900
- fieldset .form-group:nth-of-type(odd) {
1901
- clear: left;
1902
- }
1903
- [dir="rtl"] fieldset .form-group:nth-of-type(odd) {
1904
- clear: right;
1905
- }
1906
- }
1907
- .checkbox > label,
1908
- .radio > label {
1909
- display: block;
1910
- cursor: pointer;
1911
- padding-top: 12px;
1912
- padding-bottom: 10px;
1913
- padding-right: 16px;
1914
- color: #37517e;
1915
- color: var(--color-content-primary);
1916
- background-color: #ffffff;
1917
- background-color: var(--color-background-screen);
1918
- border: 1px solid #c9cbce;
1919
- border: 1px solid var(--color-interactive-secondary);
1920
- border-radius: 3px;
1921
- transition: border 0.15s ease-in-out, background-color 0.15s ease-in-out;
1922
- }
1923
- [dir="rtl"] .checkbox > label,
1924
- [dir="rtl"] .radio > label {
1925
- padding-left: 16px;
1926
- padding-right: 0;
1927
- padding-right: initial;
1928
- }
1929
- .np-theme-personal .checkbox > label,
1930
- .np-theme-personal .radio > label {
1931
- border-radius: 10px;
1932
- border-radius: var(--radius-small);
1933
- }
1934
- .checkbox > label:not(.disabled):not(:disabled):hover,
1935
- .radio > label:not(.disabled):not(:disabled):hover {
1936
- border-color: #b5b7ba;
1937
- border-color: var(--color-interactive-secondary-hover);
1938
- }
1939
- .checkbox > label:not(.disabled):not(:disabled).focus,
1940
- .radio > label:not(.disabled):not(:disabled).focus,
1941
- .checkbox > label:not(.disabled):not(:disabled).focus:hover,
1942
- .radio > label:not(.disabled):not(:disabled).focus:hover,
1943
- .checkbox > label:not(.disabled):not(:disabled).has-focus,
1944
- .radio > label:not(.disabled):not(:disabled).has-focus,
1945
- .checkbox > label:not(.disabled):not(:disabled).has-focus:hover,
1946
- .radio > label:not(.disabled):not(:disabled).has-focus:hover,
1947
- .checkbox > label:not(.disabled):not(:disabled):focus-within,
1948
- .radio > label:not(.disabled):not(:disabled):focus-within {
1949
- border-color: #0081ba;
1950
- border-color: var(--color-interactive-accent-active);
1951
- }
1952
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled).focus,
1953
- .np-theme-personal .radio > label:not(.disabled):not(:disabled).focus,
1954
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled).focus:hover,
1955
- .np-theme-personal .radio > label:not(.disabled):not(:disabled).focus:hover,
1956
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled).has-focus,
1957
- .np-theme-personal .radio > label:not(.disabled):not(:disabled).has-focus,
1958
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled).has-focus:hover,
1959
- .np-theme-personal .radio > label:not(.disabled):not(:disabled).has-focus:hover,
1960
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-within,
1961
- .np-theme-personal .radio > label:not(.disabled):not(:disabled):focus-within {
1962
- border-color: #c9cbce;
1963
- border-color: var(--color-interactive-secondary);
1964
- }
1965
- .checkbox.checkbox-lg > label,
1966
- .radio.checkbox-lg > label,
1967
- .checkbox.radio-lg > label,
1968
- .radio.radio-lg > label {
1969
- min-height: 72px;
1970
- min-height: var(--size-72);
1971
- }
1972
- .checkbox.checkbox-lg > label small,
1973
- .radio.checkbox-lg > label small,
1974
- .checkbox.radio-lg > label small,
1975
- .radio.radio-lg > label small,
1976
- .checkbox.checkbox-lg > label .small,
1977
- .radio.checkbox-lg > label .small,
1978
- .checkbox.radio-lg > label .small,
1979
- .radio.radio-lg > label .small,
1980
- .checkbox.checkbox-lg > label .body-2,
1981
- .radio.checkbox-lg > label .body-2,
1982
- .checkbox.radio-lg > label .body-2,
1983
- .radio.radio-lg > label .body-2,
1984
- .checkbox.checkbox-lg > label .np-text-body-default,
1985
- .radio.checkbox-lg > label .np-text-body-default,
1986
- .checkbox.radio-lg > label .np-text-body-default,
1987
- .radio.radio-lg > label .np-text-body-default {
1988
- display: block;
1989
- color: #5d7079;
1990
- color: var(--color-content-secondary);
1991
- }
1992
- .error-messages {
1993
- display: none;
1994
- color: #cf2929;
1995
- color: var(--color-content-negative);
1996
- background-color: rgba(255,135,135,0.10196);
1997
- background-color: var(--color-background-negative);
1998
- position: relative;
1999
- }
2000
- .error-messages::before {
2001
- content: " ";
2002
- position: absolute;
2003
- display: block;
2004
- width: 10px;
2005
- height: 10px;
2006
- left: 20px;
2007
- top: -5px;
2008
- transform: rotate(45deg);
2009
- background-color: inherit;
2010
- }
2011
- [dir="rtl"] .error-messages::before {
2012
- right: 20px;
2013
- left: auto;
2014
- left: initial;
2015
- }
2016
- .form-group .error-messages {
2017
- border-radius: 3px;
2018
- border-width: 0;
2019
- margin-top: 12px;
2020
- }
2021
- .has-error .error-messages {
2022
- display: block;
2023
- }
2024
- .has-error .error-messages:empty,
2025
- .has-error .error-messages:-moz-only-whitespace {
2026
- display: none;
2027
- }
2028
- .has-error .error-messages:empty::before,
2029
- .has-error .error-messages:-moz-only-whitespace::before {
2030
- display: none;
2031
- }
2032
- .error-required,
2033
- .error-pattern,
2034
- .error-minlength,
2035
- .error-maxlength,
2036
- .error-min,
2037
- .error-max,
2038
- .error-async,
2039
- .error-number,
2040
- .error-date,
2041
- .error-time,
2042
- .error-datetime,
2043
- .error-email,
2044
- .error-url,
2045
- .error-week,
2046
- .error-month,
2047
- .error-datetimelocal {
2048
- display: none;
2049
- }
2050
- .ng-invalid-required ~ .error-messages > .error-required,
2051
- .ng-invalid-pattern ~ .error-messages > .error-pattern,
2052
- .ng-invalid-minlength ~ .error-messages > .error-minlength,
2053
- .ng-invalid-maxlength ~ .error-messages > .error-maxlength,
2054
- .ng-invalid-min ~ .error-messages > .error-min,
2055
- .ng-invalid-max ~ .error-messages > .error-max,
2056
- .ng-invalid-async ~ .error-messages > .error-async,
2057
- .ng-invalid-number ~ .error-messages > .error-number,
2058
- .ng-invalid-date ~ .error-messages > .error-date,
2059
- .ng-invalid-time ~ .error-messages > .error-time,
2060
- .ng-invalid-datetime ~ .error-messages > .error-datetime,
2061
- .ng-invalid-email ~ .error-messages > .error-email,
2062
- .ng-invalid-url ~ .error-messages > .error-url,
2063
- .ng-invalid-week ~ .error-messages > .error-week,
2064
- .ng-invalid-month ~ .error-messages > .error-month,
2065
- .ng-invalid-datetimelocal ~ .error-messages > .error-datetimelocal {
2066
- display: block;
2067
- }
2068
- .ng-invalid-required ~ .alert-danger > .error-required,
2069
- .ng-invalid-pattern ~ .alert-danger > .error-pattern,
2070
- .ng-invalid-minlength ~ .alert-danger > .error-minlength,
2071
- .ng-invalid-maxlength ~ .alert-danger > .error-maxlength,
2072
- .ng-invalid-min ~ .alert-danger > .error-min,
2073
- .ng-invalid-max ~ .alert-danger > .error-max,
2074
- .ng-invalid-async ~ .alert-danger > .error-async,
2075
- .ng-invalid-number ~ .alert-danger > .error-number,
2076
- .ng-invalid-date ~ .alert-danger > .error-date,
2077
- .ng-invalid-time ~ .alert-danger > .error-time,
2078
- .ng-invalid-datetime ~ .alert-danger > .error-datetime,
2079
- .ng-invalid-email ~ .alert-danger > .error-email,
2080
- .ng-invalid-url ~ .alert-danger > .error-url,
2081
- .ng-invalid-week ~ .alert-danger > .error-week,
2082
- .ng-invalid-month ~ .alert-danger > .error-month,
2083
- .ng-invalid-datetimelocal ~ .alert-danger > .error-datetimelocal {
2084
- display: block;
2085
- }
2086
- .form-control-placeholder {
2087
- text-overflow: ellipsis;
2088
- overflow: hidden;
2089
- font-weight: 400;
2090
- font-weight: var(--font-weight-regular);
2091
- font-size: 1rem;
2092
- font-size: var(--font-size-16);
2093
- line-height: 150%;
2094
- letter-spacing: -0.011em;
2095
- display: block;
2096
- width: 100%;
2097
- color: #768e9c;
2098
- color: var(--color-content-tertiary);
2099
- }
2100
- .np-theme-personal .btn-input,
2101
- .np-theme-personal .input-group,
2102
- .np-theme-personal .form-control,
2103
- .np-theme-personal .input-group-addon,
2104
- .np-theme-personal .radio > label,
2105
- .np-theme-personal .checkbox > label {
2106
- background-color: transparent;
2107
- background-color: initial;
2108
- border: none !important;
2109
- border-radius: 10px;
2110
- border-radius: var(--radius-small);
2111
- }
2112
- .np-theme-personal .btn-input,
2113
- .np-theme-personal .input-group,
2114
- .np-theme-personal .form-control,
2115
- .np-theme-personal .radio > label,
2116
- .np-theme-personal .checkbox > label {
2117
- box-shadow: inset 0 0 0 1px #c9cbce;
2118
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
2119
- transition: box-shadow 0.3s ease-in-out;
2120
- }
2121
- .np-theme-personal .input-group > .form-control,
2122
- .np-theme-personal .input-group > .btn-input,
2123
- .np-theme-personal .typeahead__input-container .form-control {
2124
- box-shadow: none !important;
2125
- }
2126
- .np-theme-personal .btn-input:not(.disabled):not(:disabled):hover,
2127
- .np-theme-personal .input-group:not(.disabled):not(:disabled):hover,
2128
- .np-theme-personal .form-control:not(.disabled):not(:disabled):hover,
2129
- .np-theme-personal .radio > label:not(.disabled):not(:disabled):hover,
2130
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover {
2131
- box-shadow: inset 0 0 0 2px #b5b7ba;
2132
- box-shadow: inset 0 0 0 2px var(--color-interactive-secondary-hover);
2133
- }
2134
- .np-theme-personal .btn-input:not(.disabled):not(:disabled):hover:has(:checked, .checked),
2135
- .np-theme-personal .input-group:not(.disabled):not(:disabled):hover:has(:checked, .checked),
2136
- .np-theme-personal .form-control:not(.disabled):not(:disabled):hover:has(:checked, .checked),
2137
- .np-theme-personal .radio > label:not(.disabled):not(:disabled):hover:has(:checked, .checked),
2138
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover:has(:checked, .checked) {
2139
- box-shadow: inset 0 0 0 2px var(--color-interactive-primary-hover);
2140
- }
2141
- .np-theme-personal .btn-input:not(.disabled):not(:disabled):focus-visible,
2142
- .np-theme-personal .btn-input:not(.disabled):not(:disabled):has(:focus-visible),
2143
- .np-theme-personal .input-group:not(.disabled):not(:disabled):focus-visible,
2144
- .np-theme-personal .input-group:not(.disabled):not(:disabled):has(.form-control:focus-visible, .btn-input:focus-visible),
2145
- .np-theme-personal .form-control:not(.disabled):not(:disabled):focus-visible,
2146
- .np-theme-personal .form-control:not(.disabled):not(:disabled):has(:focus-visible),
2147
- .np-theme-personal .radio > label:not(.disabled):not(:disabled):focus-visible,
2148
- .np-theme-personal .radio > label:not(.disabled):not(:disabled):has(:focus-visible),
2149
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-visible,
2150
- .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
2151
- box-shadow: inset 0 0 0 3px var(--color-interactive-primary);
2152
- }
2153
- .np-theme-personal .has-error .btn-input,
2154
- .np-theme-personal .has-error .input-group,
2155
- .np-theme-personal .has-error .form-control,
2156
- .np-theme-personal .has-error .radio > label,
2157
- .np-theme-personal .has-error .checkbox > label {
2158
- box-shadow: inset 0 0 0 2px var(--color-sentiment-negative);
2159
- }
2160
- .np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):hover,
2161
- .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):hover,
2162
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
2163
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):hover {
2164
- box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
2165
- }
2166
- .np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):active,
2167
- .np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):focus-visible,
2168
- .np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):has(:focus-visible),
2169
- .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):active,
2170
- .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):focus-visible,
2171
- .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):has(:focus-visible),
2172
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):active,
2173
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):focus-visible,
2174
- .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):has(:focus-visible),
2175
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active,
2176
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible,
2177
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
2178
- box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
2179
- }
2180
- .np-theme-personal .has-error .tw-radio-button {
2181
- border-color: var(--color-sentiment-negative) !important;
2182
- }
2183
- .np-theme-personal .has-error .tw-radio-button.checked {
2184
- box-shadow: inset 0 0 0 1px var(--color-sentiment-negative);
2185
- }
2186
- .np-theme-personal .has-error .tw-radio-button.checked .tw-radio-check {
2187
- background: var(--color-sentiment-negative) !important;
2188
- }
2189
- .np-theme-personal .has-error .checkbox:hover .tw-checkbox-button,
2190
- .np-theme-personal .has-error .radio:not(.disabled):hover .tw-radio-button,
2191
- .np-theme-personal .has-error .tw-checkbox-button:not(.disabled):not(:disabled):hover,
2192
- .np-theme-personal .has-error input[type=checkbox]:hover + .tw-checkbox-button,
2193
- .np-theme-personal .has-error input[type=radio]:not(.disabled):not(:disabled):hover + .tw-radio-button,
2194
- .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
2195
- box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
2196
- }
2197
- .np-theme-personal .has-error .tw-checkbox-button.checked,
2198
- .np-theme-personal .has-error .tw-checkbox-button:checked,
2199
- .np-theme-personal .has-error input[type=checkbox]:checked + .tw-checkbox-button,
2200
- .np-theme-personal .has-error .tw-checkbox-button.checked:hover,
2201
- .np-theme-personal .has-error .tw-checkbox-button:checked:hover,
2202
- .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
2203
- box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
2204
- background: var(--color-sentiment-negative);
2205
- }
2206
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type=checkbox] + .tw-checkbox-button,
2207
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type=checkbox] + .tw-checkbox-button,
2208
- .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type=checkbox] + .tw-checkbox-button {
2209
- box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
2210
- }
2211
- .np-theme-personal .tw-radio-button,
2212
- .np-theme-personal .tw-checkbox-button {
2213
- background-color: transparent;
2214
- background-color: initial;
2215
- color: inherit;
2216
- transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
2217
- }
2218
- .np-theme-personal .btn-input:hover,
2219
- .np-theme-personal .btn-input:active,
2220
- .np-theme-personal .btn-input:focus,
2221
- .np-theme-personal .btn-input:focus,
2222
- .np-theme-personal .btn-input:focus-within,
2223
- .np-theme-personal.open .btn-input {
2224
- background-color: transparent !important;
2225
- background-color: initial !important;
2226
- }
2227
- .np-theme-personal .form-group label {
2228
- margin-bottom: 8px;
2229
- margin-bottom: var(--padding-x-small);
2230
- }
2231
- .np-theme-personal .form-group .np-upload-input label {
2232
- margin-bottom: 0;
2233
- }
2234
- .np-theme-personal .form-group:focus-within .control-label,
2235
- .np-theme-personal .form-group:focus-within > label,
2236
- .np-theme-personal .has-warning .control-label,
2237
- .np-theme-personal .has-warning label,
2238
- .np-theme-personal .has-success .control-label,
2239
- .np-theme-personal .has-success label {
2240
- color: #5d7079 !important;
2241
- color: var(--color-content-secondary) !important;
2242
- }
2243
- .np-theme-personal .has-error .control-label,
2244
- .np-theme-personal .has-error label {
2245
- color: var(--color-sentiment-negative) !important;
2246
- }
2247
- .np-theme-personal .form-group .alert:before,
2248
- .np-theme-personal .error-messages:before {
2249
- content: none;
2250
- }
2251
- .np-theme-personal .error-messages,
2252
- .np-theme-personal .alert-detach {
2253
- color: #5d7079;
2254
- color: var(--color-content-secondary);
2255
- line-height: 1.2;
2256
- line-height: var(--line-height-control);
2257
- margin: 8px 0;
2258
- margin: var(--padding-x-small) 0;
2259
- padding: 0;
2260
- background-color: transparent;
2261
- background-color: initial;
2262
- }
2263
- .np-theme-personal .has-error .error-messages,
2264
- .np-theme-personal .has-error .alert-detach.alert-danger {
2265
- color: var(--color-sentiment-negative);
2266
- display: flex;
2267
- }
2268
- .np-theme-personal .has-error .error-messages .tw-icon,
2269
- .np-theme-personal .has-error .alert-detach.alert-danger .tw-icon {
2270
- margin-right: 8px;
2271
- margin-right: var(--padding-x-small);
2272
- }
2273
- .has-required::after {
2274
- content: "\00a0*";
2275
- color: #cf2929;
2276
- color: var(--color-content-negative);
2277
- }
2278
- .np-theme-personal .has-required::after {
2279
- color: var(--color-sentiment-negative);
2280
- }
2281
- .input-group {
2282
- position: relative;
2283
- display: table;
2284
- border-collapse: separate;
2285
- width: 100%;
2286
- }
2287
- .input-group[class*="col-"] {
2288
- float: none;
2289
- padding-left: 0;
2290
- }
2291
- [dir="rtl"] .input-group[class*="col-"] {
2292
- padding-right: 0;
2293
- padding-left: 0;
2294
- padding-left: initial;
2295
- }
2296
- .input-group .form-control {
2297
- float: left;
2298
- width: 100%;
2299
- margin-bottom: 0;
2300
- border-color: #c9cbce;
2301
- border-color: var(--color-interactive-secondary);
2302
- }
2303
- [dir="rtl"] .input-group .form-control {
2304
- float: right;
2305
- }
2306
- [dir="rtl"] .input-group .form-control:not(:first-child) {
2307
- border-right: 0 ;
2308
- }
2309
- html:not([dir="rtl"]) .input-group .form-control:not(:first-child) {
2310
- border-left: 0 ;
2311
- }
2312
- [dir="rtl"] .input-group .form-control:not(:last-child) {
2313
- border-left: 0 ;
2314
- }
2315
- html:not([dir="rtl"]) .input-group .form-control:not(:last-child) {
2316
- border-right: 0 ;
2317
- }
2318
- .input-group .input-group-addon button.np-btn {
2319
- padding: 0;
2320
- min-height: 16px;
2321
- border-radius: 50%;
2322
- }
2323
- .input-group .input-group-addon + .form-control {
2324
- padding-left: 0;
2325
- }
2326
- [dir="rtl"] .input-group .input-group-addon + .form-control {
2327
- padding-right: 0;
2328
- padding-left: 0;
2329
- padding-left: initial;
2330
- }
2331
- .input-group .form-control + .input-group-addon {
2332
- padding-left: 0;
2333
- }
2334
- [dir="rtl"] .input-group .form-control + .input-group-addon {
2335
- padding-right: 0;
2336
- padding-left: 0;
2337
- padding-left: initial;
2338
- }
2339
- .input-group-lg > .form-control,
2340
- .input-group-lg > .input-group-addon,
2341
- .input-group-lg > .input-group-btn .btn {
2342
- min-height: var(--input-height-large);
2343
- padding: var(--input-padding-large);
2344
- border-radius: 3px;
2345
- font-weight: 400;
2346
- font-weight: var(--font-weight-regular);
2347
- font-size: 1rem;
2348
- font-size: var(--font-size-16);
2349
- line-height: 150%;
2350
- letter-spacing: -0.011em;
2351
- margin: 0;
2352
- color: #37517e;
2353
- color: var(--color-content-primary);
2354
- line-height: 1.2;
2355
- line-height: var(--line-height-title);
2356
- letter-spacing: 0;
2357
- margin-bottom: 0;
2358
- margin-bottom: initial;
2359
- font-size: 1.375rem;
2360
- font-size: var(--font-size-22);
2361
- font-weight: 600;
2362
- font-weight: var(--font-weight-semi-bold);
2363
- letter-spacing: -0.018em;
2364
- line-height: 125%;
2365
- margin-bottom: 0;
2366
- }
2367
- select.input-group-lg > .form-control,
2368
- select.input-group-lg > .input-group-addon,
2369
- select.input-group-lg > .input-group-btn .btn {
2370
- min-height: var(--input-height-large);
2371
- }
2372
- textarea.input-group-lg > .form-control,
2373
- textarea.input-group-lg > .input-group-addon,
2374
- textarea.input-group-lg > .input-group-btn .btn,
2375
- select[multiple].input-group-lg > .form-control,
2376
- select[multiple].input-group-lg > .input-group-addon,
2377
- select[multiple].input-group-lg > .input-group-btn .btn {
2378
- height: auto;
2379
- }
2380
- .input-group-lg > .form-control + p,
2381
- .input-group-lg > .input-group-addon + p,
2382
- .input-group-lg > .input-group-btn .btn + p,
2383
- .input-group-lg > .form-control + ul:not(.list-unstyled),
2384
- .input-group-lg > .input-group-addon + ul:not(.list-unstyled),
2385
- .input-group-lg > .input-group-btn .btn + ul:not(.list-unstyled),
2386
- .input-group-lg > .form-control + ol:not(.list-unstyled),
2387
- .input-group-lg > .input-group-addon + ol:not(.list-unstyled),
2388
- .input-group-lg > .input-group-btn .btn + ol:not(.list-unstyled) {
2389
- margin-top: 8px;
2390
- margin-top: var(--size-8);
2391
- }
2392
- .input-group-sm > .form-control,
2393
- .input-group-sm > .input-group-addon {
2394
- min-height: 32px;
2395
- padding: var(--input-padding-small);
2396
- border-radius: 3px;
2397
- font-size: 14px;
2398
- line-height: 24px;
2399
- line-height: 1.5;
2400
- line-height: var(--line-height-body);
2401
- font-size: 1rem;
2402
- font-size: var(--font-size-16);
2403
- font-size: 0.875rem;
2404
- font-size: var(--font-size-14);
2405
- line-height: 155%;
2406
- letter-spacing: -0.006em;
2407
- font-weight: 400;
2408
- font-weight: var(--font-weight-regular);
2409
- }
2410
- select.input-group-sm > .form-control,
2411
- select.input-group-sm > .input-group-addon {
2412
- min-height: 32px;
2413
- }
2414
- textarea.input-group-sm > .form-control,
2415
- textarea.input-group-sm > .input-group-addon,
2416
- select[multiple].input-group-sm > .form-control,
2417
- select[multiple].input-group-sm > .input-group-addon {
2418
- height: auto;
2419
- }
2420
- .input-group-sm > .form-control .icon,
2421
- .input-group-sm > .input-group-addon .icon {
2422
- font-size: 1.25rem;
2423
- font-size: var(--font-size-20);
2424
- }
2425
- .input-group-sm > .input-group-btn > .btn {
2426
- height: 32px;
2427
- }
2428
- .input-group-sm > .input-group-addon {
2429
- line-height: 22px;
2430
- }
2431
- .input-group-addon,
2432
- .input-group-btn,
2433
- .input-group .form-control {
2434
- display: table-cell;
2435
- }
2436
- .input-group-addon,
2437
- .input-group-btn {
2438
- width: 1%;
2439
- white-space: nowrap;
2440
- vertical-align: middle;
2441
- }
2442
- .input-group-addon {
2443
- padding: var(--input-group-addon-padding);
2444
- font-size: 1rem;
2445
- font-size: var(--font-size-16);
2446
- line-height: 1.5;
2447
- line-height: var(--line-height-body);
2448
- color: #5d7079;
2449
- color: var(--color-content-secondary);
2450
- text-align: center;
2451
- background-color: #ffffff;
2452
- background-color: var(--color-background-screen);
2453
- border: 1px solid #c9cbce;
2454
- border: 1px solid var(--color-interactive-secondary);
2455
- }
2456
- .input-group-addon.input-sm {
2457
- padding: var(--input-group-addon-sm-padding) !important;
2458
- }
2459
- .input-group-addon.input-lg {
2460
- padding: var(--input-group-addon-lg-padding) !important;
2461
- }
2462
- .input-group-addon--search {
2463
- padding-right: calc(16px / 2);
2464
- }
2465
- .input-group-addon input[type="radio"],
2466
- .input-group-addon input[type="checkbox"] {
2467
- margin-top: 0;
2468
- }
2469
- .input-group-addon .icon {
2470
- font-size: 24px;
2471
- vertical-align: middle;
2472
- display: inline-block;
2473
- margin-top: -2px;
2474
- margin-left: -4px;
2475
- margin-right: -5px;
2476
- }
2477
- [dir="rtl"] .input-group-addon .icon {
2478
- margin-right: -4px;
2479
- margin-left: 0;
2480
- margin-left: initial;
2481
- }
2482
- [dir="rtl"] .input-group-addon .icon {
2483
- margin-left: -5px;
2484
- margin-right: 0;
2485
- margin-right: initial;
2486
- }
2487
- .input-group-addon a {
2488
- -webkit-text-decoration: none;
2489
- text-decoration: none;
2490
- }
2491
- .input-group-addon:empty {
2492
- padding: 0 !important;
2493
- width: 3px;
2494
- }
2495
- .form-group-lg .input-lg,
2496
- .form-group-lg .input-group {
2497
- margin-bottom: 0;
2498
- }
2499
- .input-group .input-group-addon,
2500
- .input-group .btn-input,
2501
- .input-group .form-control {
2502
- border-radius: 0;
2503
- }
2504
- [dir="rtl"] .input-group .input-group-addon,
2505
- [dir="rtl"] .input-group .btn-input,
2506
- [dir="rtl"] .input-group .form-control {
2507
- border-right-width: 0;
2508
- }
2509
- html:not([dir="rtl"]) .input-group .input-group-addon,
2510
- html:not([dir="rtl"]) .input-group .btn-input,
2511
- html:not([dir="rtl"]) .input-group .form-control {
2512
- border-left-width: 0;
2513
- }
2514
- [dir="rtl"] .input-group .input-group-addon,
2515
- [dir="rtl"] .input-group .btn-input,
2516
- [dir="rtl"] .input-group .form-control {
2517
- border-left-width: 0;
2518
- }
2519
- html:not([dir="rtl"]) .input-group .input-group-addon,
2520
- html:not([dir="rtl"]) .input-group .btn-input,
2521
- html:not([dir="rtl"]) .input-group .form-control {
2522
- border-right-width: 0;
2523
- }
2524
- .np-theme-personal .input-group .input-group-addon,
2525
- .np-theme-personal .input-group .btn-input,
2526
- .np-theme-personal .input-group .form-control {
2527
- border-radius: 0;
2528
- }
2529
- [dir="rtl"] .input-group .input-group-btn:first-child,
2530
- [dir="rtl"] .input-group .input-group-addon:first-child,
2531
- [dir="rtl"] .input-group .btn-input:first-child,
2532
- [dir="rtl"] .input-group .form-control:first-child {
2533
- border-right-width: 1px;
2534
- }
2535
- html:not([dir="rtl"]) .input-group .input-group-btn:first-child,
2536
- html:not([dir="rtl"]) .input-group .input-group-addon:first-child,
2537
- html:not([dir="rtl"]) .input-group .btn-input:first-child,
2538
- html:not([dir="rtl"]) .input-group .form-control:first-child {
2539
- border-left-width: 1px;
2540
- }
2541
- [dir="rtl"] .input-group .input-group-btn:first-child,
2542
- [dir="rtl"] .input-group .input-group-addon:first-child,
2543
- [dir="rtl"] .input-group .btn-input:first-child,
2544
- [dir="rtl"] .input-group .form-control:first-child {
2545
- border-bottom-right-radius: 3px;
2546
- border-top-right-radius: 3px;
2547
- }
2548
- html:not([dir="rtl"]) .input-group .input-group-btn:first-child,
2549
- html:not([dir="rtl"]) .input-group .input-group-addon:first-child,
2550
- html:not([dir="rtl"]) .input-group .btn-input:first-child,
2551
- html:not([dir="rtl"]) .input-group .form-control:first-child {
2552
- border-bottom-left-radius: 3px;
2553
- border-top-left-radius: 3px;
2554
- }
2555
- [dir="rtl"] .input-group .input-group-btn:last-child,
2556
- [dir="rtl"] .input-group .input-group-addon:last-child,
2557
- [dir="rtl"] .input-group .btn-input:last-child,
2558
- [dir="rtl"] .input-group .form-control:last-child {
2559
- border-left-width: 1px;
2560
- }
2561
- html:not([dir="rtl"]) .input-group .input-group-btn:last-child,
2562
- html:not([dir="rtl"]) .input-group .input-group-addon:last-child,
2563
- html:not([dir="rtl"]) .input-group .btn-input:last-child,
2564
- html:not([dir="rtl"]) .input-group .form-control:last-child {
2565
- border-right-width: 1px;
2566
- }
2567
- [dir="rtl"] .input-group .input-group-btn:last-child,
2568
- [dir="rtl"] .input-group .input-group-addon:last-child,
2569
- [dir="rtl"] .input-group .btn-input:last-child,
2570
- [dir="rtl"] .input-group .form-control:last-child {
2571
- border-bottom-left-radius: 3px;
2572
- border-top-left-radius: 3px;
2573
- }
2574
- html:not([dir="rtl"]) .input-group .input-group-btn:last-child,
2575
- html:not([dir="rtl"]) .input-group .input-group-addon:last-child,
2576
- html:not([dir="rtl"]) .input-group .btn-input:last-child,
2577
- html:not([dir="rtl"]) .input-group .form-control:last-child {
2578
- border-bottom-right-radius: 3px;
2579
- border-top-right-radius: 3px;
2580
- }
2581
- /* TODO: Remove this rule group once the brand refresh is out */
2582
- [dir="rtl"] .input-group > :first-child .btn,
2583
- [dir="rtl"] .input-group > :first-child .btn-group {
2584
- border-bottom-left-radius: 0;
2585
- border-top-left-radius: 0;
2586
- }
2587
- html:not([dir="rtl"]) .input-group > :first-child .btn,
2588
- html:not([dir="rtl"]) .input-group > :first-child .btn-group {
2589
- border-bottom-right-radius: 0;
2590
- border-top-right-radius: 0;
2591
- }
2592
- [dir="rtl"] .np-theme-personal .input-group > :first-child .btn,
2593
- [dir="rtl"] .np-theme-personal .input-group > :first-child .btn-group {
2594
- border-bottom-right-radius: 10px;
2595
- border-bottom-right-radius: var(--radius-small);
2596
- border-top-right-radius: 10px;
2597
- border-top-right-radius: var(--radius-small);
2598
- }
2599
- html:not([dir="rtl"]) .np-theme-personal .input-group > :first-child .btn,
2600
- html:not([dir="rtl"]) .np-theme-personal .input-group > :first-child .btn-group {
2601
- border-bottom-left-radius: 10px;
2602
- border-bottom-left-radius: var(--radius-small);
2603
- border-top-left-radius: 10px;
2604
- border-top-left-radius: var(--radius-small);
2605
- }
2606
- [dir="rtl"] .input-group > :last-child .btn,
2607
- [dir="rtl"] .input-group > :last-child .btn-group {
2608
- border-bottom-right-radius: 0;
2609
- border-top-right-radius: 0;
2610
- }
2611
- html:not([dir="rtl"]) .input-group > :last-child .btn,
2612
- html:not([dir="rtl"]) .input-group > :last-child .btn-group {
2613
- border-bottom-left-radius: 0;
2614
- border-top-left-radius: 0;
2615
- }
2616
- [dir="rtl"] .np-theme-personal .input-group > :last-child .btn,
2617
- [dir="rtl"] .np-theme-personal .input-group > :last-child .btn-group {
2618
- border-bottom-right-radius: 10px;
2619
- border-bottom-right-radius: var(--radius-small);
2620
- border-top-right-radius: 10px;
2621
- border-top-right-radius: var(--radius-small);
2622
- }
2623
- html:not([dir="rtl"]) .np-theme-personal .input-group > :last-child .btn,
2624
- html:not([dir="rtl"]) .np-theme-personal .input-group > :last-child .btn-group {
2625
- border-bottom-left-radius: 10px;
2626
- border-bottom-left-radius: var(--radius-small);
2627
- border-top-left-radius: 10px;
2628
- border-top-left-radius: var(--radius-small);
2629
- }
2630
- .input-group-btn {
2631
- position: relative;
2632
- font-size: 0;
2633
- white-space: nowrap;
2634
- }
2635
- .input-group-btn > .btn {
2636
- position: relative;
2637
- }
2638
- .input-group-btn > .btn + .btn {
2639
- margin-left: -1px;
2640
- }
2641
- [dir="rtl"] .input-group-btn > .btn + .btn {
2642
- margin-right: -1px;
2643
- margin-left: 0;
2644
- margin-left: initial;
2645
- }
2646
- .input-group-btn > .btn:hover,
2647
- .input-group-btn > .btn:focus,
2648
- .input-group-btn > .btn:active {
2649
- z-index: 2;
2650
- }
2651
- .input-group-btn:first-child > .btn,
2652
- .input-group-btn:first-child > .btn-group {
2653
- margin-right: -1px;
2654
- }
2655
- [dir="rtl"] .input-group-btn:first-child > .btn,
2656
- [dir="rtl"] .input-group-btn:first-child > .btn-group {
2657
- margin-left: -1px;
2658
- margin-right: 0;
2659
- margin-right: initial;
2660
- }
2661
- .input-group:hover:not(.disabled):not(:disabled) .form-control,
2662
- .input-group:hover:not(.disabled):not(:disabled) .input-group-addon,
2663
- .input-group:hover:not(.disabled):not(:disabled) .btn-input,
2664
- .input-group:hover:not(.disabled):not(:disabled) .bootstrap-select .btn-default {
2665
- border-color: #b5b7ba;
2666
- border-color: var(--color-interactive-secondary-hover);
2667
- }
2668
- .form-control:hover:not(.disabled):not(:disabled) {
2669
- border-color: #b5b7ba;
2670
- border-color: var(--color-interactive-secondary-hover);
2671
- }
2672
- .input-group:focus-within:not(.disabled):not(:disabled) .form-control,
2673
- .input-group:focus-within:not(.disabled):not(:disabled) .input-group-addon,
2674
- .input-group:focus-within:not(.disabled):not(:disabled) .btn-input,
2675
- .input-group:focus-within:not(.disabled):not(:disabled) .bootstrap-select .btn-default {
2676
- border-color: #00a2dd;
2677
- border-color: var(--color-interactive-accent);
2678
- }
2679
- .np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .form-control,
2680
- .np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .input-group-addon,
2681
- .np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .btn-input,
2682
- .np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .bootstrap-select .btn-default {
2683
- border-color: #c9cbce;
2684
- border-color: var(--color-interactive-secondary);
2685
- }
2686
- .form-control:focus-within:not(.disabled):not(:disabled) {
2687
- border-color: #00a2dd;
2688
- border-color: var(--color-interactive-accent);
2689
- }
2690
- .np-theme-personal .form-control:focus-within:not(.disabled):not(:disabled) {
2691
- border-color: #c9cbce;
2692
- border-color: var(--color-interactive-secondary);
2693
- }
2694
- .has-error .input-group .form-control,
2695
- .has-error .input-group .input-group-addon {
2696
- border-color: #e74848;
2697
- border-color: var(--color-interactive-negative);
2698
- }
2699
- .has-error .input-group .form-control:hover,
2700
- .has-error .input-group .input-group-addon:hover {
2701
- border-color: #d03238;
2702
- border-color: var(--color-interactive-negative-hover);
2703
- }
2704
- .dropdown-menu .input-group-addon {
2705
- border: 0;
2706
- }
1
+ .btn-sm{height:32px}form{margin-bottom:0}fieldset{border:0;margin:0;min-width:0;padding:0}legend{display:block;width:100%}label{display:inline-block;margin-bottom:4px;margin-bottom:var(--size-4);max-width:100%}.secondary,label{color:#5d7079;color:var(--color-content-secondary);font-size:.875rem;font-size:var(--font-size-14);line-height:20px;transition:color .15s ease-in-out}input[type=search]{box-sizing:border-box}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=checkbox],input[type=radio]{line-height:normal;margin:1px 0 0}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}output{line-height:1.2;line-height:var(--line-height-control);padding-top:9px}.form-control,output{color:#37517e;color:var(--color-content-primary);display:block;font-size:1rem;font-size:var(--font-size-16)}.form-control{background-clip:padding-box;background-color:#fff;background-color:var(--color-background-screen);background-image:none;border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:3px;font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.011em;line-height:150%;padding:var(--input-padding);transition:border-color .15s ease-in-out;width:100%}.form-control,select.form-control{min-height:var(--input-height-base)}select[multiple].form-control,textarea.form-control{height:auto}.form-control:not(.disabled,:disabled):focus{border-color:#0081ba;border-color:var(--color-interactive-accent-active);outline:0}.form-control::-moz-placeholder{color:#768e9c;color:var(--color-content-tertiary)}.form-control::placeholder{color:#768e9c;color:var(--color-content-tertiary)}textarea.form-control{height:144px}.form-control+.text-danger,.form-control+.text-info,.form-control+.text-muted,.form-control+.text-negative,.form-control+.text-positive,.form-control+.text-primary,.form-control+.text-success,.form-control+.text-warning{margin-top:8px}.form-control:focus{border-color:#0081ba;border-color:var(--color-interactive-accent-active)}.np-theme-personal .form-control:not(.disabled,:disabled):focus{border-color:var(--color-interactive-primary);outline:0}.np-theme-personal .form-control:hover{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.np-theme-personal .form-control:focus{border-color:var(--color-interactive-primary)}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media screen and (min-device-pixel-ratio:0){input[type=date],input[type=datetime-local],input[type=month],input[type=time]{line-height:var(--input-height-base)}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:var(--input-height-small)}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:calc(var(--input-height-large) - 1.5);line-height:calc(var(--input-height-large) - var(--line-height-body))}}.form-group{margin-bottom:24px}.form-group label{margin-bottom:2px}.form-group:focus-within .control-label,.form-group:focus-within>label{color:#0097c7;color:var(--color-content-accent)}.row-equal-height>[class*=col-]>.form-group{width:100%}.checkbox,.radio{display:block;margin-top:0;position:relative}.checkbox label,.radio label{cursor:pointer;margin-bottom:0;min-height:var(--input-height-base)}.checkbox+.checkbox,.radio+.radio{margin-top:12px}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{margin-left:-20px;margin-top:4px\9;position:absolute}[dir=rtl] .checkbox input[type=checkbox],[dir=rtl] .checkbox-inline input[type=checkbox],[dir=rtl] .radio input[type=radio],[dir=rtl] .radio-inline input[type=radio]{margin-left:0;margin-right:-20px}.checkbox-inline,.radio-inline{cursor:pointer;display:inline-block;font-weight:400;margin-bottom:0;padding-left:20px;position:relative;vertical-align:middle}[dir=rtl] .checkbox-inline,[dir=rtl] .radio-inline{padding-left:0;padding-right:20px}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-left:10px;margin-top:0}[dir=rtl] .checkbox-inline+.checkbox-inline,[dir=rtl] .radio-inline+.radio-inline{margin-left:0;margin-right:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=password]::-ms-reveal{display:none}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:3px;color:#5d7079;color:var(--color-content-secondary);margin-bottom:0;min-height:2.4;min-height:calc(var(--line-height-control)*2);padding:var(--input-padding)}.form-control-static.input-lg,.form-control-static.input-sm,[dir=rtl] .form-control-static.input-lg,[dir=rtl] .form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{border-radius:3px;font-size:14px;font-size:1rem;font-size:var(--font-size-16);font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.006em;line-height:24px;line-height:1.5;line-height:var(--line-height-body);line-height:155%;padding:var(--input-padding-small)}.input-sm,select.input-sm{min-height:32px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control,.navbar .form-control{border-radius:3px;font-size:.875rem;font-size:var(--font-size-14);height:32px;line-height:24px;padding:var(--input-padding-small)}.form-group-sm select.form-control,.navbar select.form-control{height:32px;line-height:32px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control,.navbar select[multiple].form-control,.navbar textarea.form-control{height:auto}.form-group-sm .form-control-static,.navbar .form-control-static{font-size:.875rem;font-size:var(--font-size-14);height:32px;line-height:24px;min-height:calc(1.2 + 14px);min-height:calc(var(--line-height-control) + 14px);padding:var(--input-padding-small)}.input-lg{border-radius:3px;font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.011em;line-height:150%;padding:var(--input-padding-large)}.input-lg,select.input-lg{min-height:var(--input-height-large)}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg{position:relative}.form-group-lg .input-group-lg>.form-control,.form-group-lg .input-group-lg>.input-group-addon,.form-group-lg .input-lg{font-size:22px;height:var(--input-height-large);line-height:32px;padding:28px 12px 4px;padding:calc(4px + var(--size-24)) 12px 4px}.form-group-lg select.form-control{line-height:var(--input-height-large)}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{font-size:22px;height:var(--input-height-large);line-height:32px;min-height:calc(1.2 + 22px);min-height:calc(var(--line-height-control) + 22px);padding:var(--input-padding-large)}.form-group-lg .control-label{left:14px;margin-bottom:0;position:absolute;top:12px;z-index:1}[dir=rtl] .form-group-lg .control-label{left:auto;right:14px}.has-feedback{position:relative}.has-feedback .form-control{padding-right:var(--input-height-base)}[dir=rtl] .has-feedback .form-control{padding-left:var(--input-height-base);padding-right:0}.form-control-feedback{display:block;height:48px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;width:48px;z-index:2}[dir=rtl] .form-control-feedback{left:0;right:auto}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{height:var(--input-height-large);width:var(--input-height-large)}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{height:32px;width:32px}.focus .control-label,.has-focus .control-label{color:#0077a5;color:var(--color-content-accent-active)}.focus .input-group-addon,.has-focus .input-group-addon{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.focus .input-group-addon:active,.has-focus .input-group-addon:active{border-color:#a7a9ab;border-color:var(--color-interactive-secondary-active)}.error-messages,.help-block{border-radius:10px;border-radius:var(--radius-small);border-style:solid;border-width:0;margin-bottom:4px;margin-top:12px;padding:4px 16px 3px;transition:border-color .15s ease-in-out,background-color .15s ease-in-out}.error-messages a,.help-block a{color:inherit}.help-block{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-color:#c9cbce;border-color:var(--color-interactive-secondary);color:#5d7079;color:var(--color-content-secondary);display:block;position:relative}.help-block:before{background-color:inherit;content:" ";display:block;height:10px;left:20px;position:absolute;top:-5px;transform:rotate(45deg);width:10px}[dir=rtl] .help-block:before{left:auto;right:20px}.help-block.arrow-center:before{left:50%;margin-left:-5px}[dir=rtl] .help-block.arrow-center:before{left:auto;margin-left:0;margin-right:-5px;right:50%}.help-block.arrow-top:before{bottom:auto;top:-5px}.help-block.arrow-left:before{left:20px;right:auto}[dir=rtl] .help-block.arrow-left:before{left:auto;right:20px;right:auto}.help-block.arrow-right:before{left:auto;right:20px}[dir=rtl] .help-block.arrow-right:before{left:auto;left:20px;right:auto}.help-block.arrow-bottom:before{bottom:-5px;top:auto}.focus .alert,.has-focus .alert{border-color:#0081ba;border-color:var(--color-interactive-accent-active)}.has-success{border-color:#2ead4b!important;border-color:var(--color-interactive-positive)!important}.has-success .checkbox,.has-success .checkbox label,.has-success .checkbox-inline,.has-success .checkbox-inline label,.has-success .control-label,.has-success .input-group-addon,.has-success .radio,.has-success .radio label,.has-success .radio-inline,.has-success .radio-inline label,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{border-color:#2ead4b!important;border-color:var(--color-interactive-positive)!important;color:#008026!important;color:var(--color-content-positive)!important}.has-success .alert,.has-success .btn-input,.has-success .btn-input:not(.disabled,:disabled):focus,.has-success .btn-input:not(.disabled,:disabled):hover,.has-success .form-control,.has-success .input-group-addon{border-color:#2ead4b!important;border-color:var(--color-interactive-positive)!important}.has-success:active .alert,.has-success:active .btn-input,.has-success:active .form-control,.has-success:active .input-group .form-control:focus,.has-success:active .input-group-addon,.has-success:active.checkbox label,.has-success:active.radio label,.has-success:focus .alert,.has-success:focus .btn-input,.has-success:focus .form-control,.has-success:focus .input-group .form-control:focus,.has-success:focus .input-group-addon,.has-success:focus-within .alert,.has-success:focus-within .btn-input,.has-success:focus-within .form-control,.has-success:focus-within .input-group .form-control:focus,.has-success:focus-within .input-group-addon,.has-success:focus-within.checkbox label,.has-success:focus-within.radio label,.has-success:focus.checkbox label,.has-success:focus.radio label{border-color:#069939!important;border-color:var(--color-interactive-positive-hover)!important}.has-success:not(.disabled,:disabled):hover .alert,.has-success:not(.disabled,:disabled):hover .btn-input,.has-success:not(.disabled,:disabled):hover.checkbox label,.has-success:not(.disabled,:disabled):hover.radio label{border-color:#069939!important;border-color:var(--color-interactive-positive-hover)!important}.has-success .form-control-feedback{color:#008026;color:var(--color-content-positive)}.has-success .radio>label:not(.disabled,:disabled),.has-success.checkbox>label:not(.disabled,:disabled){border-color:#2ead4b;border-color:var(--color-interactive-positive);color:#37517e;color:var(--color-content-primary)}.has-success .radio>label:focus-within,.has-success .radio>label:not(.disabled,:disabled):hover,.has-success.checkbox>label:focus-within,.has-success.checkbox>label:not(.disabled,:disabled):hover{border-color:#069939!important;border-color:var(--color-interactive-positive-hover)!important}.has-success .radio>label:focus-within .tw-checkbox-button,.has-success .radio>label:focus-within .tw-radio-button,.has-success .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-success .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.has-success.checkbox>label:focus-within .tw-checkbox-button,.has-success.checkbox>label:focus-within .tw-radio-button,.has-success.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-success.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:#069939!important;border-color:var(--color-interactive-positive-hover)!important}.has-success .radio .tw-checkbox-button,.has-success .radio .tw-radio-button,.has-success.checkbox .tw-checkbox-button,.has-success.checkbox .tw-radio-button{border-color:#2ead4b;border-color:var(--color-interactive-positive)}.np-theme-personal .has-success{border-color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success .checkbox,.np-theme-personal .has-success .checkbox label,.np-theme-personal .has-success .checkbox-inline,.np-theme-personal .has-success .checkbox-inline label,.np-theme-personal .has-success .control-label,.np-theme-personal .has-success .input-group-addon,.np-theme-personal .has-success .radio,.np-theme-personal .has-success .radio label,.np-theme-personal .has-success .radio-inline,.np-theme-personal .has-success .radio-inline label,.np-theme-personal .has-success.checkbox label,.np-theme-personal .has-success.checkbox-inline label,.np-theme-personal .has-success.radio label,.np-theme-personal .has-success.radio-inline label{border-color:var(--color-sentiment-positive)!important;color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success .alert,.np-theme-personal .has-success .btn-input,.np-theme-personal .has-success .btn-input:not(.disabled,:disabled):focus,.np-theme-personal .has-success .btn-input:not(.disabled,:disabled):hover,.np-theme-personal .has-success .form-control,.np-theme-personal .has-success .input-group-addon{border-color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success:active .alert,.np-theme-personal .has-success:active .btn-input,.np-theme-personal .has-success:active .form-control,.np-theme-personal .has-success:active .input-group .form-control:focus,.np-theme-personal .has-success:active .input-group-addon,.np-theme-personal .has-success:active.checkbox label,.np-theme-personal .has-success:active.radio label,.np-theme-personal .has-success:focus .alert,.np-theme-personal .has-success:focus .btn-input,.np-theme-personal .has-success:focus .form-control,.np-theme-personal .has-success:focus .input-group .form-control:focus,.np-theme-personal .has-success:focus .input-group-addon,.np-theme-personal .has-success:focus-within .alert,.np-theme-personal .has-success:focus-within .btn-input,.np-theme-personal .has-success:focus-within .form-control,.np-theme-personal .has-success:focus-within .input-group .form-control:focus,.np-theme-personal .has-success:focus-within .input-group-addon,.np-theme-personal .has-success:focus-within.checkbox label,.np-theme-personal .has-success:focus-within.radio label,.np-theme-personal .has-success:focus.checkbox label,.np-theme-personal .has-success:focus.radio label{border-color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success:not(.disabled,:disabled):hover .alert,.np-theme-personal .has-success:not(.disabled,:disabled):hover .btn-input,.np-theme-personal .has-success:not(.disabled,:disabled):hover.checkbox label,.np-theme-personal .has-success:not(.disabled,:disabled):hover.radio label{border-color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success .form-control-feedback{color:var(--color-sentiment-positive)}.np-theme-personal .has-success .radio>label:not(.disabled,:disabled),.np-theme-personal .has-success.checkbox>label:not(.disabled,:disabled){border-color:var(--color-sentiment-positive);color:#37517e;color:var(--color-content-primary)}.np-theme-personal .has-success .radio>label:focus-within,.np-theme-personal .has-success .radio>label:not(.disabled,:disabled):hover,.np-theme-personal .has-success.checkbox>label:focus-within,.np-theme-personal .has-success.checkbox>label:not(.disabled,:disabled):hover{border-color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success .radio>label:focus-within .tw-checkbox-button,.np-theme-personal .has-success .radio>label:focus-within .tw-radio-button,.np-theme-personal .has-success .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-success .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.np-theme-personal .has-success.checkbox>label:focus-within .tw-checkbox-button,.np-theme-personal .has-success.checkbox>label:focus-within .tw-radio-button,.np-theme-personal .has-success.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-success.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success .radio .tw-checkbox-button,.np-theme-personal .has-success .radio .tw-radio-button,.np-theme-personal .has-success.checkbox .tw-checkbox-button,.np-theme-personal .has-success.checkbox .tw-radio-button{border-color:var(--color-sentiment-positive)}.has-info{border-color:#00a2dd!important;border-color:var(--color-interactive-accent)!important}.has-info .checkbox,.has-info .checkbox label,.has-info .checkbox-inline,.has-info .checkbox-inline label,.has-info .control-label,.has-info .input-group-addon,.has-info .radio,.has-info .radio label,.has-info .radio-inline,.has-info .radio-inline label,.has-info.checkbox label,.has-info.checkbox-inline label,.has-info.radio label,.has-info.radio-inline label{border-color:#00a2dd!important;border-color:var(--color-interactive-accent)!important;color:#0097c7!important;color:var(--color-content-accent)!important}.has-info .alert,.has-info .btn-input,.has-info .btn-input:not(.disabled,:disabled):focus,.has-info .btn-input:not(.disabled,:disabled):hover,.has-info .form-control,.has-info .input-group-addon{border-color:#00a2dd!important;border-color:var(--color-interactive-accent)!important}.has-info:active .alert,.has-info:active .btn-input,.has-info:active .form-control,.has-info:active .input-group .form-control:focus,.has-info:active .input-group-addon,.has-info:active.checkbox label,.has-info:active.radio label,.has-info:focus .alert,.has-info:focus .btn-input,.has-info:focus .form-control,.has-info:focus .input-group .form-control:focus,.has-info:focus .input-group-addon,.has-info:focus-within .alert,.has-info:focus-within .btn-input,.has-info:focus-within .form-control,.has-info:focus-within .input-group .form-control:focus,.has-info:focus-within .input-group-addon,.has-info:focus-within.checkbox label,.has-info:focus-within.radio label,.has-info:focus.checkbox label,.has-info:focus.radio label{border-color:#008fc9!important;border-color:var(--color-interactive-accent-hover)!important}.has-info:not(.disabled,:disabled):hover .alert,.has-info:not(.disabled,:disabled):hover .btn-input,.has-info:not(.disabled,:disabled):hover.checkbox label,.has-info:not(.disabled,:disabled):hover.radio label{border-color:#008fc9!important;border-color:var(--color-interactive-accent-hover)!important}.has-info .form-control-feedback{color:#0097c7;color:var(--color-content-accent)}.has-info .radio>label:not(.disabled,:disabled),.has-info.checkbox>label:not(.disabled,:disabled){border-color:#00a2dd;border-color:var(--color-interactive-accent);color:#37517e;color:var(--color-content-primary)}.has-info .radio>label:focus-within,.has-info .radio>label:not(.disabled,:disabled):hover,.has-info.checkbox>label:focus-within,.has-info.checkbox>label:not(.disabled,:disabled):hover{border-color:#008fc9!important;border-color:var(--color-interactive-accent-hover)!important}.has-info .radio>label:focus-within .tw-checkbox-button,.has-info .radio>label:focus-within .tw-radio-button,.has-info .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-info .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.has-info.checkbox>label:focus-within .tw-checkbox-button,.has-info.checkbox>label:focus-within .tw-radio-button,.has-info.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-info.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:#008fc9!important;border-color:var(--color-interactive-accent-hover)!important}.has-info .radio .tw-checkbox-button,.has-info .radio .tw-radio-button,.has-info.checkbox .tw-checkbox-button,.has-info.checkbox .tw-radio-button{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .has-info{border-color:transparent!important}.np-theme-personal .has-info .checkbox,.np-theme-personal .has-info .checkbox label,.np-theme-personal .has-info .checkbox-inline,.np-theme-personal .has-info .checkbox-inline label,.np-theme-personal .has-info .control-label,.np-theme-personal .has-info .input-group-addon,.np-theme-personal .has-info .radio,.np-theme-personal .has-info .radio label,.np-theme-personal .has-info .radio-inline,.np-theme-personal .has-info .radio-inline label,.np-theme-personal .has-info.checkbox label,.np-theme-personal .has-info.checkbox-inline label,.np-theme-personal .has-info.radio label,.np-theme-personal .has-info.radio-inline label{border-color:transparent!important;color:#37517e!important;color:var(--color-content-primary)!important}.np-theme-personal .has-info .alert,.np-theme-personal .has-info .btn-input,.np-theme-personal .has-info .btn-input:not(.disabled,:disabled):focus,.np-theme-personal .has-info .btn-input:not(.disabled,:disabled):hover,.np-theme-personal .has-info .form-control,.np-theme-personal .has-info .input-group-addon{border-color:transparent!important}.np-theme-personal .has-info:active .alert,.np-theme-personal .has-info:active .btn-input,.np-theme-personal .has-info:active .form-control,.np-theme-personal .has-info:active .input-group .form-control:focus,.np-theme-personal .has-info:active .input-group-addon,.np-theme-personal .has-info:active.checkbox label,.np-theme-personal .has-info:active.radio label,.np-theme-personal .has-info:focus .alert,.np-theme-personal .has-info:focus .btn-input,.np-theme-personal .has-info:focus .form-control,.np-theme-personal .has-info:focus .input-group .form-control:focus,.np-theme-personal .has-info:focus .input-group-addon,.np-theme-personal .has-info:focus-within .alert,.np-theme-personal .has-info:focus-within .btn-input,.np-theme-personal .has-info:focus-within .form-control,.np-theme-personal .has-info:focus-within .input-group .form-control:focus,.np-theme-personal .has-info:focus-within .input-group-addon,.np-theme-personal .has-info:focus-within.checkbox label,.np-theme-personal .has-info:focus-within.radio label,.np-theme-personal .has-info:focus.checkbox label,.np-theme-personal .has-info:focus.radio label{border-color:transparent!important}.np-theme-personal .has-info:not(.disabled,:disabled):hover .alert,.np-theme-personal .has-info:not(.disabled,:disabled):hover .btn-input,.np-theme-personal .has-info:not(.disabled,:disabled):hover.checkbox label,.np-theme-personal .has-info:not(.disabled,:disabled):hover.radio label{border-color:transparent!important}.np-theme-personal .has-info .form-control-feedback{color:#37517e;color:var(--color-content-primary)}.np-theme-personal .has-info .radio>label:not(.disabled,:disabled),.np-theme-personal .has-info.checkbox>label:not(.disabled,:disabled){border-color:transparent;color:#37517e;color:var(--color-content-primary)}.np-theme-personal .has-info .radio>label:focus-within,.np-theme-personal .has-info .radio>label:not(.disabled,:disabled):hover,.np-theme-personal .has-info.checkbox>label:focus-within,.np-theme-personal .has-info.checkbox>label:not(.disabled,:disabled):hover{border-color:transparent!important}.np-theme-personal .has-info .radio>label:focus-within .tw-checkbox-button,.np-theme-personal .has-info .radio>label:focus-within .tw-radio-button,.np-theme-personal .has-info .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-info .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.np-theme-personal .has-info.checkbox>label:focus-within .tw-checkbox-button,.np-theme-personal .has-info.checkbox>label:focus-within .tw-radio-button,.np-theme-personal .has-info.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-info.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:transparent!important}.np-theme-personal .has-info .radio .tw-checkbox-button,.np-theme-personal .has-info .radio .tw-radio-button,.np-theme-personal .has-info.checkbox .tw-checkbox-button,.np-theme-personal .has-info.checkbox .tw-radio-button{border-color:transparent}.has-warning{border-color:#df8700!important;border-color:var(--color-interactive-warning)!important}.has-warning .checkbox,.has-warning .checkbox label,.has-warning .checkbox-inline,.has-warning .checkbox-inline label,.has-warning .control-label,.has-warning .input-group-addon,.has-warning .radio,.has-warning .radio label,.has-warning .radio-inline,.has-warning .radio-inline label,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{border-color:#df8700!important;border-color:var(--color-interactive-warning)!important;color:#9a6500!important;color:var(--color-content-warning)!important}.has-warning .alert,.has-warning .btn-input,.has-warning .btn-input:not(.disabled,:disabled):focus,.has-warning .btn-input:not(.disabled,:disabled):hover,.has-warning .form-control,.has-warning .input-group-addon{border-color:#df8700!important;border-color:var(--color-interactive-warning)!important}.has-warning:active .alert,.has-warning:active .btn-input,.has-warning:active .form-control,.has-warning:active .input-group .form-control:focus,.has-warning:active .input-group-addon,.has-warning:active.checkbox label,.has-warning:active.radio label,.has-warning:focus .alert,.has-warning:focus .btn-input,.has-warning:focus .form-control,.has-warning:focus .input-group .form-control:focus,.has-warning:focus .input-group-addon,.has-warning:focus-within .alert,.has-warning:focus-within .btn-input,.has-warning:focus-within .form-control,.has-warning:focus-within .input-group .form-control:focus,.has-warning:focus-within .input-group-addon,.has-warning:focus-within.checkbox label,.has-warning:focus-within.radio label,.has-warning:focus.checkbox label,.has-warning:focus.radio label{border-color:#c97500!important;border-color:var(--color-interactive-warning-hover)!important}.has-warning:not(.disabled,:disabled):hover .alert,.has-warning:not(.disabled,:disabled):hover .btn-input,.has-warning:not(.disabled,:disabled):hover.checkbox label,.has-warning:not(.disabled,:disabled):hover.radio label{border-color:#c97500!important;border-color:var(--color-interactive-warning-hover)!important}.has-warning .form-control-feedback{color:#9a6500;color:var(--color-content-warning)}.has-warning .radio>label:not(.disabled,:disabled),.has-warning.checkbox>label:not(.disabled,:disabled){border-color:#df8700;border-color:var(--color-interactive-warning);color:#37517e;color:var(--color-content-primary)}.has-warning .radio>label:focus-within,.has-warning .radio>label:not(.disabled,:disabled):hover,.has-warning.checkbox>label:focus-within,.has-warning.checkbox>label:not(.disabled,:disabled):hover{border-color:#c97500!important;border-color:var(--color-interactive-warning-hover)!important}.has-warning .radio>label:focus-within .tw-checkbox-button,.has-warning .radio>label:focus-within .tw-radio-button,.has-warning .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-warning .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.has-warning.checkbox>label:focus-within .tw-checkbox-button,.has-warning.checkbox>label:focus-within .tw-radio-button,.has-warning.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-warning.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:#c97500!important;border-color:var(--color-interactive-warning-hover)!important}.has-warning .radio .tw-checkbox-button,.has-warning .radio .tw-radio-button,.has-warning.checkbox .tw-checkbox-button,.has-warning.checkbox .tw-radio-button{border-color:#df8700;border-color:var(--color-interactive-warning)}.np-theme-personal .has-warning{border-color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning .checkbox,.np-theme-personal .has-warning .checkbox label,.np-theme-personal .has-warning .checkbox-inline,.np-theme-personal .has-warning .checkbox-inline label,.np-theme-personal .has-warning .control-label,.np-theme-personal .has-warning .input-group-addon,.np-theme-personal .has-warning .radio,.np-theme-personal .has-warning .radio label,.np-theme-personal .has-warning .radio-inline,.np-theme-personal .has-warning .radio-inline label,.np-theme-personal .has-warning.checkbox label,.np-theme-personal .has-warning.checkbox-inline label,.np-theme-personal .has-warning.radio label,.np-theme-personal .has-warning.radio-inline label{border-color:var(--color-sentiment-warning)!important;color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning .alert,.np-theme-personal .has-warning .btn-input,.np-theme-personal .has-warning .btn-input:not(.disabled,:disabled):focus,.np-theme-personal .has-warning .btn-input:not(.disabled,:disabled):hover,.np-theme-personal .has-warning .form-control,.np-theme-personal .has-warning .input-group-addon{border-color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning:active .alert,.np-theme-personal .has-warning:active .btn-input,.np-theme-personal .has-warning:active .form-control,.np-theme-personal .has-warning:active .input-group .form-control:focus,.np-theme-personal .has-warning:active .input-group-addon,.np-theme-personal .has-warning:active.checkbox label,.np-theme-personal .has-warning:active.radio label,.np-theme-personal .has-warning:focus .alert,.np-theme-personal .has-warning:focus .btn-input,.np-theme-personal .has-warning:focus .form-control,.np-theme-personal .has-warning:focus .input-group .form-control:focus,.np-theme-personal .has-warning:focus .input-group-addon,.np-theme-personal .has-warning:focus-within .alert,.np-theme-personal .has-warning:focus-within .btn-input,.np-theme-personal .has-warning:focus-within .form-control,.np-theme-personal .has-warning:focus-within .input-group .form-control:focus,.np-theme-personal .has-warning:focus-within .input-group-addon,.np-theme-personal .has-warning:focus-within.checkbox label,.np-theme-personal .has-warning:focus-within.radio label,.np-theme-personal .has-warning:focus.checkbox label,.np-theme-personal .has-warning:focus.radio label{border-color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning:not(.disabled,:disabled):hover .alert,.np-theme-personal .has-warning:not(.disabled,:disabled):hover .btn-input,.np-theme-personal .has-warning:not(.disabled,:disabled):hover.checkbox label,.np-theme-personal .has-warning:not(.disabled,:disabled):hover.radio label{border-color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning .form-control-feedback{color:var(--color-sentiment-warning)}.np-theme-personal .has-warning .radio>label:not(.disabled,:disabled),.np-theme-personal .has-warning.checkbox>label:not(.disabled,:disabled){border-color:var(--color-sentiment-warning);color:#37517e;color:var(--color-content-primary)}.np-theme-personal .has-warning .radio>label:focus-within,.np-theme-personal .has-warning .radio>label:not(.disabled,:disabled):hover,.np-theme-personal .has-warning.checkbox>label:focus-within,.np-theme-personal .has-warning.checkbox>label:not(.disabled,:disabled):hover{border-color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning .radio>label:focus-within .tw-checkbox-button,.np-theme-personal .has-warning .radio>label:focus-within .tw-radio-button,.np-theme-personal .has-warning .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-warning .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.np-theme-personal .has-warning.checkbox>label:focus-within .tw-checkbox-button,.np-theme-personal .has-warning.checkbox>label:focus-within .tw-radio-button,.np-theme-personal .has-warning.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-warning.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning .radio .tw-checkbox-button,.np-theme-personal .has-warning .radio .tw-radio-button,.np-theme-personal .has-warning.checkbox .tw-checkbox-button,.np-theme-personal .has-warning.checkbox .tw-radio-button{border-color:var(--color-sentiment-warning)}.has-error{border-color:#e74848!important;border-color:var(--color-interactive-negative)!important}.has-error .checkbox,.has-error .checkbox label,.has-error .checkbox-inline,.has-error .checkbox-inline label,.has-error .control-label,.has-error .input-group-addon,.has-error .radio,.has-error .radio label,.has-error .radio-inline,.has-error .radio-inline label,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{border-color:#e74848!important;border-color:var(--color-interactive-negative)!important;color:#cf2929!important;color:var(--color-content-negative)!important}.has-error .alert,.has-error .btn-input,.has-error .btn-input:not(.disabled,:disabled):focus,.has-error .btn-input:not(.disabled,:disabled):hover,.has-error .form-control,.has-error .input-group-addon{border-color:#e74848!important;border-color:var(--color-interactive-negative)!important}.has-error:active .alert,.has-error:active .btn-input,.has-error:active .form-control,.has-error:active .input-group .form-control:focus,.has-error:active .input-group-addon,.has-error:active.checkbox label,.has-error:active.radio label,.has-error:focus .alert,.has-error:focus .btn-input,.has-error:focus .form-control,.has-error:focus .input-group .form-control:focus,.has-error:focus .input-group-addon,.has-error:focus-within .alert,.has-error:focus-within .btn-input,.has-error:focus-within .form-control,.has-error:focus-within .input-group .form-control:focus,.has-error:focus-within .input-group-addon,.has-error:focus-within.checkbox label,.has-error:focus-within.radio label,.has-error:focus.checkbox label,.has-error:focus.radio label{border-color:#d03238!important;border-color:var(--color-interactive-negative-hover)!important}.has-error:not(.disabled,:disabled):hover .alert,.has-error:not(.disabled,:disabled):hover .btn-input,.has-error:not(.disabled,:disabled):hover.checkbox label,.has-error:not(.disabled,:disabled):hover.radio label{border-color:#d03238!important;border-color:var(--color-interactive-negative-hover)!important}.has-error .form-control-feedback{color:#cf2929;color:var(--color-content-negative)}.has-error .radio>label:not(.disabled,:disabled),.has-error.checkbox>label:not(.disabled,:disabled){border-color:#e74848;border-color:var(--color-interactive-negative);color:#37517e;color:var(--color-content-primary)}.has-error .radio>label:focus-within,.has-error .radio>label:not(.disabled,:disabled):hover,.has-error.checkbox>label:focus-within,.has-error.checkbox>label:not(.disabled,:disabled):hover{border-color:#d03238!important;border-color:var(--color-interactive-negative-hover)!important}.has-error .radio>label:focus-within .tw-checkbox-button,.has-error .radio>label:focus-within .tw-radio-button,.has-error .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-error .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.has-error.checkbox>label:focus-within .tw-checkbox-button,.has-error.checkbox>label:focus-within .tw-radio-button,.has-error.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-error.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:#d03238!important;border-color:var(--color-interactive-negative-hover)!important}.has-error .radio .tw-checkbox-button,.has-error .radio .tw-radio-button,.has-error.checkbox .tw-checkbox-button,.has-error.checkbox .tw-radio-button{border-color:#e74848;border-color:var(--color-interactive-negative)}.np-theme-personal .has-error{border-color:var(--color-sentiment-negative)!important}.np-theme-personal .has-error .checkbox,.np-theme-personal .has-error .checkbox label,.np-theme-personal .has-error .checkbox-inline,.np-theme-personal .has-error .checkbox-inline label,.np-theme-personal .has-error .control-label,.np-theme-personal .has-error .input-group-addon,.np-theme-personal .has-error .radio,.np-theme-personal .has-error .radio label,.np-theme-personal .has-error .radio-inline,.np-theme-personal .has-error .radio-inline label,.np-theme-personal .has-error.checkbox label,.np-theme-personal .has-error.checkbox-inline label,.np-theme-personal .has-error.radio label,.np-theme-personal .has-error.radio-inline label{border-color:var(--color-sentiment-negative)!important;color:var(--color-sentiment-negative)!important}.np-theme-personal .has-error .alert,.np-theme-personal .has-error .btn-input,.np-theme-personal .has-error .btn-input:not(.disabled,:disabled):focus,.np-theme-personal .has-error .btn-input:not(.disabled,:disabled):hover,.np-theme-personal .has-error .form-control,.np-theme-personal .has-error .input-group-addon{border-color:var(--color-sentiment-negative)!important}.np-theme-personal .has-error:active .alert,.np-theme-personal .has-error:active .btn-input,.np-theme-personal .has-error:active .form-control,.np-theme-personal .has-error:active .input-group .form-control:focus,.np-theme-personal .has-error:active .input-group-addon,.np-theme-personal .has-error:active.checkbox label,.np-theme-personal .has-error:active.radio label,.np-theme-personal .has-error:focus .alert,.np-theme-personal .has-error:focus .btn-input,.np-theme-personal .has-error:focus .form-control,.np-theme-personal .has-error:focus .input-group .form-control:focus,.np-theme-personal .has-error:focus .input-group-addon,.np-theme-personal .has-error:focus-within .alert,.np-theme-personal .has-error:focus-within .btn-input,.np-theme-personal .has-error:focus-within .form-control,.np-theme-personal .has-error:focus-within .input-group .form-control:focus,.np-theme-personal .has-error:focus-within .input-group-addon,.np-theme-personal .has-error:focus-within.checkbox label,.np-theme-personal .has-error:focus-within.radio label,.np-theme-personal .has-error:focus.checkbox label,.np-theme-personal .has-error:focus.radio label{border-color:var(--color-sentiment-negative-hover)!important}.np-theme-personal .has-error:not(.disabled,:disabled):hover .alert,.np-theme-personal .has-error:not(.disabled,:disabled):hover .btn-input,.np-theme-personal .has-error:not(.disabled,:disabled):hover.checkbox label,.np-theme-personal .has-error:not(.disabled,:disabled):hover.radio label{border-color:var(--color-sentiment-negative-hover)!important}.np-theme-personal .has-error .form-control-feedback{color:var(--color-sentiment-negative)}.np-theme-personal .has-error .radio>label:not(.disabled,:disabled),.np-theme-personal .has-error.checkbox>label:not(.disabled,:disabled){border-color:var(--color-sentiment-negative);color:#37517e;color:var(--color-content-primary)}.np-theme-personal .has-error .radio>label:focus-within,.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):hover,.np-theme-personal .has-error.checkbox>label:focus-within,.np-theme-personal .has-error.checkbox>label:not(.disabled,:disabled):hover{border-color:var(--color-sentiment-negative-hover)!important}.np-theme-personal .has-error .radio>label:focus-within .tw-checkbox-button,.np-theme-personal .has-error .radio>label:focus-within .tw-radio-button,.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.np-theme-personal .has-error.checkbox>label:focus-within .tw-checkbox-button,.np-theme-personal .has-error.checkbox>label:focus-within .tw-radio-button,.np-theme-personal .has-error.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-error.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:var(--color-sentiment-negative-hover)!important}.np-theme-personal .has-error .radio .tw-checkbox-button,.np-theme-personal .has-error .radio .tw-radio-button,.np-theme-personal .has-error.checkbox .tw-checkbox-button,.np-theme-personal .has-error.checkbox .tw-radio-button{border-color:var(--color-sentiment-negative)}.has-feedback label~.form-control-feedback{top:1.2;top:var(--line-height-control)}.has-feedback label.sr-only~.form-control-feedback{top:0}@media (min-width:576px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;vertical-align:middle;width:auto}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:-2px}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-bottom:0;margin-top:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}[dir=rtl] .form-inline .checkbox label,[dir=rtl] .form-inline .radio label{padding-left:0;padding-right:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{margin-left:0;position:relative}[dir=rtl] .form-inline .checkbox input[type=checkbox],[dir=rtl] .form-inline .radio input[type=radio]{margin-left:0;margin-right:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-bottom:0;margin-top:0;padding-top:9px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:calc(2.2 + 8px);min-height:calc(var(--line-height-control) + 8px + 1)}.form-horizontal .form-group,[dir=rtl] .form-horizontal .form-group{margin-left:-12px;margin-right:-12px}@media (min-width:576px){.form-horizontal .control-label{margin-bottom:0;padding-top:14px;text-align:right}[dir=rtl] .form-horizontal .control-label{text-align:left}}.form-horizontal .has-feedback .form-control-feedback{right:12px}[dir=rtl] .form-horizontal .has-feedback .form-control-feedback{left:12px;right:auto}@media (min-width:576px){.form-horizontal .form-group-lg .control-label{font-size:1.25rem;font-size:var(--font-size-20);padding-top:17px}.form-horizontal .form-group-sm .control-label{font-size:.875rem;font-size:var(--font-size-14);padding-top:8px}}.checkbox,.radio{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.checkbox>label,.radio>label{padding-left:48px;position:relative}[dir=rtl] .checkbox>label,[dir=rtl] .radio>label{padding-left:0;padding-right:48px}.checkbox>label input[type=checkbox],.checkbox>label input[type=radio],.radio>label input[type=checkbox],.radio>label input[type=radio]{display:block;left:40px;position:absolute;top:13px}[dir=rtl] .checkbox>label input[type=checkbox],[dir=rtl] .checkbox>label input[type=radio],[dir=rtl] .radio>label input[type=checkbox],[dir=rtl] .radio>label input[type=radio]{left:auto;right:40px}.tw-checkbox-button{background:#fff;background:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:3px;display:inline-block;height:22px;padding:0;text-align:center;transition:border .15s ease-in-out,background-color .15s ease-in-out;vertical-align:middle;width:22px}.np-theme-personal .tw-checkbox-button{border:none;box-shadow:inset 0 0 0 1px #c9cbce;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary)}.tw-checkbox-button .tw-checkbox-check{color:#fff;color:var(--color-background-screen);display:none;height:20px;margin:0;width:20px}.checkbox:hover .tw-checkbox-button,.tw-checkbox-button:not(.disabled,:disabled):hover,input[type=checkbox]:hover+.tw-checkbox-button{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.np-theme-personal .checkbox:hover .tw-checkbox-button,.np-theme-personal .tw-checkbox-button:not(.disabled,:disabled):hover,.np-theme-personal input[type=checkbox]:hover+.tw-checkbox-button{box-shadow:inset 0 0 0 1px #b5b7ba;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary-hover)}.tw-checkbox-button:not(.disabled,:disabled).active,.tw-checkbox-button:not(.disabled,:disabled).focus,.tw-checkbox-button:not(.disabled,:disabled).focus:hover,.tw-checkbox-button:not(.disabled,:disabled):active,.tw-checkbox-button:not(.disabled,:disabled):focus,.tw-checkbox-button:not(.disabled,:disabled):focus:hover,input[type=checkbox]:active+.tw-checkbox-button,input[type=checkbox]:focus+.tw-checkbox-button{border-color:#c9cbce;border-color:var(--color-interactive-secondary);outline:none}input[type=checkbox]:focus-visible+.tw-checkbox-button{outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}.checkbox input[type=checkbox]:focus-visible+.tw-checkbox-button{outline:none}.tw-checkbox-button.checked,.tw-checkbox-button:checked,input[type=checkbox]:checked+.tw-checkbox-button{background-color:#00a2dd;background-color:var(--color-interactive-accent);border-color:#00a2dd!important;border-color:var(--color-interactive-accent)!important}.tw-checkbox-button.checked .tw-checkbox-check,.tw-checkbox-button:checked .tw-checkbox-check,input[type=checkbox]:checked+.tw-checkbox-button .tw-checkbox-check{display:inline-block}.np-theme-personal .tw-checkbox-button.checked,.np-theme-personal .tw-checkbox-button:checked,.np-theme-personal input[type=checkbox]:checked+.tw-checkbox-button{background-color:var(--color-interactive-primary);box-shadow:inset 0 0 0 1px var(--color-interactive-primary)}.tw-checkbox-button.checked:hover,.tw-checkbox-button:checked:hover,input[type=checkbox]:not(.disabled,:disabled):checked:hover+.tw-checkbox-button{background-color:#008fc9;background-color:var(--color-interactive-accent-hover);border-color:#008fc9!important;border-color:var(--color-interactive-accent-hover)!important}.np-theme-personal .tw-checkbox-button.checked:hover,.np-theme-personal .tw-checkbox-button:checked:hover,.np-theme-personal input[type=checkbox]:not(.disabled,:disabled):checked:hover+.tw-checkbox-button{background-color:var(--color-interactive-primary-hover);border-color:var(--color-interactive-primary-hover)!important;box-shadow:inset 0 0 0 1px var(--color-interactive-primary-hover)}.tw-checkbox-button.checked:active,.tw-checkbox-button:checked:active,input[type=checkbox]:not(.disabled,:disabled):checked:active+.tw-checkbox-button{background-color:#0081ba;background-color:var(--color-interactive-accent-active);border-color:#0081ba!important;border-color:var(--color-interactive-accent-active)!important}.np-theme-personal .tw-checkbox-button.checked:active,.np-theme-personal .tw-checkbox-button:checked:active,.np-theme-personal input[type=checkbox]:not(.disabled,:disabled):checked:active+.tw-checkbox-button{background-color:var(--color-interactive-primary-active);border-color:var(--color-interactive-primary-active)!important;box-shadow:inset 0 0 0 1px var(--color-interactive-primary-active)}.checkbox.has-error .tw-checkbox-button,.tw-checkbox-button.has-error{border-color:#e74848!important;border-color:var(--color-interactive-negative)!important}.checkbox.has-error .tw-checkbox-button.checked,.checkbox.has-error .tw-checkbox-button:checked,.tw-checkbox-button.has-error.checked,.tw-checkbox-button.has-error:checked{background-color:#e74848;background-color:var(--color-interactive-negative)}.checkbox.has-error input[type=checkbox]:not(.disabled,:disabled):checked+.tw-checkbox-button{background-color:#e74848;background-color:var(--color-interactive-negative);border-color:#e74848!important;border-color:var(--color-interactive-negative)!important}.checkbox.has-error input[type=checkbox]:not(.disabled,:disabled):checked:hover+.tw-checkbox-button{background-color:#d03238;background-color:var(--color-interactive-negative-hover);border-color:#d03238!important;border-color:var(--color-interactive-negative-hover)!important}.checkbox.has-error input[type=checkbox]:not(.disabled,:disabled):checked:active+.tw-checkbox-button{background-color:#bf1e2c;background-color:var(--color-interactive-negative-active);border-color:#bf1e2c!important;border-color:var(--color-interactive-negative-active)!important}.tw-radio-button{align-items:center;background:#fff;background:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:50%;display:inline-flex;height:24px;justify-content:center;padding:0;transition:border .15s ease-in-out;width:24px}.np-theme-personal .tw-radio-button{border:none;box-shadow:inset 0 0 0 1px #c9cbce;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary);left:0;position:relative;top:0}.tw-radio-button .tw-radio-check{border-radius:50%;display:block;height:12px;opacity:0;text-align:center;transition:all .15s ease-in-out;width:12px}.radio:not(.disabled,:disabled):hover .tw-radio-button,.tw-radio-button:not(.disabled,:disabled):hover{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.np-theme-personal .radio:not(.disabled,:disabled):hover .tw-radio-button,.np-theme-personal .tw-radio-button:not(.disabled,:disabled):hover{border-color:transparent;box-shadow:inset 0 0 0 1px #b5b7ba;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary-hover)}.np-theme-personal .radio:not(.disabled,:disabled):hover .tw-radio-button.checked,.np-theme-personal .radio:not(.disabled,:disabled):hover .tw-radio-button:checked,.np-theme-personal .tw-radio-button:not(.disabled,:disabled):hover.checked,.np-theme-personal .tw-radio-button:not(.disabled,:disabled):hover:checked{box-shadow:inset 0 0 0 1px var(--color-interactive-primary)}.np-theme-personal .radio:not(.disabled,:disabled):hover .tw-radio-button.checked .tw-radio-check,.np-theme-personal .radio:not(.disabled,:disabled):hover .tw-radio-button:checked .tw-radio-check,.np-theme-personal .tw-radio-button:not(.disabled,:disabled):hover.checked .tw-radio-check,.np-theme-personal .tw-radio-button:not(.disabled,:disabled):hover:checked .tw-radio-check{background-color:var(--color-interactive-primary-hover)}.tw-radio-button:not(.disabled,:disabled).active,.tw-radio-button:not(.disabled,:disabled).focus,.tw-radio-button:not(.disabled,:disabled):active,.tw-radio-button:not(.disabled,:disabled):focus{border-color:#a7a9ab;border-color:var(--color-interactive-secondary-active);outline:none}.tw-radio-button.checked,.tw-radio-button:checked{border-color:#00a2dd!important;border-color:var(--color-interactive-accent)!important}.tw-radio-button.checked .tw-radio-check,.tw-radio-button:checked .tw-radio-check{background-color:#00a2dd;background-color:var(--color-interactive-accent);opacity:1}.np-theme-personal .tw-radio-button.checked,.np-theme-personal .tw-radio-button:checked{border-color:transparent!important;box-shadow:inset 0 0 0 1px var(--color-interactive-primary)}.np-theme-personal .tw-radio-button.checked .tw-radio-check,.np-theme-personal .tw-radio-button:checked .tw-radio-check{background-color:var(--color-interactive-primary);max-height:12px;max-width:12px}.radio.has-error .tw-radio-button,.tw-radio-button.has-error{border-color:#e74848!important;border-color:var(--color-interactive-negative)!important}.radio.has-error .tw-radio-button.checked .tw-radio-check,.radio.has-error .tw-radio-button:checked .tw-radio-check,.tw-radio-button.has-error.checked .tw-radio-check,.tw-radio-button.has-error:checked .tw-radio-check{background-color:#e74848;background-color:var(--color-interactive-negative)}.radio .tw-radio-button{left:13px;position:absolute;top:11px}[dir=rtl] .radio .tw-radio-button{left:auto;right:13px}.checkbox .tw-checkbox-button{left:14px;position:absolute;top:12px}[dir=rtl] .checkbox .tw-checkbox-button{left:auto;right:14px}.form-inline .tw-checkbox-button,.form-inline .tw-radio-button{vertical-align:bottom}.form-horizontal .checkbox,.form-horizontal .radio{padding-top:0}.form-horizontal .checkbox>label,.form-horizontal .radio>label{margin-bottom:0}.np-checkbox.checkbox,.np-radio.radio{min-width:-moz-fit-content;min-width:fit-content}.np-checkbox.checkbox .np-checkbox-button,.np-checkbox.checkbox .np-radio-button,.np-radio.radio .np-checkbox-button,.np-radio.radio .np-radio-button{flex-shrink:0;position:relative}.np-checkbox.checkbox .tw-checkbox-button,.np-checkbox.checkbox .tw-radio-button,.np-radio.radio .tw-checkbox-button,.np-radio.radio .tw-radio-button{position:static}.np-checkbox.checkbox>label,.np-radio.radio>label{align-items:center;display:flex}.np-checkbox.checkbox>label,.np-radio.radio>label,[dir=rtl] .np-checkbox.checkbox>label,[dir=rtl] .np-radio.radio>label{padding:8px 16px;padding:var(--size-8) var(--size-16)}.np-checkbox.checkbox>label .np-checkbox__text,.np-checkbox.checkbox>label .np-radio__text,.np-radio.radio>label .np-checkbox__text,.np-radio.radio>label .np-radio__text{display:block;padding-top:1px}:not(.np-theme-personal) .np-checkbox.checkbox>label .np-checkbox__text,:not(.np-theme-personal) .np-checkbox.checkbox>label .np-radio__text,:not(.np-theme-personal) .np-radio.radio>label .np-checkbox__text,:not(.np-theme-personal) .np-radio.radio>label .np-radio__text{font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.25rem;line-height:var(--line-height-20);padding-top:3px}.np-theme-personal .np-checkbox.checkbox>label,.np-theme-personal .np-radio.radio>label{padding:var(--input-padding)}.np-radio .np-radio__avatar{pointer-events:none}[dir=rtl] .input-group .input-group-btn+input{border-right:0 solid transparent}html:not([dir=rtl]) .input-group .input-group-btn+input{border-left:0 solid transparent}.input-group-addon{transition:border-color .15s ease-in-out}.form-control-feedback,.form-control-feedback.icon{font-size:24px;line-height:48px}.label{padding-top:.25em;position:relative;top:-3px}.label .label-default{background-color:#86a7bd1a;background-color:var(--color-background-neutral);color:#5d7079;color:var(--color-content-secondary)}.form-group{font-size:.875rem;font-size:var(--font-size-14);position:relative}.form-group .row{margin-left:-6px;margin-right:-6px}[dir=rtl] .form-group .row{margin-left:0;margin-left:-6px;margin-right:-6px;margin-right:0}.form-group .row [class*=col-]{padding-left:6px;padding-right:6px}[dir=rtl] .form-group .row [class*=col-]{padding-left:0;padding-left:6px;padding-right:6px;padding-right:0}@media (max-width:575px){.form-group .row [class*=col-sm-]{margin-bottom:0}.form-group .row [class*=col-sm-] .btn-input{margin-bottom:12px}}@media (max-width:767px){.form-group .row [class*=col-md-]{margin-bottom:0}.form-group .row [class*=col-md-] .btn-input,.form-group .row [class*=col-md-] .form-control{margin-bottom:12px}}@media (max-width:991px){.form-group .row [class*=col-lg-]{margin-bottom:0}.form-group .row [class*=col-lg-] .btn-input,.form-group .row [class*=col-lg-] .form-control{margin-bottom:12px}}@media (max-width:1199px){.form-group .row [class*=col-xl-]{margin-bottom:0}.form-group .row [class*=col-xl-] .btn-input,.form-group .row [class*=col-xl-] .form-control{margin-bottom:12px}}@media (min-width:576px){fieldset .form-group:nth-of-type(odd){clear:left}[dir=rtl] fieldset .form-group:nth-of-type(odd){clear:right}}.checkbox>label,.radio>label{background-color:#fff;background-color:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:3px;color:#37517e;color:var(--color-content-primary);cursor:pointer;display:block;padding-bottom:10px;padding-right:16px;padding-top:12px;transition:border .15s ease-in-out,background-color .15s ease-in-out}[dir=rtl] .checkbox>label,[dir=rtl] .radio>label{padding-left:16px;padding-right:0}.np-theme-personal .checkbox>label,.np-theme-personal .radio>label{border-radius:10px;border-radius:var(--radius-small)}.checkbox>label:not(.disabled,:disabled):hover,.radio>label:not(.disabled,:disabled):hover{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.checkbox>label:not(.disabled,:disabled).focus,.checkbox>label:not(.disabled,:disabled).focus:hover,.checkbox>label:not(.disabled,:disabled).has-focus,.checkbox>label:not(.disabled,:disabled).has-focus:hover,.checkbox>label:not(.disabled,:disabled):focus-within,.radio>label:not(.disabled,:disabled).focus,.radio>label:not(.disabled,:disabled).focus:hover,.radio>label:not(.disabled,:disabled).has-focus,.radio>label:not(.disabled,:disabled).has-focus:hover,.radio>label:not(.disabled,:disabled):focus-within{border-color:#0081ba;border-color:var(--color-interactive-accent-active)}.np-theme-personal .checkbox>label:not(.disabled,:disabled).focus,.np-theme-personal .checkbox>label:not(.disabled,:disabled).focus:hover,.np-theme-personal .checkbox>label:not(.disabled,:disabled).has-focus,.np-theme-personal .checkbox>label:not(.disabled,:disabled).has-focus:hover,.np-theme-personal .checkbox>label:not(.disabled,:disabled):focus-within,.np-theme-personal .radio>label:not(.disabled,:disabled).focus,.np-theme-personal .radio>label:not(.disabled,:disabled).focus:hover,.np-theme-personal .radio>label:not(.disabled,:disabled).has-focus,.np-theme-personal .radio>label:not(.disabled,:disabled).has-focus:hover,.np-theme-personal .radio>label:not(.disabled,:disabled):focus-within{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.checkbox.checkbox-lg>label,.checkbox.radio-lg>label,.radio.checkbox-lg>label,.radio.radio-lg>label{min-height:72px;min-height:var(--size-72)}.checkbox.checkbox-lg>label .body-2,.checkbox.checkbox-lg>label .np-text-body-default,.checkbox.checkbox-lg>label .small,.checkbox.checkbox-lg>label small,.checkbox.radio-lg>label .body-2,.checkbox.radio-lg>label .np-text-body-default,.checkbox.radio-lg>label .small,.checkbox.radio-lg>label small,.radio.checkbox-lg>label .body-2,.radio.checkbox-lg>label .np-text-body-default,.radio.checkbox-lg>label .small,.radio.checkbox-lg>label small,.radio.radio-lg>label .body-2,.radio.radio-lg>label .np-text-body-default,.radio.radio-lg>label .small,.radio.radio-lg>label small{color:#5d7079;color:var(--color-content-secondary);display:block}.error-messages{background-color:#ff87871a;background-color:var(--color-background-negative);color:#cf2929;color:var(--color-content-negative);display:none;position:relative}.error-messages:before{background-color:inherit;content:" ";display:block;height:10px;left:20px;position:absolute;top:-5px;transform:rotate(45deg);width:10px}[dir=rtl] .error-messages:before{left:auto;right:20px}.form-group .error-messages{border-radius:3px;border-width:0;margin-top:12px}.has-error .error-messages{display:block}.has-error .error-messages:-moz-only-whitespace,.has-error .error-messages:-moz-only-whitespace:before,.has-error .error-messages:empty,.has-error .error-messages:empty:before{display:none}.error-async,.error-date,.error-datetime,.error-datetimelocal,.error-email,.error-max,.error-maxlength,.error-min,.error-minlength,.error-month,.error-number,.error-pattern,.error-required,.error-time,.error-url,.error-week{display:none}.ng-invalid-async~.alert-danger>.error-async,.ng-invalid-async~.error-messages>.error-async,.ng-invalid-datetimelocal~.alert-danger>.error-datetimelocal,.ng-invalid-datetimelocal~.error-messages>.error-datetimelocal,.ng-invalid-datetime~.alert-danger>.error-datetime,.ng-invalid-datetime~.error-messages>.error-datetime,.ng-invalid-date~.alert-danger>.error-date,.ng-invalid-date~.error-messages>.error-date,.ng-invalid-email~.alert-danger>.error-email,.ng-invalid-email~.error-messages>.error-email,.ng-invalid-maxlength~.alert-danger>.error-maxlength,.ng-invalid-maxlength~.error-messages>.error-maxlength,.ng-invalid-max~.alert-danger>.error-max,.ng-invalid-max~.error-messages>.error-max,.ng-invalid-minlength~.alert-danger>.error-minlength,.ng-invalid-minlength~.error-messages>.error-minlength,.ng-invalid-min~.alert-danger>.error-min,.ng-invalid-min~.error-messages>.error-min,.ng-invalid-month~.alert-danger>.error-month,.ng-invalid-month~.error-messages>.error-month,.ng-invalid-number~.alert-danger>.error-number,.ng-invalid-number~.error-messages>.error-number,.ng-invalid-pattern~.alert-danger>.error-pattern,.ng-invalid-pattern~.error-messages>.error-pattern,.ng-invalid-required~.alert-danger>.error-required,.ng-invalid-required~.error-messages>.error-required,.ng-invalid-time~.alert-danger>.error-time,.ng-invalid-time~.error-messages>.error-time,.ng-invalid-url~.alert-danger>.error-url,.ng-invalid-url~.error-messages>.error-url,.ng-invalid-week~.alert-danger>.error-week,.ng-invalid-week~.error-messages>.error-week{display:block}.form-control-placeholder{color:#768e9c;color:var(--color-content-tertiary);display:block;font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.011em;line-height:150%;overflow:hidden;text-overflow:ellipsis;width:100%}.np-theme-personal .btn-input,.np-theme-personal .checkbox>label,.np-theme-personal .form-control,.np-theme-personal .input-group,.np-theme-personal .input-group-addon,.np-theme-personal .radio>label{background-color:unset;border:none!important;border-radius:10px;border-radius:var(--radius-small)}.np-theme-personal .btn-input,.np-theme-personal .checkbox>label,.np-theme-personal .form-control,.np-theme-personal .input-group,.np-theme-personal .radio>label{box-shadow:inset 0 0 0 1px #c9cbce;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary);transition:box-shadow .3s ease-in-out}.np-theme-personal .input-group>.btn-input,.np-theme-personal .input-group>.form-control,.np-theme-personal .typeahead__input-container .form-control{box-shadow:none!important}.np-theme-personal .btn-input:not(.disabled,:disabled):hover,.np-theme-personal .checkbox>label:not(.disabled,:disabled):hover,.np-theme-personal .form-control:not(.disabled,:disabled):hover,.np-theme-personal .input-group:not(.disabled,:disabled):hover,.np-theme-personal .radio>label:not(.disabled,:disabled):hover{box-shadow:inset 0 0 0 2px #b5b7ba;box-shadow:inset 0 0 0 2px var(--color-interactive-secondary-hover)}.np-theme-personal .btn-input:not(.disabled,:disabled):hover:has(:checked,.checked),.np-theme-personal .checkbox>label:not(.disabled,:disabled):hover:has(:checked,.checked),.np-theme-personal .form-control:not(.disabled,:disabled):hover:has(:checked,.checked),.np-theme-personal .input-group:not(.disabled,:disabled):hover:has(:checked,.checked),.np-theme-personal .radio>label:not(.disabled,:disabled):hover:has(:checked,.checked){box-shadow:inset 0 0 0 2px var(--color-interactive-primary-hover)}.np-theme-personal .btn-input:not(.disabled,:disabled):focus-visible,.np-theme-personal .btn-input:not(.disabled,:disabled):has(:focus-visible),.np-theme-personal .checkbox>label:not(.disabled,:disabled):focus-visible,.np-theme-personal .checkbox>label:not(.disabled,:disabled):has(:focus-visible),.np-theme-personal .form-control:not(.disabled,:disabled):focus-visible,.np-theme-personal .form-control:not(.disabled,:disabled):has(:focus-visible),.np-theme-personal .input-group:not(.disabled,:disabled):focus-visible,.np-theme-personal .input-group:not(.disabled,:disabled):has(.form-control:focus-visible,.btn-input:focus-visible),.np-theme-personal .radio>label:not(.disabled,:disabled):focus-visible,.np-theme-personal .radio>label:not(.disabled,:disabled):has(:focus-visible){box-shadow:inset 0 0 0 3px var(--color-interactive-primary)}.np-theme-personal .has-error .btn-input,.np-theme-personal .has-error .checkbox>label,.np-theme-personal .has-error .form-control,.np-theme-personal .has-error .input-group,.np-theme-personal .has-error .radio>label{box-shadow:inset 0 0 0 2px var(--color-sentiment-negative)}.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):hover,.np-theme-personal .has-error .form-control:not(.disabled,:disabled):hover,.np-theme-personal .has-error .input-group:not(.disabled,:disabled):hover,.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):hover{box-shadow:inset 0 0 0 2px var(--color-sentiment-negative-hover)}.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):active,.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):has(:focus-visible),.np-theme-personal .has-error .form-control:not(.disabled,:disabled):active,.np-theme-personal .has-error .form-control:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .form-control:not(.disabled,:disabled):has(:focus-visible),.np-theme-personal .has-error .input-group:not(.disabled,:disabled):active,.np-theme-personal .has-error .input-group:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .input-group:not(.disabled,:disabled):has(:focus-visible),.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):active,.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):has(:focus-visible){box-shadow:inset 0 0 0 3px var(--color-sentiment-negative)}.np-theme-personal .has-error .tw-radio-button{border-color:var(--color-sentiment-negative)!important}.np-theme-personal .has-error .tw-radio-button.checked{box-shadow:inset 0 0 0 1px var(--color-sentiment-negative)}.np-theme-personal .has-error .tw-radio-button.checked .tw-radio-check{background:var(--color-sentiment-negative)!important}.np-theme-personal .has-error .checkbox:hover .tw-checkbox-button,.np-theme-personal .has-error .radio:not(.disabled):hover .tw-radio-button,.np-theme-personal .has-error .tw-checkbox-button:not(.disabled,:disabled):hover,.np-theme-personal .has-error input[type=checkbox]:hover+.tw-checkbox-button,.np-theme-personal .has-error input[type=checkbox]:not(.disabled,:disabled):hover+.tw-checkbox-button,.np-theme-personal .has-error input[type=radio]:not(.disabled,:disabled):hover+.tw-radio-button{box-shadow:inset 0 0 0 2px var(--color-sentiment-negative-hover)}.np-theme-personal .has-error .tw-checkbox-button.checked,.np-theme-personal .has-error .tw-checkbox-button.checked:hover,.np-theme-personal .has-error .tw-checkbox-button:checked,.np-theme-personal .has-error .tw-checkbox-button:checked:hover,.np-theme-personal .has-error input[type=checkbox]:checked+.tw-checkbox-button,.np-theme-personal .has-error input[type=checkbox]:not(.disabled,:disabled):checked:hover+.tw-checkbox-button{background:var(--color-sentiment-negative);box-shadow:inset 0 0 0 3px var(--color-sentiment-negative)}.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):active input[type=checkbox]+.tw-checkbox-button,.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):focus-visible input[type=checkbox]+.tw-checkbox-button,.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):has(:focus-visible) input[type=checkbox]+.tw-checkbox-button{box-shadow:inset 0 0 0 2px var(--color-sentiment-negative-active)}.np-theme-personal .tw-checkbox-button,.np-theme-personal .tw-radio-button{background-color:unset;color:unset;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.np-theme-personal .btn-input:active,.np-theme-personal .btn-input:focus,.np-theme-personal .btn-input:focus-within,.np-theme-personal .btn-input:hover,.np-theme-personal.open .btn-input{background-color:unset!important}.np-theme-personal .form-group label{margin-bottom:8px;margin-bottom:var(--padding-x-small)}.np-theme-personal .form-group .np-upload-input label{margin-bottom:0}.np-theme-personal .form-group:focus-within .control-label,.np-theme-personal .form-group:focus-within>label,.np-theme-personal .has-success .control-label,.np-theme-personal .has-success label,.np-theme-personal .has-warning .control-label,.np-theme-personal .has-warning label{color:#5d7079!important;color:var(--color-content-secondary)!important}.np-theme-personal .has-error .control-label,.np-theme-personal .has-error label{color:var(--color-sentiment-negative)!important}.np-theme-personal .error-messages:before,.np-theme-personal .form-group .alert:before{content:none}.np-theme-personal .alert-detach,.np-theme-personal .error-messages{background-color:unset;color:#5d7079;color:var(--color-content-secondary);line-height:1.2;line-height:var(--line-height-control);margin:8px 0;margin:var(--padding-x-small) 0;padding:0}.np-theme-personal .has-error .alert-detach.alert-danger,.np-theme-personal .has-error .error-messages{color:var(--color-sentiment-negative);display:flex}.np-theme-personal .has-error .alert-detach.alert-danger .tw-icon,.np-theme-personal .has-error .error-messages .tw-icon{margin-right:8px;margin-right:var(--padding-x-small)}.has-required:after{color:#cf2929;color:var(--color-content-negative);content:"\00a0*"}.np-theme-personal .has-required:after{color:var(--color-sentiment-negative)}.input-group{border-collapse:separate;display:table;position:relative;width:100%}.input-group[class*=col-]{float:none;padding-left:0}[dir=rtl] .input-group[class*=col-]{padding-left:0;padding-right:0}.input-group .form-control{border-color:#c9cbce;border-color:var(--color-interactive-secondary);float:left;margin-bottom:0;width:100%}[dir=rtl] .input-group .form-control{float:right}[dir=rtl] .input-group .form-control:not(:first-child){border-right:0}[dir=rtl] .input-group .form-control:not(:last-child),html:not([dir=rtl]) .input-group .form-control:not(:first-child){border-left:0}html:not([dir=rtl]) .input-group .form-control:not(:last-child){border-right:0}.input-group .input-group-addon button.np-btn{border-radius:50%;min-height:16px;padding:0}.input-group .input-group-addon+.form-control{padding-left:0}[dir=rtl] .input-group .input-group-addon+.form-control{padding-left:0;padding-right:0}.input-group .form-control+.input-group-addon{padding-left:0}[dir=rtl] .input-group .form-control+.input-group-addon{padding-left:0;padding-right:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn .btn{border-radius:3px;color:#37517e;color:var(--color-content-primary);font-size:1rem;font-size:var(--font-size-16);font-size:1.375rem;font-size:var(--font-size-22);font-weight:400;font-weight:var(--font-weight-regular);font-weight:600;font-weight:var(--font-weight-semi-bold);letter-spacing:-.011em;letter-spacing:0;letter-spacing:-.018em;line-height:150%;line-height:1.2;line-height:var(--line-height-title);line-height:125%;margin:0;min-height:var(--input-height-large);padding:var(--input-padding-large)}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn .btn{min-height:var(--input-height-large)}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn .btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn .btn{height:auto}.input-group-lg>.form-control+ol:not(.list-unstyled),.input-group-lg>.form-control+p,.input-group-lg>.form-control+ul:not(.list-unstyled),.input-group-lg>.input-group-addon+ol:not(.list-unstyled),.input-group-lg>.input-group-addon+p,.input-group-lg>.input-group-addon+ul:not(.list-unstyled),.input-group-lg>.input-group-btn .btn+ol:not(.list-unstyled),.input-group-lg>.input-group-btn .btn+p,.input-group-lg>.input-group-btn .btn+ul:not(.list-unstyled){margin-top:8px;margin-top:var(--size-8)}.input-group-sm>.form-control,.input-group-sm>.input-group-addon{border-radius:3px;font-size:14px;font-size:1rem;font-size:var(--font-size-16);font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.006em;line-height:24px;line-height:1.5;line-height:var(--line-height-body);line-height:155%;min-height:32px;padding:var(--input-padding-small)}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon{min-height:32px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon{height:auto}.input-group-sm>.form-control .icon,.input-group-sm>.input-group-addon .icon{font-size:1.25rem;font-size:var(--font-size-20)}.input-group-sm>.input-group-btn>.btn{height:32px}.input-group-sm>.input-group-addon{line-height:22px}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group-addon,.input-group-btn{vertical-align:middle;white-space:nowrap;width:1%}.input-group-addon{background-color:#fff;background-color:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);color:#5d7079;color:var(--color-content-secondary);font-size:1rem;font-size:var(--font-size-16);line-height:1.5;line-height:var(--line-height-body);padding:var(--input-group-addon-padding);text-align:center}.input-group-addon.input-sm{padding:var(--input-group-addon-sm-padding)!important}.input-group-addon.input-lg{padding:var(--input-group-addon-lg-padding)!important}.input-group-addon--search{padding-right:8px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group-addon .icon{display:inline-block;font-size:24px;margin-left:-4px;margin-right:-5px;margin-top:-2px;vertical-align:middle}[dir=rtl] .input-group-addon .icon{margin-left:0;margin-left:-5px;margin-right:-4px;margin-right:0}.input-group-addon a{text-decoration:none}.input-group-addon:empty{padding:0!important;width:3px}.form-group-lg .input-group,.form-group-lg .input-lg{margin-bottom:0}.input-group .btn-input,.input-group .form-control,.input-group .input-group-addon{border-radius:0}[dir=rtl] .input-group .btn-input,[dir=rtl] .input-group .form-control,[dir=rtl] .input-group .input-group-addon{border-right-width:0}[dir=rtl] .input-group .btn-input,[dir=rtl] .input-group .form-control,[dir=rtl] .input-group .input-group-addon,html:not([dir=rtl]) .input-group .btn-input,html:not([dir=rtl]) .input-group .form-control,html:not([dir=rtl]) .input-group .input-group-addon{border-left-width:0}html:not([dir=rtl]) .input-group .btn-input,html:not([dir=rtl]) .input-group .form-control,html:not([dir=rtl]) .input-group .input-group-addon{border-right-width:0}.np-theme-personal .input-group .btn-input,.np-theme-personal .input-group .form-control,.np-theme-personal .input-group .input-group-addon{border-radius:0}[dir=rtl] .input-group .btn-input:first-child,[dir=rtl] .input-group .form-control:first-child,[dir=rtl] .input-group .input-group-addon:first-child,[dir=rtl] .input-group .input-group-btn:first-child{border-right-width:1px}html:not([dir=rtl]) .input-group .btn-input:first-child,html:not([dir=rtl]) .input-group .form-control:first-child,html:not([dir=rtl]) .input-group .input-group-addon:first-child,html:not([dir=rtl]) .input-group .input-group-btn:first-child{border-left-width:1px}[dir=rtl] .input-group .btn-input:first-child,[dir=rtl] .input-group .form-control:first-child,[dir=rtl] .input-group .input-group-addon:first-child,[dir=rtl] .input-group .input-group-btn:first-child{border-bottom-right-radius:3px;border-top-right-radius:3px}html:not([dir=rtl]) .input-group .btn-input:first-child,html:not([dir=rtl]) .input-group .form-control:first-child,html:not([dir=rtl]) .input-group .input-group-addon:first-child,html:not([dir=rtl]) .input-group .input-group-btn:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}[dir=rtl] .input-group .btn-input:last-child,[dir=rtl] .input-group .form-control:last-child,[dir=rtl] .input-group .input-group-addon:last-child,[dir=rtl] .input-group .input-group-btn:last-child{border-left-width:1px}html:not([dir=rtl]) .input-group .btn-input:last-child,html:not([dir=rtl]) .input-group .form-control:last-child,html:not([dir=rtl]) .input-group .input-group-addon:last-child,html:not([dir=rtl]) .input-group .input-group-btn:last-child{border-right-width:1px}[dir=rtl] .input-group .btn-input:last-child,[dir=rtl] .input-group .form-control:last-child,[dir=rtl] .input-group .input-group-addon:last-child,[dir=rtl] .input-group .input-group-btn:last-child{border-bottom-left-radius:3px;border-top-left-radius:3px}html:not([dir=rtl]) .input-group .btn-input:last-child,html:not([dir=rtl]) .input-group .form-control:last-child,html:not([dir=rtl]) .input-group .input-group-addon:last-child,html:not([dir=rtl]) .input-group .input-group-btn:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}[dir=rtl] .input-group>:first-child .btn,[dir=rtl] .input-group>:first-child .btn-group{border-bottom-left-radius:0;border-top-left-radius:0}html:not([dir=rtl]) .input-group>:first-child .btn,html:not([dir=rtl]) .input-group>:first-child .btn-group{border-bottom-right-radius:0;border-top-right-radius:0}[dir=rtl] .np-theme-personal .input-group>:first-child .btn,[dir=rtl] .np-theme-personal .input-group>:first-child .btn-group{border-bottom-right-radius:10px;border-bottom-right-radius:var(--radius-small);border-top-right-radius:10px;border-top-right-radius:var(--radius-small)}html:not([dir=rtl]) .np-theme-personal .input-group>:first-child .btn,html:not([dir=rtl]) .np-theme-personal .input-group>:first-child .btn-group{border-bottom-left-radius:10px;border-bottom-left-radius:var(--radius-small);border-top-left-radius:10px;border-top-left-radius:var(--radius-small)}[dir=rtl] .input-group>:last-child .btn,[dir=rtl] .input-group>:last-child .btn-group{border-bottom-right-radius:0;border-top-right-radius:0}html:not([dir=rtl]) .input-group>:last-child .btn,html:not([dir=rtl]) .input-group>:last-child .btn-group{border-bottom-left-radius:0;border-top-left-radius:0}[dir=rtl] .np-theme-personal .input-group>:last-child .btn,[dir=rtl] .np-theme-personal .input-group>:last-child .btn-group{border-bottom-right-radius:10px;border-bottom-right-radius:var(--radius-small);border-top-right-radius:10px;border-top-right-radius:var(--radius-small)}html:not([dir=rtl]) .np-theme-personal .input-group>:last-child .btn,html:not([dir=rtl]) .np-theme-personal .input-group>:last-child .btn-group{border-bottom-left-radius:10px;border-bottom-left-radius:var(--radius-small);border-top-left-radius:10px;border-top-left-radius:var(--radius-small)}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}[dir=rtl] .input-group-btn>.btn+.btn{margin-left:0;margin-right:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}[dir=rtl] .input-group-btn:first-child>.btn,[dir=rtl] .input-group-btn:first-child>.btn-group{margin-left:-1px;margin-right:0}.form-control:hover:not(.disabled,:disabled),.input-group:hover:not(.disabled,:disabled) .bootstrap-select .btn-default,.input-group:hover:not(.disabled,:disabled) .btn-input,.input-group:hover:not(.disabled,:disabled) .form-control,.input-group:hover:not(.disabled,:disabled) .input-group-addon{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.input-group:focus-within:not(.disabled,:disabled) .bootstrap-select .btn-default,.input-group:focus-within:not(.disabled,:disabled) .btn-input,.input-group:focus-within:not(.disabled,:disabled) .form-control,.input-group:focus-within:not(.disabled,:disabled) .input-group-addon{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .input-group:focus-within:not(.disabled,:disabled) .bootstrap-select .btn-default,.np-theme-personal .input-group:focus-within:not(.disabled,:disabled) .btn-input,.np-theme-personal .input-group:focus-within:not(.disabled,:disabled) .form-control,.np-theme-personal .input-group:focus-within:not(.disabled,:disabled) .input-group-addon{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.form-control:focus-within:not(.disabled,:disabled){border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .form-control:focus-within:not(.disabled,:disabled){border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.has-error .input-group .form-control,.has-error .input-group .input-group-addon{border-color:#e74848;border-color:var(--color-interactive-negative)}.has-error .input-group .form-control:hover,.has-error .input-group .input-group-addon:hover{border-color:#d03238;border-color:var(--color-interactive-negative-hover)}.dropdown-menu .input-group-addon{border:0}