.daterangepicker .drp-calendar th.next span,
.daterangepicker .drp-calendar th.prev span {
    border-width: 0 0 1px 1px;
    border-color: #7E8299;
}

.daterangepicker .drp-calendar th.next span {
    margin-left: 1px;
}

.daterangepicker .drp-calendar th.prev span {
    margin-right: 1px;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 0 2px 2px;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}

html[dir="rtl"] .daterangepicker .calendar-table .next span {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

html[dir="rtl"] .daterangepicker .calendar-table .prev span {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

html[dir="rtl"] .daterangepicker {
    direction: rtl;
    text-align: right;
}

    html[dir="rtl"] .daterangepicker .drp-calendar td.active {
        
        background-color: #249FA6 !important;
        color: #FFFFFF !important;
        border-radius: 0.42rem;
    }

        html[dir="rtl"] .daterangepicker .drp-calendar td.active.start-date {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        html[dir="rtl"] .daterangepicker .drp-calendar td.active.end-date {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        html[dir="rtl"] .daterangepicker .drp-calendar td.active.start-date.end-date {
            border-radius: 0.42rem;
        }


/*  Larger Screen Styling */

@media (min-width: 564px) {
    html[dir="rtl"] .daterangepicker.single .ranges,
    .daterangepicker.single .drp-calendar {
        float: right;
    }

    html[dir="rtl"] .daterangepicker .drp-calendar.left {
        clear: right;
        margin-left: 0;
    }

        html[dir="rtl"] .daterangepicker .drp-calendar.left .calendar-table {
            border-left: none;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    html[dir="rtl"] .daterangepicker .drp-calendar.right {
        margin-right: 0;
    }

        html[dir="rtl"] .daterangepicker .drp-calendar.right .calendar-table {
            border-right: none;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

    html[dir="rtl"] .daterangepicker .drp-calendar.left .calendar-table {
        padding-left: 8px;
    }

    html[dir="rtl"] .daterangepicker .ranges,
    .daterangepicker .drp-calendar {
        float: right;
    }
}