.daterangepicker{display:none; overflow:hidden; position:absolute; top:100px; left:20px; z-index:990; width:360px; max-width:none; margin-top:7px; padding:0; border:0.1rem solid var(--secondary-10); border-radius:0.8rem; background-color:#fff; color:inherit; }
.daterangepicker:before, .daterangepicker:after {display:inline-block; display:none; position:absolute; border-bottom-color:rgba(0, 0, 0, 0.2); content:'';}
.daterangepicker:before{top:-7px; border-right:7px solid transparent; border-bottom:7px solid #ccc; border-left:7px solid transparent;}
.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-right:auto; margin-left:auto;}
.daterangepicker.openscenter:after{left:0; right:0; width:0; margin-right:auto; margin-left: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-top:7px solid #ccc; border-bottom:initial;}
.daterangepicker.drop-up:after{top:initial; bottom:-6px; border-top:6px solid #fff; border-bottom:initial;}
.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 .drp-calendar{ position:relative; max-width:360px; background: var(--secondary-5);}
/*.daterangepicker .drp-calendar:before{position:absolute; top:0; left:0; right:0; z-index:-1; height:6.4rem; background-color:var(--secondary-5); content:'';}*/
.daterangepicker .drp-calendar.left{padding: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{display:inline-block; padding:3px; border:solid black; border-width:0 2px 2px 0; border-radius:0; color:#fff;}
.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 th, .daterangepicker .calendar-table td button { width:4.8rem; height:4.8rem; border:0.1rem solid transparent; border:0; border-radius:4px; color:var(--gray-90); font-size:1.7rem; text-align:center; vertical-align:middle; white-space:nowrap; white-space:nowrap; cursor:pointer;}
.daterangepicker .calendar-table td button{width:100%;}
.daterangepicker .calendar-table th{ font-size: 1.5rem; font-weight: normal;}
.daterangepicker .calendar-table th.prev,
.daterangepicker .calendar-table th.next{}
.daterangepicker .calendar-table th.prev{}
.daterangepicker .calendar-table th.next{}
.daterangepicker .calendar-table th.prev button,
.daterangepicker .calendar-table th.next button{width:3.2rem; height:3.2rem; background:#fff url('../img/common/ico_angle.svg') no-repeat center/2rem 2rem; font-size:0; border-radius: 50%; border: 1px solid var(--gray-20);}
.daterangepicker .calendar-table th.prev button{transform:rotate(90deg);}
.daterangepicker .calendar-table th.next button{transform:rotate(-90deg);}
.daterangepicker .calendar-table td{padding:0.4rem 0 0;}
.daterangepicker .calendar-table{/* border:0.1rem solid #fff;*/ /* border-radius:4px;*/ /* background-color:#fff;*/}
.daterangepicker .calendar-table table{width:100%; margin:0; border-collapse:collapse; border-spacing:0;}
.daterangepicker .calendar-table table thead tr:first-child{text-align:center;}
.daterangepicker .calendar-table table thead tr:first-child th{}
.daterangepicker .calendar-table table thead tr:last-child th{height:6.6rem; padding-top:1.8rem;}
.daterangepicker td button.available:hover, .daterangepicker th.available:hover{border-color:transparent; background-color:var(--gray-0); color:inherit;}
.daterangepicker td.week, .daterangepicker th.week{color:#ccc; font-size:80%;}
.daterangepicker td button.off, .daterangepicker td button.off.in-range, .daterangepicker td button.off.start-date, .daterangepicker td button.off.end-date{border-color:transparent; background-color:transparent; color:rgba(113, 113, 113, 0.3);}
.daterangepicker td button.today{ border-radius: 50%; }
.daterangepicker td button.in-range{border-color:transparent; border-radius:0; background-color:var(--gray-0); color:#000;}
.daterangepicker td button.in-range.today {border: 0;}

.daterangepicker td button.start-date{border-radius:50% 0 0 50%;}
.daterangepicker td button.end-date{border-radius:0 50% 50% 0;}
.daterangepicker td button.today.start-date.end-date { border-radius: 50%; }
.daterangepicker td button.active, .daterangepicker td button.active:hover{border-color:transparent; background-color:var(--secondary-70); color:#fff; }

.daterangepicker th.month{width:auto;}
.daterangepicker td button.disabled, .daterangepicker option.disabled{color:#999; text-decoration:line-through; cursor:not-allowed;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect{height:4rem; margin:0; padding:0 0.8rem; border:0; background:url('../img/common/ico_arrow_dropdown.svg') no-repeat center right / 1.6rem; font-weight:bold; text-align:center; border-radius: var(--radius-small);}
.daterangepicker select.monthselect{margin-left:2rem; /* width:56%;*/}
.daterangepicker select.yearselect{/* width:40%;*/}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect{width:50px; margin:0 auto; padding:2px; border:0.1rem solid #eee; outline:0; background:#eee; font-size:12px;}
.daterangepicker .calendar-time{position:relative; margin:4px auto 0 auto; text-align:center; line-height:30px;}
.daterangepicker .calendar-time select.disabled{color:#ccc; cursor:not-allowed;}
.daterangepicker .drp-buttons{display:none; clear:both; padding: 1.6rem 2.4rem; border-top:0.1rem solid var(--gray-20); text-align:right; line-height:12px; vertical-align:middle;}
.daterangepicker .drp-selected{display:inline-block; padding-right:8px; font-size:12px;}
.daterangepicker .drp-buttons .btn_basic{margin-left:8px; font-weight:400; /* font-size:12px;*/ /* font-weight:bold;*/ /* padding:4px 8px;*/}
.daterangepicker .drp-buttons .btn_basic[disabled] { border-color: transparent;background: var(--primary-40); cursor:default;}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left{border-right:0.1rem solid #ddd;}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left{border-left:0.1rem solid #ddd;}
.daterangepicker.show-ranges.rtl .drp-calendar.right{border-right:0.1rem solid #ddd;}
.daterangepicker.show-ranges.ltr .drp-calendar.left{border-left:0.1rem solid #ddd;}
.daterangepicker .ranges{display:none; float:none; height:0; margin:0; padding:0; text-align:left;}
.daterangepicker.show-calendar .ranges{margin-top:8px;}
.daterangepicker .ranges ul{width:100%; margin:0 auto; padding:0; list-style:none;}
.daterangepicker .ranges li{padding:8px 12px; font-size:12px; cursor:pointer;}
.daterangepicker .ranges li:hover{background-color:#eee;}
.daterangepicker .ranges li.active{background-color:#08c; color:#fff;}
@media (min-width:600px){
    .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{text-align:left; direction:ltr;}
    .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-bottom-left-radius:0; border-top-left-radius:0;}
    .daterangepicker .drp-calendar.left .calendar-table{padding-right:8px;}
    .daterangepicker .ranges, .daterangepicker .drp-calendar{float:left;}
}
@media (max-width:1023px){
    .mFixedDate .daterangepicker{position:fixed !important; top:50% !important; left:50% !important;  right:auto !important; bottom:auto !important; transform:translate(-50%,-50%) !important;}
}
@media (min-width:730px){
    .daterangepicker .ranges{width:auto;}
    .daterangepicker .ranges{float:left;}
    .daterangepicker.rtl .ranges{float:right;}
    .daterangepicker .drp-calendar.left{clear:none !important;}
}
@media (max-width:599px){
    .daterangepicker{width:289px; margin-left:-1px;}
    .daterangepicker .drp-calendar:before{
        height: 5.8rem;
    }
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td button{height:4rem; font-size:1.5rem;}
    .daterangepicker .calendar-table table thead tr:last-child th{
        padding-top: 0.8rem;
        height: 5.6rem;
    }
    .daterangepicker .calendar-table td button{}
    .daterangepicker select.monthselect, .daterangepicker select.yearselect{font-size:1.6rem;}
}