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

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

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

html[dir="rtl"] .ms-1,
html[dir="rtl"] .ms-2,
html[dir="rtl"] .ms-3 {
    margin-left: 0 !important;
}

html[dir="rtl"] .me-1,
html[dir="rtl"] .me-2,
html[dir="rtl"] .me-3 {
    margin-right: 0 !important;
}

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

html[dir="rtl"] .main-content {
    margin-left: 0 !important;
    margin-right: 250px;
}

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

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

html[dir="rtl"] .table th,
html[dir="rtl"] .table td,
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select,
html[dir="rtl"] .breadcrumb-item,
html[dir="rtl"] .alert {
    text-align: right;
}

html[dir="rtl"] .modal-header,
html[dir="rtl"] .modal-body,
html[dir="rtl"] .modal-footer {
    text-align: right;
}

@media (max-width: 991.98px) {
    html[dir="rtl"] .main-content {
        margin-right: 0;
    }
}