/*
 * Dashboard layout - English (LTR)
 * Loaded on every page; rules are scoped under [dir="ltr"] so they only
 * take effect when <html dir="ltr"> (English locale). Mirrors dashboard-rtl.css.
 */

[dir="ltr"] .app .sidebar {
  left: 0;
  right: auto;
}

@media (max-width: 991.98px) {
  [dir="ltr"] .app .sidebar {
    left: -216px;
    right: auto;
  }
}

@media (max-width: 991.98px) {
  [dir="ltr"] .app.active .sidebar {
    left: 0;
    right: auto;
  }
}

[dir="ltr"] .app .main-side {
  margin: 0 0 0 auto;
}

[dir="ltr"] .app .sidebar .tog-active {
  margin: 20px auto 9px 21px;
}

[dir="ltr"] .app .sidebar .list .list-item a .arrow {
  margin-left: 6px;
  margin-right: 0;
}

[dir="ltr"] .app .sidebar .list .list-item a > div .main-badge {
  margin-left: auto !important;
  margin-right: 0 !important;
}

[dir="ltr"] .app .sidebar .list .list-item.active a ::after {
  left: 6px;
  right: auto;
}

[dir="ltr"] .app .sidebar .list .item-collapse {
  margin-left: 22px;
  margin-right: 0;
}

[dir="ltr"] .app .sidebar .list .item-collapse::before {
  left: -7px;
  right: auto;
}

[dir="ltr"] .main-navbar .info-user {
  padding-left: 2rem;
  padding-right: 0;
  border-left: 1px solid #cccccc;
  border-right: 0;
}

[dir="ltr"] .main-navbar .info-user .content .text {
  text-align: right;
}

[dir="ltr"] .main-navbar .icon-nav .main-badge {
  left: -10px;
  right: auto;
}

[dir="ltr"] .main-table thead th {
  text-align: center;
}
