.bootstrap-datetimepicker-widget.dropdown-menu {
    max-width: 550px;
    width: 100%;
    padding: 15px !important;
    border-radius: var(--border-radius-base);
}

.bootstrap-datetimepicker-widget table.table-condensed {
    width: 100%;
}

.timepicker .btn {
    width: 100% !important;
}

.datepicker-days th.prev,
.datepicker-days th.picker-switch,
.datepicker-days th.next {
    padding-bottom: 10px;
}

.datepicker-days th.dow {
    padding-bottom: 0 !important;
    padding: 5px 0 !important;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
}

th.picker-switch {
    text-align: center;
    text-transform: capitalize;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    border-radius: 0;
}

.timepicker {
    display: grid;
    align-items: center;
}

.timepicker .btn {
    width: 100% !important;
    background: #eee;
    border-radius: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.timepicker-picker table tr td {
    text-align: center;
}

.timepicker-picker table tr td span.timepicker-hour,
.timepicker-picker table tr td span.timepicker-minute {
    display: inline-block;
    text-align: center;
    padding: 5px 0;
    width: 100%;
    box-sizing: content-box;
}

.timepicker-picker span {
    font-size: 20px !important;
}

.timepicker p.title_heure {
    text-align: center;
    margin-bottom: 10px;
}

.timepicker-picker span {
    font-size: 20px !important;
    background: transparent !important;
    line-height: 25px !important;
    height: 25px !important;
}

.bootstrap-datetimepicker-widget table td {
    height: inherit !important;
    line-height: inherit !important;
    width: inherit !important;
}

span.timepicker-minute {
    padding-bottom: 35px;
    padding-top: 14px;
}

.datepicker-days td.day {
    background: #eee;
    border-radius: 0 !important;
    width: 14.2857143% !important;
    padding: 6px 0px;
    text-align: center;
}

.datepicker-days td.day.weekend {
    background: #ddd;
}

.custom-control {
    min-height: 2.4rem;
}

.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.timepicker-sbs.bottom {
    top: 44px !important;
}

.datepicker-days th.prev, .datepicker-days th.picker-switch, .datepicker-days th.next {
    padding-bottom: 0 !important;
    padding: 6px 0 !important;
}

.datepicker-days th.prev, .datepicker-days th.next {
    background: #eee;
    border-radius: 8px;
    cursor: pointer;
}

.datepicker-days th.prev span, .datepicker-days th.next span {
    text-align: center;
    display: block;
}