.daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 12px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-size: 15px; line-height: 1em }
 .daterangepicker:after,.daterangepicker:before { position: absolute; display: inline-block; border-bottom-color: rgba(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: 339px; }
 .daterangepicker .drp-calendar.left { padding: 18px 0 25px 25px; }
 .daterangepicker .drp-calendar.right { padding: 18px 25px 25px 25px; }
 .daterangepicker .drp-calendar.single .calendar-table { border: none }
 .daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span { color: #fff; border: solid #000; 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 td,.daterangepicker .calendar-table th { white-space: nowrap; text-align: center; vertical-align: super; min-width: 41px; width: 41px; height: 41px; line-height: 24px; font-size: 14px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; color: #343434; }
 .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.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date { background-color: #fff; border-color: transparent; color: #999 }
 .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #343434; border-radius: 0 }
 .daterangepicker td.start-date { border-radius: 4px 0 0 4px }
 .daterangepicker td.end-date { border-radius: 0 7px 7px 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 option.disabled,.daterangepicker td.disabled { color: #999; cursor: not-allowed; text-decoration: line-through }
 .daterangepicker select.monthselect,.daterangepicker select.yearselect { font-size: 14px; padding: 1px; height: auto; margin: 0; cursor: default }
 .daterangepicker select.monthselect { margin-right: 5%; width: 56% }
 .daterangepicker select.yearselect { width: 40% }
 .daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect { 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: 15px 13px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle }
 .daterangepicker .drp-selected { display: inline-block; font-size: 15px; padding-right: 8px; vertical-align: middle; line-height: 3.5rem; }
 .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 14px; font-weight: 700; padding: 9px 13px; }
 .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd }
 .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd }
 .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd }
 .daterangepicker.show-ranges.ltr .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: 14px; 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 .drp-calendar,.daterangepicker.single .ranges { float: left }
 .daterangepicker { direction: ltr; text-align: left }
 .daterangepicker .drp-calendar.left { clear: left; margin-right: 0 }
 .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0 }
 .daterangepicker .drp-calendar.right { margin-left: 0 }
 .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0 }
 .daterangepicker .drp-calendar.left .calendar-table { padding-right: 25px; }
 .daterangepicker .drp-calendar,.daterangepicker .ranges { float: left }
 }
 @media (min-width: 730px) { .daterangepicker .ranges { width:auto }
 .daterangepicker .ranges { float: left }
 .daterangepicker.rtl .ranges { float: right }
 .daterangepicker .drp-calendar.left { clear: none!important }
 }