body .wrapper {
    direction: rtl;
}

.content-wrapper .form-group {
    direction: rtl;
    text-align: right;
}

label {
    display: block;
    text-align: right;
}

button[type=submit] {
    display: block;
    text-align: right;
}

.custom-file-label::after {
    right: auto;
    left: 0px;
}

input,
textarea,
.form-control,
.tagify.tags {
    direction: rtl;
    text-align: right;
}

input[type=email].input-border-bottom,
input[name=from_email]:not(.input-border-bottom) {
    direction: ltr;
    text-align: left;
}

.cm-s-monokai.CodeMirror {
    direction: ltr;
    text-align: left;
}

/* Datatable RTL Fixes */
div.dataTables_wrapper div.dataTables_filter label {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_length {
    float: left !important;
}

div.dataTables_wrapper div.dataTables_filter {
    float: right !important;
    text-align: right !important;
}

div.dataTables_wrapper div.dataTables_filter label {
    text-align: right !important;
}

div.dataTables_wrapper div.dataTables_info {
    float: right !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    float: left !important;
}

div.dataTables_wrapper div.dataTables_length select {
    margin-right: 5px !important;
    margin-left: 5px !important;
    display: inline-block !important;
    direction: ltr !important;
    text-align: left !important;
}

.sidebar {
    left: auto;
    right: 0px;
}

.sidebar .nav {
    padding-right: 0px;
}

.sidebar .nav>.nav-item a i {
    margin-right: 0px;
    margin-left: 15px;
}

.main-header .logo-header {
    float: right;
}

.main-header .logo-header .navbar-minimize {
    right: auto;
    left: -25px;
}

.main-header .navbar-header {
    text-align: left;
}

.navbar-expand-lg .navbar-nav.ml-md-auto {
    margin-left: 0px !important;
    margin-right: auto;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    right: auto;
    left: 0px;
}

.user-box .u-text {
    text-align: right;
}

.dropdown-item {
    text-align: right;
}

.main-panel {
    float: left;
}

.card {
    text-align: right;
}

.sidebar .nav>.nav-item a[data-toggle="collapse"][aria-expanded="true"] .caret {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.sidebar .nav-collapse li a .sub-item {
    margin-left: 0px;
    margin-right: 25px;
}

.sidebar .nav-collapse li a .sub-item::before {
    left: auto;
    right: -15px;
}

button.btn {
    display: inline-block;
}

.rtlinput {
    direction: rtl;
}

.emailNotRTL {
    direction: ltr !important;
}

.login-form {
    direction: rtl;
}

.login-form .form-action .btn-login {
    text-align: center;
    direction: ltr;
    width: 100%;
    display: block;
}

/* Floating Label RTL Fix */
.form-floating-label {
    text-align: right;
}

.form-floating-label .placeholder {
    right: 0;
    left: auto !important;
    text-align: right;
    width: 100%;
}

.form-floating-label .form-control:focus~.placeholder,
.form-floating-label .form-control:valid~.placeholder,
.form-floating-label .form-control:not([value=""])~.placeholder,
.form-floating-label .form-control.filled~.placeholder {
    right: 0;
    left: auto !important;
}

.wrapper-login .container-login .btn-login {
    width: 100%;
}

.file-custom:before {
    content: "تصفح" !important;
}

/* Alert RTL Fixes */
.alert {
    text-align: right !important;
}

.alert-dismissible {
    padding-right: 1.25rem !important;
    padding-left: 4rem !important;
    text-align: right !important;
}

.alert-dismissible .close {
    right: auto !important;
    left: 0 !important;
    padding: 0.75rem 1.25rem !important;
}

/* Modal RTL Fixes */
.modal-header .close {
    padding: 1rem;
    margin: -1rem auto -1rem -1rem !important;
}

.modal-header {
    flex-direction: row-reverse;
}

.modal-title {
    text-align: right;
    width: 100%;
}

.modal-footer {
    justify-content: flex-start;
}

.modal-body {
    text-align: right;
}

.alert.validation ul {
    text-align: right !important;
    padding-right: 20px !important;
    padding-left: 0 !important;
}

.alert.validation ul li {
    list-style: none;
}

/* Notification Drodown RTL Fixes */
#display-notf .mr-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

#display-notf .float-right {
    float: left !important;
}

#display-notf .dropdown-item {
    text-align: right;
    display: flex !important;
    flex-direction: row;
}

#display-notf .dropdown-item div:last-child {
    text-align: right;
}

/* =========================================
   Bootstrap 5 RTL Logical Property Patch
   ========================================= */
/* Text Alignment */
.text-start {
    text-align: right !important;
}

.text-end {
    text-align: left !important;
}

/* Margins & Spacing */
.ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.ms-0 {
    margin-right: 0 !important;
}

.me-0 {
    margin-left: 0 !important;
}

.ps-0 {
    padding-right: 0 !important;
}

.pe-0 {
    padding-left: 0 !important;
}

/* Float Utilities */
.float-start {
    float: right !important;
}

.float-end {
    float: left !important;
}

/* Bootstrap 4 Legacy Conversions (if used) */
.text-left {
    text-align: right !important;
}

.text-right {
    text-align: left !important;
}

.float-left {
    float: right !important;
}

.float-right {
    float: left !important;
}

.ml-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.mr-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.ml-0 {
    margin-right: 0 !important;
}

.mr-0 {
    margin-left: 0 !important;
}

.pl-0 {
    padding-right: 0 !important;
}

.pr-0 {
    padding-left: 0 !important;
}

/* Common Spacing Fixes */
.mr-1,
.mr-2,
.mr-3,
.mr-4,
.mr-5 {
    margin-left: inherit !important;
    margin-right: inherit !important;
}

.ml-1,
.ml-2,
.ml-3,
.ml-4,
.ml-5 {
    margin-right: inherit !important;
    margin-left: inherit !important;
}

.pr-1,
.pr-2,
.pr-3,
.pr-4,
.pr-5 {
    padding-left: inherit !important;
    padding-right: inherit !important;
}

.pl-1,
.pl-2,
.pl-3,
.pl-4,
.pl-5 {
    padding-right: inherit !important;
    padding-left: inherit !important;
}

/* =========================================
   RTL Mobile Responsive Overrides
   ========================================= */
@media screen and (max-width: 991px) {

    /* RTL: Main header logo floats right on mobile too */
    .main-header .logo-header {
        float: right;
    }

    /* RTL: Toggle button on mobile */
    .main-header .logo-header .more {
        margin-left: 0;
        margin-right: 10px;
    }

    /* RTL: Notification dropdown positioning */
    .dropdown-list.dropdown-menu {
        right: auto !important;
        left: -50px !important;
    }

    /* RTL: User dropdown positioning */
    .dropdown-user {
        right: auto !important;
        left: -20px !important;
    }
}