html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

html *,
html *::before,
html *::after {
  unicode-bidi: normal !important;
}

body {
  position: relative;
}

.page-wrapper,
.main-topbar,
.main-footer {
  max-width: 100%;
}

.page-wrapper {
  position: relative;
  z-index: 1;
}

.main-topbar {
  background-color: var(--dx-secondary-bg) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid var(--dx-border-color);
  isolation: isolate;
  z-index: 1105;
}

.main-topbar .profile-dropdown,
.main-topbar .profile-dropdown .dropdown-toggle,
.main-topbar .profile-dropdown .btn {
  position: relative;
  z-index: 2;
}

.welcome-card,
[class*="widget-banner"] {
  overflow: hidden;
}

.welcome-card .card-body,
[class*="widget-banner"] .card-body {
  position: relative;
  z-index: 1;
}

.welcome-card .welcome-vector,
[class*="widget-banner"] img,
[class*="widget-banner"] .banner-circle {
  pointer-events: none;
  z-index: 0;
}

.customer-widget .card-body {
  min-height: 132px;
}

.customer-widget .avatar {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.navbar-menu .nav-item .nav-link .menu-arrow svg {
  height: 13px;
  transition: transform 0.2s ease;
  width: 13px;
}

.navbar-menu .nav-item .nav-link[aria-expanded="true"] .menu-arrow svg,
.navbar-menu .nav-item .nav-menu-sub .nav-link[aria-expanded="true"] .menu-arrow svg {
  transform: rotate(-180deg);
}

[dir="ltr"] .text-start {
  text-align: left !important;
}

[dir="ltr"] .text-end {
  text-align: right !important;
}

[dir="ltr"] .dropdown-menu-end {
  left: auto !important;
  right: 0 !important;
}

[dir="ltr"] .dropdown-menu-start {
  left: 0 !important;
  right: auto !important;
}

[dir="ltr"] .notification-animate {
  left: auto;
  right: -1px;
}

[dir="ltr"] .notification.top-end {
  left: auto;
  right: -8px;
}

[dir="ltr"] .notification.top-start {
  left: -8px;
  right: auto;
}

[dir="ltr"] .notification.bottom-end {
  left: auto;
  right: -8px;
}

[dir="ltr"] .notification.bottom-start {
  left: -8px;
  right: auto;
}

[dir="ltr"] .ms-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

[dir="ltr"] .me-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

[dir="ltr"] .ms-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[dir="ltr"] .ms-1 {
  margin-left: 0.25rem !important;
  margin-right: 0 !important;
}

[dir="ltr"] .ms-2 {
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
}

[dir="ltr"] .ms-3 {
  margin-left: 0.75rem !important;
  margin-right: 0 !important;
}

[dir="ltr"] .ms-4 {
  margin-left: 1rem !important;
  margin-right: 0 !important;
}

[dir="ltr"] .ms-5 {
  margin-left: 1.25rem !important;
  margin-right: 0 !important;
}

[dir="ltr"] .me-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[dir="ltr"] .me-1 {
  margin-left: 0 !important;
  margin-right: 0.25rem !important;
}

[dir="ltr"] .me-2 {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}

[dir="ltr"] .me-3 {
  margin-left: 0 !important;
  margin-right: 0.75rem !important;
}

[dir="ltr"] .me-5 {
  margin-left: 0 !important;
  margin-right: 1.25rem !important;
}

[dir="ltr"] .ps-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

[dir="ltr"] .ps-3 {
  padding-left: 0.75rem !important;
  padding-right: 0 !important;
}

[dir="ltr"] .ps-4 {
  padding-left: 1rem !important;
  padding-right: 0 !important;
}

[dir="ltr"] .ps-5 {
  padding-left: 1.25rem !important;
  padding-right: 0 !important;
}

[dir="ltr"] .ps-7 {
  padding-left: 1.75rem !important;
  padding-right: 0 !important;
}

[dir="ltr"] .ps-8 {
  padding-left: 2rem !important;
  padding-right: 0 !important;
}

[dir="ltr"] .ps-9 {
  padding-left: 2.25rem !important;
  padding-right: 0 !important;
}

[dir="ltr"] .pe-4 {
  padding-left: 0 !important;
  padding-right: 1rem !important;
}

[dir="ltr"] .pe-5 {
  padding-left: 0 !important;
  padding-right: 1.25rem !important;
}

[dir="ltr"] .pe-8 {
  padding-left: 0 !important;
  padding-right: 2rem !important;
}

[dir="ltr"] .pe-9 {
  padding-left: 0 !important;
  padding-right: 2.25rem !important;
}

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

[dir="ltr"] .navbar-menu .nav-item .collapse::before {
  left: 23.5px;
  right: auto;
}

[dir="ltr"] .navbar-menu .nav-item .nav-menu-sub {
  margin-left: 1.5rem;
  margin-right: 0;
}

[dir="ltr"] .navbar-menu .nav-item .nav-menu-sub .nav-link::before {
  left: -1.6px;
  right: auto;
}

[dir="ltr"] .navbar-menu .nav-item .nav-menu-sub .nav-link:hover span {
  transform: translateX(4px);
}

[dir="ltr"] .table-card :is(th, td):first-child {
  padding-left: 1.25rem !important;
  padding-right: 0.75rem !important;
}

[dir="ltr"] .table-card :is(th, td):last-child {
  padding-left: 0.75rem !important;
  padding-right: 1.25rem !important;
}

[dir="ltr"] .customer-widget .card-body {
  padding-left: 1.25rem;
  padding-right: 5.75rem;
}

[dir="ltr"] .customer-widget .avatar {
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 13px;
  left: auto !important;
  margin: 0 !important;
  right: 1.25rem !important;
  top: 1.25rem !important;
}

[dir="ltr"] .welcome-card .welcome-vector {
  left: auto;
  right: -25px;
}

[dir="ltr"] .main-topbar {
  justify-content: flex-start;
  padding-left: 0.5rem;
  padding-right: 1rem;
}

[dir="ltr"] .main-topbar.nav-sticky {
  background-color: var(--dx-secondary-bg) !important;
}

[dir="ltr"] .main-topbar .navbar-brand {
  flex: 0 0 var(--dx-sidebar);
  padding-left: 0;
  padding-right: 1rem;
  width: var(--dx-sidebar);
}

[dir="ltr"] .main-topbar .navbar-search .icon {
  left: 15px;
  right: auto;
}

[dir="ltr"] .main-topbar .navbar-search .form-control {
  padding-left: 41px;
  padding-right: 1rem;
}

[dir="ltr"] .main-topbar .dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-right: 0;
}

[dir="ltr"] .modal-dialog-start {
  margin-left: 1.25rem;
  margin-right: auto;
}

[dir="ltr"] .modal-dialog-end {
  margin-left: auto;
  margin-right: 1.25rem;
}

[dir="ltr"] .modal-dialog-bottom-end {
  left: auto;
  right: 1.25rem;
}

[dir="ltr"] .modal-dialog-bottom-start {
  left: 1.25rem;
  right: auto;
}

@media (min-width: 768px) {
  [dir="ltr"] [class*="widget-banner"] img {
    left: auto;
    right: 0.75rem;
  }
}

@media (min-width: 992px) {
  [dir="ltr"] .page-wrapper {
    margin-left: var(--dx-sidebar);
    margin-right: 0;
  }

  [dir="ltr"] [data-sidebar="medium"] .page-wrapper {
    margin-left: var(--dx-sidebar-md);
    margin-right: 0;
  }

  [dir="ltr"] [data-sidebar="small"] .page-wrapper {
    margin-left: var(--dx-sidebar-sm);
    margin-right: 0;
  }

  [dir="ltr"] .main-footer {
    left: var(--dx-sidebar);
    right: 0;
  }

  [dir="ltr"] [data-sidebar="medium"] .main-footer {
    left: var(--dx-sidebar-md);
    right: 0;
  }

  [dir="ltr"] [data-sidebar="small"] .main-footer {
    left: var(--dx-sidebar-sm);
    right: 0;
  }

  [dir="ltr"] :is([data-layout="modern"], [data-layout="semibox"]) .main-topbar {
    left: var(--dx-sidebar);
    right: 0;
  }

  [dir="ltr"] :is([data-layout="modern"], [data-layout="semibox"])[data-sidebar="medium"] .main-topbar {
    left: var(--dx-sidebar-md);
    right: 0;
  }

  [dir="ltr"] :is([data-layout="modern"], [data-layout="semibox"])[data-sidebar="small"] .main-topbar {
    left: var(--dx-sidebar-sm);
    right: 0;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] :is([data-layout="modern"]) .main-topbar::before {
    background: radial-gradient(circle at right bottom, transparent 18px, var(--dx-sidebar-bg) 20px);
    left: -4px;
    right: auto;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  [dir="ltr"] .sidebar-hidden .main-sidebar {
    left: calc(var(--dx-sidebar-sm) * -1.1);
    right: auto;
  }

  [dir="ltr"] .sidebar-hidden .main-topbar {
    left: 0 !important;
    right: 0 !important;
  }

  [dir="ltr"] .sidebar-hidden .page-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 991.98px) {
  [dir="ltr"] .sidebar-hidden .main-sidebar {
    left: calc(var(--dx-sidebar) * -1.1);
    right: auto;
  }

  [dir="ltr"] .sidebar-hidden .main-sidebar.show {
    left: 0;
    right: auto;
  }
}

[dir="ltr"] [data-sidebar="medium"] .navbar-menu .nav-item .nav-menu-sub {
  margin-left: 0;
}

[dir="ltr"] [data-sidebar="small"] .navbar-menu .nav-item .nav-menu-sub {
  left: var(--dx-sidebar-sm);
  margin-left: 0;
  right: auto;
}

[dir="ltr"] [data-sidebar="small"] .navbar-menu .nav-item .nav-menu-sub::before {
  left: 19px;
  right: auto;
}

[dir="ltr"] [data-sidebar="small"] .navbar-menu .nav-item .nav-menu-sub .nav-link {
  padding: 0.5rem 1.5rem 0.5rem 2.1875rem;
}