.daterangepicker td.start-date {
    border-radius: 500px 0px 0 500px;
}

.daterangepicker td.end-date {
    border-radius: 0 500px 500px 0;
}
.daterangepicker td.in-range.end-range.available:hover, .daterangepicker th.in-range.end-range.available:hover {
    background-color: #6c3894;
    border-color: transparent;
    border-radius: 0 500px 500px 0;
    color: white;
}
@media only screen and (max-width: 600px) {

    .daterangepicker {
        position: absolute;
        overflow: auto;
        width: 100vh;
        height: 100vh;
        padding: auto;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
    }
}