/*
 * Dashboard right-to-left layer (Arabic).
 *
 * Argon (Bootstrap 4) ships no RTL stylesheet, so this file mirrors what the
 * dashboard uses: the side menu, the top bar, the Bootstrap left/right
 * helpers (ml-*, mr-*, pl-*, pr-*, text-left/right, float-*), input groups,
 * checkboxes, dropdowns, select2 and the dashboard-modern.css rules.
 *
 * Loaded only when the dashboard language is Arabic (<html dir="rtl">), after
 * argon.css, dashboard.css, dashboard-modern.css and the page stylesheets.
 * Every rule is scoped to html[dir="rtl"], so it can never touch the English
 * (left-to-right) dashboard.
 */

/* ---------- Base ---------- */
html[dir="rtl"] body {
    font-family: 'Tajawal', 'Inter', 'Open Sans', 'Segoe UI', Tahoma, Arial, sans-serif;
    text-align: right;
}

html[dir="rtl"] .btn,
html[dir="rtl"] .tooltip,
html[dir="rtl"] .popover,
html[dir="rtl"] .swal-modal,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] button {
    font-family: inherit;
}

/* Letter spacing pulls Arabic letters apart (they no longer join). */
html[dir="rtl"] body,
html[dir="rtl"] body * {
    letter-spacing: normal !important;
}

/* Browsers indent lists on the start side; Bootstrap only resets the left. */
html[dir="rtl"] .nav,
html[dir="rtl"] .navbar-nav,
html[dir="rtl"] .pagination,
html[dir="rtl"] .list-unstyled,
html[dir="rtl"] .list-inline,
html[dir="rtl"] .list-group,
html[dir="rtl"] .breadcrumb {
    padding-right: 0;
}

/* Numbers, e-mails, links and passwords are typed left to right. */
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="password"] {
    direction: ltr;
    text-align: right;
}

html[dir="rtl"] .pull-right {
    float: left;
}

html[dir="rtl"] .btn-back {
    margin-left: 5px;
    margin-right: 0;
}

/* ---------- Side menu: on the right ---------- */
html[dir="rtl"] .navbar-vertical.dashboard-sidenav {
    border-left: 1px solid var(--dm-border, #e9ecef);
    border-right: 0;
}

html[dir="rtl"] .navbar-vertical .navbar-brand,
html[dir="rtl"] .dashboard-sidenav .navbar-brand {
    margin-left: 0;
    margin-right: 0;
}

html[dir="rtl"] .navbar-brand {
    margin-left: 1rem;
    margin-right: 0;
}

html[dir="rtl"] .treeview .treeview-list li {
    padding: 5px 20px 5px 0;
}

html[dir="rtl"] .dashboard-sidenav .treeview .treeview-list li {
    padding: 2px 1.6rem 2px 0;
}

@media (min-width: 768px) {
    html[dir="rtl"] .navbar-vertical.navbar-expand-md.fixed-left {
        border-width: 0 0 0 1px;
        left: auto;
        right: 0;
    }

    html[dir="rtl"] .navbar-vertical.navbar-expand-md.fixed-left + .main-content {
        margin-left: 0 !important;
        margin-right: var(--dashboard-sidenav-width) !important;
        transition: margin-right 0.25s ease;
    }

    html[dir="rtl"].dashboard-sidenav-collapsed #sidenav-main {
        transform: translateX(100%);
    }

    html[dir="rtl"].dashboard-sidenav-collapsed .navbar-vertical.navbar-expand-md.fixed-left + .main-content {
        margin-right: 0 !important;
    }
}

/* The collapse arrow points towards the menu, which is now on the right. */
html[dir="rtl"] #dashboard-sidenav-toggle i {
    transform: scaleX(-1);
}

/* ---------- Top bar ---------- */
html[dir="rtl"] .notification-area .badge {
    left: 10px !important;
    right: auto !important;
}

/* ---------- Dropdowns ---------- */
html[dir="rtl"] .dropdown-menu {
    text-align: right;
}

html[dir="rtl"] .dropdown-menu .dropdown-item > i,
html[dir="rtl"] .dropdown-menu .dropdown-item > svg {
    margin-left: 1rem;
    margin-right: 0;
}

html[dir="rtl"] .dropdown-toggle::after {
    margin-left: 0;
    margin-right: .255em;
}

html[dir="rtl"] .navbar .dropdown-menu-left:before {
    left: 20px;
    right: auto;
}

/* ---------- Forms ---------- */
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-left: .75rem;
    margin-right: 0;
    padding-right: 0;
}

html[dir="rtl"] .form-check-inline .form-check-input {
    margin-left: .3125rem;
    margin-right: 0;
}

html[dir="rtl"] .custom-control {
    padding-left: 0;
    padding-right: 1.75rem;
}

html[dir="rtl"] .custom-control-inline {
    margin-left: 1rem;
    margin-right: 0;
}

html[dir="rtl"] .custom-control-label::before,
html[dir="rtl"] .custom-control-label::after {
    left: auto;
    right: -1.75rem;
}

html[dir="rtl"] .custom-control-input {
    left: auto;
    right: 0;
}

html[dir="rtl"] .custom-select {
    background-position: left .75rem center;
    padding-left: 1.75rem;
    padding-right: .75rem;
}

html[dir="rtl"] select.form-control,
html[dir="rtl"] select.custom-select {
    background-position: left .8rem center;
    padding-left: 2.25rem;
    padding-right: .75rem;
}

html[dir="rtl"] select.form-control[multiple] {
    padding-left: .75rem;
}

html[dir="rtl"] .table select.custom-select,
html[dir="rtl"] .table select.form-control {
    background-position: left .5rem center;
}

html[dir="rtl"] .custom-file-label::after {
    border-left: 0;
    border-radius: .375rem 0 0 .375rem;
    border-right: 1px solid #cad1d7;
    left: 0;
    right: auto;
}

/* Input groups: the icon box now sits on the right of the field. */
html[dir="rtl"] .input-group-prepend {
    margin-left: -1px;
    margin-right: 0;
}

html[dir="rtl"] .input-group-append {
    margin-left: 0;
    margin-right: -1px;
}

html[dir="rtl"] .input-group .form-control:not(:first-child) {
    padding-left: .75rem;
    padding-right: 0;
}

html[dir="rtl"] .input-group .form-control:not(:last-child) {
    padding-left: 0;
    padding-right: .75rem;
}

html[dir="rtl"] .input-group .form-control:not(:first-child):not(:last-child) {
    padding-left: 0;
    padding-right: 0;
}

html[dir="rtl"] .input-group:not(.input-group-alternative) > .form-control:not(:first-child) {
    border-left: 1px solid var(--dm-border-strong, #cad1d7);
    border-right: 0;
}

html[dir="rtl"] .input-group:not(.input-group-alternative) > .form-control:not(:last-child) {
    border-left: 0;
    border-right: 1px solid var(--dm-border-strong, #cad1d7);
}

html[dir="rtl"] .input-group:not(.input-group-alternative) > .form-control:not(:first-child):not(:last-child) {
    border-left: 0;
    border-right: 0;
}

html[dir="rtl"] .input-group > .form-control:not(:last-child),
html[dir="rtl"] .input-group > .custom-select:not(:last-child) {
    border-radius: 0 .375rem .375rem 0;
}

html[dir="rtl"] .input-group > .form-control:not(:first-child),
html[dir="rtl"] .input-group > .custom-select:not(:first-child) {
    border-radius: .375rem 0 0 .375rem;
}

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 > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text {
    border-radius: 0 .375rem .375rem 0;
}

html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-radius: .375rem 0 0 .375rem;
}

/* Button groups: the rounded ends swap sides. */
html[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .btn-group > .btn-group:not(:last-child) > .btn {
    border-radius: 0 var(--dm-radius-sm, .375rem) var(--dm-radius-sm, .375rem) 0;
}

html[dir="rtl"] .btn-group > .btn:not(:first-child),
html[dir="rtl"] .btn-group > .btn-group:not(:first-child) > .btn {
    border-radius: var(--dm-radius-sm, .375rem) 0 0 var(--dm-radius-sm, .375rem);
}

html[dir="rtl"] .btn-group > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

html[dir="rtl"] .btn-group > .btn:not(:first-child),
html[dir="rtl"] .btn-group > .btn-group:not(:first-child) {
    margin-left: 0;
    margin-right: -1px;
}

/* ---------- Breadcrumb, pills, alerts, modals ---------- */
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
    padding-right: .5rem;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    padding-left: .5rem;
    padding-right: 0;
}

html[dir="rtl"] .nav-pills .nav-item:not(:last-child) {
    padding-left: 1rem;
    padding-right: 0;
}

@media (max-width: 767.98px) {
    html[dir="rtl"] .nav-pills:not(.nav-pills-circle) .nav-item {
        padding-left: 0;
    }
}

html[dir="rtl"] .close {
    float: left;
}

html[dir="rtl"] .alert-dismissible {
    padding-left: 4.5rem;
    padding-right: 1.5rem;
}

html[dir="rtl"] .alert-dismissible .close {
    left: 1.5rem;
    right: auto;
}

html[dir="rtl"] .modal-header .close {
    margin: -1rem auto -1rem -1rem;
}

html[dir="rtl"] .modal-footer > :not(:first-child) {
    margin-left: 0;
    margin-right: .25rem;
}

html[dir="rtl"] .modal-footer > :not(:last-child) {
    margin-left: .25rem;
    margin-right: 0;
}

/* ---------- Searchable dropdowns (select2 switches itself to rtl) ---------- */
html[dir="rtl"] .main-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 2.25rem;
    padding-right: .75rem;
    text-align: right;
}

html[dir="rtl"] .main-content .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: .35rem;
    right: auto;
}

html[dir="rtl"] .main-content .select2-container--default .select2-selection--single .select2-selection__clear {
    float: left;
    margin-left: .25rem;
    margin-right: 0;
}

html[dir="rtl"] .main-content .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: .2rem 0 .2rem .3rem;
}

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    left: auto;
    right: 0.35rem;
}

/* The chip's room for its × moves to the right with it, so the × never covers the owner's name. */
html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0.25rem 1.55rem 0.25rem 0.6rem;
}

/* The "remove all" × keeps a gap from the first chip. */
html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-right: 0.5rem;
}

/* Pagination: "previous" sits on the right in Arabic, so its chevron points right (and "next" left). */
html[dir="rtl"] .pagination .page-item:first-child .page-link,
html[dir="rtl"] .pagination .page-item:last-child .page-link {
    transform: scaleX(-1);
}

/* ---------- Page styles written in the views ---------- */
html[dir="rtl"] .reservations-table .btn-link {
    text-align: right;
}

html[dir="rtl"] .reservation-option input {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .summary-breakdown__badge {
    margin-left: 0;
    margin-right: 0.35rem;
}

/* The flatpickr calendars of the booking forms keep their own (left-to-right) grid. */
html[dir="rtl"] .flatpickr-calendar {
    direction: ltr;
}

/* ---------- Phone layout: table rows shown as cards ---------- */
@media (max-width: 575.98px) {
    html[dir="rtl"] .table-stackable td,
    html[dir="rtl"] .table-stackable td > .cell-value {
        text-align: left;
    }

    html[dir="rtl"] .table-stackable td::before {
        text-align: right;
    }

    html[dir="rtl"] .table-stackable td:not([data-label]),
    html[dir="rtl"] .table-stackable td[data-label=""] {
        text-align: center;
    }
}

/* ---------- Bootstrap left/right helpers, mirrored ----------
   First each class clears the side it set for left-to-right, then the
   mirrored side is set, so an element with both ml-* and mr-* keeps both. */
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-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-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-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; }
html[dir="rtl"] .text-left { text-align: right !important; }
html[dir="rtl"] .text-right { text-align: left !important; }
html[dir="rtl"] .float-left { float: right !important; }
html[dir="rtl"] .float-right { float: left !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; }
    html[dir="rtl"] .text-sm-left { text-align: right !important; }
    html[dir="rtl"] .text-sm-right { text-align: left !important; }
    html[dir="rtl"] .float-sm-left { float: right !important; }
    html[dir="rtl"] .float-sm-right { float: left !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; }
    html[dir="rtl"] .text-md-left { text-align: right !important; }
    html[dir="rtl"] .text-md-right { text-align: left !important; }
    html[dir="rtl"] .float-md-left { float: right !important; }
    html[dir="rtl"] .float-md-right { float: left !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; }
    html[dir="rtl"] .text-lg-left { text-align: right !important; }
    html[dir="rtl"] .text-lg-right { text-align: left !important; }
    html[dir="rtl"] .float-lg-left { float: right !important; }
    html[dir="rtl"] .float-lg-right { float: left !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; }
    html[dir="rtl"] .text-xl-left { text-align: right !important; }
    html[dir="rtl"] .text-xl-right { text-align: left !important; }
    html[dir="rtl"] .float-xl-left { float: right !important; }
    html[dir="rtl"] .float-xl-right { float: left !important; }
}