@elliemae/ds-basic 3.41.2-rc.1 → 3.42.0-rc.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 (7) hide show
  1. package/dist/css/dimsum.css +4 -4
  2. package/dist/css/dimsum.min.css.map +1 -1
  3. package/dist/styles/components/packages/ds-basic/styles/components/index.scss +888 -889
  4. package/dist/styles/components/packages/ds-wysiwygeditor/DSWYSIWYGEditor.scss +2 -0
  5. package/dist/styles/components/packages/ds-wysiwygeditor/components/DSWYSIWYGEditorImpl.scss +1307 -0
  6. package/dist/styles/components/packages/ds-wysiwygeditor/components/InsertFieldModal.scss +62 -0
  7. package/package.json +2 -2
package/dist/styles/components/packages/ds-basic/styles/components/index.scss CHANGED
@@ -5,898 +5,897 @@
5
5
  * react-dates start *
6
6
  ********************************************************************* */
7
7
  .PresetDateRangePicker_panel {
8
- padding: 0 22px 11px
9
- }
10
- .PresetDateRangePicker_button {
11
- position: relative;
12
- height: 100%;
13
- text-align: center;
14
- background: 0 0;
15
- border: 2px solid #00a699;
16
- color: #00a699;
17
- padding: 4px 12px;
18
- margin-right: 8px;
19
- font: inherit;
20
- font-weight: 700;
21
- line-height: normal;
22
- overflow: visible;
23
- -moz-box-sizing: border-box;
24
- box-sizing: border-box;
25
- cursor: pointer
26
- }
27
- .PresetDateRangePicker_button:active {
28
- outline: 0
29
- }
30
- .PresetDateRangePicker_button__selected {
31
- color: #fff;
32
- background: #00a699
33
- }
34
- .SingleDatePickerInput {
35
- display: inline-block;
36
- background-color: #fff
37
- }
38
- .SingleDatePickerInput__withBorder {
39
- border-radius: 2px;
40
- border: 1px solid #dbdbdb
41
- }
42
- .SingleDatePickerInput__rtl {
43
- direction: rtl
44
- }
45
- .SingleDatePickerInput__disabled {
46
- background-color: #f2f2f2
47
- }
48
- .SingleDatePickerInput__block {
49
- display: block
50
- }
51
- .SingleDatePickerInput__showClearDate {
52
- padding-right: 30px
53
- }
54
- .SingleDatePickerInput_clearDate {
55
- background: 0 0;
56
- border: 0;
57
- color: inherit;
58
- font: inherit;
59
- line-height: normal;
60
- overflow: visible;
61
- cursor: pointer;
62
- padding: 10px;
63
- margin: 0 10px 0 5px;
64
- position: absolute;
65
- right: 0;
66
- top: 50%;
67
- -webkit-transform: translateY(-50%);
68
- -ms-transform: translateY(-50%);
69
- transform: translateY(-50%)
70
- }
71
- .SingleDatePickerInput_clearDate__default:focus,
72
- .SingleDatePickerInput_clearDate__default:hover {
73
- background: #dbdbdb;
74
- border-radius: 50%
75
- }
76
- .SingleDatePickerInput_clearDate__small {
77
- padding: 6px
78
- }
79
- .SingleDatePickerInput_clearDate__hide {
80
- visibility: hidden
81
- }
82
- .SingleDatePickerInput_clearDate_svg {
83
- fill: #82888a;
84
- height: 12px;
85
- width: 15px;
86
- vertical-align: middle
87
- }
88
- .SingleDatePickerInput_clearDate_svg__small {
89
- height: 9px
90
- }
91
- .SingleDatePickerInput_calendarIcon {
92
- background: 0 0;
93
- border: 0;
94
- color: inherit;
95
- font: inherit;
96
- line-height: normal;
97
- overflow: visible;
98
- cursor: pointer;
99
- display: inline-block;
100
- vertical-align: middle;
101
- padding: 10px;
102
- margin: 0 5px 0 10px
103
- }
104
- .SingleDatePickerInput_calendarIcon_svg {
105
- fill: #82888a;
106
- height: 15px;
107
- width: 14px;
108
- vertical-align: middle
109
- }
110
- .SingleDatePicker {
111
- position: relative;
112
- display: inline-block
113
- }
114
- .SingleDatePicker__block {
115
- display: block
116
- }
117
- .SingleDatePicker_picker {
118
- z-index: 1;
119
- background-color: #fff;
120
- position: absolute
121
- }
122
- .SingleDatePicker_picker__rtl {
123
- direction: rtl
124
- }
125
- .SingleDatePicker_picker__directionLeft {
126
- left: 0
127
- }
128
- .SingleDatePicker_picker__directionRight {
129
- right: 0
130
- }
131
- .SingleDatePicker_picker__portal {
132
- background-color: rgba(0,0,0,.3);
133
- position: fixed;
134
- top: 0;
135
- left: 0;
136
- height: 100%;
137
- width: 100%
138
- }
139
- .SingleDatePicker_picker__fullScreenPortal {
140
- background-color: #fff
141
- }
142
- .SingleDatePicker_closeButton {
143
- background: 0 0;
144
- border: 0;
145
- color: inherit;
146
- font: inherit;
147
- line-height: normal;
148
- overflow: visible;
149
- cursor: pointer;
150
- position: absolute;
151
- top: 0;
152
- right: 0;
153
- padding: 15px;
154
- z-index: 2
155
- }
156
- .SingleDatePicker_closeButton:focus,
157
- .SingleDatePicker_closeButton:hover {
158
- color: darken(#cacccd,10%);
159
- text-decoration: none
160
- }
161
- .SingleDatePicker_closeButton_svg {
162
- height: 15px;
163
- width: 15px;
164
- fill: #cacccd
165
- }
166
- .DayPickerKeyboardShortcuts_buttonReset {
167
- background: 0 0;
168
- border: 0;
169
- border-radius: 0;
170
- color: inherit;
171
- font: inherit;
172
- line-height: normal;
173
- overflow: visible;
174
- padding: 0;
175
- cursor: pointer;
176
- font-size: 14px
177
- }
178
- .DayPickerKeyboardShortcuts_buttonReset:active {
179
- outline: 0
180
- }
181
- .DayPickerKeyboardShortcuts_show {
182
- width: 33px;
183
- height: 26px;
184
- position: absolute;
185
- z-index: 2
186
- }
187
- .DayPickerKeyboardShortcuts_show::before {
188
- content: "";
189
- display: block;
190
- position: absolute
191
- }
192
- .DayPickerKeyboardShortcuts_show__bottomRight {
193
- bottom: 0;
194
- right: 0
195
- }
196
- .DayPickerKeyboardShortcuts_show__bottomRight::before {
197
- border-top: 26px solid transparent;
198
- border-right: 33px solid #00a699;
199
- bottom: 0;
200
- right: 0
201
- }
202
- .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
203
- border-right: 33px solid #008489
204
- }
205
- .DayPickerKeyboardShortcuts_show__topRight {
206
- top: 0;
207
- right: 0
208
- }
209
- .DayPickerKeyboardShortcuts_show__topRight::before {
210
- border-bottom: 26px solid transparent;
211
- border-right: 33px solid #00a699;
212
- top: 0;
213
- right: 0
214
- }
215
- .DayPickerKeyboardShortcuts_show__topRight:hover::before {
216
- border-right: 33px solid #008489
217
- }
218
- .DayPickerKeyboardShortcuts_show__topLeft {
219
- top: 0;
220
- left: 0
221
- }
222
- .DayPickerKeyboardShortcuts_show__topLeft::before {
223
- border-bottom: 26px solid transparent;
224
- border-left: 33px solid #00a699;
225
- top: 0;
226
- left: 0
227
- }
228
- .DayPickerKeyboardShortcuts_show__topLeft:hover::before {
229
- border-left: 33px solid #008489
230
- }
231
- .DayPickerKeyboardShortcuts_showSpan {
232
- color: #fff;
233
- position: absolute
234
- }
235
- .DayPickerKeyboardShortcuts_showSpan__bottomRight {
236
- bottom: 0;
237
- right: 5px
238
- }
239
- .DayPickerKeyboardShortcuts_showSpan__topRight {
240
- top: 1px;
241
- right: 5px
242
- }
243
- .DayPickerKeyboardShortcuts_showSpan__topLeft {
244
- top: 1px;
245
- left: 5px
246
- }
247
- .DayPickerKeyboardShortcuts_panel {
248
- overflow: auto;
249
- background: #fff;
250
- border: 1px solid #dbdbdb;
251
- border-radius: 2px;
252
- position: absolute;
253
- top: 0;
254
- bottom: 0;
255
- right: 0;
256
- left: 0;
257
- z-index: 2;
258
- padding: 22px;
259
- margin: 33px;
260
- text-align: left
261
- }
262
- .DayPickerKeyboardShortcuts_title {
263
- font-size: 16px;
264
- font-weight: 700;
265
- margin: 0
266
- }
267
- .DayPickerKeyboardShortcuts_list {
268
- list-style: none;
269
- padding: 0;
270
- font-size: 14px
271
- }
272
- .DayPickerKeyboardShortcuts_close {
273
- position: absolute;
274
- right: 22px;
275
- top: 22px;
276
- z-index: 2
277
- }
278
- .DayPickerKeyboardShortcuts_close:active {
279
- outline: 0
280
- }
281
- .DayPickerKeyboardShortcuts_closeSvg {
282
- height: 15px;
283
- width: 15px;
284
- fill: #cacccd
285
- }
286
- .DayPickerKeyboardShortcuts_closeSvg:focus,
287
- .DayPickerKeyboardShortcuts_closeSvg:hover {
288
- fill: #82888a
289
- }
290
- .CalendarDay {
291
- -moz-box-sizing: border-box;
292
- box-sizing: border-box;
293
- cursor: pointer;
294
- font-size: 14px;
295
- text-align: center
296
- }
297
- .CalendarDay:active {
298
- outline: 0
299
- }
300
- .CalendarDay__defaultCursor {
301
- cursor: default
302
- }
303
- .CalendarDay__default {
304
- border: 1px solid #e4e7e7;
305
- color: #484848;
306
- background: #fff
307
- }
308
- .CalendarDay__default:hover {
309
- background: #e4e7e7;
310
- border: 1px solid #e4e7e7;
311
- color: inherit
312
- }
313
- .CalendarDay__hovered_offset {
314
- background: #f4f5f5;
315
- border: 1px double #e4e7e7;
316
- color: inherit
317
- }
318
- .CalendarDay__outside {
319
- border: 0;
320
- background: #fff;
321
- color: #484848
322
- }
323
- .CalendarDay__outside:hover {
324
- border: 0
325
- }
326
- .CalendarDay__blocked_minimum_nights {
327
- background: #fff;
328
- border: 1px solid #eceeee;
329
- color: #cacccd
330
- }
331
- .CalendarDay__blocked_minimum_nights:active,
332
- .CalendarDay__blocked_minimum_nights:hover {
333
- background: #fff;
334
- color: #cacccd
335
- }
336
- .CalendarDay__highlighted_calendar {
337
- background: #ffe8bc;
338
- color: #484848
339
- }
340
- .CalendarDay__highlighted_calendar:active,
341
- .CalendarDay__highlighted_calendar:hover {
342
- background: #ffce71;
343
- color: #484848
344
- }
345
- .CalendarDay__selected_span {
346
- background: #66e2da;
347
- border: 1px double #33dacd;
348
- color: #fff
349
- }
350
- .CalendarDay__selected_span:active,
351
- .CalendarDay__selected_span:hover {
352
- background: #33dacd;
353
- border: 1px double #33dacd;
354
- color: #fff
355
- }
356
- .CalendarDay__selected,
357
- .CalendarDay__selected:active,
358
- .CalendarDay__selected:hover {
359
- background: #00a699;
360
- border: 1px double #00a699;
361
- color: #fff
362
- }
363
- .CalendarDay__hovered_span,
364
- .CalendarDay__hovered_span:hover {
365
- background: #b2f1ec;
366
- border: 1px double #80e8e0;
367
- color: #007a87
368
- }
369
- .CalendarDay__hovered_span:active {
370
- background: #80e8e0;
371
- border: 1px double #80e8e0;
372
- color: #007a87
373
- }
374
- .CalendarDay__blocked_calendar,
375
- .CalendarDay__blocked_calendar:active,
376
- .CalendarDay__blocked_calendar:hover {
377
- background: #cacccd;
378
- border: 1px solid #cacccd;
379
- color: #82888a
380
- }
381
- .CalendarDay__blocked_out_of_range,
382
- .CalendarDay__blocked_out_of_range:active,
383
- .CalendarDay__blocked_out_of_range:hover {
384
- background: #fff;
385
- border: 1px solid #e4e7e7;
386
- color: #cacccd
387
- }
388
- .CalendarDay__hovered_start_first_possible_end {
389
- background: #eceeee;
390
- border: 1px double #eceeee
391
- }
392
- .CalendarDay__hovered_start_blocked_min_nights {
393
- background: #eceeee;
394
- border: 1px double #e4e7e7
395
- }
396
- .CalendarMonth {
397
- background: #fff;
398
- text-align: center;
399
- vertical-align: top;
400
- -webkit-user-select: none;
401
- -moz-user-select: none;
402
- -ms-user-select: none;
403
- user-select: none
404
- }
405
- .CalendarMonth_table {
406
- border-collapse: collapse;
407
- border-spacing: 0
408
- }
409
- .CalendarMonth_verticalSpacing {
410
- border-collapse: separate
411
- }
412
- .CalendarMonth_caption {
413
- color: #484848;
414
- font-size: 18px;
415
- text-align: center;
416
- padding-top: 22px;
417
- padding-bottom: 37px;
418
- caption-side: initial
419
- }
420
- .CalendarMonth_caption__verticalScrollable {
421
- padding-top: 12px;
422
- padding-bottom: 7px
423
- }
424
- .CalendarMonthGrid {
425
- background: #fff;
426
- text-align: left;
427
- z-index: 0
428
- }
429
- .CalendarMonthGrid__animating {
430
- z-index: 1
431
- }
432
- .CalendarMonthGrid__horizontal {
433
- position: absolute;
434
- left: 9px
435
- }
436
- .CalendarMonthGrid__vertical,
437
- .CalendarMonthGrid__vertical_scrollable {
438
- margin: 0 auto
439
- }
440
- .CalendarMonthGrid_month__horizontal {
441
- display: inline-block;
442
- vertical-align: top;
443
- min-height: 100%
444
- }
445
- .CalendarMonthGrid_month__hideForAnimation {
446
- position: absolute;
447
- z-index: -1;
448
- opacity: 0;
449
- pointer-events: none
450
- }
451
- .CalendarMonthGrid_month__hidden {
452
- visibility: hidden
453
- }
454
- .DayPickerNavigation {
455
- position: relative;
456
- z-index: 2
457
- }
458
- .DayPickerNavigation__horizontal {
459
- height: 0
460
- }
461
- .DayPickerNavigation__verticalScrollable_prevNav {
462
- z-index: 1
463
- }
464
- .DayPickerNavigation__verticalDefault {
465
- position: absolute;
466
- width: 100%;
467
- height: 52px;
468
- bottom: 0;
469
- left: 0
470
- }
471
- .DayPickerNavigation__verticalScrollableDefault {
472
- position: relative
473
- }
474
- .DayPickerNavigation__bottom {
475
- height: auto
476
- }
477
- .DayPickerNavigation__bottomDefault {
478
- -webkit-box-pack: justify;
479
- -ms-flex-pack: justify;
480
- display: -webkit-box;
481
- display: -moz-box;
482
- display: -ms-flexbox;
483
- display: -webkit-flex;
484
- display: flex;
485
- -webkit-justify-content: space-between;
486
- justify-content: space-between
487
- }
488
- .DayPickerNavigation_button {
489
- cursor: pointer;
490
- -webkit-user-select: none;
491
- -moz-user-select: none;
492
- -ms-user-select: none;
493
- user-select: none;
494
- border: 0;
495
- padding: 0;
496
- margin: 0
497
- }
498
- .DayPickerNavigation_button__default {
499
- border: 1px solid #e4e7e7;
500
- background-color: #fff;
501
- color: #757575
502
- }
503
- .DayPickerNavigation_button__default:focus,
504
- .DayPickerNavigation_button__default:hover {
505
- border: 1px solid #c4c4c4
506
- }
507
- .DayPickerNavigation_button__default:active {
508
- background: #f2f2f2
509
- }
510
- .DayPickerNavigation_button__disabled {
511
- cursor: default;
512
- border: 1px solid #f2f2f2
513
- }
514
- .DayPickerNavigation_button__disabled:focus,
515
- .DayPickerNavigation_button__disabled:hover {
516
- border: 1px solid #f2f2f2
517
- }
518
- .DayPickerNavigation_button__disabled:active {
519
- background: 0 0
520
- }
521
- .DayPickerNavigation_button__horizontalDefault {
522
- position: absolute;
523
- top: 18px;
524
- line-height: .78;
525
- border-radius: 3px;
526
- padding: 6px 9px
527
- }
528
- .DayPickerNavigation_bottomButton__horizontalDefault {
529
- position: static;
530
- margin: -10px 22px 30px
531
- }
532
- .DayPickerNavigation_leftButton__horizontalDefault {
533
- left: 22px
534
- }
535
- .DayPickerNavigation_rightButton__horizontalDefault {
536
- right: 22px
537
- }
538
- .DayPickerNavigation_button__verticalDefault {
539
- padding: 5px;
540
- background: #fff;
541
- box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
542
- position: relative;
543
- display: inline-block;
544
- text-align: center;
545
- height: 100%;
546
- width: 50%
547
- }
548
- .DayPickerNavigation_nextButton__verticalDefault {
549
- border-left: 0
550
- }
551
- .DayPickerNavigation_nextButton__verticalScrollableDefault,
552
- .DayPickerNavigation_prevButton__verticalScrollableDefault {
553
- width: 100%
554
- }
555
- .DayPickerNavigation_svg__horizontal {
556
- height: 19px;
557
- width: 19px;
558
- fill: #82888a;
559
- display: block
560
- }
561
- .DayPickerNavigation_svg__vertical {
562
- height: 42px;
563
- width: 42px;
564
- fill: #484848
565
- }
566
- .DayPickerNavigation_svg__disabled {
567
- fill: #f2f2f2
568
- }
569
- .DayPicker {
570
- background: #fff;
571
- position: relative;
572
- text-align: left
573
- }
574
- .DayPicker__horizontal {
575
- background: #fff
576
- }
577
- .DayPicker__verticalScrollable {
578
- height: 100%
579
- }
580
- .DayPicker__hidden {
581
- visibility: hidden
582
- }
583
- .DayPicker__withBorder {
584
- box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
585
- border-radius: 3px
586
- }
587
- .DayPicker_portal__horizontal {
588
- box-shadow: none;
589
- position: absolute;
590
- left: 50%;
591
- top: 50%
592
- }
593
- .DayPicker_portal__vertical {
594
- position: initial
595
- }
596
- .DayPicker_focusRegion {
597
- outline: 0
598
- }
599
- .DayPicker_calendarInfo__horizontal,
600
- .DayPicker_wrapper__horizontal {
601
- display: inline-block;
602
- vertical-align: top
603
- }
604
- .DayPicker_weekHeaders {
605
- position: relative
606
- }
607
- .DayPicker_weekHeaders__horizontal {
608
- margin-left: 9px
609
- }
610
- .DayPicker_weekHeader {
611
- color: #757575;
612
- position: absolute;
613
- top: 62px;
614
- z-index: 2;
615
- text-align: left
616
- }
617
- .DayPicker_weekHeader__vertical {
618
- left: 50%
619
- }
620
- .DayPicker_weekHeader__verticalScrollable {
621
- top: 0;
622
- display: table-row;
623
- border-bottom: 1px solid #dbdbdb;
624
- background: #fff;
625
- margin-left: 0;
626
- left: 0;
627
- width: 100%;
628
- text-align: center
629
- }
630
- .DayPicker_weekHeader_ul {
631
- list-style: none;
632
- margin: 1px 0;
633
- padding-left: 0;
634
- padding-right: 0;
635
- font-size: 14px
636
- }
637
- .DayPicker_weekHeader_li {
638
- display: inline-block;
639
- text-align: center
640
- }
641
- .DayPicker_transitionContainer {
642
- position: relative;
643
- overflow: hidden;
644
- border-radius: 3px
645
- }
646
- .DayPicker_transitionContainer__horizontal {
647
- -webkit-transition: height .2s ease-in-out;
648
- -moz-transition: height .2s ease-in-out;
649
- transition: height .2s ease-in-out
650
- }
651
- .DayPicker_transitionContainer__vertical {
652
- width: 100%
653
- }
654
- .DayPicker_transitionContainer__verticalScrollable {
655
- padding-top: 20px;
656
- height: 100%;
657
- position: absolute;
658
- top: 0;
659
- bottom: 0;
660
- right: 0;
661
- left: 0;
662
- overflow-y: scroll
663
- }
664
- .DateInput {
665
- margin: 0;
666
- padding: 0;
667
- background: #fff;
668
- position: relative;
669
- display: inline-block;
670
- width: 130px;
671
- vertical-align: middle
672
- }
673
- .DateInput__small {
674
- width: 97px
675
- }
676
- .DateInput__block {
677
- width: 100%
678
- }
679
- .DateInput__disabled {
680
- background: #f2f2f2;
681
- color: #dbdbdb
682
- }
683
- .DateInput_input {
684
- font-weight: 200;
685
- font-size: 19px;
686
- line-height: 24px;
687
- color: #484848;
688
- background-color: #fff;
689
- width: 100%;
690
- padding: 11px 11px 9px;
691
- border: 0;
692
- border-top: 0;
693
- border-right: 0;
694
- border-bottom: 2px solid transparent;
695
- border-left: 0;
696
- border-radius: 0
697
- }
698
- .DateInput_input__small {
699
- font-size: 15px;
700
- line-height: 18px;
701
- letter-spacing: .2px;
702
- padding: 7px 7px 5px
703
- }
704
- .DateInput_input__regular {
705
- font-weight: auto
706
- }
707
- .DateInput_input__readOnly {
708
- -webkit-user-select: none;
709
- -moz-user-select: none;
710
- -ms-user-select: none;
711
- user-select: none
712
- }
713
- .DateInput_input__focused {
714
- outline: 0;
715
- background: #fff;
716
- border: 0;
717
- border-top: 0;
718
- border-right: 0;
719
- border-bottom: 2px solid #008489;
720
- border-left: 0
721
- }
722
- .DateInput_input__disabled {
723
- background: #f2f2f2;
724
- font-style: italic
725
- }
726
- .DateInput_screenReaderMessage {
727
- border: 0;
728
- clip: rect(0,0,0,0);
729
- height: 1px;
730
- margin: -1px;
731
- overflow: hidden;
732
- padding: 0;
733
- position: absolute;
734
- width: 1px
735
- }
736
- .DateInput_fang {
737
- position: absolute;
738
- width: 20px;
739
- height: 10px;
740
- left: 22px;
741
- z-index: 2
742
- }
743
- .DateInput_fangShape {
744
- fill: #fff
745
- }
746
- .DateInput_fangStroke {
747
- stroke: #dbdbdb;
748
- fill: transparent
749
- }
750
- .DateRangePickerInput {
751
- background-color: #fff;
752
- display: inline-block
753
- }
754
- .DateRangePickerInput__disabled {
755
- background: #f2f2f2
756
- }
757
- .DateRangePickerInput__withBorder {
758
- border-radius: 2px;
759
- border: 1px solid #dbdbdb
760
- }
761
- .DateRangePickerInput__rtl {
762
- direction: rtl
763
- }
764
- .DateRangePickerInput__block {
765
- display: block
766
- }
767
- .DateRangePickerInput__showClearDates {
768
- padding-right: 30px
769
- }
770
- .DateRangePickerInput_arrow {
771
- display: inline-block;
772
- vertical-align: middle;
773
- color: #484848
774
- }
775
- .DateRangePickerInput_arrow_svg {
776
- vertical-align: middle;
777
- fill: #484848;
778
- height: 24px;
779
- width: 24px
780
- }
781
- .DateRangePickerInput_clearDates {
782
- background: 0 0;
783
- border: 0;
784
- color: inherit;
785
- font: inherit;
786
- line-height: normal;
787
- overflow: visible;
788
- cursor: pointer;
789
- padding: 10px;
790
- margin: 0 10px 0 5px;
791
- position: absolute;
792
- right: 0;
793
- top: 50%;
794
- -webkit-transform: translateY(-50%);
795
- -ms-transform: translateY(-50%);
796
- transform: translateY(-50%)
797
- }
798
- .DateRangePickerInput_clearDates__small {
799
- padding: 6px
800
- }
801
- .DateRangePickerInput_clearDates_default:focus,
802
- .DateRangePickerInput_clearDates_default:hover {
803
- background: #dbdbdb;
804
- border-radius: 50%
805
- }
806
- .DateRangePickerInput_clearDates__hide {
807
- visibility: hidden
808
- }
809
- .DateRangePickerInput_clearDates_svg {
810
- fill: #82888a;
811
- height: 12px;
812
- width: 15px;
813
- vertical-align: middle
814
- }
815
- .DateRangePickerInput_clearDates_svg__small {
816
- height: 9px
817
- }
818
- .DateRangePickerInput_calendarIcon {
819
- background: 0 0;
820
- border: 0;
821
- color: inherit;
822
- font: inherit;
823
- line-height: normal;
824
- overflow: visible;
825
- cursor: pointer;
826
- display: inline-block;
827
- vertical-align: middle;
828
- padding: 10px;
829
- margin: 0 5px 0 10px
830
- }
831
- .DateRangePickerInput_calendarIcon_svg {
832
- fill: #82888a;
833
- height: 15px;
834
- width: 14px;
835
- vertical-align: middle
836
- }
837
- .DateRangePicker {
838
- position: relative;
839
- display: inline-block
840
- }
841
- .DateRangePicker__block {
842
- display: block
843
- }
844
- .DateRangePicker_picker {
845
- z-index: 1;
846
- background-color: #fff;
847
- position: absolute
848
- }
849
- .DateRangePicker_picker__rtl {
850
- direction: rtl
851
- }
852
- .DateRangePicker_picker__directionLeft {
853
- left: 0
854
- }
855
- .DateRangePicker_picker__directionRight {
856
- right: 0
857
- }
858
- .DateRangePicker_picker__portal {
859
- background-color: rgba(0,0,0,.3);
860
- position: fixed;
861
- top: 0;
862
- left: 0;
863
- height: 100%;
864
- width: 100%
865
- }
866
- .DateRangePicker_picker__fullScreenPortal {
867
- background-color: #fff
868
- }
869
- .DateRangePicker_closeButton {
870
- background: 0 0;
871
- border: 0;
872
- color: inherit;
873
- font: inherit;
874
- line-height: normal;
875
- overflow: visible;
876
- cursor: pointer;
877
- position: absolute;
878
- top: 0;
879
- right: 0;
880
- padding: 15px;
881
- z-index: 2
882
- }
883
- .DateRangePicker_closeButton:focus,
884
- .DateRangePicker_closeButton:hover {
885
- color: darken(#cacccd,10%);
886
- text-decoration: none
887
- }
888
- .DateRangePicker_closeButton_svg {
889
- height: 15px;
890
- width: 15px;
891
- fill: #cacccd
892
- }
8
+ padding: 0 22px 11px;
9
+ }
10
+ .PresetDateRangePicker_button {
11
+ position: relative;
12
+ height: 100%;
13
+ text-align: center;
14
+ background: 0 0;
15
+ border: 2px solid #00a699;
16
+ color: #00a699;
17
+ padding: 4px 12px;
18
+ margin-right: 8px;
19
+ font: inherit;
20
+ font-weight: 700;
21
+ line-height: normal;
22
+ overflow: visible;
23
+ -moz-box-sizing: border-box;
24
+ box-sizing: border-box;
25
+ cursor: pointer;
26
+ }
27
+ .PresetDateRangePicker_button:active {
28
+ outline: 0;
29
+ }
30
+ .PresetDateRangePicker_button__selected {
31
+ color: #fff;
32
+ background: #00a699;
33
+ }
34
+ .SingleDatePickerInput {
35
+ display: inline-block;
36
+ background-color: #fff;
37
+ }
38
+ .SingleDatePickerInput__withBorder {
39
+ border-radius: 2px;
40
+ border: 1px solid #dbdbdb;
41
+ }
42
+ .SingleDatePickerInput__rtl {
43
+ direction: rtl;
44
+ }
45
+ .SingleDatePickerInput__disabled {
46
+ background-color: #f2f2f2;
47
+ }
48
+ .SingleDatePickerInput__block {
49
+ display: block;
50
+ }
51
+ .SingleDatePickerInput__showClearDate {
52
+ padding-right: 30px;
53
+ }
54
+ .SingleDatePickerInput_clearDate {
55
+ background: 0 0;
56
+ border: 0;
57
+ color: inherit;
58
+ font: inherit;
59
+ line-height: normal;
60
+ overflow: visible;
61
+ cursor: pointer;
62
+ padding: 10px;
63
+ margin: 0 10px 0 5px;
64
+ position: absolute;
65
+ right: 0;
66
+ top: 50%;
67
+ -webkit-transform: translateY(-50%);
68
+ -ms-transform: translateY(-50%);
69
+ transform: translateY(-50%);
70
+ }
71
+ .SingleDatePickerInput_clearDate__default:focus,
72
+ .SingleDatePickerInput_clearDate__default:hover {
73
+ background: #dbdbdb;
74
+ border-radius: 50%;
75
+ }
76
+ .SingleDatePickerInput_clearDate__small {
77
+ padding: 6px;
78
+ }
79
+ .SingleDatePickerInput_clearDate__hide {
80
+ visibility: hidden;
81
+ }
82
+ .SingleDatePickerInput_clearDate_svg {
83
+ fill: #82888a;
84
+ height: 12px;
85
+ width: 15px;
86
+ vertical-align: middle;
87
+ }
88
+ .SingleDatePickerInput_clearDate_svg__small {
89
+ height: 9px;
90
+ }
91
+ .SingleDatePickerInput_calendarIcon {
92
+ background: 0 0;
93
+ border: 0;
94
+ color: inherit;
95
+ font: inherit;
96
+ line-height: normal;
97
+ overflow: visible;
98
+ cursor: pointer;
99
+ display: inline-block;
100
+ vertical-align: middle;
101
+ padding: 10px;
102
+ margin: 0 5px 0 10px;
103
+ }
104
+ .SingleDatePickerInput_calendarIcon_svg {
105
+ fill: #82888a;
106
+ height: 15px;
107
+ width: 14px;
108
+ vertical-align: middle;
109
+ }
110
+ .SingleDatePicker {
111
+ position: relative;
112
+ display: inline-block;
113
+ }
114
+ .SingleDatePicker__block {
115
+ display: block;
116
+ }
117
+ .SingleDatePicker_picker {
118
+ z-index: 1;
119
+ background-color: #fff;
120
+ position: absolute;
121
+ }
122
+ .SingleDatePicker_picker__rtl {
123
+ direction: rtl;
124
+ }
125
+ .SingleDatePicker_picker__directionLeft {
126
+ left: 0;
127
+ }
128
+ .SingleDatePicker_picker__directionRight {
129
+ right: 0;
130
+ }
131
+ .SingleDatePicker_picker__portal {
132
+ background-color: rgba(0, 0, 0, 0.3);
133
+ position: fixed;
134
+ top: 0;
135
+ left: 0;
136
+ height: 100%;
137
+ width: 100%;
138
+ }
139
+ .SingleDatePicker_picker__fullScreenPortal {
140
+ background-color: #fff;
141
+ }
142
+ .SingleDatePicker_closeButton {
143
+ background: 0 0;
144
+ border: 0;
145
+ color: inherit;
146
+ font: inherit;
147
+ line-height: normal;
148
+ overflow: visible;
149
+ cursor: pointer;
150
+ position: absolute;
151
+ top: 0;
152
+ right: 0;
153
+ padding: 15px;
154
+ z-index: 2;
155
+ }
156
+ .SingleDatePicker_closeButton:focus,
157
+ .SingleDatePicker_closeButton:hover {
158
+ color: darken(#cacccd, 10%);
159
+ text-decoration: none;
160
+ }
161
+ .SingleDatePicker_closeButton_svg {
162
+ height: 15px;
163
+ width: 15px;
164
+ fill: #cacccd;
165
+ }
166
+ .DayPickerKeyboardShortcuts_buttonReset {
167
+ background: 0 0;
168
+ border: 0;
169
+ border-radius: 0;
170
+ color: inherit;
171
+ font: inherit;
172
+ line-height: normal;
173
+ overflow: visible;
174
+ padding: 0;
175
+ cursor: pointer;
176
+ font-size: 14px;
177
+ }
178
+ .DayPickerKeyboardShortcuts_buttonReset:active {
179
+ outline: 0;
180
+ }
181
+ .DayPickerKeyboardShortcuts_show {
182
+ width: 33px;
183
+ height: 26px;
184
+ position: absolute;
185
+ z-index: 2;
186
+ }
187
+ .DayPickerKeyboardShortcuts_show::before {
188
+ content: '';
189
+ display: block;
190
+ position: absolute;
191
+ }
192
+ .DayPickerKeyboardShortcuts_show__bottomRight {
193
+ bottom: 0;
194
+ right: 0;
195
+ }
196
+ .DayPickerKeyboardShortcuts_show__bottomRight::before {
197
+ border-top: 26px solid transparent;
198
+ border-right: 33px solid #00a699;
199
+ bottom: 0;
200
+ right: 0;
201
+ }
202
+ .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
203
+ border-right: 33px solid #008489;
204
+ }
205
+ .DayPickerKeyboardShortcuts_show__topRight {
206
+ top: 0;
207
+ right: 0;
208
+ }
209
+ .DayPickerKeyboardShortcuts_show__topRight::before {
210
+ border-bottom: 26px solid transparent;
211
+ border-right: 33px solid #00a699;
212
+ top: 0;
213
+ right: 0;
214
+ }
215
+ .DayPickerKeyboardShortcuts_show__topRight:hover::before {
216
+ border-right: 33px solid #008489;
217
+ }
218
+ .DayPickerKeyboardShortcuts_show__topLeft {
219
+ top: 0;
220
+ left: 0;
221
+ }
222
+ .DayPickerKeyboardShortcuts_show__topLeft::before {
223
+ border-bottom: 26px solid transparent;
224
+ border-left: 33px solid #00a699;
225
+ top: 0;
226
+ left: 0;
227
+ }
228
+ .DayPickerKeyboardShortcuts_show__topLeft:hover::before {
229
+ border-left: 33px solid #008489;
230
+ }
231
+ .DayPickerKeyboardShortcuts_showSpan {
232
+ color: #fff;
233
+ position: absolute;
234
+ }
235
+ .DayPickerKeyboardShortcuts_showSpan__bottomRight {
236
+ bottom: 0;
237
+ right: 5px;
238
+ }
239
+ .DayPickerKeyboardShortcuts_showSpan__topRight {
240
+ top: 1px;
241
+ right: 5px;
242
+ }
243
+ .DayPickerKeyboardShortcuts_showSpan__topLeft {
244
+ top: 1px;
245
+ left: 5px;
246
+ }
247
+ .DayPickerKeyboardShortcuts_panel {
248
+ overflow: auto;
249
+ background: #fff;
250
+ border: 1px solid #dbdbdb;
251
+ border-radius: 2px;
252
+ position: absolute;
253
+ top: 0;
254
+ bottom: 0;
255
+ right: 0;
256
+ left: 0;
257
+ z-index: 2;
258
+ padding: 22px;
259
+ margin: 33px;
260
+ text-align: left;
261
+ }
262
+ .DayPickerKeyboardShortcuts_title {
263
+ font-size: 16px;
264
+ font-weight: 700;
265
+ margin: 0;
266
+ }
267
+ .DayPickerKeyboardShortcuts_list {
268
+ list-style: none;
269
+ padding: 0;
270
+ font-size: 14px;
271
+ }
272
+ .DayPickerKeyboardShortcuts_close {
273
+ position: absolute;
274
+ right: 22px;
275
+ top: 22px;
276
+ z-index: 2;
277
+ }
278
+ .DayPickerKeyboardShortcuts_close:active {
279
+ outline: 0;
280
+ }
281
+ .DayPickerKeyboardShortcuts_closeSvg {
282
+ height: 15px;
283
+ width: 15px;
284
+ fill: #cacccd;
285
+ }
286
+ .DayPickerKeyboardShortcuts_closeSvg:focus,
287
+ .DayPickerKeyboardShortcuts_closeSvg:hover {
288
+ fill: #82888a;
289
+ }
290
+ .CalendarDay {
291
+ -moz-box-sizing: border-box;
292
+ box-sizing: border-box;
293
+ cursor: pointer;
294
+ font-size: 14px;
295
+ text-align: center;
296
+ }
297
+ .CalendarDay:active {
298
+ outline: 0;
299
+ }
300
+ .CalendarDay__defaultCursor {
301
+ cursor: default;
302
+ }
303
+ .CalendarDay__default {
304
+ border: 1px solid #e4e7e7;
305
+ color: #484848;
306
+ background: #fff;
307
+ }
308
+ .CalendarDay__default:hover {
309
+ background: #e4e7e7;
310
+ border: 1px solid #e4e7e7;
311
+ color: inherit;
312
+ }
313
+ .CalendarDay__hovered_offset {
314
+ background: #f4f5f5;
315
+ border: 1px double #e4e7e7;
316
+ color: inherit;
317
+ }
318
+ .CalendarDay__outside {
319
+ border: 0;
320
+ background: #fff;
321
+ color: #484848;
322
+ }
323
+ .CalendarDay__outside:hover {
324
+ border: 0;
325
+ }
326
+ .CalendarDay__blocked_minimum_nights {
327
+ background: #fff;
328
+ border: 1px solid #eceeee;
329
+ color: #cacccd;
330
+ }
331
+ .CalendarDay__blocked_minimum_nights:active,
332
+ .CalendarDay__blocked_minimum_nights:hover {
333
+ background: #fff;
334
+ color: #cacccd;
335
+ }
336
+ .CalendarDay__highlighted_calendar {
337
+ background: #ffe8bc;
338
+ color: #484848;
339
+ }
340
+ .CalendarDay__highlighted_calendar:active,
341
+ .CalendarDay__highlighted_calendar:hover {
342
+ background: #ffce71;
343
+ color: #484848;
344
+ }
345
+ .CalendarDay__selected_span {
346
+ background: #66e2da;
347
+ border: 1px double #33dacd;
348
+ color: #fff;
349
+ }
350
+ .CalendarDay__selected_span:active,
351
+ .CalendarDay__selected_span:hover {
352
+ background: #33dacd;
353
+ border: 1px double #33dacd;
354
+ color: #fff;
355
+ }
356
+ .CalendarDay__selected,
357
+ .CalendarDay__selected:active,
358
+ .CalendarDay__selected:hover {
359
+ background: #00a699;
360
+ border: 1px double #00a699;
361
+ color: #fff;
362
+ }
363
+ .CalendarDay__hovered_span,
364
+ .CalendarDay__hovered_span:hover {
365
+ background: #b2f1ec;
366
+ border: 1px double #80e8e0;
367
+ color: #007a87;
368
+ }
369
+ .CalendarDay__hovered_span:active {
370
+ background: #80e8e0;
371
+ border: 1px double #80e8e0;
372
+ color: #007a87;
373
+ }
374
+ .CalendarDay__blocked_calendar,
375
+ .CalendarDay__blocked_calendar:active,
376
+ .CalendarDay__blocked_calendar:hover {
377
+ background: #cacccd;
378
+ border: 1px solid #cacccd;
379
+ color: #82888a;
380
+ }
381
+ .CalendarDay__blocked_out_of_range,
382
+ .CalendarDay__blocked_out_of_range:active,
383
+ .CalendarDay__blocked_out_of_range:hover {
384
+ background: #fff;
385
+ border: 1px solid #e4e7e7;
386
+ color: #cacccd;
387
+ }
388
+ .CalendarDay__hovered_start_first_possible_end {
389
+ background: #eceeee;
390
+ border: 1px double #eceeee;
391
+ }
392
+ .CalendarDay__hovered_start_blocked_min_nights {
393
+ background: #eceeee;
394
+ border: 1px double #e4e7e7;
395
+ }
396
+ .CalendarMonth {
397
+ background: #fff;
398
+ text-align: center;
399
+ vertical-align: top;
400
+ -webkit-user-select: none;
401
+ -moz-user-select: none;
402
+ -ms-user-select: none;
403
+ user-select: none;
404
+ }
405
+ .CalendarMonth_table {
406
+ border-collapse: collapse;
407
+ border-spacing: 0;
408
+ }
409
+ .CalendarMonth_verticalSpacing {
410
+ border-collapse: separate;
411
+ }
412
+ .CalendarMonth_caption {
413
+ color: #484848;
414
+ font-size: 18px;
415
+ text-align: center;
416
+ padding-top: 22px;
417
+ padding-bottom: 37px;
418
+ caption-side: initial;
419
+ }
420
+ .CalendarMonth_caption__verticalScrollable {
421
+ padding-top: 12px;
422
+ padding-bottom: 7px;
423
+ }
424
+ .CalendarMonthGrid {
425
+ background: #fff;
426
+ text-align: left;
427
+ z-index: 0;
428
+ }
429
+ .CalendarMonthGrid__animating {
430
+ z-index: 1;
431
+ }
432
+ .CalendarMonthGrid__horizontal {
433
+ position: absolute;
434
+ left: 9px;
435
+ }
436
+ .CalendarMonthGrid__vertical,
437
+ .CalendarMonthGrid__vertical_scrollable {
438
+ margin: 0 auto;
439
+ }
440
+ .CalendarMonthGrid_month__horizontal {
441
+ display: inline-block;
442
+ vertical-align: top;
443
+ min-height: 100%;
444
+ }
445
+ .CalendarMonthGrid_month__hideForAnimation {
446
+ position: absolute;
447
+ z-index: -1;
448
+ opacity: 0;
449
+ pointer-events: none;
450
+ }
451
+ .CalendarMonthGrid_month__hidden {
452
+ visibility: hidden;
453
+ }
454
+ .DayPickerNavigation {
455
+ position: relative;
456
+ z-index: 2;
457
+ }
458
+ .DayPickerNavigation__horizontal {
459
+ height: 0;
460
+ }
461
+ .DayPickerNavigation__verticalScrollable_prevNav {
462
+ z-index: 1;
463
+ }
464
+ .DayPickerNavigation__verticalDefault {
465
+ position: absolute;
466
+ width: 100%;
467
+ height: 52px;
468
+ bottom: 0;
469
+ left: 0;
470
+ }
471
+ .DayPickerNavigation__verticalScrollableDefault {
472
+ position: relative;
473
+ }
474
+ .DayPickerNavigation__bottom {
475
+ height: auto;
476
+ }
477
+ .DayPickerNavigation__bottomDefault {
478
+ -webkit-box-pack: justify;
479
+ -ms-flex-pack: justify;
480
+ display: -webkit-box;
481
+ display: -moz-box;
482
+ display: -ms-flexbox;
483
+ display: -webkit-flex;
484
+ display: flex;
485
+ -webkit-justify-content: space-between;
486
+ justify-content: space-between;
487
+ }
488
+ .DayPickerNavigation_button {
489
+ cursor: pointer;
490
+ -webkit-user-select: none;
491
+ -moz-user-select: none;
492
+ -ms-user-select: none;
493
+ user-select: none;
494
+ border: 0;
495
+ padding: 0;
496
+ margin: 0;
497
+ }
498
+ .DayPickerNavigation_button__default {
499
+ border: 1px solid #e4e7e7;
500
+ background-color: #fff;
501
+ color: #757575;
502
+ }
503
+ .DayPickerNavigation_button__default:focus,
504
+ .DayPickerNavigation_button__default:hover {
505
+ border: 1px solid #c4c4c4;
506
+ }
507
+ .DayPickerNavigation_button__default:active {
508
+ background: #f2f2f2;
509
+ }
510
+ .DayPickerNavigation_button__disabled {
511
+ cursor: default;
512
+ border: 1px solid #f2f2f2;
513
+ }
514
+ .DayPickerNavigation_button__disabled:focus,
515
+ .DayPickerNavigation_button__disabled:hover {
516
+ border: 1px solid #f2f2f2;
517
+ }
518
+ .DayPickerNavigation_button__disabled:active {
519
+ background: 0 0;
520
+ }
521
+ .DayPickerNavigation_button__horizontalDefault {
522
+ position: absolute;
523
+ top: 18px;
524
+ line-height: 0.78;
525
+ border-radius: 3px;
526
+ padding: 6px 9px;
527
+ }
528
+ .DayPickerNavigation_bottomButton__horizontalDefault {
529
+ position: static;
530
+ margin: -10px 22px 30px;
531
+ }
532
+ .DayPickerNavigation_leftButton__horizontalDefault {
533
+ left: 22px;
534
+ }
535
+ .DayPickerNavigation_rightButton__horizontalDefault {
536
+ right: 22px;
537
+ }
538
+ .DayPickerNavigation_button__verticalDefault {
539
+ padding: 5px;
540
+ background: #fff;
541
+ box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
542
+ position: relative;
543
+ display: inline-block;
544
+ text-align: center;
545
+ height: 100%;
546
+ width: 50%;
547
+ }
548
+ .DayPickerNavigation_nextButton__verticalDefault {
549
+ border-left: 0;
550
+ }
551
+ .DayPickerNavigation_nextButton__verticalScrollableDefault,
552
+ .DayPickerNavigation_prevButton__verticalScrollableDefault {
553
+ width: 100%;
554
+ }
555
+ .DayPickerNavigation_svg__horizontal {
556
+ height: 19px;
557
+ width: 19px;
558
+ fill: #82888a;
559
+ display: block;
560
+ }
561
+ .DayPickerNavigation_svg__vertical {
562
+ height: 42px;
563
+ width: 42px;
564
+ fill: #484848;
565
+ }
566
+ .DayPickerNavigation_svg__disabled {
567
+ fill: #f2f2f2;
568
+ }
569
+ .DayPicker {
570
+ background: #fff;
571
+ position: relative;
572
+ text-align: left;
573
+ }
574
+ .DayPicker__horizontal {
575
+ background: #fff;
576
+ }
577
+ .DayPicker__verticalScrollable {
578
+ height: 100%;
579
+ }
580
+ .DayPicker__hidden {
581
+ visibility: hidden;
582
+ }
583
+ .DayPicker__withBorder {
584
+ box-shadow:
585
+ 0 2px 6px rgba(0, 0, 0, 0.05),
586
+ 0 0 0 1px rgba(0, 0, 0, 0.07);
587
+ border-radius: 3px;
588
+ }
589
+ .DayPicker_portal__horizontal {
590
+ box-shadow: none;
591
+ position: absolute;
592
+ left: 50%;
593
+ top: 50%;
594
+ }
595
+ .DayPicker_portal__vertical {
596
+ position: initial;
597
+ }
598
+ .DayPicker_focusRegion {
599
+ outline: 0;
600
+ }
601
+ .DayPicker_calendarInfo__horizontal,
602
+ .DayPicker_wrapper__horizontal {
603
+ display: inline-block;
604
+ vertical-align: top;
605
+ }
606
+ .DayPicker_weekHeaders {
607
+ position: relative;
608
+ }
609
+ .DayPicker_weekHeaders__horizontal {
610
+ margin-left: 9px;
611
+ }
612
+ .DayPicker_weekHeader {
613
+ color: #757575;
614
+ position: absolute;
615
+ top: 62px;
616
+ z-index: 2;
617
+ text-align: left;
618
+ }
619
+ .DayPicker_weekHeader__vertical {
620
+ left: 50%;
621
+ }
622
+ .DayPicker_weekHeader__verticalScrollable {
623
+ top: 0;
624
+ display: table-row;
625
+ border-bottom: 1px solid #dbdbdb;
626
+ background: #fff;
627
+ margin-left: 0;
628
+ left: 0;
629
+ width: 100%;
630
+ text-align: center;
631
+ }
632
+ .DayPicker_weekHeader_ul {
633
+ list-style: none;
634
+ margin: 1px 0;
635
+ padding-left: 0;
636
+ padding-right: 0;
637
+ font-size: 14px;
638
+ }
639
+ .DayPicker_weekHeader_li {
640
+ display: inline-block;
641
+ text-align: center;
642
+ }
643
+ .DayPicker_transitionContainer {
644
+ position: relative;
645
+ overflow: hidden;
646
+ border-radius: 3px;
647
+ }
648
+ .DayPicker_transitionContainer__horizontal {
649
+ -webkit-transition: height 0.2s ease-in-out;
650
+ -moz-transition: height 0.2s ease-in-out;
651
+ transition: height 0.2s ease-in-out;
652
+ }
653
+ .DayPicker_transitionContainer__vertical {
654
+ width: 100%;
655
+ }
656
+ .DayPicker_transitionContainer__verticalScrollable {
657
+ padding-top: 20px;
658
+ height: 100%;
659
+ position: absolute;
660
+ top: 0;
661
+ bottom: 0;
662
+ right: 0;
663
+ left: 0;
664
+ overflow-y: scroll;
665
+ }
666
+ .DateInput {
667
+ margin: 0;
668
+ padding: 0;
669
+ background: #fff;
670
+ position: relative;
671
+ display: inline-block;
672
+ width: 130px;
673
+ vertical-align: middle;
674
+ }
675
+ .DateInput__small {
676
+ width: 97px;
677
+ }
678
+ .DateInput__block {
679
+ width: 100%;
680
+ }
681
+ .DateInput__disabled {
682
+ background: #f2f2f2;
683
+ color: #dbdbdb;
684
+ }
685
+ .DateInput_input {
686
+ font-weight: 200;
687
+ font-size: 19px;
688
+ line-height: 24px;
689
+ color: #484848;
690
+ background-color: #fff;
691
+ width: 100%;
692
+ padding: 11px 11px 9px;
693
+ border: 0;
694
+ border-top: 0;
695
+ border-right: 0;
696
+ border-bottom: 2px solid transparent;
697
+ border-left: 0;
698
+ border-radius: 0;
699
+ }
700
+ .DateInput_input__small {
701
+ font-size: 15px;
702
+ line-height: 18px;
703
+ letter-spacing: 0.2px;
704
+ padding: 7px 7px 5px;
705
+ }
706
+ .DateInput_input__regular {
707
+ font-weight: auto;
708
+ }
709
+ .DateInput_input__readOnly {
710
+ -webkit-user-select: none;
711
+ -moz-user-select: none;
712
+ -ms-user-select: none;
713
+ user-select: none;
714
+ }
715
+ .DateInput_input__focused {
716
+ outline: 0;
717
+ background: #fff;
718
+ border: 0;
719
+ border-top: 0;
720
+ border-right: 0;
721
+ border-bottom: 2px solid #008489;
722
+ border-left: 0;
723
+ }
724
+ .DateInput_input__disabled {
725
+ background: #f2f2f2;
726
+ font-style: italic;
727
+ }
728
+ .DateInput_screenReaderMessage {
729
+ border: 0;
730
+ clip: rect(0, 0, 0, 0);
731
+ height: 1px;
732
+ margin: -1px;
733
+ overflow: hidden;
734
+ padding: 0;
735
+ position: absolute;
736
+ width: 1px;
737
+ }
738
+ .DateInput_fang {
739
+ position: absolute;
740
+ width: 20px;
741
+ height: 10px;
742
+ left: 22px;
743
+ z-index: 2;
744
+ }
745
+ .DateInput_fangShape {
746
+ fill: #fff;
747
+ }
748
+ .DateInput_fangStroke {
749
+ stroke: #dbdbdb;
750
+ fill: transparent;
751
+ }
752
+ .DateRangePickerInput {
753
+ background-color: #fff;
754
+ display: inline-block;
755
+ }
756
+ .DateRangePickerInput__disabled {
757
+ background: #f2f2f2;
758
+ }
759
+ .DateRangePickerInput__withBorder {
760
+ border-radius: 2px;
761
+ border: 1px solid #dbdbdb;
762
+ }
763
+ .DateRangePickerInput__rtl {
764
+ direction: rtl;
765
+ }
766
+ .DateRangePickerInput__block {
767
+ display: block;
768
+ }
769
+ .DateRangePickerInput__showClearDates {
770
+ padding-right: 30px;
771
+ }
772
+ .DateRangePickerInput_arrow {
773
+ display: inline-block;
774
+ vertical-align: middle;
775
+ color: #484848;
776
+ }
777
+ .DateRangePickerInput_arrow_svg {
778
+ vertical-align: middle;
779
+ fill: #484848;
780
+ height: 24px;
781
+ width: 24px;
782
+ }
783
+ .DateRangePickerInput_clearDates {
784
+ background: 0 0;
785
+ border: 0;
786
+ color: inherit;
787
+ font: inherit;
788
+ line-height: normal;
789
+ overflow: visible;
790
+ cursor: pointer;
791
+ padding: 10px;
792
+ margin: 0 10px 0 5px;
793
+ position: absolute;
794
+ right: 0;
795
+ top: 50%;
796
+ -webkit-transform: translateY(-50%);
797
+ -ms-transform: translateY(-50%);
798
+ transform: translateY(-50%);
799
+ }
800
+ .DateRangePickerInput_clearDates__small {
801
+ padding: 6px;
802
+ }
803
+ .DateRangePickerInput_clearDates_default:focus,
804
+ .DateRangePickerInput_clearDates_default:hover {
805
+ background: #dbdbdb;
806
+ border-radius: 50%;
807
+ }
808
+ .DateRangePickerInput_clearDates__hide {
809
+ visibility: hidden;
810
+ }
811
+ .DateRangePickerInput_clearDates_svg {
812
+ fill: #82888a;
813
+ height: 12px;
814
+ width: 15px;
815
+ vertical-align: middle;
816
+ }
817
+ .DateRangePickerInput_clearDates_svg__small {
818
+ height: 9px;
819
+ }
820
+ .DateRangePickerInput_calendarIcon {
821
+ background: 0 0;
822
+ border: 0;
823
+ color: inherit;
824
+ font: inherit;
825
+ line-height: normal;
826
+ overflow: visible;
827
+ cursor: pointer;
828
+ display: inline-block;
829
+ vertical-align: middle;
830
+ padding: 10px;
831
+ margin: 0 5px 0 10px;
832
+ }
833
+ .DateRangePickerInput_calendarIcon_svg {
834
+ fill: #82888a;
835
+ height: 15px;
836
+ width: 14px;
837
+ vertical-align: middle;
838
+ }
839
+ .DateRangePicker {
840
+ position: relative;
841
+ display: inline-block;
842
+ }
843
+ .DateRangePicker__block {
844
+ display: block;
845
+ }
846
+ .DateRangePicker_picker {
847
+ z-index: 1;
848
+ background-color: #fff;
849
+ position: absolute;
850
+ }
851
+ .DateRangePicker_picker__rtl {
852
+ direction: rtl;
853
+ }
854
+ .DateRangePicker_picker__directionLeft {
855
+ left: 0;
856
+ }
857
+ .DateRangePicker_picker__directionRight {
858
+ right: 0;
859
+ }
860
+ .DateRangePicker_picker__portal {
861
+ background-color: rgba(0, 0, 0, 0.3);
862
+ position: fixed;
863
+ top: 0;
864
+ left: 0;
865
+ height: 100%;
866
+ width: 100%;
867
+ }
868
+ .DateRangePicker_picker__fullScreenPortal {
869
+ background-color: #fff;
870
+ }
871
+ .DateRangePicker_closeButton {
872
+ background: 0 0;
873
+ border: 0;
874
+ color: inherit;
875
+ font: inherit;
876
+ line-height: normal;
877
+ overflow: visible;
878
+ cursor: pointer;
879
+ position: absolute;
880
+ top: 0;
881
+ right: 0;
882
+ padding: 15px;
883
+ z-index: 2;
884
+ }
885
+ .DateRangePicker_closeButton:focus,
886
+ .DateRangePicker_closeButton:hover {
887
+ color: darken(#cacccd, 10%);
888
+ text-decoration: none;
889
+ }
890
+ .DateRangePicker_closeButton_svg {
891
+ height: 15px;
892
+ width: 15px;
893
+ fill: #cacccd;
894
+ }
893
895
  /* ********************************************************************
894
896
  * react-dates end *
895
897
  ********************************************************************* */
896
898
 
897
-
898
-
899
-
900
899
  // FOR NOW PLEASE ALSO UPDATE ../dist-index.scss
901
900
 
902
901
  // complex
@@ -918,7 +917,7 @@
918
917
  @import '../../../../legacy/ds-date-range-picker/src/DSDateRangePicker.scss';
919
918
  @import '../../../../legacy/ds-date-range-selector/src/DSDateRangeSelector.scss';
920
919
  @import '../../../../util/ds-codeeditor/src/DSCodeEditor.scss';
921
- @import '../../../../layout/ds-wysiwygeditor/src/DSWYSIWYGEditor.scss';
920
+ @import '../../../../legacy/ds-wysiwygeditor/src/DSWYSIWYGEditor.scss';
922
921
  @import '../../../../util/ds-imagelibrarymodal/src/DSImageLibraryModal.scss';
923
922
  @import '../../../../layout/ds-ribbon/src/DSRibbon.scss';
924
923
  @import '../../../../legacy/ds-card-array/src/DSCardArray.scss';