/* Booked Appointments
------------------------------------------------------------------------------------ */
.make_appoinment_button {
    float: right;
    margin-top: 2.15em;
    padding: 1.1em 1.85em;
}

body .booked-calendar-wrap.small .booked-calendar .booked-appt-list {
	max-height: 100px!important;
	overflow-y: auto;
}

body div.booked-calendar-wrap.small .booked-appt-list {
	padding: 10px 15px;
}

body div.booked-calendar-wrap.small .booked-appt-list h2 {
	margin: 0 0 5px;
}

body div.booked-calendar-wrap.small .booked-calendar button{
	padding: 5px 12px 5px;
}

body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .spots-available{
	padding: 2px 0 4px;
}

body div.booked-calendar-wrap.small .booked-appt-list .timeslot{
	padding: 2px 0;
}

.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;
}

.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 div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.days .bc-col,
body table.booked-calendar tr.days th{
    font-size: 14px;
	 font-weight: 400;
}

.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,
body .booked_section div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-right i::before{
    content: '\e836';
    font-family:'fontello';
    font-size: 1.1em;
}

body .booked_section div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-left i::before,
.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;
}

body .booked-calendarSwitcher{
	margin-left: 0;
}

body .booked-calendarSwitcher > p{
	margin-bottom: 0;
}

body .booked-calendarSwitcher > p select{
		padding-top: 0;
		padding-bottom: 0;
}

body div.booked-calendar-wrap div.booked-calendar{
	border-radius: unset;
	box-shadow: none;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body{
	border: 1px solid #eee;
	box-sizing: border-box;
	border-top: unset;
}

body .booked-form .field input[type=text], 
body .booked-form .field input[type=password], 
body .booked-form .field input[type=tel], 
body .booked-form .field input[type=email], 
body .booked-form .field textarea,
body #booked-profile-page input[type=submit],
body #booked-profile-page button,
body .booked-list-view input[type=submit],
body .booked-list-view button,
body .booked-calendar input[type=submit],
body .booked-calendar button,
body .booked-modal input[type=submit],
body .booked-modal button {
	border-radius: 2em;
}

body div.booked-calendar .bc-col:hover .date,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date{
	color: #fff!important;
	border-color: #00A8EB;
	background: #00A8EB!important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date span{
	box-shadow: unset!important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active .date .number,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today.prev-date .date span,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date .date span{
	color: inherit!important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today:hover .date span,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today.active:hover .date span,
body div.booked-calendar .bc-col .date span,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active .date .number,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date .date span{
	background: transparent!important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .monthName a,
body .booked-appt-list .timeslot .spots-available{
	font-size: 12px;
}

body .booked-modal button.cancel,
body .booked-modal input[type=submit].button-primary,
body div.booked-calendar .booked-appt-list .timeslot .timeslot-people button{
	color: #fff;
	border-color: #00A8EB;
	background-color: #00A8EB;
}

body .booked-modal button.cancel:hover,
body .booked-modal input[type=submit].button-primary:hover,
body div.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover{
	color: #fff!important;
	border-color: #0071c3!important;
	background: #0071c3!important;
}

body .booked-appt-list .timeslot button[disabled] .spots-available{
	color: #888 !important;
}


body div.booked-calendar .booked-appt-list .timeslot .timeslot-people button[disabled]:hover {
	background-color: #f0f0f0 !important;
	color: #888 !important;
}