.calendar{
            max-width: 100%;
        }
        .calendario table {
            border-collapse: collapse;
            width: 100%;
        }

        .calendario th {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: center;
            width: 45px;
            height: 45px;
            background-color: #f2f2f2;

        }
        .calendario td {
            text-align: center;
border: 2px solid #FFF;
        }
        .calendario .day {
            width: 100%;
            height: 45px;
            text-align: center;
            font-size: 1.0rem;
            padding: 8px;
            padding-top: 11px;
        }


        .calendario .day:hover {
            width: 100%;
            height: 45px;
        }

        .calendario td:not(:empty) {
            cursor: pointer;
        }

        

        .calendar-header {
            text-align: center;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding: .5rem 0rem ;
            
        }
        .calendar-header .meseAnno{
            font-size: 1.0rem;
            text-transform: uppercase;
    font-weight: 600;

color: #000;
        }
        .calendar-header .navigation-btn{
            cursor: pointer;
            font-size: 2.0rem;
            border: 1px solid #ddd;
            padding: .5rem 1rem;
            padding-top: .1rem;

        }
        .navigation-btn {
            cursor: pointer;
        }

        
        .freeday{
            background-color: rgb(95, 135, 95); color: #FFF;}
        .diverso{
            background-color: rgb(255, 221, 85); color: #000;
        }
        .selected-single,
        .selected-range {
            background-color: rgb(144, 186, 238);
            font-weight: 600;
            color: #FFF;
        }

        .non-cliccabile{
            background-color: lightcoral;
        }
        .day-passed {
            background-color: rgb(168, 168, 168);
            color: rgb(255, 241, 241);
        }   

        .calendar-footer{
            display: none;
            width: 100%;
            padding: 1.5rem 0rem;
        }
        .calendar-footer label{
                display: block;
    cursor: pointer;
        font-size: 1rem;
        line-height: 2rem;
        }


.calendar-caption{
    padding: 1.5rem 0rem;
    display: flex;
    gap:1rem;
    flex-wrap: wrap;
}
.calendar-caption-title{
    width: 100%;
}
.calendar-caption b{
    font-size: 1rem;
    font-weight: 600;
}
.calendar-caption .calendar-caption-item{
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: nowrap;
line-height: .2rem;
}

.calendar-caption  .calendar-caption-item .point{
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 2px;
    border-radius: 50%;
}