.nav-link.active {
    font-weight: bold;
}

.btn.btn-outline-primary.noresultsactive {
  background-color: var(--bs-primary-bg-subtle);
}
.btn.btn-outline-secondary {
  color: #a0a0a0; /* Lighter gray for text */
  border-color: #a0a0a0; /* Lighter gray for border */
}

		input[type="number"]::-webkit-inner-spin-button,
		input[type="number"]::-webkit-outer-spin-button 
		.table {
		font-size: 8px;
		}
		.box {
		display: inline-block;
		height: 10px;
		width: 10px;
		border: 0px;
		clear: both;
		}
		
		#orderForm input::-webkit-outer-spin-button,
		#orderForm input::-webkit-inner-spin-button {
		  -webkit-appearance: none;
		  margin: 0;
		}
		
		.orange {
		  background-color: #FF6600;
		}

		.green {
		  background-color: #1fb248;
		}

		.yellow {
		  background-color: yellow;
		}
		
		.input-xs {
  
		  padding: 2px 5px;
		  font-size: 12px;
		  line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
		  border-radius: 3px;
		}
		
		.btn-secondary.active {
            background-color: #0b5ed7;
        }
		.product-row, cursor {
		cursor: pointer;
		}
		.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
			background-color: #f0f8ff;
		}

		.sort-icon {
		  visibility: hidden;
		  transition: transform 1s ease, opacity 1s ease, fill 1s ease;
		  width: 12px;
		  height: 12px;
		  opacity: 0; /* Initially hidden */
		}

		  .no-wrap {
			white-space: nowrap;
		  }


		.sortable:hover .sort-icon,
		.sort-asc .sort-icon,
		.sort-desc .sort-icon {
		  visibility: visible;
		  opacity: 1; /* Fully visible */
		  margin-bottom: 5px;
		}

		.sort-asc .sort-icon {
		  transform: rotate(0deg);
		}

		.sort-desc .sort-icon {
		  transform: rotate(180deg);
		}

		.sortable:hover .sort-icon,
		.sort-asc .sort-icon,
		.sort-desc .sort-icon {
		  fill: #0d6efd; /* Bootstrap 5 primary color */
		}
		.full-link {
		  display: block;
		  width: 100%;
		  height: 100%;
		  text-decoration: none;
		  color: inherit;  /* or any color you'd like */
		  cursor: ns-resize;  /* Explicitly set the cursor */
		}
		.no-results {
			color: #cccccc;
		}
		.dropdown-menu a {
			text-decoration: none !important;
		}
		.dropdown-item.exclude-active {
			color: #cccccc;
			background-color: #ffffff;
		}
		@media (max-width: 768px) {
		  
		}
		.bold-active {
		  font-weight: bold;
		}

        .bank-logo-wrapper img {
            max-width: 100%;
            max-height: 100%;
        }
        .bank-logo-wrapper:hover {
            background-color: rgba(0, 0, 0, 0.1);
        }
        .bank-logo-wrapper.selected {
            background-color: rgba(240, 238, 251, 1);
        }