.hidden {
  display: none;
}

#package-index {
  border: 1px solid #41475e;
}

#sender-dropdown, #receiver-dropdown {
  position: absolute;
  background-color: #5A5D62;
  border: 1px solid #363e52;
  max-height: 200px;
  overflow-y: auto;
  display: none; /* Hidden by default */
  width: 100%;
  z-index: 1000;  
  border-radius: 10px;
}

/* Styling for individual dropdown items */
#sender-dropdown .dropdown-item , #receiver-dropdown .dropdown-item{
  padding: 10px;
  cursor: pointer;
  color: white !important;
}

.dropdown-item:hover {
  background-color: #f0f0f0;
}

/* Styles for the loading overlay */
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(26, 35, 58, 1);
  /* background: rgba(255, 255, 255, 1); */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  /* display: none;  */
}

/* Loading spinner styles */
.spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-overlay p {
  font-size: 18px;
  margin-top: 10px;
  color: #333;
}

.toast-error{
  background-color: red;
}

.toast-info{
  background-color: blue;
}

.expandable-row {
  cursor: pointer;
}

.details-content {
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
}

.theme-primary .btn-link {
  color: #0F5EF7 !important;
}

.btn-secondary {
  background-color: #6c757d !important;
}

input[disabled], input[readonly],
textarea[disabled], textarea[readonly],
select[disabled] {
  background-color: #364655 !important; /* Light gray background */
  color: #a0a0a0; /* Gray text color */
  border: 1px solid #ccc; /* Optional: light border */
  cursor: not-allowed; /* Optional: change cursor */
}

input::placeholder,
textarea::placeholder {
  color: #739ae1 !important; /* Change to your desired color */
  opacity: 0.9 !important; /* Ensure the color is not too transparent */
}

.form-control:focus{
  background-color: #303b68 !important;
  border-color: #80bdff !important;
  color: #fff !important;
}