.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{width:38px;height:38px;font-size:12px;border-radius:0;border:solid 1px rgb(204 204 204 / 30%);font-weight:400}
.daterangepicker td.active,.daterangepicker td.active:hover{background-color:var(--MainColor)!important}
.daterangepicker td.in-range{background-color:hsl(144deg 36% 46% / 30%)}
th.next.available,th.prev.available{background:var(--MainColor)}
.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{border-color:#fff}
.daterangepicker{font-family:var(--DefaultFont);border-radius:0;z-index:11;transition:.5s bottom}
.daterangepicker td.next.available:hover,.daterangepicker td.prev.available:hover,.daterangepicker th.next.available:hover,.daterangepicker th.prev.available:hover{background:var(--HoverColor)}
.daterangepicker .calendar-table table thead{background:var(--MainColor);color:#fff}
.daterangepicker .calendar-table table thead tr th{border-radius:0!important}
.drp-calendar.left{padding:0}
.daterangepicker .drp-calendar.left{padding:0!important}
.daterangepicker .drp-calendar.right{padding:0}
td.off.ends.active.start-date.available{color:#fff}
td.off.ends.active.end-date.in-range.available{color:#fff}
.daterangepicker .calendar-table table thead tr th{border:none}
button.cancelBtn{display:none!important}
button.applyBtn{position:relative;width:140px;padding:6px 15px!important;border:none;background-color:var(--MainColor);color:#fff}
td.off.ends.in-range.available{background:#c9e2d3;color:#000}
@media only screen and (max-width:950px){
.input-daterange{justify-content:center}
.input-daterange input{width:160px}
}
@media only screen and (max-width:700px){
.daterangepicker{width:100%;left:0!important;top:var(--HeaderHeight)!important;bottom:0;position:fixed;height:calc(100vh - var(--HeaderHeight));margin-top:0!important;box-sizing:border-box}
.daterangepicker .drp-calendar{max-width:100%}
.daterangepicker .ranges{margin-top:0!important}
.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{width:30px;height:30px}
.daterangepicker{bottom:0;z-index:10}
.daterangepicker:after,.daterangepicker:before{opacity:0!important}
}