.daterangepicker {position: fixed; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%); color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 300px; max-width: none; padding: 0; z-index: 100000009; display: none; font-family: arial; font-size: 15px; line-height: 1em; box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25), 0 10px 18px rgba(0, 0, 0, 0.22);} 
/*.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;  } 

.daterangepicker .drp-calendar.left {padding: 30px 26px 10px 28px; } 

.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 table tr th {font-size: 13px;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {white-space: nowrap;text-align: center;vertical-align: middle;min-width: 34px;width: 34px; height: 34px;line-height: 24px;font-size: 13px;border-radius: 50%;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 thead tr:first-child th {padding-bottom: 20px;}
.daterangepicker .calendar-table table {width: 100%;margin: 0;border-spacing: 0;border-collapse: collapse;} 
.daterangepicker .calendar-table table * { font-family: 'Roboto', sans-serif;}

.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 {color: inherit; background-color: #fff;border-color: transparent; opacity: .5; } 

.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: 50%; } 
.daterangepicker td { animation: .3s all ease;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color: #68A5FE ;border-color: transparent;color: #fff;} 
.daterangepicker td.today.off:hover {color: inherit; background-color: transparent;}

.daterangepicker .calendar-table table tr th.month { /*position: static; display: block; */ width: auto; font-size: 22px; } 
.daterangepicker th.month select { font-weight: 600; border: 1px solid #ccc; appearance: auto; } 
.daterangepicker td.disabled, .daterangepicker option.disabled {cursor: not-allowed; opacity: .5; } 

.daterangepicker select.monthselect, .daterangepicker select.yearselect {font-size: 12px;padding: 1px !important;height: auto;margin: 0;cursor: default; border: 0; background: none; } 

.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; height: auto; appearance: auto;margin: 0 auto;background: #eee;border: 1px solid #eee;padding: 2px !important;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: 20px 33px 20px; display: none;line-height: 12px;vertical-align: middle; } 

.daterangepicker .drp-selected {display: inline-block;font-size: 12px;padding-right: 8px; } 

.daterangepicker .drp-buttons .btn { display: inline-block; height: auto; margin-left: 8px; color: #000; font-size: 12px; font-weight: bold; padding: 4px 8px; line-height:inherit; border: 0; } 
.daterangepicker .drp-buttons .btn:hover {background-color: transparent;}
.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; } 

@media (max-width: 767px) {
    
}