/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo svg {
  width: 34px;
  height: 24px;
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 72px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/* Global app layout without the chat sidebar */
body.no-chat-sidebar .layout-container {
  display: block;
}

body.no-chat-sidebar .layout-page {
  width: 100%;
  padding-left: 0 !important;
}

body.no-chat-sidebar .content-wrapper {
  background: #f6f8ff;
}

body.no-chat-sidebar #layout-navbar.layout-navbar {
  background: #3f6cff !important;
  border: 0 !important;
  border-radius: 8px;
  box-shadow: 0 12px 26px rgba(63, 108, 255, 0.22) !important;
}

body.no-chat-sidebar #layout-navbar .menu-inner,
body.no-chat-sidebar #layout-navbar .navbar-nav-right {
  background: transparent !important;
}

body.no-chat-sidebar #layout-navbar .menu-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0 !important;
}

body.no-chat-sidebar #layout-navbar .menu-item {
  margin: 0;
}

body.no-chat-sidebar #layout-navbar .menu-link {
  position: relative;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  border-radius: 10px;
  box-shadow: none !important;
  transform: none !important;
}

body.no-chat-sidebar #layout-navbar .menu-link div {
  display: none !important;
}

body.no-chat-sidebar #layout-navbar .menu-link svg,
body.no-chat-sidebar #layout-navbar .menu-link i,
body.no-chat-sidebar #layout-navbar .menu-link .icon-base {
  margin: 0 !important;
  color: #ffffff !important;
  fill: currentColor;
  font-size: 24px !important;
  transition: transform 0.18s ease;
}

body.no-chat-sidebar #layout-navbar .menu-link:hover,
body.no-chat-sidebar #layout-navbar .menu-link.active,
body.no-chat-sidebar #layout-navbar .menu-link:focus {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.no-chat-sidebar #layout-navbar .menu-link:hover svg,
body.no-chat-sidebar #layout-navbar .menu-link:hover i,
body.no-chat-sidebar #layout-navbar .menu-link:hover .icon-base,
body.no-chat-sidebar #layout-navbar .menu-link.active svg,
body.no-chat-sidebar #layout-navbar .menu-link.active i,
body.no-chat-sidebar #layout-navbar .menu-link.active .icon-base {
  transform: scale(1.22);
}

body.no-chat-sidebar #layout-navbar .menu-link::after {
  position: absolute;
  left: 50%;
  top: calc(100% + 9px);
  z-index: 90;
  width: max-content;
  max-width: 180px;
  padding: 7px 10px;
  background: #ffffff;
  color: #111827;
  border: 1px solid #e5e7eb;
  border-radius: 7px;
  box-shadow: 0 12px 24px rgba(17, 24, 39, 0.16);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -4px);
  transition: opacity 0.16s ease, transform 0.16s ease;
}

body.no-chat-sidebar #layout-navbar .menu-link:hover::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

body.no-chat-sidebar #layout-navbar .menu-link[href$="users"]::after,
body.no-chat-sidebar #layout-navbar .menu-link[href*="/users"]::after {
  content: "Users";
}

body.no-chat-sidebar #layout-navbar .menu-link[href$="chat"]::after,
body.no-chat-sidebar #layout-navbar .menu-link[href*="/chat"]::after {
  content: "Chat";
}

body.no-chat-sidebar #layout-navbar .menu-link[href*="chat-report"]::after {
  content: "Chat Report";
}

body.no-chat-sidebar #layout-navbar .menu-link[href*="download"]::after {
  content: "Download Report";
}

body.no-chat-sidebar #layout-navbar .menu-link[href*="login"]::after {
  content: "Login Report";
}

body.no-chat-sidebar #layout-navbar .dropdown-user .avatar {
  background: #ffffff;
  border-radius: 50%;
}

body.no-chat-sidebar #layout-navbar .layout-menu-toggle i {
  color: #ffffff !important;
}

/* Strong no-sidebar full-width page and chat-like header */
body.no-chat-sidebar .layout-wrapper,
body.no-chat-sidebar .layout-container,
body.no-chat-sidebar .layout-page,
body.no-chat-sidebar .content-wrapper {
  width: 100% !important;
  max-width: none !important;
}

body.no-chat-sidebar .content-wrapper > .container-xxl,
body.no-chat-sidebar .content-wrapper > .container-xl,
body.no-chat-sidebar .content-wrapper > .container-lg,
body.no-chat-sidebar .content-wrapper > .container-md,
body.no-chat-sidebar .content-wrapper > .container,
body.no-chat-sidebar .container-p-y {
  width: 100% !important;
  max-width: none !important;
}

body.no-chat-sidebar .content-wrapper > .container-xxl,
body.no-chat-sidebar .content-wrapper > .container-p-y {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

#layout-navbar.app-topbar-no-sidebar {
  width: calc(100% - 48px) !important;
  max-width: none !important;
  margin-left: 24px !important;
  margin-right: 24px !important;
  background: #3f6cff !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 26px rgba(63, 108, 255, 0.22) !important;
}

#layout-navbar.app-topbar-no-sidebar .navbar-nav-right,
#layout-navbar.app-topbar-no-sidebar .menu-inner {
  background: transparent !important;
}

#layout-navbar.app-topbar-no-sidebar .menu-inner {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0 !important;
}

#layout-navbar.app-topbar-no-sidebar .menu-item {
  margin: 0 !important;
}

#layout-navbar.app-topbar-no-sidebar .menu-link {
  position: relative;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
}

#layout-navbar.app-topbar-no-sidebar .menu-link div {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

#layout-navbar.app-topbar-no-sidebar .menu-link svg,
#layout-navbar.app-topbar-no-sidebar .menu-link i,
#layout-navbar.app-topbar-no-sidebar .menu-link .icon-base {
  margin: 0 !important;
  color: #ffffff !important;
  fill: currentColor;
  font-size: 24px !important;
  transition: transform 0.18s ease;
}

#layout-navbar.app-topbar-no-sidebar .menu-link:hover,
#layout-navbar.app-topbar-no-sidebar .menu-link.active,
#layout-navbar.app-topbar-no-sidebar .menu-link:focus {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

#layout-navbar.app-topbar-no-sidebar .menu-link:hover svg,
#layout-navbar.app-topbar-no-sidebar .menu-link:hover i,
#layout-navbar.app-topbar-no-sidebar .menu-link:hover .icon-base,
#layout-navbar.app-topbar-no-sidebar .menu-link.active svg,
#layout-navbar.app-topbar-no-sidebar .menu-link.active i,
#layout-navbar.app-topbar-no-sidebar .menu-link.active .icon-base {
  transform: scale(1.22);
}

#layout-navbar.app-topbar-no-sidebar .menu-link::after {
  content: attr(href);
  position: absolute;
  left: 50%;
  top: calc(100% + 9px);
  z-index: 90;
  width: max-content;
  max-width: 180px;
  padding: 7px 10px;
  background: #ffffff;
  color: #111827;
  border: 1px solid #e5e7eb;
  border-radius: 7px;
  box-shadow: 0 12px 24px rgba(17, 24, 39, 0.16);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -4px);
  transition: opacity 0.16s ease, transform 0.16s ease;
}

#layout-navbar.app-topbar-no-sidebar .menu-link:hover::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

#layout-navbar.app-topbar-no-sidebar .menu-link[href$="users"]::after,
#layout-navbar.app-topbar-no-sidebar .menu-link[href*="/users"]::after {
  content: "Users";
}

#layout-navbar.app-topbar-no-sidebar .menu-link[href$="chat"]::after,
#layout-navbar.app-topbar-no-sidebar .menu-link[href*="/chat"]::after {
  content: "Chat";
}

#layout-navbar.app-topbar-no-sidebar .menu-link[href*="chat-report"]::after {
  content: "Chat Report";
}

#layout-navbar.app-topbar-no-sidebar .menu-link[href*="download"]::after {
  content: "Download Report";
}

#layout-navbar.app-topbar-no-sidebar .menu-link[href*="login"]::after {
  content: "Login Report";
}

#layout-navbar.app-topbar-no-sidebar .dropdown-user .avatar {
  background: #ffffff;
  border-radius: 50%;
}

/* Full-width admin pages with fixed table header */
body.no-chat-sidebar {
  overflow: hidden;
  background: #f5f8ff;
}

body.no-chat-sidebar .layout-wrapper,
body.no-chat-sidebar .layout-container,
body.no-chat-sidebar .layout-page {
  min-height: 100vh;
  max-width: none !important;
  width: 100% !important;
}

body.no-chat-sidebar .layout-page {
  padding-top: 68px !important;
}

body.no-chat-sidebar #layout-navbar.app-topbar-no-sidebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1080 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 68px;
  margin: 0 !important;
  padding: 0 28px !important;
  border-radius: 0 !important;
  background: #3f6cff !important;
  box-shadow: 0 10px 26px rgba(63, 108, 255, 0.18) !important;
}

body.no-chat-sidebar #layout-navbar.app-topbar-no-sidebar .navbar-nav-right {
  width: 100%;
  min-height: 68px;
}

body.no-chat-sidebar .content-wrapper {
  height: calc(100vh - 68px);
  overflow: hidden;
  background: #f5f8ff;
}

body.no-chat-sidebar .content-wrapper > .container-xxl,
body.no-chat-sidebar .content-wrapper > .container-fluid,
body.no-chat-sidebar .content-wrapper > .container-p-y,
body.no-chat-sidebar .content.container-fluid,
body.no-chat-sidebar .content {
  max-width: none !important;
  width: 100% !important;
  height: 100%;
  padding: 18px 22px !important;
}

body.no-chat-sidebar .main-wrapper,
body.no-chat-sidebar .page-wrapper {
  width: 100%;
  height: 100%;
   
}

body.no-chat-sidebar .content > .row,
body.no-chat-sidebar .main-wrapper .row {
  height: 100%;
  margin-top: 0 !important;
}

body.no-chat-sidebar .content > .row > [class*="col-"],
body.no-chat-sidebar .main-wrapper .row > [class*="col-"] {
  height: 100%;
}

body.no-chat-sidebar .card {
  height: 100%;
  border: 1px solid #e5ecff;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(38, 65, 130, 0.08);
  overflow: hidden;
}

body.no-chat-sidebar .card-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 22px 24px !important;
}

body.no-chat-sidebar .page-title,
body.no-chat-sidebar h3.page-title {
  color: #202b45;
  font-size: 28px;
  font-weight: 800;
}

body.no-chat-sidebar .btn-primary {
  background: #3f6cff !important;
  border-color: #3f6cff !important;
  box-shadow: 0 10px 22px rgba(63, 108, 255, 0.22);
}

body.no-chat-sidebar .dataTables_wrapper {
  min-height: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

body.no-chat-sidebar .dataTables_length,
body.no-chat-sidebar .dataTables_filter {
  flex: 0 0 auto;
}

body.no-chat-sidebar .card-datatable.table-responsive,
body.no-chat-sidebar .table-responsive {
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto !important;
  border: 1px solid #e7edfb;
  border-radius: 12px;
}

body.no-chat-sidebar table.dataTable,
body.no-chat-sidebar table.table {
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body.no-chat-sidebar table.dataTable thead th,
body.no-chat-sidebar table.table thead th {
  position: sticky;
  top: 0;
  z-index: 12;
  background: #eef3ff !important;
  color: #25314d !important;
  border-bottom: 1px solid #dfe8ff !important;
  font-weight: 800;
  white-space: nowrap;
}

body.no-chat-sidebar table.dataTable tbody tr,
body.no-chat-sidebar table.table tbody tr {
  background: #ffffff !important;
}

body.no-chat-sidebar table.dataTable tbody tr:nth-child(even),
body.no-chat-sidebar table.table tbody tr:nth-child(even) {
  background: #f7f9ff !important;
}

body.no-chat-sidebar table.dataTable tbody tr:hover,
body.no-chat-sidebar table.table tbody tr:hover {
  background: #edf3ff !important;
}

body.no-chat-sidebar table.dataTable td,
body.no-chat-sidebar table.table td {
  border-color: #edf1fb !important;
  vertical-align: middle;
}

body.no-chat-sidebar .dataTables_paginate,
body.no-chat-sidebar .dataTables_info {
  flex: 0 0 auto;
}

body.no-chat-sidebar .dataTables_filter input,
body.no-chat-sidebar .dataTables_length select {
  border: 1px solid #dfe7fb !important;
  border-radius: 8px;
  background: #ffffff;
}

/* Compact admin tables so content fits without clipping */
body.no-chat-sidebar .card-body {
  padding: 16px 18px !important;
}

body.no-chat-sidebar .page-title,
body.no-chat-sidebar h3.page-title {
  font-size: 24px;
}

body.no-chat-sidebar table.dataTable thead th,
body.no-chat-sidebar table.table thead th {
  padding: 10px 12px !important;
  font-size: 12px !important;
  line-height: 1.2;
}

body.no-chat-sidebar table.dataTable td,
body.no-chat-sidebar table.table td {
  padding: 8px 12px !important;
  font-size: 12px !important;
  line-height: 1.25;
  white-space: normal;
}

body.no-chat-sidebar table.dataTable td img,
body.no-chat-sidebar table.table td img {
  width: 42px !important;
  height: 42px !important;
  object-fit: cover;
}

body.no-chat-sidebar table.dataTable .btn,
body.no-chat-sidebar table.table .btn,
body.no-chat-sidebar table.dataTable .badge,
body.no-chat-sidebar table.table .badge {
  padding: 6px 10px !important;
  font-size: 12px !important;
  line-height: 1.1;
}

body.no-chat-sidebar table.dataTable i,
body.no-chat-sidebar table.table i,
body.no-chat-sidebar table.dataTable .icon-base,
body.no-chat-sidebar table.table .icon-base {
  font-size: 14px !important;
}

body.no-chat-sidebar .dataTables_length,
body.no-chat-sidebar .dataTables_filter,
body.no-chat-sidebar .dataTables_info,
body.no-chat-sidebar .dataTables_paginate {
  font-size: 13px;
}

body.no-chat-sidebar .dataTables_filter input,
body.no-chat-sidebar .dataTables_length select {
  min-height: 34px;
  padding: 4px 10px;
}

/* Table edge clipping and color cleanup */
body.no-chat-sidebar .card-datatable.table-responsive,
body.no-chat-sidebar .table-responsive {
  padding: 12px !important;
  padding-bottom: 18px !important;
  background: #ffffff;
  overflow: auto !important;
}

body.no-chat-sidebar .dataTables_wrapper {
  padding-top: 6px;
  padding-bottom: 12px;
}

body.no-chat-sidebar .dataTables_length,
body.no-chat-sidebar .dataTables_filter {
  margin-bottom: 12px;
}

body.no-chat-sidebar .dataTables_length {
  padding-left: 2px;
}

body.no-chat-sidebar .dataTables_filter {
  padding-right: 2px;
}

body.no-chat-sidebar table.dataTable,
body.no-chat-sidebar table.table {
  background: #ffffff !important;
}

body.no-chat-sidebar table.dataTable thead th,
body.no-chat-sidebar table.table thead th {
  background: #eaf2ff !important;
  color: #22304d !important;
}

body.no-chat-sidebar table.dataTable tbody,
body.no-chat-sidebar table.table tbody,
body.no-chat-sidebar table.dataTable tbody tr,
body.no-chat-sidebar table.table tbody tr,
body.no-chat-sidebar table.dataTable tbody td,
body.no-chat-sidebar table.table tbody td {
  background-color: #ffffff !important;
}

body.no-chat-sidebar table.dataTable tbody tr:hover td,
body.no-chat-sidebar table.table tbody tr:hover td {
  background-color: #f4f8ff !important;
}

/* Keep datatable footer visible inside fixed page */
body.no-chat-sidebar .card {
  min-height: 0;
}

body.no-chat-sidebar .card-body {
  min-height: 0;
  overflow: hidden;
}

body.no-chat-sidebar .card-datatable.table-responsive {
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden !important;
}

body.no-chat-sidebar .card-datatable.table-responsive .dataTables_wrapper {
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

body.no-chat-sidebar .card-datatable.table-responsive .dataTables_scroll,
body.no-chat-sidebar .card-datatable.table-responsive table.dataTable {
  min-height: 0;
}

body.no-chat-sidebar .card-datatable.table-responsive table.dataTable {
  flex: 0 0 auto;
}

body.no-chat-sidebar .card-datatable.table-responsive .dataTables_info,
body.no-chat-sidebar .card-datatable.table-responsive .dataTables_paginate {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  padding-bottom: 8px;
}

body.no-chat-sidebar .dataTables_wrapper .row:last-child,
body.no-chat-sidebar .dataTables_wrapper > div:last-child {
  flex: 0 0 auto;
  padding-bottom: 10px;
}

body.no-chat-sidebar .table-responsive::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

body.no-chat-sidebar .table-responsive::-webkit-scrollbar-thumb {
  background: #cbd8ff;
  border-radius: 999px;
}

body.no-chat-sidebar .table-responsive::-webkit-scrollbar-track {
  background: #f5f8ff;
  border-radius: 999px;
}

/* Final bottom clipping fix: keep content visible */
body.no-chat-sidebar {
  overflow: auto !important;
}

body.no-chat-sidebar .content-wrapper {
  height: auto !important;
  min-height: calc(100vh - 68px);
  overflow: visible !important;
  padding-bottom: 28px;
}

body.no-chat-sidebar .content-wrapper > .container-xxl,
body.no-chat-sidebar .content-wrapper > .container-fluid,
body.no-chat-sidebar .content-wrapper > .container-p-y,
body.no-chat-sidebar .content.container-fluid,
body.no-chat-sidebar .content {
  height: auto !important;
  min-height: calc(100vh - 68px);
  padding-bottom: 34px !important;
}

body.no-chat-sidebar .main-wrapper,
body.no-chat-sidebar .page-wrapper,
body.no-chat-sidebar .content > .row,
body.no-chat-sidebar .main-wrapper .row,
body.no-chat-sidebar .content > .row > [class*="col-"],
body.no-chat-sidebar .main-wrapper .row > [class*="col-"] {
  height: auto !important;
  min-height: 0 !important;
}

body.no-chat-sidebar .card {
  height: auto !important;
  min-height: calc(100vh - 116px);
  overflow: visible !important;
}

body.no-chat-sidebar .card-body {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding-bottom: 28px !important;
}

body.no-chat-sidebar .card-datatable.table-responsive,
body.no-chat-sidebar .table-responsive {
  max-height: calc(100vh - 300px);
  min-height: 260px;
  overflow: auto !important;
  padding-bottom: 24px !important;
}

body.no-chat-sidebar .dataTables_wrapper {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 20px;
}

body.no-chat-sidebar .dataTables_info,
body.no-chat-sidebar .dataTables_paginate {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
}

/* Fixed table header/footer with only tbody area scrolling */
body.no-chat-sidebar {
  overflow: hidden !important;
}

body.no-chat-sidebar .content-wrapper {
  height: calc(100vh - 68px) !important;
  overflow: hidden !important;
  padding-bottom: 0 !important;
}

body.no-chat-sidebar .content-wrapper > .container-xxl,
body.no-chat-sidebar .content-wrapper > .container-fluid,
body.no-chat-sidebar .content-wrapper > .container-p-y,
body.no-chat-sidebar .content.container-fluid,
body.no-chat-sidebar .content {
  height: 100% !important;
  min-height: 0 !important;
  padding-bottom: 18px !important;
}

body.no-chat-sidebar .main-wrapper,
body.no-chat-sidebar .page-wrapper,
body.no-chat-sidebar .content > .row,
body.no-chat-sidebar .main-wrapper .row,
body.no-chat-sidebar .content > .row > [class*="col-"],
body.no-chat-sidebar .main-wrapper .row > [class*="col-"],
body.no-chat-sidebar .card,
body.no-chat-sidebar .card-body {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.no-chat-sidebar .card-body {
  display: flex !important;
  flex-direction: column;
}

body.no-chat-sidebar .card-datatable.table-responsive {
  min-height: 0 !important;
  max-height: none !important;
  flex: 1 1 auto;
  overflow: hidden !important;
  padding-bottom: 0 !important;
}

body.no-chat-sidebar .card-datatable.table-responsive .dataTables_wrapper {
  height: 100% !important;
  display: flex !important;
  flex-direction: column;
  overflow: hidden !important;
  padding-bottom: 0 !important;
}

body.no-chat-sidebar .card-datatable.table-responsive .dataTables_wrapper > .row:first-child,
body.no-chat-sidebar .card-datatable.table-responsive .dataTables_wrapper > .row:last-child {
  flex: 0 0 auto;
}

body.no-chat-sidebar .card-datatable.table-responsive .dataTables_wrapper > .row:last-child {
  padding-top: 10px;
  padding-bottom: 0;
  background: #ffffff;
  border-top: 1px solid #e7edfb;
}

body.no-chat-sidebar .card-datatable.table-responsive .dataTables_wrapper > .row.dt-row,
body.no-chat-sidebar .card-datatable.table-responsive .dataTables_wrapper > .row:nth-child(2) {
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto !important;
  border: 1px solid #e7edfb;
  border-radius: 12px;
}

body.no-chat-sidebar .card-datatable.table-responsive .dataTables_wrapper > .row.dt-row > [class*="col-"],
body.no-chat-sidebar .card-datatable.table-responsive .dataTables_wrapper > .row:nth-child(2) > [class*="col-"] {
  min-height: 0;
  padding: 0 !important;
}

body.no-chat-sidebar .card-datatable.table-responsive table.dataTable thead th,
body.no-chat-sidebar .card-datatable.table-responsive table.table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
}

body.no-chat-sidebar .dataTables_info,
body.no-chat-sidebar .dataTables_paginate {
  margin: 0 !important;
  padding: 0 !important;
}

/* DataTables native scroll mode: no bottom clipping */
body.no-chat-sidebar .dataTables_scroll {
  min-height: 0;
  flex: 1 1 auto;
  border: 1px solid #e7edfb;
  border-radius: 12px;
  overflow: hidden;
}

body.no-chat-sidebar .dataTables_scrollHead {
  background: #eaf2ff;
}

body.no-chat-sidebar .dataTables_scrollBody {
  background: #ffffff;
  border-bottom: 0 !important;
}

body.no-chat-sidebar .dataTables_scrollBody table {
  margin-top: 0 !important;
}

body.no-chat-sidebar .dataTables_scrollHeadInner,
body.no-chat-sidebar .dataTables_scrollHeadInner table {
  width: 100% !important;
}

body.no-chat-sidebar .dataTables_wrapper > .row.dt-row,
body.no-chat-sidebar .dataTables_wrapper > .row:nth-child(2) {
  overflow: hidden !important;
  border: 0 !important;
}

body.no-chat-sidebar .dataTables_wrapper > .row:last-child {
  min-height: 44px;
  align-items: center;
  margin-top: 8px !important;
}

/* Reserve clear space for pagination */
body.no-chat-sidebar .card-datatable.table-responsive .dataTables_wrapper {
  padding-bottom: 0 !important;
}

body.no-chat-sidebar .dataTables_scrollBody {
  max-height: calc(100vh - 460px) !important;
}

body.no-chat-sidebar .dataTables_wrapper > .row:last-child,
body.no-chat-sidebar .card-datatable.table-responsive .dataTables_wrapper > .row:last-child {
  min-height: 62px !important;
  padding: 12px 4px 8px !important;
  margin: 0 !important;
  overflow: visible !important;
  background: #ffffff !important;
}

body.no-chat-sidebar .dataTables_wrapper .dataTables_info,
body.no-chat-sidebar .dataTables_wrapper .dataTables_paginate {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 0 !important;
  margin: 0 !important;
}

/* Keep table controls in one compact line */
body.no-chat-sidebar .dataTables_wrapper > .row:first-child {
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}

body.no-chat-sidebar .dataTables_wrapper > .row:first-child > [class*="col-"] {
  width: auto !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
}

body.no-chat-sidebar .dataTables_wrapper > .row:first-child > [class*="col-"]:last-child {
  margin-left: auto !important;
}

body.no-chat-sidebar .dataTables_length,
body.no-chat-sidebar .dataTables_filter {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  white-space: nowrap;
}

body.no-chat-sidebar .dataTables_filter label,
body.no-chat-sidebar .dataTables_length label {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  margin: 0 !important;
  white-space: nowrap;
}

body.no-chat-sidebar .dataTables_filter input {
  width: 220px !important;
}

/* Force controls side-by-side with search at end */
body.no-chat-sidebar .dataTables_wrapper > .row:first-child {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  column-gap: 16px;
  width: 100%;
}

body.no-chat-sidebar .dataTables_wrapper > .row:first-child > [class*="col-"]:first-child {
  grid-column: 1;
}

body.no-chat-sidebar .dataTables_wrapper > .row:first-child > [class*="col-"]:last-child {
  grid-column: 3;
  justify-self: end;
  margin-left: 0 !important;
}

body.no-chat-sidebar .dataTables_wrapper > .row:first-child::after,
body.no-chat-sidebar .dataTables_wrapper > .row:first-child::before {
  display: none;
}

body.no-chat-sidebar .dataTables_filter {
  justify-content: flex-end !important;
}

/* Match controls layout: left entries, right search */
body.no-chat-sidebar .dataTables_wrapper > .row:first-child {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100%;
  min-height: 62px !important;
  padding: 10px 16px !important;
  margin: 0 0 10px !important;
  background: #ffffff;
}

body.no-chat-sidebar .dataTables_wrapper > .row:first-child > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
}

body.no-chat-sidebar .dataTables_wrapper > .row:first-child > [class*="col-"]:last-child {
  margin-left: auto !important;
}

body.no-chat-sidebar .dataTables_length label,
body.no-chat-sidebar .dataTables_filter label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px;
  margin: 0 !important;
}

body.no-chat-sidebar .dataTables_length select {
  width: 78px !important;
}

body.no-chat-sidebar .dataTables_filter input {
  width: 225px !important;
  height: 42px !important;
  margin-left: 8px !important;
}

/* Clean white body table with compact rows */
body.no-chat-sidebar .dataTables_scrollHead,
body.no-chat-sidebar .dataTables_scrollHead table,
body.no-chat-sidebar table.dataTable thead,
body.no-chat-sidebar table.table thead {
  background: #eaf2ff !important;
}

body.no-chat-sidebar .dataTables_scrollBody thead,
body.no-chat-sidebar .dataTables_scrollBody thead tr,
body.no-chat-sidebar .dataTables_scrollBody thead th {
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
  opacity: 0;
}

body.no-chat-sidebar .dataTables_scrollBody {
  background: #ffffff !important;
}

body.no-chat-sidebar .dataTables_scrollBody tbody tr,
body.no-chat-sidebar .dataTables_scrollBody tbody tr:nth-child(even),
body.no-chat-sidebar .dataTables_scrollBody tbody tr:nth-child(odd),
body.no-chat-sidebar .dataTables_scrollBody tbody td,
body.no-chat-sidebar table.dataTable tbody tr,
body.no-chat-sidebar table.dataTable tbody td {
  background: #ffffff !important;
}

body.no-chat-sidebar .dataTables_scrollBody tbody tr:hover td,
body.no-chat-sidebar table.dataTable tbody tr:hover td {
  background: #f7faff !important;
}

body.no-chat-sidebar table.dataTable th,
body.no-chat-sidebar table.dataTable td,
body.no-chat-sidebar table.table th,
body.no-chat-sidebar table.table td {
  border: 0 !important;
  border-bottom: 1px solid #eef2fb !important;
}

body.no-chat-sidebar table.dataTable thead th,
body.no-chat-sidebar table.table thead th {
  padding: 9px 12px !important;
}

body.no-chat-sidebar table.dataTable tbody td,
body.no-chat-sidebar table.table tbody td {
  padding: 6px 12px !important;
}

body.no-chat-sidebar table.dataTable td img,
body.no-chat-sidebar table.table td img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  object-fit: cover;
  background: #f2f6ff;
}

body.no-chat-sidebar table.dataTable .btn-outline-danger,
body.no-chat-sidebar table.table .btn-outline-danger,
body.no-chat-sidebar table.dataTable .badge-outline-danger,
body.no-chat-sidebar table.table .badge-outline-danger,
body.no-chat-sidebar #userDataTable .btn {
  border-radius: 8px !important;
}

body.no-chat-sidebar #userDataTable .btn-outline-danger,
body.no-chat-sidebar #userDataTable .btn-danger,
body.no-chat-sidebar #userDataTable .badge-danger,
body.no-chat-sidebar #userDataTable .badge-outline-danger {
  background: #fff1f2 !important;
  border: 1px solid #fecdd3 !important;
  color: #ff3b4f !important;
}

body.no-chat-sidebar #userDataTable td .btn,
body.no-chat-sidebar #userDataTable td .badge {
  border-radius: 8px !important;
}

/* Force tbody to stay white */
body.no-chat-sidebar table tbody,
body.no-chat-sidebar table tbody tr,
body.no-chat-sidebar table tbody tr:nth-child(odd),
body.no-chat-sidebar table tbody tr:nth-child(even),
body.no-chat-sidebar table tbody td,
body.no-chat-sidebar .table-striped > tbody > tr:nth-of-type(odd) > *,
body.no-chat-sidebar .table-striped > tbody > tr:nth-of-type(even) > *,
body.no-chat-sidebar #userDataTable tbody,
body.no-chat-sidebar #userDataTable tbody tr,
body.no-chat-sidebar #userDataTable tbody td {
  --bs-table-bg: #ffffff !important;
  --bs-table-striped-bg: #ffffff !important;
  --bs-table-accent-bg: #ffffff !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Reports pages blue admin polish */
body.no-chat-sidebar #downloadReportTable_wrapper,
body.no-chat-sidebar #loginReportTable_wrapper,
body.no-chat-sidebar #chatReportTable_wrapper {
  width: 100%;
}

body.no-chat-sidebar #downloadReportTable_wrapper .dataTables_scrollBody,
body.no-chat-sidebar #loginReportTable_wrapper .dataTables_scrollBody {
  max-height: calc(100vh - 430px) !important;
}

body.no-chat-sidebar #chatReportTable_wrapper .dataTables_scrollBody {
  max-height: calc(100vh - 470px) !important;
}

body.no-chat-sidebar .container-p-y > .d-flex.justify-content-between,
body.no-chat-sidebar .container-p-y > .d-flex.justify-content-between.align-items-center {
  min-height: 66px;
  margin-bottom: 14px !important;
  padding: 0 4px;
  align-items: center !important;
}

body.no-chat-sidebar .container-p-y > .d-flex h4 {
  margin: 0;
  color: #202b45;
  font-size: 24px;
  font-weight: 800;
}

body.no-chat-sidebar .container-p-y > .d-flex .btn-success {
  min-height: 44px;
  padding: 10px 18px;
  border: 0 !important;
  border-radius: 9px;
  background: #3f6cff !important;
  color: #ffffff !important;
  font-weight: 800;
  box-shadow: 0 10px 22px rgba(63, 108, 255, 0.22);
}

body.no-chat-sidebar .container-p-y > .d-flex .btn-success:hover {
  background: #2854e8 !important;
}

body.no-chat-sidebar .chat-report-table thead th,
body.no-chat-sidebar #downloadReportTable thead th,
body.no-chat-sidebar #loginReportTable thead th,
body.no-chat-sidebar #chatReportTable thead th {
  background: #eaf2ff !important;
  color: #22304d !important;
  border: 0 !important;
  border-bottom: 1px solid #dfe8ff !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.no-chat-sidebar .chat-report-table tbody,
body.no-chat-sidebar .chat-report-table tbody tr,
body.no-chat-sidebar .chat-report-table tbody td,
body.no-chat-sidebar #downloadReportTable tbody,
body.no-chat-sidebar #downloadReportTable tbody tr,
body.no-chat-sidebar #downloadReportTable tbody td,
body.no-chat-sidebar #loginReportTable tbody,
body.no-chat-sidebar #loginReportTable tbody tr,
body.no-chat-sidebar #loginReportTable tbody td,
body.no-chat-sidebar #chatReportTable tbody,
body.no-chat-sidebar #chatReportTable tbody tr,
body.no-chat-sidebar #chatReportTable tbody td {
  --bs-table-bg: #ffffff !important;
  --bs-table-striped-bg: #ffffff !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #eef2fb !important;
  color: #667085;
  padding: 8px 12px !important;
  font-size: 12px !important;
}

body.no-chat-sidebar .dataTables_empty {
  height: 120px;
  color: #98a2b3 !important;
  font-size: 13px !important;
  background: #ffffff !important;
}

body.no-chat-sidebar #downloadReportTable_wrapper .dataTables_paginate .paginate_button.current,
body.no-chat-sidebar #loginReportTable_wrapper .dataTables_paginate .paginate_button.current,
body.no-chat-sidebar #chatReportTable_wrapper .dataTables_paginate .paginate_button.current {
  background: #3f6cff !important;
  color: #ffffff !important;
  box-shadow: 0 8px 16px rgba(63, 108, 255, 0.2);
}

body.no-chat-sidebar #downloadReportTable_wrapper .dataTables_paginate .paginate_button:hover,
body.no-chat-sidebar #loginReportTable_wrapper .dataTables_paginate .paginate_button:hover,
body.no-chat-sidebar #chatReportTable_wrapper .dataTables_paginate .paginate_button:hover {
  background: #eef3ff !important;
  color: #3f6cff !important;
}

/* Remove outer table scroll: only tbody scrolls */
body.no-chat-sidebar .card,
body.no-chat-sidebar .card-body,
body.no-chat-sidebar .table-responsive,
body.no-chat-sidebar .card-datatable.table-responsive,
body.no-chat-sidebar .dataTables_wrapper,
body.no-chat-sidebar .dataTables_scroll {
  overflow: hidden !important;
}

body.no-chat-sidebar .dataTables_wrapper {
  height: 100% !important;
  display: flex !important;
  flex-direction: column;
}

body.no-chat-sidebar .dataTables_wrapper > .row:first-child,
body.no-chat-sidebar .dataTables_scrollHead,
body.no-chat-sidebar .dataTables_wrapper > .row:last-child {
  flex: 0 0 auto !important;
}

body.no-chat-sidebar .dataTables_scroll {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column;
}

body.no-chat-sidebar .dataTables_scrollBody {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow: auto !important;
}

body.no-chat-sidebar .dataTables_wrapper > .row:last-child {
  position: relative;
  z-index: 5;
  min-height: 54px !important;
  padding: 10px 4px 0 !important;
  background: #ffffff;
  border-top: 1px solid #e7edfb;
}

/* Always show DataTables pagination */
body.no-chat-sidebar .dataTables_wrapper > .row:last-child,
body.no-chat-sidebar .dataTables_info,
body.no-chat-sidebar .dataTables_paginate {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.no-chat-sidebar .dataTables_wrapper > .row:last-child {
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 66px !important;
  padding: 12px 8px !important;
  overflow: visible !important;
}

body.no-chat-sidebar .dataTables_wrapper > .row:last-child > [class*="col-"] {
  display: flex !important;
  align-items: center !important;
}

body.no-chat-sidebar .dataTables_wrapper > .row:last-child > [class*="col-"]:last-child {
  justify-content: flex-end !important;
}

body.no-chat-sidebar .dataTables_scrollBody {
  max-height: calc(100vh - 520px) !important;
}

/* Report table width alignment */
body.no-chat-sidebar #downloadReportTable_wrapper .dataTables_scroll,
body.no-chat-sidebar #loginReportTable_wrapper .dataTables_scroll,
body.no-chat-sidebar #chatReportTable_wrapper .dataTables_scroll,
body.no-chat-sidebar #downloadReportTable_wrapper .dataTables_scrollHead,
body.no-chat-sidebar #loginReportTable_wrapper .dataTables_scrollHead,
body.no-chat-sidebar #chatReportTable_wrapper .dataTables_scrollHead,
body.no-chat-sidebar #downloadReportTable_wrapper .dataTables_scrollBody,
body.no-chat-sidebar #loginReportTable_wrapper .dataTables_scrollBody,
body.no-chat-sidebar #chatReportTable_wrapper .dataTables_scrollBody {
  width: 100% !important;
}

body.no-chat-sidebar #downloadReportTable_wrapper .dataTables_scrollHeadInner,
body.no-chat-sidebar #loginReportTable_wrapper .dataTables_scrollHeadInner,
body.no-chat-sidebar #chatReportTable_wrapper .dataTables_scrollHeadInner {
  width: 100% !important;
}

body.no-chat-sidebar #downloadReportTable_wrapper table,
body.no-chat-sidebar #loginReportTable_wrapper table,
body.no-chat-sidebar #chatReportTable_wrapper table,
body.no-chat-sidebar #downloadReportTable,
body.no-chat-sidebar #loginReportTable,
body.no-chat-sidebar #chatReportTable {
  width: 100% !important;
  min-width: 100% !important;
}

body.no-chat-sidebar #downloadReportTable_wrapper .dataTables_scrollBody table,
body.no-chat-sidebar #loginReportTable_wrapper .dataTables_scrollBody table,
body.no-chat-sidebar #chatReportTable_wrapper .dataTables_scrollBody table {
  table-layout: auto;
}

/* Table row hover effect */
body.no-chat-sidebar table.dataTable tbody tr,
body.no-chat-sidebar table.table tbody tr {
  transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.no-chat-sidebar table.dataTable tbody tr:hover,
body.no-chat-sidebar table.table tbody tr:hover {
  background-color: #eef4ff !important;
  box-shadow: inset 4px 0 0 #3f6cff;
}

body.no-chat-sidebar table.dataTable tbody tr:hover td,
body.no-chat-sidebar table.table tbody tr:hover td {
  --bs-table-bg: #eef4ff !important;
  --bs-table-accent-bg: #eef4ff !important;
  background-color: #eef4ff !important;
  color: #22304d !important;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 254px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}