/* ============================================================================
   RTL LAYER — Arabic, Urdu, Persian, Hebrew, Pashto, Kurdish
   ============================================================================
   AdminLTE 3.2 / Bootstrap 4.6 ship LTR-only. This sheet mirrors the panel
   chrome when <html dir="rtl"> is set by
   resources/views/layouts/partials/language_direction_boot.blade.php.

   EVERY rule is scoped to html[dir="rtl"], so the file does nothing for LTR
   languages. Flexbox/grid layouts mirror on their own once dir="rtl" is set;
   this file handles the physical left/right rules (fixed sidebar, margins,
   floats, utility classes, form controls) that do not.

   Sidebar widths mirror custom_v3.css §14 (220px expanded, 4.6rem mini).
   ============================================================================ */

html[dir="rtl"] body {
    text-align: right;
}

html[dir="rtl"] caption {
    text-align: right;
}

/* ---------------------------------------------------------------------------
   1. Sidebar on the right
   --------------------------------------------------------------------------- */
html[dir="rtl"] .main-sidebar,
html[dir="rtl"] .layout-fixed .main-sidebar {
    left: auto !important;
    right: 0 !important;
}

html[dir="rtl"] .main-sidebar,
html[dir="rtl"] .main-sidebar::before {
    transition: margin-right 0.3s ease-in-out, width 0.3s ease-in-out;
    margin-left: 0 !important;
}

html[dir="rtl"] .content-wrapper,
html[dir="rtl"] .main-footer,
html[dir="rtl"] .main-header {
    transition: margin-right 0.3s ease-in-out;
}

@media (min-width: 768px) {
    /* Expanded */
    html[dir="rtl"] body:not(.sidebar-collapse) .content-wrapper,
    html[dir="rtl"] body:not(.sidebar-collapse) .main-footer,
    html[dir="rtl"] body:not(.sidebar-collapse) .main-header {
        margin-left: 0 !important;
        margin-right: 220px !important;
    }

    /* Collapsed, sidebar-mini (icons only) */
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .content-wrapper,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-footer,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-header {
        margin-left: 0 !important;
        margin-right: 4.6rem !important;
    }
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar::before {
        margin-right: 0 !important;
    }

    /* Collapsed, no mini (fully hidden) */
    html[dir="rtl"] body.sidebar-collapse:not(.sidebar-mini) .main-sidebar,
    html[dir="rtl"] body.sidebar-collapse:not(.sidebar-mini) .main-sidebar::before {
        margin-right: -250px !important;
    }
    html[dir="rtl"] body.sidebar-collapse:not(.sidebar-mini) .content-wrapper,
    html[dir="rtl"] body.sidebar-collapse:not(.sidebar-mini) .main-footer,
    html[dir="rtl"] body.sidebar-collapse:not(.sidebar-mini) .main-header {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 767.98px) {
    /* Off-canvas sidebar slides in from the right */
    html[dir="rtl"] .content-wrapper,
    html[dir="rtl"] .main-footer,
    html[dir="rtl"] .main-header {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    html[dir="rtl"] .main-sidebar,
    html[dir="rtl"] .main-sidebar::before {
        margin-right: -250px !important;
    }
    html[dir="rtl"] .sidebar-open .main-sidebar,
    html[dir="rtl"] .sidebar-open .main-sidebar::before {
        margin-right: 0 !important;
    }
}

/* Brand + user panel */
html[dir="rtl"] .brand-link .brand-image {
    float: right;
    margin-left: 0.5rem;
    margin-right: 0.8rem;
}
html[dir="rtl"] .sidebar-collapse .brand-link .brand-image {
    margin-left: 0;
    margin-right: 0;
}
html[dir="rtl"] .brand-link .brand-text {
    margin-right: 0 !important;
}
html[dir="rtl"] .user-panel .image {
    padding-left: 0;
    padding-right: 0.8rem;
}
html[dir="rtl"] .user-panel .info {
    padding: 5px 10px 5px 5px;
}

/* Menu items: icon spacing, active marker, tree indent */
html[dir="rtl"] .nav-sidebar > .nav-item .nav-icon {
    margin-left: 0.2rem;
    margin-right: 0.05rem;
}
html[dir="rtl"] body .main-sidebar .nav-sidebar .nav-link {
    border-left: 0 !important;
    border-right: 3px solid transparent !important;
}
html[dir="rtl"] body .main-sidebar .nav-sidebar > .nav-item.menu-open > .nav-link,
html[dir="rtl"] body .main-sidebar .nav-sidebar > .nav-item > .nav-link.active {
    border-left: 0 !important;
    border-right: 3px solid var(--pw-sidebar-accent, #f37021) !important;
}
html[dir="rtl"] .nav-sidebar .nav-treeview {
    padding-left: 0;
}
html[dir="rtl"] .nav-child-indent .nav-treeview {
    padding-left: 0;
    padding-right: 1rem;
}
html[dir="rtl"] .nav-sidebar > .nav-item .float-right {
    float: left !important;
}

/* Tree arrow (page.blade.php pins it 12px from the right edge) */
html[dir="rtl"] .main-sidebar .nav-sidebar .nav-item.has-treeview > .nav-link {
    padding-right: 1rem !important;
    padding-left: 30px !important;
}
html[dir="rtl"] .main-sidebar .nav-sidebar .nav-link > p > .right,
html[dir="rtl"] .main-sidebar .nav-sidebar .nav-link > p > .float-right,
html[dir="rtl"] .main-sidebar .nav-sidebar .nav-link > p > .fa-angle-left {
    right: auto !important;
    left: 12px !important;
}
/* Closed: point toward the content (right-to-left reading = ">") */
html[dir="rtl"] .main-sidebar .nav-sidebar .nav-link > p > i.right,
html[dir="rtl"] .main-sidebar .nav-sidebar .nav-link > p > .fa-angle-left {
    transform: translateY(-50%) rotate(180deg) !important;
}
/* Open: point down, same as LTR */
html[dir="rtl"] .main-sidebar .nav-sidebar .nav-item.has-treeview.menu-open > .nav-link > p > i.right,
html[dir="rtl"] .main-sidebar .nav-sidebar .nav-item.has-treeview.menu-open > .nav-link > p > .fa-angle-left,
html[dir="rtl"] .main-sidebar .nav-sidebar .nav-item.has-treeview.menu-is-opening > .nav-link > p > i.right,
html[dir="rtl"] .main-sidebar .nav-sidebar .nav-item.has-treeview.menu-is-opening > .nav-link > p > .fa-angle-left {
    transform: translateY(-50%) rotate(-90deg) !important;
}

/* ---------------------------------------------------------------------------
   2. Top navbar dropdowns (navbar dropdowns are CSS-positioned, not Popper)
   --------------------------------------------------------------------------- */
html[dir="rtl"] .main-header .dropdown-menu-right {
    right: auto;
    left: 0;
}
html[dir="rtl"] .main-header .dropdown-menu:not(.dropdown-menu-right) {
    left: auto;
    right: 0;
}
html[dir="rtl"] .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 0.255em;
}

/* ---------------------------------------------------------------------------
   3. Cards, modals, alerts, breadcrumbs, pagination
   --------------------------------------------------------------------------- */
html[dir="rtl"] .card-title {
    float: right;
}
html[dir="rtl"] .card-header > .card-tools {
    float: left;
    margin-right: 0;
    margin-left: -0.625rem;
}
html[dir="rtl"] .modal-header .close {
    margin: -1rem auto -1rem -1rem;
}
html[dir="rtl"] .alert-dismissible {
    padding-right: 1.25rem;
    padding-left: 4rem;
}
html[dir="rtl"] .alert-dismissible .close {
    right: auto;
    left: 0;
}
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
    padding-right: 0.5rem;
}
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0;
    padding-left: 0.5rem;
}
html[dir="rtl"] .page-link {
    margin-left: 0;
    margin-right: -1px;
}
html[dir="rtl"] .page-item:first-child .page-link {
    margin-right: 0;
    border-radius: 0 0.25rem 0.25rem 0;
}
html[dir="rtl"] .page-item:last-child .page-link {
    border-radius: 0.25rem 0 0 0.25rem;
}
html[dir="rtl"] .page-item:first-child:last-child .page-link {
    border-radius: 0.25rem;
}
/* Lists: the browser's default 40px indent is padding-inline-START, which is
   the RIGHT side under RTL. Bootstrap/AdminLTE components only zero
   padding-LEFT, so without this every nav/list (the whole sidebar menu,
   including the search box) is pushed 40px left. Plain bullet lists keep
   the browser indent, which mirrors on its own. Custom lists styled
   `list-style:none; padding-left:0` are caught by the head-boot script. */
html[dir="rtl"] .nav,
html[dir="rtl"] .navbar-nav,
html[dir="rtl"] .nav-sidebar,
html[dir="rtl"] .nav-treeview,
html[dir="rtl"] .pagination,
html[dir="rtl"] .list-group,
html[dir="rtl"] .list-unstyled,
html[dir="rtl"] .list-inline,
html[dir="rtl"] .carousel-indicators,
html[dir="rtl"] .products-list,
html[dir="rtl"] .todo-list,
html[dir="rtl"] .users-list,
html[dir="rtl"] .contacts-list,
html[dir="rtl"] .timeline {
    padding-right: 0;
}
html[dir="rtl"] .list-inline-item:not(:last-child) {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* ---------------------------------------------------------------------------
   4. Forms
   --------------------------------------------------------------------------- */
html[dir="rtl"] .custom-select {
    padding: 0.375rem 0.75rem 0.375rem 1.75rem;
    background-position: left 0.75rem center;
}
html[dir="rtl"] .form-check {
    padding-left: 0;
    padding-right: 1.25rem;
}
html[dir="rtl"] .form-check-input {
    margin-left: 0;
    margin-right: -1.25rem;
}
html[dir="rtl"] .form-check-inline {
    margin-right: 0;
    margin-left: 0.75rem;
}
html[dir="rtl"] .form-check-inline .form-check-input {
    margin-right: 0;
    margin-left: 0.3125rem;
}
html[dir="rtl"] .custom-control {
    padding-left: 0;
    padding-right: 1.5rem;
}
html[dir="rtl"] .custom-control-inline {
    margin-right: 0;
    margin-left: 1rem;
}
html[dir="rtl"] .custom-control-label::before,
html[dir="rtl"] .custom-control-label::after {
    left: auto;
    right: -1.5rem;
}
html[dir="rtl"] .custom-switch {
    padding-left: 0;
    padding-right: 2.25rem;
}
html[dir="rtl"] .custom-switch .custom-control-label::before {
    left: auto;
    right: -2.25rem;
}
html[dir="rtl"] .custom-switch .custom-control-label::after {
    left: auto;
    right: calc(-2.25rem + 2px);
}
html[dir="rtl"] .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(-0.75rem);
}
html[dir="rtl"] .custom-file-label::after {
    right: auto;
    left: 0;
    border-left: 0;
    border-right: inherit;
    border-radius: 0.25rem 0 0 0.25rem;
}

/* Input groups — flex reverses order on its own; swap the rounded corners */
html[dir="rtl"] .input-group > .form-control:not(:first-child),
html[dir="rtl"] .input-group > .custom-select:not(:first-child) {
    border-radius: 0.25rem 0 0 0.25rem;
}
html[dir="rtl"] .input-group > .form-control:not(:last-child),
html[dir="rtl"] .input-group > .custom-select:not(:last-child) {
    border-radius: 0 0.25rem 0.25rem 0;
}
html[dir="rtl"] .input-group > .form-control:not(:first-child):not(:last-child),
html[dir="rtl"] .input-group > .custom-select:not(:first-child):not(:last-child) {
    border-radius: 0;
}
html[dir="rtl"] .input-group-prepend > .btn,
html[dir="rtl"] .input-group-prepend > .input-group-text {
    border-radius: 0 0.25rem 0.25rem 0;
}
html[dir="rtl"] .input-group-append > .btn,
html[dir="rtl"] .input-group-append > .input-group-text {
    border-radius: 0.25rem 0 0 0.25rem;
}
html[dir="rtl"] .input-group-prepend {
    margin-right: 0;
    margin-left: -1px;
}
html[dir="rtl"] .input-group-append {
    margin-left: 0;
    margin-right: -1px;
}

/* Select2 renders its own [dir="rtl"] styles (it inherits dir from <html>);
   custom_v3.css padding was LTR-only. */
html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 25px;
    padding-right: 0.75rem;
}

/* ---------------------------------------------------------------------------
   5. DataTables (Bootstrap 4 styling)
   --------------------------------------------------------------------------- */
html[dir="rtl"] div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}
html[dir="rtl"] div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
    margin-right: 0.5em;
}
html[dir="rtl"] div.dataTables_wrapper div.dataTables_length select {
    margin: 0 0.25em;
}
html[dir="rtl"] table.dataTable thead > tr > th.sorting,
html[dir="rtl"] table.dataTable thead > tr > th.sorting_asc,
html[dir="rtl"] table.dataTable thead > tr > th.sorting_desc,
html[dir="rtl"] table.dataTable thead > tr > td.sorting,
html[dir="rtl"] table.dataTable thead > tr > td.sorting_asc,
html[dir="rtl"] table.dataTable thead > tr > td.sorting_desc {
    padding-right: 0.75rem;
    padding-left: 30px;
}
html[dir="rtl"] table.dataTable thead .sorting::before,
html[dir="rtl"] table.dataTable thead .sorting_asc::before,
html[dir="rtl"] table.dataTable thead .sorting_desc::before {
    right: auto;
    left: 1em;
}
html[dir="rtl"] table.dataTable thead .sorting::after,
html[dir="rtl"] table.dataTable thead .sorting_asc::after,
html[dir="rtl"] table.dataTable thead .sorting_desc::after {
    right: auto;
    left: 0.5em;
}

/* ---------------------------------------------------------------------------
   6. Directional icons point the other way
   --------------------------------------------------------------------------- */
html[dir="rtl"] .fa-arrow-left,
html[dir="rtl"] .fa-arrow-right,
html[dir="rtl"] .fa-long-arrow-alt-left,
html[dir="rtl"] .fa-long-arrow-alt-right,
html[dir="rtl"] .fa-chevron-left,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .fa-angle-left,
html[dir="rtl"] .fa-angle-right,
html[dir="rtl"] .fa-angle-double-left,
html[dir="rtl"] .fa-angle-double-right,
html[dir="rtl"] .fa-caret-left,
html[dir="rtl"] .fa-caret-right,
html[dir="rtl"] .fa-chevron-circle-left,
html[dir="rtl"] .fa-chevron-circle-right,
html[dir="rtl"] .fa-arrow-circle-left,
html[dir="rtl"] .fa-arrow-circle-right {
    transform: scaleX(-1);
}

/* ---------------------------------------------------------------------------
   7. Superadmin Command Center dashboard (pwcw-dashboard.css)
   --------------------------------------------------------------------------- */
html[dir="rtl"] .pw-cw .stat-sparkline {
    right: auto;
    left: -5%;
}
html[dir="rtl"] .pw-cw .pwcw-search > i {
    left: auto;
    right: 10px;
}
html[dir="rtl"] .pw-cw .pwcw-search input {
    padding: 0 28px 0 26px;
}
html[dir="rtl"] .pw-cw .pwcw-kbd {
    right: auto;
    left: 7px;
}
html[dir="rtl"] .pw-cw .pwsa-live-dot {
    margin-right: 0;
    margin-left: 4px;
}

/* ---------------------------------------------------------------------------
   8. Bootstrap utility classes — float, text-align, ml/mr/pl/pr
   Zero the physical side first, then apply the mirrored value; when an
   element carries both ml-* and mr-*, the later value rules win so neither
   side is lost.
   --------------------------------------------------------------------------- */
html[dir="rtl"] .float-left { float: right !important; }
html[dir="rtl"] .float-right { float: left !important; }
html[dir="rtl"] .text-left { text-align: right !important; }
html[dir="rtl"] .text-right { text-align: left !important; }
@media (min-width: 576px) {
    html[dir="rtl"] .float-sm-left { float: right !important; }
    html[dir="rtl"] .float-sm-right { float: left !important; }
    html[dir="rtl"] .text-sm-left { text-align: right !important; }
    html[dir="rtl"] .text-sm-right { text-align: left !important; }
}
@media (min-width: 768px) {
    html[dir="rtl"] .float-md-left { float: right !important; }
    html[dir="rtl"] .float-md-right { float: left !important; }
    html[dir="rtl"] .text-md-left { text-align: right !important; }
    html[dir="rtl"] .text-md-right { text-align: left !important; }
}
@media (min-width: 992px) {
    html[dir="rtl"] .float-lg-left { float: right !important; }
    html[dir="rtl"] .float-lg-right { float: left !important; }
    html[dir="rtl"] .text-lg-left { text-align: right !important; }
    html[dir="rtl"] .text-lg-right { text-align: left !important; }
}
@media (min-width: 1200px) {
    html[dir="rtl"] .float-xl-left { float: right !important; }
    html[dir="rtl"] .float-xl-right { float: left !important; }
    html[dir="rtl"] .text-xl-left { text-align: right !important; }
    html[dir="rtl"] .text-xl-right { text-align: left !important; }
}

/* --- generated spacing utilities below --- */
html[dir="rtl"] .ml-0,
html[dir="rtl"] .ml-1,
html[dir="rtl"] .ml-2,
html[dir="rtl"] .ml-3,
html[dir="rtl"] .ml-4,
html[dir="rtl"] .ml-5,
html[dir="rtl"] .ml-n1,
html[dir="rtl"] .ml-n2,
html[dir="rtl"] .ml-n3,
html[dir="rtl"] .ml-n4,
html[dir="rtl"] .ml-n5,
html[dir="rtl"] .ml-auto { margin-left: 0 !important; }
html[dir="rtl"] .mr-0,
html[dir="rtl"] .mr-1,
html[dir="rtl"] .mr-2,
html[dir="rtl"] .mr-3,
html[dir="rtl"] .mr-4,
html[dir="rtl"] .mr-5,
html[dir="rtl"] .mr-n1,
html[dir="rtl"] .mr-n2,
html[dir="rtl"] .mr-n3,
html[dir="rtl"] .mr-n4,
html[dir="rtl"] .mr-n5,
html[dir="rtl"] .mr-auto { margin-right: 0 !important; }
html[dir="rtl"] .pl-0,
html[dir="rtl"] .pl-1,
html[dir="rtl"] .pl-2,
html[dir="rtl"] .pl-3,
html[dir="rtl"] .pl-4,
html[dir="rtl"] .pl-5 { padding-left: 0 !important; }
html[dir="rtl"] .pr-0,
html[dir="rtl"] .pr-1,
html[dir="rtl"] .pr-2,
html[dir="rtl"] .pr-3,
html[dir="rtl"] .pr-4,
html[dir="rtl"] .pr-5 { padding-right: 0 !important; }
html[dir="rtl"] .ml-0 { margin-right: 0 !important; }
html[dir="rtl"] .mr-0 { margin-left: 0 !important; }
html[dir="rtl"] .ml-1 { margin-right: .25rem !important; }
html[dir="rtl"] .mr-1 { margin-left: .25rem !important; }
html[dir="rtl"] .ml-2 { margin-right: .5rem !important; }
html[dir="rtl"] .mr-2 { margin-left: .5rem !important; }
html[dir="rtl"] .ml-3 { margin-right: 1rem !important; }
html[dir="rtl"] .mr-3 { margin-left: 1rem !important; }
html[dir="rtl"] .ml-4 { margin-right: 1.5rem !important; }
html[dir="rtl"] .mr-4 { margin-left: 1.5rem !important; }
html[dir="rtl"] .ml-5 { margin-right: 3rem !important; }
html[dir="rtl"] .mr-5 { margin-left: 3rem !important; }
html[dir="rtl"] .ml-n1 { margin-right: -.25rem !important; }
html[dir="rtl"] .mr-n1 { margin-left: -.25rem !important; }
html[dir="rtl"] .ml-n2 { margin-right: -.5rem !important; }
html[dir="rtl"] .mr-n2 { margin-left: -.5rem !important; }
html[dir="rtl"] .ml-n3 { margin-right: -1rem !important; }
html[dir="rtl"] .mr-n3 { margin-left: -1rem !important; }
html[dir="rtl"] .ml-n4 { margin-right: -1.5rem !important; }
html[dir="rtl"] .mr-n4 { margin-left: -1.5rem !important; }
html[dir="rtl"] .ml-n5 { margin-right: -3rem !important; }
html[dir="rtl"] .mr-n5 { margin-left: -3rem !important; }
html[dir="rtl"] .ml-auto { margin-right: auto !important; }
html[dir="rtl"] .mr-auto { margin-left: auto !important; }
html[dir="rtl"] .pl-0 { padding-right: 0 !important; }
html[dir="rtl"] .pr-0 { padding-left: 0 !important; }
html[dir="rtl"] .pl-1 { padding-right: .25rem !important; }
html[dir="rtl"] .pr-1 { padding-left: .25rem !important; }
html[dir="rtl"] .pl-2 { padding-right: .5rem !important; }
html[dir="rtl"] .pr-2 { padding-left: .5rem !important; }
html[dir="rtl"] .pl-3 { padding-right: 1rem !important; }
html[dir="rtl"] .pr-3 { padding-left: 1rem !important; }
html[dir="rtl"] .pl-4 { padding-right: 1.5rem !important; }
html[dir="rtl"] .pr-4 { padding-left: 1.5rem !important; }
html[dir="rtl"] .pl-5 { padding-right: 3rem !important; }
html[dir="rtl"] .pr-5 { padding-left: 3rem !important; }
@media (min-width: 576px) {
    html[dir="rtl"] .ml-sm-0,
    html[dir="rtl"] .ml-sm-1,
    html[dir="rtl"] .ml-sm-2,
    html[dir="rtl"] .ml-sm-3,
    html[dir="rtl"] .ml-sm-4,
    html[dir="rtl"] .ml-sm-5,
    html[dir="rtl"] .ml-sm-auto { margin-left: 0 !important; }
    html[dir="rtl"] .mr-sm-0,
    html[dir="rtl"] .mr-sm-1,
    html[dir="rtl"] .mr-sm-2,
    html[dir="rtl"] .mr-sm-3,
    html[dir="rtl"] .mr-sm-4,
    html[dir="rtl"] .mr-sm-5,
    html[dir="rtl"] .mr-sm-auto { margin-right: 0 !important; }
    html[dir="rtl"] .pl-sm-0,
    html[dir="rtl"] .pl-sm-1,
    html[dir="rtl"] .pl-sm-2,
    html[dir="rtl"] .pl-sm-3,
    html[dir="rtl"] .pl-sm-4,
    html[dir="rtl"] .pl-sm-5 { padding-left: 0 !important; }
    html[dir="rtl"] .pr-sm-0,
    html[dir="rtl"] .pr-sm-1,
    html[dir="rtl"] .pr-sm-2,
    html[dir="rtl"] .pr-sm-3,
    html[dir="rtl"] .pr-sm-4,
    html[dir="rtl"] .pr-sm-5 { padding-right: 0 !important; }
    html[dir="rtl"] .ml-sm-0 { margin-right: 0 !important; }
    html[dir="rtl"] .mr-sm-0 { margin-left: 0 !important; }
    html[dir="rtl"] .ml-sm-1 { margin-right: .25rem !important; }
    html[dir="rtl"] .mr-sm-1 { margin-left: .25rem !important; }
    html[dir="rtl"] .ml-sm-2 { margin-right: .5rem !important; }
    html[dir="rtl"] .mr-sm-2 { margin-left: .5rem !important; }
    html[dir="rtl"] .ml-sm-3 { margin-right: 1rem !important; }
    html[dir="rtl"] .mr-sm-3 { margin-left: 1rem !important; }
    html[dir="rtl"] .ml-sm-4 { margin-right: 1.5rem !important; }
    html[dir="rtl"] .mr-sm-4 { margin-left: 1.5rem !important; }
    html[dir="rtl"] .ml-sm-5 { margin-right: 3rem !important; }
    html[dir="rtl"] .mr-sm-5 { margin-left: 3rem !important; }
    html[dir="rtl"] .ml-sm-auto { margin-right: auto !important; }
    html[dir="rtl"] .mr-sm-auto { margin-left: auto !important; }
    html[dir="rtl"] .pl-sm-0 { padding-right: 0 !important; }
    html[dir="rtl"] .pr-sm-0 { padding-left: 0 !important; }
    html[dir="rtl"] .pl-sm-1 { padding-right: .25rem !important; }
    html[dir="rtl"] .pr-sm-1 { padding-left: .25rem !important; }
    html[dir="rtl"] .pl-sm-2 { padding-right: .5rem !important; }
    html[dir="rtl"] .pr-sm-2 { padding-left: .5rem !important; }
    html[dir="rtl"] .pl-sm-3 { padding-right: 1rem !important; }
    html[dir="rtl"] .pr-sm-3 { padding-left: 1rem !important; }
    html[dir="rtl"] .pl-sm-4 { padding-right: 1.5rem !important; }
    html[dir="rtl"] .pr-sm-4 { padding-left: 1.5rem !important; }
    html[dir="rtl"] .pl-sm-5 { padding-right: 3rem !important; }
    html[dir="rtl"] .pr-sm-5 { padding-left: 3rem !important; }
}
@media (min-width: 768px) {
    html[dir="rtl"] .ml-md-0,
    html[dir="rtl"] .ml-md-1,
    html[dir="rtl"] .ml-md-2,
    html[dir="rtl"] .ml-md-3,
    html[dir="rtl"] .ml-md-4,
    html[dir="rtl"] .ml-md-5,
    html[dir="rtl"] .ml-md-auto { margin-left: 0 !important; }
    html[dir="rtl"] .mr-md-0,
    html[dir="rtl"] .mr-md-1,
    html[dir="rtl"] .mr-md-2,
    html[dir="rtl"] .mr-md-3,
    html[dir="rtl"] .mr-md-4,
    html[dir="rtl"] .mr-md-5,
    html[dir="rtl"] .mr-md-auto { margin-right: 0 !important; }
    html[dir="rtl"] .pl-md-0,
    html[dir="rtl"] .pl-md-1,
    html[dir="rtl"] .pl-md-2,
    html[dir="rtl"] .pl-md-3,
    html[dir="rtl"] .pl-md-4,
    html[dir="rtl"] .pl-md-5 { padding-left: 0 !important; }
    html[dir="rtl"] .pr-md-0,
    html[dir="rtl"] .pr-md-1,
    html[dir="rtl"] .pr-md-2,
    html[dir="rtl"] .pr-md-3,
    html[dir="rtl"] .pr-md-4,
    html[dir="rtl"] .pr-md-5 { padding-right: 0 !important; }
    html[dir="rtl"] .ml-md-0 { margin-right: 0 !important; }
    html[dir="rtl"] .mr-md-0 { margin-left: 0 !important; }
    html[dir="rtl"] .ml-md-1 { margin-right: .25rem !important; }
    html[dir="rtl"] .mr-md-1 { margin-left: .25rem !important; }
    html[dir="rtl"] .ml-md-2 { margin-right: .5rem !important; }
    html[dir="rtl"] .mr-md-2 { margin-left: .5rem !important; }
    html[dir="rtl"] .ml-md-3 { margin-right: 1rem !important; }
    html[dir="rtl"] .mr-md-3 { margin-left: 1rem !important; }
    html[dir="rtl"] .ml-md-4 { margin-right: 1.5rem !important; }
    html[dir="rtl"] .mr-md-4 { margin-left: 1.5rem !important; }
    html[dir="rtl"] .ml-md-5 { margin-right: 3rem !important; }
    html[dir="rtl"] .mr-md-5 { margin-left: 3rem !important; }
    html[dir="rtl"] .ml-md-auto { margin-right: auto !important; }
    html[dir="rtl"] .mr-md-auto { margin-left: auto !important; }
    html[dir="rtl"] .pl-md-0 { padding-right: 0 !important; }
    html[dir="rtl"] .pr-md-0 { padding-left: 0 !important; }
    html[dir="rtl"] .pl-md-1 { padding-right: .25rem !important; }
    html[dir="rtl"] .pr-md-1 { padding-left: .25rem !important; }
    html[dir="rtl"] .pl-md-2 { padding-right: .5rem !important; }
    html[dir="rtl"] .pr-md-2 { padding-left: .5rem !important; }
    html[dir="rtl"] .pl-md-3 { padding-right: 1rem !important; }
    html[dir="rtl"] .pr-md-3 { padding-left: 1rem !important; }
    html[dir="rtl"] .pl-md-4 { padding-right: 1.5rem !important; }
    html[dir="rtl"] .pr-md-4 { padding-left: 1.5rem !important; }
    html[dir="rtl"] .pl-md-5 { padding-right: 3rem !important; }
    html[dir="rtl"] .pr-md-5 { padding-left: 3rem !important; }
}
@media (min-width: 992px) {
    html[dir="rtl"] .ml-lg-0,
    html[dir="rtl"] .ml-lg-1,
    html[dir="rtl"] .ml-lg-2,
    html[dir="rtl"] .ml-lg-3,
    html[dir="rtl"] .ml-lg-4,
    html[dir="rtl"] .ml-lg-5,
    html[dir="rtl"] .ml-lg-auto { margin-left: 0 !important; }
    html[dir="rtl"] .mr-lg-0,
    html[dir="rtl"] .mr-lg-1,
    html[dir="rtl"] .mr-lg-2,
    html[dir="rtl"] .mr-lg-3,
    html[dir="rtl"] .mr-lg-4,
    html[dir="rtl"] .mr-lg-5,
    html[dir="rtl"] .mr-lg-auto { margin-right: 0 !important; }
    html[dir="rtl"] .pl-lg-0,
    html[dir="rtl"] .pl-lg-1,
    html[dir="rtl"] .pl-lg-2,
    html[dir="rtl"] .pl-lg-3,
    html[dir="rtl"] .pl-lg-4,
    html[dir="rtl"] .pl-lg-5 { padding-left: 0 !important; }
    html[dir="rtl"] .pr-lg-0,
    html[dir="rtl"] .pr-lg-1,
    html[dir="rtl"] .pr-lg-2,
    html[dir="rtl"] .pr-lg-3,
    html[dir="rtl"] .pr-lg-4,
    html[dir="rtl"] .pr-lg-5 { padding-right: 0 !important; }
    html[dir="rtl"] .ml-lg-0 { margin-right: 0 !important; }
    html[dir="rtl"] .mr-lg-0 { margin-left: 0 !important; }
    html[dir="rtl"] .ml-lg-1 { margin-right: .25rem !important; }
    html[dir="rtl"] .mr-lg-1 { margin-left: .25rem !important; }
    html[dir="rtl"] .ml-lg-2 { margin-right: .5rem !important; }
    html[dir="rtl"] .mr-lg-2 { margin-left: .5rem !important; }
    html[dir="rtl"] .ml-lg-3 { margin-right: 1rem !important; }
    html[dir="rtl"] .mr-lg-3 { margin-left: 1rem !important; }
    html[dir="rtl"] .ml-lg-4 { margin-right: 1.5rem !important; }
    html[dir="rtl"] .mr-lg-4 { margin-left: 1.5rem !important; }
    html[dir="rtl"] .ml-lg-5 { margin-right: 3rem !important; }
    html[dir="rtl"] .mr-lg-5 { margin-left: 3rem !important; }
    html[dir="rtl"] .ml-lg-auto { margin-right: auto !important; }
    html[dir="rtl"] .mr-lg-auto { margin-left: auto !important; }
    html[dir="rtl"] .pl-lg-0 { padding-right: 0 !important; }
    html[dir="rtl"] .pr-lg-0 { padding-left: 0 !important; }
    html[dir="rtl"] .pl-lg-1 { padding-right: .25rem !important; }
    html[dir="rtl"] .pr-lg-1 { padding-left: .25rem !important; }
    html[dir="rtl"] .pl-lg-2 { padding-right: .5rem !important; }
    html[dir="rtl"] .pr-lg-2 { padding-left: .5rem !important; }
    html[dir="rtl"] .pl-lg-3 { padding-right: 1rem !important; }
    html[dir="rtl"] .pr-lg-3 { padding-left: 1rem !important; }
    html[dir="rtl"] .pl-lg-4 { padding-right: 1.5rem !important; }
    html[dir="rtl"] .pr-lg-4 { padding-left: 1.5rem !important; }
    html[dir="rtl"] .pl-lg-5 { padding-right: 3rem !important; }
    html[dir="rtl"] .pr-lg-5 { padding-left: 3rem !important; }
}
@media (min-width: 1200px) {
    html[dir="rtl"] .ml-xl-0,
    html[dir="rtl"] .ml-xl-1,
    html[dir="rtl"] .ml-xl-2,
    html[dir="rtl"] .ml-xl-3,
    html[dir="rtl"] .ml-xl-4,
    html[dir="rtl"] .ml-xl-5,
    html[dir="rtl"] .ml-xl-auto { margin-left: 0 !important; }
    html[dir="rtl"] .mr-xl-0,
    html[dir="rtl"] .mr-xl-1,
    html[dir="rtl"] .mr-xl-2,
    html[dir="rtl"] .mr-xl-3,
    html[dir="rtl"] .mr-xl-4,
    html[dir="rtl"] .mr-xl-5,
    html[dir="rtl"] .mr-xl-auto { margin-right: 0 !important; }
    html[dir="rtl"] .pl-xl-0,
    html[dir="rtl"] .pl-xl-1,
    html[dir="rtl"] .pl-xl-2,
    html[dir="rtl"] .pl-xl-3,
    html[dir="rtl"] .pl-xl-4,
    html[dir="rtl"] .pl-xl-5 { padding-left: 0 !important; }
    html[dir="rtl"] .pr-xl-0,
    html[dir="rtl"] .pr-xl-1,
    html[dir="rtl"] .pr-xl-2,
    html[dir="rtl"] .pr-xl-3,
    html[dir="rtl"] .pr-xl-4,
    html[dir="rtl"] .pr-xl-5 { padding-right: 0 !important; }
    html[dir="rtl"] .ml-xl-0 { margin-right: 0 !important; }
    html[dir="rtl"] .mr-xl-0 { margin-left: 0 !important; }
    html[dir="rtl"] .ml-xl-1 { margin-right: .25rem !important; }
    html[dir="rtl"] .mr-xl-1 { margin-left: .25rem !important; }
    html[dir="rtl"] .ml-xl-2 { margin-right: .5rem !important; }
    html[dir="rtl"] .mr-xl-2 { margin-left: .5rem !important; }
    html[dir="rtl"] .ml-xl-3 { margin-right: 1rem !important; }
    html[dir="rtl"] .mr-xl-3 { margin-left: 1rem !important; }
    html[dir="rtl"] .ml-xl-4 { margin-right: 1.5rem !important; }
    html[dir="rtl"] .mr-xl-4 { margin-left: 1.5rem !important; }
    html[dir="rtl"] .ml-xl-5 { margin-right: 3rem !important; }
    html[dir="rtl"] .mr-xl-5 { margin-left: 3rem !important; }
    html[dir="rtl"] .ml-xl-auto { margin-right: auto !important; }
    html[dir="rtl"] .mr-xl-auto { margin-left: auto !important; }
    html[dir="rtl"] .pl-xl-0 { padding-right: 0 !important; }
    html[dir="rtl"] .pr-xl-0 { padding-left: 0 !important; }
    html[dir="rtl"] .pl-xl-1 { padding-right: .25rem !important; }
    html[dir="rtl"] .pr-xl-1 { padding-left: .25rem !important; }
    html[dir="rtl"] .pl-xl-2 { padding-right: .5rem !important; }
    html[dir="rtl"] .pr-xl-2 { padding-left: .5rem !important; }
    html[dir="rtl"] .pl-xl-3 { padding-right: 1rem !important; }
    html[dir="rtl"] .pr-xl-3 { padding-left: 1rem !important; }
    html[dir="rtl"] .pl-xl-4 { padding-right: 1.5rem !important; }
    html[dir="rtl"] .pr-xl-4 { padding-left: 1.5rem !important; }
    html[dir="rtl"] .pl-xl-5 { padding-right: 3rem !important; }
    html[dir="rtl"] .pr-xl-5 { padding-left: 3rem !important; }
}