engineN/app/Views/kewilayahan/scss/react/_rtl.scss

html[dir='rtl'] {
  body .ps__rail-y {
    right: auto !important;
    left: 1px !important;
  }

  // RTL Icons
  .rotate-rtl {
    transform: rotate(-180deg);
  }

  // Scroll To Top
  .scroll-to-top {
    div:first-of-type {
      left: auto !important;
      right: 30px;
    }
  }

  // Vertical Menu Item Arrows
  .vertical-layout .main-menu .navigation li.has-sub {
    > a:after {
      transform: rotate(90deg) !important;
    }
    &:not(.open) {
      > a:after {
        transform: rotate(180deg) !important;
      }
    }
  }

  // Horizontal menu
  .horizontal-menu .header-navbar.navbar-horizontal .dropdown-menu .dropdown-toggle::after {
    background-image: url(str-replace(str-replace($chevron-left, 'currentColor', $body-color), '#', '%23'));
  }

  // Dropdown RTL Changes
  .dropdown,
  .dropup,
  .btn-group {
    .dropdown-menu {
      right: auto !important;
      left: auto !important;

      &.dropdown-menu-end {
        left: 0 !important;

        &::before {
          right: 0.6rem;
          left: auto;
        }
      }
    }
  }

  .dropstart {
    .dropdown-menu {
      right: 0.5rem !important;
      margin-right: $dropdown_spacing !important;
    }
  }

  .dropend {
    .dropdown-menu {
      left: 0.5rem !important;
      margin-left: $dropdown_spacing !important;
    }
  }

  // Breadcrumbs
  .breadcrumb:not([class*='breadcrumb-']),
  .breadcrumb.breadcrumb-chevron {
    .breadcrumb-item + .breadcrumb-item {
      &:before {
        transform: rotate(180deg);
      }
    }
  }

  // Pagination
  .pagination .page-item {
    &.prev-item,
    &.prev,
    &.previous {
      .page-link {
        &:before {
          transform: rotate(180deg);
        }
        &:hover,
        &:active {
          &:before {
            transform: rotate(180deg);
          }
        }
      }
      &.disabled {
        .page-link {
          &:before {
            transform: rotate(180deg);
          }
        }
      }
    }

    &.next-item,
    &.next {
      .page-link {
        &:after {
          transform: rotate(180deg);
        }
        &:hover,
        &:active {
          &:after {
            transform: rotate(180deg);
          }
        }
      }
      &.disabled {
        .page-link {
          &:before {
            transform: rotate(180deg);
          }
        }
      }
    }
    &:first-of-type,
    &:last-of-type {
      .page-link svg {
        transform: rotate(180deg);
      }
    }
  }

  // Popover
  .popover {
    &[data-popper-placement^='left'] {
      .popover-arrow {
        left: unset;
        right: -0.5rem;
        transform: translate3d(0px, 58px, 0px) !important;
      }
    }
    &[data-popper-placement^='right'] {
      .popover-arrow {
        right: unset;
        left: -0.5rem;
        transform: translate3d(0px, 58px, 0px) !important;
      }
    }
  }

  // Tooltip
  .bs-tooltip-left .arrow,
  .bs-tooltip-auto[data-popper-placement^='left'] .arrow {
    right: -1px;
    transform: translate3d(0px, 15px, 0px) !important;
  }

  .bs-tooltip-right .arrow,
  .bs-tooltip-auto[data-popper-placement^='right'] .arrow {
    right: auto;
    left: 0;
    transform: translate3d(0px, 15px, 0px) !important;
  }

  // App Email
  .email-application {
    .toggle-cc.mr-1 {
      margin-right: 0 !important;
      margin-left: 1rem !important;
    }
  }

  // App Calendar
  .app-calendar {
    .fc-toolbar {
      flex-direction: row-reverse !important;
      .fc-toolbar-chunk:first-child {
        flex-direction: row-reverse;
      }
      .fc-prev-button,
      .fc-next-button {
        transform: translate3d(0px, 9px, 0px) rotate(180deg) !important;
      }
    }
  }

  // App Ecommerce
  .app-ecommerce-details {
    .swiper-button-next {
      right: 0;
      left: auto;
    }
  }

  // Invoice List
  .invoice-list-table-header {
    select {
      background-position: calc(100% - (100% - 13px)) 13px, calc(100% - (100% - 20px)) 13px, 0% 0 !important;
    }
  }

  // TinyMCE
  .tox-tinymce {
    .tox-editor-header {
      direction: ltr;
    }
  }

  // Apex Charts
  .apexcharts-canvas {
    .apexcharts-tooltip {
      .apexcharts-tooltip-marker {
        margin-right: 10px;
        margin-left: 0 !important;
      }
    }
  }

  // Swiper
  .swiper-button-next {
    right: 10px !important;
    left: auto !important;
  }

  .swiper-button-prev {
    left: 10px !important;
    right: auto !important;
  }

  // Flatpickr
  .flatpickr-calendar {
    .flatpickr-months {
      svg {
        transform: rotate(180deg);
      }
    }
  }

  // Wizard
  .bs-stepper {
    &:not(.vertical) {
      .bs-stepper-header .line svg {
        transform: rotate(180deg);
      }
    }
    .btn-next svg,
    .btn-prev svg {
      transform: rotate(180deg);
    }
  }

  // Datatables
  .rdt_Table {
    [aria-label='Expand Row'] {
      svg {
        transform: rotate(180deg);
      }
    }
  }

  #profile-info {
    .post {
      .post-actions {
        .share-post {
          span.mr-1 {
            margin-right: 0 !important;
          }
        }
      }
    }
  }
}