/* Booked Appointments
------------------------------------------------------------------------------------ */
body table.booked-calendar th .monthName a {
	color: rgba(255, 255, 255, 0.75);
}

body table.booked-calendar th .monthName a:hover {
	color: #ffffff;
}

body table.booked-calendar thead th .monthName {
	font-weight: 700;
}

body table.booked-calendar {
	border-style: solid !important;
	border-width: 5px !important;
	border-collapse: separate;
}

body table.booked-calendar th {
	padding: 1.9em 0;
	border-style: solid !important;
	border-width: 5px !important;
}

body .body_wrap table.booked-calendar tr.days th {
	padding: 1.3em 0 1em;
	border-style: solid !important;
	border-width: 5px !important;
	font-weight: 700;
}

body table.booked-calendar tr.days,
body table.booked-calendar tr.days th {
	background: #FFFFFF !important;
	color: #212121 !important;
	border-color: #ffffff !important;
}

body table.booked-calendar th {
	border-color: #ffffff !important;
}

body table.booked-calendar th .page-right,
body table.booked-calendar th .page-left {
	width: 25px;
	height: 30px;
	top: 50% !important;
	margin-top: -17px;
}

body table.booked-calendar th .page-right,
body table.booked-calendar th .page-right:hover {
	right: 20px;
}

body table.booked-calendar th .page-left,
body table.booked-calendar th .page-left:hover {
	left: 20px;
}

.booked-calendar .page-right i,
.booked-calendar .page-left i {
	display: none;
}

.booked-calendar .page-right:after {
	content: '\e903';
	font: 400 25px/30px 'fontello';
}

.booked-calendar .page-left:after {
	content: '\e904';
	font: 400 25px/30px 'fontello';
}

body table.booked-calendar tbody td {
	border: solid 5px #ffffff !important;
}

body table.booked-calendar td.next-month .date,
body table.booked-calendar td.next-month:hover .date,
body table.booked-calendar td.prev-month .date,
body table.booked-calendar td.prev-month:hover .date {
	color: #fdfdfd;
}

body table.booked-calendar td .date,
body table.booked-calendar td:hover .date,
body table.booked-calendar tr.week td.active .date,
body table.booked-calendar tr.week td.active:hover .date {
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

body .booked-modal {
	z-index: 10004 !important;
}

body .booked-modal .bm-window {
	max-width: 90%;
	max-height: 90% !important;
}

body table.booked-calendar tbody td.prev-date .date,
body table.booked-calendar tbody td.prev-date:hover .date,
body table.booked-calendar tbody td.prev-date .date .number,
body table.booked-calendar tbody td.prev-date:hover .date .number {
	background-color: #f3f5f8 !important;
	color: #555555 !important;
}

body .booked-calendar-shortcode-wrap table.booked-calendar td.prev-month,
body .booked-calendar-shortcode-wrap table.booked-calendar td.prev-month .date,
body .booked-calendar-shortcode-wrap table.booked-calendar td.prev-month .date span,
body .booked-calendar-shortcode-wrap table.booked-calendar td.prev-month:hover .date,
body .booked-calendar-shortcode-wrap table.booked-calendar td.prev-month:hover .date span,
body .booked-calendar-shortcode-wrap table.booked-calendar td.next-month,
body .booked-calendar-shortcode-wrap table.booked-calendar td.next-month .date,
body .booked-calendar-shortcode-wrap table.booked-calendar td.next-month .date span,
body .booked-calendar-shortcode-wrap table.booked-calendar td.next-month:hover .date,
body .booked-calendar-shortcode-wrap table.booked-calendar td.next-month:hover .date span {
	background-color: #fdfdfd !important;
	color: #fdfdfd !important;
}

body table.booked-calendar td .date .number {
	font-weight: 700;
}

body table.booked-calendar tbody td.today.prev-date .date span.number {
	color: #000 !important;
}

table.booked-calendar button[disabled]:not(.search_submit):not(.pswp__button):not(.mfp-close):not(.search_button):hover,
table.booked-calendar button[disabled]:not(.search_submit):not(.pswp__button):not(.mfp-close):not(.search_button),
body .body_wrap table.booked-calendar .booked-appt-list .timeslot .timeslot-people button[disabled]:hover,
body .body_wrap table.booked-calendar .booked-appt-list .timeslot .timeslot-people button[disabled],
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled],
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled]:hover{
	background-color: #eee !important;
	background-image: none !important;
	color: #aaa !important;
}