.service-name {
    font-size: var(--l-b-fontsize--m);
    font-family: var(--l-b-fontfamily);
    font-weight: 500;
    letter-spacing: .04em;
    color: #fff;
}

.calendar-container {
    display: flex;
    flex-direction: column;
}

    .calendar-container.fetching-availabilities .ui-datepicker-title:before {
        content: "\f021";
        font: normal normal normal 14px/1 FontAwesome;
        display: block;
        height: 16px;
        width: 16px;
        animation: fa-spin 2s infinite linear;
        opacity:0.2;
        margin-right:8px;
    }

    .calendar-container.fetching-availabilities .ui-datepicker-prev, .calendar-container.fetching-availabilities .ui-datepicker-next{
        display:none;
    }

    #date {
        flex: none;
        max-width: 500px;
    }

.extra-html {
    flex: auto;
    margin-bottom: 50px;
}

.instruction {
    display: block;
    font-size: var(--l-b-fontsize--l);
    font-family: var(--l-b-fontfamily);
    color: #fff;
    margin-bottom: 15px;
}

.validation-summary-errors ul li {
    font-size: large;
    list-style-type: none;
    padding: 10px;
    padding-left: 0;
}

.validation-summary-errors {
    background-color: red;
    color: white;
}