.icon-card:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.icon-card.selected {
  border: 2px solid #789b3e;
  box-shadow: 0 0 10px rgba(1, 77, 5, 0.5);
}

input[type="checkbox"] {
  vertical-align: middle;
  border: 2px solid #789b3e;
  box-shadow: 0 0 10px rgba(1, 77, 5, 0.5);
}

.form-check-input:checked[type="checkbox"] {
  background-color: #789b3e; /* e.g., #007bff for Bootstrap primary blue */
  border-color: #789b3e; /* Match the border color for consistency */
}

input[type="radio"] {
  vertical-align: middle;
  border: 2px solid #789b3e;
  box-shadow: 0 0 10px rgba(1, 77, 5, 0.5);
}

.form-check-input:checked[type="radio"] {
  background-color: #789b3e; /* e.g., #007bff for Bootstrap primary blue */
  border-color: #789b3e; /* Match the border color for consistency */
}

.span12.pagination-centered {
  margin: 20px auto;
  width: 175px;
}

.text-scgreen {
  color: #789b3e;
}

/* Style for the icon text */
.card-text {
  color: #556b2f;
  font-weight: bold;
  white-space: nowrap; /* Prevents text from wrapping */
}

@media only screen and (max-width: 600px) {
  .card-text {
    font-size: 2vw;
  }
}

@media only screen and (min-width: 600px) {
  .card-text {
    font-size: 2vw;
  }
}

@media only screen and (min-width: 768px) {
  .card-text {
    font-size: 1vw;
  }
}