/* RTL-only overrides to load after nera-modern.css. */


body.nera-modern-app {
  min-height: 100vh;
  background: radial-gradient(circle at top right, rgba(var(--nera-accent-rgb), 0.16), transparent 24%),
    radial-gradient(circle at top left, rgba(var(--nera-accent-rgb), 0.1), transparent 18%),
    linear-gradient(180deg, var(--nera-bg) 0%, var(--nera-bg-alt) 100%);
}

body.nera-modern-auth {
  min-height: 100vh;
  background: radial-gradient(circle at top right, rgba(93, 120, 255, 0.28), transparent 28%),
    radial-gradient(circle at bottom left, rgba(31, 157, 99, 0.18), transparent 22%),
    linear-gradient(135deg, #09152c 0%, #122448 44%, #162a57 100%);
  color: #eff4ff;
}

body.nera-modern-theme {
  --nera-display-font: Tahoma, "Geeza Pro", sans-serif;
}

body.nera-modern-app .main-header > .logo {
  left: auto;
  right: 0;
  border-right: 0;
  border-left: 1px solid var(--nera-border);
}

body.nera-modern-app .main-header .navbar {
  padding: 16px calc(var(--nera-sidebar-current-width) + 24px) 16px 24px;
}

body.nera-modern-app .main-header .navbar:before {
  left: 24px;
  right: calc(var(--nera-sidebar-current-width) + 24px);
}

body.nera-modern-app .main-sidebar,
body.nera-modern-app .left-side {
  left: auto;
  right: 0;
  border-right: 0;
  border-left: 1px solid var(--nera-border);
  box-shadow: -16px 0 32px rgba(15, 23, 42, 0.12);
}

body.nera-modern-app .sidebar-menu > li > a:hover,
body.nera-modern-app .sidebar-menu > li.active > a,
body.nera-modern-app .sidebar-menu > li.menu-open > a {
  box-shadow: inset -3px 0 0 var(--nera-accent),
    0 14px 28px rgba(15, 23, 42, 0.08);
}

body.nera-modern-app .sidebar-menu .treeview-menu {
  padding: 8px;
}

body.nera-modern-app .content-wrapper,
body.nera-modern-app .main-footer {
  margin-left: 0;
  margin-right: var(--nera-sidebar-current-width);
}

body.nera-modern-app .navbar-custom-menu > .navbar-nav > li.user-menu > .dropdown-menu,
body.nera-modern-app .main-header .user-menu > .dropdown-menu {
  left: 0;
  right: auto;
}

body.nera-modern-app .navbar-custom-menu > .navbar-nav > li.notifications-menu > .dropdown-menu,
body.nera-modern-app .main-header .notifications-menu > .dropdown-menu {
  left: 0;
  right: auto;
}

body.nera-modern-app .table-responsive .btn-group > .dropdown-menu,
body.nera-modern-app table .btn-group > .dropdown-menu,
body.nera-modern-app .dataTables_wrapper .btn-group > .dropdown-menu,
body.nera-modern-app .dataTables_wrapper .dropdown-menu {
  left: 0;
  right: auto;
}

body.nera-modern-app .table-responsive .btn-group > .dropdown-menu.dropdown-menu-left,
body.nera-modern-app table .btn-group > .dropdown-menu.dropdown-menu-left,
body.nera-modern-app .dataTables_wrapper .btn-group > .dropdown-menu.dropdown-menu-left,
body.nera-modern-app .dataTables_wrapper .dropdown-menu.dropdown-menu-left {
  right: 0;
  left: auto;
}

body.nera-modern-app .content-header .pull-right,
body.nera-modern-app .content-header .breadcrumb {
  margin: 0 auto 0 0;
}

body.nera-modern-app .small-box .icon {
  right: auto;
  left: 16px;
}

body.nera-modern-app .popover.left > .arrow:after,
body.nera-modern-auth .popover.left > .arrow:after,
body.nera-modern-pos-host .popover.left > .arrow:after {
  border-right-color: var(--nera-surface-elevated);
}

body.nera-modern-app .popover.right > .arrow:after,
body.nera-modern-auth .popover.right > .arrow:after,
body.nera-modern-pos-host .popover.right > .arrow:after {
  border-left-color: var(--nera-surface-elevated);
}

body.nera-modern-app .input-group > .input-group-addon:first-child,
body.nera-modern-auth .input-group > .input-group-addon:first-child {
  border-right: 1px solid var(--nera-border);
  border-left: 0;
}

body.nera-modern-app .input-group > .input-group-addon:last-child,
body.nera-modern-auth .input-group > .input-group-addon:last-child {
  border-left: 1px solid var(--nera-border);
  border-right: 0;
}


body.nera-modern-app .input-group > .input-group-addon:first-child,
body.nera-modern-auth .input-group > .input-group-addon:first-child {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  border-left: 0;
}

body.nera-modern-app .input-group > .input-group-addon:last-child,
body.nera-modern-auth .input-group > .input-group-addon:last-child {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  border-right: 0;
}

body.nera-modern-app .input-group .form-control:first-child,
body.nera-modern-auth .input-group .form-control:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

body.nera-modern-app .input-group .form-control:last-child,
body.nera-modern-auth .input-group .form-control:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

body.nera-modern-app .input-group .select2-container--default .select2-selection--single:first-child,
body.nera-modern-auth .input-group .select2-container--default .select2-selection--single:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

body.nera-modern-app .input-group .select2-container--default .select2-selection--single:last-child,
body.nera-modern-auth .input-group .select2-container--default .select2-selection--single:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

body.nera-modern-app .select2-container--default .select2-selection--single .select2-selection__arrow,
body.nera-modern-auth .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: auto;
  left: 10px;
}

body.nera-modern-app .dataTables_wrapper .dataTables_filter input,
body.nera-modern-auth .dataTables_wrapper .dataTables_filter input {
  margin-left: 0;
  margin-right: 8px;
}

@media (max-width: 1199px) {
  body.nera-modern-app .main-header > .logo {
    display: none;
    left: auto;
    right: 12px;
  }

  body.nera-modern-app .main-header .navbar {
    padding: 10px 14px 12px !important;
  }

  body.nera-modern-app .main-sidebar,
  body.nera-modern-app .left-side {
    left: auto !important;
    right: 0 !important;
    transform: translateX(calc(100% + 18px)) !important;
  }

  body.nera-modern-app.sidebar-open .main-sidebar,
  body.nera-modern-app.sidebar-open .left-side {
    transform: translateX(0) !important;
  }
}

@media (max-width: 767px) {
  body.nera-modern-app .main-header > .logo {
    left: auto;
    right: 10px;
  }

  body.nera-modern-app .main-header .navbar {
    padding: 8px 10px 10px !important;
  }
}