/*
 * Stile per i datePicker
 */

/* porto gli elementi senza focus al livello 1 così avranno la priorità sugli altri elementi per essere cliccati */
.datepicker:not(:focus){
    z-index: 1;
}

/* per il posizionamento della freccia */
input[type="date"].datepicker{
    position: relative;
}
/* rimuovo la freccia nativa agli input date e la adatto a tutta la finestra, -webkit- only */
input[type="date"].datepicker::-webkit-calendar-picker-indicator{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
    z-index: 0;
}

/* porto avanti i pulsanti di cancella e incrementa/decrementa degli input date, -webkit- only */
input[type="date"].datepicker::-webkit-inner-spin-button,
input[type="date"].datepicker::-webkit-clear-button{
    z-index: 1;
}

/* aggiungo il simbolo del calendario agli input date */
input[type="date"].datepicker:after{
    font-family: "Font Awesome 5 Free", sans-serif;
    font-weight: 900;
    content: "\f073";
    color: #555;
    padding: 0 5px;
}