/* Custom styles for Flatpickr year selection arrows */

/* Style for the numInputWrapper - container of the arrows */
.flatpickr-current-month .numInputWrapper span {
  background-color: white;
  opacity: 1;
  border-color: rgba(0, 0, 0, 0.15);
}

/* Style for the up arrow */
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: black;
}

/* Style for the down arrow */
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: black;
}

/* Make sure arrows are visible on hover */
.flatpickr-current-month .numInputWrapper:hover span {
  opacity: 1;
}