forstok-ui-lib 5.7.4 → 5.8.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.
@@ -1,1132 +0,0 @@
1
- @charset "UTF-8";
2
- .react-datepicker__navigation-icon::before, .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
- border-color: #ccc;
6
- border-style: solid;
7
- border-width: 3px 3px 0 0;
8
- content: "";
9
- display: block;
10
- height: 9px;
11
- position: absolute;
12
- top: 6px;
13
- width: 9px;
14
- }
15
- .react-datepicker-wrapper {
16
- display: inline-block;
17
- padding: 0;
18
- border: 0;
19
- }
20
-
21
- .react-datepicker {
22
- font-family: "Helvetica Neue", helvetica, arial, sans-serif;
23
- font-size: 0.8rem;
24
- background-color: #fff;
25
- color: #000;
26
- border: 1px solid #aeaeae;
27
- border-radius: 0.3rem;
28
- display: inline-block;
29
- position: relative;
30
- line-height: initial;
31
- }
32
-
33
- .react-datepicker--time-only .react-datepicker__time-container {
34
- border-left: 0;
35
- }
36
- .react-datepicker--time-only .react-datepicker__time,
37
- .react-datepicker--time-only .react-datepicker__time-box {
38
- border-bottom-left-radius: 0.3rem;
39
- border-bottom-right-radius: 0.3rem;
40
- }
41
-
42
- .react-datepicker-popper {
43
- z-index: 1;
44
- line-height: 0;
45
- }
46
- .react-datepicker-popper .react-datepicker__triangle {
47
- stroke: #aeaeae;
48
- }
49
- .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
50
- fill: #f0f0f0;
51
- color: #f0f0f0;
52
- }
53
- .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
54
- fill: #fff;
55
- color: #fff;
56
- }
57
-
58
- .react-datepicker__header {
59
- text-align: center;
60
- background-color: #f0f0f0;
61
- border-bottom: 1px solid #aeaeae;
62
- border-top-left-radius: 0.3rem;
63
- padding: 8px 0;
64
- position: relative;
65
- }
66
- .react-datepicker__header--time {
67
- padding-bottom: 8px;
68
- padding-left: 5px;
69
- padding-right: 5px;
70
- }
71
- .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
72
- border-top-left-radius: 0;
73
- }
74
- .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
75
- border-top-right-radius: 0.3rem;
76
- }
77
-
78
- .react-datepicker__year-dropdown-container--select,
79
- .react-datepicker__month-dropdown-container--select,
80
- .react-datepicker__month-year-dropdown-container--select,
81
- .react-datepicker__year-dropdown-container--scroll,
82
- .react-datepicker__month-dropdown-container--scroll,
83
- .react-datepicker__month-year-dropdown-container--scroll {
84
- display: inline-block;
85
- margin: 0 15px;
86
- }
87
-
88
- .react-datepicker__current-month,
89
- .react-datepicker-time__header,
90
- .react-datepicker-year-header {
91
- margin-top: 0;
92
- color: #000;
93
- font-weight: bold;
94
- font-size: 0.944rem;
95
- }
96
-
97
- h2.react-datepicker__current-month {
98
- padding: 0;
99
- margin: 0;
100
- }
101
-
102
- .react-datepicker-time__header {
103
- text-overflow: ellipsis;
104
- white-space: nowrap;
105
- overflow: hidden;
106
- }
107
-
108
- .react-datepicker__navigation {
109
- align-items: center;
110
- background: none;
111
- display: flex;
112
- justify-content: center;
113
- text-align: center;
114
- cursor: pointer;
115
- position: absolute;
116
- top: 2px;
117
- padding: 0;
118
- border: none;
119
- z-index: 1;
120
- height: 32px;
121
- width: 32px;
122
- text-indent: -999em;
123
- overflow: hidden;
124
- }
125
- .react-datepicker__navigation--previous {
126
- left: 2px;
127
- }
128
- .react-datepicker__navigation--next {
129
- right: 2px;
130
- }
131
- .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
132
- right: 85px;
133
- }
134
- .react-datepicker__navigation--years {
135
- position: relative;
136
- top: 0;
137
- display: block;
138
- margin-left: auto;
139
- margin-right: auto;
140
- }
141
- .react-datepicker__navigation--years-previous {
142
- top: 4px;
143
- }
144
- .react-datepicker__navigation--years-upcoming {
145
- top: -4px;
146
- }
147
- .react-datepicker__navigation:hover *::before {
148
- border-color: rgb(165.75, 165.75, 165.75);
149
- }
150
-
151
- .react-datepicker__navigation-icon {
152
- position: relative;
153
- top: -1px;
154
- font-size: 20px;
155
- width: 0;
156
- }
157
- .react-datepicker__navigation-icon--next {
158
- left: -2px;
159
- }
160
- .react-datepicker__navigation-icon--next::before {
161
- transform: rotate(45deg);
162
- left: -7px;
163
- }
164
- .react-datepicker__navigation-icon--previous {
165
- right: -2px;
166
- }
167
- .react-datepicker__navigation-icon--previous::before {
168
- transform: rotate(225deg);
169
- right: -7px;
170
- }
171
-
172
- .react-datepicker__month-container {
173
- float: left;
174
- }
175
-
176
- .react-datepicker__year {
177
- margin: 0.4rem;
178
- text-align: center;
179
- }
180
- .react-datepicker__year-wrapper {
181
- display: flex;
182
- flex-wrap: wrap;
183
- max-width: 180px;
184
- }
185
- .react-datepicker__year .react-datepicker__year-text {
186
- display: inline-block;
187
- width: 4rem;
188
- margin: 2px;
189
- }
190
-
191
- .react-datepicker__month {
192
- margin: 0.4rem;
193
- text-align: center;
194
- }
195
- .react-datepicker__month .react-datepicker__month-text,
196
- .react-datepicker__month .react-datepicker__quarter-text {
197
- display: inline-block;
198
- width: 4rem;
199
- margin: 2px;
200
- }
201
-
202
- .react-datepicker__input-time-container {
203
- clear: both;
204
- width: 100%;
205
- float: left;
206
- margin: 5px 0 10px 15px;
207
- text-align: left;
208
- }
209
- .react-datepicker__input-time-container .react-datepicker-time__caption {
210
- display: inline-block;
211
- }
212
- .react-datepicker__input-time-container .react-datepicker-time__input-container {
213
- display: inline-block;
214
- }
215
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
216
- display: inline-block;
217
- margin-left: 10px;
218
- }
219
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
220
- width: auto;
221
- }
222
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
223
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
224
- -webkit-appearance: none;
225
- margin: 0;
226
- }
227
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
228
- appearance: textfield;
229
- -moz-appearance: textfield;
230
- }
231
- .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
232
- margin-left: 5px;
233
- display: inline-block;
234
- }
235
-
236
- .react-datepicker__time-container {
237
- float: right;
238
- border-left: 1px solid #aeaeae;
239
- width: 85px;
240
- }
241
- .react-datepicker__time-container--with-today-button {
242
- display: inline;
243
- border: 1px solid #aeaeae;
244
- border-radius: 0.3rem;
245
- position: absolute;
246
- right: -87px;
247
- top: 0;
248
- }
249
- .react-datepicker__time-container .react-datepicker__time {
250
- position: relative;
251
- background: white;
252
- border-bottom-right-radius: 0.3rem;
253
- }
254
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
255
- width: 85px;
256
- overflow-x: hidden;
257
- margin: 0 auto;
258
- text-align: center;
259
- border-bottom-right-radius: 0.3rem;
260
- }
261
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
262
- list-style: none;
263
- margin: 0;
264
- height: calc(195px + 1.7rem / 2);
265
- overflow-y: scroll;
266
- padding-right: 0;
267
- padding-left: 0;
268
- width: 100%;
269
- box-sizing: content-box;
270
- }
271
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
272
- height: 30px;
273
- padding: 5px 10px;
274
- white-space: nowrap;
275
- }
276
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
277
- cursor: pointer;
278
- background-color: #f0f0f0;
279
- }
280
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
281
- background-color: #216ba5;
282
- color: white;
283
- font-weight: bold;
284
- }
285
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
286
- background-color: #216ba5;
287
- }
288
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
289
- color: #ccc;
290
- }
291
- .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
292
- cursor: default;
293
- background-color: transparent;
294
- }
295
-
296
- .react-datepicker__week-number {
297
- color: #ccc;
298
- display: inline-block;
299
- width: 1.7rem;
300
- line-height: 1.7rem;
301
- text-align: center;
302
- margin: 0.166rem;
303
- }
304
- .react-datepicker__week-number.react-datepicker__week-number--clickable {
305
- cursor: pointer;
306
- }
307
- .react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
308
- border-radius: 0.3rem;
309
- background-color: #f0f0f0;
310
- }
311
- .react-datepicker__week-number--selected {
312
- border-radius: 0.3rem;
313
- background-color: #216ba5;
314
- color: #fff;
315
- }
316
- .react-datepicker__week-number--selected:hover {
317
- background-color: rgb(28.75, 93.2196969697, 143.75);
318
- }
319
-
320
- .react-datepicker__day-names {
321
- white-space: nowrap;
322
- margin-bottom: -8px;
323
- }
324
-
325
- .react-datepicker__week {
326
- white-space: nowrap;
327
- }
328
-
329
- .react-datepicker__day-name,
330
- .react-datepicker__day,
331
- .react-datepicker__time-name {
332
- color: #000;
333
- display: inline-block;
334
- width: 1.7rem;
335
- line-height: 1.7rem;
336
- text-align: center;
337
- margin: 0.166rem;
338
- }
339
-
340
- .react-datepicker__day,
341
- .react-datepicker__month-text,
342
- .react-datepicker__quarter-text,
343
- .react-datepicker__year-text {
344
- cursor: pointer;
345
- }
346
- .react-datepicker__day:not([aria-disabled=true]):hover,
347
- .react-datepicker__month-text:not([aria-disabled=true]):hover,
348
- .react-datepicker__quarter-text:not([aria-disabled=true]):hover,
349
- .react-datepicker__year-text:not([aria-disabled=true]):hover {
350
- border-radius: 0.3rem;
351
- background-color: #f0f0f0;
352
- }
353
- .react-datepicker__day--today,
354
- .react-datepicker__month-text--today,
355
- .react-datepicker__quarter-text--today,
356
- .react-datepicker__year-text--today {
357
- font-weight: bold;
358
- }
359
- .react-datepicker__day--highlighted,
360
- .react-datepicker__month-text--highlighted,
361
- .react-datepicker__quarter-text--highlighted,
362
- .react-datepicker__year-text--highlighted {
363
- border-radius: 0.3rem;
364
- background-color: #3dcc4a;
365
- color: #fff;
366
- }
367
- .react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
368
- .react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
369
- .react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
370
- .react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
371
- background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
372
- }
373
- .react-datepicker__day--highlighted-custom-1,
374
- .react-datepicker__month-text--highlighted-custom-1,
375
- .react-datepicker__quarter-text--highlighted-custom-1,
376
- .react-datepicker__year-text--highlighted-custom-1 {
377
- color: magenta;
378
- }
379
- .react-datepicker__day--highlighted-custom-2,
380
- .react-datepicker__month-text--highlighted-custom-2,
381
- .react-datepicker__quarter-text--highlighted-custom-2,
382
- .react-datepicker__year-text--highlighted-custom-2 {
383
- color: green;
384
- }
385
- .react-datepicker__day--holidays,
386
- .react-datepicker__month-text--holidays,
387
- .react-datepicker__quarter-text--holidays,
388
- .react-datepicker__year-text--holidays {
389
- position: relative;
390
- border-radius: 0.3rem;
391
- background-color: #ff6803;
392
- color: #fff;
393
- }
394
- .react-datepicker__day--holidays .overlay,
395
- .react-datepicker__month-text--holidays .overlay,
396
- .react-datepicker__quarter-text--holidays .overlay,
397
- .react-datepicker__year-text--holidays .overlay {
398
- position: absolute;
399
- bottom: 100%;
400
- left: 50%;
401
- transform: translateX(-50%);
402
- background-color: #333;
403
- color: #fff;
404
- padding: 4px;
405
- border-radius: 4px;
406
- white-space: nowrap;
407
- visibility: hidden;
408
- opacity: 0;
409
- transition: visibility 0s, opacity 0.3s ease-in-out;
410
- }
411
- .react-datepicker__day--holidays:not([aria-disabled=true]):hover,
412
- .react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
413
- .react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
414
- .react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
415
- background-color: rgb(207, 82.9642857143, 0);
416
- }
417
- .react-datepicker__day--holidays:hover .overlay,
418
- .react-datepicker__month-text--holidays:hover .overlay,
419
- .react-datepicker__quarter-text--holidays:hover .overlay,
420
- .react-datepicker__year-text--holidays:hover .overlay {
421
- visibility: visible;
422
- opacity: 1;
423
- }
424
- .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
425
- .react-datepicker__month-text--selected,
426
- .react-datepicker__month-text--in-selecting-range,
427
- .react-datepicker__month-text--in-range,
428
- .react-datepicker__quarter-text--selected,
429
- .react-datepicker__quarter-text--in-selecting-range,
430
- .react-datepicker__quarter-text--in-range,
431
- .react-datepicker__year-text--selected,
432
- .react-datepicker__year-text--in-selecting-range,
433
- .react-datepicker__year-text--in-range {
434
- border-radius: 0.3rem;
435
- background-color: #216ba5;
436
- color: #fff;
437
- }
438
- .react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
439
- .react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
440
- .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
441
- .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
442
- .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
443
- .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
444
- .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
445
- .react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
446
- .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
447
- .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
448
- background-color: rgb(28.75, 93.2196969697, 143.75);
449
- }
450
- .react-datepicker__day--keyboard-selected,
451
- .react-datepicker__month-text--keyboard-selected,
452
- .react-datepicker__quarter-text--keyboard-selected,
453
- .react-datepicker__year-text--keyboard-selected {
454
- border-radius: 0.3rem;
455
- background-color: rgb(186.25, 217.0833333333, 241.25);
456
- color: rgb(0, 0, 0);
457
- }
458
- .react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
459
- .react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
460
- .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
461
- .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
462
- background-color: rgb(28.75, 93.2196969697, 143.75);
463
- }
464
- .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
465
- .react-datepicker__month-text--in-range,
466
- .react-datepicker__quarter-text--in-range,
467
- .react-datepicker__year-text--in-range),
468
- .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
469
- .react-datepicker__month-text--in-range,
470
- .react-datepicker__quarter-text--in-range,
471
- .react-datepicker__year-text--in-range),
472
- .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
473
- .react-datepicker__month-text--in-range,
474
- .react-datepicker__quarter-text--in-range,
475
- .react-datepicker__year-text--in-range),
476
- .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
477
- .react-datepicker__month-text--in-range,
478
- .react-datepicker__quarter-text--in-range,
479
- .react-datepicker__year-text--in-range) {
480
- background-color: rgba(33, 107, 165, 0.5);
481
- }
482
- .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
483
- .react-datepicker__month-text--in-selecting-range,
484
- .react-datepicker__quarter-text--in-selecting-range,
485
- .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
486
- .react-datepicker__month-text--in-selecting-range,
487
- .react-datepicker__quarter-text--in-selecting-range,
488
- .react-datepicker__year-text--in-selecting-range),
489
- .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
490
- .react-datepicker__month-text--in-selecting-range,
491
- .react-datepicker__quarter-text--in-selecting-range,
492
- .react-datepicker__year-text--in-selecting-range),
493
- .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
494
- .react-datepicker__month-text--in-selecting-range,
495
- .react-datepicker__quarter-text--in-selecting-range,
496
- .react-datepicker__year-text--in-selecting-range),
497
- .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
498
- .react-datepicker__month-text--in-selecting-range,
499
- .react-datepicker__quarter-text--in-selecting-range,
500
- .react-datepicker__year-text--in-selecting-range),
501
- .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
502
- .react-datepicker__month-text--in-selecting-range,
503
- .react-datepicker__quarter-text--in-selecting-range,
504
- .react-datepicker__year-text--in-selecting-range),
505
- .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
506
- .react-datepicker__month-text--in-selecting-range,
507
- .react-datepicker__quarter-text--in-selecting-range,
508
- .react-datepicker__year-text--in-selecting-range),
509
- .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
510
- .react-datepicker__month-text--in-selecting-range,
511
- .react-datepicker__quarter-text--in-selecting-range,
512
- .react-datepicker__year-text--in-selecting-range) {
513
- background-color: #f0f0f0;
514
- color: #000;
515
- }
516
- .react-datepicker__day--disabled,
517
- .react-datepicker__month-text--disabled,
518
- .react-datepicker__quarter-text--disabled,
519
- .react-datepicker__year-text--disabled {
520
- cursor: default;
521
- color: #ccc;
522
- }
523
- .react-datepicker__day--disabled .overlay,
524
- .react-datepicker__month-text--disabled .overlay,
525
- .react-datepicker__quarter-text--disabled .overlay,
526
- .react-datepicker__year-text--disabled .overlay {
527
- position: absolute;
528
- bottom: 70%;
529
- left: 50%;
530
- transform: translateX(-50%);
531
- background-color: #333;
532
- color: #fff;
533
- padding: 4px;
534
- border-radius: 4px;
535
- white-space: nowrap;
536
- visibility: hidden;
537
- opacity: 0;
538
- transition: visibility 0s, opacity 0.3s ease-in-out;
539
- }
540
-
541
- .react-datepicker__input-container {
542
- position: relative;
543
- display: inline-block;
544
- width: 100%;
545
- }
546
- .react-datepicker__input-container .react-datepicker__calendar-icon {
547
- position: absolute;
548
- padding: 0.5rem;
549
- box-sizing: content-box;
550
- }
551
-
552
- .react-datepicker__view-calendar-icon input {
553
- padding: 6px 10px 5px 25px;
554
- }
555
-
556
- .react-datepicker__year-read-view,
557
- .react-datepicker__month-read-view,
558
- .react-datepicker__month-year-read-view {
559
- border: 1px solid transparent;
560
- border-radius: 0.3rem;
561
- position: relative;
562
- }
563
- .react-datepicker__year-read-view:hover,
564
- .react-datepicker__month-read-view:hover,
565
- .react-datepicker__month-year-read-view:hover {
566
- cursor: pointer;
567
- }
568
- .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
569
- .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
570
- .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
571
- .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
572
- .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
573
- .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
574
- border-top-color: rgb(178.5, 178.5, 178.5);
575
- }
576
- .react-datepicker__year-read-view--down-arrow,
577
- .react-datepicker__month-read-view--down-arrow,
578
- .react-datepicker__month-year-read-view--down-arrow {
579
- transform: rotate(135deg);
580
- right: -16px;
581
- top: 0;
582
- }
583
-
584
- .react-datepicker__year-dropdown,
585
- .react-datepicker__month-dropdown,
586
- .react-datepicker__month-year-dropdown {
587
- background-color: #f0f0f0;
588
- position: absolute;
589
- width: 50%;
590
- left: 25%;
591
- top: 30px;
592
- z-index: 1;
593
- text-align: center;
594
- border-radius: 0.3rem;
595
- border: 1px solid #aeaeae;
596
- }
597
- .react-datepicker__year-dropdown:hover,
598
- .react-datepicker__month-dropdown:hover,
599
- .react-datepicker__month-year-dropdown:hover {
600
- cursor: pointer;
601
- }
602
- .react-datepicker__year-dropdown--scrollable,
603
- .react-datepicker__month-dropdown--scrollable,
604
- .react-datepicker__month-year-dropdown--scrollable {
605
- height: 150px;
606
- overflow-y: scroll;
607
- }
608
-
609
- .react-datepicker__year-option,
610
- .react-datepicker__month-option,
611
- .react-datepicker__month-year-option {
612
- line-height: 20px;
613
- width: 100%;
614
- display: block;
615
- margin-left: auto;
616
- margin-right: auto;
617
- }
618
- .react-datepicker__year-option:first-of-type,
619
- .react-datepicker__month-option:first-of-type,
620
- .react-datepicker__month-year-option:first-of-type {
621
- border-top-left-radius: 0.3rem;
622
- border-top-right-radius: 0.3rem;
623
- }
624
- .react-datepicker__year-option:last-of-type,
625
- .react-datepicker__month-option:last-of-type,
626
- .react-datepicker__month-year-option:last-of-type {
627
- -webkit-user-select: none;
628
- -moz-user-select: none;
629
- -ms-user-select: none;
630
- user-select: none;
631
- border-bottom-left-radius: 0.3rem;
632
- border-bottom-right-radius: 0.3rem;
633
- }
634
- .react-datepicker__year-option:hover,
635
- .react-datepicker__month-option:hover,
636
- .react-datepicker__month-year-option:hover {
637
- background-color: #ccc;
638
- }
639
- .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
640
- .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
641
- .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
642
- border-bottom-color: rgb(178.5, 178.5, 178.5);
643
- }
644
- .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
645
- .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
646
- .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
647
- border-top-color: rgb(178.5, 178.5, 178.5);
648
- }
649
- .react-datepicker__year-option--selected,
650
- .react-datepicker__month-option--selected,
651
- .react-datepicker__month-year-option--selected {
652
- position: absolute;
653
- left: 15px;
654
- }
655
-
656
- .react-datepicker__close-icon {
657
- cursor: pointer;
658
- background-color: transparent;
659
- border: 0;
660
- outline: 0;
661
- padding: 0 6px 0 0;
662
- position: absolute;
663
- top: 0;
664
- right: 0;
665
- height: 100%;
666
- display: table-cell;
667
- vertical-align: middle;
668
- }
669
- .react-datepicker__close-icon::after {
670
- cursor: pointer;
671
- background-color: #216ba5;
672
- color: #fff;
673
- border-radius: 50%;
674
- height: 16px;
675
- width: 16px;
676
- padding: 2px;
677
- font-size: 12px;
678
- line-height: 1;
679
- text-align: center;
680
- display: table-cell;
681
- vertical-align: middle;
682
- content: "×";
683
- }
684
- .react-datepicker__close-icon--disabled {
685
- cursor: default;
686
- }
687
- .react-datepicker__close-icon--disabled::after {
688
- cursor: default;
689
- background-color: #ccc;
690
- }
691
-
692
- .react-datepicker__today-button {
693
- background: #f0f0f0;
694
- border-top: 1px solid #aeaeae;
695
- cursor: pointer;
696
- text-align: center;
697
- font-weight: bold;
698
- padding: 5px 0;
699
- clear: left;
700
- }
701
-
702
- .react-datepicker__portal {
703
- position: fixed;
704
- width: 100vw;
705
- height: 100vh;
706
- background-color: rgba(0, 0, 0, 0.8);
707
- left: 0;
708
- top: 0;
709
- justify-content: center;
710
- align-items: center;
711
- display: flex;
712
- z-index: 2147483647;
713
- }
714
- .react-datepicker__portal .react-datepicker__day-name,
715
- .react-datepicker__portal .react-datepicker__day,
716
- .react-datepicker__portal .react-datepicker__time-name {
717
- width: 3rem;
718
- line-height: 3rem;
719
- }
720
- @media (max-width: 400px), (max-height: 550px) {
721
- .react-datepicker__portal .react-datepicker__day-name,
722
- .react-datepicker__portal .react-datepicker__day,
723
- .react-datepicker__portal .react-datepicker__time-name {
724
- width: 2rem;
725
- line-height: 2rem;
726
- }
727
- }
728
- .react-datepicker__portal .react-datepicker__current-month,
729
- .react-datepicker__portal .react-datepicker-time__header {
730
- font-size: 1.44rem;
731
- }
732
-
733
- .react-datepicker__children-container {
734
- width: 13.8rem;
735
- margin: 0.4rem;
736
- padding-right: 0.2rem;
737
- padding-left: 0.2rem;
738
- height: auto;
739
- }
740
-
741
- .react-datepicker__aria-live {
742
- position: absolute;
743
- clip-path: circle(0);
744
- border: 0;
745
- height: 1px;
746
- margin: -1px;
747
- overflow: hidden;
748
- padding: 0;
749
- width: 1px;
750
- white-space: nowrap;
751
- }
752
-
753
- .react-datepicker__calendar-icon {
754
- width: 1em;
755
- height: 1em;
756
- vertical-align: -0.125em;
757
- }
758
-
759
- #popup-portal .react-datepicker-popper {
760
- z-index: 1000;
761
- }
762
- .react-daterange-picker {
763
- display: inline-flex;
764
- position: relative;
765
- }
766
-
767
- .react-daterange-picker,
768
- .react-daterange-picker *,
769
- .react-daterange-picker *:before,
770
- .react-daterange-picker *:after {
771
- -moz-box-sizing: border-box;
772
- -webkit-box-sizing: border-box;
773
- box-sizing: border-box;
774
- }
775
-
776
- .react-daterange-picker--disabled {
777
- background-color: #f0f0f0;
778
- color: #6d6d6d;
779
- }
780
-
781
- .react-daterange-picker__wrapper {
782
- display: flex;
783
- flex-grow: 1;
784
- flex-shrink: 0;
785
- align-items: center;
786
- border: thin solid gray;
787
- }
788
-
789
- .react-daterange-picker__inputGroup {
790
- min-width: calc((4px * 3) + 0.54em * 8 + 0.217em * 2);
791
- height: 100%;
792
- flex-grow: 1;
793
- padding: 0 2px;
794
- box-sizing: content-box;
795
- }
796
-
797
- .react-daterange-picker__inputGroup__divider {
798
- padding: 1px 0;
799
- white-space: pre;
800
- }
801
-
802
- .react-daterange-picker__inputGroup__divider,
803
- .react-daterange-picker__inputGroup__leadingZero {
804
- display: inline-block;
805
- font: inherit;
806
- }
807
-
808
- .react-daterange-picker__inputGroup__input {
809
- min-width: 0.54em;
810
- height: 100%;
811
- position: relative;
812
- padding: 0 1px;
813
- border: 0;
814
- background: none;
815
- color: currentColor;
816
- font: inherit;
817
- box-sizing: content-box;
818
- -webkit-appearance: textfield;
819
- -moz-appearance: textfield;
820
- appearance: textfield;
821
- }
822
-
823
- .react-daterange-picker__inputGroup__input::-webkit-outer-spin-button,
824
- .react-daterange-picker__inputGroup__input::-webkit-inner-spin-button {
825
- -webkit-appearance: none;
826
- -moz-appearance: none;
827
- appearance: none;
828
- margin: 0;
829
- }
830
-
831
- .react-daterange-picker__inputGroup__input:invalid {
832
- background: rgba(255, 0, 0, 0.1);
833
- }
834
-
835
- .react-daterange-picker__inputGroup__input--hasLeadingZero {
836
- margin-left: -0.54em;
837
- padding-left: calc(1px + 0.54em);
838
- }
839
-
840
- .react-daterange-picker__button {
841
- border: 0;
842
- background: transparent;
843
- padding: 4px 6px;
844
- }
845
-
846
- .react-daterange-picker__button:enabled {
847
- cursor: pointer;
848
- }
849
-
850
- .react-daterange-picker__button:enabled:hover .react-daterange-picker__button__icon,
851
- .react-daterange-picker__button:enabled:focus .react-daterange-picker__button__icon {
852
- stroke: #0078d7;
853
- }
854
-
855
- .react-daterange-picker__button:disabled .react-daterange-picker__button__icon {
856
- stroke: #6d6d6d;
857
- }
858
-
859
- .react-daterange-picker__button svg {
860
- display: inherit;
861
- }
862
-
863
- .react-daterange-picker__calendar {
864
- width: 350px;
865
- max-width: 100vw;
866
- z-index: 1;
867
- }
868
-
869
- .react-daterange-picker__calendar--closed {
870
- display: none;
871
- }
872
-
873
- .react-daterange-picker__calendar .react-calendar {
874
- border-width: thin;
875
- }
876
-
877
- .react-calendar {
878
- width: 350px;
879
- max-width: 100%;
880
- background: white;
881
- border: 1px solid #a0a096;
882
- font-family: 'Arial', 'Helvetica', sans-serif;
883
- line-height: 1.125em;
884
- }
885
-
886
- .react-calendar--doubleView {
887
- width: 700px;
888
- }
889
-
890
- .react-calendar--doubleView .react-calendar__viewContainer {
891
- display: flex;
892
- margin: -0.5em;
893
- }
894
-
895
- .react-calendar--doubleView .react-calendar__viewContainer > * {
896
- width: 50%;
897
- margin: 0.5em;
898
- }
899
-
900
- .react-calendar,
901
- .react-calendar *,
902
- .react-calendar *:before,
903
- .react-calendar *:after {
904
- -moz-box-sizing: border-box;
905
- -webkit-box-sizing: border-box;
906
- box-sizing: border-box;
907
- }
908
-
909
- .react-calendar button {
910
- margin: 0;
911
- border: 0;
912
- outline: none;
913
- }
914
-
915
- .react-calendar button:enabled:hover {
916
- cursor: pointer;
917
- }
918
-
919
- .react-calendar__navigation {
920
- display: flex;
921
- height: 44px;
922
- margin-bottom: 1em;
923
- }
924
-
925
- .react-calendar__navigation button {
926
- min-width: 44px;
927
- background: none;
928
- }
929
-
930
- .react-calendar__navigation button:disabled {
931
- background-color: #f0f0f0;
932
- }
933
-
934
- .react-calendar__navigation button:enabled:hover,
935
- .react-calendar__navigation button:enabled:focus {
936
- background-color: #e6e6e6;
937
- }
938
-
939
- .react-calendar__month-view__weekdays {
940
- text-align: center;
941
- text-transform: uppercase;
942
- font: inherit;
943
- font-size: 0.75em;
944
- font-weight: bold;
945
- }
946
-
947
- .react-calendar__month-view__weekdays__weekday {
948
- padding: 0.5em;
949
- }
950
-
951
- .react-calendar__month-view__weekNumbers .react-calendar__tile {
952
- display: flex;
953
- align-items: center;
954
- justify-content: center;
955
- font: inherit;
956
- font-size: 0.75em;
957
- font-weight: bold;
958
- }
959
-
960
- .react-calendar__month-view__days__day--weekend {
961
- color: #d10000;
962
- }
963
-
964
- .react-calendar__month-view__days__day--neighboringMonth,
965
- .react-calendar__decade-view__years__year--neighboringDecade,
966
- .react-calendar__century-view__decades__decade--neighboringCentury {
967
- color: #757575;
968
- }
969
-
970
- .react-calendar__year-view .react-calendar__tile,
971
- .react-calendar__decade-view .react-calendar__tile,
972
- .react-calendar__century-view .react-calendar__tile {
973
- padding: 2em 0.5em;
974
- }
975
-
976
- .react-calendar__tile {
977
- max-width: 100%;
978
- padding: 10px 6.6667px;
979
- background: none;
980
- text-align: center;
981
- font: inherit;
982
- font-size: 0.833em;
983
- }
984
-
985
- .react-calendar__tile:disabled {
986
- background-color: #f0f0f0;
987
- color: #ababab;
988
- }
989
-
990
- .react-calendar__month-view__days__day--neighboringMonth:disabled,
991
- .react-calendar__decade-view__years__year--neighboringDecade:disabled,
992
- .react-calendar__century-view__decades__decade--neighboringCentury:disabled {
993
- color: #cdcdcd;
994
- }
995
-
996
- .react-calendar__tile:enabled:hover,
997
- .react-calendar__tile:enabled:focus {
998
- background-color: #e6e6e6;
999
- }
1000
-
1001
- .react-calendar__tile--now {
1002
- background: #ffff76;
1003
- }
1004
-
1005
- .react-calendar__tile--now:enabled:hover,
1006
- .react-calendar__tile--now:enabled:focus {
1007
- background: #ffffa9;
1008
- }
1009
-
1010
- .react-calendar__tile--hasActive {
1011
- background: #76baff;
1012
- }
1013
-
1014
- .react-calendar__tile--hasActive:enabled:hover,
1015
- .react-calendar__tile--hasActive:enabled:focus {
1016
- background: #a9d4ff;
1017
- }
1018
-
1019
- .react-calendar__tile--active {
1020
- background: #006edc;
1021
- color: white;
1022
- }
1023
-
1024
- .react-calendar__tile--active:enabled:hover,
1025
- .react-calendar__tile--active:enabled:focus {
1026
- background: #1087ff;
1027
- }
1028
-
1029
- .react-calendar--selectRange .react-calendar__tile--hover {
1030
- background-color: #e6e6e6;
1031
- }
1032
-
1033
- .react-daterange-picker {
1034
- font-family: var(--pri-ft-fm);
1035
- font-size: var(--pri-ft-sz);
1036
- color: var(--pri-clr);
1037
- background-color: var(--ter-clr-bg);
1038
- align-items: center;
1039
- border: 0;
1040
- border-radius: var(--sec-rd);
1041
- font-weight: 400;
1042
- height: 30px;
1043
- padding: 0 26px 0 16px;
1044
- position: relative;
1045
- width: 100%;
1046
- }
1047
- .react-daterange-picker__wrapper {
1048
- border: 0;
1049
- width: 100%;
1050
- justify-content: left;
1051
- display: inline-grid;
1052
- grid-auto-flow: column;
1053
- }
1054
- .react-calendar {
1055
- background-color: var(--pri-clr-bg);
1056
- border: 1px solid var(--sec-clr-ln);
1057
- box-shadow: var(--sec-shd-bx);
1058
- border-radius: var(--sec-rd);
1059
- border: 1px solid #a0a096;
1060
- font-family: var(--pri-ft-fm);
1061
- font-size: var(--pri-ft-sz);
1062
- color: var(--pri-clr);
1063
- line-height: 1.125em;
1064
- padding: 10px 15px;
1065
- }
1066
- .react-calendar__navigation__label__labelText {
1067
- color: #000;
1068
- font-size: 1em;
1069
- font-weight: 700;
1070
- height: 35px;
1071
- line-height: 35px;
1072
- position: relative;
1073
- text-align: center;
1074
- }
1075
- .react-calendar__tile {
1076
- font-size: 1em;
1077
- line-height: 1;
1078
- border-radius: 0;
1079
- }
1080
- .react-calendar__tile--now {
1081
- border-radius: 10px !important;
1082
- }
1083
- .react-calendar__tile--now.react-calendar__tile--active {
1084
- border-radius: 0 !important;
1085
- }
1086
- .react-calendar__tile--now.react-calendar__tile--rangeEnd.react-calendar__tile--active {
1087
- border-radius: 0 10px 10px 0 !important;
1088
- }
1089
- .react-calendar__tile--hover {
1090
- border-radius: 0;
1091
- }
1092
- .react-calendar__tile--active {
1093
- background-color: #fc5c64;
1094
- border: 1px solid #ec5b62;
1095
- }
1096
- .react-calendar__tile--active:enabled:hover, .react-calendar__tile--active:enabled:focus {
1097
- background-color: #fc5c64;
1098
- border: 1px solid #ec5b62;
1099
- }
1100
- .react-calendar__tile--rangeStart.react-calendar__tile--rangeEnd {
1101
- border-radius: 10px !important;
1102
- }
1103
- .react-calendar__tile--now.react-calendar__tile--rangeStart.react-calendar__tile--rangeEnd.react-calendar__tile--active {
1104
- border-radius: 10px !important;
1105
- }
1106
-
1107
-
1108
- .react-calendar__tile--rangeStart, .react-calendar__tile--hoverStart {
1109
- border-radius: 10px 0px 0 10px !important;
1110
- }
1111
- .react-calendar__tile--rangeEnd, .react-calendar__tile--hoverEnd {
1112
- border-radius: 0 10px 10px 0 !important;
1113
- }
1114
-
1115
-
1116
- .react-calendar__month-view__days {
1117
- gap: 1px 0;
1118
- }
1119
- .react-calendar__month-view__weekdays {
1120
- font-size: 1em;
1121
- }
1122
- .react-calendar__navigation__arrow {
1123
- font-size: 1.5em;
1124
- }
1125
- .react-daterange-picker__calendar {
1126
- z-index: 100;
1127
- }
1128
- .react-daterange-picker__button {
1129
- position: absolute;
1130
- right: 0;
1131
- }
1132
-