/* ============================================================ RTL Support for Arabic Language Applied when is set ============================================================ */ [dir="rtl"] body { font-family: 'Tajawal', 'Cairo', 'Inter', sans-serif; } [dir="rtl"] .sidebar { left: auto; right: 0; } [dir="rtl"] .sidebar-nav a { border-left: none; border-right: 3px solid transparent; } [dir="rtl"] .sidebar-nav a:hover, [dir="rtl"] .sidebar-nav a.active { border-right-color: var(--primary); } [dir="rtl"] .main-content { margin-left: 0; margin-right: var(--sidebar-w); } [dir="rtl"] .sidebar-nav .badge { margin-left: 0; margin-right: auto; } [dir="rtl"] select.form-control { background-position: left .75rem center; padding-right: .85rem; padding-left: 2.5rem; } [dir="rtl"] .input-group .form-control { border-radius: 0 var(--radius) var(--radius) 0; } [dir="rtl"] .input-group .input-suffix { border-left: 1px solid var(--border); border-right: none; border-radius: var(--radius) 0 0 var(--radius); } [dir="rtl"] .toast-container { right: auto; left: 1rem; } [dir="rtl"] .toast.success { border-left: none; border-right: 4px solid var(--success); } [dir="rtl"] .toast.error { border-left: none; border-right: 4px solid var(--danger); } [dir="rtl"] .toast.info { border-left: none; border-right: 4px solid var(--primary); } [dir="rtl"] .chat-msg { flex-direction: row-reverse; } [dir="rtl"] .chat-msg.mine { flex-direction: row; } [dir="rtl"] th, [dir="rtl"] td { text-align: right; } [dir="rtl"] @media (max-width: 900px) { .sidebar { transform: translateX(100%); right: 0; left: auto; } .sidebar.open { transform: translateX(0); } }