html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] button {
    font-family: Tahoma, Arial, "Noto Sans Arabic", sans-serif;
}

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

html[dir="rtl"] .page-wrapper,
html[dir="rtl"] .page-body,
html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .modal-content,
html[dir="rtl"] .offcanvas,
html[dir="rtl"] .card,
html[dir="rtl"] .form-label,
html[dir="rtl"] .list-group-item {
    text-align: right;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] .font-monospace,
html[dir="rtl"] code,
html[dir="rtl"] pre,
html[dir="rtl"] kbd {
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] .navbar-vertical .navbar-nav .nav-link-icon {
    margin-left: .5rem;
    margin-right: 0;
}

html[dir="rtl"] .dropdown-item .ti,
html[dir="rtl"] .btn .ti {
    margin-left: .35rem;
    margin-right: 0;
}

html[dir="rtl"] .dataTables_wrapper,
html[dir="rtl"] .dt-container,
html[dir="rtl"] table.dataTable {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .apexcharts-canvas,
html[dir="rtl"] .leaflet-container,
html[dir="rtl"] .mapboxgl-map {
    direction: ltr;
}

html[dir="rtl"] .form-check {
    padding-right: 1.5em;
    padding-left: 0;
}

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

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    transform: scaleX(-1);
}

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

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