.widcalendar {
    background: #fbfbfb;
    border-radius: 16px;
    border-width: 1px;
    border-color: #d8d8d8;
    border-style: solid;
    padding: 25px 50px;

}
/*  CSS Agenda   */
#calendardatepicker .ui-widget.ui-widget-content {
    width: auto ;
    margin: 0 auto 20px auto;
}
#calendardatepicker .ui-datepicker .ui-datepicker-header {
    padding: 15px 0;
    background: #fff;
    border:none;
}
#calendardatepicker .ui-datepicker .ui-datepicker-prev,#calendardatepicker .ui-datepicker .ui-datepicker-next {
    top: 50% ;
    transform: translateY(-50%) ;
    color: #db5252 ;
    font-weight: 900;
}
#calendardatepicker .ui-datepicker-title {
    font-weight: 700;
    font-size: 20px ;
    color: #db5252 ;
    cursor: pointer;
}
#calendardatepicker .ui-widget.ui-widget-content {
    border: none;
    box-shadow: 0 2px 11px 0 rgba(219, 82, 82, 0.25);
}

#calendardatepicker .ui-datepicker th {
padding-top : 12px ;
padding-bottom : 12px ;
}
#calendardatepicker .ui-datepicker {
    padding-right : 0px ;
    padding-left: 0px ;
}
#calendardatepicker .ui-datepicker td {
    padding-top : 10px ;
    padding-bottom : 10px ;
}
#calendardatepicker .ui-state-hover {
    border :none ;
    background: #fff ;
}
#calendardatepicker .ui-state-hover .ui-icon, #calendardatepicker .ui-state-focus .ui-icon,#calendardatepicker .ui-button:hover .ui-icon,#calendardatepicker .ui-button:focus .ui-icon {
    background-image: url(../Icons/ui-icons_444444_256x240.png);
}
#calendardatepicker .ui-datepicker .ui-datepicker-next{
    right: 20px;
}
#calendardatepicker .ui-datepicker .ui-datepicker-prev {
    left: 20px;
}
/*  CSS date sous calendier + label nombre de billets  */
.widcalendar h3, .widcalendar h4 {
    text-align: center;
    color: #000;
}

.widcalendar h4 span {
    margin-right: 3px;
}


/*  CSS Agenda  fond  */
#calendardatepicker .ui-datepicker td , #calendardatepicker .ui-datepicker td  a{
    background: transparent;
    border: none;
    text-align: center;
}
/*  CSS Agenda  couleur  */
#calendardatepicker .ui-datepicker td a {
    color : #000 ;
}
/*  CSS pour les dates ou 1 billet */
.calendarOneAvalaible {
    background-color: #FDAE61 !important;
}
/*  CSS pour les dates ou pas de billets */
.calendarNonAvalaible {
    background-color: #db5252 !important;
}
/*  CSS pour les dates disposent des billets */
.calendarAvalaible {
    background-color: #A6D96A  !important;
}
/*  CSS  pour le bouton de reservation de carte */
.calendarNonAvalaible a, .calendarAvalaible a , .calendarOneAvalaible a {
    color: #fff !important;
}

.contentcard .reserver{
    width: 100%;
    text-align: center;
    margin: 25px 0;
}
.contentcard .reserver a {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
}

.createform .alert-success{
    background-color: transparent;
    list-style: none;
}


@media only screen and (max-width: 600px) {
    #calendardatepicker .ui-widget.ui-widget-content {
        width: auto ;
    }
    .widcalendar {
        padding-right :  25px;
        padding-left :  25px;
    }
}