| | |
| | | margin-top: 1px; |
| | | top: 100px; |
| | | left: 20px; |
| | | /* Calendars */ } |
| | | } |
| | | |
| | | .daterangepicker_single { |
| | | position: absolute; |
| | | color: inherit; |
| | | background-color: #fff; |
| | | border-radius: 4px; |
| | | width: 278px; |
| | | padding: 4px; |
| | | margin-top: 1px; |
| | | top: 100px; |
| | | left: 20px; |
| | | } |
| | | /* Calendars */ |
| | | .daterangepicker:before, .daterangepicker:after { |
| | | position: absolute; |
| | | display: inline-block; |
| | | border-bottom-color: rgba(0, 0, 0, 0.2); |
| | | content: ''; } |
| | | |
| | | .daterangepicker_single:before, .daterangepicker_single:after { |
| | | position: absolute; |
| | | display: inline-block; |
| | | border-bottom-color: rgba(0, 0, 0, 0.2); |
| | | content: ''; } |
| | | |
| | | .daterangepicker:before { |
| | | top: -7px; |
| | | border-right: 7px solid transparent; |
| | | border-left: 7px solid transparent; |
| | | border-bottom: 7px solid #ccc; } |
| | | |
| | | .daterangepicker_single:before { |
| | | top: -7px; |
| | | border-right: 7px solid transparent; |
| | | border-left: 7px solid transparent; |
| | | border-bottom: 7px solid #ccc; } |
| | | |
| | | .daterangepicker:after { |
| | | top: -6px; |
| | | border-right: 6px solid transparent; |
| | | border-bottom: 6px solid #fff; |
| | | border-left: 6px solid transparent; } |
| | | |
| | | .daterangepicker_single:after { |
| | | top: -6px; |
| | | border-right: 6px solid transparent; |
| | | border-bottom: 6px solid #fff; |
| | | border-left: 6px solid transparent; } |
| | | |
| | | .daterangepicker.opensleft:before { |
| | | right: 9px; } |
| | | |
| | | .daterangepicker_single .opensleft:before { |
| | | right: 9px; } |
| | | |
| | | .daterangepicker.opensleft:after { |
| | | right: 10px; } |
| | | |
| | | .daterangepicker_single .opensleft:after { |
| | | right: 10px; } |
| | | |
| | | .daterangepicker.openscenter:before { |
| | | left: 0; |
| | | right: 0; |
| | | width: 0; |
| | | margin-left: auto; |
| | | margin-right: auto; } |
| | | |
| | | .daterangepicker_single .openscenter:before { |
| | | left: 0; |
| | | right: 0; |
| | | width: 0; |
| | | margin-left: auto; |
| | | margin-right: auto; } |
| | | |
| | | .daterangepicker.openscenter:after { |
| | | left: 0; |
| | | right: 0; |
| | | width: 0; |
| | | margin-left: auto; |
| | | margin-right: auto; } |
| | | |
| | | .daterangepicker_single .openscenter:after { |
| | | left: 0; |
| | | right: 0; |
| | | width: 0; |
| | | margin-left: auto; |
| | | margin-right: auto; } |
| | | |
| | | .daterangepicker.opensright:before { |
| | | left: 9px; } |
| | | |
| | | .daterangepicker.opensright:after { |
| | | left: 10px; } |
| | | |
| | | .daterangepicker_single .opensright:before { |
| | | left: 9px; } |
| | | |
| | | .daterangepicker_single .opensright:after { |
| | | left: 10px; } |
| | | |
| | | .daterangepicker.dropup { |
| | | margin-top: -5px; } |
| | | .daterangepicker.dropup:before { |
| | | top: initial; |
| | | bottom: -7px; |
| | | border-bottom: initial; |
| | | border-top: 7px solid #ccc; } |
| | | .daterangepicker.dropup:after { |
| | | top: initial; |
| | | bottom: -6px; |
| | | border-bottom: initial; |
| | | border-top: 6px solid #fff; } |
| | | |
| | | .daterangepicker_single .dropup { |
| | | margin-top: -5px; } |
| | | |
| | | .daterangepicker.dropup:before { |
| | | top: initial; |
| | | bottom: -7px; |
| | | border-bottom: initial; |
| | | border-top: 7px solid #ccc; } |
| | | .daterangepicker.dropup:after { |
| | | top: initial; |
| | | bottom: -6px; |
| | | border-bottom: initial; |
| | | border-top: 6px solid #fff; } |
| | | |
| | | .daterangepicker_single .dropup:before { |
| | | top: initial; |
| | | bottom: -7px; |
| | | border-bottom: initial; |
| | | border-top: 7px solid #ccc; } |
| | | .daterangepicker_single .dropup:after { |
| | | top: initial; |
| | | bottom: -6px; |
| | | border-bottom: initial; |
| | | border-top: 6px solid #fff; } |
| | | |
| | | .daterangepicker.dropdown-menu { |
| | | max-width: none; |
| | | z-index: 3001; } |
| | | |
| | | .daterangepicker_single .dropdown-menu { |
| | | max-width: none; |
| | | z-index: 3001; } |
| | | |
| | | .daterangepicker.single .ranges, .daterangepicker.single .calendar { |
| | | float: none; } |
| | | |
| | | .daterangepicker_single .single .ranges, .daterangepicker_single.single .calendar { |
| | | float: none; } |
| | | |
| | | .daterangepicker.show-calendar .calendar { |
| | | display: block; } |
| | | |
| | | .daterangepicker_single .show-calendar .calendar { |
| | | display: block; } |
| | | |
| | | .daterangepicker .calendar { |
| | | display: none; |
| | | max-width: 270px; |
| | | margin: 4px; } |
| | | .daterangepicker .calendar.single .calendar-table { |
| | | border: none; } |
| | | .daterangepicker .calendar th, .daterangepicker .calendar td { |
| | | white-space: nowrap; |
| | | text-align: center; |
| | | min-width: 32px; } |
| | | |
| | | .daterangepicker_single .calendar { |
| | | display: none; |
| | | max-width: 270px; |
| | | margin: 4px; } |
| | | |
| | | |
| | | .daterangepicker .calendar.single .calendar-table { |
| | | border: none; } |
| | | |
| | | .daterangepicker_single .calendar.single .calendar-table { |
| | | border: none; } |
| | | |
| | | .daterangepicker .calendar th, .daterangepicker .calendar td { |
| | | white-space: nowrap; |
| | | text-align: center; |
| | | min-width: 32px; } |
| | | |
| | | .daterangepicker_single .calendar th, .daterangepicker_single .calendar td { |
| | | white-space: nowrap; |
| | | text-align: center; |
| | | min-width: 32px; } |
| | | |
| | | .daterangepicker .calendar-table { |
| | | border: 1px solid #fff; |
| | | padding: 4px; |
| | | border-radius: 4px; |
| | | background-color: #fff; } |
| | | |
| | | .daterangepicker_single .calendar-table { |
| | | border: 1px solid #fff; |
| | | padding: 4px; |
| | | border-radius: 4px; |
| | | background-color: #fff; } |
| | | |
| | | .daterangepicker table { |
| | | width: 100%; |
| | | margin: 0; } |
| | | |
| | | .daterangepicker_single table { |
| | | width: 100%; |
| | | margin: 0; } |
| | | |
| | | .daterangepicker td, .daterangepicker th { |
| | | text-align: center; |
| | | width: 20px; |
| | |
| | | border: 1px solid transparent; |
| | | white-space: nowrap; |
| | | cursor: pointer; } |
| | | .daterangepicker td.available:hover, .daterangepicker th.available:hover { |
| | | background-color: #eee; |
| | | border-color: transparent; |
| | | color: inherit; } |
| | | .daterangepicker td.week, .daterangepicker th.week { |
| | | font-size: 80%; |
| | | color: #ccc; } |
| | | |
| | | .daterangepicker_single td, .daterangepicker_single th { |
| | | text-align: center; |
| | | width: 20px; |
| | | height: 20px; |
| | | border-radius: 4px; |
| | | border: 1px solid transparent; |
| | | white-space: nowrap; |
| | | cursor: pointer; } |
| | | |
| | | .daterangepicker td.available:hover, .daterangepicker th.available:hover { |
| | | background-color: #eee; |
| | | border-color: transparent; |
| | | color: inherit; } |
| | | |
| | | .daterangepicker_single td.available:hover, .daterangepicker_single th.available:hover { |
| | | background-color: #eee; |
| | | border-color: transparent; |
| | | color: inherit; } |
| | | |
| | | .daterangepicker td.week, .daterangepicker th.week { |
| | | font-size: 80%; |
| | | color: #ccc; } |
| | | |
| | | .daterangepicker_single td.week, .daterangepicker_single th.week { |
| | | font-size: 80%; |
| | | color: #ccc; } |
| | | |
| | | .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { |
| | | background-color: #fff; |
| | | border-color: transparent; |
| | | color: #999; } |
| | | |
| | | .daterangepicker_single td.off, .daterangepicker_single td.off.in-range, .daterangepicker_single td.off.start-date, .daterangepicker_single td.off.end-date { |
| | | background-color: #fff; |
| | | border-color: transparent; |
| | | color: #999; } |
| | | |
| | | .daterangepicker td.in-range { |
| | | background-color: #ebf4f8; |
| | | border-color: transparent; |
| | | color: #000; |
| | | border-radius: 0; } |
| | | |
| | | .daterangepicker_single td.in-range { |
| | | background-color: #ebf4f8; |
| | | border-color: transparent; |
| | | color: #000; |
| | | border-radius: 0; } |
| | | |
| | | .daterangepicker td.start-date { |
| | | border-radius: 4px 0 0 4px; } |
| | | |
| | | .daterangepicker td.end-date { |
| | | border-radius: 0 4px 4px 0; } |
| | | |
| | | .daterangepicker td.start-date.end-date { |
| | | border-radius: 4px; } |
| | | |
| | | .daterangepicker_single td.start-date { |
| | | border-radius: 4px 0 0 4px; } |
| | | |
| | | .daterangepicker_single td.end-date { |
| | | border-radius: 0 4px 4px 0; } |
| | | |
| | | .daterangepicker_single td.start-date.end-date { |
| | | border-radius: 4px; } |
| | | |
| | | .daterangepicker td.active, .daterangepicker td.active:hover { |
| | | background-color: #357ebd; |
| | | border-color: transparent; |
| | | color: #fff; } |
| | | |
| | | .daterangepicker_single td.active, .daterangepicker_single td.active:hover { |
| | | background-color: #357ebd; |
| | | border-color: transparent; |
| | | color: #fff; } |
| | | |
| | | .daterangepicker th.month { |
| | | width: auto; } |
| | | |
| | | .daterangepicker_single th.month { |
| | | width: auto; } |
| | | |
| | | .daterangepicker td.disabled, .daterangepicker option.disabled { |
| | | color: #999; |
| | | cursor: not-allowed; |
| | | text-decoration: line-through; } |
| | | |
| | | .daterangepicker_single td.disabled, .daterangepicker_single option.disabled { |
| | | color: #999; |
| | | cursor: not-allowed; |
| | | text-decoration: line-through; } |
| | | |
| | | .daterangepicker select.monthselect, .daterangepicker select.yearselect { |
| | | font-size: 12px; |
| | | padding: 1px; |
| | | height: auto; |
| | | margin: 0; |
| | | cursor: default; } |
| | | |
| | | .daterangepicker_single select.monthselect, .daterangepicker_single select.yearselect { |
| | | font-size: 12px; |
| | | padding: 1px; |
| | | height: auto; |
| | | margin: 0; |
| | | cursor: default; } |
| | | |
| | | .daterangepicker select.monthselect { |
| | | margin-right: 2%; |
| | | width: 56%; } |
| | | |
| | | .daterangepicker select.yearselect { |
| | | width: 40%; } |
| | | |
| | | .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { |
| | | width: 50px; |
| | | margin-bottom: 0; } |
| | | |
| | | .daterangepicker_single select.monthselect { |
| | | margin-right: 2%; |
| | | width: 56%; } |
| | | |
| | | .daterangepicker_single select.yearselect { |
| | | width: 40%; } |
| | | |
| | | .daterangepicker_single select.hourselect, .daterangepicker_single select.minuteselect, .daterangepicker_single select.secondselect, .daterangepicker_single select.ampmselect { |
| | | width: 50px; |
| | | margin-bottom: 0; } |
| | | |
| | | .daterangepicker .input-mini { |
| | | border: 1px solid #ccc; |
| | | border-radius: 4px; |
| | |
| | | margin: 0 0 5px 0; |
| | | padding: 0 6px 0 28px; |
| | | width: 100%; } |
| | | .daterangepicker .input-mini.active { |
| | | border: 1px solid #08c; |
| | | border-radius: 4px; } |
| | | |
| | | .daterangepicker_single .input-mini { |
| | | border: 1px solid #ccc; |
| | | border-radius: 4px; |
| | | color: #555; |
| | | height: 30px; |
| | | line-height: 30px; |
| | | display: block; |
| | | vertical-align: middle; |
| | | margin: 0 0 5px 0; |
| | | padding: 0 6px 0 28px; |
| | | width: 100%; } |
| | | |
| | | .daterangepicker .input-mini.active { |
| | | border: 1px solid #08c; |
| | | border-radius: 4px; } |
| | | |
| | | .daterangepicker .daterangepicker_input { |
| | | position: relative; } |
| | | .daterangepicker .daterangepicker_input i { |
| | | position: absolute; |
| | | left: 8px; |
| | | top: 8px; } |
| | | |
| | | .daterangepicker .daterangepicker_input i { |
| | | position: absolute; |
| | | left: 8px; |
| | | top: 8px; } |
| | | |
| | | .daterangepicker.rtl .input-mini { |
| | | padding-right: 28px; |
| | | padding-left: 6px; } |
| | | |
| | | .daterangepicker.rtl .daterangepicker_input i { |
| | | left: auto; |
| | | right: 8px; } |
| | | |
| | | .daterangepicker .calendar-time { |
| | | text-align: center; |
| | | margin: 5px auto; |
| | | line-height: 30px; |
| | | position: relative; |
| | | padding-left: 28px; } |
| | | .daterangepicker .calendar-time select.disabled { |
| | | color: #ccc; |
| | | cursor: not-allowed; } |
| | | |
| | | .daterangepicker .calendar-time select.disabled { |
| | | color: #ccc; |
| | | cursor: not-allowed; } |
| | | |
| | | .daterangepicker_single .input-mini.active { |
| | | border: 1px solid #08c; |
| | | border-radius: 4px; } |
| | | |
| | | .daterangepicker_single .daterangepicker_input { |
| | | position: relative; } |
| | | |
| | | .daterangepicker_single .daterangepicker_input i { |
| | | position: absolute; |
| | | left: 8px; |
| | | top: 8px; } |
| | | |
| | | .daterangepicker_single .rtl .input-mini { |
| | | padding-right: 28px; |
| | | padding-left: 6px; } |
| | | |
| | | .daterangepicker_single .rtl .daterangepicker_input i { |
| | | left: auto; |
| | | right: 8px; } |
| | | |
| | | .daterangepicker_single .calendar-time { |
| | | text-align: center; |
| | | margin: 5px auto; |
| | | line-height: 30px; |
| | | position: relative; |
| | | padding-left: 28px; } |
| | | |
| | | .daterangepicker_single .calendar-time select.disabled { |
| | | color: #ccc; |
| | | cursor: not-allowed; } |
| | | |
| | | .ranges { |
| | | font-size: 11px; |
| | |
| | | .daterangepicker .calendar.left { |
| | | clear: none !important; } } |
| | | |
| | | /*datepicker button*/ |
| | | .date_button { |
| | | position: relative; |
| | | left: 9.3rem; |
| | | bottom: 1.5px; |
| | | border-radius: 3px; |
| | | font-size: 10px; |
| | | font-weight: bold; |
| | | } |
| | | /* single add */ |
| | | @media (min-width: 564px) { |
| | | .daterangepicker-single { |
| | | width: auto; } |
| | | .daterangepicker-single .ranges ul { |
| | | width: 160px; } |
| | | .daterangepicker-single .single .ranges ul { |
| | | width: 100%; } |
| | | .daterangepicker-single .single .calendar.left { |
| | | clear: none; } |
| | | .daterangepicker-single .single .ltr .ranges, .daterangepicker-single .single.ltr .calendar { |
| | | float: left; } |
| | | .daterangepicker_single .rtl .ranges, .daterangepicker-single .single.rtl .calendar { |
| | | float: right; } |
| | | .daterangepicker-single .ltr { |
| | | direction: ltr; |
| | | text-align: left; } |
| | | .daterangepicker-single .ltr .calendar.left { |
| | | clear: left; |
| | | margin-right: 0; } |
| | | .daterangepicker-single .ltr .calendar.left .calendar-table { |
| | | border-right: none; |
| | | border-top-right-radius: 0; |
| | | border-bottom-right-radius: 0; } |
| | | .daterangepicker-single .ltr .calendar.right { |
| | | margin-left: 0; } |
| | | .daterangepicker-single .ltr .calendar.right .calendar-table { |
| | | border-left: none; |
| | | border-top-left-radius: 0; |
| | | border-bottom-left-radius: 0; } |
| | | .daterangepicker-single .ltr .left .daterangepicker_input { |
| | | padding-right: 12px; } |
| | | .daterangepicker-single .ltr .calendar.left .calendar-table { |
| | | padding-right: 12px; } |
| | | .daterangepicker-single .ltr .ranges, .daterangepicker-single .ltr .calendar { |
| | | float: left; } |
| | | .daterangepicker-single .rtl { |
| | | direction: rtl; |
| | | text-align: right; } |
| | | .daterangepicker-single .rtl .calendar.left { |
| | | clear: right; |
| | | margin-left: 0; } |
| | | .daterangepicker-single .rtl .calendar.left .calendar-table { |
| | | border-left: none; |
| | | border-top-left-radius: 0; |
| | | border-bottom-left-radius: 0; } |
| | | .daterangepicker-single .rtl .calendar.right { |
| | | margin-right: 0; } |
| | | .daterangepicker-single .rtl .calendar.right .calendar-table { |
| | | border-right: none; |
| | | border-top-right-radius: 0; |
| | | border-bottom-right-radius: 0; } |
| | | .daterangepicker-single .rtl .left .daterangepicker_input { |
| | | padding-left: 12px; } |
| | | .daterangepicker-single .rtl .calendar.left .calendar-table { |
| | | padding-left: 12px; } |
| | | .daterangepicker-single .rtl .ranges, .daterangepicker-single .rtl .calendar { |
| | | text-align: right; |
| | | float: right; } } |
| | | @media (min-width: 730px) { |
| | | .daterangepicker-single .ranges { |
| | | width: auto; } |
| | | .daterangepicker-single .ltr .ranges { |
| | | float: left; } |
| | | .daterangepicker-single .rtl .ranges { |
| | | float: right; } |
| | | .daterangepicker-single .calendar.left { |
| | | clear: none !important; } } |