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