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-custom-range {
|
324 | padding: 15px;
|
325 | background: #eee;
|
326 | }
|
327 | .bs-datepicker-predefined-btns button {
|
328 | width: 100%;
|
329 | display: block;
|
330 | height: 30px;
|
331 | background-color: #9aaec1;
|
332 | border-radius: 4px;
|
333 | color: #fff;
|
334 | border: 0;
|
335 | margin-bottom: 10px;
|
336 | padding: 0 18px;
|
337 | text-align: left;
|
338 | transition: 0.3s;
|
339 | }
|
340 | .bs-datepicker-predefined-btns button:hover {
|
341 | background-color: #54708b;
|
342 | }
|
343 | .bs-datepicker-buttons {
|
344 | display: flex;
|
345 | flex-flow: row wrap;
|
346 | justify-content: flex-end;
|
347 | padding-top: 10px;
|
348 | border-top: 1px solid #e9edf0;
|
349 | }
|
350 | .bs-datepicker-buttons .btn-default {
|
351 | margin-left: 10px;
|
352 | }
|
353 | .bs-datepicker-buttons .btn-today-wrapper {
|
354 | display: flex;
|
355 | flex-flow: row wrap;
|
356 | }
|
357 | .bs-datepicker-buttons .clear-right,
|
358 | .bs-datepicker-buttons .today-right {
|
359 | flex-grow: 0;
|
360 | }
|
361 | .bs-datepicker-buttons .clear-left,
|
362 | .bs-datepicker-buttons .today-left {
|
363 | flex-grow: 1;
|
364 | }
|
365 | .bs-datepicker-buttons .clear-center,
|
366 | .bs-datepicker-buttons .today-center {
|
367 | flex-grow: 0.5;
|
368 | }
|
369 |
|
370 |
|
371 | .bs-timepicker-container {
|
372 | padding: 10px 0;
|
373 | }
|
374 | .bs-timepicker-label {
|
375 | color: #54708b;
|
376 | margin-bottom: 10px;
|
377 | }
|
378 | .bs-timepicker-controls {
|
379 | display: inline-block;
|
380 | vertical-align: top;
|
381 | margin-right: 10px;
|
382 | }
|
383 | .bs-timepicker-controls button {
|
384 | width: 20px;
|
385 | height: 20px;
|
386 | border-radius: 50%;
|
387 | border: 0;
|
388 | background-color: #e9edf0;
|
389 | color: #54708b;
|
390 | font-size: 16px;
|
391 | font-weight: 700;
|
392 | vertical-align: middle;
|
393 | line-height: 0;
|
394 | padding: 0;
|
395 | transition: 0.3s;
|
396 | }
|
397 | .bs-timepicker-controls button:hover {
|
398 | background-color: #d5dadd;
|
399 | }
|
400 | .bs-timepicker-controls input {
|
401 | width: 35px;
|
402 | height: 25px;
|
403 | border-radius: 13px;
|
404 | text-align: center;
|
405 | border: 1px solid #e9edf0;
|
406 | }
|
407 | .bs-timepicker .switch-time-format {
|
408 | text-transform: uppercase;
|
409 | min-width: 54px;
|
410 | height: 25px;
|
411 | border-radius: 20px;
|
412 | border: 1px solid #e9edf0;
|
413 | background: #fff;
|
414 | color: #54708b;
|
415 | font-size: 13px;
|
416 | }
|
417 | .bs-timepicker .switch-time-format img {
|
418 | vertical-align: initial;
|
419 | margin-left: 4px;
|
420 | }
|
421 |
|
422 | bs-datepicker-container,
|
423 | bs-daterangepicker-container {
|
424 | z-index: 1080;
|
425 | }
|
426 |
|
427 |
|
428 | @media (max-width: 768px) {
|
429 | .bs-datepicker-multiple {
|
430 | display: flex;
|
431 | }
|
432 | .bs-datepicker-multiple + .bs-datepicker-multiple {
|
433 | margin-top: 10px;
|
434 | margin-left: 0;
|
435 | }
|
436 | }
|
437 |
|
438 | .theme-default .bs-datepicker-head {
|
439 | background-color: #777;
|
440 | }
|
441 | .theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success {
|
442 | background-color: #777;
|
443 | border-color: #777;
|
444 | }
|
445 | .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 {
|
446 | box-shadow: none;
|
447 | }
|
448 | .theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus {
|
449 | box-shadow: none;
|
450 | }
|
451 | .theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
|
452 | background-color: #616161;
|
453 | border-color: #616161;
|
454 | }
|
455 | .theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover {
|
456 | background-color: #6F6E6E;
|
457 | border-color: #6F6E6E;
|
458 | }
|
459 | .theme-default .bs-datepicker-predefined-btns button.selected {
|
460 | background-color: #777;
|
461 | }
|
462 | .theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span,
|
463 | .theme-default .bs-datepicker-body table td span[class*=select-]:after, .theme-default .bs-datepicker-body table td[class*=select-] span:after {
|
464 | background-color: #777;
|
465 | }
|
466 | .theme-default .bs-datepicker-body table td.week span {
|
467 | color: #777;
|
468 | }
|
469 | .theme-default .bs-datepicker-body table td.active-week span:hover {
|
470 | cursor: pointer;
|
471 | background-color: #777;
|
472 | color: #fff;
|
473 | opacity: 0.5;
|
474 | transition: 0s;
|
475 | }
|
476 |
|
477 | .theme-green .bs-datepicker-head {
|
478 | background-color: #5cb85c;
|
479 | }
|
480 | .theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success {
|
481 | background-color: #5cb85c;
|
482 | border-color: #5cb85c;
|
483 | }
|
484 | .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 {
|
485 | box-shadow: none;
|
486 | }
|
487 | .theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus {
|
488 | box-shadow: none;
|
489 | }
|
490 | .theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
|
491 | background-color: #1e7e34;
|
492 | border-color: #1e7e34;
|
493 | }
|
494 | .theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover {
|
495 | background-color: #218838;
|
496 | border-color: #218838;
|
497 | }
|
498 | .theme-green .bs-datepicker-predefined-btns button.selected {
|
499 | background-color: #5cb85c;
|
500 | }
|
501 | .theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span,
|
502 | .theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after {
|
503 | background-color: #5cb85c;
|
504 | }
|
505 | .theme-green .bs-datepicker-body table td.week span {
|
506 | color: #5cb85c;
|
507 | }
|
508 | .theme-green .bs-datepicker-body table td.active-week span:hover {
|
509 | cursor: pointer;
|
510 | background-color: #5cb85c;
|
511 | color: #fff;
|
512 | opacity: 0.5;
|
513 | transition: 0s;
|
514 | }
|
515 |
|
516 | .theme-blue .bs-datepicker-head {
|
517 | background-color: #5bc0de;
|
518 | }
|
519 | .theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success {
|
520 | background-color: #5bc0de;
|
521 | border-color: #5bc0de;
|
522 | }
|
523 | .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 {
|
524 | box-shadow: none;
|
525 | }
|
526 | .theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus {
|
527 | box-shadow: none;
|
528 | }
|
529 | .theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
|
530 | background-color: #2AA8CD;
|
531 | border-color: #2AA8CD;
|
532 | }
|
533 | .theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover {
|
534 | background-color: #3AB3D7;
|
535 | border-color: #3AB3D7;
|
536 | }
|
537 | .theme-blue .bs-datepicker-predefined-btns button.selected {
|
538 | background-color: #5bc0de;
|
539 | }
|
540 | .theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span,
|
541 | .theme-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-blue .bs-datepicker-body table td[class*=select-] span:after {
|
542 | background-color: #5bc0de;
|
543 | }
|
544 | .theme-blue .bs-datepicker-body table td.week span {
|
545 | color: #5bc0de;
|
546 | }
|
547 | .theme-blue .bs-datepicker-body table td.active-week span:hover {
|
548 | cursor: pointer;
|
549 | background-color: #5bc0de;
|
550 | color: #fff;
|
551 | opacity: 0.5;
|
552 | transition: 0s;
|
553 | }
|
554 |
|
555 | .theme-dark-blue .bs-datepicker-head {
|
556 | background-color: #337ab7;
|
557 | }
|
558 | .theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success {
|
559 | background-color: #337ab7;
|
560 | border-color: #337ab7;
|
561 | }
|
562 | .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 {
|
563 | box-shadow: none;
|
564 | }
|
565 | .theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus {
|
566 | box-shadow: none;
|
567 | }
|
568 | .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 {
|
569 | background-color: #266498;
|
570 | border-color: #266498;
|
571 | }
|
572 | .theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover {
|
573 | background-color: #2C6FA9;
|
574 | border-color: #2C6FA9;
|
575 | }
|
576 | .theme-dark-blue .bs-datepicker-predefined-btns button.selected {
|
577 | background-color: #337ab7;
|
578 | }
|
579 | .theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span,
|
580 | .theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
|
581 | background-color: #337ab7;
|
582 | }
|
583 | .theme-dark-blue .bs-datepicker-body table td.week span {
|
584 | color: #337ab7;
|
585 | }
|
586 | .theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
|
587 | cursor: pointer;
|
588 | background-color: #337ab7;
|
589 | color: #fff;
|
590 | opacity: 0.5;
|
591 | transition: 0s;
|
592 | }
|
593 |
|
594 | .theme-red .bs-datepicker-head {
|
595 | background-color: #d9534f;
|
596 | }
|
597 | .theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success {
|
598 | background-color: #d9534f;
|
599 | border-color: #d9534f;
|
600 | }
|
601 | .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 {
|
602 | box-shadow: none;
|
603 | }
|
604 | .theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus {
|
605 | box-shadow: none;
|
606 | }
|
607 | .theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
|
608 | background-color: #D23531;
|
609 | border-color: #D23531;
|
610 | }
|
611 | .theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover {
|
612 | background-color: #E33732;
|
613 | border-color: #E33732;
|
614 | }
|
615 | .theme-red .bs-datepicker-predefined-btns button.selected {
|
616 | background-color: #d9534f;
|
617 | }
|
618 | .theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span,
|
619 | .theme-red .bs-datepicker-body table td span[class*=select-]:after, .theme-red .bs-datepicker-body table td[class*=select-] span:after {
|
620 | background-color: #d9534f;
|
621 | }
|
622 | .theme-red .bs-datepicker-body table td.week span {
|
623 | color: #d9534f;
|
624 | }
|
625 | .theme-red .bs-datepicker-body table td.active-week span:hover {
|
626 | cursor: pointer;
|
627 | background-color: #d9534f;
|
628 | color: #fff;
|
629 | opacity: 0.5;
|
630 | transition: 0s;
|
631 | }
|
632 |
|
633 | .theme-orange .bs-datepicker-head {
|
634 | background-color: #f0ad4e;
|
635 | }
|
636 | .theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success {
|
637 | background-color: #f0ad4e;
|
638 | border-color: #f0ad4e;
|
639 | }
|
640 | .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 {
|
641 | box-shadow: none;
|
642 | }
|
643 | .theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus {
|
644 | box-shadow: none;
|
645 | }
|
646 | .theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
|
647 | background-color: #ED9C29;
|
648 | border-color: #ED9C29;
|
649 | }
|
650 | .theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover {
|
651 | background-color: #FFAC35;
|
652 | border-color: #FFAC35;
|
653 | }
|
654 | .theme-orange .bs-datepicker-predefined-btns button.selected {
|
655 | background-color: #f0ad4e;
|
656 | }
|
657 | .theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span,
|
658 | .theme-orange .bs-datepicker-body table td span[class*=select-]:after, .theme-orange .bs-datepicker-body table td[class*=select-] span:after {
|
659 | background-color: #f0ad4e;
|
660 | }
|
661 | .theme-orange .bs-datepicker-body table td.week span {
|
662 | color: #f0ad4e;
|
663 | }
|
664 | .theme-orange .bs-datepicker-body table td.active-week span:hover {
|
665 | cursor: pointer;
|
666 | background-color: #f0ad4e;
|
667 | color: #fff;
|
668 | opacity: 0.5;
|
669 | transition: 0s;
|
670 | }
|
671 |
|
672 |
|