/* Styles for the custom check icon when the checkbox is checked */
.filter-checkboxes input.form-checkbox:checked+label::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M21.4178 5.15918C21.0389 4.78027 20.4246 4.78027 20.0457 5.15918L8.42205 16.7829L3.95411 12.315C3.57524 11.9361 2.96098 11.9361 2.58203 12.315C2.20312 12.6939 2.20312 13.3081 2.58203 13.687L7.73601 18.8409C8.11477 19.2198 8.72949 19.2196 9.10809 18.8409L21.4178 6.53126C21.7967 6.15239 21.7966 5.53809 21.4178 5.15918Z' fill='%2300563F'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  width: 22px;
  height: 22px;
  content: "";
}

/* Tooltips */
.tooltip-text {
  position: absolute;
  bottom: 150%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFF;
  color: #2D3936;
  padding: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
  z-index: 10;
  width: 240px;
  box-shadow: 0 2px 20px 2px rgba(32, 44, 41, 0.15);
}

/* Arrow */
.tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 8px;
  background: #FFF;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

/* Show tooltip on hover or focus */
.tooltip-wrapper:hover .tooltip-text,
.tooltip-wrapper:focus-within .tooltip-text,
.question-icon:focus+.tooltip-text {
  opacity: 1;
  pointer-events: auto;
}

.autocomplete-locator::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
}

.ajax-progress-fullscreen {
  display: none;
}

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

.spin-animation {
  animation: spin 1.5s linear infinite;
}