2 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
4 * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
5 * Licensed under the Apache License v2.0
6 * http://www.apache.org/licenses/LICENSE-2.0
8 * Built for http://www.improvely.com
11 .daterangepicker.dropdown-menu {
16 .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
21 .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,
22 .daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {
27 .daterangepicker.single .ranges, .daterangepicker.single .calendar {
31 .daterangepicker .ranges {
36 .daterangepicker .ranges .range_inputs>div {
40 .daterangepicker .ranges .range_inputs>div:nth-child(2) {
44 .daterangepicker .calendar {
49 .daterangepicker.show-calendar .calendar {
53 .daterangepicker .calendar.single .calendar-date {
57 .daterangepicker .calendar th, .daterangepicker .calendar td {
58 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
64 .daterangepicker .daterangepicker_start_input label,
65 .daterangepicker .daterangepicker_end_input label {
73 text-shadow: #fff 1px 1px 0px;
74 text-transform: uppercase;
78 .daterangepicker .ranges input {
82 .daterangepicker .ranges .input-mini {
83 border: 1px solid #ccc;
90 vertical-align: middle;
96 .daterangepicker .ranges ul {
102 .daterangepicker .ranges li {
105 border: 1px solid #f5f5f5;
109 -webkit-border-radius: 5px;
110 -moz-border-radius: 5px;
115 .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
117 border: 1px solid #08c;
121 .daterangepicker .calendar-date {
122 border: 1px solid #ddd;
128 .daterangepicker .calendar-time {
130 margin: 8px auto 0 auto;
141 -webkit-border-radius: 4px;
142 -moz-border-radius: 4px;
146 .daterangepicker.opensleft:before {
150 display: inline-block;
151 border-right: 7px solid transparent;
152 border-bottom: 7px solid #ccc;
153 border-left: 7px solid transparent;
154 border-bottom-color: rgba(0, 0, 0, 0.2);
158 .daterangepicker.opensleft:after {
162 display: inline-block;
163 border-right: 6px solid transparent;
164 border-bottom: 6px solid #fff;
165 border-left: 6px solid transparent;
169 .daterangepicker.openscenter:before {
177 display: inline-block;
178 border-right: 7px solid transparent;
179 border-bottom: 7px solid #ccc;
180 border-left: 7px solid transparent;
181 border-bottom-color: rgba(0, 0, 0, 0.2);
185 .daterangepicker.openscenter:after {
193 display: inline-block;
194 border-right: 6px solid transparent;
195 border-bottom: 6px solid #fff;
196 border-left: 6px solid transparent;
200 .daterangepicker.opensright:before {
204 display: inline-block;
205 border-right: 7px solid transparent;
206 border-bottom: 7px solid #ccc;
207 border-left: 7px solid transparent;
208 border-bottom-color: rgba(0, 0, 0, 0.2);
212 .daterangepicker.opensright:after {
216 display: inline-block;
217 border-right: 6px solid transparent;
218 border-bottom: 6px solid #fff;
219 border-left: 6px solid transparent;
223 .daterangepicker table {
228 .daterangepicker td, .daterangepicker th {
232 -webkit-border-radius: 4px;
233 -moz-border-radius: 4px;
239 .daterangepicker td.off {
243 .daterangepicker td.disabled, .daterangepicker option.disabled {
247 .daterangepicker td.available:hover, .daterangepicker th.available:hover {
251 .daterangepicker td.in-range {
253 -webkit-border-radius: 0;
254 -moz-border-radius: 0;
258 .daterangepicker td.start-date {
259 -webkit-border-radius: 4px 0 0 4px;
260 -moz-border-radius: 4px 0 0 4px;
261 border-radius: 4px 0 0 4px;
264 .daterangepicker td.end-date {
265 -webkit-border-radius: 0 4px 4px 0;
266 -moz-border-radius: 0 4px 4px 0;
267 border-radius: 0 4px 4px 0;
270 .daterangepicker td.start-date.end-date {
271 -webkit-border-radius: 4px;
272 -moz-border-radius: 4px;
276 .daterangepicker td.active, .daterangepicker td.active:hover {
277 background-color: #357ebd;
278 border-color: #3071a9;
282 .daterangepicker td.week, .daterangepicker th.week {
287 .daterangepicker select.monthselect, .daterangepicker select.yearselect {
295 .daterangepicker select.monthselect {
300 .daterangepicker select.yearselect {
304 .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
309 .daterangepicker_start_input {
313 .daterangepicker_end_input {
318 .daterangepicker th.month {