/* Dark mode styles */
body.dark-mode {
  background-color: #232333;
  color: white;
}

/* Navbar */
.dark-mode aside {
  /* background-color:#2b2c40 !important; */
  background-color: #2b2c40 !important;

  color: #cbcbe2 !important;
}


.dark-mode .navbar {
  background-color: #2b2c40 !important;
  color: #cbcbe2 !important;
  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.16);
}


/* Dark Mode Active Link Styling */
.dark-mode .menu-item.active > .menu-link {
  background-color: #2f3150 !important; /* Dark background for active links */
}

/* Sub-menu active link styling */
.dark-mode .menu-item.active > .menu-sub .menu-item.active > .menu-link {
  background-color: #2f3150 !important; /* Slightly darker background for active sub-links */
}



.dark-mode .navbar {
  background-color: #2b2c40 !important;
  color: #cbcbe2 !important;
  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.16);
}

.dark-mode .alert {
  background-color: #2b2c40 !important;

  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.16);
}


.dark-mode input,
.dark-mode input[type="text"],
.dark-mode textarea,
.dark-mode .input-group-text,
.dark-mode select {
  background-color: #2b2c40 !important;
  border-color: #444564 !important;
  color: #cbcbe2 !important;
}


.dark-mode input:-internal-autofill-selected,
.dark-mode textarea:-internal-autofill-selected,
.dark-mode select:-internal-autofill-selected {
  appearance: menulist-button;
  background-image: none !important;
  background-color: white !important;
  color: white !important;
}
.dark-mode hr {
  color: #242440 !important;
}

.dark-mode .layout-menu-toggle {
  background-color: #2b2c40 !important;
}

.dark-mode .dropdown-menu {
  background-color: #2b2c40 !important;
  color: #cbcbe2 !important;
  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.16);
}

.dark-mode .modal-content {
  background-color: #2b2c40 !important;
  color: #cbcbe2 !important;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.45);
}

.dark-mode .dropdown-divider {
  background-color: #2b2c40 !important;
  color: #cbcbe2 !important;
  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.16);
}

.dark-mode .btn-label-secondary {
  background-color: #8592a3 !important;
  color: #cbcbe2 !important;
}

.dark-mode .btn {
  color: #ffffff !important;
}

.dark-mode .btn-primary,
.dark-mode .nav-pills {
  box-shadow: none;
}

.dark-mode .tab-content {
  background-color: #2b2c40 !important;
  color: #cbcbe2 !important;
  /* box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.45); */
}

.dark-mode .col-sm-10 {
  background-color: #2b2c40 !important;
  color: #cbcbe2 !important;
}

/* footer */
.dark-mode footer {
  background-color: #232333 !important;
  color: #cbcbe2 !important;
}

/* main */
.dark-mode .card {
  background-color: #2b2c40 !important;
  color: #cbcbe2 !important;
  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.16);
}
/* 
.dark-mode .dark {
  background-color: red;
} */

.dark-mode table,
.dark-mode th,
.dark-mode td {
  border-color: #242440 !important;
}

.dark-mode tr {
  color: #a3a4cc;
}

.dark-mode th {
  color: #a3a4cc !important;
}
.dark-mode td {
  color: #a3a4cc;
}

.dark-mode td a {
  color: #179bd7 !important;
}

.dark-mode .paging_simple_numbers {
  background-color: #2b2c40 !important;
  color: #cbcbe2 !important;
  box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.16);
}

.dark-mode .timeline-point-wrapper {
  background-color: #2b2c40 !important;
  color: #cbcbe2 !important;
}

.dark-mode h6,
.dark-mode label,
.dark-mode h5,
.dark-mode h4,
.dark-mode h3,
.dark-mode h2,
.dark-mode h1 {
  color: #cbcbe2 !important;
}

.dark-mode small,
.dark-mode .app-brand-text {
  color: #179bd7 !important;
}


.dark-mode a {
  color: #a3a4cc !important;
}

/* datetime-local */

.dark-mode tbody tr:hover {
  background-color: rgb(70, 62, 117);
}

.dark-mode .badge .bg-label-Active {
  background-color: red;
}

/* Dark mode scrollbar styles */

.dark-mode::-webkit-scrollbar-track {
  background: #2b2b2b;
}

.dark-mode::-webkit-scrollbar-thumb {
  background: #444;
}

.dark-mode::-webkit-scrollbar-thumb:hover {
  background: #222;
}