4
background-color: #fff;
6
border: 1px solid #ddd;
20
.daterangepicker:before, .daterangepicker:after {
22
display: inline-block;
23
border-bottom-color: rgba(0, 0, 0, 0.2);
27
.daterangepicker:before {
29
border-right: 7px solid transparent;
30
border-left: 7px solid transparent;
31
border-bottom: 7px solid #ccc;
34
.daterangepicker:after {
36
border-right: 6px solid transparent;
37
border-bottom: 6px solid #fff;
38
border-left: 6px solid transparent;
41
.daterangepicker.opensleft:before {
45
.daterangepicker.opensleft:after {
49
.daterangepicker.openscenter:before {
57
.daterangepicker.openscenter:after {
65
.daterangepicker.opensright:before {
69
.daterangepicker.opensright:after {
73
.daterangepicker.drop-up {
77
.daterangepicker.drop-up:before {
80
border-bottom: initial;
81
border-top: 7px solid #ccc;
84
.daterangepicker.drop-up:after {
87
border-bottom: initial;
88
border-top: 6px solid #fff;
91
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
95
.daterangepicker.single .drp-selected {
99
.daterangepicker.show-calendar .drp-calendar {
103
.daterangepicker.show-calendar .drp-buttons {
107
.daterangepicker.auto-apply .drp-buttons {
111
.daterangepicker .drp-calendar {
116
.daterangepicker .drp-calendar.left {
117
padding: 8px 0 8px 8px;
120
.daterangepicker .drp-calendar.right {
124
.daterangepicker .drp-calendar.single .calendar-table {
128
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
131
border-width: 0 2px 2px 0;
133
display: inline-block;
137
.daterangepicker .calendar-table .next span {
138
transform: rotate(-45deg);
139
-webkit-transform: rotate(-45deg);
142
.daterangepicker .calendar-table .prev span {
143
transform: rotate(135deg);
144
-webkit-transform: rotate(135deg);
147
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
150
vertical-align: middle;
157
border: 1px solid transparent;
162
.daterangepicker .calendar-table {
163
border: 1px solid #fff;
165
background-color: #fff;
168
.daterangepicker .calendar-table table {
172
border-collapse: collapse;
175
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
176
background-color: #eee;
177
border-color: transparent;
181
.daterangepicker td.week, .daterangepicker th.week {
186
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
187
background-color: #fff;
188
border-color: transparent;
192
.daterangepicker td.in-range {
193
background-color: #ebf4f8;
194
border-color: transparent;
199
.daterangepicker td.start-date {
200
border-radius: 4px 0 0 4px;
203
.daterangepicker td.end-date {
204
border-radius: 0 4px 4px 0;
207
.daterangepicker td.start-date.end-date {
211
.daterangepicker td.active, .daterangepicker td.active:hover {
212
background-color: #357ebd;
213
border-color: transparent;
217
.daterangepicker th.month {
221
.daterangepicker td.disabled, .daterangepicker option.disabled {
224
text-decoration: line-through;
227
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
235
.daterangepicker select.monthselect {
240
.daterangepicker select.yearselect {
244
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
248
border: 1px solid #eee;
254
.daterangepicker .calendar-time {
256
margin: 4px auto 0 auto;
261
.daterangepicker .calendar-time select.disabled {
266
.daterangepicker .drp-buttons {
270
border-top: 1px solid #ddd;
273
vertical-align: middle;
276
.daterangepicker .drp-selected {
277
display: inline-block;
282
.daterangepicker .drp-buttons .btn {
289
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
290
border-right: 1px solid #ddd;
293
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
294
border-left: 1px solid #ddd;
297
.daterangepicker.show-ranges.rtl .drp-calendar.right {
298
border-right: 1px solid #ddd;
301
.daterangepicker.show-ranges.ltr .drp-calendar.left {
302
border-left: 1px solid #ddd;
305
.daterangepicker .ranges {
311
.daterangepicker.show-calendar .ranges {
315
.daterangepicker .ranges ul {
322
.daterangepicker .ranges li {
328
.daterangepicker .ranges li:hover {
329
background-color: #eee;
332
.daterangepicker .ranges li.active {
333
background-color: #08c;
338
@media (min-width: 564px) {
343
.daterangepicker .ranges ul {
347
.daterangepicker.single .ranges ul {
351
.daterangepicker.single .drp-calendar.left {
355
.daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
364
.daterangepicker .drp-calendar.left {
369
.daterangepicker .drp-calendar.left .calendar-table {
371
border-top-right-radius: 0;
372
border-bottom-right-radius: 0;
375
.daterangepicker .drp-calendar.right {
379
.daterangepicker .drp-calendar.right .calendar-table {
381
border-top-left-radius: 0;
382
border-bottom-left-radius: 0;
385
.daterangepicker .drp-calendar.left .calendar-table {
389
.daterangepicker .ranges, .daterangepicker .drp-calendar {
394
@media (min-width: 730px) {
395
.daterangepicker .ranges {
399
.daterangepicker .ranges {
403
.daterangepicker.rtl .ranges {
407
.daterangepicker .drp-calendar.left {
408
clear: none !important;