.menu-item.active > .menu-link:not(.menu-toggle) {
  background: #696cff !important;
  color: #fff !important;
}

.menu-item.active > .menu-link:not(.menu-toggle) i {
  color: #fff !important;
}

.menu-item.active > .menu-link:not(.menu-toggle) .menu-text {
  color: #fff !important;
} 



/* 라이트 모드의 호버 효과 (기본) */
table.dataTable tbody tr.odd:hover,
table.dataTable tbody tr.even:hover {
  background-color: #f8f8f8 !important;
  cursor: pointer !important;
}

/* 다크 모드의 호버 효과 - 모든 가능한 다크 모드 감지 방식에 대응 */
:root[data-bs-theme=dark] table.dataTable tbody tr.odd:hover,
:root[data-bs-theme=dark] table.dataTable tbody tr.even:hover,
html:where([data-bs-theme=dark]) table.dataTable tbody tr.odd:hover,
html:where([data-bs-theme=dark]) table.dataTable tbody tr.even:hover,
html.dark table.dataTable tbody tr.odd:hover,
html.dark table.dataTable tbody tr.even:hover,
body.dark-style table.dataTable tbody tr.odd:hover,
body.dark-style table.dataTable tbody tr.even:hover,
.dark-style table.dataTable tbody tr.odd:hover,
.dark-style table.dataTable tbody tr.even:hover,
html.dark-style table.dataTable tbody tr.odd:hover,
html.dark-style table.dataTable tbody tr.even:hover {
  background-color: #3B3B3B !important;
  cursor: pointer !important;
}



/* 표관련 스타일 */
.table-search {
  padding: 10px 0;
  margin-bottom: 20px;
}
.table-search input {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  max-width: 200px;
}
.sortable {
  cursor: pointer;
}
.sortable:after {
  content: '⇅';
  margin-left: 5px;
  opacity: 0.5;
}
.sortable.asc:after {
  content: '↑';
  opacity: 1;
}
.sortable.desc:after {
  content: '↓';
  opacity: 1;
}
.pagination {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 10px 0;
  font-size: 1.5rem;
}
.pagination li {
  margin: 0 3px;
}
.pagination li a {
  display: block;
  padding: 10px 14px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #5a8dee;
}
.pagination li.active a {
  background-color: #5a8dee;
  color: white;
  border-color: #5a8dee;
}
.pagination li a:hover {
  background-color: #f0f0f0;
}
.card-footer {
  background-color: transparent;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  /* padding: 1.5rem; */
}
.pagination-container {
  display: flex;
  justify-content: center;
}
.avatar-initial {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  font-size: 14px;
  font-weight: 500;
}
.rounded-1 {
  border-radius: 4px !important;
}