.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;
    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:after,.daterangepicker.openscenter:before{
    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-buttons,.daterangepicker.show-calendar .drp-calendar{
    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{
    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-right:2%;
    width:56%
}
.daterangepicker select.yearselect{
    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;
    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 .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 (min-width:564px){
    .daterangepicker.ltr .drp-calendar.right .calendar-table,.daterangepicker.rtl .drp-calendar.left .calendar-table{
        border-left:none;
        border-top-left-radius:0;
        border-bottom-left-radius:0
    }
    .daterangepicker.ltr .drp-calendar.left .calendar-table,.daterangepicker.rtl .drp-calendar.right .calendar-table{
        border-right:none;
        border-top-right-radius:0;
        border-bottom-right-radius:0
    }
    .daterangepicker{
        width:auto
    }
    .daterangepicker .ranges ul{
        width:140px
    }
    .daterangepicker.single .ranges ul{
        width:100%
    }
    .daterangepicker.single .drp-calendar.left{
        clear:none
    }
    .daterangepicker.single.ltr .drp-calendar,.daterangepicker.single.ltr .ranges{
        float:left
    }
    .daterangepicker.single.rtl .drp-calendar,.daterangepicker.single.rtl .ranges{
        float:right
    }
    .daterangepicker.ltr{
        direction:ltr;
        text-align:left
    }
    .daterangepicker.ltr .drp-calendar.left{
        clear:left;
        margin-right:0
    }
    .daterangepicker.ltr .drp-calendar.left .calendar-table{
        padding-right:8px
    }
    .daterangepicker.ltr .drp-calendar.right{
        margin-left:0
    }
    .daterangepicker.ltr .drp-calendar,.daterangepicker.ltr .ranges{
        float:left
    }
    .daterangepicker.rtl{
        direction:rtl;
        text-align:right
    }
    .daterangepicker.rtl .drp-calendar.left{
        clear:right;
        margin-left:0
    }
    .daterangepicker.rtl .drp-calendar.left .calendar-table{
        padding-left:12px
    }
    .daterangepicker.rtl .drp-calendar.right{
        margin-right:0
    }
    .daterangepicker.rtl .drp-calendar,.daterangepicker.rtl .ranges{
        text-align:right;
        float:right
    }
}
@media (min-width:730px){
    .daterangepicker .ranges{
        width:auto
    }
    .daterangepicker.ltr .ranges{
        float:left
    }
    .daterangepicker.rtl .ranges{
        float:right
    }
    .daterangepicker .drp-calendar.left{
        clear:none!important
    }
}