jquery-dateandtimepicker-rails 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,7 @@
1
+ jQuery(document).on('ready page:change', function() {
2
+ var datetimefield = jQuery('.datetimepicker');
3
+ datetimefield.datetimepicker({
4
+ format: 'Y-m-d H:i:s',
5
+ lang: datetimefield.attr('lang') || datetimefield.parents('[lang]').attr('lang')
6
+ });
7
+ });
@@ -0,0 +1,564 @@
1
+ .xdsoft_datetimepicker {
2
+ box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
3
+ background: #fff;
4
+ border-bottom: 1px solid #bbb;
5
+ border-left: 1px solid #ccc;
6
+ border-right: 1px solid #ccc;
7
+ border-top: 1px solid #ccc;
8
+ color: #333;
9
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
10
+ padding: 8px;
11
+ padding-left: 0;
12
+ padding-top: 2px;
13
+ position: absolute;
14
+ z-index: 9999;
15
+ -moz-box-sizing: border-box;
16
+ box-sizing: border-box;
17
+ display: none;
18
+ }
19
+ .xdsoft_datetimepicker.xdsoft_rtl {
20
+ padding: 8px 0 8px 8px;
21
+ }
22
+
23
+ .xdsoft_datetimepicker iframe {
24
+ position: absolute;
25
+ left: 0;
26
+ top: 0;
27
+ width: 75px;
28
+ height: 210px;
29
+ background: transparent;
30
+ border: none;
31
+ }
32
+
33
+ /*For IE8 or lower*/
34
+ .xdsoft_datetimepicker button {
35
+ border: none !important;
36
+ }
37
+
38
+ .xdsoft_noselect {
39
+ -webkit-touch-callout: none;
40
+ -webkit-user-select: none;
41
+ -khtml-user-select: none;
42
+ -moz-user-select: none;
43
+ -ms-user-select: none;
44
+ -o-user-select: none;
45
+ user-select: none;
46
+ }
47
+
48
+ .xdsoft_noselect::selection { background: transparent }
49
+ .xdsoft_noselect::-moz-selection { background: transparent }
50
+
51
+ .xdsoft_datetimepicker.xdsoft_inline {
52
+ display: inline-block;
53
+ position: static;
54
+ box-shadow: none;
55
+ }
56
+
57
+ .xdsoft_datetimepicker * {
58
+ -moz-box-sizing: border-box;
59
+ box-sizing: border-box;
60
+ padding: 0;
61
+ margin: 0;
62
+ }
63
+
64
+ .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
65
+ display: none;
66
+ }
67
+
68
+ .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
69
+ display: block;
70
+ }
71
+
72
+ .xdsoft_datetimepicker .xdsoft_datepicker {
73
+ width: 224px;
74
+ float: left;
75
+ margin-left: 8px;
76
+ }
77
+ .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
78
+ float: right;
79
+ margin-right: 8px;
80
+ margin-left: 0;
81
+ }
82
+
83
+ .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
84
+ width: 256px;
85
+ }
86
+
87
+ .xdsoft_datetimepicker .xdsoft_timepicker {
88
+ width: 58px;
89
+ float: left;
90
+ text-align: center;
91
+ margin-left: 8px;
92
+ margin-top: 0;
93
+ }
94
+ .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
95
+ float: right;
96
+ margin-right: 8px;
97
+ margin-left: 0;
98
+ }
99
+
100
+ .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
101
+ margin-top: 8px;
102
+ margin-bottom: 3px
103
+ }
104
+
105
+ .xdsoft_datetimepicker .xdsoft_mounthpicker {
106
+ position: relative;
107
+ text-align: center;
108
+ }
109
+
110
+ .xdsoft_datetimepicker .xdsoft_label i,
111
+ .xdsoft_datetimepicker .xdsoft_prev,
112
+ .xdsoft_datetimepicker .xdsoft_next,
113
+ .xdsoft_datetimepicker .xdsoft_today_button {
114
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
115
+ }
116
+
117
+ .xdsoft_datetimepicker .xdsoft_label i {
118
+ opacity: 0.5;
119
+ background-position: -92px -19px;
120
+ display: inline-block;
121
+ width: 9px;
122
+ height: 20px;
123
+ vertical-align: middle;
124
+ }
125
+
126
+ .xdsoft_datetimepicker .xdsoft_prev {
127
+ float: left;
128
+ background-position: -20px 0;
129
+ }
130
+ .xdsoft_datetimepicker .xdsoft_today_button {
131
+ float: left;
132
+ background-position: -70px 0;
133
+ margin-left: 5px;
134
+ }
135
+
136
+ .xdsoft_datetimepicker .xdsoft_next {
137
+ float: right;
138
+ background-position: 0 0;
139
+ }
140
+
141
+ .xdsoft_datetimepicker .xdsoft_next,
142
+ .xdsoft_datetimepicker .xdsoft_prev ,
143
+ .xdsoft_datetimepicker .xdsoft_today_button {
144
+ background-color: transparent;
145
+ background-repeat: no-repeat;
146
+ border: 0 none;
147
+ cursor: pointer;
148
+ display: block;
149
+ height: 30px;
150
+ opacity: 0.5;
151
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
152
+ outline: medium none;
153
+ overflow: hidden;
154
+ padding: 0;
155
+ position: relative;
156
+ text-indent: 100%;
157
+ white-space: nowrap;
158
+ width: 20px;
159
+ min-width: 0;
160
+ }
161
+
162
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
163
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
164
+ float: none;
165
+ background-position: -40px -15px;
166
+ height: 15px;
167
+ width: 30px;
168
+ display: block;
169
+ margin-left: 14px;
170
+ margin-top: 7px;
171
+ }
172
+ .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
173
+ .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
174
+ float: none;
175
+ margin-left: 0;
176
+ margin-right: 14px;
177
+ }
178
+
179
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
180
+ background-position: -40px 0;
181
+ margin-bottom: 7px;
182
+ margin-top: 0;
183
+ }
184
+
185
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
186
+ height: 151px;
187
+ overflow: hidden;
188
+ border-bottom: 1px solid #ddd;
189
+ }
190
+
191
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
192
+ background: #f5f5f5;
193
+ border-top: 1px solid #ddd;
194
+ color: #666;
195
+ font-size: 12px;
196
+ text-align: center;
197
+ border-collapse: collapse;
198
+ cursor: pointer;
199
+ border-bottom-width: 0;
200
+ height: 25px;
201
+ line-height: 25px;
202
+ }
203
+
204
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
205
+ border-top-width: 0;
206
+ }
207
+
208
+ .xdsoft_datetimepicker .xdsoft_today_button:hover,
209
+ .xdsoft_datetimepicker .xdsoft_next:hover,
210
+ .xdsoft_datetimepicker .xdsoft_prev:hover {
211
+ opacity: 1;
212
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
213
+ }
214
+
215
+ .xdsoft_datetimepicker .xdsoft_label {
216
+ display: inline;
217
+ position: relative;
218
+ z-index: 9999;
219
+ margin: 0;
220
+ padding: 5px 3px;
221
+ font-size: 14px;
222
+ line-height: 20px;
223
+ font-weight: bold;
224
+ background-color: #fff;
225
+ float: left;
226
+ width: 182px;
227
+ text-align: center;
228
+ cursor: pointer;
229
+ }
230
+
231
+ .xdsoft_datetimepicker .xdsoft_label:hover>span {
232
+ text-decoration: underline;
233
+ }
234
+
235
+ .xdsoft_datetimepicker .xdsoft_label:hover i {
236
+ opacity: 1.0;
237
+ }
238
+
239
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
240
+ border: 1px solid #ccc;
241
+ position: absolute;
242
+ right: 0;
243
+ top: 30px;
244
+ z-index: 101;
245
+ display: none;
246
+ background: #fff;
247
+ max-height: 160px;
248
+ overflow-y: hidden;
249
+ }
250
+
251
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
252
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
253
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
254
+ color: #fff;
255
+ background: #ff8000;
256
+ }
257
+
258
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
259
+ padding: 2px 10px 2px 5px;
260
+ text-decoration: none !important;
261
+ }
262
+
263
+ .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
264
+ background: #33aaff;
265
+ box-shadow: #178fe5 0 1px 3px 0 inset;
266
+ color: #fff;
267
+ font-weight: 700;
268
+ }
269
+
270
+ .xdsoft_datetimepicker .xdsoft_month {
271
+ width: 100px;
272
+ text-align: right;
273
+ }
274
+
275
+ .xdsoft_datetimepicker .xdsoft_calendar {
276
+ clear: both;
277
+ }
278
+
279
+ .xdsoft_datetimepicker .xdsoft_year{
280
+ width: 48px;
281
+ margin-left: 5px;
282
+ }
283
+
284
+ .xdsoft_datetimepicker .xdsoft_calendar table {
285
+ border-collapse: collapse;
286
+ width: 100%;
287
+
288
+ }
289
+
290
+ .xdsoft_datetimepicker .xdsoft_calendar td > div {
291
+ padding-right: 5px;
292
+ }
293
+
294
+ .xdsoft_datetimepicker .xdsoft_calendar th {
295
+ height: 25px;
296
+ }
297
+
298
+ .xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
299
+ width: 14.2857142%;
300
+ background: #f5f5f5;
301
+ border: 1px solid #ddd;
302
+ color: #666;
303
+ font-size: 12px;
304
+ text-align: right;
305
+ vertical-align: middle;
306
+ padding: 0;
307
+ border-collapse: collapse;
308
+ cursor: pointer;
309
+ height: 25px;
310
+ }
311
+ .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
312
+ width: 12.5%;
313
+ }
314
+
315
+ .xdsoft_datetimepicker .xdsoft_calendar th {
316
+ background: #f1f1f1;
317
+ }
318
+
319
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
320
+ color: #33aaff;
321
+ }
322
+
323
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
324
+ background: #ffe9d2;
325
+ box-shadow: #ffb871 0 1px 4px 0 inset;
326
+ color: #000;
327
+ }
328
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
329
+ background: #c1ffc9;
330
+ box-shadow: #00dd1c 0 1px 4px 0 inset;
331
+ color: #000;
332
+ }
333
+
334
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
335
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
336
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
337
+ background: #33aaff;
338
+ box-shadow: #178fe5 0 1px 3px 0 inset;
339
+ color: #fff;
340
+ font-weight: 700;
341
+ }
342
+
343
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
344
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
345
+ .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
346
+ opacity: 0.5;
347
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
348
+ cursor: default;
349
+ }
350
+
351
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
352
+ opacity: 0.2;
353
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
354
+ }
355
+
356
+ .xdsoft_datetimepicker .xdsoft_calendar td:hover,
357
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
358
+ color: #fff !important;
359
+ background: #ff8000 !important;
360
+ box-shadow: none !important;
361
+ }
362
+
363
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
364
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
365
+ background: #33aaff !important;
366
+ box-shadow: #178fe5 0 1px 3px 0 inset !important;
367
+ color: #fff !important;
368
+ }
369
+
370
+ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
371
+ .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
372
+ color: inherit !important;
373
+ background: inherit !important;
374
+ box-shadow: inherit !important;
375
+ }
376
+
377
+ .xdsoft_datetimepicker .xdsoft_calendar th {
378
+ font-weight: 700;
379
+ text-align: center;
380
+ color: #999;
381
+ cursor: default;
382
+ }
383
+
384
+ .xdsoft_datetimepicker .xdsoft_copyright {
385
+ color: #ccc !important;
386
+ font-size: 10px;
387
+ clear: both;
388
+ float: none;
389
+ margin-left: 8px;
390
+ }
391
+
392
+ .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
393
+ .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
394
+
395
+ .xdsoft_time_box {
396
+ position: relative;
397
+ border: 1px solid #ccc;
398
+ }
399
+ .xdsoft_scrollbar >.xdsoft_scroller {
400
+ background: #ccc !important;
401
+ height: 20px;
402
+ border-radius: 3px;
403
+ }
404
+ .xdsoft_scrollbar {
405
+ position: absolute;
406
+ width: 7px;
407
+ right: 0;
408
+ top: 0;
409
+ bottom: 0;
410
+ cursor: pointer;
411
+ }
412
+ .xdsoft_scroller_box {
413
+ position: relative;
414
+ }
415
+
416
+ .xdsoft_datetimepicker.xdsoft_dark {
417
+ box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
418
+ background: #000;
419
+ border-bottom: 1px solid #444;
420
+ border-left: 1px solid #333;
421
+ border-right: 1px solid #333;
422
+ border-top: 1px solid #333;
423
+ color: #ccc;
424
+ }
425
+
426
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
427
+ border-bottom: 1px solid #222;
428
+ }
429
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
430
+ background: #0a0a0a;
431
+ border-top: 1px solid #222;
432
+ color: #999;
433
+ }
434
+
435
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
436
+ background-color: #000;
437
+ }
438
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
439
+ border: 1px solid #333;
440
+ background: #000;
441
+ }
442
+
443
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
444
+ color: #000;
445
+ background: #007fff;
446
+ }
447
+
448
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
449
+ background: #cc5500;
450
+ box-shadow: #b03e00 0 1px 3px 0 inset;
451
+ color: #000;
452
+ }
453
+
454
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
455
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
456
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
457
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
458
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
459
+ }
460
+
461
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
462
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
463
+ background: #0a0a0a;
464
+ border: 1px solid #222;
465
+ color: #999;
466
+ }
467
+
468
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
469
+ background: #0e0e0e;
470
+ }
471
+
472
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
473
+ color: #cc5500;
474
+ }
475
+
476
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
477
+ background: #ffe9d2;
478
+ box-shadow: #ffb871 0 1px 4px 0 inset;
479
+ color:#000;
480
+ }
481
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
482
+ background: #c1ffc9;
483
+ box-shadow: #00dd1c 0 1px 4px 0 inset;
484
+ color:#000;
485
+ }
486
+
487
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
488
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
489
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
490
+ background: #cc5500;
491
+ box-shadow: #b03e00 0 1px 3px 0 inset;
492
+ color: #000;
493
+ }
494
+
495
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
496
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
497
+ color: #000 !important;
498
+ background: #007fff !important;
499
+ }
500
+
501
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
502
+ color: #666;
503
+ }
504
+
505
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
506
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
507
+ .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }
508
+
509
+ .xdsoft_dark .xdsoft_time_box {
510
+ border: 1px solid #333;
511
+ }
512
+
513
+ .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
514
+ background: #333 !important;
515
+ }
516
+ .xdsoft_datetimepicker .xdsoft_save_selected {
517
+ display: block;
518
+ border: 1px solid #dddddd !important;
519
+ margin-top: 5px;
520
+ width: 100%;
521
+ color: #454551;
522
+ font-size: 13px;
523
+ }
524
+ .xdsoft_datetimepicker .blue-gradient-button {
525
+ font-family: "museo-sans", "Book Antiqua", sans-serif;
526
+ font-size: 12px;
527
+ font-weight: 300;
528
+ color: #82878c;
529
+ height: 28px;
530
+ position: relative;
531
+ padding: 4px 17px 4px 33px;
532
+ border: 1px solid #d7d8da;
533
+ background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
534
+ /* FF3.6+ */
535
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
536
+ /* Chrome,Safari4+ */
537
+ background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
538
+ /* Chrome10+,Safari5.1+ */
539
+ background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
540
+ /* Opera 11.10+ */
541
+ background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
542
+ /* IE10+ */
543
+ background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
544
+ /* W3C */
545
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
546
+ /* IE6-9 */
547
+ }
548
+ .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
549
+ color: #454551;
550
+ background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
551
+ /* FF3.6+ */
552
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
553
+ /* Chrome,Safari4+ */
554
+ background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
555
+ /* Chrome10+,Safari5.1+ */
556
+ background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
557
+ /* Opera 11.10+ */
558
+ background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
559
+ /* IE10+ */
560
+ background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
561
+ /* W3C */
562
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
563
+ /* IE6-9 */
564
+ }