UNPKG

21.3 kBCSSView Raw
1/* .bs-datepicker */
2.bs-datepicker {
3 display: flex;
4 align-items: stretch;
5 flex-flow: row wrap;
6 background: #fff;
7 box-shadow: 0 0 10px 0 #aaa;
8 position: relative;
9 z-index: 1;
10 /* button */
11 /* .bs-datepicker-head */
12 /* .bs-datepicker-body */
13 /* .current-timedate */
14 /* .bs-datepicker-multiple */
15 /* .bs-datepicker-btns */
16 /*.bs-datepicker-custom-range */
17 /* .bs-datepicker-predefined-btns */
18 /* .bs-datepicker-buttons */
19}
20.bs-datepicker:after {
21 clear: both;
22 content: "";
23 display: block;
24}
25.bs-datepicker bs-day-picker {
26 float: left;
27}
28.bs-datepicker button:hover,
29.bs-datepicker button:focus,
30.bs-datepicker button:active,
31.bs-datepicker input:hover,
32.bs-datepicker input:focus,
33.bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus {
34 outline: none;
35}
36.bs-datepicker-head {
37 min-width: 270px;
38 height: 50px;
39 padding: 10px;
40 border-radius: 3px 3px 0 0;
41 text-align: justify;
42 /* .bs-datepicker-head button */
43}
44.bs-datepicker-head:after {
45 content: "";
46 display: inline-block;
47 vertical-align: top;
48 width: 100%;
49}
50.bs-datepicker-head button {
51 display: inline-block;
52 vertical-align: top;
53 padding: 0;
54 height: 30px;
55 line-height: 30px;
56 border: 0;
57 background: transparent;
58 text-align: center;
59 cursor: pointer;
60 color: #fff;
61 transition: 0.3s;
62}
63.bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active {
64 background: rgba(221, 221, 221, 0.3);
65 color: #f5f5f5;
66 cursor: not-allowed;
67}
68.bs-datepicker-head button.previous span {
69 transform: translate(-1px, -1px);
70}
71.bs-datepicker-head button.next span {
72 transform: translate(1px, -1px);
73}
74.bs-datepicker-head button.next, .bs-datepicker-head button.previous {
75 border-radius: 50%;
76 width: 30px;
77 height: 30px;
78}
79.bs-datepicker-head button.next span, .bs-datepicker-head button.previous span {
80 font-size: 28px;
81 line-height: 1;
82 display: inline-block;
83 position: relative;
84 height: 100%;
85 width: 100%;
86 border-radius: 50%;
87}
88.bs-datepicker-head button.current {
89 border-radius: 15px;
90 max-width: 155px;
91 padding: 0 13px;
92}
93.bs-datepicker-head button:hover {
94 background-color: rgba(0, 0, 0, 0.1);
95}
96.bs-datepicker-head button:active {
97 background-color: rgba(0, 0, 0, 0.2);
98}
99.bs-datepicker-body {
100 padding: 10px;
101 border-radius: 0 0 3px 3px;
102 min-height: 232px;
103 min-width: 278px;
104 border: 1px solid #e9edf0;
105 /* .bs-datepicker-body table */
106}
107.bs-datepicker-body .days.weeks {
108 position: relative;
109 z-index: 1;
110}
111.bs-datepicker-body table {
112 width: 100%;
113 border-collapse: separate;
114 border-spacing: 0;
115 /* .bs-datepicker-body table.days */
116 /* .bs-datepicker-body table.weeks */
117}
118.bs-datepicker-body table th {
119 font-size: 13px;
120 color: #9aaec1;
121 font-weight: 400;
122 text-align: center;
123}
124.bs-datepicker-body table td {
125 color: #54708b;
126 text-align: center;
127 position: relative;
128 padding: 0;
129 /* todo: check first :not(.disabled) usage */
130}
131.bs-datepicker-body table td span {
132 display: block;
133 margin: 0 auto;
134 font-size: 13px;
135 border-radius: 50%;
136 /*z-index: 1;*/
137 -moz-user-select: none;
138 -webkit-user-select: none;
139 -ms-user-select: none;
140}
141.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
142 cursor: pointer;
143}
144.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
145.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
146 background-color: #e9edf0;
147 transition: 0s;
148}
149.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
150.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
151 background-color: #e9edf0;
152 transition: 0s;
153 cursor: pointer;
154}
155.bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span {
156 color: #9aaec1;
157}
158.bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span {
159 color: #fff;
160}
161.bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span {
162 color: rgba(0, 0, 0, 0.25);
163}
164.bs-datepicker-body table td.active {
165 position: relative;
166}
167.bs-datepicker-body table td.active.select-start:before {
168 left: 35%;
169}
170.bs-datepicker-body table td.active.select-end:before {
171 left: -85%;
172}
173.bs-datepicker-body table td span.active.select-start:after,
174.bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after {
175 content: "";
176 display: block;
177 position: absolute;
178 z-index: -1;
179 width: 100%;
180 height: 100%;
181 transition: 0.3s;
182 top: 0;
183 border-radius: 50%;
184}
185.bs-datepicker-body table td:before,
186.bs-datepicker-body table td span:before {
187 content: "";
188 display: block;
189 position: absolute;
190 z-index: -1;
191 top: 6px;
192 bottom: 6px;
193 left: -3px;
194 right: -2px;
195 box-sizing: content-box;
196 background: transparent;
197}
198.bs-datepicker-body table td.active.select-start + td.active:before {
199 left: -20%;
200}
201.bs-datepicker-body table td:last-child.active:before {
202 border-radius: 0 3px 3px 0;
203 width: 125%;
204 left: -25%;
205}
206.bs-datepicker-body table td span[class*=select-], .bs-datepicker-body table td[class*=select-] span {
207 border-radius: 50%;
208 color: #fff;
209}
210.bs-datepicker-body table.days td.active:not(.select-start):before, .bs-datepicker-body table.days td.in-range:not(.select-start):before,
211.bs-datepicker-body table.days span.active:not(.select-start):before,
212.bs-datepicker-body table.days span.in-range:not(.select-start):before {
213 background: #e9edf0;
214}
215.bs-datepicker-body table.days span {
216 width: 32px;
217 height: 32px;
218 line-height: 32px;
219}
220.bs-datepicker-body table.days span.select-start {
221 z-index: 2;
222}
223.bs-datepicker-body table.days span.is-highlighted.in-range:before {
224 right: 3px;
225 left: 0;
226}
227.bs-datepicker-body table.days span.in-range.select-end:before {
228 right: 4px;
229 left: 0;
230}
231.bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before {
232 background: #e9edf0;
233 width: 100%;
234}
235.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
236 border-radius: 3px 0 0 3px;
237 left: 0;
238 width: 100%;
239}
240.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
241 border-radius: 3px 0 0 3px;
242}
243.bs-datepicker-body table.years td span {
244 width: 46px;
245 height: 46px;
246 line-height: 45px;
247 margin: 0 auto;
248}
249.bs-datepicker-body table.years tr:not(:last-child) td span {
250 margin-bottom: 8px;
251}
252.bs-datepicker-body table.months td {
253 height: 52px;
254}
255.bs-datepicker-body table.months td span {
256 padding: 6px;
257 border-radius: 15px;
258}
259.bs-datepicker .current-timedate {
260 color: #54708b;
261 font-size: 15px;
262 text-align: center;
263 height: 30px;
264 line-height: 30px;
265 border-radius: 20px;
266 border: 1px solid #e9edf0;
267 margin-bottom: 10px;
268 cursor: pointer;
269 text-transform: uppercase;
270 -moz-user-select: none;
271 -webkit-user-select: none;
272 -ms-user-select: none;
273}
274.bs-datepicker .current-timedate span:not(:empty):before {
275 content: "";
276 width: 15px;
277 height: 16px;
278 display: inline-block;
279 margin-right: 4px;
280 vertical-align: text-bottom;
281 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
282}
283.bs-datepicker-multiple {
284 border-radius: 4px 0 0 4px;
285}
286.bs-datepicker-multiple + .bs-datepicker-multiple {
287 margin-left: 10px;
288}
289.bs-datepicker-multiple .bs-datepicker {
290 box-shadow: none;
291 position: relative;
292}
293.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
294 padding-right: 10px;
295}
296.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
297 content: "";
298 display: block;
299 width: 14px;
300 height: 10px;
301 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
302 position: absolute;
303 top: 25px;
304 left: -8px;
305}
306.bs-datepicker-multiple .bs-datepicker .left {
307 float: left;
308}
309.bs-datepicker-multiple .bs-datepicker .right {
310 float: right;
311}
312.bs-datepicker-container {
313 padding: 15px;
314}
315.bs-datepicker .bs-media-container {
316 display: flex;
317}
318@media (max-width: 768px) {
319 .bs-datepicker .bs-media-container {
320 flex-direction: column;
321 }
322}
323.bs-datepicker .bs-timepicker-in-datepicker-container {
324 display: flex;
325 justify-content: space-around;
326}
327.bs-datepicker-custom-range {
328 padding: 15px;
329 background: #eee;
330}
331.bs-datepicker-predefined-btns button {
332 width: 100%;
333 display: block;
334 height: 30px;
335 background-color: #9aaec1;
336 border-radius: 4px;
337 color: #fff;
338 border: 0;
339 margin-bottom: 10px;
340 padding: 0 18px;
341 text-align: left;
342 transition: 0.3s;
343}
344.bs-datepicker-predefined-btns button:hover {
345 background-color: #54708b;
346}
347.bs-datepicker-buttons {
348 display: flex;
349 flex-flow: row wrap;
350 justify-content: flex-end;
351 padding-top: 10px;
352 border-top: 1px solid #e9edf0;
353}
354.bs-datepicker-buttons .btn-default {
355 margin-left: 10px;
356}
357.bs-datepicker-buttons .btn-today-wrapper {
358 display: flex;
359 flex-flow: row wrap;
360}
361.bs-datepicker-buttons .clear-right,
362.bs-datepicker-buttons .today-right {
363 flex-grow: 0;
364}
365.bs-datepicker-buttons .clear-left,
366.bs-datepicker-buttons .today-left {
367 flex-grow: 1;
368}
369.bs-datepicker-buttons .clear-center,
370.bs-datepicker-buttons .today-center {
371 flex-grow: 0.5;
372}
373
374/* .bs-timepicker */
375.bs-timepicker-container {
376 padding: 10px 0;
377}
378.bs-timepicker-label {
379 color: #54708b;
380 margin-bottom: 10px;
381}
382.bs-timepicker-controls {
383 display: inline-block;
384 vertical-align: top;
385 margin-right: 10px;
386}
387.bs-timepicker-controls button {
388 width: 20px;
389 height: 20px;
390 border-radius: 50%;
391 border: 0;
392 background-color: #e9edf0;
393 color: #54708b;
394 font-size: 16px;
395 font-weight: 700;
396 vertical-align: middle;
397 line-height: 0;
398 padding: 0;
399 transition: 0.3s;
400}
401.bs-timepicker-controls button:hover {
402 background-color: #d5dadd;
403}
404.bs-timepicker-controls input {
405 width: 35px;
406 height: 25px;
407 border-radius: 13px;
408 text-align: center;
409 border: 1px solid #e9edf0;
410}
411.bs-timepicker .switch-time-format {
412 text-transform: uppercase;
413 min-width: 54px;
414 height: 25px;
415 border-radius: 20px;
416 border: 1px solid #e9edf0;
417 background: #fff;
418 color: #54708b;
419 font-size: 13px;
420}
421.bs-timepicker .switch-time-format img {
422 vertical-align: initial;
423 margin-left: 4px;
424}
425
426bs-datepicker-container,
427bs-daterangepicker-container {
428 z-index: 1080;
429}
430
431/* screen size < 1024px */
432@media (max-width: 768px) {
433 .bs-datepicker {
434 width: min-content;
435 justify-content: center;
436 }
437 .bs-datepicker-multiple {
438 display: flex;
439 }
440 .bs-datepicker-multiple + .bs-datepicker-multiple {
441 margin-top: 10px;
442 margin-left: 0;
443 }
444}
445/* theming */
446.theme-default .bs-datepicker-head {
447 background-color: #777;
448}
449.theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success {
450 background-color: #777;
451 border-color: #777;
452}
453.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
454 box-shadow: none;
455}
456.theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus {
457 box-shadow: none;
458}
459.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
460 background-color: #616161;
461 border-color: #616161;
462}
463.theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover {
464 background-color: #6F6E6E;
465 border-color: #6F6E6E;
466}
467.theme-default .bs-datepicker-predefined-btns button.selected {
468 background-color: #777;
469}
470.theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span,
471.theme-default .bs-datepicker-body table td span[class*=select-]:after, .theme-default .bs-datepicker-body table td[class*=select-] span:after {
472 background-color: #777;
473}
474.theme-default .bs-datepicker-body table td.week span {
475 color: #777;
476}
477.theme-default .bs-datepicker-body table td.active-week span:hover {
478 cursor: pointer;
479 background-color: #777;
480 color: #fff;
481 opacity: 0.5;
482 transition: 0s;
483}
484
485.theme-green .bs-datepicker-head {
486 background-color: #5cb85c;
487}
488.theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success {
489 background-color: #5cb85c;
490 border-color: #5cb85c;
491}
492.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
493 box-shadow: none;
494}
495.theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus {
496 box-shadow: none;
497}
498.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
499 background-color: #1e7e34;
500 border-color: #1e7e34;
501}
502.theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover {
503 background-color: #218838;
504 border-color: #218838;
505}
506.theme-green .bs-datepicker-predefined-btns button.selected {
507 background-color: #5cb85c;
508}
509.theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span,
510.theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after {
511 background-color: #5cb85c;
512}
513.theme-green .bs-datepicker-body table td.week span {
514 color: #5cb85c;
515}
516.theme-green .bs-datepicker-body table td.active-week span:hover {
517 cursor: pointer;
518 background-color: #5cb85c;
519 color: #fff;
520 opacity: 0.5;
521 transition: 0s;
522}
523
524.theme-blue .bs-datepicker-head {
525 background-color: #5bc0de;
526}
527.theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success {
528 background-color: #5bc0de;
529 border-color: #5bc0de;
530}
531.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
532 box-shadow: none;
533}
534.theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus {
535 box-shadow: none;
536}
537.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
538 background-color: #2AA8CD;
539 border-color: #2AA8CD;
540}
541.theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover {
542 background-color: #3AB3D7;
543 border-color: #3AB3D7;
544}
545.theme-blue .bs-datepicker-predefined-btns button.selected {
546 background-color: #5bc0de;
547}
548.theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span,
549.theme-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-blue .bs-datepicker-body table td[class*=select-] span:after {
550 background-color: #5bc0de;
551}
552.theme-blue .bs-datepicker-body table td.week span {
553 color: #5bc0de;
554}
555.theme-blue .bs-datepicker-body table td.active-week span:hover {
556 cursor: pointer;
557 background-color: #5bc0de;
558 color: #fff;
559 opacity: 0.5;
560 transition: 0s;
561}
562
563.theme-dark-blue .bs-datepicker-head {
564 background-color: #337ab7;
565}
566.theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success {
567 background-color: #337ab7;
568 border-color: #337ab7;
569}
570.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
571 box-shadow: none;
572}
573.theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus {
574 box-shadow: none;
575}
576.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
577 background-color: #266498;
578 border-color: #266498;
579}
580.theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover {
581 background-color: #2C6FA9;
582 border-color: #2C6FA9;
583}
584.theme-dark-blue .bs-datepicker-predefined-btns button.selected {
585 background-color: #337ab7;
586}
587.theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span,
588.theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
589 background-color: #337ab7;
590}
591.theme-dark-blue .bs-datepicker-body table td.week span {
592 color: #337ab7;
593}
594.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
595 cursor: pointer;
596 background-color: #337ab7;
597 color: #fff;
598 opacity: 0.5;
599 transition: 0s;
600}
601
602.theme-red .bs-datepicker-head {
603 background-color: #d9534f;
604}
605.theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success {
606 background-color: #d9534f;
607 border-color: #d9534f;
608}
609.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
610 box-shadow: none;
611}
612.theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus {
613 box-shadow: none;
614}
615.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
616 background-color: #D23531;
617 border-color: #D23531;
618}
619.theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover {
620 background-color: #E33732;
621 border-color: #E33732;
622}
623.theme-red .bs-datepicker-predefined-btns button.selected {
624 background-color: #d9534f;
625}
626.theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span,
627.theme-red .bs-datepicker-body table td span[class*=select-]:after, .theme-red .bs-datepicker-body table td[class*=select-] span:after {
628 background-color: #d9534f;
629}
630.theme-red .bs-datepicker-body table td.week span {
631 color: #d9534f;
632}
633.theme-red .bs-datepicker-body table td.active-week span:hover {
634 cursor: pointer;
635 background-color: #d9534f;
636 color: #fff;
637 opacity: 0.5;
638 transition: 0s;
639}
640
641.theme-orange .bs-datepicker-head {
642 background-color: #f0ad4e;
643}
644.theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success {
645 background-color: #f0ad4e;
646 border-color: #f0ad4e;
647}
648.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
649 box-shadow: none;
650}
651.theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus {
652 box-shadow: none;
653}
654.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
655 background-color: #ED9C29;
656 border-color: #ED9C29;
657}
658.theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover {
659 background-color: #FFAC35;
660 border-color: #FFAC35;
661}
662.theme-orange .bs-datepicker-predefined-btns button.selected {
663 background-color: #f0ad4e;
664}
665.theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span,
666.theme-orange .bs-datepicker-body table td span[class*=select-]:after, .theme-orange .bs-datepicker-body table td[class*=select-] span:after {
667 background-color: #f0ad4e;
668}
669.theme-orange .bs-datepicker-body table td.week span {
670 color: #f0ad4e;
671}
672.theme-orange .bs-datepicker-body table td.active-week span:hover {
673 cursor: pointer;
674 background-color: #f0ad4e;
675 color: #fff;
676 opacity: 0.5;
677 transition: 0s;
678}
679
680/*# sourceMappingURL=bs-datepicker.css.map */