.flatpickr-calendar{
    box-shadow: var(--card-shadow);
    border: 1px solid var(--input-border-color);
    width: auto;
    background-color: var(--card-background);
}

.flatpickr-calendar.open {
    z-index: 1036;
}

    .flatpickr-calendar.arrowTop:before  {
        border-bottom-color: var(--input-border-color);
    }
    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: var(--card-background);
    }
    .flatpickr-calendar.arrowBottom:before {
        border-top-color: var(--input-border-color);
    }
    .flatpickr-calendar.arrowBottom:after {
        border-top-color: var(--card-background);
    }

.flatpickr-months {
    height: 36px;
}
    .flatpickr-months .flatpickr-month {
        color: var(--gray-soft);
        fill: var(--gray-soft);
    }

    .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
        padding: 9px 10px 10px 10px;
        color: var(--gray-600);
    }
    .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover{
        color: var(--body-color);
    }

.flatpickr-current-month .flatpickr-monthDropdown-months{
    background: var(--card-background);
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover, .numInputWrapper:hover {
    background: var(--table-hover-background)
}
.numInputWrapper span{
    border-color: transparent;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: var(--gray-600);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: var(--gray-600);
}
.flatpickr-current-month .numInputWrapper span.arrowUp:hover:after {
    border-bottom-color: var(--body-color);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:hover:after {
    border-top-color: var(--body-color);
}

span.flatpickr-weekday{
    color: var(--gray-soft);
}

.flatpickr-day{
    color: var(--body-color);
    font-size:95%;
    margin: 2px;
    max-width: 37px;
    height: 37px;
    line-height: 37px;
}
    .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay{
        color: var(--gray-600);
    }

    .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
        background: var(--primary);
        border-color: var(--primary);
    }

    .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {       
        background: var(--gray-600);
        border-color: var(--gray-600);
        color: white;
    }

    .flatpickr-day.today:hover, .flatpickr-day.today:focus {
        background: var(--gray-600);
        border-color: var(--gray-600);
    }
    .flatpickr-day.today {
        border-color: var(--gray-600);
    }



.flatpickr-calendar.hasTime .flatpickr-time {
    border-top-color: var(--input-border-color);
}
.flatpickr-time input{
    color: var(--body-color);
}
    .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
        background-color: var(--table-hover-background);
    }

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: var(--gray-600);
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: var(--gray-600);
}

.flatpickr-time .numInputWrapper span.arrowUp:hover:after {
    border-bottom-color: var(--body-color);
}

.flatpickr-time .numInputWrapper span.arrowDown:hover:after {
    border-top-color: var(--body-color);
}

/* Gestione bordi arrotondati */
.flatpickr-input + .form-control {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
}
.flatpickr-input + .form-control-lg {
    border-top-left-radius: var(--border-radius-lg) !important;
    border-bottom-left-radius: var(--border-radius-lg) !important;
}
.flatpickr-input + .form-control-sm {
    border-top-left-radius: var(--border-radius-sm) !important;
    border-bottom-left-radius: var(--border-radius-sm) !important;
}

.input-group-prepend ~ .flatpickr-input + .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group-prepend + .flatpickr-wrapper .form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group-append ~ .flatpickr-wrapper .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group .flatpickr-wrapper .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group>.flatpickr-wrapper:last-child .form-control {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
}
.input-group>.flatpickr-wrapper:last-child .form-control-lg {
    border-top-right-radius: var(--border-radius-lg) !important;
    border-bottom-right-radius: var(--border-radius-lg) !important;
}
.input-group>.flatpickr-wrapper:last-child .form-control-sm {
    border-top-right-radius: var(--border-radius-sm) !important;
    border-bottom-right-radius: var(--border-radius-sm) !important;
}

.input-group .flatpickr-wrapper{
    flex: 1 1 0%;
}