.sidebarnew ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebarnew ul li {
  position: relative;
}

.sidebarnew ul li a {
  display: block;
  padding: 14px 20px 14px 8px;
  color: #ede7f6; /* Light lavender */
  text-decoration: none;
  font-size: 13px;
  position: relative;
  transition: all 0.3s ease;
}

.sidebarnew ul li a:hover,
.sidebarnew ul li a.active {
  background-color: #9c27b0; /* Violet */
  color: #fff;
}

.sidebarnew ul li a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background-color: #d05ce3; /* Purple-pink highlight */
  opacity: 0;
  transition: opacity 0.3s;
}

.sidebarnew ul li a:hover::before,
.sidebarnew ul li a.active::before {
  opacity: 1;
}

/* Submenu container */
.sidebarnew ul li ul {
  display: none;
  flex-direction: column;
  background-color: #2a2433; /* Dark gray-purple */
  border-left: 5px solid #d05ce3;
  margin-left: 6px;
  padding: 4px 0;
  border-radius: 6px;
}

.sidebarnew ul li:hover > ul {
  display: flex;
}

/* Submenu items */
.sidebarnew ul li ul li a {
  padding: 10px 20px 10px 15px;
  font-size: 12px;
  color: #e0d7f5; /* Lavender white */
  border-left: 2px solid transparent;
  transition: all 0.3s ease;
}

.sidebarnew ul li ul li a:hover {
  background-color: #6d1b7b; /* Deep violet */
  color: #ffffff;
  border-left: 5px solid #d05ce3;
}
/* Dark mode menu container with compact spacing */
.menu-container1 {
  background-color: #1e1e2f;
 
  padding: 0px 1px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6);
}

/* All li background */
.menu-container1 .nav li {
  background-color: #383850;
  border-radius: 4px;
  margin: 2px 3px;
  transition: background-color 0.3s ease;
}

/* First level li slightly lighter */
.menu-container1 .nav > li {
  background-color: #13007d;
}

/* Hover effect for all */
.menu-container1 .nav li:hover {
  background-color: #6a6aaa;
}


.menu-container1 .nav > li:hover {
  background-color: #5a67d8; /* a nice bluish highlight on hover */
}

/* Main menu links */
.menu-container1 .nav > li > a {
  color: #ccc;
  text-decoration: none;
  font-weight: 600;
  padding: 8px 10px; /* less padding */
  display: block;
  border-radius: 5px;
  transition: color 0.25s ease;
  font-size: 14px; /* slightly smaller font */
  position: relative;
  z-index: 2;
}

.menu-container1 .nav > li > a:hover,
.menu-container1 .nav > li.test > a {
  color: #fff;
  text-shadow: 0 0 4px #3f51b5;
}

/* Dropdown submenu */
.menu-container1 .nav li ul {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #2a2a40;
  list-style: none;
  padding: 6px 0;
  min-width: 200px;
  border-radius: 0 0 8px 8px;
  display: none;
  z-index: 1000;
  box-shadow: 0 6px 15px rgba(63, 81, 181, 0.7);
}

/* Show submenu on hover */
.menu-container1 .nav li:hover > ul {
  display: block;
}

/* Submenu list items background */
.menu-container1 .nav li ul li {
  background-color: #22223b;  /* darker background for submenu */
 
  margin: 3px 8px;  /* spacing between submenu items */
  transition: background-color 0.3s ease;
}

/* Submenu item hover background */
.menu-container1 .nav li ul li:hover {
  background-color: #4a59d0;  /* lighter blue on hover */
}

/* Submenu links */
.menu-container1 .nav li ul li a {
  color: #ddd;
  padding: 10px 18px;
  display: block;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease;
  border-radius: 5px;
  font-size: 13px;
  position: relative;
  z-index: 2;
}

.menu-container1 .nav li ul li a:hover {
  color: #fff;
  text-shadow: 0 0 3px #4a59d0;
}

/* Search container styling */
.gridTwoLast.theme {
  margin-top: 0px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #ccc;
}

/* Search label */
.gridTwoLast.theme label {
  color: #aaa;
  font-weight: 600;
  font-size: 13px;
}

/* Search input */
.gridTwoLast.theme input[type="text"],
.gridTwoLast.theme input[type="search"] {
  border-radius: 5px;
  border: 1px solid #444;
  background-color: #becedacf;
  color: #eee;
  padding: 11px 10px;
  font-size: 13px;
  width: 130px;  /* smaller width */
  transition: border-color 0.3s ease;
}

.gridTwoLast.theme input[type="text"]:focus,
.gridTwoLast.theme input[type="search"]:focus {
  border-color: #3f51b5;
  outline: none;
}

/* Keep your existing search_bt_theme button with smaller size */
.gridTwoLast.theme .search_bt_theme {
  background-color: #3f51b5;
  color: white;
  border: none;
  cursor: pointer;
  padding: 6px 12px; /* smaller padding */
  font-weight: 600;
  font-size: 13px;
  border-radius: 1px;
  transition: background-color 0.3s ease;
}

.gridTwoLast.theme .search_bt_theme:hover {
  background-color: #2c3e9f;
}

/* Responsive tweak */
@media (max-width: 768px) {
  .menu-container1 .nav {
    flex-direction: column;
    gap: 10px;
  }

  .menu-container1 .nav li ul {
    position: static;
    box-shadow: none;
    border-radius: 0;
    padding-left: 12px;
  }
}

/* Table Header */
.summary th {
    background-color: #012a6c;  /* Darker navy */
    color: #ffffff;
    padding: 12px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 2px solid #ccc;
}

/* Table Cell */
.summary td {
    background-color: #fdfdfd;
    padding: 12px 10px;
    font-size: 13.5px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
}

/* Alternating Row */
.summary tr:nth-child(even) td {
    background-color: #f3f7fc;
}

/* Hover Effect */
.summary tr:hover td {
    background-color: #e8f0ff;
}

/* Error Label */
.label-Error {
    color: #d60000;
    font-weight: 600;
    font-size: 13px;
}

/* Repay Button */
.btn-warning {
    background-color: #f0ad4e;
    border: none;
    color: #111;
    padding: 6px 14px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 13px;
    transition: background-color 0.3s ease;
}

.btn-warning:hover {
    background-color: #ec971f;
    cursor: pointer;
}

/* Order # Link */
.btn-link {
    color: #0056b3;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

.btn-link:hover {
    text-decoration: underline;
    color: #003974;
}