#scandit-barcode-picker {
  height: 150px;
  border: 5px solid #808080;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Adds subtle shadow */
}

.cmbBoxItem img {
  width: 50px;
  height: 50px;
}

.item-grid-cell img {
  width: 50px;
  height: 50px;
}

.current-selection {
  background-color: #f3f3f3;
  border: 1px solid #4582ec;
  padding: 15px;
}

.navbar-toggler {
  color: #ffffff;
  margin-left: auto;
}

/* Operation Selection Container */
.operation-selection {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 5px;
}

/* Operation Button Styles */
.operation-btn {
  text-decoration: none;
  background-color: #007bff; /* Primary color */
  color: white;
  border: none;
  padding: 5px 10px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.operation-btn:hover, .operation-btn:focus {
  background-color: #0056b3; /* Darker shade for hover/focus */
}

.operation-btn.disabled, .operation-btn:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}

/* Active Operation Button */
.operation-btn.active {
  background-color: #28a745; /* Success color */
  border-color: #28a745;
}

/* Styling for the operation heading */
.operation-heading {
  text-align: center;
  margin-bottom: 15px;
  color: #333;
  font-size: 24px;
}

.restockreq-item-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  border: 1px solid;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Adds subtle shadow */
}
.restockreq-item-container .item-content {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 5px;
  gap: 10px;
}
.restockreq-item-container .item-content img {
  width: 120px;
  height: 120px;
}