UNPKG

27.6 kBCSSView Raw
1
2.next-sr-only {
3 position: absolute;
4 width: 1px;
5 height: 1px;
6 padding: 0;
7 overflow: hidden;
8 clip: rect(0, 0, 0, 0);
9 white-space: nowrap;
10 border: 0;
11 top: 0;
12 margin: -1px; }
13
14.next-calendar {
15 box-sizing: border-box; }
16 .next-calendar *,
17 .next-calendar *:before,
18 .next-calendar *:after {
19 box-sizing: border-box; }
20 .next-calendar table {
21 border-collapse: collapse;
22 border-spacing: 0; }
23 .next-calendar td,
24 .next-calendar th {
25 padding: 0; }
26
27@keyframes cellZoomIn {
28 0% {
29 transform: scale(0.5); }
30 100% {
31 transform: scale(1); } }
32
33@keyframes cellHover {
34 0% {
35 opacity: 0; }
36 100% {
37 opacity: 1; } }
38
39@keyframes enterToLeft {
40 0% {
41 transform: translate(-40%);
42 opacity: 0; }
43 50% {
44 opacity: .6; }
45 100% {
46 opacity: 1;
47 transform: translate(0%); } }
48
49@keyframes enterToRight {
50 0% {
51 transform: translate(40%);
52 opacity: 0; }
53 50% {
54 opacity: .6; }
55 100% {
56 opacity: 1;
57 transform: translate(0%); } }
58
59.next-calendar-fullscreen .next-calendar-header, .next-calendar-card .next-calendar-header {
60 text-align: right; }
61 .next-calendar-fullscreen .next-calendar-header .next-select, .next-calendar-card .next-calendar-header .next-select {
62 margin-right: 4px;
63 margin-right: var(--s-1, 4px);
64 vertical-align: top; }
65 .next-calendar-fullscreen .next-calendar-header .next-menu, .next-calendar-card .next-calendar-header .next-menu {
66 text-align: left; }
67
68.next-calendar-fullscreen .next-calendar-header {
69 margin-bottom: 8px;
70 margin-bottom: var(--calendar-fullscreen-header-margin-bottom, 8px); }
71
72.next-calendar-card .next-calendar-header {
73 margin-bottom: 8px;
74 margin-bottom: var(--calendar-card-header-margin-bottom, 8px); }
75
76.next-calendar-panel-header {
77 position: relative;
78 background: #5584FF;
79 background: var(--calendar-panel-header-background, #5584FF);
80 margin-bottom: 8px;
81 margin-bottom: var(--calendar-panel-header-margin-bottom, 8px);
82 border-bottom: 1px solid transparent;
83 border-bottom: var(--calendar-panel-header-border-bottom-width, 1px) solid var(--calendar-panel-header-border-bottom-color, transparent); }
84 .next-calendar-panel-header-left, .next-calendar-panel-header-right, .next-calendar-panel-header-full {
85 height: 32px;
86 height: var(--calendar-panel-header-height, 32px);
87 line-height: 32px;
88 line-height: var(--calendar-panel-header-height, 32px); }
89 .next-calendar-panel-header-left .next-calendar-btn, .next-calendar-panel-header-right .next-calendar-btn, .next-calendar-panel-header-full .next-calendar-btn {
90 vertical-align: top;
91 font-weight: bold;
92 font-weight: var(--calendar-btn-date-font-weight, bold);
93 margin: 0 4px;
94 margin: 0 var(--calendar-btn-date-margin-lr, 4px);
95 background: transparent;
96 border-color: transparent; }
97 .next-calendar-panel-header-left .next-calendar-btn, .next-calendar-panel-header-left .next-calendar-btn:link, .next-calendar-panel-header-left .next-calendar-btn:visited, .next-calendar-panel-header-left .next-calendar-btn.visited, .next-calendar-panel-header-right .next-calendar-btn, .next-calendar-panel-header-right .next-calendar-btn:link, .next-calendar-panel-header-right .next-calendar-btn:visited, .next-calendar-panel-header-right .next-calendar-btn.visited, .next-calendar-panel-header-full .next-calendar-btn, .next-calendar-panel-header-full .next-calendar-btn:link, .next-calendar-panel-header-full .next-calendar-btn:visited, .next-calendar-panel-header-full .next-calendar-btn.visited {
98 color: #FFFFFF;
99 color: var(--calendar-btn-date-color, #FFFFFF); }
100 .next-calendar-panel-header-left .next-calendar-btn:focus, .next-calendar-panel-header-left .next-calendar-btn:hover, .next-calendar-panel-header-left .next-calendar-btn.hover, .next-calendar-panel-header-right .next-calendar-btn:focus, .next-calendar-panel-header-right .next-calendar-btn:hover, .next-calendar-panel-header-right .next-calendar-btn.hover, .next-calendar-panel-header-full .next-calendar-btn:focus, .next-calendar-panel-header-full .next-calendar-btn:hover, .next-calendar-panel-header-full .next-calendar-btn.hover {
101 color: #FFFFFF;
102 color: var(--calendar-btn-date-color-hover, #FFFFFF);
103 background: transparent;
104 border-color: transparent;
105 text-decoration: none; }
106 .next-calendar-panel-header-left .next-calendar-btn:active, .next-calendar-panel-header-left .next-calendar-btn.active, .next-calendar-panel-header-right .next-calendar-btn:active, .next-calendar-panel-header-right .next-calendar-btn.active, .next-calendar-panel-header-full .next-calendar-btn:active, .next-calendar-panel-header-full .next-calendar-btn.active {
107 color: #FFFFFF;
108 color: var(--calendar-btn-date-color-hover, #FFFFFF);
109 background: transparent;
110 border-color: transparent;
111 text-decoration: none; }
112 .next-calendar-panel-header-left, .next-calendar-panel-header-right {
113 display: inline-block;
114 width: 50%;
115 text-align: center; }
116 .next-calendar-panel-header-full {
117 width: 100%;
118 text-align: center; }
119
120.next-calendar-panel-menu {
121 max-height: 210px;
122 overflow: auto;
123 text-align: left; }
124
125.next-calendar-btn {
126 cursor: pointer;
127 padding: 0;
128 margin: 0;
129 border: 0;
130 background: transparent;
131 outline: none;
132 height: 100%; }
133 .next-calendar-btn > .next-icon.next-icon:before,
134 .next-calendar-btn > .next-icon.next-icon .next-icon-remote {
135 width: 12px;
136 width: var(--calendar-btn-arrow-size, 12px);
137 font-size: 12px;
138 font-size: var(--calendar-btn-arrow-size, 12px);
139 line-height: inherit; }
140 .next-calendar-btn .next-icon {
141 margin-left: 4px;
142 margin-left: var(--s-1, 4px); }
143
144.next-calendar-btn-prev-year, .next-calendar-btn-prev-month, .next-calendar-btn-prev-decade, .next-calendar-btn-next-month, .next-calendar-btn-next-year, .next-calendar-btn-next-decade {
145 position: absolute;
146 top: 0;
147 background: transparent;
148 border-color: transparent; }
149 .next-calendar-btn-prev-year, .next-calendar-btn-prev-year:link, .next-calendar-btn-prev-year:visited, .next-calendar-btn-prev-year.visited, .next-calendar-btn-prev-month, .next-calendar-btn-prev-month:link, .next-calendar-btn-prev-month:visited, .next-calendar-btn-prev-month.visited, .next-calendar-btn-prev-decade, .next-calendar-btn-prev-decade:link, .next-calendar-btn-prev-decade:visited, .next-calendar-btn-prev-decade.visited, .next-calendar-btn-next-month, .next-calendar-btn-next-month:link, .next-calendar-btn-next-month:visited, .next-calendar-btn-next-month.visited, .next-calendar-btn-next-year, .next-calendar-btn-next-year:link, .next-calendar-btn-next-year:visited, .next-calendar-btn-next-year.visited, .next-calendar-btn-next-decade, .next-calendar-btn-next-decade:link, .next-calendar-btn-next-decade:visited, .next-calendar-btn-next-decade.visited {
150 color: #FFFFFF;
151 color: var(--calendar-btn-arrow-color, #FFFFFF); }
152 .next-calendar-btn-prev-year:focus, .next-calendar-btn-prev-year:hover, .next-calendar-btn-prev-year.hover, .next-calendar-btn-prev-month:focus, .next-calendar-btn-prev-month:hover, .next-calendar-btn-prev-month.hover, .next-calendar-btn-prev-decade:focus, .next-calendar-btn-prev-decade:hover, .next-calendar-btn-prev-decade.hover, .next-calendar-btn-next-month:focus, .next-calendar-btn-next-month:hover, .next-calendar-btn-next-month.hover, .next-calendar-btn-next-year:focus, .next-calendar-btn-next-year:hover, .next-calendar-btn-next-year.hover, .next-calendar-btn-next-decade:focus, .next-calendar-btn-next-decade:hover, .next-calendar-btn-next-decade.hover {
153 color: #FFFFFF;
154 color: var(--calendar-btn-arrow-color-hover, #FFFFFF);
155 background: transparent;
156 border-color: transparent;
157 text-decoration: none; }
158 .next-calendar-btn-prev-year:active, .next-calendar-btn-prev-year.active, .next-calendar-btn-prev-month:active, .next-calendar-btn-prev-month.active, .next-calendar-btn-prev-decade:active, .next-calendar-btn-prev-decade.active, .next-calendar-btn-next-month:active, .next-calendar-btn-next-month.active, .next-calendar-btn-next-year:active, .next-calendar-btn-next-year.active, .next-calendar-btn-next-decade:active, .next-calendar-btn-next-decade.active {
159 color: #FFFFFF;
160 color: var(--calendar-btn-arrow-color-hover, #FFFFFF);
161 background: transparent;
162 border-color: transparent;
163 text-decoration: none; }
164
165.next-calendar-btn-prev-decade, .next-calendar-btn-prev-year {
166 left: 8px;
167 left: var(--calendar-btn-arrow-double-offset-lr, 8px); }
168
169.next-calendar-btn-prev-month {
170 left: 28px;
171 left: var(--calendar-btn-arrow-single-offset-lr, 28px); }
172
173.next-calendar-btn-next-month {
174 right: 28px;
175 right: var(--calendar-btn-arrow-single-offset-lr, 28px); }
176
177.next-calendar-btn-next-year, .next-calendar-btn-next-decade {
178 right: 8px;
179 right: var(--calendar-btn-arrow-double-offset-lr, 8px); }
180
181.next-calendar-fullscreen .next-calendar-th {
182 text-align: right;
183 color: #333333;
184 color: var(--calendar-fullscreen-table-head-color, #333333);
185 font-size: 16px;
186 font-size: var(--calendar-fullscreen-table-head-font-size, 16px);
187 font-weight: bold;
188 font-weight: var(--calendar-fullscreen-table-head-font-weight, bold);
189 padding-right: 12px;
190 padding-right: var(--calendar-fullscreen-table-head-padding-r, 12px);
191 padding-bottom: 4px;
192 padding-bottom: var(--calendar-fullscreen-table-head-padding-b, 4px); }
193
194.next-calendar-fullscreen .next-calendar-cell {
195 font-size: 14px;
196 font-size: var(--calendar-fullscreen-table-cell-font-size, 14px); }
197 .next-calendar-fullscreen .next-calendar-cell.next-selected .next-calendar-date,
198 .next-calendar-fullscreen .next-calendar-cell.next-selected .next-calendar-month {
199 font-weight: bold;
200 font-weight: var(--calendar-fullscreen-table-cell-select-font-weight, bold);
201 background: #DEE8FF;
202 background: var(--calendar-fullscreen-table-cell-select-background, #DEE8FF);
203 color: #5584FF;
204 color: var(--calendar-fullscreen-table-cell-select-color, #5584FF);
205 border-color: #5584FF;
206 border-color: var(--calendar-fullscreen-table-cell-select-border-color, #5584FF); }
207 .next-calendar-fullscreen .next-calendar-cell.next-disabled .next-calendar-date,
208 .next-calendar-fullscreen .next-calendar-cell.next-disabled .next-calendar-month {
209 cursor: not-allowed;
210 background: #F7F8FA;
211 background: var(--calendar-fullscreen-table-cell-disabled-background, #F7F8FA);
212 color: #CCCCCC;
213 color: var(--calendar-fullscreen-table-cell-disabled-color, #CCCCCC);
214 border-color: #E6E7EB;
215 border-color: var(--calendar-fullscreen-table-cell-disabled-border-color, #E6E7EB); }
216
217.next-calendar-fullscreen .next-calendar-date, .next-calendar-fullscreen .next-calendar-month {
218 text-align: right;
219 white-space: nowrap;
220 overflow: hidden;
221 text-overflow: ellipsis;
222 margin: 0px 4px;
223 margin: var(--calendar-fullscreen-table-cell-margin-tb, 0px) var(--calendar-fullscreen-table-cell-margin-lr, 4px);
224 padding: 4px 8px;
225 padding: var(--calendar-fullscreen-table-cell-padding-tb, 4px) var(--calendar-fullscreen-table-cell-padding-lr, 8px);
226 min-height: 80px;
227 min-height: var(--calendar-fullscreen-table-cell-min-height, 80px);
228 border-top: 2px solid;
229 border-top: var(--calendar-fullscreen-table-cell-boder-top-width, 2px) var(--line-solid, solid);
230 transition: background 100ms linear;
231 transition: background var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
232 background: #FFFFFF;
233 background: var(--calendar-fullscreen-table-cell-normal-background, #FFFFFF);
234 color: #333333;
235 color: var(--calendar-fullscreen-table-cell-normal-color, #333333);
236 border-color: #DCDEE3;
237 border-color: var(--calendar-fullscreen-table-cell-normal-border-color, #DCDEE3); }
238 .next-calendar-fullscreen .next-calendar-date:hover, .next-calendar-fullscreen .next-calendar-month:hover {
239 background: #DEE8FF;
240 background: var(--calendar-fullscreen-table-cell-hover-background, #DEE8FF);
241 color: #5584FF;
242 color: var(--calendar-fullscreen-table-cell-hover-color, #5584FF);
243 border-color: #5584FF;
244 border-color: var(--calendar-fullscreen-table-cell-hover-border-color, #5584FF); }
245
246.next-calendar-fullscreen .next-calendar-cell-prev-month .next-calendar-date, .next-calendar-fullscreen .next-calendar-cell-next-month .next-calendar-date {
247 background: transparent;
248 background: var(--calendar-fullscreen-table-cell-other-background, transparent);
249 color: #CCCCCC;
250 color: var(--calendar-fullscreen-table-cell-other-color, #CCCCCC);
251 border-color: transparent;
252 border-color: var(--calendar-fullscreen-table-cell-other-border-color, transparent); }
253
254.next-calendar-fullscreen .next-calendar-cell-current .next-calendar-date,
255.next-calendar-fullscreen .next-calendar-cell-current .next-calendar-month {
256 font-weight: bold;
257 font-weight: var(--calendar-fullscreen-table-cell-current-font-weight, bold);
258 background: #FFFFFF;
259 background: var(--calendar-fullscreen-table-cell-current-background, #FFFFFF);
260 color: #5584FF;
261 color: var(--calendar-fullscreen-table-cell-current-color, #5584FF);
262 border-color: #5584FF;
263 border-color: var(--calendar-fullscreen-table-cell-current-border-color, #5584FF); }
264
265.next-calendar-card .next-calendar-th,
266.next-calendar-panel .next-calendar-th,
267.next-calendar-range .next-calendar-th {
268 text-align: center;
269 color: #999999;
270 color: var(--calendar-card-table-head-color, #999999);
271 font-size: 12px;
272 font-size: var(--calendar-card-table-head-font-size, 12px);
273 font-weight: normal;
274 font-weight: var(--calendar-card-table-head-font-weight, normal); }
275
276.next-calendar-card .next-calendar-cell,
277.next-calendar-panel .next-calendar-cell,
278.next-calendar-range .next-calendar-cell {
279 text-align: center;
280 font-size: 12px;
281 font-size: var(--calendar-card-table-cell-font-size, 12px); }
282 .next-calendar-card .next-calendar-cell.next-selected .next-calendar-date,
283 .next-calendar-card .next-calendar-cell.next-selected .next-calendar-month,
284 .next-calendar-card .next-calendar-cell.next-selected .next-calendar-year,
285 .next-calendar-panel .next-calendar-cell.next-selected .next-calendar-date,
286 .next-calendar-panel .next-calendar-cell.next-selected .next-calendar-month,
287 .next-calendar-panel .next-calendar-cell.next-selected .next-calendar-year,
288 .next-calendar-range .next-calendar-cell.next-selected .next-calendar-date,
289 .next-calendar-range .next-calendar-cell.next-selected .next-calendar-month,
290 .next-calendar-range .next-calendar-cell.next-selected .next-calendar-year {
291 animation: cellZoomIn 0.4s cubic-bezier(0.23, 1, 0.32, 1);
292 font-weight: bold;
293 font-weight: var(--calendar-card-table-cell-select-font-weight, bold);
294 background: #5584FF;
295 background: var(--calendar-card-table-cell-select-background, #5584FF);
296 color: #FFFFFF;
297 color: var(--calendar-card-table-cell-select-color, #FFFFFF);
298 border-color: #5584FF;
299 border-color: var(--calendar-card-table-cell-select-border-color, #5584FF); }
300 .next-calendar-card .next-calendar-cell.next-disabled .next-calendar-date,
301 .next-calendar-card .next-calendar-cell.next-disabled .next-calendar-month,
302 .next-calendar-card .next-calendar-cell.next-disabled .next-calendar-year,
303 .next-calendar-panel .next-calendar-cell.next-disabled .next-calendar-date,
304 .next-calendar-panel .next-calendar-cell.next-disabled .next-calendar-month,
305 .next-calendar-panel .next-calendar-cell.next-disabled .next-calendar-year,
306 .next-calendar-range .next-calendar-cell.next-disabled .next-calendar-date,
307 .next-calendar-range .next-calendar-cell.next-disabled .next-calendar-month,
308 .next-calendar-range .next-calendar-cell.next-disabled .next-calendar-year {
309 cursor: not-allowed;
310 background: #F7F8FA;
311 background: var(--calendar-card-table-cell-disabled-background, #F7F8FA);
312 color: #CCCCCC;
313 color: var(--calendar-card-table-cell-disabled-color, #CCCCCC);
314 border-color: #F7F8FA;
315 border-color: var(--calendar-card-table-cell-disabled-border-color, #F7F8FA); }
316 .next-calendar-card .next-calendar-cell.next-inrange .next-calendar-date,
317 .next-calendar-panel .next-calendar-cell.next-inrange .next-calendar-date,
318 .next-calendar-range .next-calendar-cell.next-inrange .next-calendar-date {
319 background: #DEE8FF;
320 background: var(--calendar-card-table-cell-inrange-background, #DEE8FF);
321 color: #5584FF;
322 color: var(--calendar-card-table-cell-inrange-color, #5584FF);
323 border-color: #DEE8FF;
324 border-color: var(--calendar-card-table-cell-inrange-border-color, #DEE8FF); }
325
326.next-calendar-card .next-calendar-date, .next-calendar-card .next-calendar-month, .next-calendar-card .next-calendar-year,
327.next-calendar-panel .next-calendar-date,
328.next-calendar-panel .next-calendar-month,
329.next-calendar-panel .next-calendar-year,
330.next-calendar-range .next-calendar-date,
331.next-calendar-range .next-calendar-month,
332.next-calendar-range .next-calendar-year {
333 text-align: center;
334 border: 1px solid;
335 border: var(--line-1, 1px) var(--line-solid, solid);
336 background: #FFFFFF;
337 background: var(--calendar-card-table-cell-normal-background, #FFFFFF);
338 color: #666666;
339 color: var(--calendar-card-table-cell-normal-color, #666666);
340 border-color: #FFFFFF;
341 border-color: var(--calendar-card-table-cell-normal-border-color, #FFFFFF); }
342 .next-calendar-card .next-calendar-date:hover, .next-calendar-card .next-calendar-month:hover, .next-calendar-card .next-calendar-year:hover,
343 .next-calendar-panel .next-calendar-date:hover,
344 .next-calendar-panel .next-calendar-month:hover,
345 .next-calendar-panel .next-calendar-year:hover,
346 .next-calendar-range .next-calendar-date:hover,
347 .next-calendar-range .next-calendar-month:hover,
348 .next-calendar-range .next-calendar-year:hover {
349 cursor: pointer; }
350 .next-calendar-card .next-calendar-date:hover, .next-calendar-card .next-calendar-month:hover, .next-calendar-card .next-calendar-year:hover,
351 .next-calendar-panel .next-calendar-date:hover,
352 .next-calendar-panel .next-calendar-month:hover,
353 .next-calendar-panel .next-calendar-year:hover,
354 .next-calendar-range .next-calendar-date:hover,
355 .next-calendar-range .next-calendar-month:hover,
356 .next-calendar-range .next-calendar-year:hover {
357 background: #DEE8FF;
358 background: var(--calendar-card-table-cell-hover-background, #DEE8FF);
359 color: #5584FF;
360 color: var(--calendar-card-table-cell-hover-color, #5584FF);
361 border-color: #DEE8FF;
362 border-color: var(--calendar-card-table-cell-hover-border-color, #DEE8FF); }
363
364.next-calendar-card .next-calendar-date,
365.next-calendar-panel .next-calendar-date,
366.next-calendar-range .next-calendar-date {
367 width: 24px;
368 width: var(--calendar-card-table-cell-date-width, 24px);
369 height: 24px;
370 height: var(--calendar-card-table-cell-date-height, 24px);
371 line-height: 22px;
372 line-height: calc(var(--calendar-card-table-cell-date-height, 24px) - 2px);
373 margin: 4px auto;
374 margin: var(--s-1, 4px) auto;
375 border-radius: 3px;
376 border-radius: var(--calendar-card-table-cell-date-border-radius, 3px); }
377
378.next-calendar-card .next-calendar-month,
379.next-calendar-panel .next-calendar-month,
380.next-calendar-range .next-calendar-month {
381 width: 60px;
382 width: var(--calendar-card-table-cell-month-width, 60px);
383 height: 24px;
384 height: var(--calendar-card-table-cell-month-height, 24px);
385 line-height: 22px;
386 line-height: calc(var(--calendar-card-table-cell-month-height, 24px) - 2px);
387 margin: 8px auto;
388 margin: var(--s-2, 8px) auto;
389 border-radius: 3px;
390 border-radius: var(--calendar-card-table-cell-month-border-radius, 3px); }
391
392.next-calendar-card .next-calendar-year,
393.next-calendar-panel .next-calendar-year,
394.next-calendar-range .next-calendar-year {
395 width: 48px;
396 width: var(--calendar-card-table-cell-year-width, 48px);
397 height: 24px;
398 height: var(--calendar-card-table-cell-year-height, 24px);
399 line-height: 22px;
400 line-height: calc(var(--calendar-card-table-cell-year-height, 24px) - 2px);
401 margin: 8px auto;
402 margin: var(--s-2, 8px) auto;
403 border-radius: 3px;
404 border-radius: var(--calendar-card-table-cell-year-border-radius, 3px); }
405
406.next-calendar-card .next-calendar-cell-prev-month .next-calendar-date,
407.next-calendar-panel .next-calendar-cell-prev-month .next-calendar-date,
408.next-calendar-range .next-calendar-cell-prev-month .next-calendar-date {
409 background: #FFFFFF;
410 background: var(--calendar-card-table-cell-other-background, #FFFFFF);
411 color: #CCCCCC;
412 color: var(--calendar-card-table-cell-other-color, #CCCCCC);
413 border-color: #FFFFFF;
414 border-color: var(--calendar-card-table-cell-other-border-color, #FFFFFF); }
415
416.next-calendar-card .next-calendar-cell-next-month .next-calendar-date,
417.next-calendar-panel .next-calendar-cell-next-month .next-calendar-date,
418.next-calendar-range .next-calendar-cell-next-month .next-calendar-date {
419 background: #FFFFFF;
420 background: var(--calendar-card-table-cell-other-background, #FFFFFF);
421 color: #CCCCCC;
422 color: var(--calendar-card-table-cell-other-color, #CCCCCC);
423 border-color: #FFFFFF;
424 border-color: var(--calendar-card-table-cell-other-border-color, #FFFFFF); }
425
426.next-calendar-card .next-calendar-cell-current .next-calendar-date,
427.next-calendar-card .next-calendar-cell-current .next-calendar-month,
428.next-calendar-card .next-calendar-cell-current .next-calendar-year,
429.next-calendar-panel .next-calendar-cell-current .next-calendar-date,
430.next-calendar-panel .next-calendar-cell-current .next-calendar-month,
431.next-calendar-panel .next-calendar-cell-current .next-calendar-year,
432.next-calendar-range .next-calendar-cell-current .next-calendar-date,
433.next-calendar-range .next-calendar-cell-current .next-calendar-month,
434.next-calendar-range .next-calendar-cell-current .next-calendar-year {
435 font-weight: bold;
436 font-weight: var(--calendar-card-table-cell-current-font-weight, bold);
437 background: #FFFFFF;
438 background: var(--calendar-card-table-cell-current-background, #FFFFFF);
439 color: #5584FF;
440 color: var(--calendar-card-table-cell-current-color, #5584FF);
441 border-color: transparent;
442 border-color: var(--calendar-card-table-cell-current-border-color, transparent); }
443
444.next-calendar-panel.next-calendar-week .next-calendar-tbody tr {
445 cursor: pointer; }
446
447.next-calendar-panel.next-calendar-week .next-calendar-tbody tr:hover .next-calendar-cell .next-calendar-date {
448 background: #DEE8FF;
449 background: var(--calendar-card-table-cell-hover-background, #DEE8FF);
450 color: #5584FF;
451 color: var(--calendar-card-table-cell-hover-color, #5584FF);
452 border-color: #DEE8FF;
453 border-color: var(--calendar-card-table-cell-hover-border-color, #DEE8FF); }
454
455.next-calendar-panel.next-calendar-week .next-calendar-tbody .next-calendar-cell.next-selected .next-calendar-date {
456 font-weight: normal;
457 background: transparent;
458 border-color: transparent; }
459
460.next-calendar-panel.next-calendar-week .next-calendar-tbody .next-calendar-week-active-date {
461 position: relative;
462 color: #5584FF;
463 color: var(--calendar-card-table-cell-inrange-color, #5584FF); }
464 .next-calendar-panel.next-calendar-week .next-calendar-tbody .next-calendar-week-active-date::before {
465 content: '';
466 position: absolute;
467 left: -1px;
468 left: calc(0px - var(--line-1, 1px));
469 top: -1px;
470 top: calc(0px - var(--line-1, 1px));
471 bottom: -1px;
472 bottom: calc(0px - var(--line-1, 1px));
473 right: -1px;
474 right: calc(0px - var(--line-1, 1px));
475 border: 1px solid;
476 border: var(--line-1, 1px) var(--line-solid, solid);
477 background: #DEE8FF;
478 background: var(--calendar-card-table-cell-inrange-background, #DEE8FF);
479 border-color: #DEE8FF;
480 border-color: var(--calendar-card-table-cell-inrange-border-color, #DEE8FF);
481 border-radius: 3px;
482 border-radius: var(--calendar-card-table-cell-date-border-radius, 3px); }
483 .next-calendar-panel.next-calendar-week .next-calendar-tbody .next-calendar-week-active-date > span {
484 position: relative; }
485
486.next-calendar-panel.next-calendar-week .next-calendar-tbody .next-calendar-week-active-start,
487.next-calendar-panel.next-calendar-week .next-calendar-tbody .next-calendar-week-active-end {
488 color: #FFFFFF;
489 color: var(--calendar-card-table-cell-select-color, #FFFFFF); }
490 .next-calendar-panel.next-calendar-week .next-calendar-tbody .next-calendar-week-active-start::before,
491 .next-calendar-panel.next-calendar-week .next-calendar-tbody .next-calendar-week-active-end::before {
492 background: #5584FF;
493 background: var(--calendar-card-table-cell-select-background, #5584FF);
494 border-color: #5584FF;
495 border-color: var(--calendar-card-table-cell-select-border-color, #5584FF); }
496
497.next-calendar[dir="rtl"] .next-calendar-header {
498 text-align: left; }
499 .next-calendar[dir="rtl"] .next-calendar-header .next-select {
500 margin-right: 0;
501 margin-left: 4px;
502 margin-left: var(--s-1, 4px); }
503 .next-calendar[dir="rtl"] .next-calendar-header .next-menu {
504 text-align: right; }
505
506.next-calendar[dir="rtl"] .next-calendar-btn-prev-decade, .next-calendar[dir="rtl"] .next-calendar-btn-prev-year {
507 left: auto;
508 right: 8px;
509 right: var(--calendar-btn-arrow-double-offset-lr, 8px); }
510
511.next-calendar[dir="rtl"] .next-calendar-btn-prev-month {
512 left: auto;
513 right: 28px;
514 right: var(--calendar-btn-arrow-single-offset-lr, 28px); }
515
516.next-calendar[dir="rtl"] .next-calendar-btn-next-month {
517 right: auto;
518 left: 28px;
519 left: var(--calendar-btn-arrow-single-offset-lr, 28px); }
520
521.next-calendar[dir="rtl"] .next-calendar-btn-next-year, .next-calendar[dir="rtl"] .next-calendar-btn-next-decade {
522 right: auto;
523 left: 8px;
524 left: var(--calendar-btn-arrow-double-offset-lr, 8px); }
525
526.next-calendar-fullscreen[dir="rtl"] .next-calendar-th {
527 text-align: left;
528 padding-left: 12px;
529 padding-left: var(--calendar-fullscreen-table-head-padding-r, 12px);
530 padding-right: 0; }
531
532.next-calendar-fullscreen[dir="rtl"] .next-calendar-date, .next-calendar-fullscreen[dir="rtl"] .next-calendar-month {
533 text-align: left; }
534
535.next-calendar-range[dir="rtl"] .next-calendar-body-left, .next-calendar-range[dir="rtl"] .next-calendar-body-right {
536 float: right; }
537
538.next-calendar-range[dir="rtl"] .next-calendar-body-left {
539 padding-right: 0;
540 padding-left: 8px;
541 padding-left: var(--s-2, 8px); }
542
543.next-calendar-range[dir="rtl"] .next-calendar-body-right {
544 padding-left: 0;
545 padding-right: 8px;
546 padding-right: var(--s-2, 8px); }
547
548.next-calendar {
549 /* range calendar */
550 /* --------------- */ }
551 .next-calendar-table {
552 width: 100%;
553 table-layout: fixed; }
554 .next-calendar-range .next-calendar-body-left, .next-calendar-range .next-calendar-body-right {
555 float: left;
556 width: 50%; }
557 .next-calendar-range .next-calendar-body-left {
558 padding-right: 8px;
559 padding-right: var(--s-2, 8px); }
560 .next-calendar-range .next-calendar-body-right {
561 padding-left: 8px;
562 padding-left: var(--s-2, 8px); }
563 .next-calendar-range .next-calendar-body:after {
564 visibility: hidden;
565 display: block;
566 height: 0;
567 font-size: 0;
568 content: '\0020';
569 clear: both; }
570 .next-calendar-symbol-prev::before {
571 content: "";
572 content: var(--calendar-btn-arrow-content-prev, ""); }
573 .next-calendar-symbol-next::before {
574 content: "";
575 content: var(--calendar-btn-arrow-content-next, ""); }
576 .next-calendar-symbol-prev-super::before {
577 content: "";
578 content: var(--calendar-btn-arrow-content-prev-super, ""); }
579 .next-calendar-symbol-next-super::before {
580 content: "";
581 content: var(--calendar-btn-arrow-content-next-super, ""); }