/* RTL Overrides */
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

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

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

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

html[dir="rtl"] .req {
    margin-left: 0;
    margin-right: .35rem;
}

/* Header */
html[dir="rtl"] .logo {
    float: right;
}

html[dir="rtl"] #mainNav {
    float: left;
}

html[dir="rtl"] .mobile-menu-toggle {
    left: 1rem;
    right: auto;
}

/* Forms */
html[dir="rtl"] .form-actions {
    text-align: left;
}

/* Submissions / Pivot */
html[dir="rtl"] .submissions-header-top {
    flex-direction: row;
}

html[dir="rtl"] .submissions-title h1 {
    flex-direction: row;
}

html[dir="rtl"] .actions-toolbar {
    flex-direction: row;
}

html[dir="rtl"] .toolbar-button i {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .form-title-badge i,
html[dir="rtl"] .access-badge i {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .stat-box-icon {
    margin: 0 auto 0.75rem;
}

/* DataTables */
html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
}

html[dir="rtl"] .dataTables_wrapper .dataTables_length {
    float: right;
}

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

html[dir="rtl"] .dataTables_wrapper .dataTables_info {
    float: right;
}

/* Saved Pivots */
html[dir="rtl"] .saved-pivots-header-title i {
    margin-left: 0.75rem;
    margin-right: 0;
}

html[dir="rtl"] .saved-pivot-link i {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .delete-pivot-btn {
    border-left: none;
    border-right: 1px solid rgba(59, 130, 246, 0.2);
}

/* Pivot Table UI */
html[dir="rtl"] .pvtAxisContainer,
html[dir="rtl"] .pvtVals {
    text-align: right;
}

html[dir="rtl"] .pvtAttr {
    float: right;
}

/* General Utilities */
html[dir="rtl"] .mr-1 {
    margin-right: 0;
    margin-left: 0.25rem;
}

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

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

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

/* Font Awesome Icons mirroring */
html[dir="rtl"] .fa-arrow-left:before {
    content: "\f061";
}

/* arrow-right */
html[dir="rtl"] .fa-arrow-right:before {
    content: "\f060";
}

/* arrow-left */
html[dir="rtl"] .fa-chevron-right:before {
    content: "\f053";
}

/* chevron-left */
html[dir="rtl"] .fa-chevron-left:before {
    content: "\f054";
}

/* chevron-right */

/* SweetAlert2 RTL */
html[dir="rtl"] .swal2-popup {
    direction: rtl;
    text-align: right;
}

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

/* Header Nav Icons RTL Fix */
html[dir='rtl'] nav a::after {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* PivotTable.js RTL Overrides */
html[dir="rtl"] .pvtUi {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .pvtAxisContainer,
html[dir="rtl"] .pvtVals {
    text-align: right;
}

html[dir="rtl"] .pvtAttr {
    float: right;
    margin: 0.25rem 0.25rem 0.25rem 0.75rem;
}

html[dir="rtl"] .pvtTriangle {
    float: left;
    margin-right: 0.5rem;
}

html[dir="rtl"] .pvtAggregator,
html[dir="rtl"] .pvtRenderer {
    margin-bottom: 5px;
    text-align: right;
}

html[dir="rtl"] .pvtHorizList li {
    float: right;
}

html[dir="rtl"] .pvtVertList {
    float: right;
}



html[dir="rtl"] .req {
    margin-left: 0;
    margin-right: .35rem;
}

/* Header */
html[dir="rtl"] .logo {
    float: right;
}

html[dir="rtl"] #mainNav {
    float: left;
}

html[dir="rtl"] .mobile-menu-toggle {
    left: 1rem;
    right: auto;
}

/* Forms */
html[dir="rtl"] .form-actions {
    text-align: left;
}

/* Submissions / Pivot */
html[dir="rtl"] .submissions-header-top {
    flex-direction: row;
}

html[dir="rtl"] .submissions-title h1 {
    flex-direction: row;
}

html[dir="rtl"] .actions-toolbar {
    flex-direction: row;
}

html[dir="rtl"] .toolbar-button i {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .form-title-badge i,
html[dir="rtl"] .access-badge i {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .stat-box-icon {
    margin: 0 auto 0.75rem;
}

/* DataTables */
html[dir="rtl"] .dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
}

html[dir="rtl"] .dataTables_wrapper .dataTables_length {
    float: right;
}

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

html[dir="rtl"] .dataTables_wrapper .dataTables_info {
    float: right;
}

/* Saved Pivots */
html[dir="rtl"] .saved-pivots-header-title i {
    margin-left: 0.75rem;
    margin-right: 0;
}

html[dir="rtl"] .saved-pivot-link i {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .delete-pivot-btn {
    border-left: none;
    border-right: 1px solid rgba(59, 130, 246, 0.2);
}

/* Pivot Table UI */
html[dir="rtl"] .pvtAxisContainer,
html[dir="rtl"] .pvtVals {
    text-align: right;
}

html[dir="rtl"] .pvtAttr {
    float: right;
}

/* General Utilities */
html[dir="rtl"] .mr-1 {
    margin-right: 0;
    margin-left: 0.25rem;
}

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

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

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

/* Font Awesome Icons mirroring */
html[dir="rtl"] .fa-arrow-left:before {
    content: "\f061";
}

/* arrow-right */
html[dir="rtl"] .fa-arrow-right:before {
    content: "\f060";
}

/* arrow-left */
html[dir="rtl"] .fa-chevron-right:before {
    content: "\f053";
}

/* chevron-left */
html[dir="rtl"] .fa-chevron-left:before {
    content: "\f054";
}

/* chevron-right */

/* SweetAlert2 RTL */
html[dir="rtl"] .swal2-popup {
    direction: rtl;
    text-align: right;
}

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

/* Header Nav Icons RTL Fix */
html[dir='rtl'] nav a::after {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* PivotTable.js RTL Overrides */
html[dir="rtl"] .pvtUi {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .pvtAxisContainer,
html[dir="rtl"] .pvtVals {
    text-align: right;
}

html[dir="rtl"] .pvtAttr {
    float: right;
    margin: 0.25rem 0.25rem 0.25rem 0.75rem;
}

html[dir="rtl"] .pvtTriangle {
    float: left;
    margin-right: 0.5rem;
}

html[dir="rtl"] .pvtAggregator,
html[dir="rtl"] .pvtRenderer {
    margin-bottom: 5px;
    text-align: right;
}

html[dir="rtl"] .pvtHorizList li {
    float: right;
}

html[dir="rtl"] .pvtVertList {
    float: right;
}



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

html[dir="rtl"] .pvtFilterBox {
    direction: rtl;
    text-align: right;
    right: auto !important;
    /* Force it to align relative to the right if needed, or prevent it from going offscreen */
    left: 0 !important;
    /* In RTL, we might want it to align to the left of the button if it's overflowing right, or vice versa. Let's try to keep it on screen. */
    max-width: 300px;
    z-index: 1000;
}

/* Ensure the filter box doesn't go off the left edge either */
html[dir="rtl"] .pvtFilterBox {
    left: auto !important;
    right: 0 !important;
    /* Align to the right edge of the container/button */
}

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

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