@charset "utf-8";

.daterangepicker { position: absolute; color: inherit; background-color: rgb(255, 255, 255); border-radius: 4px; border: 1px solid rgb(221, 221, 221); width: 278px; max-width: none; padding: 0px; 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 rgb(204, 204, 204); }

.daterangepicker::after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid rgb(255, 255, 255); border-left: 6px solid transparent; }

.daterangepicker.opensleft::before { right: 9px; }

.daterangepicker.opensleft::after { right: 10px; }

.daterangepicker.openscenter::before { left: 0px; right: 0px; width: 0px; margin-left: auto; margin-right: auto; }

.daterangepicker.openscenter::after { left: 0px; right: 0px; width: 0px; 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 rgb(204, 204, 204); }

.daterangepicker.drop-up::after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid rgb(255, 255, 255); }

.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 0px 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: rgb(255, 255, 255); border-style: solid; border-color: black; border-image: initial; border-width: 0px 2px 2px 0px; border-radius: 0px; display: inline-block; padding: 3px; }

.daterangepicker .calendar-table .next span { transform: rotate(-45deg); }

.daterangepicker .calendar-table .prev span { transform: rotate(135deg); }

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { 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 rgb(255, 255, 255); border-radius: 4px; background-color: rgb(255, 255, 255); }

.daterangepicker .calendar-table table { width: 100%; margin: 0px; border-spacing: 0px; border-collapse: collapse; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: rgb(238, 238, 238); border-color: transparent; color: inherit; }

.daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: rgb(204, 204, 204); }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: rgb(255, 255, 255); border-color: transparent; color: rgb(153, 153, 153); }

.daterangepicker td.in-range { background-color: rgb(235, 244, 248); border-color: transparent; color: rgb(0, 0, 0); border-radius: 0px; }

.daterangepicker td.start-date { border-radius: 4px 0px 0px 4px; }

.daterangepicker td.end-date { border-radius: 0px 4px 4px 0px; }

.daterangepicker td.start-date.end-date { border-radius: 4px; }

.daterangepicker td.active, .daterangepicker td.active:hover { background-color: rgb(53, 126, 189); border-color: transparent; color: rgb(255, 255, 255); }

.daterangepicker th.month { width: auto; }

.daterangepicker td.disabled, .daterangepicker option.disabled { color: rgb(153, 153, 153); cursor: not-allowed; text-decoration: line-through; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0px; 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: 0px auto; background: rgb(238, 238, 238); border: 1px solid rgb(238, 238, 238); padding: 2px; outline: 0px; font-size: 12px; }

.daterangepicker .calendar-time { text-align: center; margin: 4px auto 0px; line-height: 30px; position: relative; }

.daterangepicker .calendar-time select.disabled { color: rgb(204, 204, 204); cursor: not-allowed; }

.daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid rgb(221, 221, 221); 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.single.rtl .drp-calendar.left { border-right: 1px solid rgb(221, 221, 221); }

.daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid rgb(221, 221, 221); }

.daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid rgb(221, 221, 221); }

.daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid rgb(221, 221, 221); }

.daterangepicker .ranges { float: none; text-align: left; margin: 0px; }

.daterangepicker.show-calendar .ranges { margin-top: 8px; }

.daterangepicker .ranges ul { list-style: none; margin: 0px auto; padding: 0px; width: 100%; }

.daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; }

.daterangepicker .ranges li:hover { background-color: rgb(238, 238, 238); }

.daterangepicker .ranges li.active { background-color: rgb(0, 136, 204); color: rgb(255, 255, 255); }

@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 .ranges, .daterangepicker.single .drp-calendar { float: left; }
  .daterangepicker { direction: ltr; text-align: left; }
  .daterangepicker .drp-calendar.left { clear: left; margin-right: 0px; }
  .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
  .daterangepicker .drp-calendar.right { margin-left: 0px; }
  .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
  .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; }
  .daterangepicker .ranges, .daterangepicker .drp-calendar { 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; }
}