@font-face {
    font-family: "TanseekModernProArabic";
    src: url("../plugins/global/fonts/TanseekModernProArabic-Regular/TanseekModernProArabic-Regular.woff2") format("woff2");
    font-display: swap;
}

/* Custom controls inherit the same direction as the RTL theme bundles. */
html[dir="rtl"] body {
    text-align: start;
}

html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select,
html[dir="rtl"] .select2-container,
html[dir="rtl"] .dataTables_wrapper {
    direction: rtl;
}

html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select,
html[dir="rtl"] .select2-selection__rendered,
html[dir="rtl"] .select2-results__option {
    text-align: start;
}

/* Preserve the reading order of identifiers and contact details. */
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] input[name="username"],
html[dir="rtl"] input[name="company_id"] {
    direction: ltr;
    text-align: right;
    unicode-bidi: isolate;
}

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

html[dir="rtl"] .modal-header .btn-close {
    margin-inline-start: auto;
    margin-inline-end: 0;
}

html[dir="rtl"] .select2-container--bootstrap5 .select2-selection--single .select2-selection__arrow {
    right: auto;
    left: 1rem;
}

html[dir="rtl"] .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    padding-inline-start: 0;
    padding-inline-end: 2rem;
}