2 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
4 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
17 .datepicker-rtl.dropdown-menu {
20 .datepicker-rtl table tr td span {
23 .datepicker-dropdown {
28 .datepicker-dropdown:before {
30 display: inline-block;
31 border-left: 7px solid transparent;
32 border-right: 7px solid transparent;
33 border-bottom: 7px solid rgba(0, 0, 0, 0.15);
35 border-bottom-color: rgba(0, 0, 0, 0.2);
38 .datepicker-dropdown:after {
40 display: inline-block;
41 border-left: 6px solid transparent;
42 border-right: 6px solid transparent;
43 border-bottom: 6px solid #fff;
47 .datepicker-dropdown.datepicker-orient-left:before {
50 .datepicker-dropdown.datepicker-orient-left:after {
53 .datepicker-dropdown.datepicker-orient-right:before {
56 .datepicker-dropdown.datepicker-orient-right:after {
59 .datepicker-dropdown.datepicker-orient-bottom:before {
62 .datepicker-dropdown.datepicker-orient-bottom:after {
65 .datepicker-dropdown.datepicker-orient-top:before {
68 border-top: 7px solid rgba(0, 0, 0, 0.15);
70 .datepicker-dropdown.datepicker-orient-top:after {
73 border-top: 6px solid #fff;
77 -webkit-touch-callout: none;
78 -webkit-user-select: none;
79 -khtml-user-select: none;
80 -moz-user-select: none;
81 -ms-user-select: none;
84 .datepicker table tr td,
85 .datepicker table tr th {
92 .table-striped .datepicker table tr td,
93 .table-striped .datepicker table tr th {
94 background-color: transparent;
96 .datepicker table tr td.old,
97 .datepicker table tr td.new {
100 .datepicker table tr td.day:hover,
101 .datepicker table tr td.focused {
105 .datepicker table tr td.disabled,
106 .datepicker table tr td.disabled:hover {
111 .datepicker table tr td.highlighted {
113 background-color: #d9edf7;
114 border-color: #85c5e5;
117 .datepicker table tr td.highlighted:focus,
118 .datepicker table tr td.highlighted.focus {
120 background-color: #afd9ee;
121 border-color: #298fc2;
123 .datepicker table tr td.highlighted:hover {
125 background-color: #afd9ee;
126 border-color: #52addb;
128 .datepicker table tr td.highlighted:active,
129 .datepicker table tr td.highlighted.active {
131 background-color: #afd9ee;
132 border-color: #52addb;
134 .datepicker table tr td.highlighted:active:hover,
135 .datepicker table tr td.highlighted.active:hover,
136 .datepicker table tr td.highlighted:active:focus,
137 .datepicker table tr td.highlighted.active:focus,
138 .datepicker table tr td.highlighted:active.focus,
139 .datepicker table tr td.highlighted.active.focus {
141 background-color: #91cbe8;
142 border-color: #298fc2;
144 .datepicker table tr td.highlighted.disabled:hover,
145 .datepicker table tr td.highlighted[disabled]:hover,
146 fieldset[disabled] .datepicker table tr td.highlighted:hover,
147 .datepicker table tr td.highlighted.disabled:focus,
148 .datepicker table tr td.highlighted[disabled]:focus,
149 fieldset[disabled] .datepicker table tr td.highlighted:focus,
150 .datepicker table tr td.highlighted.disabled.focus,
151 .datepicker table tr td.highlighted[disabled].focus,
152 fieldset[disabled] .datepicker table tr td.highlighted.focus {
153 background-color: #d9edf7;
154 border-color: #85c5e5;
156 .datepicker table tr td.highlighted.focused {
159 .datepicker table tr td.highlighted.disabled,
160 .datepicker table tr td.highlighted.disabled:active {
164 .datepicker table tr td.today {
166 background-color: #ffdb99;
167 border-color: #ffb733;
169 .datepicker table tr td.today:focus,
170 .datepicker table tr td.today.focus {
172 background-color: #ffc966;
173 border-color: #b37400;
175 .datepicker table tr td.today:hover {
177 background-color: #ffc966;
178 border-color: #f59e00;
180 .datepicker table tr td.today:active,
181 .datepicker table tr td.today.active {
183 background-color: #ffc966;
184 border-color: #f59e00;
186 .datepicker table tr td.today:active:hover,
187 .datepicker table tr td.today.active:hover,
188 .datepicker table tr td.today:active:focus,
189 .datepicker table tr td.today.active:focus,
190 .datepicker table tr td.today:active.focus,
191 .datepicker table tr td.today.active.focus {
193 background-color: #ffbc42;
194 border-color: #b37400;
196 .datepicker table tr td.today.disabled:hover,
197 .datepicker table tr td.today[disabled]:hover,
198 fieldset[disabled] .datepicker table tr td.today:hover,
199 .datepicker table tr td.today.disabled:focus,
200 .datepicker table tr td.today[disabled]:focus,
201 fieldset[disabled] .datepicker table tr td.today:focus,
202 .datepicker table tr td.today.disabled.focus,
203 .datepicker table tr td.today[disabled].focus,
204 fieldset[disabled] .datepicker table tr td.today.focus {
205 background-color: #ffdb99;
206 border-color: #ffb733;
208 .datepicker table tr td.today.focused {
211 .datepicker table tr td.today.disabled,
212 .datepicker table tr td.today.disabled:active {
216 .datepicker table tr td.range {
218 background-color: #eeeeee;
219 border-color: #bbbbbb;
222 .datepicker table tr td.range:focus,
223 .datepicker table tr td.range.focus {
225 background-color: #d5d5d5;
226 border-color: #7c7c7c;
228 .datepicker table tr td.range:hover {
230 background-color: #d5d5d5;
231 border-color: #9d9d9d;
233 .datepicker table tr td.range:active,
234 .datepicker table tr td.range.active {
236 background-color: #d5d5d5;
237 border-color: #9d9d9d;
239 .datepicker table tr td.range:active:hover,
240 .datepicker table tr td.range.active:hover,
241 .datepicker table tr td.range:active:focus,
242 .datepicker table tr td.range.active:focus,
243 .datepicker table tr td.range:active.focus,
244 .datepicker table tr td.range.active.focus {
246 background-color: #c3c3c3;
247 border-color: #7c7c7c;
249 .datepicker table tr td.range.disabled:hover,
250 .datepicker table tr td.range[disabled]:hover,
251 fieldset[disabled] .datepicker table tr td.range:hover,
252 .datepicker table tr td.range.disabled:focus,
253 .datepicker table tr td.range[disabled]:focus,
254 fieldset[disabled] .datepicker table tr td.range:focus,
255 .datepicker table tr td.range.disabled.focus,
256 .datepicker table tr td.range[disabled].focus,
257 fieldset[disabled] .datepicker table tr td.range.focus {
258 background-color: #eeeeee;
259 border-color: #bbbbbb;
261 .datepicker table tr td.range.focused {
264 .datepicker table tr td.range.disabled,
265 .datepicker table tr td.range.disabled:active {
269 .datepicker table tr td.range.highlighted {
271 background-color: #e4eef3;
272 border-color: #9dc1d3;
274 .datepicker table tr td.range.highlighted:focus,
275 .datepicker table tr td.range.highlighted.focus {
277 background-color: #c1d7e3;
278 border-color: #4b88a6;
280 .datepicker table tr td.range.highlighted:hover {
282 background-color: #c1d7e3;
283 border-color: #73a6c0;
285 .datepicker table tr td.range.highlighted:active,
286 .datepicker table tr td.range.highlighted.active {
288 background-color: #c1d7e3;
289 border-color: #73a6c0;
291 .datepicker table tr td.range.highlighted:active:hover,
292 .datepicker table tr td.range.highlighted.active:hover,
293 .datepicker table tr td.range.highlighted:active:focus,
294 .datepicker table tr td.range.highlighted.active:focus,
295 .datepicker table tr td.range.highlighted:active.focus,
296 .datepicker table tr td.range.highlighted.active.focus {
298 background-color: #a8c8d8;
299 border-color: #4b88a6;
301 .datepicker table tr td.range.highlighted.disabled:hover,
302 .datepicker table tr td.range.highlighted[disabled]:hover,
303 fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
304 .datepicker table tr td.range.highlighted.disabled:focus,
305 .datepicker table tr td.range.highlighted[disabled]:focus,
306 fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
307 .datepicker table tr td.range.highlighted.disabled.focus,
308 .datepicker table tr td.range.highlighted[disabled].focus,
309 fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
310 background-color: #e4eef3;
311 border-color: #9dc1d3;
313 .datepicker table tr td.range.highlighted.focused {
316 .datepicker table tr td.range.highlighted.disabled,
317 .datepicker table tr td.range.highlighted.disabled:active {
321 .datepicker table tr td.range.today {
323 background-color: #f7ca77;
324 border-color: #f1a417;
326 .datepicker table tr td.range.today:focus,
327 .datepicker table tr td.range.today.focus {
329 background-color: #f4b747;
330 border-color: #815608;
332 .datepicker table tr td.range.today:hover {
334 background-color: #f4b747;
335 border-color: #bf800c;
337 .datepicker table tr td.range.today:active,
338 .datepicker table tr td.range.today.active {
340 background-color: #f4b747;
341 border-color: #bf800c;
343 .datepicker table tr td.range.today:active:hover,
344 .datepicker table tr td.range.today.active:hover,
345 .datepicker table tr td.range.today:active:focus,
346 .datepicker table tr td.range.today.active:focus,
347 .datepicker table tr td.range.today:active.focus,
348 .datepicker table tr td.range.today.active.focus {
350 background-color: #f2aa25;
351 border-color: #815608;
353 .datepicker table tr td.range.today.disabled:hover,
354 .datepicker table tr td.range.today[disabled]:hover,
355 fieldset[disabled] .datepicker table tr td.range.today:hover,
356 .datepicker table tr td.range.today.disabled:focus,
357 .datepicker table tr td.range.today[disabled]:focus,
358 fieldset[disabled] .datepicker table tr td.range.today:focus,
359 .datepicker table tr td.range.today.disabled.focus,
360 .datepicker table tr td.range.today[disabled].focus,
361 fieldset[disabled] .datepicker table tr td.range.today.focus {
362 background-color: #f7ca77;
363 border-color: #f1a417;
365 .datepicker table tr td.range.today.disabled,
366 .datepicker table tr td.range.today.disabled:active {
370 .datepicker table tr td.selected,
371 .datepicker table tr td.selected.highlighted {
373 background-color: #777777;
374 border-color: #555555;
375 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
377 .datepicker table tr td.selected:focus,
378 .datepicker table tr td.selected.highlighted:focus,
379 .datepicker table tr td.selected.focus,
380 .datepicker table tr td.selected.highlighted.focus {
382 background-color: #5e5e5e;
383 border-color: #161616;
385 .datepicker table tr td.selected:hover,
386 .datepicker table tr td.selected.highlighted:hover {
388 background-color: #5e5e5e;
389 border-color: #373737;
391 .datepicker table tr td.selected:active,
392 .datepicker table tr td.selected.highlighted:active,
393 .datepicker table tr td.selected.active,
394 .datepicker table tr td.selected.highlighted.active {
396 background-color: #5e5e5e;
397 border-color: #373737;
399 .datepicker table tr td.selected:active:hover,
400 .datepicker table tr td.selected.highlighted:active:hover,
401 .datepicker table tr td.selected.active:hover,
402 .datepicker table tr td.selected.highlighted.active:hover,
403 .datepicker table tr td.selected:active:focus,
404 .datepicker table tr td.selected.highlighted:active:focus,
405 .datepicker table tr td.selected.active:focus,
406 .datepicker table tr td.selected.highlighted.active:focus,
407 .datepicker table tr td.selected:active.focus,
408 .datepicker table tr td.selected.highlighted:active.focus,
409 .datepicker table tr td.selected.active.focus,
410 .datepicker table tr td.selected.highlighted.active.focus {
412 background-color: #4c4c4c;
413 border-color: #161616;
415 .datepicker table tr td.selected.disabled:hover,
416 .datepicker table tr td.selected.highlighted.disabled:hover,
417 .datepicker table tr td.selected[disabled]:hover,
418 .datepicker table tr td.selected.highlighted[disabled]:hover,
419 fieldset[disabled] .datepicker table tr td.selected:hover,
420 fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
421 .datepicker table tr td.selected.disabled:focus,
422 .datepicker table tr td.selected.highlighted.disabled:focus,
423 .datepicker table tr td.selected[disabled]:focus,
424 .datepicker table tr td.selected.highlighted[disabled]:focus,
425 fieldset[disabled] .datepicker table tr td.selected:focus,
426 fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
427 .datepicker table tr td.selected.disabled.focus,
428 .datepicker table tr td.selected.highlighted.disabled.focus,
429 .datepicker table tr td.selected[disabled].focus,
430 .datepicker table tr td.selected.highlighted[disabled].focus,
431 fieldset[disabled] .datepicker table tr td.selected.focus,
432 fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
433 background-color: #777777;
434 border-color: #555555;
436 .datepicker table tr td.active,
437 .datepicker table tr td.active.highlighted {
439 background-color: #337ab7;
440 border-color: #2e6da4;
441 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
443 .datepicker table tr td.active:focus,
444 .datepicker table tr td.active.highlighted:focus,
445 .datepicker table tr td.active.focus,
446 .datepicker table tr td.active.highlighted.focus {
448 background-color: #286090;
449 border-color: #122b40;
451 .datepicker table tr td.active:hover,
452 .datepicker table tr td.active.highlighted:hover {
454 background-color: #286090;
455 border-color: #204d74;
457 .datepicker table tr td.active:active,
458 .datepicker table tr td.active.highlighted:active,
459 .datepicker table tr td.active.active,
460 .datepicker table tr td.active.highlighted.active {
462 background-color: #286090;
463 border-color: #204d74;
465 .datepicker table tr td.active:active:hover,
466 .datepicker table tr td.active.highlighted:active:hover,
467 .datepicker table tr td.active.active:hover,
468 .datepicker table tr td.active.highlighted.active:hover,
469 .datepicker table tr td.active:active:focus,
470 .datepicker table tr td.active.highlighted:active:focus,
471 .datepicker table tr td.active.active:focus,
472 .datepicker table tr td.active.highlighted.active:focus,
473 .datepicker table tr td.active:active.focus,
474 .datepicker table tr td.active.highlighted:active.focus,
475 .datepicker table tr td.active.active.focus,
476 .datepicker table tr td.active.highlighted.active.focus {
478 background-color: #204d74;
479 border-color: #122b40;
481 .datepicker table tr td.active.disabled:hover,
482 .datepicker table tr td.active.highlighted.disabled:hover,
483 .datepicker table tr td.active[disabled]:hover,
484 .datepicker table tr td.active.highlighted[disabled]:hover,
485 fieldset[disabled] .datepicker table tr td.active:hover,
486 fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
487 .datepicker table tr td.active.disabled:focus,
488 .datepicker table tr td.active.highlighted.disabled:focus,
489 .datepicker table tr td.active[disabled]:focus,
490 .datepicker table tr td.active.highlighted[disabled]:focus,
491 fieldset[disabled] .datepicker table tr td.active:focus,
492 fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
493 .datepicker table tr td.active.disabled.focus,
494 .datepicker table tr td.active.highlighted.disabled.focus,
495 .datepicker table tr td.active[disabled].focus,
496 .datepicker table tr td.active.highlighted[disabled].focus,
497 fieldset[disabled] .datepicker table tr td.active.focus,
498 fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
499 background-color: #337ab7;
500 border-color: #2e6da4;
502 .datepicker table tr td span {
512 .datepicker table tr td span:hover,
513 .datepicker table tr td span.focused {
516 .datepicker table tr td span.disabled,
517 .datepicker table tr td span.disabled:hover {
522 .datepicker table tr td span.active,
523 .datepicker table tr td span.active:hover,
524 .datepicker table tr td span.active.disabled,
525 .datepicker table tr td span.active.disabled:hover {
527 background-color: #337ab7;
528 border-color: #2e6da4;
529 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
531 .datepicker table tr td span.active:focus,
532 .datepicker table tr td span.active:hover:focus,
533 .datepicker table tr td span.active.disabled:focus,
534 .datepicker table tr td span.active.disabled:hover:focus,
535 .datepicker table tr td span.active.focus,
536 .datepicker table tr td span.active:hover.focus,
537 .datepicker table tr td span.active.disabled.focus,
538 .datepicker table tr td span.active.disabled:hover.focus {
540 background-color: #286090;
541 border-color: #122b40;
543 .datepicker table tr td span.active:hover,
544 .datepicker table tr td span.active:hover:hover,
545 .datepicker table tr td span.active.disabled:hover,
546 .datepicker table tr td span.active.disabled:hover:hover {
548 background-color: #286090;
549 border-color: #204d74;
551 .datepicker table tr td span.active:active,
552 .datepicker table tr td span.active:hover:active,
553 .datepicker table tr td span.active.disabled:active,
554 .datepicker table tr td span.active.disabled:hover:active,
555 .datepicker table tr td span.active.active,
556 .datepicker table tr td span.active:hover.active,
557 .datepicker table tr td span.active.disabled.active,
558 .datepicker table tr td span.active.disabled:hover.active {
560 background-color: #286090;
561 border-color: #204d74;
563 .datepicker table tr td span.active:active:hover,
564 .datepicker table tr td span.active:hover:active:hover,
565 .datepicker table tr td span.active.disabled:active:hover,
566 .datepicker table tr td span.active.disabled:hover:active:hover,
567 .datepicker table tr td span.active.active:hover,
568 .datepicker table tr td span.active:hover.active:hover,
569 .datepicker table tr td span.active.disabled.active:hover,
570 .datepicker table tr td span.active.disabled:hover.active:hover,
571 .datepicker table tr td span.active:active:focus,
572 .datepicker table tr td span.active:hover:active:focus,
573 .datepicker table tr td span.active.disabled:active:focus,
574 .datepicker table tr td span.active.disabled:hover:active:focus,
575 .datepicker table tr td span.active.active:focus,
576 .datepicker table tr td span.active:hover.active:focus,
577 .datepicker table tr td span.active.disabled.active:focus,
578 .datepicker table tr td span.active.disabled:hover.active:focus,
579 .datepicker table tr td span.active:active.focus,
580 .datepicker table tr td span.active:hover:active.focus,
581 .datepicker table tr td span.active.disabled:active.focus,
582 .datepicker table tr td span.active.disabled:hover:active.focus,
583 .datepicker table tr td span.active.active.focus,
584 .datepicker table tr td span.active:hover.active.focus,
585 .datepicker table tr td span.active.disabled.active.focus,
586 .datepicker table tr td span.active.disabled:hover.active.focus {
588 background-color: #204d74;
589 border-color: #122b40;
591 .datepicker table tr td span.active.disabled:hover,
592 .datepicker table tr td span.active:hover.disabled:hover,
593 .datepicker table tr td span.active.disabled.disabled:hover,
594 .datepicker table tr td span.active.disabled:hover.disabled:hover,
595 .datepicker table tr td span.active[disabled]:hover,
596 .datepicker table tr td span.active:hover[disabled]:hover,
597 .datepicker table tr td span.active.disabled[disabled]:hover,
598 .datepicker table tr td span.active.disabled:hover[disabled]:hover,
599 fieldset[disabled] .datepicker table tr td span.active:hover,
600 fieldset[disabled] .datepicker table tr td span.active:hover:hover,
601 fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
602 fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
603 .datepicker table tr td span.active.disabled:focus,
604 .datepicker table tr td span.active:hover.disabled:focus,
605 .datepicker table tr td span.active.disabled.disabled:focus,
606 .datepicker table tr td span.active.disabled:hover.disabled:focus,
607 .datepicker table tr td span.active[disabled]:focus,
608 .datepicker table tr td span.active:hover[disabled]:focus,
609 .datepicker table tr td span.active.disabled[disabled]:focus,
610 .datepicker table tr td span.active.disabled:hover[disabled]:focus,
611 fieldset[disabled] .datepicker table tr td span.active:focus,
612 fieldset[disabled] .datepicker table tr td span.active:hover:focus,
613 fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
614 fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
615 .datepicker table tr td span.active.disabled.focus,
616 .datepicker table tr td span.active:hover.disabled.focus,
617 .datepicker table tr td span.active.disabled.disabled.focus,
618 .datepicker table tr td span.active.disabled:hover.disabled.focus,
619 .datepicker table tr td span.active[disabled].focus,
620 .datepicker table tr td span.active:hover[disabled].focus,
621 .datepicker table tr td span.active.disabled[disabled].focus,
622 .datepicker table tr td span.active.disabled:hover[disabled].focus,
623 fieldset[disabled] .datepicker table tr td span.active.focus,
624 fieldset[disabled] .datepicker table tr td span.active:hover.focus,
625 fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
626 fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
627 background-color: #337ab7;
628 border-color: #2e6da4;
630 .datepicker table tr td span.old,
631 .datepicker table tr td span.new {
634 .datepicker .datepicker-switch {
637 .datepicker .datepicker-switch,
640 .datepicker tfoot tr th {
643 .datepicker .datepicker-switch:hover,
644 .datepicker .prev:hover,
645 .datepicker .next:hover,
646 .datepicker tfoot tr th:hover {
649 .datepicker .prev.disabled,
650 .datepicker .next.disabled {
656 padding: 0 2px 0 5px;
657 vertical-align: middle;
659 .input-group.date .input-group-addon {
665 .input-daterange input {
668 .input-daterange input:first-child {
669 border-radius: 3px 0 0 3px;
671 .input-daterange input:last-child {
672 border-radius: 0 3px 3px 0;
674 .input-daterange .input-group-addon {
678 line-height: 1.42857143;
683 .datepicker.dropdown-menu {
692 background-color: #fff;
693 border: 1px solid #ccc;
694 border: 1px solid rgba(0, 0, 0, 0.15);
696 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
697 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
698 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
699 -webkit-background-clip: padding-box;
700 -moz-background-clip: padding;
701 background-clip: padding-box;
704 line-height: 1.42857143;
706 .datepicker.dropdown-menu th,
707 .datepicker.datepicker-inline th,
708 .datepicker.dropdown-menu td,
709 .datepicker.datepicker-inline td {
712 /*# sourceMappingURL=bootstrap-datepicker3.standalone.css.map */