/* Styles definition here */

#fbuilder .ui-datepicker-inline{max-width:none !important}

/* couleur bulle de selection de date */
.ahb_m2 #fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default.ui-state-active {
    color: #FFF;
    background: #4caf50;
}

.ahb_m2 #fbuilder .ui-datepicker-unselectable .ui-state-default {
    color: #dddddd;
}

/* contour d'heure */
.ahb_m2 #fbuilder .slots div.htmlUsed a {
    border: 3px solid #f44336;
}

.ahb_m2 #fbuilder .slots div a {
    width: 100%;
    border-radius: 100px;
    background: #f8f8f8;
    color: #000;
    border: 3px solid #4caf50;
    text-decoration: none;
    padding: 8px 12px;
}

/* date dispo */
.ahb_m2 #fbuilder td a, .ahb_m2 #fbuilder td span {
    border-radius: 50%;
    max-width: 50px !important;
    max-height: 50px !important;
    width: 90%;
    padding-top: min(12px, 10%) !important;
    padding-bottom: min(38px, 90%) !important;
    vertical-align: middle !important;
    margin-top: 2px;
    text-shadow: none;
    font-weight: 600;
    color: #4caf50;
}

body {
    text-align: center;
}