.daterangepicker .ranges {text-align: right;} .daterangepicker .drp-calendar.left {padding: 8px 8px 8px 0;} .daterangepicker.show-ranges.rtl .drp-calendar.left {border-right: 1px solid #ddd;} .daterangepicker.show-ranges.rtl .drp-calendar.right {border-right: 0;} .daterangepicker .calendar-table .prev span {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} .daterangepicker .calendar-table .next span {transform: rotate(135deg);-webkit-transform: rotate(135deg);} .daterangepicker td.start-date {border-radius: 0 4px 4px 0;} .daterangepicker td.end-date {border-radius: 4px 0 0 4px;} .daterangepicker .calendar-time {direction: ltr;} .daterangepicker .drp-buttons {text-align: left;} .daterangepicker .drp-selected {padding-right: 0;padding-left: 8px;} .daterangepicker .drp-buttons .btn {margin-left: 0;margin-right: 8px;} @media (min-width: 564px) {.daterangepicker {direction: rtl;text-align: right;} .daterangepicker .drp-calendar.left {clear: right;} .daterangepicker .drp-calendar.left .calendar-table {padding-right: 0;padding-left: 8px;} .daterangepicker .ranges, .daterangepicker .drp-calendar {float: right;}} @media (min-width: 730px) {.daterangepicker .drp-calendar.left {clear: none !important;}} @media (max-width: 729px) {.daterangepicker.show-ranges.rtl .drp-calendar.left {border-right: 0;}} @media (max-width: 563px) {.daterangepicker .drp-calendar.left {padding: 8px;} .daterangepicker .drp-selected {padding-left: 0;}}