@bpmn-io/form-js-viewer 0.12.2 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/README.md +0 -1
  2. package/dist/assets/form-js-base.css +779 -0
  3. package/dist/assets/form-js.css +2686 -63
  4. package/dist/index.cjs +679 -311
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.es.js +676 -312
  7. package/dist/index.es.js.map +1 -1
  8. package/dist/types/Form.d.ts +34 -0
  9. package/dist/types/core/FormLayouter.d.ts +64 -0
  10. package/dist/types/core/index.d.ts +5 -5
  11. package/dist/types/{core → features/expression-language}/ConditionChecker.d.ts +5 -13
  12. package/dist/types/features/expression-language/FeelExpressionLanguage.d.ts +39 -0
  13. package/dist/types/features/expression-language/FeelersTemplating.d.ts +26 -0
  14. package/dist/types/features/expression-language/index.d.ts +11 -0
  15. package/dist/types/features/index.d.ts +4 -0
  16. package/dist/types/features/markdown/MarkdownRenderer.d.ts +15 -0
  17. package/dist/types/features/markdown/index.d.ts +7 -0
  18. package/dist/types/import/Importer.d.ts +3 -1
  19. package/dist/types/import/index.d.ts +1 -1
  20. package/dist/types/index.d.ts +4 -3
  21. package/dist/types/render/components/Sanitizer.d.ts +10 -1
  22. package/dist/types/render/components/Util.d.ts +1 -12
  23. package/dist/types/render/components/form-fields/Checklist.d.ts +1 -1
  24. package/dist/types/render/components/form-fields/Datetime.d.ts +1 -1
  25. package/dist/types/render/components/form-fields/Radio.d.ts +1 -1
  26. package/dist/types/render/components/form-fields/Select.d.ts +1 -1
  27. package/dist/types/render/components/form-fields/Taglist.d.ts +1 -1
  28. package/dist/types/render/components/index.d.ts +14 -14
  29. package/dist/types/render/components/util/valuesUtil.d.ts +2 -0
  30. package/dist/types/render/context/FormRenderContext.d.ts +4 -2
  31. package/dist/types/render/hooks/index.d.ts +6 -0
  32. package/dist/types/render/hooks/useCondition.d.ts +2 -3
  33. package/dist/types/render/hooks/useExpressionEvaluation.d.ts +9 -0
  34. package/dist/types/render/hooks/useFilteredFormData.d.ts +6 -0
  35. package/dist/types/render/hooks/useService.d.ts +1 -1
  36. package/dist/types/render/hooks/useTemplateEvaluation.d.ts +16 -0
  37. package/dist/types/render/index.d.ts +2 -2
  38. package/dist/types/util/index.d.ts +2 -2
  39. package/dist/types/util/injector.d.ts +1 -1
  40. package/package.json +11 -7
  41. package/dist/assets/flatpickr/light.css +0 -809
  42. package/dist/types/render/hooks/useEvaluation.d.ts +0 -6
  43. package/dist/types/render/hooks/useExpressionValue.d.ts +0 -5
  44. package/dist/types/util/feel.d.ts +0 -15
@@ -13,24 +13,21 @@
13
13
  --color-grey-225-10-93: hsl(225, 10%, 93%);
14
14
  --color-grey-225-10-95: hsl(225, 10%, 95%);
15
15
  --color-grey-225-10-97: hsl(225, 10%, 97%);
16
-
16
+ --color-blue-219-100-53: hsl(219, 99%, 53%);
17
+ --color-blue-219-100-53-05: hsla(219, 99%, 53%, 0.5);
17
18
  --color-blue-205-100-40: hsl(205, 100%, 40%);
18
19
  --color-blue-205-100-45: hsl(205, 100%, 45%);
19
20
  --color-blue-205-100-50: hsl(205, 100%, 50%);
20
21
  --color-blue-205-100-80: hsl(205, 100%, 80%);
21
22
  --color-blue-205-100-95: hsl(205, 100%, 95%);
22
-
23
23
  --color-green-150-86-44: hsl(150, 86%, 44%);
24
-
25
24
  --color-red-360-100-40: hsl(360, 100%, 40%);
26
25
  --color-red-360-100-45: hsl(360, 100%, 45%);
27
26
  --color-red-360-100-92: hsl(360, 100%, 92%);
28
27
  --color-red-360-100-95: hsl(360, 100%, 95%);
29
28
  --color-red-360-100-97: hsl(360, 100%, 97%);
30
-
31
29
  --color-white: hsl(0, 0%, 100%);
32
30
  --color-black: hsl(0, 0%, 0%);
33
-
34
31
  --color-background: var(--color-white);
35
32
  --color-background-disabled: var(--color-grey-225-10-95);
36
33
  --color-background-adornment: var(--color-grey-225-10-95);
@@ -46,28 +43,21 @@
46
43
  --color-warning: var(--color-red-360-100-45);
47
44
  --color-accent: var(--color-blue-205-100-40);
48
45
  --color-datepicker-focused-day: var(--color-grey-225-10-55);
49
-
50
- --font-family: 'IBM Plex Sans', sans-serif;
51
-
46
+ --font-family: "IBM Plex Sans", sans-serif;
52
47
  --font-size-base: 14px;
53
48
  --font-size-input: 14px;
54
49
  --font-size-label: 12px;
55
-
56
50
  --line-height-base: 20px;
57
51
  --line-height-input: 18px;
58
52
  --line-height-label: 16px;
59
-
60
53
  --letter-spacing-base: .16px;
61
54
  --letter-spacing-input: .16px;
62
55
  --letter-spacing-label: .32px;
63
-
64
56
  --form-field-height: 36px;
65
-
66
57
  --border-definition: 1px solid var(--color-borders);
67
58
  --border-definition-adornment: 1px solid var(--color-borders-adornment);
68
59
  --outline-definition: 1px solid var(--color-borders);
69
60
  --border-definition-disabled: 1px solid var(--color-borders-disabled);
70
-
71
61
  height: 100%;
72
62
  }
73
63
 
@@ -90,6 +80,13 @@
90
80
  width: 100%;
91
81
  }
92
82
 
83
+ .fjs-container .fjs-layout-row {
84
+ width: 100%;
85
+ padding: 9px 0;
86
+ position: relative;
87
+ margin-left: 1px;
88
+ }
89
+
93
90
  .fjs-container .fjs-column {
94
91
  flex-grow: 1;
95
92
  }
@@ -98,6 +95,20 @@
98
95
  max-width: 100%;
99
96
  }
100
97
 
98
+ .fjs-container .cds--grid {
99
+ margin-left: initial;
100
+ margin-right: initial;
101
+ }
102
+
103
+ .fjs-container .cds--grid .cds--row {
104
+ align-items: start;
105
+ }
106
+
107
+ @media (max-width: 66rem) {
108
+ .cds--col {
109
+ flex-basis: unset !important;
110
+ }
111
+ }
101
112
  /**
102
113
  * Visual styles
103
114
  */
@@ -116,10 +127,40 @@
116
127
  box-sizing: border-box;
117
128
  }
118
129
 
119
- .fjs-container .fjs-form-field {
130
+ .fjs-container .fjs-children {
131
+ display: flex;
132
+ flex-direction: column;
133
+ flex-grow: 1;
134
+ min-height: 100px;
135
+ }
136
+
137
+ .fjs-container .fjs-element {
138
+ display: flex;
139
+ flex-direction: column;
140
+ margin: 0 4px 5px 4px;
141
+ padding: 2px 0px;
142
+ }
143
+
144
+ .fjs-container .fjs-form .fjs-element {
145
+ margin: 0;
146
+ }
147
+
148
+ .fjs-container .fjs-element:first-of-type {
149
+ margin-top: 8px;
150
+ }
151
+
152
+ .fjs-container .fjs-form-field:not(.fjs-powered-by) {
153
+ margin: 1px 8px;
154
+ }
155
+
156
+ .fjs-container .fjs-powered-by {
120
157
  margin: 16px;
121
158
  }
122
159
 
160
+ .fjs-container .fjs-form .fjs-element {
161
+ margin: 0;
162
+ }
163
+
123
164
  .fjs-container .fjs-input,
124
165
  .fjs-container .fjs-taglist-input,
125
166
  .fjs-container .fjs-textarea,
@@ -146,6 +187,7 @@
146
187
  font-size: var(--font-size-input);
147
188
  line-height: var(--line-height-input);
148
189
  letter-spacing: var(--letter-spacing-input);
190
+ opacity: 1;
149
191
  }
150
192
 
151
193
  .fjs-container .fjs-form-field-label {
@@ -189,7 +231,7 @@
189
231
 
190
232
  .fjs-container .fjs-form-field.required label::after,
191
233
  .fjs-container .fjs-form-field.required .group-title::after {
192
- content: '*';
234
+ content: "*";
193
235
  }
194
236
 
195
237
  .fjs-container .fjs-checkbox.group.required label::after,
@@ -231,12 +273,12 @@
231
273
  margin: auto;
232
274
  }
233
275
 
234
- .fjs-container .fjs-input[type='text'],
235
- .fjs-container .fjs-input[type='email'],
236
- .fjs-container .fjs-input[type='tel'],
237
- .fjs-container .fjs-input[type='number'],
238
- .fjs-container .fjs-button[type='submit'],
239
- .fjs-container .fjs-button[type='reset'],
276
+ .fjs-container .fjs-input[type=text],
277
+ .fjs-container .fjs-input[type=email],
278
+ .fjs-container .fjs-input[type=tel],
279
+ .fjs-container .fjs-input[type=number],
280
+ .fjs-container .fjs-button[type=submit],
281
+ .fjs-container .fjs-button[type=reset],
240
282
  .fjs-container .fjs-textarea,
241
283
  .fjs-container .fjs-select {
242
284
  display: block;
@@ -247,10 +289,10 @@
247
289
  border-radius: 3px;
248
290
  }
249
291
 
250
- .fjs-container .fjs-input-group .fjs-input[type='text'],
251
- .fjs-container .fjs-input-group .fjs-input[type='email'],
252
- .fjs-container .fjs-input-group .fjs-input[type='tel'],
253
- .fjs-container .fjs-input-group .fjs-input[type='number'],
292
+ .fjs-container .fjs-input-group .fjs-input[type=text],
293
+ .fjs-container .fjs-input-group .fjs-input[type=email],
294
+ .fjs-container .fjs-input-group .fjs-input[type=tel],
295
+ .fjs-container .fjs-input-group .fjs-input[type=number],
254
296
  .fjs-container .fjs-select {
255
297
  height: var(--form-field-height);
256
298
  }
@@ -259,7 +301,6 @@
259
301
  min-height: var(--form-field-height);
260
302
  }
261
303
 
262
-
263
304
  .fjs-container .fjs-datepicker,
264
305
  .fjs-container .fjs-timepicker,
265
306
  .fjs-container .fjs-datetime-subsection {
@@ -288,14 +329,14 @@
288
329
  border-radius: 3px;
289
330
  }
290
331
 
291
-
292
- .fjs-container .fjs-input-group .fjs-input[type='text'],
293
- .fjs-container .fjs-input-group .fjs-input[type='email'],
294
- .fjs-container .fjs-input-group .fjs-input[type='tel'],
295
- .fjs-container .fjs-input-group .fjs-input[type='number'],
332
+ .fjs-container .fjs-input-group .fjs-input[type=text],
333
+ .fjs-container .fjs-input-group .fjs-input[type=email],
334
+ .fjs-container .fjs-input-group .fjs-input[type=tel],
335
+ .fjs-container .fjs-input-group .fjs-input[type=number],
296
336
  .fjs-container .fjs-input-group .fjs-taglist,
297
337
  .fjs-container .fjs-input-group .fjs-select {
298
338
  height: unset;
339
+ width: 100%;
299
340
  }
300
341
 
301
342
  .fjs-container .fjs-taglist .fjs-taglist-input,
@@ -309,14 +350,16 @@
309
350
  }
310
351
 
311
352
  .fjs-container .fjs-input-group .fjs-select-display {
312
- flex: 1;
353
+ line-height: var(--line-height-base);
354
+ user-select: none;
313
355
  padding: 8px;
314
- user-select: none;
356
+ flex: 1;
315
357
  }
316
358
 
317
359
  .fjs-container .fjs-input-group .fjs-select-display.fjs-select-placeholder,
318
- .fjs-container .fjs-input-group.disabled .fjs-select-display {
360
+ .fjs-container .fjs-disabled .fjs-input-group .fjs-select-display {
319
361
  color: var(--color-text-lightest);
362
+ line-height: var(--line-height-input);
320
363
  }
321
364
 
322
365
  .fjs-container .fjs-input-group .fjs-input-adornment {
@@ -339,8 +382,7 @@
339
382
  border-radius: 3px 0 0 3px;
340
383
  }
341
384
 
342
- .fjs-container .fjs-input-group .fjs-input,
343
- .fjs-container .fjs-input-group.fjs-disabled .fjs-input {
385
+ .fjs-container .fjs-input-group .fjs-input {
344
386
  border-radius: 3px;
345
387
  }
346
388
 
@@ -395,48 +437,46 @@
395
437
  color: var(--color-text);
396
438
  }
397
439
 
398
-
399
-
400
440
  .fjs-container .fjs-radio {
401
441
  display: flex;
402
442
  flex-direction: column;
403
443
  }
404
444
 
405
- .fjs-container .fjs-input[type='checkbox'],
406
- .fjs-container .fjs-input[type='radio'] {
445
+ .fjs-container .fjs-input[type=checkbox],
446
+ .fjs-container .fjs-input[type=radio] {
407
447
  margin: 6px 10px 6px 4px;
408
448
  }
409
449
 
410
- .fjs-container .fjs-button[type='submit'] {
450
+ .fjs-container .fjs-button[type=submit] {
411
451
  color: var(--color-text-inverted);
412
452
  background-color: var(--color-accent);
413
453
  border-color: var(--color-accent);
414
454
  }
415
455
 
416
- .fjs-container .fjs-button[type='reset'] {
456
+ .fjs-container .fjs-button[type=reset] {
417
457
  color: var(--color-text);
418
458
  background-color: transparent;
419
459
  border-color: var(--color-borders);
420
460
  }
421
461
 
422
- .fjs-container .fjs-button[type='submit'],
423
- .fjs-container .fjs-button[type='reset'] {
462
+ .fjs-container .fjs-button[type=submit],
463
+ .fjs-container .fjs-button[type=reset] {
424
464
  min-width: 100px;
425
465
  width: auto;
426
466
  }
427
467
 
428
- .fjs-container .fjs-button[type='submit'] {
468
+ .fjs-container .fjs-button[type=submit] {
429
469
  font-weight: 600;
430
470
  }
431
471
 
432
472
  .fjs-container .fjs-taglist:focus-within,
433
473
  .fjs-container .fjs-input-group:focus-within,
434
- .fjs-container .fjs-input[type='text']:focus,
435
- .fjs-container .fjs-input[type='email']:focus,
436
- .fjs-container .fjs-input[type='tel']:focus,
437
- .fjs-container .fjs-input[type='number']:focus,
438
- .fjs-container .fjs-button[type='submit']:focus,
439
- .fjs-container .fjs-button[type='reset']:focus,
474
+ .fjs-container .fjs-input[type=text]:focus,
475
+ .fjs-container .fjs-input[type=email]:focus,
476
+ .fjs-container .fjs-input[type=tel]:focus,
477
+ .fjs-container .fjs-input[type=number]:focus,
478
+ .fjs-container .fjs-button[type=submit]:focus,
479
+ .fjs-container .fjs-button[type=reset]:focus,
440
480
  .fjs-container .fjs-textarea:focus,
441
481
  .fjs-container .fjs-select:focus {
442
482
  outline: var(--outline-definition);
@@ -452,7 +492,7 @@
452
492
  outline: none;
453
493
  }
454
494
 
455
- .fjs-container .fjs-button[type='submit']:focus {
495
+ .fjs-container .fjs-button[type=submit]:focus {
456
496
  border-color: var(--color-accent);
457
497
  }
458
498
 
@@ -460,21 +500,22 @@
460
500
  .fjs-container .fjs-textarea:disabled,
461
501
  .fjs-container .fjs-select:disabled,
462
502
  .fjs-container .fjs-number-arrow-container.fjs-disabled button,
463
- .fjs-container .fjs-input-group.fjs-disabled,
464
- .fjs-container .fjs-taglist.fjs-disabled {
503
+ .fjs-container .fjs-taglist.fjs-disabled,
504
+ .fjs-container .fjs-disabled .fjs-input-group {
465
505
  background-color: var(--color-background-disabled);
466
506
  border-color: var(--color-borders-disabled);
467
507
  }
468
508
 
469
- .fjs-container .fjs-button[type='submit']:disabled,
470
- .fjs-container .fjs-button[type='reset']:disabled {
509
+ .fjs-container .fjs-button[type=submit]:disabled,
510
+ .fjs-container .fjs-button[type=reset]:disabled {
471
511
  color: var(--text-light);
472
512
  background-color: var(--color-background-disabled);
473
513
  border-color: var(--color-borders-disabled);
474
514
  }
475
515
 
476
- .fjs-container .fjs-input-group.fjs-disabled .fjs-input,
477
- .fjs-container .fjs-input-group.fjs-disabled .fjs-input-adornment {
516
+ .fjs-container .fjs-disabled .fjs-input-group .fjs-input-adornment,
517
+ .fjs-container .fjs-disabled .fjs-input-group .fjs-number-arrow-container,
518
+ .fjs-container .fjs-disabled .fjs-input-group .fjs-number-arrow-separator {
478
519
  border-color: var(--color-borders-disabled);
479
520
  }
480
521
 
@@ -488,7 +529,7 @@
488
529
  }
489
530
 
490
531
  .fjs-container .fjs-form-field.fjs-has-errors .fjs-number-arrow-container {
491
- border-color: var(--color-red-360-100-92);
532
+ border-color: var(--color-red-360-100-92);
492
533
  }
493
534
 
494
535
  .fjs-container .fjs-form-field.fjs-has-errors .fjs-number-arrow-separator {
@@ -566,7 +607,7 @@
566
607
  border-radius: 2px;
567
608
  }
568
609
 
569
- .fjs-container .fjs-taglist .fjs-taglist-tag.fjs-disabled {
610
+ .fjs-container .fjs-taglist.fjs-disabled .fjs-taglist-tag {
570
611
  background-color: var(--color-grey-225-10-85);
571
612
  }
572
613
 
@@ -580,7 +621,7 @@
580
621
  padding: 2px 6px 2px 8px;
581
622
  }
582
623
 
583
- .fjs-container .fjs-taglist .fjs-taglist-tag.fjs-disabled .fjs-taglist-tag-label {
624
+ .fjs-container .fjs-taglist.fjs-disabled .fjs-taglist-tag .fjs-taglist-tag-label {
584
625
  padding: 2px 8px;
585
626
  }
586
627
 
@@ -673,7 +714,6 @@
673
714
  /**
674
715
  * Flatpickr style adjustments
675
716
  */
676
-
677
717
  .fjs-container .flatpickr-day.today {
678
718
  border-color: transparent;
679
719
  background-color: transparent;
@@ -701,7 +741,7 @@
701
741
  .fjs-container .flatpickr-day.selected:hover,
702
742
  .fjs-container .flatpickr-day.selected:focus {
703
743
  background-color: var(--color-accent);
704
- font-weight: bold;
744
+ font-weight: bold;
705
745
  color: var(--color-text-inverted);
706
746
  border-color: var(--color-accent);
707
747
  }
@@ -719,3 +759,2586 @@
719
759
  .fjs-container .flatpickr-calendar {
720
760
  width: 326px;
721
761
  }
762
+
763
+ .cds--grid {
764
+ margin-right: auto;
765
+ margin-left: auto;
766
+ max-width: 99rem;
767
+ padding-right: 1rem;
768
+ padding-left: 1rem;
769
+ }
770
+ @media (min-width: 42rem) {
771
+ .cds--grid {
772
+ padding-right: 2rem;
773
+ padding-left: 2rem;
774
+ }
775
+ }
776
+ @media (min-width: 99rem) {
777
+ .cds--grid {
778
+ padding-right: 2.5rem;
779
+ padding-left: 2.5rem;
780
+ }
781
+ }
782
+
783
+ @media (min-width: 99rem) {
784
+ .cds--grid--full-width {
785
+ max-width: 100%;
786
+ }
787
+ }
788
+ .cds--row {
789
+ display: flex;
790
+ flex-wrap: wrap;
791
+ margin-right: -1rem;
792
+ margin-left: -1rem;
793
+ }
794
+
795
+ .cds--row-padding [class*=cds--col],
796
+ .cds--col-padding {
797
+ padding-top: 1rem;
798
+ padding-bottom: 1rem;
799
+ }
800
+
801
+ .cds--grid--condensed [class*=cds--col] {
802
+ padding-top: 0.03125rem;
803
+ padding-bottom: 0.03125rem;
804
+ }
805
+
806
+ .cds--col {
807
+ width: 100%;
808
+ padding-right: 1rem;
809
+ padding-left: 1rem;
810
+ }
811
+ .cds--row--condensed .cds--col, .cds--grid--condensed .cds--col {
812
+ padding-right: 0.03125rem;
813
+ padding-left: 0.03125rem;
814
+ }
815
+ .cds--row--narrow .cds--col, .cds--grid--narrow .cds--col {
816
+ padding-right: 1rem;
817
+ padding-left: 0;
818
+ }
819
+
820
+ .cds--col-sm-0 {
821
+ width: 100%;
822
+ padding-right: 1rem;
823
+ padding-left: 1rem;
824
+ }
825
+ .cds--row--condensed .cds--col-sm-0, .cds--grid--condensed .cds--col-sm-0 {
826
+ padding-right: 0.03125rem;
827
+ padding-left: 0.03125rem;
828
+ }
829
+ .cds--row--narrow .cds--col-sm-0, .cds--grid--narrow .cds--col-sm-0 {
830
+ padding-right: 1rem;
831
+ padding-left: 0;
832
+ }
833
+
834
+ .cds--col-sm-1 {
835
+ width: 100%;
836
+ padding-right: 1rem;
837
+ padding-left: 1rem;
838
+ }
839
+ .cds--row--condensed .cds--col-sm-1, .cds--grid--condensed .cds--col-sm-1 {
840
+ padding-right: 0.03125rem;
841
+ padding-left: 0.03125rem;
842
+ }
843
+ .cds--row--narrow .cds--col-sm-1, .cds--grid--narrow .cds--col-sm-1 {
844
+ padding-right: 1rem;
845
+ padding-left: 0;
846
+ }
847
+
848
+ .cds--col-sm-2 {
849
+ width: 100%;
850
+ padding-right: 1rem;
851
+ padding-left: 1rem;
852
+ }
853
+ .cds--row--condensed .cds--col-sm-2, .cds--grid--condensed .cds--col-sm-2 {
854
+ padding-right: 0.03125rem;
855
+ padding-left: 0.03125rem;
856
+ }
857
+ .cds--row--narrow .cds--col-sm-2, .cds--grid--narrow .cds--col-sm-2 {
858
+ padding-right: 1rem;
859
+ padding-left: 0;
860
+ }
861
+
862
+ .cds--col-sm-3 {
863
+ width: 100%;
864
+ padding-right: 1rem;
865
+ padding-left: 1rem;
866
+ }
867
+ .cds--row--condensed .cds--col-sm-3, .cds--grid--condensed .cds--col-sm-3 {
868
+ padding-right: 0.03125rem;
869
+ padding-left: 0.03125rem;
870
+ }
871
+ .cds--row--narrow .cds--col-sm-3, .cds--grid--narrow .cds--col-sm-3 {
872
+ padding-right: 1rem;
873
+ padding-left: 0;
874
+ }
875
+
876
+ .cds--col-sm-4 {
877
+ width: 100%;
878
+ padding-right: 1rem;
879
+ padding-left: 1rem;
880
+ }
881
+ .cds--row--condensed .cds--col-sm-4, .cds--grid--condensed .cds--col-sm-4 {
882
+ padding-right: 0.03125rem;
883
+ padding-left: 0.03125rem;
884
+ }
885
+ .cds--row--narrow .cds--col-sm-4, .cds--grid--narrow .cds--col-sm-4 {
886
+ padding-right: 1rem;
887
+ padding-left: 0;
888
+ }
889
+
890
+ .cds--col-sm,
891
+ .cds--col-sm--auto {
892
+ width: 100%;
893
+ padding-right: 1rem;
894
+ padding-left: 1rem;
895
+ }
896
+ .cds--row--condensed .cds--col-sm, .cds--grid--condensed .cds--col-sm,
897
+ .cds--row--condensed .cds--col-sm--auto,
898
+ .cds--grid--condensed .cds--col-sm--auto {
899
+ padding-right: 0.03125rem;
900
+ padding-left: 0.03125rem;
901
+ }
902
+ .cds--row--narrow .cds--col-sm, .cds--grid--narrow .cds--col-sm,
903
+ .cds--row--narrow .cds--col-sm--auto,
904
+ .cds--grid--narrow .cds--col-sm--auto {
905
+ padding-right: 1rem;
906
+ padding-left: 0;
907
+ }
908
+
909
+ .cds--col,
910
+ .cds--col-sm {
911
+ max-width: 100%;
912
+ flex-basis: 0;
913
+ flex-grow: 1;
914
+ }
915
+
916
+ .cds--col--auto,
917
+ .cds--col-sm--auto {
918
+ width: auto;
919
+ max-width: 100%;
920
+ flex: 1 0 0%;
921
+ }
922
+
923
+ .cds--col-sm-0 {
924
+ display: none;
925
+ }
926
+
927
+ .cds--col-sm-1 {
928
+ display: block;
929
+ max-width: 25%;
930
+ flex: 0 0 25%;
931
+ }
932
+
933
+ .cds--col-sm-2 {
934
+ display: block;
935
+ max-width: 50%;
936
+ flex: 0 0 50%;
937
+ }
938
+
939
+ .cds--col-sm-3 {
940
+ display: block;
941
+ max-width: 75%;
942
+ flex: 0 0 75%;
943
+ }
944
+
945
+ .cds--col-sm-4 {
946
+ display: block;
947
+ max-width: 100%;
948
+ flex: 0 0 100%;
949
+ }
950
+
951
+ .cds--offset-sm-0 {
952
+ margin-left: 0;
953
+ }
954
+
955
+ .cds--offset-sm-1 {
956
+ margin-left: 25%;
957
+ }
958
+
959
+ .cds--offset-sm-2 {
960
+ margin-left: 50%;
961
+ }
962
+
963
+ .cds--offset-sm-3 {
964
+ margin-left: 75%;
965
+ }
966
+
967
+ .cds--col-md-0 {
968
+ width: 100%;
969
+ padding-right: 1rem;
970
+ padding-left: 1rem;
971
+ }
972
+ .cds--row--condensed .cds--col-md-0, .cds--grid--condensed .cds--col-md-0 {
973
+ padding-right: 0.03125rem;
974
+ padding-left: 0.03125rem;
975
+ }
976
+ .cds--row--narrow .cds--col-md-0, .cds--grid--narrow .cds--col-md-0 {
977
+ padding-right: 1rem;
978
+ padding-left: 0;
979
+ }
980
+
981
+ .cds--col-md-1 {
982
+ width: 100%;
983
+ padding-right: 1rem;
984
+ padding-left: 1rem;
985
+ }
986
+ .cds--row--condensed .cds--col-md-1, .cds--grid--condensed .cds--col-md-1 {
987
+ padding-right: 0.03125rem;
988
+ padding-left: 0.03125rem;
989
+ }
990
+ .cds--row--narrow .cds--col-md-1, .cds--grid--narrow .cds--col-md-1 {
991
+ padding-right: 1rem;
992
+ padding-left: 0;
993
+ }
994
+
995
+ .cds--col-md-2 {
996
+ width: 100%;
997
+ padding-right: 1rem;
998
+ padding-left: 1rem;
999
+ }
1000
+ .cds--row--condensed .cds--col-md-2, .cds--grid--condensed .cds--col-md-2 {
1001
+ padding-right: 0.03125rem;
1002
+ padding-left: 0.03125rem;
1003
+ }
1004
+ .cds--row--narrow .cds--col-md-2, .cds--grid--narrow .cds--col-md-2 {
1005
+ padding-right: 1rem;
1006
+ padding-left: 0;
1007
+ }
1008
+
1009
+ .cds--col-md-3 {
1010
+ width: 100%;
1011
+ padding-right: 1rem;
1012
+ padding-left: 1rem;
1013
+ }
1014
+ .cds--row--condensed .cds--col-md-3, .cds--grid--condensed .cds--col-md-3 {
1015
+ padding-right: 0.03125rem;
1016
+ padding-left: 0.03125rem;
1017
+ }
1018
+ .cds--row--narrow .cds--col-md-3, .cds--grid--narrow .cds--col-md-3 {
1019
+ padding-right: 1rem;
1020
+ padding-left: 0;
1021
+ }
1022
+
1023
+ .cds--col-md-4 {
1024
+ width: 100%;
1025
+ padding-right: 1rem;
1026
+ padding-left: 1rem;
1027
+ }
1028
+ .cds--row--condensed .cds--col-md-4, .cds--grid--condensed .cds--col-md-4 {
1029
+ padding-right: 0.03125rem;
1030
+ padding-left: 0.03125rem;
1031
+ }
1032
+ .cds--row--narrow .cds--col-md-4, .cds--grid--narrow .cds--col-md-4 {
1033
+ padding-right: 1rem;
1034
+ padding-left: 0;
1035
+ }
1036
+
1037
+ .cds--col-md-5 {
1038
+ width: 100%;
1039
+ padding-right: 1rem;
1040
+ padding-left: 1rem;
1041
+ }
1042
+ .cds--row--condensed .cds--col-md-5, .cds--grid--condensed .cds--col-md-5 {
1043
+ padding-right: 0.03125rem;
1044
+ padding-left: 0.03125rem;
1045
+ }
1046
+ .cds--row--narrow .cds--col-md-5, .cds--grid--narrow .cds--col-md-5 {
1047
+ padding-right: 1rem;
1048
+ padding-left: 0;
1049
+ }
1050
+
1051
+ .cds--col-md-6 {
1052
+ width: 100%;
1053
+ padding-right: 1rem;
1054
+ padding-left: 1rem;
1055
+ }
1056
+ .cds--row--condensed .cds--col-md-6, .cds--grid--condensed .cds--col-md-6 {
1057
+ padding-right: 0.03125rem;
1058
+ padding-left: 0.03125rem;
1059
+ }
1060
+ .cds--row--narrow .cds--col-md-6, .cds--grid--narrow .cds--col-md-6 {
1061
+ padding-right: 1rem;
1062
+ padding-left: 0;
1063
+ }
1064
+
1065
+ .cds--col-md-7 {
1066
+ width: 100%;
1067
+ padding-right: 1rem;
1068
+ padding-left: 1rem;
1069
+ }
1070
+ .cds--row--condensed .cds--col-md-7, .cds--grid--condensed .cds--col-md-7 {
1071
+ padding-right: 0.03125rem;
1072
+ padding-left: 0.03125rem;
1073
+ }
1074
+ .cds--row--narrow .cds--col-md-7, .cds--grid--narrow .cds--col-md-7 {
1075
+ padding-right: 1rem;
1076
+ padding-left: 0;
1077
+ }
1078
+
1079
+ .cds--col-md-8 {
1080
+ width: 100%;
1081
+ padding-right: 1rem;
1082
+ padding-left: 1rem;
1083
+ }
1084
+ .cds--row--condensed .cds--col-md-8, .cds--grid--condensed .cds--col-md-8 {
1085
+ padding-right: 0.03125rem;
1086
+ padding-left: 0.03125rem;
1087
+ }
1088
+ .cds--row--narrow .cds--col-md-8, .cds--grid--narrow .cds--col-md-8 {
1089
+ padding-right: 1rem;
1090
+ padding-left: 0;
1091
+ }
1092
+
1093
+ .cds--col-md,
1094
+ .cds--col-md--auto {
1095
+ width: 100%;
1096
+ padding-right: 1rem;
1097
+ padding-left: 1rem;
1098
+ }
1099
+ .cds--row--condensed .cds--col-md, .cds--grid--condensed .cds--col-md,
1100
+ .cds--row--condensed .cds--col-md--auto,
1101
+ .cds--grid--condensed .cds--col-md--auto {
1102
+ padding-right: 0.03125rem;
1103
+ padding-left: 0.03125rem;
1104
+ }
1105
+ .cds--row--narrow .cds--col-md, .cds--grid--narrow .cds--col-md,
1106
+ .cds--row--narrow .cds--col-md--auto,
1107
+ .cds--grid--narrow .cds--col-md--auto {
1108
+ padding-right: 1rem;
1109
+ padding-left: 0;
1110
+ }
1111
+
1112
+ @media (min-width: 42rem) {
1113
+ .cds--col,
1114
+ .cds--col-md {
1115
+ max-width: 100%;
1116
+ flex-basis: 0;
1117
+ flex-grow: 1;
1118
+ }
1119
+ .cds--col--auto,
1120
+ .cds--col-md--auto {
1121
+ width: auto;
1122
+ max-width: 100%;
1123
+ flex: 1 0 0%;
1124
+ }
1125
+ .cds--col-md-0 {
1126
+ display: none;
1127
+ }
1128
+ .cds--col-md-1 {
1129
+ display: block;
1130
+ max-width: 12.5%;
1131
+ flex: 0 0 12.5%;
1132
+ }
1133
+ .cds--col-md-2 {
1134
+ display: block;
1135
+ max-width: 25%;
1136
+ flex: 0 0 25%;
1137
+ }
1138
+ .cds--col-md-3 {
1139
+ display: block;
1140
+ max-width: 37.5%;
1141
+ flex: 0 0 37.5%;
1142
+ }
1143
+ .cds--col-md-4 {
1144
+ display: block;
1145
+ max-width: 50%;
1146
+ flex: 0 0 50%;
1147
+ }
1148
+ .cds--col-md-5 {
1149
+ display: block;
1150
+ max-width: 62.5%;
1151
+ flex: 0 0 62.5%;
1152
+ }
1153
+ .cds--col-md-6 {
1154
+ display: block;
1155
+ max-width: 75%;
1156
+ flex: 0 0 75%;
1157
+ }
1158
+ .cds--col-md-7 {
1159
+ display: block;
1160
+ max-width: 87.5%;
1161
+ flex: 0 0 87.5%;
1162
+ }
1163
+ .cds--col-md-8 {
1164
+ display: block;
1165
+ max-width: 100%;
1166
+ flex: 0 0 100%;
1167
+ }
1168
+ .cds--offset-md-0 {
1169
+ margin-left: 0;
1170
+ }
1171
+ .cds--offset-md-1 {
1172
+ margin-left: 12.5%;
1173
+ }
1174
+ .cds--offset-md-2 {
1175
+ margin-left: 25%;
1176
+ }
1177
+ .cds--offset-md-3 {
1178
+ margin-left: 37.5%;
1179
+ }
1180
+ .cds--offset-md-4 {
1181
+ margin-left: 50%;
1182
+ }
1183
+ .cds--offset-md-5 {
1184
+ margin-left: 62.5%;
1185
+ }
1186
+ .cds--offset-md-6 {
1187
+ margin-left: 75%;
1188
+ }
1189
+ .cds--offset-md-7 {
1190
+ margin-left: 87.5%;
1191
+ }
1192
+ }
1193
+ .cds--col-lg-0 {
1194
+ width: 100%;
1195
+ padding-right: 1rem;
1196
+ padding-left: 1rem;
1197
+ }
1198
+ .cds--row--condensed .cds--col-lg-0, .cds--grid--condensed .cds--col-lg-0 {
1199
+ padding-right: 0.03125rem;
1200
+ padding-left: 0.03125rem;
1201
+ }
1202
+ .cds--row--narrow .cds--col-lg-0, .cds--grid--narrow .cds--col-lg-0 {
1203
+ padding-right: 1rem;
1204
+ padding-left: 0;
1205
+ }
1206
+
1207
+ .cds--col-lg-1 {
1208
+ width: 100%;
1209
+ padding-right: 1rem;
1210
+ padding-left: 1rem;
1211
+ }
1212
+ .cds--row--condensed .cds--col-lg-1, .cds--grid--condensed .cds--col-lg-1 {
1213
+ padding-right: 0.03125rem;
1214
+ padding-left: 0.03125rem;
1215
+ }
1216
+ .cds--row--narrow .cds--col-lg-1, .cds--grid--narrow .cds--col-lg-1 {
1217
+ padding-right: 1rem;
1218
+ padding-left: 0;
1219
+ }
1220
+
1221
+ .cds--col-lg-2 {
1222
+ width: 100%;
1223
+ padding-right: 1rem;
1224
+ padding-left: 1rem;
1225
+ }
1226
+ .cds--row--condensed .cds--col-lg-2, .cds--grid--condensed .cds--col-lg-2 {
1227
+ padding-right: 0.03125rem;
1228
+ padding-left: 0.03125rem;
1229
+ }
1230
+ .cds--row--narrow .cds--col-lg-2, .cds--grid--narrow .cds--col-lg-2 {
1231
+ padding-right: 1rem;
1232
+ padding-left: 0;
1233
+ }
1234
+
1235
+ .cds--col-lg-3 {
1236
+ width: 100%;
1237
+ padding-right: 1rem;
1238
+ padding-left: 1rem;
1239
+ }
1240
+ .cds--row--condensed .cds--col-lg-3, .cds--grid--condensed .cds--col-lg-3 {
1241
+ padding-right: 0.03125rem;
1242
+ padding-left: 0.03125rem;
1243
+ }
1244
+ .cds--row--narrow .cds--col-lg-3, .cds--grid--narrow .cds--col-lg-3 {
1245
+ padding-right: 1rem;
1246
+ padding-left: 0;
1247
+ }
1248
+
1249
+ .cds--col-lg-4 {
1250
+ width: 100%;
1251
+ padding-right: 1rem;
1252
+ padding-left: 1rem;
1253
+ }
1254
+ .cds--row--condensed .cds--col-lg-4, .cds--grid--condensed .cds--col-lg-4 {
1255
+ padding-right: 0.03125rem;
1256
+ padding-left: 0.03125rem;
1257
+ }
1258
+ .cds--row--narrow .cds--col-lg-4, .cds--grid--narrow .cds--col-lg-4 {
1259
+ padding-right: 1rem;
1260
+ padding-left: 0;
1261
+ }
1262
+
1263
+ .cds--col-lg-5 {
1264
+ width: 100%;
1265
+ padding-right: 1rem;
1266
+ padding-left: 1rem;
1267
+ }
1268
+ .cds--row--condensed .cds--col-lg-5, .cds--grid--condensed .cds--col-lg-5 {
1269
+ padding-right: 0.03125rem;
1270
+ padding-left: 0.03125rem;
1271
+ }
1272
+ .cds--row--narrow .cds--col-lg-5, .cds--grid--narrow .cds--col-lg-5 {
1273
+ padding-right: 1rem;
1274
+ padding-left: 0;
1275
+ }
1276
+
1277
+ .cds--col-lg-6 {
1278
+ width: 100%;
1279
+ padding-right: 1rem;
1280
+ padding-left: 1rem;
1281
+ }
1282
+ .cds--row--condensed .cds--col-lg-6, .cds--grid--condensed .cds--col-lg-6 {
1283
+ padding-right: 0.03125rem;
1284
+ padding-left: 0.03125rem;
1285
+ }
1286
+ .cds--row--narrow .cds--col-lg-6, .cds--grid--narrow .cds--col-lg-6 {
1287
+ padding-right: 1rem;
1288
+ padding-left: 0;
1289
+ }
1290
+
1291
+ .cds--col-lg-7 {
1292
+ width: 100%;
1293
+ padding-right: 1rem;
1294
+ padding-left: 1rem;
1295
+ }
1296
+ .cds--row--condensed .cds--col-lg-7, .cds--grid--condensed .cds--col-lg-7 {
1297
+ padding-right: 0.03125rem;
1298
+ padding-left: 0.03125rem;
1299
+ }
1300
+ .cds--row--narrow .cds--col-lg-7, .cds--grid--narrow .cds--col-lg-7 {
1301
+ padding-right: 1rem;
1302
+ padding-left: 0;
1303
+ }
1304
+
1305
+ .cds--col-lg-8 {
1306
+ width: 100%;
1307
+ padding-right: 1rem;
1308
+ padding-left: 1rem;
1309
+ }
1310
+ .cds--row--condensed .cds--col-lg-8, .cds--grid--condensed .cds--col-lg-8 {
1311
+ padding-right: 0.03125rem;
1312
+ padding-left: 0.03125rem;
1313
+ }
1314
+ .cds--row--narrow .cds--col-lg-8, .cds--grid--narrow .cds--col-lg-8 {
1315
+ padding-right: 1rem;
1316
+ padding-left: 0;
1317
+ }
1318
+
1319
+ .cds--col-lg-9 {
1320
+ width: 100%;
1321
+ padding-right: 1rem;
1322
+ padding-left: 1rem;
1323
+ }
1324
+ .cds--row--condensed .cds--col-lg-9, .cds--grid--condensed .cds--col-lg-9 {
1325
+ padding-right: 0.03125rem;
1326
+ padding-left: 0.03125rem;
1327
+ }
1328
+ .cds--row--narrow .cds--col-lg-9, .cds--grid--narrow .cds--col-lg-9 {
1329
+ padding-right: 1rem;
1330
+ padding-left: 0;
1331
+ }
1332
+
1333
+ .cds--col-lg-10 {
1334
+ width: 100%;
1335
+ padding-right: 1rem;
1336
+ padding-left: 1rem;
1337
+ }
1338
+ .cds--row--condensed .cds--col-lg-10, .cds--grid--condensed .cds--col-lg-10 {
1339
+ padding-right: 0.03125rem;
1340
+ padding-left: 0.03125rem;
1341
+ }
1342
+ .cds--row--narrow .cds--col-lg-10, .cds--grid--narrow .cds--col-lg-10 {
1343
+ padding-right: 1rem;
1344
+ padding-left: 0;
1345
+ }
1346
+
1347
+ .cds--col-lg-11 {
1348
+ width: 100%;
1349
+ padding-right: 1rem;
1350
+ padding-left: 1rem;
1351
+ }
1352
+ .cds--row--condensed .cds--col-lg-11, .cds--grid--condensed .cds--col-lg-11 {
1353
+ padding-right: 0.03125rem;
1354
+ padding-left: 0.03125rem;
1355
+ }
1356
+ .cds--row--narrow .cds--col-lg-11, .cds--grid--narrow .cds--col-lg-11 {
1357
+ padding-right: 1rem;
1358
+ padding-left: 0;
1359
+ }
1360
+
1361
+ .cds--col-lg-12 {
1362
+ width: 100%;
1363
+ padding-right: 1rem;
1364
+ padding-left: 1rem;
1365
+ }
1366
+ .cds--row--condensed .cds--col-lg-12, .cds--grid--condensed .cds--col-lg-12 {
1367
+ padding-right: 0.03125rem;
1368
+ padding-left: 0.03125rem;
1369
+ }
1370
+ .cds--row--narrow .cds--col-lg-12, .cds--grid--narrow .cds--col-lg-12 {
1371
+ padding-right: 1rem;
1372
+ padding-left: 0;
1373
+ }
1374
+
1375
+ .cds--col-lg-13 {
1376
+ width: 100%;
1377
+ padding-right: 1rem;
1378
+ padding-left: 1rem;
1379
+ }
1380
+ .cds--row--condensed .cds--col-lg-13, .cds--grid--condensed .cds--col-lg-13 {
1381
+ padding-right: 0.03125rem;
1382
+ padding-left: 0.03125rem;
1383
+ }
1384
+ .cds--row--narrow .cds--col-lg-13, .cds--grid--narrow .cds--col-lg-13 {
1385
+ padding-right: 1rem;
1386
+ padding-left: 0;
1387
+ }
1388
+
1389
+ .cds--col-lg-14 {
1390
+ width: 100%;
1391
+ padding-right: 1rem;
1392
+ padding-left: 1rem;
1393
+ }
1394
+ .cds--row--condensed .cds--col-lg-14, .cds--grid--condensed .cds--col-lg-14 {
1395
+ padding-right: 0.03125rem;
1396
+ padding-left: 0.03125rem;
1397
+ }
1398
+ .cds--row--narrow .cds--col-lg-14, .cds--grid--narrow .cds--col-lg-14 {
1399
+ padding-right: 1rem;
1400
+ padding-left: 0;
1401
+ }
1402
+
1403
+ .cds--col-lg-15 {
1404
+ width: 100%;
1405
+ padding-right: 1rem;
1406
+ padding-left: 1rem;
1407
+ }
1408
+ .cds--row--condensed .cds--col-lg-15, .cds--grid--condensed .cds--col-lg-15 {
1409
+ padding-right: 0.03125rem;
1410
+ padding-left: 0.03125rem;
1411
+ }
1412
+ .cds--row--narrow .cds--col-lg-15, .cds--grid--narrow .cds--col-lg-15 {
1413
+ padding-right: 1rem;
1414
+ padding-left: 0;
1415
+ }
1416
+
1417
+ .cds--col-lg-16 {
1418
+ width: 100%;
1419
+ padding-right: 1rem;
1420
+ padding-left: 1rem;
1421
+ }
1422
+ .cds--row--condensed .cds--col-lg-16, .cds--grid--condensed .cds--col-lg-16 {
1423
+ padding-right: 0.03125rem;
1424
+ padding-left: 0.03125rem;
1425
+ }
1426
+ .cds--row--narrow .cds--col-lg-16, .cds--grid--narrow .cds--col-lg-16 {
1427
+ padding-right: 1rem;
1428
+ padding-left: 0;
1429
+ }
1430
+
1431
+ .cds--col-lg,
1432
+ .cds--col-lg--auto {
1433
+ width: 100%;
1434
+ padding-right: 1rem;
1435
+ padding-left: 1rem;
1436
+ }
1437
+ .cds--row--condensed .cds--col-lg, .cds--grid--condensed .cds--col-lg,
1438
+ .cds--row--condensed .cds--col-lg--auto,
1439
+ .cds--grid--condensed .cds--col-lg--auto {
1440
+ padding-right: 0.03125rem;
1441
+ padding-left: 0.03125rem;
1442
+ }
1443
+ .cds--row--narrow .cds--col-lg, .cds--grid--narrow .cds--col-lg,
1444
+ .cds--row--narrow .cds--col-lg--auto,
1445
+ .cds--grid--narrow .cds--col-lg--auto {
1446
+ padding-right: 1rem;
1447
+ padding-left: 0;
1448
+ }
1449
+
1450
+ @media (min-width: 66rem) {
1451
+ .cds--col,
1452
+ .cds--col-lg {
1453
+ max-width: 100%;
1454
+ flex-basis: 0;
1455
+ flex-grow: 1;
1456
+ }
1457
+ .cds--col--auto,
1458
+ .cds--col-lg--auto {
1459
+ width: auto;
1460
+ max-width: 100%;
1461
+ flex: 1 0 0%;
1462
+ }
1463
+ .cds--col-lg-0 {
1464
+ display: none;
1465
+ }
1466
+ .cds--col-lg-1 {
1467
+ display: block;
1468
+ max-width: 6.25%;
1469
+ flex: 0 0 6.25%;
1470
+ }
1471
+ .cds--col-lg-2 {
1472
+ display: block;
1473
+ max-width: 12.5%;
1474
+ flex: 0 0 12.5%;
1475
+ }
1476
+ .cds--col-lg-3 {
1477
+ display: block;
1478
+ max-width: 18.75%;
1479
+ flex: 0 0 18.75%;
1480
+ }
1481
+ .cds--col-lg-4 {
1482
+ display: block;
1483
+ max-width: 25%;
1484
+ flex: 0 0 25%;
1485
+ }
1486
+ .cds--col-lg-5 {
1487
+ display: block;
1488
+ max-width: 31.25%;
1489
+ flex: 0 0 31.25%;
1490
+ }
1491
+ .cds--col-lg-6 {
1492
+ display: block;
1493
+ max-width: 37.5%;
1494
+ flex: 0 0 37.5%;
1495
+ }
1496
+ .cds--col-lg-7 {
1497
+ display: block;
1498
+ max-width: 43.75%;
1499
+ flex: 0 0 43.75%;
1500
+ }
1501
+ .cds--col-lg-8 {
1502
+ display: block;
1503
+ max-width: 50%;
1504
+ flex: 0 0 50%;
1505
+ }
1506
+ .cds--col-lg-9 {
1507
+ display: block;
1508
+ max-width: 56.25%;
1509
+ flex: 0 0 56.25%;
1510
+ }
1511
+ .cds--col-lg-10 {
1512
+ display: block;
1513
+ max-width: 62.5%;
1514
+ flex: 0 0 62.5%;
1515
+ }
1516
+ .cds--col-lg-11 {
1517
+ display: block;
1518
+ max-width: 68.75%;
1519
+ flex: 0 0 68.75%;
1520
+ }
1521
+ .cds--col-lg-12 {
1522
+ display: block;
1523
+ max-width: 75%;
1524
+ flex: 0 0 75%;
1525
+ }
1526
+ .cds--col-lg-13 {
1527
+ display: block;
1528
+ max-width: 81.25%;
1529
+ flex: 0 0 81.25%;
1530
+ }
1531
+ .cds--col-lg-14 {
1532
+ display: block;
1533
+ max-width: 87.5%;
1534
+ flex: 0 0 87.5%;
1535
+ }
1536
+ .cds--col-lg-15 {
1537
+ display: block;
1538
+ max-width: 93.75%;
1539
+ flex: 0 0 93.75%;
1540
+ }
1541
+ .cds--col-lg-16 {
1542
+ display: block;
1543
+ max-width: 100%;
1544
+ flex: 0 0 100%;
1545
+ }
1546
+ .cds--offset-lg-0 {
1547
+ margin-left: 0;
1548
+ }
1549
+ .cds--offset-lg-1 {
1550
+ margin-left: 6.25%;
1551
+ }
1552
+ .cds--offset-lg-2 {
1553
+ margin-left: 12.5%;
1554
+ }
1555
+ .cds--offset-lg-3 {
1556
+ margin-left: 18.75%;
1557
+ }
1558
+ .cds--offset-lg-4 {
1559
+ margin-left: 25%;
1560
+ }
1561
+ .cds--offset-lg-5 {
1562
+ margin-left: 31.25%;
1563
+ }
1564
+ .cds--offset-lg-6 {
1565
+ margin-left: 37.5%;
1566
+ }
1567
+ .cds--offset-lg-7 {
1568
+ margin-left: 43.75%;
1569
+ }
1570
+ .cds--offset-lg-8 {
1571
+ margin-left: 50%;
1572
+ }
1573
+ .cds--offset-lg-9 {
1574
+ margin-left: 56.25%;
1575
+ }
1576
+ .cds--offset-lg-10 {
1577
+ margin-left: 62.5%;
1578
+ }
1579
+ .cds--offset-lg-11 {
1580
+ margin-left: 68.75%;
1581
+ }
1582
+ .cds--offset-lg-12 {
1583
+ margin-left: 75%;
1584
+ }
1585
+ .cds--offset-lg-13 {
1586
+ margin-left: 81.25%;
1587
+ }
1588
+ .cds--offset-lg-14 {
1589
+ margin-left: 87.5%;
1590
+ }
1591
+ .cds--offset-lg-15 {
1592
+ margin-left: 93.75%;
1593
+ }
1594
+ }
1595
+ .cds--col-xlg-0 {
1596
+ width: 100%;
1597
+ padding-right: 1rem;
1598
+ padding-left: 1rem;
1599
+ }
1600
+ .cds--row--condensed .cds--col-xlg-0, .cds--grid--condensed .cds--col-xlg-0 {
1601
+ padding-right: 0.03125rem;
1602
+ padding-left: 0.03125rem;
1603
+ }
1604
+ .cds--row--narrow .cds--col-xlg-0, .cds--grid--narrow .cds--col-xlg-0 {
1605
+ padding-right: 1rem;
1606
+ padding-left: 0;
1607
+ }
1608
+
1609
+ .cds--col-xlg-1 {
1610
+ width: 100%;
1611
+ padding-right: 1rem;
1612
+ padding-left: 1rem;
1613
+ }
1614
+ .cds--row--condensed .cds--col-xlg-1, .cds--grid--condensed .cds--col-xlg-1 {
1615
+ padding-right: 0.03125rem;
1616
+ padding-left: 0.03125rem;
1617
+ }
1618
+ .cds--row--narrow .cds--col-xlg-1, .cds--grid--narrow .cds--col-xlg-1 {
1619
+ padding-right: 1rem;
1620
+ padding-left: 0;
1621
+ }
1622
+
1623
+ .cds--col-xlg-2 {
1624
+ width: 100%;
1625
+ padding-right: 1rem;
1626
+ padding-left: 1rem;
1627
+ }
1628
+ .cds--row--condensed .cds--col-xlg-2, .cds--grid--condensed .cds--col-xlg-2 {
1629
+ padding-right: 0.03125rem;
1630
+ padding-left: 0.03125rem;
1631
+ }
1632
+ .cds--row--narrow .cds--col-xlg-2, .cds--grid--narrow .cds--col-xlg-2 {
1633
+ padding-right: 1rem;
1634
+ padding-left: 0;
1635
+ }
1636
+
1637
+ .cds--col-xlg-3 {
1638
+ width: 100%;
1639
+ padding-right: 1rem;
1640
+ padding-left: 1rem;
1641
+ }
1642
+ .cds--row--condensed .cds--col-xlg-3, .cds--grid--condensed .cds--col-xlg-3 {
1643
+ padding-right: 0.03125rem;
1644
+ padding-left: 0.03125rem;
1645
+ }
1646
+ .cds--row--narrow .cds--col-xlg-3, .cds--grid--narrow .cds--col-xlg-3 {
1647
+ padding-right: 1rem;
1648
+ padding-left: 0;
1649
+ }
1650
+
1651
+ .cds--col-xlg-4 {
1652
+ width: 100%;
1653
+ padding-right: 1rem;
1654
+ padding-left: 1rem;
1655
+ }
1656
+ .cds--row--condensed .cds--col-xlg-4, .cds--grid--condensed .cds--col-xlg-4 {
1657
+ padding-right: 0.03125rem;
1658
+ padding-left: 0.03125rem;
1659
+ }
1660
+ .cds--row--narrow .cds--col-xlg-4, .cds--grid--narrow .cds--col-xlg-4 {
1661
+ padding-right: 1rem;
1662
+ padding-left: 0;
1663
+ }
1664
+
1665
+ .cds--col-xlg-5 {
1666
+ width: 100%;
1667
+ padding-right: 1rem;
1668
+ padding-left: 1rem;
1669
+ }
1670
+ .cds--row--condensed .cds--col-xlg-5, .cds--grid--condensed .cds--col-xlg-5 {
1671
+ padding-right: 0.03125rem;
1672
+ padding-left: 0.03125rem;
1673
+ }
1674
+ .cds--row--narrow .cds--col-xlg-5, .cds--grid--narrow .cds--col-xlg-5 {
1675
+ padding-right: 1rem;
1676
+ padding-left: 0;
1677
+ }
1678
+
1679
+ .cds--col-xlg-6 {
1680
+ width: 100%;
1681
+ padding-right: 1rem;
1682
+ padding-left: 1rem;
1683
+ }
1684
+ .cds--row--condensed .cds--col-xlg-6, .cds--grid--condensed .cds--col-xlg-6 {
1685
+ padding-right: 0.03125rem;
1686
+ padding-left: 0.03125rem;
1687
+ }
1688
+ .cds--row--narrow .cds--col-xlg-6, .cds--grid--narrow .cds--col-xlg-6 {
1689
+ padding-right: 1rem;
1690
+ padding-left: 0;
1691
+ }
1692
+
1693
+ .cds--col-xlg-7 {
1694
+ width: 100%;
1695
+ padding-right: 1rem;
1696
+ padding-left: 1rem;
1697
+ }
1698
+ .cds--row--condensed .cds--col-xlg-7, .cds--grid--condensed .cds--col-xlg-7 {
1699
+ padding-right: 0.03125rem;
1700
+ padding-left: 0.03125rem;
1701
+ }
1702
+ .cds--row--narrow .cds--col-xlg-7, .cds--grid--narrow .cds--col-xlg-7 {
1703
+ padding-right: 1rem;
1704
+ padding-left: 0;
1705
+ }
1706
+
1707
+ .cds--col-xlg-8 {
1708
+ width: 100%;
1709
+ padding-right: 1rem;
1710
+ padding-left: 1rem;
1711
+ }
1712
+ .cds--row--condensed .cds--col-xlg-8, .cds--grid--condensed .cds--col-xlg-8 {
1713
+ padding-right: 0.03125rem;
1714
+ padding-left: 0.03125rem;
1715
+ }
1716
+ .cds--row--narrow .cds--col-xlg-8, .cds--grid--narrow .cds--col-xlg-8 {
1717
+ padding-right: 1rem;
1718
+ padding-left: 0;
1719
+ }
1720
+
1721
+ .cds--col-xlg-9 {
1722
+ width: 100%;
1723
+ padding-right: 1rem;
1724
+ padding-left: 1rem;
1725
+ }
1726
+ .cds--row--condensed .cds--col-xlg-9, .cds--grid--condensed .cds--col-xlg-9 {
1727
+ padding-right: 0.03125rem;
1728
+ padding-left: 0.03125rem;
1729
+ }
1730
+ .cds--row--narrow .cds--col-xlg-9, .cds--grid--narrow .cds--col-xlg-9 {
1731
+ padding-right: 1rem;
1732
+ padding-left: 0;
1733
+ }
1734
+
1735
+ .cds--col-xlg-10 {
1736
+ width: 100%;
1737
+ padding-right: 1rem;
1738
+ padding-left: 1rem;
1739
+ }
1740
+ .cds--row--condensed .cds--col-xlg-10, .cds--grid--condensed .cds--col-xlg-10 {
1741
+ padding-right: 0.03125rem;
1742
+ padding-left: 0.03125rem;
1743
+ }
1744
+ .cds--row--narrow .cds--col-xlg-10, .cds--grid--narrow .cds--col-xlg-10 {
1745
+ padding-right: 1rem;
1746
+ padding-left: 0;
1747
+ }
1748
+
1749
+ .cds--col-xlg-11 {
1750
+ width: 100%;
1751
+ padding-right: 1rem;
1752
+ padding-left: 1rem;
1753
+ }
1754
+ .cds--row--condensed .cds--col-xlg-11, .cds--grid--condensed .cds--col-xlg-11 {
1755
+ padding-right: 0.03125rem;
1756
+ padding-left: 0.03125rem;
1757
+ }
1758
+ .cds--row--narrow .cds--col-xlg-11, .cds--grid--narrow .cds--col-xlg-11 {
1759
+ padding-right: 1rem;
1760
+ padding-left: 0;
1761
+ }
1762
+
1763
+ .cds--col-xlg-12 {
1764
+ width: 100%;
1765
+ padding-right: 1rem;
1766
+ padding-left: 1rem;
1767
+ }
1768
+ .cds--row--condensed .cds--col-xlg-12, .cds--grid--condensed .cds--col-xlg-12 {
1769
+ padding-right: 0.03125rem;
1770
+ padding-left: 0.03125rem;
1771
+ }
1772
+ .cds--row--narrow .cds--col-xlg-12, .cds--grid--narrow .cds--col-xlg-12 {
1773
+ padding-right: 1rem;
1774
+ padding-left: 0;
1775
+ }
1776
+
1777
+ .cds--col-xlg-13 {
1778
+ width: 100%;
1779
+ padding-right: 1rem;
1780
+ padding-left: 1rem;
1781
+ }
1782
+ .cds--row--condensed .cds--col-xlg-13, .cds--grid--condensed .cds--col-xlg-13 {
1783
+ padding-right: 0.03125rem;
1784
+ padding-left: 0.03125rem;
1785
+ }
1786
+ .cds--row--narrow .cds--col-xlg-13, .cds--grid--narrow .cds--col-xlg-13 {
1787
+ padding-right: 1rem;
1788
+ padding-left: 0;
1789
+ }
1790
+
1791
+ .cds--col-xlg-14 {
1792
+ width: 100%;
1793
+ padding-right: 1rem;
1794
+ padding-left: 1rem;
1795
+ }
1796
+ .cds--row--condensed .cds--col-xlg-14, .cds--grid--condensed .cds--col-xlg-14 {
1797
+ padding-right: 0.03125rem;
1798
+ padding-left: 0.03125rem;
1799
+ }
1800
+ .cds--row--narrow .cds--col-xlg-14, .cds--grid--narrow .cds--col-xlg-14 {
1801
+ padding-right: 1rem;
1802
+ padding-left: 0;
1803
+ }
1804
+
1805
+ .cds--col-xlg-15 {
1806
+ width: 100%;
1807
+ padding-right: 1rem;
1808
+ padding-left: 1rem;
1809
+ }
1810
+ .cds--row--condensed .cds--col-xlg-15, .cds--grid--condensed .cds--col-xlg-15 {
1811
+ padding-right: 0.03125rem;
1812
+ padding-left: 0.03125rem;
1813
+ }
1814
+ .cds--row--narrow .cds--col-xlg-15, .cds--grid--narrow .cds--col-xlg-15 {
1815
+ padding-right: 1rem;
1816
+ padding-left: 0;
1817
+ }
1818
+
1819
+ .cds--col-xlg-16 {
1820
+ width: 100%;
1821
+ padding-right: 1rem;
1822
+ padding-left: 1rem;
1823
+ }
1824
+ .cds--row--condensed .cds--col-xlg-16, .cds--grid--condensed .cds--col-xlg-16 {
1825
+ padding-right: 0.03125rem;
1826
+ padding-left: 0.03125rem;
1827
+ }
1828
+ .cds--row--narrow .cds--col-xlg-16, .cds--grid--narrow .cds--col-xlg-16 {
1829
+ padding-right: 1rem;
1830
+ padding-left: 0;
1831
+ }
1832
+
1833
+ .cds--col-xlg,
1834
+ .cds--col-xlg--auto {
1835
+ width: 100%;
1836
+ padding-right: 1rem;
1837
+ padding-left: 1rem;
1838
+ }
1839
+ .cds--row--condensed .cds--col-xlg, .cds--grid--condensed .cds--col-xlg,
1840
+ .cds--row--condensed .cds--col-xlg--auto,
1841
+ .cds--grid--condensed .cds--col-xlg--auto {
1842
+ padding-right: 0.03125rem;
1843
+ padding-left: 0.03125rem;
1844
+ }
1845
+ .cds--row--narrow .cds--col-xlg, .cds--grid--narrow .cds--col-xlg,
1846
+ .cds--row--narrow .cds--col-xlg--auto,
1847
+ .cds--grid--narrow .cds--col-xlg--auto {
1848
+ padding-right: 1rem;
1849
+ padding-left: 0;
1850
+ }
1851
+
1852
+ @media (min-width: 82rem) {
1853
+ .cds--col,
1854
+ .cds--col-xlg {
1855
+ max-width: 100%;
1856
+ flex-basis: 0;
1857
+ flex-grow: 1;
1858
+ }
1859
+ .cds--col--auto,
1860
+ .cds--col-xlg--auto {
1861
+ width: auto;
1862
+ max-width: 100%;
1863
+ flex: 1 0 0%;
1864
+ }
1865
+ .cds--col-xlg-0 {
1866
+ display: none;
1867
+ }
1868
+ .cds--col-xlg-1 {
1869
+ display: block;
1870
+ max-width: 6.25%;
1871
+ flex: 0 0 6.25%;
1872
+ }
1873
+ .cds--col-xlg-2 {
1874
+ display: block;
1875
+ max-width: 12.5%;
1876
+ flex: 0 0 12.5%;
1877
+ }
1878
+ .cds--col-xlg-3 {
1879
+ display: block;
1880
+ max-width: 18.75%;
1881
+ flex: 0 0 18.75%;
1882
+ }
1883
+ .cds--col-xlg-4 {
1884
+ display: block;
1885
+ max-width: 25%;
1886
+ flex: 0 0 25%;
1887
+ }
1888
+ .cds--col-xlg-5 {
1889
+ display: block;
1890
+ max-width: 31.25%;
1891
+ flex: 0 0 31.25%;
1892
+ }
1893
+ .cds--col-xlg-6 {
1894
+ display: block;
1895
+ max-width: 37.5%;
1896
+ flex: 0 0 37.5%;
1897
+ }
1898
+ .cds--col-xlg-7 {
1899
+ display: block;
1900
+ max-width: 43.75%;
1901
+ flex: 0 0 43.75%;
1902
+ }
1903
+ .cds--col-xlg-8 {
1904
+ display: block;
1905
+ max-width: 50%;
1906
+ flex: 0 0 50%;
1907
+ }
1908
+ .cds--col-xlg-9 {
1909
+ display: block;
1910
+ max-width: 56.25%;
1911
+ flex: 0 0 56.25%;
1912
+ }
1913
+ .cds--col-xlg-10 {
1914
+ display: block;
1915
+ max-width: 62.5%;
1916
+ flex: 0 0 62.5%;
1917
+ }
1918
+ .cds--col-xlg-11 {
1919
+ display: block;
1920
+ max-width: 68.75%;
1921
+ flex: 0 0 68.75%;
1922
+ }
1923
+ .cds--col-xlg-12 {
1924
+ display: block;
1925
+ max-width: 75%;
1926
+ flex: 0 0 75%;
1927
+ }
1928
+ .cds--col-xlg-13 {
1929
+ display: block;
1930
+ max-width: 81.25%;
1931
+ flex: 0 0 81.25%;
1932
+ }
1933
+ .cds--col-xlg-14 {
1934
+ display: block;
1935
+ max-width: 87.5%;
1936
+ flex: 0 0 87.5%;
1937
+ }
1938
+ .cds--col-xlg-15 {
1939
+ display: block;
1940
+ max-width: 93.75%;
1941
+ flex: 0 0 93.75%;
1942
+ }
1943
+ .cds--col-xlg-16 {
1944
+ display: block;
1945
+ max-width: 100%;
1946
+ flex: 0 0 100%;
1947
+ }
1948
+ .cds--offset-xlg-0 {
1949
+ margin-left: 0;
1950
+ }
1951
+ .cds--offset-xlg-1 {
1952
+ margin-left: 6.25%;
1953
+ }
1954
+ .cds--offset-xlg-2 {
1955
+ margin-left: 12.5%;
1956
+ }
1957
+ .cds--offset-xlg-3 {
1958
+ margin-left: 18.75%;
1959
+ }
1960
+ .cds--offset-xlg-4 {
1961
+ margin-left: 25%;
1962
+ }
1963
+ .cds--offset-xlg-5 {
1964
+ margin-left: 31.25%;
1965
+ }
1966
+ .cds--offset-xlg-6 {
1967
+ margin-left: 37.5%;
1968
+ }
1969
+ .cds--offset-xlg-7 {
1970
+ margin-left: 43.75%;
1971
+ }
1972
+ .cds--offset-xlg-8 {
1973
+ margin-left: 50%;
1974
+ }
1975
+ .cds--offset-xlg-9 {
1976
+ margin-left: 56.25%;
1977
+ }
1978
+ .cds--offset-xlg-10 {
1979
+ margin-left: 62.5%;
1980
+ }
1981
+ .cds--offset-xlg-11 {
1982
+ margin-left: 68.75%;
1983
+ }
1984
+ .cds--offset-xlg-12 {
1985
+ margin-left: 75%;
1986
+ }
1987
+ .cds--offset-xlg-13 {
1988
+ margin-left: 81.25%;
1989
+ }
1990
+ .cds--offset-xlg-14 {
1991
+ margin-left: 87.5%;
1992
+ }
1993
+ .cds--offset-xlg-15 {
1994
+ margin-left: 93.75%;
1995
+ }
1996
+ }
1997
+ .cds--col-max-0 {
1998
+ width: 100%;
1999
+ padding-right: 1rem;
2000
+ padding-left: 1rem;
2001
+ }
2002
+ .cds--row--condensed .cds--col-max-0, .cds--grid--condensed .cds--col-max-0 {
2003
+ padding-right: 0.03125rem;
2004
+ padding-left: 0.03125rem;
2005
+ }
2006
+ .cds--row--narrow .cds--col-max-0, .cds--grid--narrow .cds--col-max-0 {
2007
+ padding-right: 1rem;
2008
+ padding-left: 0;
2009
+ }
2010
+
2011
+ .cds--col-max-1 {
2012
+ width: 100%;
2013
+ padding-right: 1rem;
2014
+ padding-left: 1rem;
2015
+ }
2016
+ .cds--row--condensed .cds--col-max-1, .cds--grid--condensed .cds--col-max-1 {
2017
+ padding-right: 0.03125rem;
2018
+ padding-left: 0.03125rem;
2019
+ }
2020
+ .cds--row--narrow .cds--col-max-1, .cds--grid--narrow .cds--col-max-1 {
2021
+ padding-right: 1rem;
2022
+ padding-left: 0;
2023
+ }
2024
+
2025
+ .cds--col-max-2 {
2026
+ width: 100%;
2027
+ padding-right: 1rem;
2028
+ padding-left: 1rem;
2029
+ }
2030
+ .cds--row--condensed .cds--col-max-2, .cds--grid--condensed .cds--col-max-2 {
2031
+ padding-right: 0.03125rem;
2032
+ padding-left: 0.03125rem;
2033
+ }
2034
+ .cds--row--narrow .cds--col-max-2, .cds--grid--narrow .cds--col-max-2 {
2035
+ padding-right: 1rem;
2036
+ padding-left: 0;
2037
+ }
2038
+
2039
+ .cds--col-max-3 {
2040
+ width: 100%;
2041
+ padding-right: 1rem;
2042
+ padding-left: 1rem;
2043
+ }
2044
+ .cds--row--condensed .cds--col-max-3, .cds--grid--condensed .cds--col-max-3 {
2045
+ padding-right: 0.03125rem;
2046
+ padding-left: 0.03125rem;
2047
+ }
2048
+ .cds--row--narrow .cds--col-max-3, .cds--grid--narrow .cds--col-max-3 {
2049
+ padding-right: 1rem;
2050
+ padding-left: 0;
2051
+ }
2052
+
2053
+ .cds--col-max-4 {
2054
+ width: 100%;
2055
+ padding-right: 1rem;
2056
+ padding-left: 1rem;
2057
+ }
2058
+ .cds--row--condensed .cds--col-max-4, .cds--grid--condensed .cds--col-max-4 {
2059
+ padding-right: 0.03125rem;
2060
+ padding-left: 0.03125rem;
2061
+ }
2062
+ .cds--row--narrow .cds--col-max-4, .cds--grid--narrow .cds--col-max-4 {
2063
+ padding-right: 1rem;
2064
+ padding-left: 0;
2065
+ }
2066
+
2067
+ .cds--col-max-5 {
2068
+ width: 100%;
2069
+ padding-right: 1rem;
2070
+ padding-left: 1rem;
2071
+ }
2072
+ .cds--row--condensed .cds--col-max-5, .cds--grid--condensed .cds--col-max-5 {
2073
+ padding-right: 0.03125rem;
2074
+ padding-left: 0.03125rem;
2075
+ }
2076
+ .cds--row--narrow .cds--col-max-5, .cds--grid--narrow .cds--col-max-5 {
2077
+ padding-right: 1rem;
2078
+ padding-left: 0;
2079
+ }
2080
+
2081
+ .cds--col-max-6 {
2082
+ width: 100%;
2083
+ padding-right: 1rem;
2084
+ padding-left: 1rem;
2085
+ }
2086
+ .cds--row--condensed .cds--col-max-6, .cds--grid--condensed .cds--col-max-6 {
2087
+ padding-right: 0.03125rem;
2088
+ padding-left: 0.03125rem;
2089
+ }
2090
+ .cds--row--narrow .cds--col-max-6, .cds--grid--narrow .cds--col-max-6 {
2091
+ padding-right: 1rem;
2092
+ padding-left: 0;
2093
+ }
2094
+
2095
+ .cds--col-max-7 {
2096
+ width: 100%;
2097
+ padding-right: 1rem;
2098
+ padding-left: 1rem;
2099
+ }
2100
+ .cds--row--condensed .cds--col-max-7, .cds--grid--condensed .cds--col-max-7 {
2101
+ padding-right: 0.03125rem;
2102
+ padding-left: 0.03125rem;
2103
+ }
2104
+ .cds--row--narrow .cds--col-max-7, .cds--grid--narrow .cds--col-max-7 {
2105
+ padding-right: 1rem;
2106
+ padding-left: 0;
2107
+ }
2108
+
2109
+ .cds--col-max-8 {
2110
+ width: 100%;
2111
+ padding-right: 1rem;
2112
+ padding-left: 1rem;
2113
+ }
2114
+ .cds--row--condensed .cds--col-max-8, .cds--grid--condensed .cds--col-max-8 {
2115
+ padding-right: 0.03125rem;
2116
+ padding-left: 0.03125rem;
2117
+ }
2118
+ .cds--row--narrow .cds--col-max-8, .cds--grid--narrow .cds--col-max-8 {
2119
+ padding-right: 1rem;
2120
+ padding-left: 0;
2121
+ }
2122
+
2123
+ .cds--col-max-9 {
2124
+ width: 100%;
2125
+ padding-right: 1rem;
2126
+ padding-left: 1rem;
2127
+ }
2128
+ .cds--row--condensed .cds--col-max-9, .cds--grid--condensed .cds--col-max-9 {
2129
+ padding-right: 0.03125rem;
2130
+ padding-left: 0.03125rem;
2131
+ }
2132
+ .cds--row--narrow .cds--col-max-9, .cds--grid--narrow .cds--col-max-9 {
2133
+ padding-right: 1rem;
2134
+ padding-left: 0;
2135
+ }
2136
+
2137
+ .cds--col-max-10 {
2138
+ width: 100%;
2139
+ padding-right: 1rem;
2140
+ padding-left: 1rem;
2141
+ }
2142
+ .cds--row--condensed .cds--col-max-10, .cds--grid--condensed .cds--col-max-10 {
2143
+ padding-right: 0.03125rem;
2144
+ padding-left: 0.03125rem;
2145
+ }
2146
+ .cds--row--narrow .cds--col-max-10, .cds--grid--narrow .cds--col-max-10 {
2147
+ padding-right: 1rem;
2148
+ padding-left: 0;
2149
+ }
2150
+
2151
+ .cds--col-max-11 {
2152
+ width: 100%;
2153
+ padding-right: 1rem;
2154
+ padding-left: 1rem;
2155
+ }
2156
+ .cds--row--condensed .cds--col-max-11, .cds--grid--condensed .cds--col-max-11 {
2157
+ padding-right: 0.03125rem;
2158
+ padding-left: 0.03125rem;
2159
+ }
2160
+ .cds--row--narrow .cds--col-max-11, .cds--grid--narrow .cds--col-max-11 {
2161
+ padding-right: 1rem;
2162
+ padding-left: 0;
2163
+ }
2164
+
2165
+ .cds--col-max-12 {
2166
+ width: 100%;
2167
+ padding-right: 1rem;
2168
+ padding-left: 1rem;
2169
+ }
2170
+ .cds--row--condensed .cds--col-max-12, .cds--grid--condensed .cds--col-max-12 {
2171
+ padding-right: 0.03125rem;
2172
+ padding-left: 0.03125rem;
2173
+ }
2174
+ .cds--row--narrow .cds--col-max-12, .cds--grid--narrow .cds--col-max-12 {
2175
+ padding-right: 1rem;
2176
+ padding-left: 0;
2177
+ }
2178
+
2179
+ .cds--col-max-13 {
2180
+ width: 100%;
2181
+ padding-right: 1rem;
2182
+ padding-left: 1rem;
2183
+ }
2184
+ .cds--row--condensed .cds--col-max-13, .cds--grid--condensed .cds--col-max-13 {
2185
+ padding-right: 0.03125rem;
2186
+ padding-left: 0.03125rem;
2187
+ }
2188
+ .cds--row--narrow .cds--col-max-13, .cds--grid--narrow .cds--col-max-13 {
2189
+ padding-right: 1rem;
2190
+ padding-left: 0;
2191
+ }
2192
+
2193
+ .cds--col-max-14 {
2194
+ width: 100%;
2195
+ padding-right: 1rem;
2196
+ padding-left: 1rem;
2197
+ }
2198
+ .cds--row--condensed .cds--col-max-14, .cds--grid--condensed .cds--col-max-14 {
2199
+ padding-right: 0.03125rem;
2200
+ padding-left: 0.03125rem;
2201
+ }
2202
+ .cds--row--narrow .cds--col-max-14, .cds--grid--narrow .cds--col-max-14 {
2203
+ padding-right: 1rem;
2204
+ padding-left: 0;
2205
+ }
2206
+
2207
+ .cds--col-max-15 {
2208
+ width: 100%;
2209
+ padding-right: 1rem;
2210
+ padding-left: 1rem;
2211
+ }
2212
+ .cds--row--condensed .cds--col-max-15, .cds--grid--condensed .cds--col-max-15 {
2213
+ padding-right: 0.03125rem;
2214
+ padding-left: 0.03125rem;
2215
+ }
2216
+ .cds--row--narrow .cds--col-max-15, .cds--grid--narrow .cds--col-max-15 {
2217
+ padding-right: 1rem;
2218
+ padding-left: 0;
2219
+ }
2220
+
2221
+ .cds--col-max-16 {
2222
+ width: 100%;
2223
+ padding-right: 1rem;
2224
+ padding-left: 1rem;
2225
+ }
2226
+ .cds--row--condensed .cds--col-max-16, .cds--grid--condensed .cds--col-max-16 {
2227
+ padding-right: 0.03125rem;
2228
+ padding-left: 0.03125rem;
2229
+ }
2230
+ .cds--row--narrow .cds--col-max-16, .cds--grid--narrow .cds--col-max-16 {
2231
+ padding-right: 1rem;
2232
+ padding-left: 0;
2233
+ }
2234
+
2235
+ .cds--col-max,
2236
+ .cds--col-max--auto {
2237
+ width: 100%;
2238
+ padding-right: 1rem;
2239
+ padding-left: 1rem;
2240
+ }
2241
+ .cds--row--condensed .cds--col-max, .cds--grid--condensed .cds--col-max,
2242
+ .cds--row--condensed .cds--col-max--auto,
2243
+ .cds--grid--condensed .cds--col-max--auto {
2244
+ padding-right: 0.03125rem;
2245
+ padding-left: 0.03125rem;
2246
+ }
2247
+ .cds--row--narrow .cds--col-max, .cds--grid--narrow .cds--col-max,
2248
+ .cds--row--narrow .cds--col-max--auto,
2249
+ .cds--grid--narrow .cds--col-max--auto {
2250
+ padding-right: 1rem;
2251
+ padding-left: 0;
2252
+ }
2253
+
2254
+ @media (min-width: 99rem) {
2255
+ .cds--col,
2256
+ .cds--col-max {
2257
+ max-width: 100%;
2258
+ flex-basis: 0;
2259
+ flex-grow: 1;
2260
+ }
2261
+ .cds--col--auto,
2262
+ .cds--col-max--auto {
2263
+ width: auto;
2264
+ max-width: 100%;
2265
+ flex: 1 0 0%;
2266
+ }
2267
+ .cds--col-max-0 {
2268
+ display: none;
2269
+ }
2270
+ .cds--col-max-1 {
2271
+ display: block;
2272
+ max-width: 6.25%;
2273
+ flex: 0 0 6.25%;
2274
+ }
2275
+ .cds--col-max-2 {
2276
+ display: block;
2277
+ max-width: 12.5%;
2278
+ flex: 0 0 12.5%;
2279
+ }
2280
+ .cds--col-max-3 {
2281
+ display: block;
2282
+ max-width: 18.75%;
2283
+ flex: 0 0 18.75%;
2284
+ }
2285
+ .cds--col-max-4 {
2286
+ display: block;
2287
+ max-width: 25%;
2288
+ flex: 0 0 25%;
2289
+ }
2290
+ .cds--col-max-5 {
2291
+ display: block;
2292
+ max-width: 31.25%;
2293
+ flex: 0 0 31.25%;
2294
+ }
2295
+ .cds--col-max-6 {
2296
+ display: block;
2297
+ max-width: 37.5%;
2298
+ flex: 0 0 37.5%;
2299
+ }
2300
+ .cds--col-max-7 {
2301
+ display: block;
2302
+ max-width: 43.75%;
2303
+ flex: 0 0 43.75%;
2304
+ }
2305
+ .cds--col-max-8 {
2306
+ display: block;
2307
+ max-width: 50%;
2308
+ flex: 0 0 50%;
2309
+ }
2310
+ .cds--col-max-9 {
2311
+ display: block;
2312
+ max-width: 56.25%;
2313
+ flex: 0 0 56.25%;
2314
+ }
2315
+ .cds--col-max-10 {
2316
+ display: block;
2317
+ max-width: 62.5%;
2318
+ flex: 0 0 62.5%;
2319
+ }
2320
+ .cds--col-max-11 {
2321
+ display: block;
2322
+ max-width: 68.75%;
2323
+ flex: 0 0 68.75%;
2324
+ }
2325
+ .cds--col-max-12 {
2326
+ display: block;
2327
+ max-width: 75%;
2328
+ flex: 0 0 75%;
2329
+ }
2330
+ .cds--col-max-13 {
2331
+ display: block;
2332
+ max-width: 81.25%;
2333
+ flex: 0 0 81.25%;
2334
+ }
2335
+ .cds--col-max-14 {
2336
+ display: block;
2337
+ max-width: 87.5%;
2338
+ flex: 0 0 87.5%;
2339
+ }
2340
+ .cds--col-max-15 {
2341
+ display: block;
2342
+ max-width: 93.75%;
2343
+ flex: 0 0 93.75%;
2344
+ }
2345
+ .cds--col-max-16 {
2346
+ display: block;
2347
+ max-width: 100%;
2348
+ flex: 0 0 100%;
2349
+ }
2350
+ .cds--offset-max-0 {
2351
+ margin-left: 0;
2352
+ }
2353
+ .cds--offset-max-1 {
2354
+ margin-left: 6.25%;
2355
+ }
2356
+ .cds--offset-max-2 {
2357
+ margin-left: 12.5%;
2358
+ }
2359
+ .cds--offset-max-3 {
2360
+ margin-left: 18.75%;
2361
+ }
2362
+ .cds--offset-max-4 {
2363
+ margin-left: 25%;
2364
+ }
2365
+ .cds--offset-max-5 {
2366
+ margin-left: 31.25%;
2367
+ }
2368
+ .cds--offset-max-6 {
2369
+ margin-left: 37.5%;
2370
+ }
2371
+ .cds--offset-max-7 {
2372
+ margin-left: 43.75%;
2373
+ }
2374
+ .cds--offset-max-8 {
2375
+ margin-left: 50%;
2376
+ }
2377
+ .cds--offset-max-9 {
2378
+ margin-left: 56.25%;
2379
+ }
2380
+ .cds--offset-max-10 {
2381
+ margin-left: 62.5%;
2382
+ }
2383
+ .cds--offset-max-11 {
2384
+ margin-left: 68.75%;
2385
+ }
2386
+ .cds--offset-max-12 {
2387
+ margin-left: 75%;
2388
+ }
2389
+ .cds--offset-max-13 {
2390
+ margin-left: 81.25%;
2391
+ }
2392
+ .cds--offset-max-14 {
2393
+ margin-left: 87.5%;
2394
+ }
2395
+ .cds--offset-max-15 {
2396
+ margin-left: 93.75%;
2397
+ }
2398
+ }
2399
+ .cds--no-gutter,
2400
+ .cds--row.cds--no-gutter [class*=cds--col] {
2401
+ padding-right: 0;
2402
+ padding-left: 0;
2403
+ }
2404
+
2405
+ .cds--no-gutter--start,
2406
+ .cds--row.cds--no-gutter--start [class*=cds--col] {
2407
+ padding-left: 0;
2408
+ }
2409
+
2410
+ .cds--no-gutter--end,
2411
+ .cds--row.cds--no-gutter--end [class*=cds--col] {
2412
+ padding-right: 0;
2413
+ }
2414
+
2415
+ .cds--hang--start {
2416
+ padding-left: 1rem;
2417
+ }
2418
+
2419
+ .cds--hang--end {
2420
+ padding-right: 1rem;
2421
+ }
2422
+
2423
+ .flatpickr-calendar {
2424
+ background: transparent;
2425
+ opacity: 0;
2426
+ display: none;
2427
+ text-align: center;
2428
+ visibility: hidden;
2429
+ padding: 0;
2430
+ -webkit-animation: none;
2431
+ animation: none;
2432
+ direction: ltr;
2433
+ border: 0;
2434
+ font-size: 14px;
2435
+ line-height: 24px;
2436
+ border-radius: 5px;
2437
+ position: absolute;
2438
+ width: 307.875px;
2439
+ -webkit-box-sizing: border-box;
2440
+ box-sizing: border-box;
2441
+ -ms-touch-action: manipulation;
2442
+ touch-action: manipulation;
2443
+ -webkit-box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
2444
+ box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
2445
+ }
2446
+
2447
+ .flatpickr-calendar.open,
2448
+ .flatpickr-calendar.inline {
2449
+ opacity: 1;
2450
+ max-height: 640px;
2451
+ visibility: visible;
2452
+ }
2453
+
2454
+ .flatpickr-calendar.open {
2455
+ display: inline-block;
2456
+ z-index: 99999;
2457
+ }
2458
+
2459
+ .flatpickr-calendar.animate.open {
2460
+ -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
2461
+ animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
2462
+ }
2463
+
2464
+ .flatpickr-calendar.inline {
2465
+ display: block;
2466
+ position: relative;
2467
+ top: 2px;
2468
+ }
2469
+
2470
+ .flatpickr-calendar.static {
2471
+ position: absolute;
2472
+ top: calc(100% + 2px);
2473
+ }
2474
+
2475
+ .flatpickr-calendar.static.open {
2476
+ z-index: 999;
2477
+ display: block;
2478
+ }
2479
+
2480
+ .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
2481
+ -webkit-box-shadow: none !important;
2482
+ box-shadow: none !important;
2483
+ }
2484
+
2485
+ .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
2486
+ -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
2487
+ box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
2488
+ }
2489
+
2490
+ .flatpickr-calendar .hasWeeks .dayContainer,
2491
+ .flatpickr-calendar .hasTime .dayContainer {
2492
+ border-bottom: 0;
2493
+ border-bottom-right-radius: 0;
2494
+ border-bottom-left-radius: 0;
2495
+ }
2496
+
2497
+ .flatpickr-calendar .hasWeeks .dayContainer {
2498
+ border-left: 0;
2499
+ }
2500
+
2501
+ .flatpickr-calendar.hasTime .flatpickr-time {
2502
+ height: 40px;
2503
+ border-top: 1px solid #eceef1;
2504
+ }
2505
+
2506
+ .flatpickr-calendar.hasTime .flatpickr-innerContainer {
2507
+ border-bottom: 0;
2508
+ }
2509
+
2510
+ .flatpickr-calendar.hasTime .flatpickr-time {
2511
+ border: 1px solid #eceef1;
2512
+ }
2513
+
2514
+ .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
2515
+ height: auto;
2516
+ }
2517
+
2518
+ .flatpickr-calendar:before,
2519
+ .flatpickr-calendar:after {
2520
+ position: absolute;
2521
+ display: block;
2522
+ pointer-events: none;
2523
+ border: solid transparent;
2524
+ content: "";
2525
+ height: 0;
2526
+ width: 0;
2527
+ left: 22px;
2528
+ }
2529
+
2530
+ .flatpickr-calendar.rightMost:before,
2531
+ .flatpickr-calendar.arrowRight:before,
2532
+ .flatpickr-calendar.rightMost:after,
2533
+ .flatpickr-calendar.arrowRight:after {
2534
+ left: auto;
2535
+ right: 22px;
2536
+ }
2537
+
2538
+ .flatpickr-calendar.arrowCenter:before,
2539
+ .flatpickr-calendar.arrowCenter:after {
2540
+ left: 50%;
2541
+ right: 50%;
2542
+ }
2543
+
2544
+ .flatpickr-calendar:before {
2545
+ border-width: 5px;
2546
+ margin: 0 -5px;
2547
+ }
2548
+
2549
+ .flatpickr-calendar:after {
2550
+ border-width: 4px;
2551
+ margin: 0 -4px;
2552
+ }
2553
+
2554
+ .flatpickr-calendar.arrowTop:before,
2555
+ .flatpickr-calendar.arrowTop:after {
2556
+ bottom: 100%;
2557
+ }
2558
+
2559
+ .flatpickr-calendar.arrowTop:before {
2560
+ border-bottom-color: #eceef1;
2561
+ }
2562
+
2563
+ .flatpickr-calendar.arrowTop:after {
2564
+ border-bottom-color: #eceef1;
2565
+ }
2566
+
2567
+ .flatpickr-calendar.arrowBottom:before,
2568
+ .flatpickr-calendar.arrowBottom:after {
2569
+ top: 100%;
2570
+ }
2571
+
2572
+ .flatpickr-calendar.arrowBottom:before {
2573
+ border-top-color: #eceef1;
2574
+ }
2575
+
2576
+ .flatpickr-calendar.arrowBottom:after {
2577
+ border-top-color: #eceef1;
2578
+ }
2579
+
2580
+ .flatpickr-calendar:focus {
2581
+ outline: 0;
2582
+ }
2583
+
2584
+ .flatpickr-wrapper {
2585
+ position: relative;
2586
+ display: inline-block;
2587
+ }
2588
+
2589
+ .flatpickr-months {
2590
+ display: -webkit-box;
2591
+ display: -webkit-flex;
2592
+ display: -ms-flexbox;
2593
+ display: flex;
2594
+ }
2595
+
2596
+ .flatpickr-months .flatpickr-month {
2597
+ border-radius: 5px 5px 0 0;
2598
+ background: #eceef1;
2599
+ color: #5a6171;
2600
+ fill: #5a6171;
2601
+ height: 34px;
2602
+ line-height: 1;
2603
+ text-align: center;
2604
+ position: relative;
2605
+ -webkit-user-select: none;
2606
+ -moz-user-select: none;
2607
+ -ms-user-select: none;
2608
+ user-select: none;
2609
+ overflow: hidden;
2610
+ -webkit-box-flex: 1;
2611
+ -webkit-flex: 1;
2612
+ -ms-flex: 1;
2613
+ flex: 1;
2614
+ }
2615
+
2616
+ .flatpickr-months .flatpickr-prev-month,
2617
+ .flatpickr-months .flatpickr-next-month {
2618
+ -webkit-user-select: none;
2619
+ -moz-user-select: none;
2620
+ -ms-user-select: none;
2621
+ user-select: none;
2622
+ text-decoration: none;
2623
+ cursor: pointer;
2624
+ position: absolute;
2625
+ top: 0;
2626
+ height: 34px;
2627
+ padding: 10px;
2628
+ z-index: 3;
2629
+ color: #5a6171;
2630
+ fill: #5a6171;
2631
+ }
2632
+
2633
+ .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
2634
+ .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
2635
+ display: none;
2636
+ }
2637
+
2638
+ .flatpickr-months .flatpickr-prev-month i,
2639
+ .flatpickr-months .flatpickr-next-month i {
2640
+ position: relative;
2641
+ }
2642
+
2643
+ .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
2644
+ .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
2645
+ /*
2646
+ /*rtl:begin:ignore*/
2647
+ /*
2648
+ */
2649
+ left: 0;
2650
+ /*
2651
+ /*rtl:end:ignore*/
2652
+ /*
2653
+ */
2654
+ }
2655
+
2656
+ /*
2657
+ /*rtl:begin:ignore*/
2658
+ /*
2659
+ /*rtl:end:ignore*/
2660
+ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
2661
+ .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
2662
+ /*
2663
+ /*rtl:begin:ignore*/
2664
+ /*
2665
+ */
2666
+ right: 0;
2667
+ /*
2668
+ /*rtl:end:ignore*/
2669
+ /*
2670
+ */
2671
+ }
2672
+
2673
+ /*
2674
+ /*rtl:begin:ignore*/
2675
+ /*
2676
+ /*rtl:end:ignore*/
2677
+ .flatpickr-months .flatpickr-prev-month:hover,
2678
+ .flatpickr-months .flatpickr-next-month:hover {
2679
+ color: #bbb;
2680
+ }
2681
+
2682
+ .flatpickr-months .flatpickr-prev-month:hover svg,
2683
+ .flatpickr-months .flatpickr-next-month:hover svg {
2684
+ fill: #f64747;
2685
+ }
2686
+
2687
+ .flatpickr-months .flatpickr-prev-month svg,
2688
+ .flatpickr-months .flatpickr-next-month svg {
2689
+ width: 14px;
2690
+ height: 14px;
2691
+ }
2692
+
2693
+ .flatpickr-months .flatpickr-prev-month svg path,
2694
+ .flatpickr-months .flatpickr-next-month svg path {
2695
+ -webkit-transition: fill 0.1s;
2696
+ transition: fill 0.1s;
2697
+ fill: inherit;
2698
+ }
2699
+
2700
+ .numInputWrapper {
2701
+ position: relative;
2702
+ height: auto;
2703
+ }
2704
+
2705
+ .numInputWrapper input,
2706
+ .numInputWrapper span {
2707
+ display: inline-block;
2708
+ }
2709
+
2710
+ .numInputWrapper input {
2711
+ width: 100%;
2712
+ }
2713
+
2714
+ .numInputWrapper input::-ms-clear {
2715
+ display: none;
2716
+ }
2717
+
2718
+ .numInputWrapper input::-webkit-outer-spin-button,
2719
+ .numInputWrapper input::-webkit-inner-spin-button {
2720
+ margin: 0;
2721
+ -webkit-appearance: none;
2722
+ }
2723
+
2724
+ .numInputWrapper span {
2725
+ position: absolute;
2726
+ right: 0;
2727
+ width: 14px;
2728
+ padding: 0 4px 0 2px;
2729
+ height: 50%;
2730
+ line-height: 50%;
2731
+ opacity: 0;
2732
+ cursor: pointer;
2733
+ border: 1px solid rgba(72, 72, 72, 0.15);
2734
+ -webkit-box-sizing: border-box;
2735
+ box-sizing: border-box;
2736
+ }
2737
+
2738
+ .numInputWrapper span:hover {
2739
+ background: rgba(0, 0, 0, 0.1);
2740
+ }
2741
+
2742
+ .numInputWrapper span:active {
2743
+ background: rgba(0, 0, 0, 0.2);
2744
+ }
2745
+
2746
+ .numInputWrapper span:after {
2747
+ display: block;
2748
+ content: "";
2749
+ position: absolute;
2750
+ }
2751
+
2752
+ .numInputWrapper span.arrowUp {
2753
+ top: 0;
2754
+ border-bottom: 0;
2755
+ }
2756
+
2757
+ .numInputWrapper span.arrowUp:after {
2758
+ border-left: 4px solid transparent;
2759
+ border-right: 4px solid transparent;
2760
+ border-bottom: 4px solid rgba(72, 72, 72, 0.6);
2761
+ top: 26%;
2762
+ }
2763
+
2764
+ .numInputWrapper span.arrowDown {
2765
+ top: 50%;
2766
+ }
2767
+
2768
+ .numInputWrapper span.arrowDown:after {
2769
+ border-left: 4px solid transparent;
2770
+ border-right: 4px solid transparent;
2771
+ border-top: 4px solid rgba(72, 72, 72, 0.6);
2772
+ top: 40%;
2773
+ }
2774
+
2775
+ .numInputWrapper span svg {
2776
+ width: inherit;
2777
+ height: auto;
2778
+ }
2779
+
2780
+ .numInputWrapper span svg path {
2781
+ fill: rgba(90, 97, 113, 0.5);
2782
+ }
2783
+
2784
+ .numInputWrapper:hover {
2785
+ background: rgba(0, 0, 0, 0.05);
2786
+ }
2787
+
2788
+ .numInputWrapper:hover span {
2789
+ opacity: 1;
2790
+ }
2791
+
2792
+ .flatpickr-current-month {
2793
+ font-size: 135%;
2794
+ line-height: inherit;
2795
+ font-weight: 300;
2796
+ color: inherit;
2797
+ position: absolute;
2798
+ width: 75%;
2799
+ left: 12.5%;
2800
+ padding: 7.48px 0 0 0;
2801
+ line-height: 1;
2802
+ height: 34px;
2803
+ display: inline-block;
2804
+ text-align: center;
2805
+ -webkit-transform: translate3d(0px, 0px, 0px);
2806
+ transform: translate3d(0px, 0px, 0px);
2807
+ }
2808
+
2809
+ .flatpickr-current-month span.cur-month {
2810
+ font-family: inherit;
2811
+ font-weight: 700;
2812
+ color: inherit;
2813
+ display: inline-block;
2814
+ margin-left: 0.5ch;
2815
+ padding: 0;
2816
+ }
2817
+
2818
+ .flatpickr-current-month span.cur-month:hover {
2819
+ background: rgba(0, 0, 0, 0.05);
2820
+ }
2821
+
2822
+ .flatpickr-current-month .numInputWrapper {
2823
+ width: 6ch;
2824
+ width: 7ch\0 ;
2825
+ display: inline-block;
2826
+ }
2827
+
2828
+ .flatpickr-current-month .numInputWrapper span.arrowUp:after {
2829
+ border-bottom-color: #5a6171;
2830
+ }
2831
+
2832
+ .flatpickr-current-month .numInputWrapper span.arrowDown:after {
2833
+ border-top-color: #5a6171;
2834
+ }
2835
+
2836
+ .flatpickr-current-month input.cur-year {
2837
+ background: transparent;
2838
+ -webkit-box-sizing: border-box;
2839
+ box-sizing: border-box;
2840
+ color: inherit;
2841
+ cursor: text;
2842
+ padding: 0 0 0 0.5ch;
2843
+ margin: 0;
2844
+ display: inline-block;
2845
+ font-size: inherit;
2846
+ font-family: inherit;
2847
+ font-weight: 300;
2848
+ line-height: inherit;
2849
+ height: auto;
2850
+ border: 0;
2851
+ border-radius: 0;
2852
+ vertical-align: initial;
2853
+ -webkit-appearance: textfield;
2854
+ -moz-appearance: textfield;
2855
+ appearance: textfield;
2856
+ }
2857
+
2858
+ .flatpickr-current-month input.cur-year:focus {
2859
+ outline: 0;
2860
+ }
2861
+
2862
+ .flatpickr-current-month input.cur-year[disabled],
2863
+ .flatpickr-current-month input.cur-year[disabled]:hover {
2864
+ font-size: 100%;
2865
+ color: rgba(90, 97, 113, 0.5);
2866
+ background: transparent;
2867
+ pointer-events: none;
2868
+ }
2869
+
2870
+ .flatpickr-current-month .flatpickr-monthDropdown-months {
2871
+ appearance: menulist;
2872
+ background: #eceef1;
2873
+ border: none;
2874
+ border-radius: 0;
2875
+ box-sizing: border-box;
2876
+ color: inherit;
2877
+ cursor: pointer;
2878
+ font-size: inherit;
2879
+ font-family: inherit;
2880
+ font-weight: 300;
2881
+ height: auto;
2882
+ line-height: inherit;
2883
+ margin: -1px 0 0 0;
2884
+ outline: none;
2885
+ padding: 0 0 0 0.5ch;
2886
+ position: relative;
2887
+ vertical-align: initial;
2888
+ -webkit-box-sizing: border-box;
2889
+ -webkit-appearance: menulist;
2890
+ -moz-appearance: menulist;
2891
+ width: auto;
2892
+ }
2893
+
2894
+ .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
2895
+ .flatpickr-current-month .flatpickr-monthDropdown-months:active {
2896
+ outline: none;
2897
+ }
2898
+
2899
+ .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
2900
+ background: rgba(0, 0, 0, 0.05);
2901
+ }
2902
+
2903
+ .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
2904
+ background-color: #eceef1;
2905
+ outline: none;
2906
+ padding: 0;
2907
+ }
2908
+
2909
+ .flatpickr-weekdays {
2910
+ background: #eceef1;
2911
+ text-align: center;
2912
+ overflow: hidden;
2913
+ width: 100%;
2914
+ display: -webkit-box;
2915
+ display: -webkit-flex;
2916
+ display: -ms-flexbox;
2917
+ display: flex;
2918
+ -webkit-box-align: center;
2919
+ -webkit-align-items: center;
2920
+ -ms-flex-align: center;
2921
+ align-items: center;
2922
+ height: 28px;
2923
+ }
2924
+
2925
+ .flatpickr-weekdays .flatpickr-weekdaycontainer {
2926
+ display: -webkit-box;
2927
+ display: -webkit-flex;
2928
+ display: -ms-flexbox;
2929
+ display: flex;
2930
+ -webkit-box-flex: 1;
2931
+ -webkit-flex: 1;
2932
+ -ms-flex: 1;
2933
+ flex: 1;
2934
+ }
2935
+
2936
+ span.flatpickr-weekday {
2937
+ cursor: default;
2938
+ font-size: 90%;
2939
+ background: #eceef1;
2940
+ color: #5a6171;
2941
+ line-height: 1;
2942
+ margin: 0;
2943
+ text-align: center;
2944
+ display: block;
2945
+ -webkit-box-flex: 1;
2946
+ -webkit-flex: 1;
2947
+ -ms-flex: 1;
2948
+ flex: 1;
2949
+ font-weight: bolder;
2950
+ }
2951
+
2952
+ .dayContainer,
2953
+ .flatpickr-weeks {
2954
+ padding: 1px 0 0 0;
2955
+ }
2956
+
2957
+ .flatpickr-days {
2958
+ position: relative;
2959
+ overflow: hidden;
2960
+ display: -webkit-box;
2961
+ display: -webkit-flex;
2962
+ display: -ms-flexbox;
2963
+ display: flex;
2964
+ -webkit-box-align: start;
2965
+ -webkit-align-items: flex-start;
2966
+ -ms-flex-align: start;
2967
+ align-items: flex-start;
2968
+ width: 307.875px;
2969
+ border-left: 1px solid #eceef1;
2970
+ border-right: 1px solid #eceef1;
2971
+ }
2972
+
2973
+ .flatpickr-days:focus {
2974
+ outline: 0;
2975
+ }
2976
+
2977
+ .dayContainer {
2978
+ padding: 0;
2979
+ outline: 0;
2980
+ text-align: left;
2981
+ width: 307.875px;
2982
+ min-width: 307.875px;
2983
+ max-width: 307.875px;
2984
+ -webkit-box-sizing: border-box;
2985
+ box-sizing: border-box;
2986
+ display: inline-block;
2987
+ display: -ms-flexbox;
2988
+ display: -webkit-box;
2989
+ display: -webkit-flex;
2990
+ display: flex;
2991
+ -webkit-flex-wrap: wrap;
2992
+ flex-wrap: wrap;
2993
+ -ms-flex-wrap: wrap;
2994
+ -ms-flex-pack: justify;
2995
+ -webkit-justify-content: space-around;
2996
+ justify-content: space-around;
2997
+ -webkit-transform: translate3d(0px, 0px, 0px);
2998
+ transform: translate3d(0px, 0px, 0px);
2999
+ opacity: 1;
3000
+ }
3001
+
3002
+ .dayContainer + .dayContainer {
3003
+ -webkit-box-shadow: -1px 0 0 #eceef1;
3004
+ box-shadow: -1px 0 0 #eceef1;
3005
+ }
3006
+
3007
+ .flatpickr-day {
3008
+ background: none;
3009
+ border: 1px solid transparent;
3010
+ border-radius: 150px;
3011
+ -webkit-box-sizing: border-box;
3012
+ box-sizing: border-box;
3013
+ color: #484848;
3014
+ cursor: pointer;
3015
+ font-weight: 400;
3016
+ width: 14.2857143%;
3017
+ -webkit-flex-basis: 14.2857143%;
3018
+ -ms-flex-preferred-size: 14.2857143%;
3019
+ flex-basis: 14.2857143%;
3020
+ max-width: 39px;
3021
+ height: 39px;
3022
+ line-height: 39px;
3023
+ margin: 0;
3024
+ display: inline-block;
3025
+ position: relative;
3026
+ -webkit-box-pack: center;
3027
+ -webkit-justify-content: center;
3028
+ -ms-flex-pack: center;
3029
+ justify-content: center;
3030
+ text-align: center;
3031
+ }
3032
+
3033
+ .flatpickr-day.inRange,
3034
+ .flatpickr-day.prevMonthDay.inRange,
3035
+ .flatpickr-day.nextMonthDay.inRange,
3036
+ .flatpickr-day.today.inRange,
3037
+ .flatpickr-day.prevMonthDay.today.inRange,
3038
+ .flatpickr-day.nextMonthDay.today.inRange,
3039
+ .flatpickr-day:hover,
3040
+ .flatpickr-day.prevMonthDay:hover,
3041
+ .flatpickr-day.nextMonthDay:hover,
3042
+ .flatpickr-day:focus,
3043
+ .flatpickr-day.prevMonthDay:focus,
3044
+ .flatpickr-day.nextMonthDay:focus {
3045
+ cursor: pointer;
3046
+ outline: 0;
3047
+ background: #e2e2e2;
3048
+ border-color: #e2e2e2;
3049
+ }
3050
+
3051
+ .flatpickr-day.today {
3052
+ border-color: #bbb;
3053
+ }
3054
+
3055
+ .flatpickr-day.today:hover,
3056
+ .flatpickr-day.today:focus {
3057
+ border-color: #bbb;
3058
+ background: #bbb;
3059
+ color: #fff;
3060
+ }
3061
+
3062
+ .flatpickr-day.selected,
3063
+ .flatpickr-day.startRange,
3064
+ .flatpickr-day.endRange,
3065
+ .flatpickr-day.selected.inRange,
3066
+ .flatpickr-day.startRange.inRange,
3067
+ .flatpickr-day.endRange.inRange,
3068
+ .flatpickr-day.selected:focus,
3069
+ .flatpickr-day.startRange:focus,
3070
+ .flatpickr-day.endRange:focus,
3071
+ .flatpickr-day.selected:hover,
3072
+ .flatpickr-day.startRange:hover,
3073
+ .flatpickr-day.endRange:hover,
3074
+ .flatpickr-day.selected.prevMonthDay,
3075
+ .flatpickr-day.startRange.prevMonthDay,
3076
+ .flatpickr-day.endRange.prevMonthDay,
3077
+ .flatpickr-day.selected.nextMonthDay,
3078
+ .flatpickr-day.startRange.nextMonthDay,
3079
+ .flatpickr-day.endRange.nextMonthDay {
3080
+ background: #ff5a5f;
3081
+ -webkit-box-shadow: none;
3082
+ box-shadow: none;
3083
+ color: #fff;
3084
+ border-color: #ff5a5f;
3085
+ }
3086
+
3087
+ .flatpickr-day.selected.startRange,
3088
+ .flatpickr-day.startRange.startRange,
3089
+ .flatpickr-day.endRange.startRange {
3090
+ border-radius: 50px 0 0 50px;
3091
+ }
3092
+
3093
+ .flatpickr-day.selected.endRange,
3094
+ .flatpickr-day.startRange.endRange,
3095
+ .flatpickr-day.endRange.endRange {
3096
+ border-radius: 0 50px 50px 0;
3097
+ }
3098
+
3099
+ .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
3100
+ .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
3101
+ .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
3102
+ -webkit-box-shadow: -10px 0 0 #ff5a5f;
3103
+ box-shadow: -10px 0 0 #ff5a5f;
3104
+ }
3105
+
3106
+ .flatpickr-day.selected.startRange.endRange,
3107
+ .flatpickr-day.startRange.startRange.endRange,
3108
+ .flatpickr-day.endRange.startRange.endRange {
3109
+ border-radius: 50px;
3110
+ }
3111
+
3112
+ .flatpickr-day.inRange {
3113
+ border-radius: 0;
3114
+ -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
3115
+ box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
3116
+ }
3117
+
3118
+ .flatpickr-day.flatpickr-disabled,
3119
+ .flatpickr-day.flatpickr-disabled:hover,
3120
+ .flatpickr-day.prevMonthDay,
3121
+ .flatpickr-day.nextMonthDay,
3122
+ .flatpickr-day.notAllowed,
3123
+ .flatpickr-day.notAllowed.prevMonthDay,
3124
+ .flatpickr-day.notAllowed.nextMonthDay {
3125
+ color: rgba(72, 72, 72, 0.3);
3126
+ background: transparent;
3127
+ border-color: transparent;
3128
+ cursor: default;
3129
+ }
3130
+
3131
+ .flatpickr-day.flatpickr-disabled,
3132
+ .flatpickr-day.flatpickr-disabled:hover {
3133
+ cursor: not-allowed;
3134
+ color: rgba(72, 72, 72, 0.1);
3135
+ }
3136
+
3137
+ .flatpickr-day.week.selected {
3138
+ border-radius: 0;
3139
+ -webkit-box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f;
3140
+ box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f;
3141
+ }
3142
+
3143
+ .flatpickr-day.hidden {
3144
+ visibility: hidden;
3145
+ }
3146
+
3147
+ .rangeMode .flatpickr-day {
3148
+ margin-top: 1px;
3149
+ }
3150
+
3151
+ .flatpickr-weekwrapper {
3152
+ float: left;
3153
+ }
3154
+
3155
+ .flatpickr-weekwrapper .flatpickr-weeks {
3156
+ padding: 0 12px;
3157
+ border-left: 1px solid #eceef1;
3158
+ }
3159
+
3160
+ .flatpickr-weekwrapper .flatpickr-weekday {
3161
+ float: none;
3162
+ width: 100%;
3163
+ line-height: 28px;
3164
+ }
3165
+
3166
+ .flatpickr-weekwrapper span.flatpickr-day,
3167
+ .flatpickr-weekwrapper span.flatpickr-day:hover {
3168
+ display: block;
3169
+ width: 100%;
3170
+ max-width: none;
3171
+ color: rgba(72, 72, 72, 0.3);
3172
+ background: transparent;
3173
+ cursor: default;
3174
+ border: none;
3175
+ }
3176
+
3177
+ .flatpickr-innerContainer {
3178
+ display: block;
3179
+ display: -webkit-box;
3180
+ display: -webkit-flex;
3181
+ display: -ms-flexbox;
3182
+ display: flex;
3183
+ -webkit-box-sizing: border-box;
3184
+ box-sizing: border-box;
3185
+ overflow: hidden;
3186
+ background: #fff;
3187
+ border-bottom: 1px solid #eceef1;
3188
+ }
3189
+
3190
+ .flatpickr-rContainer {
3191
+ display: inline-block;
3192
+ padding: 0;
3193
+ -webkit-box-sizing: border-box;
3194
+ box-sizing: border-box;
3195
+ }
3196
+
3197
+ .flatpickr-time {
3198
+ text-align: center;
3199
+ outline: 0;
3200
+ display: block;
3201
+ height: 0;
3202
+ line-height: 40px;
3203
+ max-height: 40px;
3204
+ -webkit-box-sizing: border-box;
3205
+ box-sizing: border-box;
3206
+ overflow: hidden;
3207
+ display: -webkit-box;
3208
+ display: -webkit-flex;
3209
+ display: -ms-flexbox;
3210
+ display: flex;
3211
+ background: #fff;
3212
+ border-radius: 0 0 5px 5px;
3213
+ }
3214
+
3215
+ .flatpickr-time:after {
3216
+ content: "";
3217
+ display: table;
3218
+ clear: both;
3219
+ }
3220
+
3221
+ .flatpickr-time .numInputWrapper {
3222
+ -webkit-box-flex: 1;
3223
+ -webkit-flex: 1;
3224
+ -ms-flex: 1;
3225
+ flex: 1;
3226
+ width: 40%;
3227
+ height: 40px;
3228
+ float: left;
3229
+ }
3230
+
3231
+ .flatpickr-time .numInputWrapper span.arrowUp:after {
3232
+ border-bottom-color: #484848;
3233
+ }
3234
+
3235
+ .flatpickr-time .numInputWrapper span.arrowDown:after {
3236
+ border-top-color: #484848;
3237
+ }
3238
+
3239
+ .flatpickr-time.hasSeconds .numInputWrapper {
3240
+ width: 26%;
3241
+ }
3242
+
3243
+ .flatpickr-time.time24hr .numInputWrapper {
3244
+ width: 49%;
3245
+ }
3246
+
3247
+ .flatpickr-time input {
3248
+ background: transparent;
3249
+ -webkit-box-shadow: none;
3250
+ box-shadow: none;
3251
+ border: 0;
3252
+ border-radius: 0;
3253
+ text-align: center;
3254
+ margin: 0;
3255
+ padding: 0;
3256
+ height: inherit;
3257
+ line-height: inherit;
3258
+ color: #484848;
3259
+ font-size: 14px;
3260
+ position: relative;
3261
+ -webkit-box-sizing: border-box;
3262
+ box-sizing: border-box;
3263
+ -webkit-appearance: textfield;
3264
+ -moz-appearance: textfield;
3265
+ appearance: textfield;
3266
+ }
3267
+
3268
+ .flatpickr-time input.flatpickr-hour {
3269
+ font-weight: bold;
3270
+ }
3271
+
3272
+ .flatpickr-time input.flatpickr-minute,
3273
+ .flatpickr-time input.flatpickr-second {
3274
+ font-weight: 400;
3275
+ }
3276
+
3277
+ .flatpickr-time input:focus {
3278
+ outline: 0;
3279
+ border: 0;
3280
+ }
3281
+
3282
+ .flatpickr-time .flatpickr-time-separator,
3283
+ .flatpickr-time .flatpickr-am-pm {
3284
+ height: inherit;
3285
+ float: left;
3286
+ line-height: inherit;
3287
+ color: #484848;
3288
+ font-weight: bold;
3289
+ width: 2%;
3290
+ -webkit-user-select: none;
3291
+ -moz-user-select: none;
3292
+ -ms-user-select: none;
3293
+ user-select: none;
3294
+ -webkit-align-self: center;
3295
+ -ms-flex-item-align: center;
3296
+ align-self: center;
3297
+ }
3298
+
3299
+ .flatpickr-time .flatpickr-am-pm {
3300
+ outline: 0;
3301
+ width: 18%;
3302
+ cursor: pointer;
3303
+ text-align: center;
3304
+ font-weight: 400;
3305
+ }
3306
+
3307
+ .flatpickr-time input:hover,
3308
+ .flatpickr-time .flatpickr-am-pm:hover,
3309
+ .flatpickr-time input:focus,
3310
+ .flatpickr-time .flatpickr-am-pm:focus {
3311
+ background: #eaeaea;
3312
+ }
3313
+
3314
+ .flatpickr-input[readonly] {
3315
+ cursor: pointer;
3316
+ }
3317
+
3318
+ @-webkit-keyframes fpFadeInDown {
3319
+ from {
3320
+ opacity: 0;
3321
+ -webkit-transform: translate3d(0, -20px, 0);
3322
+ transform: translate3d(0, -20px, 0);
3323
+ }
3324
+ to {
3325
+ opacity: 1;
3326
+ -webkit-transform: translate3d(0, 0, 0);
3327
+ transform: translate3d(0, 0, 0);
3328
+ }
3329
+ }
3330
+ @keyframes fpFadeInDown {
3331
+ from {
3332
+ opacity: 0;
3333
+ -webkit-transform: translate3d(0, -20px, 0);
3334
+ transform: translate3d(0, -20px, 0);
3335
+ }
3336
+ to {
3337
+ opacity: 1;
3338
+ -webkit-transform: translate3d(0, 0, 0);
3339
+ transform: translate3d(0, 0, 0);
3340
+ }
3341
+ }
3342
+ span.flatpickr-day.selected {
3343
+ font-weight: bold;
3344
+ }