/*
 * Shared RTL layer for the admin and supplier portals.
 *
 * Keep component semantics intact: Bootstrap's text-right and float-right
 * still mean right. Only physical spacing and positioned UI are mirrored.
 */
html[dir="rtl"] body,
html[dir="rtl"] .nav-link,
html[dir="rtl"] .card,
html[dir="rtl"] .btn,
html[dir="rtl"] label,
html[dir="rtl"] th,
html[dir="rtl"] td,
html[dir="rtl"] .breadcrumb-item,
html[dir="rtl"] .modal-title,
html[dir="rtl"] .dropdown-item,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    font-family: "Tajawal", "Riyal", sans-serif !important;
}

html[dir="rtl"] body,
html[dir="rtl"] .content-wrapper,
html[dir="rtl"] .modal-content,
html[dir="rtl"] .dropdown-menu {
    direction: rtl;
    text-align: right;
}

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

html[dir="rtl"] .text-left {
    text-align: left !important;
}

html[dir="rtl"] .float-right {
    float: right !important;
}

html[dir="rtl"] .float-left {
    float: left !important;
}

/* Main portal frame */
html[dir="rtl"] .main-sidebar {
    right: 0 !important;
    left: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .layout-fixed .main-sidebar,
html[dir="rtl"] .layout-fixed .main-sidebar::before {
    right: 0 !important;
    left: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Always cancel AdminLTE LTR collapse margin on the right-side RTL layout */
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;
}

@media (min-width: 992px) {
    html[dir="rtl"] body.sidebar-mini:not(.sidebar-collapse) .content-wrapper,
    html[dir="rtl"] body.sidebar-mini:not(.sidebar-collapse) .main-footer,
    html[dir="rtl"] body.sidebar-mini:not(.sidebar-collapse) .main-header {
        margin-right: 250px !important;
        margin-left: 0 !important;
        transition: margin-right .3s ease-in-out;
    }

    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .content-wrapper,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .content-wrapper::before,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-footer,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-footer::before,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-header,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-header::before {
        margin-right: 4.6rem !important;
        margin-left: 0 !important;
        transition: margin-right .3s ease-in-out;
    }

    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar::before {
        width: 4.6rem !important;
        right: 0 !important;
        left: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html[dir="rtl"] body.sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
        width: 4.6rem !important;
    }
}

/* Bootstrap 4 adds padding-right on modal open to offset the scrollbar (LTR).
   With the sidebar fixed on the right in RTL, that extra padding leaves a gap
   between the sidebar and the content — cancel it on the frame elements. */
html[dir="rtl"] body.modal-open {
    padding-right: 0 !important;
}

html[dir="rtl"] body.modal-open .wrapper,
html[dir="rtl"] body.modal-open .main-header,
html[dir="rtl"] body.modal-open .main-sidebar,
html[dir="rtl"] body.modal-open .content-wrapper,
html[dir="rtl"] body.modal-open .main-footer {
    padding-right: 0 !important;
}

html[dir="rtl"] .main-header .navbar-nav {
    padding-right: 0;
}

html[dir="rtl"] .main-header .navbar {
    direction: rtl;
}

html[dir="rtl"] .dropdown-menu-right {
    right: auto !important;
    left: 0 !important;
}

/* Sidebar brand and navigation */
html[dir="rtl"] .main-sidebar .sidebar {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html[dir="rtl"] .main-sidebar .sidebar > nav {
    padding-right: 0;
    margin-right: 0;
}

html[dir="rtl"] .brand-link {
    display: flex;
    align-items: center;
    direction: rtl;
    text-align: right;
    padding-right: 0 !important;
    padding-left: 0.8rem;
}

html[dir="rtl"] .brand-link .brand-image {
    float: none;
    flex: 0 0 auto;
    margin-right: 0;
    margin-left: .55rem;
}

html[dir="rtl"] .brand-link .brand-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[dir="rtl"] .nav-sidebar,
html[dir="rtl"] .nav-sidebar .nav-item,
html[dir="rtl"] .nav-sidebar .nav-link {
    width: 100%;
}

html[dir="rtl"] .main-sidebar .nav-sidebar {
    margin-right: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html[dir="rtl"] .main-sidebar .nav-flat {
    margin: -0.25rem 0 0 0 !important;
    padding-right: 0;
}

html[dir="rtl"] .nav-sidebar > .nav-item > .nav-link,
html[dir="rtl"] .nav-sidebar .nav-treeview > .nav-item > .nav-link {
    padding-right: 0 !important;
    padding-left: 1rem;
}

html[dir="rtl"] .nav-sidebar .nav-link {
    display: flex;
    align-items: flex-start;
    direction: rtl;
    position: relative;
    text-align: right;
}

html[dir="rtl"] .nav-sidebar > .nav-item .nav-icon,
html[dir="rtl"] .nav-sidebar .nav-icon {
    float: none;
    flex: 0 0 1.6rem;
    margin-right: 0 !important;
    margin-left: .45rem;
    margin-top: .15rem;
    text-align: center;
}

html[dir="rtl"] .nav-flat .nav-item > .nav-link > .nav-icon {
    margin-right: 0 !important;
    margin-left: .45rem !important;
}

html[dir="rtl"] .nav-sidebar .nav-link > p {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    overflow: visible;
    text-align: right;
    text-overflow: clip;
    white-space: normal;
    line-height: 1.35;
    word-break: break-word;
}

html[dir="rtl"] .nav-sidebar .has-treeview > .nav-link > p,
html[dir="rtl"] .nav-sidebar .nav-item.menu-open > .nav-link > p {
    padding-left: 1.25rem;
}

html[dir="rtl"] .nav-sidebar .nav-link > p > .right {
    right: auto !important;
    left: .75rem !important;
    top: .55rem;
}

html[dir="rtl"] .nav-sidebar .right.fas.fa-angle-left {
    transform: scaleX(-1);
}

html[dir="rtl"] .nav-sidebar .menu-open > .nav-link .right.fas.fa-angle-left,
html[dir="rtl"] .nav-sidebar .nav-link.menu-open .right.fas.fa-angle-left {
    transform: rotate(-90deg);
}

html[dir="rtl"] .nav-sidebar .nav-treeview,
html[dir="rtl"] .nav-sidebar.nav-child-indent .nav-treeview {
    padding-right: 0;
    padding-left: 0;
}

html[dir="rtl"] .nav-flat.nav-child-indent .nav-treeview .nav-icon,
html[dir="rtl"] .nav-flat:not(.nav-child-indent) .nav-treeview .nav-item > .nav-link > .nav-icon,
html[dir="rtl"] .nav-flat .nav-treeview .nav-icon {
    margin-left: .45rem !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .nav-flat.nav-child-indent .nav-treeview .nav-treeview {
    border-left: 0;
    border-right: 0;
}

/* Collapsed mini sidebar — AdminLTE hides labels with width:0 + margin-left:-10px (LTR).
   Expanded RTL flex/padding rules above override that, so labels bleed out and icons shift. */
@media (min-width: 992px) {
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-link {
        display: block;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow: hidden;
        text-align: center;
        white-space: nowrap;
    }

    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-link > p,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar .brand-text {
        display: inline-block !important;
        width: 0 !important;
        flex: none !important;
        min-width: 0 !important;
        margin-right: -10px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar .nav-icon {
        float: none !important;
        display: inline-block;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar .nav-flat .nav-item > .nav-link > .nav-icon {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar .brand-link {
        justify-content: center;
        padding-left: 0 !important;
    }

    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar .brand-link .brand-image {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* Hover/focus expand — restore expanded RTL nav layout */
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link {
        display: flex;
        padding-left: 1rem !important;
        text-align: right;
        white-space: normal;
    }

    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link > p,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link > p,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-text,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-text {
        display: block !important;
        width: auto !important;
        flex: 1 1 auto !important;
        margin-right: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-icon,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-icon {
        display: block;
        flex: 0 0 1.6rem;
        margin-right: 0 !important;
        margin-left: .45rem !important;
    }

    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link {
        justify-content: flex-start;
        padding-left: 0.8rem !important;
    }

    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-link .brand-image,
    html[dir="rtl"] body.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-link .brand-image {
        margin-left: .55rem !important;
    }
}

/* FAQ page */
html[dir="rtl"] .faq-add-wrap {
    text-align: left !important;
}

html[dir="rtl"] .faq-actions {
    text-align: left !important;
}

html[dir="rtl"] .faq_question {
    unicode-bidi: plaintext;
    text-align: right;
}

html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .search input::placeholder {
    text-align: right;
}

html[dir="rtl"] .bootstrap-table .fixed-table-pagination .pagination-detail,
html[dir="rtl"] .bootstrap-table .fixed-table-pagination .page-list {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
}

/* Directional Bootstrap utilities */
html[dir="rtl"] .ml-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .ml-1 {
    margin-right: .25rem !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .ml-2 {
    margin-right: .5rem !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .ml-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .ml-4 {
    margin-right: 1.5rem !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .ml-5 {
    margin-right: 3rem !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .mr-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .mr-1 {
    margin-right: 0 !important;
    margin-left: .25rem !important;
}

html[dir="rtl"] .mr-2 {
    margin-right: 0 !important;
    margin-left: .5rem !important;
}

html[dir="rtl"] .mr-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

html[dir="rtl"] .mr-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
}

html[dir="rtl"] .mr-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
}

html[dir="rtl"] .ml-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

html[dir="rtl"] .pl-0,
html[dir="rtl"] .pr-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Headers, breadcrumbs and cards */
html[dir="rtl"] .content-header h1,
html[dir="rtl"] .content-header h2,
html[dir="rtl"] .content-header h3,
html[dir="rtl"] .content-header h4,
html[dir="rtl"] .card-title,
html[dir="rtl"] .card-head,
html[dir="rtl"] .card-header,
html[dir="rtl"] .card-body {
    text-align: right;
}

html[dir="rtl"] .card-title {
    float: none;
    width: 100%;
}

/* Add buttons on table pages — left side in RTL */
html[dir="rtl"] .card-header > .card-tools {
    float: left !important;
    margin-right: 0 !important;
    margin-left: -0.625rem !important;
}

html[dir="rtl"] .card.content-area > .card-header + .card-innr {
    padding-top: 0.15rem;
}

html[dir="rtl"] .card-innr > .d-flex.justify-content-between > .col-md-1:last-child,
html[dir="rtl"] .card-innr > .d-flex.justify-content-between > div:last-child:not(:first-child) {
    margin-right: auto;
    margin-left: 0;
}

/* Space between section title and table search toolbar */
html[dir="rtl"] .card-head {
    margin-bottom: 1rem;
}

html[dir="rtl"] .breadcrumb {
    direction: rtl;
    justify-content: flex-start;
    padding-right: 0;
}

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

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

@media (min-width: 576px) {
    html[dir="rtl"] .float-sm-right {
        float: left !important;
    }
}

/* Forms and input groups */
html[dir="rtl"] .form-group,
html[dir="rtl"] .form-control,
html[dir="rtl"] .custom-select,
html[dir="rtl"] .input-group,
html[dir="rtl"] .select2-container,
html[dir="rtl"] .select2-selection {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .form-control,
html[dir="rtl"] .custom-select,
html[dir="rtl"] input,
html[dir="rtl"] textarea {
    unicode-bidi: plaintext;
}

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

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

html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text {
    border-radius: 0 .25rem .25rem 0;
}

html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text {
    border-radius: .25rem 0 0 .25rem;
}

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

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__rendered,
html[dir="rtl"] .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    padding-right: 0.75rem;
    padding-left: 2.25rem;
    text-align: right;
}

html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow,
html[dir="rtl"] .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    right: auto;
    left: 0.25rem;
}

html[dir="rtl"] .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder {
    text-align: right;
}

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

html[dir="rtl"] .select2-search--dropdown .select2-search__field {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    float: right;
}

html[dir="rtl"] .custom-control,
html[dir="rtl"] .form-check {
    padding-right: 1.5rem;
    padding-left: 0;
    text-align: right;
}

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

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

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

html[dir="rtl"] .modal-footer {
    justify-content: flex-start;
}

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

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

/* Tables and Bootstrap Table controls */
html[dir="rtl"] table,
html[dir="rtl"] .bootstrap-table,
html[dir="rtl"] .fixed-table-container,
html[dir="rtl"] .fixed-table-body {
    direction: rtl;
}

html[dir="rtl"] table th,
html[dir="rtl"] table td {
    text-align: right;
    unicode-bidi: plaintext;
}

html[dir="rtl"] .bootstrap-table .fixed-table-container tbody td,
html[dir="rtl"] .bootstrap-table .fixed-table-container thead th {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

/* Short label columns (type, status, etc.) — avoid mid-word Arabic splits */
html[dir="rtl"] .bootstrap-table .fixed-table-container tbody td[data-field="type"],
html[dir="rtl"] .bootstrap-table .fixed-table-container thead th[data-field="type"] {
    white-space: nowrap !important;
    word-break: normal !important;
}

html[dir="rtl"] .content-wrapper > .content {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

html[dir="rtl"] .card.content-area {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

html[dir="rtl"] .order-container .list-group-item {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .bootstrap-table .fixed-table-toolbar {
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    gap: 0.35rem;
}

html[dir="rtl"] .bootstrap-table .fixed-table-toolbar::after {
    content: '';
    order: 2;
    flex: 1 1 auto;
    min-width: 0;
    height: 0;
}

html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .bs-bars,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns-right,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .export,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar > .btn-group,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .pull-left,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .pull-right {
    float: none !important;
    margin: 0 !important;
}

html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .search {
    order: 1;
}

html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .bs-bars,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns-right,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .export,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar > .btn-group:not(.search) {
    order: 3;
}

html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .search input {
    direction: rtl;
    text-align: right;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

/* Toolbar action buttons: visual order is RTL-flipped, so reset Bootstrap corner radii */
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns.columns-right.btn-group > .btn,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns.columns-right.btn-group > .btn-group > .btn,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns.columns-right.btn-group > .export .btn,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns.columns-right.btn-group > .export > .btn,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group > .btn {
    border-radius: 0 !important;
}

/* Visual left edge = last DOM child when toolbar uses direction: rtl */
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns.columns-right.btn-group > :last-child .btn,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns.columns-right.btn-group > :last-child.btn,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns.columns-right.btn-group > .btn-group:last-child > .btn {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

/* Visual right edge = first DOM child when toolbar uses direction: rtl */
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns.columns-right.btn-group > :first-child.btn,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns.columns-right.btn-group > :first-child .btn,
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns.columns-right.btn-group > .btn-group:first-child > .btn {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

/* Undo bootstrap-table LTR nested btn-group corner defaults under RTL */
html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:first-child > .btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:last-child > .btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

html[dir="rtl"] .bootstrap-table .fixed-table-container .table thead th .sortable {
    padding-right: .75rem !important;
    padding-left: 30px !important;
    background-position: left center !important;
}

html[dir="rtl"] .bootstrap-table .fixed-table-container .card-view {
    direction: rtl;
}

html[dir="rtl"] .bootstrap-table .fixed-table-container .card-view .card-view-title {
    margin-right: 0;
    margin-left: .75rem;
    text-align: right !important;
}

html[dir="rtl"] .bootstrap-table .fixed-table-pagination {
    direction: rtl;
}

html[dir="rtl"] .bootstrap-table .fixed-table-pagination > .pagination-detail {
    float: right !important;
    text-align: right;
}

html[dir="rtl"] .bootstrap-table .fixed-table-pagination > .pagination {
    float: left !important;
}

html[dir="rtl"] .bootstrap-table .fixed-table-pagination .pagination-info {
    margin-right: 0;
    margin-left: 5px;
}

html[dir="rtl"] .bootstrap-table .fixed-table-pagination .page-list {
    margin-right: 5px;
    margin-left: 0;
}

/* Dashboard cards, charts and notices */
html[dir="rtl"] .card.pull-up .media.d-flex {
    flex-direction: row-reverse;
}

html[dir="rtl"] .card.pull-up .media-body {
    text-align: right !important;
}

html[dir="rtl"] .card.pull-up .align-self-center {
    margin-right: 1rem;
    margin-left: 0;
}

html[dir="rtl"] .small-box > .inner {
    padding-right: 10px;
    padding-left: 85px;
    text-align: right;
}

html[dir="rtl"] .small-box .icon,
html[dir="rtl"] .small-box .icon > i {
    right: auto;
    left: 15px;
}

html[dir="rtl"] .info-box {
    flex-direction: row-reverse;
}

html[dir="rtl"] .info-box .info-box-content {
    text-align: right;
}

html[dir="rtl"] .chart-action {
    direction: rtl;
}

html[dir="rtl"] .alert {
    padding-right: 1.25rem;
    padding-left: 4rem;
    text-align: right;
}

html[dir="rtl"] .alert .close {
    right: auto;
    left: 0;
}

html[dir="rtl"] .fa-arrow-circle-right,
html[dir="rtl"] .fa-angle-right,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .fa-long-arrow-alt-right {
    transform: scaleX(-1);
}

/* Preserve readable punctuation and numbers in mixed-language database text. */
html[dir="rtl"] .faq_question,
html[dir="rtl"] .faq_answer,
html[dir="rtl"] .order-container span,
html[dir="rtl"] .table td,
html[dir="rtl"] .table th {
    unicode-bidi: plaintext;
}

html[dir="rtl"] .order-container {
    overflow-x: hidden;
    overflow-y: auto;
    text-align: right;
}

/* Project-specific components that use physical left/right indentation. */
html[dir="rtl"] .info {
    border-right: 6px solid #2196f3;
    border-left: 0;
}

html[dir="rtl"] .level-1 {
    padding-right: 12px;
    padding-left: 0;
}

html[dir="rtl"] .l1 {
    padding-right: 10px;
    padding-left: 0;
}

html[dir="rtl"] .l2 {
    padding-right: 20px;
    padding-left: 0;
}

html[dir="rtl"] .l3 {
    padding-right: 40px;
    padding-left: 0;
}

html[dir="rtl"] .l4 {
    padding-right: 60px;
    padding-left: 0;
}

html[dir="rtl"] .l5 {
    padding-right: 80px;
    padding-left: 0;
}

html[dir="rtl"] .l6,
html[dir="rtl"] .l7 {
    padding-right: 90px;
    padding-left: 0;
}

html[dir="rtl"] .preview-thumbnail.nav-tabs li {
    margin-right: 0;
    margin-left: 2.5%;
}

html[dir="rtl"] .preview-thumbnail.nav-tabs li:last-of-type {
    margin-left: 0;
}

html[dir="rtl"] .icon-link-remove {
    right: auto;
    left: 0;
}

@media (max-width: 991.98px) {
    html[dir="rtl"] .content-wrapper,
    html[dir="rtl"] .main-footer,
    html[dir="rtl"] .main-header {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    html[dir="rtl"] .main-sidebar {
        transform: translateX(250px);
    }

    html[dir="rtl"] body.sidebar-open .main-sidebar {
        transform: translateX(0);
    }

    html[dir="rtl"] .bootstrap-table .fixed-table-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    html[dir="rtl"] .bootstrap-table .fixed-table-toolbar::after {
        display: none;
    }

    html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .bs-bars,
    html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns,
    html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .columns-right,
    html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .export,
    html[dir="rtl"] .bootstrap-table .fixed-table-toolbar .search,
    html[dir="rtl"] .bootstrap-table .fixed-table-pagination > .pagination-detail,
    html[dir="rtl"] .bootstrap-table .fixed-table-pagination > .pagination {
        float: none !important;
        width: 100%;
        margin-right: 0 !important;
        order: unset;
    }
}

/* Bootstrap only zeroes .list-group's padding-left, so in RTL the browser's
   default list indent survives on the right and pushes every row 40px away
   from its column header. */
html[dir="rtl"] .list-group {
    padding-right: 0;
}