body {
  display: flex;
  margin: 0;
  font-family: Arial, sans-serif;
}

#firstCard h3 {
  margin-bottom: 0px;
}

.sidebar {
  position: fixed;
  width: 240px;
  height: 100vh;
  background: #222831;
  color: #fff;
  transition: width 0.3s ease;
  overflow: hidden;
  overflow-y: auto;
}

/* Active sidebar card */
/* .sidebar .card.active,
.sidebar .card.active:hover {
  background-color: #dfd0b8;
} */

.sidebar .card.active a {
  background-color: #dfd0b8;
  border-radius: 5px;
}

/* .sidebar a {
  color: #fff;
  display: block;
  padding: 12px 20px;
  text-decoration: none;
  transition: background 0.2s;
} */

.sidebar a {
  display: block;
  width: 100%;
}

.sidebar .card {
  background-color: #2f3640;
  border: none;
  transition: background 0.2s;
}

.sidebar .card:hover {
  background-color: #dfd0b8;
}

.sidebar a:hover {
  background: #dfd0b8;
  border-radius: 5px;
}

/* Hover for main menu items */
.hoverable:hover {
  background: #dfd0b8;
  border-radius: 5px;
}

/* Optional: Submenu spacing or style */
.submenu a {
  padding-left: 30px; /* Indent for submenu */
}

.sidebar-header {
  background: #212529;
}

.toggle-btn {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
}

.sidebar.collapsed {
  width: 60px;
}

.sidebar.collapsed ~ .content {
  margin-left: 60px;
}

.sidebar.collapsed .card,
.sidebar.collapsed h5,
.sidebar.collapsed h6,
.sidebar.collapsed hr,
.sidebar.collapsed a {
  display: none;
}

.sidebar.collapsed .toggle-btn {
  transform: rotate(180deg);
}

.content {
  margin-left: 240px;
  flex: 1;
  padding: 20px;
  transition: margin-left 0.3s ease;
}

table thead {
  background: #34495e;
}

/* Datatables Info, Filter, and Length Label */
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
  color: #fff;
}

/* Datatables Search Box and Length Select */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  background-color: #495057;
  border: none;
  color: #fff;
}

/* Datatables Pagination Buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #fff !important;
}

/* Active Pagination Button */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #0d6efd;
  color: #fff !important;
}

/* Disable Hover Blue Background */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #495057;
  color: #fff !important;
}

.nav-tabs .nav-link {
  text-decoration: none !important; /* Remove underline */
  color: #ffff; /* Change font color (Bootstrap primary blue) */
}

.nav-tabs .nav-link:hover {
  color: #dfdfdf;
  text-decoration: none;
}