/* RTL layout for Dari & Pashto */
html[dir="rtl"] .app {
  flex-direction: row-reverse;
}

html[dir="rtl"] .sidebar-item.active::before {
  left: auto;
  right: -16px;
  border-radius: 4px 0 0 4px;
}

html[dir="rtl"] .sidebar-badge {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .search-icon {
  left: auto;
  right: 16px;
}

html[dir="rtl"] .search-input {
  padding: 0 44px 0 16px;
}

html[dir="rtl"] .search-shortcut {
  right: auto;
  left: 14px;
}

html[dir="rtl"] .table-search svg {
  left: auto;
  right: 12px;
}

html[dir="rtl"] .table-search input {
  padding: 0 38px 0 14px;
}

html[dir="rtl"] .profile-info {
  text-align: left;
}

html[dir="rtl"] .page-header,
html[dir="rtl"] .card-header,
html[dir="rtl"] .table-toolbar,
html[dir="rtl"] .modal-header,
html[dir="rtl"] .modal-footer {
  flex-direction: row-reverse;
}

html[dir="rtl"] .info-row {
  flex-direction: row-reverse;
}

html[dir="rtl"] .info-value {
  text-align: left;
}

html[dir="rtl"] .kpi-arrow,
html[dir="rtl"] .app-deadline {
  text-align: left;
}

html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .notif-dropdown,
html[dir="rtl"] .period-dropdown {
  right: auto;
  left: 0;
}

html[dir="rtl"] .toast-container {
  right: auto;
  left: 24px;
}

html[dir="rtl"] .lang-option {
  text-align: right;
}

html[dir="rtl"] .login-shell {
  direction: rtl;
}

html[dir="rtl"] .doc-item,
html[dir="rtl"] .team-item,
html[dir="rtl"] .app-list-item,
html[dir="rtl"] .reminder-item,
html[dir="rtl"] .leaderboard-item {
  flex-direction: row-reverse;
}

html[dir="rtl"] .table-client,
html[dir="rtl"] .search-result-item,
html[dir="rtl"] .notif-item {
  flex-direction: row-reverse;
}

html[dir="rtl"] .pagination {
  flex-direction: row-reverse;
}

html[dir="rtl"] .doc-actions {
  flex-direction: row-reverse;
}
