/* Booked Appointments
------------------------------------------------------------------------------------ */
.make_appoinment_button {
    float: right;
    margin-top: 2.15em;
    padding: 1.1em 1.85em;
    transition: margin-top .3s ease-out, margin-bottom .3s ease-out;
}

.top_panel_fixed .make_appoinment_button{
    margin-top: .6em;
    margin-bottom: .57em;
}

 body .slider_wrap table.booked-calendar thead tr:first-child th{
     height: 100px;
 }

body .slider_wrap table.booked-calendar thead th .monthName{
    text-transform: initial;
    font-size: 24px;
    line-height: 34px !important;
    font-weight: 700;
}

body table.booked-calendar tr.days th{
    border-right-color: rgba(255, 255, 255, .15) !important;
}

body table.booked-calendar tbody tr td,
table.booked-calendar tr:first-child td{
    border-right-color: #ffffff;
}

body table.booked-calendar tr.week:nth-child(2n) td .date{
    background-color: #f8fafc;
}

.booked-calendar .date{
    border-color: rgba(255, 255, 255, .15);
}

.slider_wrap .booked_slider_wrap,
.slider_wrap .booked-calendar,
.slider_wrap .booked-calendar-wrap{
    max-height: 500px !important;
}

.booked_section .booked-calendar-wrap {
    height: 500px !important;
    overflow-y: auto;
}

.slider_wrap .booked-calendar-shortcode-wrap{
    display: initial;

}

.slider_wrap .booked-calendar .date,
.slider_wrap .booked-calendar .date .number{
    font-size: 14px;
    text-align: center !important;
    line-height: 50px !important;
}

body table.booked-calendar tr.days th{
    font-size: 14px;
}

.slider_wrap table.booked-calendar tr.days{
    height: 50px;
}

.booked-calendar .date{
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.slider_wrap .booked-icon-arrow-right:before,
.booked_section .booked-icon-arrow-right:before{
    content: '\e836';
    font-family:'fontello';
    font-size: 1.1em;
}

.slider_wrap .booked-icon-arrow-left:before,
.booked_section .booked-icon-arrow-left:before{
    content: '\e837';
    font-family:'fontello';
    font-size: 1.1em;
}

body .booked_section .booked-calendar-wrap.small table.booked-calendar th .monthName {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: none;
}
body .booked_section .booked-calendar-wrap.small table.booked-calendar th .monthName a {
    top: 0;
    font-size: 0.65em;
}


body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden.timeslot-unavailable .timeslot-time .spots-available{
    display: none;
}