@npm_leadtech/legal-lib-components 4.1.19 → 4.1.20

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.
@@ -1,842 +0,0 @@
1
- @charset "UTF-8";
2
- .react-datepicker__year-read-view--down-arrow,
3
- .react-datepicker__month-read-view--down-arrow,
4
- .react-datepicker__month-year-read-view--down-arrow,
5
- .react-datepicker__navigation-icon::before {
6
- border-color: #ccc;
7
- border-style: solid;
8
- border-width: 3px 3px 0 0;
9
- content: '';
10
- display: block;
11
- height: 9px;
12
- position: absolute;
13
- top: 6px;
14
- width: 9px;
15
- }
16
- .react-datepicker-wrapper {
17
- display: inline-block;
18
- padding: 0;
19
- border: 0;
20
- }
21
-
22
- .react-datepicker {
23
- font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
24
- font-size: 0.8rem;
25
- background-color: #fff;
26
- color: #000;
27
- border: 1px solid #aeaeae;
28
- border-radius: 0.3rem;
29
- display: inline-block;
30
- position: relative;
31
- line-height: initial;
32
- }
33
-
34
- .react-datepicker--time-only .react-datepicker__time-container {
35
- border-left: 0;
36
- }
37
- .react-datepicker--time-only .react-datepicker__time,
38
- .react-datepicker--time-only .react-datepicker__time-box {
39
- border-bottom-left-radius: 0.3rem;
40
- border-bottom-right-radius: 0.3rem;
41
- }
42
-
43
- .react-datepicker-popper {
44
- z-index: 1;
45
- line-height: 0;
46
- }
47
- .react-datepicker-popper .react-datepicker__triangle {
48
- stroke: #aeaeae;
49
- }
50
- .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {
51
- fill: #f0f0f0;
52
- color: #f0f0f0;
53
- }
54
- .react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle {
55
- fill: #fff;
56
- color: #fff;
57
- }
58
-
59
- .react-datepicker__header {
60
- text-align: center;
61
- background-color: #f0f0f0;
62
- border-bottom: 1px solid #aeaeae;
63
- border-top-left-radius: 0.3rem;
64
- padding: 8px 0;
65
- position: relative;
66
- }
67
- .react-datepicker__header--time {
68
- padding-bottom: 8px;
69
- padding-left: 5px;
70
- padding-right: 5px;
71
- }
72
- .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
73
- border-top-left-radius: 0;
74
- }
75
- .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
76
- border-top-right-radius: 0.3rem;
77
- }
78
-
79
- .react-datepicker__year-dropdown-container--select,
80
- .react-datepicker__month-dropdown-container--select,
81
- .react-datepicker__month-year-dropdown-container--select,
82
- .react-datepicker__year-dropdown-container--scroll,
83
- .react-datepicker__month-dropdown-container--scroll,
84
- .react-datepicker__month-year-dropdown-container--scroll {
85
- display: inline-block;
86
- margin: 0 15px;
87
- }
88
-
89
- .react-datepicker__current-month,
90
- .react-datepicker-time__header,
91
- .react-datepicker-year-header {
92
- margin-top: 0;
93
- color: #000;
94
- font-weight: bold;
95
- font-size: 0.944rem;
96
- }
97
-
98
- h2.react-datepicker__current-month {
99
- padding: 0;
100
- margin: 0;
101
- }
102
-
103
- .react-datepicker-time__header {
104
- text-overflow: ellipsis;
105
- white-space: nowrap;
106
- overflow: hidden;
107
- }
108
-
109
- .react-datepicker__navigation {
110
- align-items: center;
111
- background: none;
112
- display: flex;
113
- justify-content: center;
114
- text-align: center;
115
- cursor: pointer;
116
- position: absolute;
117
- top: 2px;
118
- padding: 0;
119
- border: none;
120
- z-index: 1;
121
- height: 32px;
122
- width: 32px;
123
- text-indent: -999em;
124
- overflow: hidden;
125
- }
126
- .react-datepicker__navigation--previous {
127
- left: 2px;
128
- }
129
- .react-datepicker__navigation--next {
130
- right: 2px;
131
- }
132
- .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
133
- right: 85px;
134
- }
135
- .react-datepicker__navigation--years {
136
- position: relative;
137
- top: 0;
138
- display: block;
139
- margin-left: auto;
140
- margin-right: auto;
141
- }
142
- .react-datepicker__navigation--years-previous {
143
- top: 4px;
144
- }
145
- .react-datepicker__navigation--years-upcoming {
146
- top: -4px;
147
- }
148
- .react-datepicker__navigation:hover *::before {
149
- border-color: #a6a6a6;
150
- }
151
-
152
- .react-datepicker__navigation-icon {
153
- position: relative;
154
- top: -1px;
155
- font-size: 20px;
156
- width: 0;
157
- }
158
- .react-datepicker__navigation-icon--next {
159
- left: -2px;
160
- }
161
- .react-datepicker__navigation-icon--next::before {
162
- transform: rotate(45deg);
163
- left: -7px;
164
- }
165
- .react-datepicker__navigation-icon--previous {
166
- right: -2px;
167
- }
168
- .react-datepicker__navigation-icon--previous::before {
169
- transform: rotate(225deg);
170
- right: -7px;
171
- }
172
-
173
- .react-datepicker__month-container {
174
- float: left;
175
- }
176
-
177
- .react-datepicker__year {
178
- margin: 0.4rem;
179
- text-align: center;
180
- }
181
- .react-datepicker__year-wrapper {
182
- display: flex;
183
- flex-wrap: wrap;
184
- max-width: 180px;
185
- }
186
- .react-datepicker__year .react-datepicker__year-text {
187
- display: inline-block;
188
- width: 4rem;
189
- margin: 2px;
190
- }
191
-
192
- .react-datepicker__month {
193
- margin: 0.4rem;
194
- text-align: center;
195
- }
196
- .react-datepicker__month .react-datepicker__month-text,
197
- .react-datepicker__month .react-datepicker__quarter-text {
198
- display: inline-block;
199
- width: 4rem;
200
- margin: 2px;
201
- }
202
-
203
- .react-datepicker__input-time-container {
204
- clear: both;
205
- width: 100%;
206
- float: left;
207
- margin: 5px 0 10px 15px;
208
- text-align: left;
209
- }
210
- .react-datepicker__input-time-container .react-datepicker-time__caption {
211
- display: inline-block;
212
- }
213
- .react-datepicker__input-time-container .react-datepicker-time__input-container {
214
- display: inline-block;
215
- }
216
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
217
- display: inline-block;
218
- margin-left: 10px;
219
- }
220
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
221
- width: auto;
222
- }
223
- .react-datepicker__input-time-container
224
- .react-datepicker-time__input-container
225
- .react-datepicker-time__input
226
- input[type='time']::-webkit-inner-spin-button,
227
- .react-datepicker__input-time-container
228
- .react-datepicker-time__input-container
229
- .react-datepicker-time__input
230
- input[type='time']::-webkit-outer-spin-button {
231
- -webkit-appearance: none;
232
- margin: 0;
233
- }
234
- .react-datepicker__input-time-container
235
- .react-datepicker-time__input-container
236
- .react-datepicker-time__input
237
- input[type='time'] {
238
- -moz-appearance: textfield;
239
- }
240
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
241
- margin-left: 5px;
242
- display: inline-block;
243
- }
244
-
245
- .react-datepicker__time-container {
246
- float: right;
247
- border-left: 1px solid #aeaeae;
248
- width: 85px;
249
- }
250
- .react-datepicker__time-container--with-today-button {
251
- display: inline;
252
- border: 1px solid #aeaeae;
253
- border-radius: 0.3rem;
254
- position: absolute;
255
- right: -87px;
256
- top: 0;
257
- }
258
- .react-datepicker__time-container .react-datepicker__time {
259
- position: relative;
260
- background: white;
261
- border-bottom-right-radius: 0.3rem;
262
- }
263
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
264
- width: 85px;
265
- overflow-x: hidden;
266
- margin: 0 auto;
267
- text-align: center;
268
- border-bottom-right-radius: 0.3rem;
269
- }
270
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
271
- list-style: none;
272
- margin: 0;
273
- height: calc(195px + 1.7rem / 2);
274
- overflow-y: scroll;
275
- padding-right: 0;
276
- padding-left: 0;
277
- width: 100%;
278
- box-sizing: content-box;
279
- }
280
- .react-datepicker__time-container
281
- .react-datepicker__time
282
- .react-datepicker__time-box
283
- ul.react-datepicker__time-list
284
- li.react-datepicker__time-list-item {
285
- height: 30px;
286
- padding: 5px 10px;
287
- white-space: nowrap;
288
- }
289
- .react-datepicker__time-container
290
- .react-datepicker__time
291
- .react-datepicker__time-box
292
- ul.react-datepicker__time-list
293
- li.react-datepicker__time-list-item:hover {
294
- cursor: pointer;
295
- background-color: #f0f0f0;
296
- }
297
- .react-datepicker__time-container
298
- .react-datepicker__time
299
- .react-datepicker__time-box
300
- ul.react-datepicker__time-list
301
- li.react-datepicker__time-list-item--selected {
302
- background-color: #216ba5;
303
- color: white;
304
- font-weight: bold;
305
- }
306
- .react-datepicker__time-container
307
- .react-datepicker__time
308
- .react-datepicker__time-box
309
- ul.react-datepicker__time-list
310
- li.react-datepicker__time-list-item--selected:hover {
311
- background-color: #216ba5;
312
- }
313
- .react-datepicker__time-container
314
- .react-datepicker__time
315
- .react-datepicker__time-box
316
- ul.react-datepicker__time-list
317
- li.react-datepicker__time-list-item--disabled {
318
- color: #ccc;
319
- }
320
- .react-datepicker__time-container
321
- .react-datepicker__time
322
- .react-datepicker__time-box
323
- ul.react-datepicker__time-list
324
- li.react-datepicker__time-list-item--disabled:hover {
325
- cursor: default;
326
- background-color: transparent;
327
- }
328
-
329
- .react-datepicker__week-number {
330
- color: #ccc;
331
- display: inline-block;
332
- width: 1.7rem;
333
- line-height: 1.7rem;
334
- text-align: center;
335
- margin: 0.166rem;
336
- }
337
- .react-datepicker__week-number.react-datepicker__week-number--clickable {
338
- cursor: pointer;
339
- }
340
- .react-datepicker__week-number.react-datepicker__week-number--clickable:not(
341
- .react-datepicker__week-number--selected,
342
- .react-datepicker__week-number--keyboard-selected
343
- ):hover {
344
- border-radius: 0.3rem;
345
- background-color: #f0f0f0;
346
- }
347
- .react-datepicker__week-number--selected {
348
- border-radius: 0.3rem;
349
- background-color: #216ba5;
350
- color: #fff;
351
- }
352
- .react-datepicker__week-number--selected:hover {
353
- background-color: #1d5d90;
354
- }
355
- .react-datepicker__week-number--keyboard-selected {
356
- border-radius: 0.3rem;
357
- background-color: #2a87d0;
358
- color: #fff;
359
- }
360
- .react-datepicker__week-number--keyboard-selected:hover {
361
- background-color: #1d5d90;
362
- }
363
-
364
- .react-datepicker__day-names {
365
- white-space: nowrap;
366
- margin-bottom: -8px;
367
- }
368
-
369
- .react-datepicker__week {
370
- white-space: nowrap;
371
- }
372
-
373
- .react-datepicker__day-name,
374
- .react-datepicker__day,
375
- .react-datepicker__time-name {
376
- color: #000;
377
- display: inline-block;
378
- width: 1.7rem;
379
- line-height: 1.7rem;
380
- text-align: center;
381
- margin: 0.166rem;
382
- }
383
-
384
- .react-datepicker__day,
385
- .react-datepicker__month-text,
386
- .react-datepicker__quarter-text,
387
- .react-datepicker__year-text {
388
- cursor: pointer;
389
- }
390
- .react-datepicker__day:not([aria-disabled='true']):hover,
391
- .react-datepicker__month-text:not([aria-disabled='true']):hover,
392
- .react-datepicker__quarter-text:not([aria-disabled='true']):hover,
393
- .react-datepicker__year-text:not([aria-disabled='true']):hover {
394
- border-radius: 0.3rem;
395
- background-color: #f0f0f0;
396
- }
397
- .react-datepicker__day--today,
398
- .react-datepicker__month-text--today,
399
- .react-datepicker__quarter-text--today,
400
- .react-datepicker__year-text--today {
401
- font-weight: bold;
402
- }
403
- .react-datepicker__day--highlighted,
404
- .react-datepicker__month-text--highlighted,
405
- .react-datepicker__quarter-text--highlighted,
406
- .react-datepicker__year-text--highlighted {
407
- border-radius: 0.3rem;
408
- background-color: #3dcc4a;
409
- color: #fff;
410
- }
411
- .react-datepicker__day--highlighted:not([aria-disabled='true']):hover,
412
- .react-datepicker__month-text--highlighted:not([aria-disabled='true']):hover,
413
- .react-datepicker__quarter-text--highlighted:not([aria-disabled='true']):hover,
414
- .react-datepicker__year-text--highlighted:not([aria-disabled='true']):hover {
415
- background-color: #32be3f;
416
- }
417
- .react-datepicker__day--highlighted-custom-1,
418
- .react-datepicker__month-text--highlighted-custom-1,
419
- .react-datepicker__quarter-text--highlighted-custom-1,
420
- .react-datepicker__year-text--highlighted-custom-1 {
421
- color: magenta;
422
- }
423
- .react-datepicker__day--highlighted-custom-2,
424
- .react-datepicker__month-text--highlighted-custom-2,
425
- .react-datepicker__quarter-text--highlighted-custom-2,
426
- .react-datepicker__year-text--highlighted-custom-2 {
427
- color: green;
428
- }
429
- .react-datepicker__day--holidays,
430
- .react-datepicker__month-text--holidays,
431
- .react-datepicker__quarter-text--holidays,
432
- .react-datepicker__year-text--holidays {
433
- position: relative;
434
- border-radius: 0.3rem;
435
- background-color: #ff6803;
436
- color: #fff;
437
- }
438
- .react-datepicker__day--holidays .overlay,
439
- .react-datepicker__month-text--holidays .overlay,
440
- .react-datepicker__quarter-text--holidays .overlay,
441
- .react-datepicker__year-text--holidays .overlay {
442
- position: absolute;
443
- bottom: 100%;
444
- left: 50%;
445
- transform: translateX(-50%);
446
- background-color: #333;
447
- color: #fff;
448
- padding: 4px;
449
- border-radius: 4px;
450
- white-space: nowrap;
451
- visibility: hidden;
452
- opacity: 0;
453
- transition:
454
- visibility 0s,
455
- opacity 0.3s ease-in-out;
456
- }
457
- .react-datepicker__day--holidays:not([aria-disabled='true']):hover,
458
- .react-datepicker__month-text--holidays:not([aria-disabled='true']):hover,
459
- .react-datepicker__quarter-text--holidays:not([aria-disabled='true']):hover,
460
- .react-datepicker__year-text--holidays:not([aria-disabled='true']):hover {
461
- background-color: #cf5300;
462
- }
463
- .react-datepicker__day--holidays:hover .overlay,
464
- .react-datepicker__month-text--holidays:hover .overlay,
465
- .react-datepicker__quarter-text--holidays:hover .overlay,
466
- .react-datepicker__year-text--holidays:hover .overlay {
467
- visibility: visible;
468
- opacity: 1;
469
- }
470
- .react-datepicker__day--selected,
471
- .react-datepicker__day--in-selecting-range,
472
- .react-datepicker__day--in-range,
473
- .react-datepicker__month-text--selected,
474
- .react-datepicker__month-text--in-selecting-range,
475
- .react-datepicker__month-text--in-range,
476
- .react-datepicker__quarter-text--selected,
477
- .react-datepicker__quarter-text--in-selecting-range,
478
- .react-datepicker__quarter-text--in-range,
479
- .react-datepicker__year-text--selected,
480
- .react-datepicker__year-text--in-selecting-range,
481
- .react-datepicker__year-text--in-range {
482
- border-radius: 0.3rem;
483
- background-color: #216ba5;
484
- color: #fff;
485
- }
486
- .react-datepicker__day--selected:not([aria-disabled='true']):hover,
487
- .react-datepicker__day--in-selecting-range:not([aria-disabled='true']):hover,
488
- .react-datepicker__day--in-range:not([aria-disabled='true']):hover,
489
- .react-datepicker__month-text--selected:not([aria-disabled='true']):hover,
490
- .react-datepicker__month-text--in-selecting-range:not([aria-disabled='true']):hover,
491
- .react-datepicker__month-text--in-range:not([aria-disabled='true']):hover,
492
- .react-datepicker__quarter-text--selected:not([aria-disabled='true']):hover,
493
- .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled='true']):hover,
494
- .react-datepicker__quarter-text--in-range:not([aria-disabled='true']):hover,
495
- .react-datepicker__year-text--selected:not([aria-disabled='true']):hover,
496
- .react-datepicker__year-text--in-selecting-range:not([aria-disabled='true']):hover,
497
- .react-datepicker__year-text--in-range:not([aria-disabled='true']):hover {
498
- background-color: #1d5d90;
499
- }
500
- .react-datepicker__day--keyboard-selected,
501
- .react-datepicker__month-text--keyboard-selected,
502
- .react-datepicker__quarter-text--keyboard-selected,
503
- .react-datepicker__year-text--keyboard-selected {
504
- border-radius: 0.3rem;
505
- background-color: #bad9f1;
506
- color: rgb(0, 0, 0);
507
- }
508
- .react-datepicker__day--keyboard-selected:not([aria-disabled='true']):hover,
509
- .react-datepicker__month-text--keyboard-selected:not([aria-disabled='true']):hover,
510
- .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled='true']):hover,
511
- .react-datepicker__year-text--keyboard-selected:not([aria-disabled='true']):hover {
512
- background-color: #1d5d90;
513
- }
514
- .react-datepicker__day--in-selecting-range:not(
515
- .react-datepicker__day--in-range,
516
- .react-datepicker__month-text--in-range,
517
- .react-datepicker__quarter-text--in-range,
518
- .react-datepicker__year-text--in-range
519
- ),
520
- .react-datepicker__month-text--in-selecting-range:not(
521
- .react-datepicker__day--in-range,
522
- .react-datepicker__month-text--in-range,
523
- .react-datepicker__quarter-text--in-range,
524
- .react-datepicker__year-text--in-range
525
- ),
526
- .react-datepicker__quarter-text--in-selecting-range:not(
527
- .react-datepicker__day--in-range,
528
- .react-datepicker__month-text--in-range,
529
- .react-datepicker__quarter-text--in-range,
530
- .react-datepicker__year-text--in-range
531
- ),
532
- .react-datepicker__year-text--in-selecting-range:not(
533
- .react-datepicker__day--in-range,
534
- .react-datepicker__month-text--in-range,
535
- .react-datepicker__quarter-text--in-range,
536
- .react-datepicker__year-text--in-range
537
- ) {
538
- background-color: rgba(33, 107, 165, 0.5);
539
- }
540
- .react-datepicker__month--selecting-range
541
- .react-datepicker__day--in-range:not(
542
- .react-datepicker__day--in-selecting-range,
543
- .react-datepicker__month-text--in-selecting-range,
544
- .react-datepicker__quarter-text--in-selecting-range,
545
- .react-datepicker__year-text--in-selecting-range
546
- ),
547
- .react-datepicker__year--selecting-range
548
- .react-datepicker__day--in-range:not(
549
- .react-datepicker__day--in-selecting-range,
550
- .react-datepicker__month-text--in-selecting-range,
551
- .react-datepicker__quarter-text--in-selecting-range,
552
- .react-datepicker__year-text--in-selecting-range
553
- ),
554
- .react-datepicker__month--selecting-range
555
- .react-datepicker__month-text--in-range:not(
556
- .react-datepicker__day--in-selecting-range,
557
- .react-datepicker__month-text--in-selecting-range,
558
- .react-datepicker__quarter-text--in-selecting-range,
559
- .react-datepicker__year-text--in-selecting-range
560
- ),
561
- .react-datepicker__year--selecting-range
562
- .react-datepicker__month-text--in-range:not(
563
- .react-datepicker__day--in-selecting-range,
564
- .react-datepicker__month-text--in-selecting-range,
565
- .react-datepicker__quarter-text--in-selecting-range,
566
- .react-datepicker__year-text--in-selecting-range
567
- ),
568
- .react-datepicker__month--selecting-range
569
- .react-datepicker__quarter-text--in-range:not(
570
- .react-datepicker__day--in-selecting-range,
571
- .react-datepicker__month-text--in-selecting-range,
572
- .react-datepicker__quarter-text--in-selecting-range,
573
- .react-datepicker__year-text--in-selecting-range
574
- ),
575
- .react-datepicker__year--selecting-range
576
- .react-datepicker__quarter-text--in-range:not(
577
- .react-datepicker__day--in-selecting-range,
578
- .react-datepicker__month-text--in-selecting-range,
579
- .react-datepicker__quarter-text--in-selecting-range,
580
- .react-datepicker__year-text--in-selecting-range
581
- ),
582
- .react-datepicker__month--selecting-range
583
- .react-datepicker__year-text--in-range:not(
584
- .react-datepicker__day--in-selecting-range,
585
- .react-datepicker__month-text--in-selecting-range,
586
- .react-datepicker__quarter-text--in-selecting-range,
587
- .react-datepicker__year-text--in-selecting-range
588
- ),
589
- .react-datepicker__year--selecting-range
590
- .react-datepicker__year-text--in-range:not(
591
- .react-datepicker__day--in-selecting-range,
592
- .react-datepicker__month-text--in-selecting-range,
593
- .react-datepicker__quarter-text--in-selecting-range,
594
- .react-datepicker__year-text--in-selecting-range
595
- ) {
596
- background-color: #f0f0f0;
597
- color: #000;
598
- }
599
- .react-datepicker__day--disabled,
600
- .react-datepicker__month-text--disabled,
601
- .react-datepicker__quarter-text--disabled,
602
- .react-datepicker__year-text--disabled {
603
- cursor: default;
604
- color: #ccc;
605
- }
606
- .react-datepicker__day--disabled .overlay,
607
- .react-datepicker__month-text--disabled .overlay,
608
- .react-datepicker__quarter-text--disabled .overlay,
609
- .react-datepicker__year-text--disabled .overlay {
610
- position: absolute;
611
- bottom: 70%;
612
- left: 50%;
613
- transform: translateX(-50%);
614
- background-color: #333;
615
- color: #fff;
616
- padding: 4px;
617
- border-radius: 4px;
618
- white-space: nowrap;
619
- visibility: hidden;
620
- opacity: 0;
621
- transition:
622
- visibility 0s,
623
- opacity 0.3s ease-in-out;
624
- }
625
-
626
- .react-datepicker__input-container {
627
- position: relative;
628
- display: inline-block;
629
- width: 100%;
630
- }
631
- .react-datepicker__input-container .react-datepicker__calendar-icon {
632
- position: absolute;
633
- padding: 0.5rem;
634
- box-sizing: content-box;
635
- }
636
-
637
- .react-datepicker__view-calendar-icon input {
638
- padding: 6px 10px 5px 25px;
639
- }
640
-
641
- .react-datepicker__year-read-view,
642
- .react-datepicker__month-read-view,
643
- .react-datepicker__month-year-read-view {
644
- border: 1px solid transparent;
645
- border-radius: 0.3rem;
646
- position: relative;
647
- }
648
- .react-datepicker__year-read-view:hover,
649
- .react-datepicker__month-read-view:hover,
650
- .react-datepicker__month-year-read-view:hover {
651
- cursor: pointer;
652
- }
653
- .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
654
- .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
655
- .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
656
- .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
657
- .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
658
- .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
659
- border-top-color: #b3b3b3;
660
- }
661
- .react-datepicker__year-read-view--down-arrow,
662
- .react-datepicker__month-read-view--down-arrow,
663
- .react-datepicker__month-year-read-view--down-arrow {
664
- transform: rotate(135deg);
665
- right: -16px;
666
- top: 0;
667
- }
668
-
669
- .react-datepicker__year-dropdown,
670
- .react-datepicker__month-dropdown,
671
- .react-datepicker__month-year-dropdown {
672
- background-color: #f0f0f0;
673
- position: absolute;
674
- width: 50%;
675
- left: 25%;
676
- top: 30px;
677
- z-index: 1;
678
- text-align: center;
679
- border-radius: 0.3rem;
680
- border: 1px solid #aeaeae;
681
- }
682
- .react-datepicker__year-dropdown:hover,
683
- .react-datepicker__month-dropdown:hover,
684
- .react-datepicker__month-year-dropdown:hover {
685
- cursor: pointer;
686
- }
687
- .react-datepicker__year-dropdown--scrollable,
688
- .react-datepicker__month-dropdown--scrollable,
689
- .react-datepicker__month-year-dropdown--scrollable {
690
- height: 150px;
691
- overflow-y: scroll;
692
- }
693
-
694
- .react-datepicker__year-option,
695
- .react-datepicker__month-option,
696
- .react-datepicker__month-year-option {
697
- line-height: 20px;
698
- width: 100%;
699
- display: block;
700
- margin-left: auto;
701
- margin-right: auto;
702
- }
703
- .react-datepicker__year-option:first-of-type,
704
- .react-datepicker__month-option:first-of-type,
705
- .react-datepicker__month-year-option:first-of-type {
706
- border-top-left-radius: 0.3rem;
707
- border-top-right-radius: 0.3rem;
708
- }
709
- .react-datepicker__year-option:last-of-type,
710
- .react-datepicker__month-option:last-of-type,
711
- .react-datepicker__month-year-option:last-of-type {
712
- -webkit-user-select: none;
713
- -moz-user-select: none;
714
- -ms-user-select: none;
715
- user-select: none;
716
- border-bottom-left-radius: 0.3rem;
717
- border-bottom-right-radius: 0.3rem;
718
- }
719
- .react-datepicker__year-option:hover,
720
- .react-datepicker__month-option:hover,
721
- .react-datepicker__month-year-option:hover {
722
- background-color: #ccc;
723
- }
724
- .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
725
- .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
726
- .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
727
- border-bottom-color: #b3b3b3;
728
- }
729
- .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
730
- .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
731
- .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
732
- border-top-color: #b3b3b3;
733
- }
734
- .react-datepicker__year-option--selected,
735
- .react-datepicker__month-option--selected,
736
- .react-datepicker__month-year-option--selected {
737
- position: absolute;
738
- left: 15px;
739
- }
740
-
741
- .react-datepicker__close-icon {
742
- cursor: pointer;
743
- background-color: transparent;
744
- border: 0;
745
- outline: 0;
746
- padding: 0 6px 0 0;
747
- position: absolute;
748
- top: 0;
749
- right: 0;
750
- height: 100%;
751
- display: table-cell;
752
- vertical-align: middle;
753
- }
754
- .react-datepicker__close-icon::after {
755
- cursor: pointer;
756
- background-color: #216ba5;
757
- color: #fff;
758
- border-radius: 50%;
759
- height: 16px;
760
- width: 16px;
761
- padding: 2px;
762
- font-size: 12px;
763
- line-height: 1;
764
- text-align: center;
765
- display: table-cell;
766
- vertical-align: middle;
767
- content: '×';
768
- }
769
- .react-datepicker__close-icon--disabled {
770
- cursor: default;
771
- }
772
- .react-datepicker__close-icon--disabled::after {
773
- cursor: default;
774
- background-color: #ccc;
775
- }
776
-
777
- .react-datepicker__today-button {
778
- background: #f0f0f0;
779
- border-top: 1px solid #aeaeae;
780
- cursor: pointer;
781
- text-align: center;
782
- font-weight: bold;
783
- padding: 5px 0;
784
- clear: left;
785
- }
786
-
787
- .react-datepicker__portal {
788
- position: fixed;
789
- width: 100vw;
790
- height: 100vh;
791
- background-color: rgba(0, 0, 0, 0.8);
792
- left: 0;
793
- top: 0;
794
- justify-content: center;
795
- align-items: center;
796
- display: flex;
797
- z-index: 2147483647;
798
- }
799
- .react-datepicker__portal .react-datepicker__day-name,
800
- .react-datepicker__portal .react-datepicker__day,
801
- .react-datepicker__portal .react-datepicker__time-name {
802
- width: 3rem;
803
- line-height: 3rem;
804
- }
805
- @media (max-width: 400px), (max-height: 550px) {
806
- .react-datepicker__portal .react-datepicker__day-name,
807
- .react-datepicker__portal .react-datepicker__day,
808
- .react-datepicker__portal .react-datepicker__time-name {
809
- width: 2rem;
810
- line-height: 2rem;
811
- }
812
- }
813
- .react-datepicker__portal .react-datepicker__current-month,
814
- .react-datepicker__portal .react-datepicker-time__header {
815
- font-size: 1.44rem;
816
- }
817
-
818
- .react-datepicker__children-container {
819
- width: 13.8rem;
820
- margin: 0.4rem;
821
- padding-right: 0.2rem;
822
- padding-left: 0.2rem;
823
- height: auto;
824
- }
825
-
826
- .react-datepicker__aria-live {
827
- position: absolute;
828
- clip-path: circle(0);
829
- border: 0;
830
- height: 1px;
831
- margin: -1px;
832
- overflow: hidden;
833
- padding: 0;
834
- width: 1px;
835
- white-space: nowrap;
836
- }
837
-
838
- .react-datepicker__calendar-icon {
839
- width: 1em;
840
- height: 1em;
841
- vertical-align: -0.125em;
842
- }