.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: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: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 #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: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.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:#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 option.disabled,.daterangepicker td.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-left:10%;margin-right:2%;width:56%}
.daterangepicker select.yearselect{margin-right:30%;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: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:700;padding:4px 8px}
.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:12px;padding:8px 12px;cursor:pointer}
.daterangepicker .ranges li:hover{background-color:#eee}
.daterangepicker .ranges li.active{background-color:#08c;color:#fff}
.daterangepicker td.start-date{-webkit-border-top-left-radius:5em;border-top-left-radius:5em;-webkit-border-bottom-left-radius:5em;border-bottom-left-radius:5em;background-color:#5c75fc;color:#fff!important}
.daterangepicker td.end-date{-webkit-border-top-right-radius:5em;border-top-right-radius:5em;-webkit-border-bottom-right-radius:5em;border-bottom-right-radius:5em;background-color:#5c75fc!important;color:#fff!important}
.daterangepicker td.in-range{background-color:#7e92ff;color:#fff!important}
.daterangepicker td.in-range:hover{background-color:#5c75fc!important;-webkit-border-radius:0;border-radius:0}
.daterangepicker td{font-size:14px;font-weight:300}
.daterangepicker .drp-buttons .drp-selected{display:none}
.daterangepicker.show-calendar .drp-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:none;padding:15px 0}
.daterangepicker .drp-buttons .btn{color:#636d86;padding:4px 36px;font-size:16px;font-weight:300;background-color:#fff;border:1px solid #636d86;-webkit-border-radius:4px;border-radius:4px}
.daterangepicker .drp-buttons .btn.btn-primary{background-color:#5a6b94;color:#fff}
.daterangepicker .drp-calendar.left{position:relative}
.daterangepicker .drp-calendar.left:before{content:'';display:block;position:absolute;right:-5px;bottom:0;height:200px;width:1px;background-color:#dce9ff}
.daterangepicker .calendar-table .next span{position:relative;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);border:none}
.daterangepicker .calendar-table .next span:hover{background-color:#fff!important}
.daterangepicker .calendar-table .next span:before{content:'\f062';display:block;position:absolute;width:25px;height:50px;top:-15px;right:-8px;font-size:20px;z-index:1000;color:#4256bf;font-family:fontawesome;background-color:#fff}
.daterangepicker .calendar-table .prev span{position:relative;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);border:none}
.daterangepicker .calendar-table .prev span:hover{background-color:#fff!important}
.daterangepicker .calendar-table .prev span:before{content:'\f062';display:block;position:absolute;width:25px;height:50px;top:-15px;left:-8px;font-size:20px;z-index:1000;color:#4256bf;font-family:fontawesome;background-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:8px}
  .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}}