1 |
|
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 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
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 |
|
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 |
|
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 |
|
116 |
|
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 |
|
130 | }
|
131 | .bs-datepicker-body table td span {
|
132 | display: block;
|
133 | margin: 0 auto;
|
134 | font-size: 13px;
|
135 | border-radius: 50%;
|
136 |
|
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 |
|
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 |
|
426 | bs-datepicker-container,
|
427 | bs-daterangepicker-container {
|
428 | z-index: 1080;
|
429 | }
|
430 |
|
431 |
|
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 |
|
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 |
|