.daterangepicker {position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-family:arial;font-size:15px;line-height:1em;} .daterangepicker:before, .daterangepicker: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:after {top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;} .daterangepicker.opensleft:before {right:9px;} .daterangepicker.opensleft:after {right:10px;} .daterangepicker.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.opensright:before {left:9px;} .daterangepicker.opensright:after {left:10px;} .daterangepicker.drop-up {margin-top:-7px;} .daterangepicker.drop-up:before {top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc;} .daterangepicker.drop-up:after {top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff;} .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {float:none;} .daterangepicker.single .drp-selected {display:none;} .daterangepicker.show-calendar .drp-calendar {display:block;} .daterangepicker.show-calendar .drp-buttons {display:block;} .daterangepicker.auto-apply .drp-buttons {display:none;} .daterangepicker .drp-calendar {display:none;max-width:270px;} .daterangepicker .drp-calendar.left {padding:8px 0 8px 8px;} .daterangepicker .drp-calendar.right {padding:8px;} .daterangepicker .drp-calendar.single .calendar-table {border:none;} .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {color:#fff;border:solid black;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px;} .daterangepicker .calendar-table .next span {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .daterangepicker .calendar-table .prev span {transform:rotate(135deg);-webkit-transform:rotate(135deg);} .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer;} .daterangepicker .calendar-table {border:1px solid #fff;border-radius:4px;background-color:#fff;} .daterangepicker .calendar-table table {width:100%;margin:0;border-spacing:0;border-collapse:collapse;} .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 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 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 td.active, .daterangepicker td.active:hover {background-color:#357ebd;border-color:transparent;color:#fff;} .daterangepicker th.month {width:auto;} .daterangepicker td.disabled, .daterangepicker 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 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:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px;} .daterangepicker .calendar-time {text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative;} .daterangepicker .calendar-time select.disabled {color:#ccc;cursor:not-allowed;} .daterangepicker .drp-buttons {clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle;} .daterangepicker .drp-selected {display:inline-block;font-size:12px;padding-right:8px;} .daterangepicker .drp-buttons .btn {margin-left:8px;font-size:12px;font-weight:bold;padding:4px 8px;} .daterangepicker.show-ranges .drp-calendar.left {border-left:1px solid #ddd;} .daterangepicker .ranges {float:none;text-align:left;margin:0;} .daterangepicker.show-calendar .ranges {margin-top:8px;} .daterangepicker .ranges ul {list-style:none;margin:0 auto;padding:0;width:100%;} .daterangepicker .ranges li {font-size:12px;padding:8px 12px;cursor:pointer;} .daterangepicker .ranges li:hover {background-color:#eee;} .daterangepicker .ranges li.active {background-color:#08c;color:#fff;} @media (min-width: 564px) {.daterangepicker{width:auto;} .daterangepicker .ranges ul {width:140px;} .daterangepicker.single .ranges ul {width:100%;} .daterangepicker.single .drp-calendar.left {clear:none;} .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {float:left;} .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {float:right;} .daterangepicker.ltr {direction:ltr;text-align:left;} .daterangepicker.ltr .drp-calendar.left {clear:left;margin-right:0;} .daterangepicker.ltr .drp-calendar.left .calendar-table {border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;} .daterangepicker.ltr .drp-calendar.right {margin-left:0;} .daterangepicker.ltr .drp-calendar.right .calendar-table {border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;} .daterangepicker.ltr .drp-calendar.left .calendar-table {padding-right:8px;} .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {float:left;} .daterangepicker.rtl {direction:rtl;text-align:right;} .daterangepicker.rtl .drp-calendar.left {clear:right;margin-left:0;} .daterangepicker.rtl .drp-calendar.left .calendar-table {border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;} .daterangepicker.rtl .drp-calendar.right {margin-right:0;} .daterangepicker.rtl .drp-calendar.right .calendar-table {border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;} .daterangepicker.rtl .drp-calendar.left .calendar-table {padding-left:12px;} .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {text-align:right;float:right;} }
@media (min-width: 730px) {.daterangepicker.ranges{width:auto;} .daterangepicker.ltr .ranges {float:left;} .daterangepicker.rtl .ranges {float:right;} .daterangepicker .drp-calendar.left {clear:none !important;} }