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

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