zakhtar/Ukraine_Russia
0
1@charset "UTF-8";
2/*
3 | tail.datetime - The vanilla way to select dates and times!
4 | @file ./less/tail.datetime-harx-light.less
5 | @author SamBrishes <sam@pytes.net>
6 | @version 0.4.14 - Beta
7 |
8 | @website https://github.com/pytesNET/tail.DateTime
9 | @license X11 / MIT License
10 | @copyright Copyright © 2018 - 2019 SamBrishes, pytesNET <info@pytes.net>
11 */
12
13/*custom for menus:*/
14#menu {
15 vertical-align: top;
16 display: inline-block;
17 width: 20%;
18}
19.filterselect{
20
21 font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
22 margin-top: 10px;
23 margin-left: 10px;
24 margin-right: 0px;
25 margin-bottom: 10px;
26}
27.filterselect input, .filterselect select {
28 display: block;
29 width: 100%;
30}
31.filterselect p{
32
33 font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
34 margin-top: 0px !important;
35 margin-left: 10px;
36 margin-right: 10px;
37 margin-bottom: 0px;
38}
39.filterlabel {
40 font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
41 /*width: 50%;
42 float: right;*/
43 margin-right: 10px;
44 padding: 0px;
45 border: 0px;
46 /*clear: left;*/
47}
48.filterlabel + .filterlabel {
49 clear: none;
50 text-align: right;
51 color: #999;
52}
53.slider {
54 font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
55 margin-top: 10px;
56 margin-left: 20px;
57 margin-right: 20px;
58 margin-bottom: 10px;
59}
60
61/* @start MAIN CALENDAR */
62.tail-datetime-calendar, .tail-datetime-calendar *, .tail-datetime-calendar *:before,
63.tail-datetime-calendar *:after{
64 box-sizing: border-box;
65 -webkit-box-sizing: border-box;
66}
67.tail-datetime-calendar{
68 top: 0;
69 left: 0;
70 width: 360px;
71 height: auto;
72 margin: 15px;
73 padding: 0;
74 z-index: 3000;
75 display: block;
76 position: absolute;
77 visibility: hidden;
78 direction: ltr;
79 border-collapse: separate;
80 font-family: "Open Sans", Calibri, Arial, sans-serif;
81 background-color: white;
82 border-width: 0;
83 border-style: solid;
84 border-color: transparent;
85 border-radius: 3px;
86 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 1px rgba(0, 0, 0, 0.1);
87 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 1px rgba(0, 0, 0, 0.1);
88}
89.tail-datetime-calendar:after{
90 clear: both;
91 content: "";
92 display: block;
93 font-size: 0;
94 visibility: hidden;
95}
96.tail-datetime-calendar.calendar-static{
97 top: auto;
98 left: auto;
99 margin-left: auto;
100 margin-right: auto;
101 position: static;
102 visibility: visible;
103}
104.tail-datetime-calendar button.calendar-close{
105 top: 100%;
106 right: 15px;
107 color: #303438;
108 width: 35px;
109 height: 25px;
110 margin: 1px 0 0 0;
111 padding: 5px 10px;
112 opacity: 0.5;
113 display: inline-block;
114 position: absolute;
115 font-size: 14px;
116 line-height: 1.125em;
117 text-shadow: none;
118 border: 0;
119 outline: none;
120 background-color: white;
121 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z\
122 dmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjMzAzNDM4IiB\
123 kPSJNNy40OCA4bDMuNzUgMy43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNz\
124 cgNC4yNWwxLjQ4LTEuNDhMNiA2LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==");
125 background-repeat: no-repeat;
126 background-position: center center;
127 border-width: 0;
128 border-style: solid;
129 border-color: transparent;
130 border-radius: 0 0 3px 3px;
131 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 1px rgba(0, 0, 0, 0.1);
132 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 1px rgba(0, 0, 0, 0.1);
133 transition: opacity 142ms linear;
134 -webkit-transition: opacity 142ms linear;
135}
136.tail-datetime-calendar button.calendar-close:hover{
137 opacity: 1;
138}
139/* @end MAIN CALENDAR */
140
141/* @start CALENDAR TOOLTIP */
142.tail-datetime-calendar .calendar-tooltip{
143 color: white;
144 width: auto;
145 margin: 0;
146 padding: 0;
147 display: block;
148 position: absolute;
149 background-color: #303438;
150 border-radius: 3px;
151}
152.tail-datetime-calendar .calendar-tooltip:before{
153 top: -7px;
154 left: 50%;
155 width: 0;
156 height: 0;
157 margin: 0 0 0 -6px;
158 content: "";
159 display: block;
160 position: absolute;
161 border-width: 0 7px 7px 7px;
162 border-style: solid;
163 border-color: transparent transparent #303438 transparent;
164}
165.tail-datetime-calendar .calendar-tooltip .tooltip-inner{
166 width: auto;
167 margin: 0;
168 padding: 4px 7px;
169 display: block;
170 font-size: 12px;
171 line-height: 14px;
172}
173/* @end CALENDAR TOOLTIP */
174
175/* @start CALENDAR ACTIONs */
176.tail-datetime-calendar .calendar-actions{
177 color: #303438;
178 width: 100%;
179 height: 36px;
180 margin: 0;
181 padding: 0;
182 display: table;
183 overflow: hidden;
184 border-spacing: 0;
185 border-collapse: separate;
186 background-color: white;
187 border-width: 0;
188 border-style: solid;
189 border-color: transparent;
190 border-radius: 3px 3px 0 0;
191}
192.tail-datetime-calendar .calendar-actions span{
193 margin: 0;
194 padding: 0;
195 opacity: 0.5;
196 display: table-cell;
197 position: relative;
198 text-align: center;
199 line-height: 40px;
200 text-shadow: none;
201 background-repeat: no-repeat;
202 background-position: center center;
203 transition: opacity 142ms linear, background 142ms linear;
204 -webkit-transition: opacity 142ms linear, background 142ms linear;
205}
206.tail-datetime-calendar .calendar-actions span[data-action]{
207 cursor: pointer;
208}
209.tail-datetime-calendar .calendar-actions span.action{
210 width: 50px;
211 font-size: 22px;
212}
213.tail-datetime-calendar .calendar-actions span.label{
214 width: auto;
215 opacity: 1;
216 font-size: 16px;
217}
218.tail-datetime-calendar .calendar-actions span:first-child{
219 border-radius: 4px 0 0 0;
220}
221.tail-datetime-calendar .calendar-actions span:last-child{
222 border-radius: 0 4px 0 0;
223}
224.tail-datetime-calendar .calendar-actions span:first-child:before,
225.tail-datetime-calendar .calendar-actions span:last-child:before{
226 top: 5px;
227 bottom: 5px;
228 width: 1px;
229 height: auto;
230 margin: 0;
231 padding: 0;
232 content: "";
233 display: inline-block;
234 position: absolute;
235 background-color: #e6e6e6;
236}
237.tail-datetime-calendar .calendar-actions span:first-child:before{
238 right: -1px;
239}
240.tail-datetime-calendar .calendar-actions span:last-child:before{
241 left: -1px;
242}
243.tail-datetime-calendar .calendar-actions span:first-child:hover:before,
244.tail-datetime-calendar .calendar-actions span:last-child:hover:before{
245 display: none;
246}
247.tail-datetime-calendar .calendar-actions span[data-action]:hover{
248 opacity: 0.95;
249 background-color: #e6e6e6;
250}
251.tail-datetime-calendar .calendar-actions span.action-prev{
252 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd\
253 mciIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgNiAxNiI+PHBhdGggZD0iTTYgMkwwIDhsNiA2VjJ6\
254 Ii8+PC9zdmc+");
255}
256.tail-datetime-calendar .calendar-actions span.action-next{
257 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z\
258 dmciIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgNiAxNiI+PHBhdGggZD0iTTAgMTRsNi02LTYtNnY\
259 xMnoiLz48L3N2Zz4=");
260}
261.tail-datetime-calendar .calendar-actions span.action-submit{
262 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z\
263 dmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNMTIgNWwtOCA4LTQ\
264 tNCAxLjUtMS41TDQgMTBsNi41LTYuNUwxMiA1eiIvPjwvc3ZnPg==");
265}
266.tail-datetime-calendar .calendar-actions span.action-cancel{
267 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z\
268 dmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjMzAzNDM4IiB\
269 kPSJNNy40OCA4bDMuNzUgMy43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNz\
270 cgNC4yNWwxLjQ4LTEuNDhMNiA2LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==");
271}
272/* @end CALENDAR ACTIONs */
273
274/* @start CALENDAR DATEPICKER */
275.tail-datetime-calendar .calendar-datepicker{
276 width: 100%;
277 margin: 0 0 15px 0;
278 padding: 0;
279 display: block;
280 position: relative;
281}
282.tail-datetime-calendar .calendar-datepicker:after{
283 top: -1px;
284 left: 10px;
285 right: 10px;
286 content: "";
287 position: absolute;
288 border-width: 1px 0 0 0;
289 border-style: solid;
290 border-color: #e6e6e6;
291}
292.tail-datetime-calendar .calendar-datepicker table{
293 width: 100%;
294 margin: 0;
295 padding: 0;
296 border-spacing: 1px;
297 border-collapse: separate;
298}
299.tail-datetime-calendar .calendar-datepicker table tr th,
300.tail-datetime-calendar .calendar-datepicker table tr td{
301 color: #303438;
302 width: 50px;
303 height: 35px;
304 padding: 0;
305 position: relative;
306 font-size: 13px;
307 text-align: center;
308 font-weight: normal;
309 text-shadow: none;
310 line-height: 30px;
311 background-color: transparent;
312 border-width: 1px;
313 border-style: solid;
314 border-color: transparent;
315 border-radius: 3px;
316}
317.tail-datetime-calendar .calendar-datepicker table tr td{
318 cursor: pointer;
319}
320.tail-datetime-calendar .calendar-datepicker table tr td span.inner{
321 margin: 0;
322 padding: 0;
323 display: inline-block;
324}
325.tail-datetime-calendar .calendar-datepicker table tr td.date-disabled{
326 cursor: not-allowed;
327 color: #A0A4A8;
328}
329.tail-datetime-calendar .calendar-datepicker table tr td.date-disabled:after{
330 color: #A0A4A8;
331 top: 0;
332 left: 0;
333 width: 49px;
334 height: 35px;
335 margin: 0;
336 padding: 0;
337 content: "✕";
338 opacity: 0.25;
339 display: inline-block;
340 position: absolute;
341 font-size: 30px;
342 line-height: 35px;
343}
344.tail-datetime-calendar .calendar-datepicker table tr td.date-previous,
345.tail-datetime-calendar .calendar-datepicker table tr td.date-next{
346 color: #808488;
347 background-color: transparent;
348}
349.tail-datetime-calendar .calendar-datepicker table tr td.date-today:before,
350.tail-datetime-calendar .calendar-datepicker table tr td .tooltip-tick{
351 top: 5px;
352 width: 5px;
353 height: 5px;
354 margin: 0;
355 padding: 0;
356 z-index: 20;
357 content: "";
358 display: inline-block;
359 position: absolute;
360 border-width: 0;
361 border-style: solid;
362 border-color: transparent;
363 border-radius: 50%;
364}
365.tail-datetime-calendar .calendar-datepicker table tr td.date-today:before{
366 left: 5px;
367 background-color: #32B93C;
368}
369.tail-datetime-calendar .calendar-datepicker table tr td .tooltip-tick{
370 right: 5px;
371 background-color: #303438;
372}
373.tail-datetime-calendar .calendar-datepicker table tr td.date-select.date-today:before,
374.tail-datetime-calendar .calendar-datepicker table tr td.date-select .tooltip-tick{
375 background-color: white;
376}
377.tail-datetime-calendar .calendar-datepicker table tr td .tooltip-tick:before,
378.tail-datetime-calendar .calendar-datepicker table tr td .tooltip-tick:after{
379 display: none;
380}
381.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day,
382.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month,
383.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year,
384.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade{
385 width: 14.28571429%;
386 height: 35px;
387}
388.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day:hover,
389.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month:hover,
390.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year:hover,
391.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade:hover{
392 border-color: #e6e6e6;
393}
394.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-disabled:hover,
395.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month.date-disabled:hover,
396.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year.date-disabled:hover,
397.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade.date-disabled:hover{
398 border-color: white;
399 background-color: white;
400}
401.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-today,
402.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month.date-today,
403.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year.date-today,
404.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade.date-today{
405 color: #32B93C;
406 border-color: #32B93C;
407}
408.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-select,
409.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month.date-select,
410.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year.date-select,
411.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade.date-select{
412 border-color: #149BE6;
413 background-color: #149BE6;
414}
415.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-select span,
416.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month.date-select span,
417.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year.date-select span,
418.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade.date-select span{
419 color: white;
420}
421.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day span.inner,
422.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month span.inner,
423.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year span.inner,
424.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade span.inner{
425 border: 0;
426}
427.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year,
428.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade{
429 width: 25%;
430}
431.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade span.inner{
432 height: 54px;
433 padding: 7px 15px;
434 text-align: center;
435 line-height: 20px;
436}
437/* @end CALENDAR DATEPICKER */
438
439/* @start CALENDAR TIMEPICKER */
440.tail-datetime-calendar .calendar-timepicker{
441 width: 100%;
442 margin: 0;
443 padding: 0;
444 display: block;
445 position: relative;
446 border-top: 0;
447 text-align: center;
448}
449.tail-datetime-calendar .calendar-timepicker:after{
450 top: -1px;
451 left: 10px;
452 right: 10px;
453 content: "";
454 position: absolute;
455 border-width: 1px 0 0 0;
456 border-style: solid;
457 border-color: #e6e6e6;
458}
459.tail-datetime-calendar .calendar-timepicker .timepicker-field{
460 width: auto;
461 margin: 0;
462 padding: 20px 10px 10px 10px;
463 display: inline-block;
464 position: relative;
465 text-align: center;
466}
467.tail-datetime-calendar .calendar-timepicker .timepicker-field:first-of-type{
468 text-align: right;
469}
470.tail-datetime-calendar .calendar-timepicker .timepicker-field:last-of-type{
471 text-align: left;
472}
473.tail-datetime-calendar .calendar-timepicker .timepicker-field input[type="text"]{
474 color: #606468;
475 width: 75px;
476 height: 35px;
477 margin: 0;
478 z-index: 4;
479 padding: 3px 20px 3px 5px;
480 display: inline-block;
481 position: relative;
482 font-size: 12px;
483 text-align: center;
484 appearance: textfield;
485 -moz-appearance: textfield;
486 -webkit-appearance: textfield;
487 background-color: white;
488 border-width: 1px;
489 border-style: solid;
490 border-color: #E0E0E0;
491 border-radius: 3px;
492 box-shadow: none;
493 -webkit-box-shadow: none;
494 transition: color 142ms linear, border 142ms linear, background 142ms linear;
495 -webkit-transition: color 142ms linear, border 142ms linear, background 142ms linear;
496}
497.tail-datetime-calendar .calendar-timepicker .timepicker-field input[type="text"]:hover{
498 color: #404448;
499 border-color: #D0D0D0;
500 background-color: white;
501}
502.tail-datetime-calendar .calendar-timepicker .timepicker-field input[type="text"]:focus{
503 color: #303438;
504 border-color: #149BE6;
505 background-color: white;
506}
507.tail-datetime-calendar .calendar-timepicker .timepicker-field input[type="text"]:disabled{
508 cursor: not-allowed;
509 color: #A0A4A8;
510 border-color: #D0D0D0;
511 background-color: #F0F0F0;
512}
513.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step{
514 right: 11px;
515 width: 20px;
516 height: 17px;
517 margin: 0;
518 padding: 0;
519 z-index: 15;
520 display: inline-block;
521 position: absolute;
522 background-color: white;
523 box-shadow: none;
524 -webkit-box-shadow: none;
525 transition: border 142ms linear, background 142ms linear;
526 -webkit-transition: border 142ms linear, background 142ms linear;
527}
528.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step:before{
529 top: 5px;
530 left: 50%;
531 width: 0;
532 height: 0;
533 margin: 0 0 0 -3px;
534 padding: 0;
535 content: "";
536 display: inline-block;
537 position: absolute;
538 transition: border 142ms linear;
539 -webkit-transition: border 142ms linear;
540}
541.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step.step-up{
542 top: 21px;
543 border-width: 0 0 1px 1px;
544 border-style: solid;
545 border-color: #E0E0E0;
546 border-radius: 0 2px 0 0;
547}
548.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step.step-up:hover{
549 background-color: white;
550}
551.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step.step-up:before{
552 border-width: 0 4px 5px 4px;
553 border-style: solid;
554 border-color: transparent transparent #606468 transparent;
555}
556.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step.step-down{
557 top: 37px;
558 border-width: 1px 0 0 1px;
559 border-style: solid;
560 border-color: #E0E0E0;
561 border-radius: 0 0 2px 0;
562}
563.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step.step-down:hover{
564 background-color: white;
565}
566.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step.step-down:before{
567 border-width: 5px 4px 0 4px;
568 border-style: solid;
569 border-color: #606468 transparent transparent transparent;
570}
571.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus + button.step-up{
572 border-color: #149BE6;
573 background-color: white;
574}
575.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus + button.step-up:before{
576 border-bottom-color: #149BE6;
577}
578.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus + button.step-up:hover{
579 color: white;
580 background-color: #149BE6;
581}
582.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus + button.step-up:hover:before{
583 border-bottom-color: white;
584}
585.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus + button + button.step-down{
586 border-color: #149BE6;
587 background-color: white;
588}
589.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus + button + button.step-down:before{
590 border-top-color: #149BE6;
591}
592.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus + button + button.step-down:hover{
593 color: white;
594 background-color: #149BE6;
595}
596.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus + button + button.step-down:hover:before{
597 border-top-color: white;
598}
599.tail-datetime-calendar .calendar-timepicker .timepicker-field input:disabled + button.step-up{
600 cursor: not-allowed;
601 border-color: #D0D0D0;
602 background-color: #F0F0F0;
603}
604.tail-datetime-calendar .calendar-timepicker .timepicker-field input:disabled + button.step-up:hover{
605 border-color: #D0D0D0;
606 background-color: #F0F0F0;
607}
608.tail-datetime-calendar .calendar-timepicker .timepicker-field input:disabled + button.step-up:before{
609 border-bottom-color: #A0A4A8;
610}
611.tail-datetime-calendar .calendar-timepicker .timepicker-field input:disabled + button + button.step-down{
612 cursor: not-allowed;
613 border-color: #D0D0D0;
614 background-color: #F0F0F0;
615}
616.tail-datetime-calendar .calendar-timepicker .timepicker-field input:disabled + button + button.step-down:hover{
617 border-color: #D0D0D0;
618 background-color: #F0F0F0;
619}
620.tail-datetime-calendar .calendar-timepicker .timepicker-field input:disabled + button + button.step-down:before{
621 border-top-color: #A0A4A8;
622}
623.tail-datetime-calendar .calendar-timepicker .timepicker-field label{
624 color: #606468;
625 margin: 0;
626 padding: 0;
627 display: block;
628 font-size: 12px;
629}
630.tail-datetime-calendar .calendar-timepicker label.timepicker-switch{
631 cursor: pointer;
632 margin: 0 0 -8px 0;
633 padding: 15px 0 0 0;
634 display: block;
635 text-align: center;
636 vertical-align: top;
637}
638.tail-datetime-calendar .calendar-timepicker label.timepicker-switch:before,
639.tail-datetime-calendar .calendar-timepicker label.timepicker-switch:after{
640 width: auto;
641 margin: 0;
642 padding: 0 5px;
643 font-size: 12px;
644 line-height: 16px;
645 vertical-align: top;
646}
647.tail-datetime-calendar .calendar-timepicker label.timepicker-switch:before{
648 content: attr(data-am);
649}
650.tail-datetime-calendar .calendar-timepicker label.timepicker-switch:after{
651 content: attr(data-pm);
652}
653.tail-datetime-calendar .calendar-timepicker label.timepicker-switch input[type="checkbox"]{
654 display: none;
655}
656.tail-datetime-calendar .calendar-timepicker label.timepicker-switch input[type="checkbox"] + span{
657 display: inline-block;
658 position: relative;
659 vertical-align: top;
660}
661.tail-datetime-calendar .calendar-timepicker label.timepicker-switch input[type="checkbox"] + span:before{
662 width: 50px;
663 height: 16px;
664 content: "";
665 display: inline-block;
666 vertical-align: top;
667 border-width: 1px;
668 border-style: solid;
669 border-color: #149BE6;
670 border-radius: 14px;
671 transition: border 284ms linear;
672 -webkit-transition: border 284ms linear;
673}
674.tail-datetime-calendar .calendar-timepicker label.timepicker-switch input[type="checkbox"] + span:after{
675 top: 3px;
676 left: 4px;
677 right: 30px;
678 width: auto;
679 height: 10px;
680 margin: 0;
681 padding: 0;
682 content: "";
683 display: inline-block;
684 position: absolute;
685 background-color: #149BE6;
686 border-radius: 15px;
687 vertical-align: top;
688 transition: left 284ms linear, right 284ms linear 284ms, background 284ms linear;
689 -webkit-transition: left 284ms linear, right 284ms linear 284ms, background 284ms linear;
690}
691.tail-datetime-calendar .calendar-timepicker label.timepicker-switch input[type="checkbox"]:checked + span:before{
692 border-color: #32B93C;
693}
694.tail-datetime-calendar .calendar-timepicker label.timepicker-switch input[type="checkbox"]:checked + span:after{
695 left: 30px;
696 right: 4px;
697 background-color: #32B93C;
698 transition: right 284ms linear, left 284ms linear 284ms, background 284ms linear;
699 -webkit-transition: right 284ms linear, left 284ms linear 284ms, background 284ms linear;
700}
701/* @end CALENDAR TIMEPICKER */
702
703/* @start RTL */
704.tail-datetime-calendar.rtl{
705 direction: rtl;
706}
707.tail-datetime-calendar.rtl .calendar-actions span.action-next,
708.tail-datetime-calendar.rtl .calendar-actions span.action-prev{
709 transform: rotate(180deg);
710 -moz-transform: rotate(180deg);
711 -webkit-transform: rotate(180deg);
712}
713.tail-datetime-calendar.rtl .calendar-datepicker table tr td.date-disabled:after{
714 right: 3px;
715 transform: rotate(45deg);
716 -moz-transform: rotate(45deg);
717 -webkit-transform: rotate(45deg);
718}
719.tail-datetime-calendar.rtl .calendar-datepicker table tr td.date-today:before{
720 right: 5px;
721}
722.tail-datetime-calendar.rtl .calendar-datepicker table tr td .tooltip-tick{
723 left: 5px;
724}
725.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month.date-today:before,
726.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year.date-today:before,
727.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade.date-today:before{
728 right: 50%;
729 margin-right: -2.5px;
730}
731.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month:hover span.inner:before,
732.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year:hover span.inner:before,
733.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade:hover span.inner:before{
734 right: 6px;
735 border-right-color: #cccccc;
736}
737.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month span.inner:after,
738.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year span.inner:after,
739.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade span.inner:after{
740 left: 0;
741}
742.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month:hover span.inner:after,
743.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year:hover span.inner:after,
744.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade:hover span.inner:after{
745 left: 6px;
746 border-left-color: #cccccc;
747}
748.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade span.inner{
749 text-align: right;
750}
751.tail-datetime-calendar.rtl .calendar-timepicker .timepicker-field:first-child{
752 text-align: left;
753 padding-left: 0;
754 padding-right: 25px;
755}
756.tail-datetime-calendar.rtl .calendar-timepicker .timepicker-field:last-child{
757 text-align: right;
758 padding-left: 25px;
759 padding-right: 0;
760}
761.tail-datetime-calendar.rtl .calendar-timepicker .timepicker-field:first-child input[type="text"]{
762 margin-left: -1px;
763 margin-right: 0;
764 border-radius: 0 3px 3px 0;
765}
766.tail-datetime-calendar.rtl .calendar-timepicker .timepicker-field:last-child input[type="text"]{
767 margin-left: 0;
768 margin-right: -1px;
769 border-radius: 3px 0 0 3px;
770}
771/* @end RTL */
772
773/*# sourceMappingURL=tail.datetime-harx-light.map */
774