/* * Dashboard layout - Arabic (RTL) * Loaded on every page; rules are scoped under [dir="rtl"] so they only * take effect when (Arabic locale). Mirrors dashboard-ltr.css. */ [dir="rtl"] .app .sidebar { right: 0; left: auto; } @media (max-width: 991.98px) { [dir="rtl"] .app .sidebar { right: -216px; left: auto; } } @media (max-width: 991.98px) { [dir="rtl"] .app.active .sidebar { right: 0; left: auto; } } [dir="rtl"] .app .main-side { margin: 0 auto 0 0; } [dir="rtl"] .app .sidebar .tog-active { margin: 20px 21px 9px auto; } [dir="rtl"] .app .sidebar .list .list-item a .arrow { margin-right: 6px; margin-left: 0; } [dir="rtl"] .app .sidebar .list .list-item a > div .main-badge { margin-right: auto !important; margin-left: 0 !important; } [dir="rtl"] .app .sidebar .list .list-item.active a ::after { right: 6px; left: auto; } [dir="rtl"] .app .sidebar .list .item-collapse { margin-right: 22px; margin-left: 0; } [dir="rtl"] .app .sidebar .list .item-collapse::before { right: -7px; left: auto; } [dir="rtl"] .main-navbar .info-user { padding-right: 2rem; padding-left: 0; border-right: 1px solid #cccccc; border-left: 0; } [dir="rtl"] .main-navbar .info-user .content .text { text-align: left; } [dir="rtl"] .main-navbar .icon-nav .main-badge { right: -10px; left: auto; } [dir="rtl"] .main-table thead th { text-align: center; }