@define-mixin boxShadow $amtLeft: -5px, $amtRight: 5px ,$color:--udem-bleu-pale {
    -webkit-box-shadow: $(amtLeft) 0 0 var($(color)), $(amtRight) 0 0 var($(color));
    box-shadow: $(amtLeft) 0 0 var($(color)), $(amtRight) 0 0 var($(color));
}

    #tx-udem-solr {
        .flatpickr-day {
            color: var(--udem-bleu-fonce);

            &.inRange,
            &.prevMonthDay.inRange,
            &.nextMonthDay.inRange,
            &.today.inRange,
            &.prevMonthDay.today.inRange,
            &.nextMonthDay.today.inRange,
            &:hover,
            &.prevMonthDay:hover,
            &.nextMonthDay:hover,
            &:focus,
            &.prevMonthDay:focus,
            &.nextMonthDay:focus {
                background: var(--udem-bleu-pale);
                border-color: var(--udem-bleu-pale);
                @mixin boxShadow;
            }

            &.flatpickr-disabled,
            &.flatpickr-disabled:hover,
            &.prevMonthDay,
            &.nextMonthDay,
            &.notAllowed,
            &.notAllowed.prevMonthDay,
            &.notAllowed.nextMonthDay {
                color: var(--udem-gris-fonce);
                @mixin boxShadow 0px, 0px;
            }

            &:hover:not(.inRange),
            &:focus:not(.inRange){
                @mixin boxShadow 0px, 0px;
            }

            &.selected,
            &.startRange,
            &.endRange,
            &.selected.inRange,
            &.startRange.inRange,
            &.endRange.inRange,
            &.selected:focus,
            &.startRange:focus,
            &.endRange:focus,
            &.selected:hover,
            &.startRange:hover,
            &.endRange:hover,
            &.selected.prevMonthDay,
            &.startRange.prevMonthDay,
            &.endRange.prevMonthDay,
            &.selected.nextMonthDay,
            &.startRange.nextMonthDay,
            &.endRange.nextMonthDay {
                background: var(--udem-bleu-principal);
                color: var(--udem-blanc);
                border-color: var(--udem-bleu-principal);
                @mixin boxShadow 0px, 0px;
            }

            &.today {
                border-color: var(--udem-bleu-fonce);
                background: var(--udem-blanc);
                color: var(--udem-bleu-fonce);

                &:hover {
                    background: var(--udem-bleu-fonce);
                    color: var(--udem-blanc);

                    @mixin boxShadow 0px, 0px;
                }
            }

            &.today {
                &.today.inRange,
                &.startRange,
                &.endRange,
                &:hover,
                &:focus{
                    background: var(--udem-bleu-fonce);
                    color: var(--udem-blanc);
                    border-color: var(--udem-bleu-fonce);
                }
            }

        }

        .flatpickr-months {
            color: currentcolor;

            .flatpickr-month {
                color: currentcolor;
                fill: currentcolor;
            }

            .flatpickr-prev-month,
            .flatpickr-next-month {
                &, &:hover {
                    svg {
                        fill: var(--udem-bleu-fonce);
                    }
                }
            }
        }

        .flatpickr-weekday {
            color: var(--udem-bleu-fonce);
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
        .numInputWrapper:hover {
            background: var(--udem-bleu-pale)
        }
    }