@-webkit-keyframes booked-flyin {
	0%{
		opacity: 0;
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}

	100%{
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}

@keyframes booked-flyin {
	0%{
		opacity: 0;
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}

	100%{
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}

@-webkit-keyframes booked-popflyin {
	0%{
		opacity: 0;
		-webkit-transform: scale(0.95);
		        transform: scale(0.95);
	}

	50%{
		opacity: 1;
		-webkit-transform: scale(1.01);
		        transform: scale(1.01);
	}

	100%{
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}

@keyframes booked-popflyin {
	0%{
		opacity: 0;
		-webkit-transform: scale(0.95);
		        transform: scale(0.95);
	}

	50%{
		opacity: 1;
		-webkit-transform: scale(1.01);
		        transform: scale(1.01);
	}

	100%{
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}

@-webkit-keyframes booked-flyout {
	0%{
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}

	100%{
		opacity: 0;
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}
}

@keyframes booked-flyout {
	0%{
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}

	100%{
		opacity: 0;
		-webkit-transform: scale(0.9);
		        transform: scale(0.9);
	}
}

@-webkit-keyframes booked-popdown {
	0%{
		opacity: 0;
		-webkit-transform: translateY(-5px);
		        transform: translateY(-5px);
	}

	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

@keyframes booked-popdown {
	0%{
		opacity: 0;
		-webkit-transform: translateY(-5px);
		        transform: translateY(-5px);
	}

	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

@-webkit-keyframes booked-fadein {
	0%{
		opacity: 0;
	}

	100%{
		opacity: 1;
	}
}

@keyframes booked-fadein {
	0%{
		opacity: 0;
	}

	100%{
		opacity: 1;
	}
}

@-webkit-keyframes booked-fadeout {
	0%{
		opacity: 1;
	}

	100%{
		opacity: 9;
	}
}

@keyframes booked-fadeout {
	0%{
		opacity: 1;
	}

	100%{
		opacity: 9;
	}
}

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{
	-webkit-appearance: none;
	height: auto;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .48em;
	line-height: 1;
	border-radius: 50px;
	display: inline-block;
	padding: 21px 34px 21px;
	background: #eee;
	color: #333;
	text-shadow: none;
	box-shadow: none;
	border: 2px solid #ccc;
	transition: all .15s ease-in-out;
}

body #booked-profile-page input[type=submit]:hover,
body #booked-profile-page button:hover,
body .booked-list-view input[type=submit]:hover,
body .booked-list-view button:hover,
body .booked-calendar input[type=submit]:hover,
body .booked-calendar button:hover,
body .booked-modal input[type=submit]:hover,
body .booked-modal button:hover{
	background: rgba(0, 0, 0, 0) !important;
	color: #000;
	height: auto;
	text-shadow: none;
	box-shadow: none;
	border: 2px solid #ccc;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover,
body #booked-profile-page input[type=submit].button-primary:hover,
body .booked-list-view button.button:hover,
body .booked-list-view input[type=submit].button-primary:hover,
body div.booked-calendar input[type=submit].button-primary:hover,
body .booked-modal input[type=submit].button-primary:hover,
body div.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover,
body #booked-profile-page .booked-profile-header,
body #booked-profile-page .booked-tabs li.active a,
body #booked-profile-page .booked-tabs li.active a:hover,
body #booked-profile-page .appt-block .google-cal-button > a:hover,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header{
	background: rgba(0, 0, 0, 0) !important;
	color: #000 !important;
	border-width: 2px !important;
}

body #booked-profile-page input[type=submit].bb-small,
body #booked-profile-page button.bb-small,
body .booked-list-view input[type=submit].bb-small,
body .booked-list-view button.bb-small,
body .booked-calendar input[type=submit].bb-small,
body .booked-calendar button.bb-small,
body .booked-modal input[type=submit].bb-small,
body .booked-modal button.bb-small{
	line-height: 24px;
	padding: 0 8px;
	cursor: pointer;
}

body #booked-profile-page input[type=submit].button-primary,
body #booked-profile-page button.button-primary,
body .booked-list-view input[type=submit].button-primary,
body .booked-list-view button.button-primary,
body .booked-calendar input[type=submit].button-primary,
body .booked-calendar button.button-primary,
body .booked-modal input[type=submit].button-primary,
body .booked-modal button.button-primary{
	-webkit-appearance: none;
	height: auto;
	color: #fff;
	border-width: 2px;
	border-style: solid;
}

body #booked-profile-page input[type=submit].button-primary:hover,
body #booked-profile-page button.button-primary:hover,
body .booked-list-view input[type=submit].button-primary:hover,
body .booked-list-view button.button-primary:hover,
body .booked-calendar input[type=submit].button-primary:hover,
body .booked-calendar button.button-primary:hover,
body .booked-modal input[type=submit].button-primary:hover,
body .booked-modal button.button-primary:hover{
	color: #fff;
	height: auto;
	border: 1px solid;
}

body #booked-profile-page input[type=submit].cancel,
body #booked-profile-page button.cancel,
body .booked-list-view input[type=submit].cancel,
body .booked-list-view button.cancel,
body .booked-calendar input[type=submit].cancel,
body .booked-calendar button.cancel,
body .booked-modal input[type=submit].cancel,
body .booked-modal button.cancel{
	background: #000 !important;
	border-color: #000 !important;
	color: #fff !important;
}

body #booked-profile-page input[type=submit].cancel:hover,
body #booked-profile-page button.cancel:hover,
body .booked-list-view input[type=submit].cancel:hover,
body .booked-list-view button.cancel:hover,
body .booked-calendar input[type=submit].cancel:hover,
body .booked-calendar button.cancel:hover,
body .booked-modal input[type=submit].cancel:hover,
body .booked-modal button.cancel:hover{
	background: rgba(0, 0, 0, 0) !important;
	color: #000 !important;
}

body .booked-calendar-wrap{
	margin: 0 0 30px;
}

body .widget_booked_calendar .booked-calendar-wrap{
	margin: 0;
}

body .calendarSavingState{
	font-size: 17px;
	display: none;
}

body #wp-admin-bar-booked .ab-icon:before{
	content: "";
	top: 1px;
}

body.booked-noScroll{
	width: 100%;
	overflow: hidden;
	position: relative;
}

body div.booked-calendar-wrap div.booked-calendar{
	border-radius: 0;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	background: #f1f1f1;
	border-spacing: 0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .075);
	width: 100%;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head{
	color: #fff;
	text-transform: capitalize;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row{
	display: flex;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col{
	font-weight: 400;
	position: relative;
	width: 14.285%;
	border-width: 1px;
	border-style: solid;
	line-height: 1;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .monthName{
	letter-spacing: 0;
	font-size: 2.5rem;
	line-height: 3.5rem;
	height: 3.5rem;
	display: inline-block;
	font-style: normal;
	font-weight: 800;
}

@media (max-width: 767px) {
	body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .monthName{
		font-size: 1.3rem;
		line-height: 2.5rem;
		height: 2.5rem;
	}
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .monthName a{
	font-size: .8rem;
	position: relative;
	top: -0.05rem;
	padding-left: 8px;
	text-decoration: none;
	text-transform: none;
	color: #fff;
	color: rgba(255, 255, 255, .5);
}

@media (max-width: 767px) {
	body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .monthName a{
		display: none;
	}
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .monthName a:hover{
	color: rgba(255, 255, 255, .75);
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-right,
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-left{
	color: #fff !important;
	position: absolute;
	font-size: 1.3rem;
	top: 50%;
	margin-top: -0.65rem;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-left{
	left: 20px;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-left:hover{
	left: 19px;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-right{
	right: 20px;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .page-right:hover{
	right: 19px;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.days{
	color: #fff;
	text-transform: uppercase;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.days .bc-col{
	font-weight: 600;
	text-align: center;
	padding: 9px 0 10px;
	font-size: 11px;
	letter-spacing: .03rem;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top{
	height: auto;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col{
	padding: 1.25rem 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--colorMain2) !important;
	border-color: var(--colorMain2) !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row{
	display: flex;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col{
	width: 100%;
	max-height: 99px;
	font-weight: 400;
	text-align: center;
	overflow: hidden;
	position: relative;
	font-size: 20px;
	color: #333;
	padding: 0 !important;
	margin: 0 !important;
	border-right: 1px solid #35444d;
	border-bottom: 1px solid #35444d;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col:first-child{
	border-left: 1px solid #35444d;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col:last-child{
	border-right: 1px solid #35444d;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col ::before{
	content: "";
	float: left;
	padding-top: 100%;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date{
	position: relative;
	background: #031521;
	color: var(--colorMain);
	display: block;
	width: 100%;
	height: 100%;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date .number{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	display: inline-block;
	border-radius: 30px;
	width: 40px;
	height: 40px;
	line-height: 40px !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col:hover .date{
	cursor: pointer;
	background: var(--colorMain);
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a, 
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover, 
body #booked-profile-page input[type=submit].button-primary, 
body div.booked-calendar input[type=submit].button-primary, 
body .booked-list-view button.button, 
body .booked-list-view input[type=submit].button-primary, 
body .booked-list-view button.button, 
body .booked-list-view input[type=submit].button-primary, 
body .booked-modal input[type=submit].button-primary, 
body div.booked-calendar .booked-appt-list .timeslot .timeslot-people button, 
body #booked-profile-page .booked-profile-appt-list .appt-block.approved .status-block, 
body #booked-profile-page .appt-block .google-cal-button > a, 
body .booked-modal p.booked-title-bar, 
body div.booked-calendar .bc-col:hover .date span, 
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active, 
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover, 
.booked-ms-modal .booked-book-appt, 
body #booked-profile-page .booked-tabs li a .counter {
	background: var(--colorMain) !important;
}

body #booked-profile-page input[type=submit].button-primary, body div.booked-calendar input[type=submit].button-primary, body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary, body .booked-list-view button.button, body .booked-list-view input[type=submit].button-primary, body .booked-modal input[type=submit].button-primary, body #booked-profile-page .appt-block .google-cal-button > a, body div.booked-calendar .booked-appt-list .timeslot .timeslot-people button, body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active, body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover {
	border-color: var(--colorMain) !important;
}

body #booked-profile-page input[type=submit].button-primary:hover, body div.booked-calendar input[type=submit].button-primary:hover, body .booked-list-view button.button:hover, body .booked-list-view input[type=submit].button-primary:hover, body .booked-modal input[type=submit].button-primary:hover, body div.booked-calendar .bc-head .bc-col, body div.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover, body #booked-profile-page .booked-profile-header, body #booked-profile-page .appt-block .google-cal-button > a:hover {
	border-color: var(--colorMain) !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col:hover .date span{
	color: #fff;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date .date,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date .date span,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:hover .date,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-date:hover .date span,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.blur .date,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.blur .date span,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.blur:hover .date,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.blur:hover .date span{
	cursor: not-allowed;
	background: #031521 !important;
	color: #6c7880 !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.booked .date,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.booked .date span,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .booked:hover .date,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .booked:hover .date span{
	cursor: not-allowed;
	background: #fff9f8 !important;
	color: #ffa790 !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.next-month .date,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-month .date{
	background: #031521;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.next-month .date span,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-month .date span{
	color: var(--colorMain);
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.next-month:hover .date,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-month:hover .date{
	background: var(--colorMain);
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.next-month:hover .date span,
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.prev-month:hover .date span{
	color: #fff;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active{
	background: #000;
	border-bottom-color: #000;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active .date{
	background: #000;
	color: #555;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active .date .number{
	border: none;
	background: #000;
	color: #fff;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active:hover .date{
	background: #000;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.active:hover .date span{
	background: #000 !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date{
	color: #000;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date{
	background: var(--colorMain) !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date span{
	box-shadow: none;
	background: var(--colorMain) !important;
	color: #fff !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today.prev-date .date span{
	color: #fff !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today:hover .date{
	color: #000 !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today:hover .date span{
	background: #31afea !important;
	color: #fff !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today.active:hover .date span{
	background: #fff !important;
	color: #000 !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today.prev-date:hover .date span{
	background: none !important;
	color: #ccc !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock{
	color: #fff;
	background: #000;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock .bc-col{
	width: 100%;
	padding: 2%;
	color: #fff;
	border-bottom: 1px solid #35444d;
	border-left: 1px solid #35444d;
	border-right: 1px solid #35444d;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock.booked-loading{
	position: relative;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock.booked-loading .booked-spinner{
	position: absolute;
}

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.entryBlock.booked-loading .bc-col{
	height: 132px;
}

body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked .date,
body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked:hover .date,
body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked .date span,
body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked:hover .date span{
	cursor: pointer;
}

body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked:hover .date span{
	color: #fff !important;
}

body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked.active .date,
body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked.active .date:hover{
	background: #ddd !important;
	color: #555 !important;
}

body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked.active .date span,
body div.booked-calendar-wrap div.booked-calendar.booked-pa-active .bc-row.week .bc-col.booked.active .date span:hover{
	background: #fff !important;
	color: #555 !important;
}

body div.booked-calendar-wrap.small div.booked-calendar .bc-head .bc-row .bc-col .monthName{
	font-size: .9rem;
	font-weight: 800;
	line-height: 1.1rem;
	height: 1.1rem;
}

body div.booked-calendar-wrap.small div.booked-calendar .bc-head .bc-row .bc-col .monthName .backToMonth{
	font-weight: 500;
	letter-spacing: 0;
}

body div.booked-calendar-wrap.small div.booked-calendar .bc-body .bc-row.week .bc-col .date .number{
	margin: -18px 0 0 -18px;
	font-size: 16px;
	line-height: 35px !important;
	width: 36px;
	height: 36px;
}

body .booked-appt-list{
	font-size: 15px;
	line-height: 1.7;
	color: #000;
	background: #fff;
	-webkit-transform: scale(0.95);
	        transform: scale(0.95);
	padding: 30px 35px 10px;
	display: none;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	border-radius: 0;
}

body .booked-appt-list.shown{
	-webkit-transform: scale(1);
	        transform: scale(1);
}

body .booked-appt-list h2{
	text-align: center;
	color: #000;
	font-size: 20px;
	margin: 0 0 30px;
	line-height: 1.4;
	letter-spacing: 0;
}

body .booked-appt-list h2.booked-no-prev{
	text-align: left;
}

body .booked-appt-list p{
	color: #888;
	font-weight: 400;
	margin: 0 0 20px;
}

body .booked-appt-list .timeslot{
	display: flex;
	box-sizing: border-box;
	line-height: 1.8;
	color: #888;
	border-top: 1px solid #ddd;
}

body .booked-appt-list .timeslot.faded{
	opacity: .25;
}

body .booked-appt-list .timeslot:hover{
	background: #f9f9f9;
}

body .booked-appt-list .timeslot:last-child{
	margin: 0 0 10px;
}

body .booked-appt-list .timeslot .timeslot-title{
	margin: 0 0 10px 0;
	display: block;
	color: #4dc574;
}

body .booked-appt-list .timeslot .timeslot-time{
	min-height: 71px;
	height: auto;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: 0 0 0 15px;
	box-sizing: border-box;
	line-height: 1;
	width: 50%;
	font-weight: 600;
	color: #6c7880;
	font-size: 16px;
}

body .booked-appt-list .timeslot .timeslot-time i.fa-solid{
	color: #6c7880;
}

body .booked-appt-list .timeslot .timeslot-people{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 71px;
	height: auto;
	width: 50%;
	padding: 0 16px 0 0;
	box-sizing: border-box;
}

body .booked-appt-list .timeslot .timeslot-people button{
	color: #fff;
	margin-top: 4px;
	margin-bottom: 4px;
}

body .booked-appt-list .timeslot .timeslot-people button .spots-available,
body .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
	display: none;
}

body .booked-appt-list .timeslot .spots-available{
	font-weight: 400;
	text-transform: uppercase;
	font-size: .7rem;
	display: block;
	line-height: 1;
	color: #000;
	padding-top: 8px;
}

body .booked-appt-list .timeslot .spots-available.empty{
	color: #000;
}

body .booked-appt-list .timeslot a{
	font-weight: 600;
	text-decoration: none;
}

body .booked-appt-list .timeslot.has-title .timeslot-time{
	height: auto;
	min-height: 71px;
}

body .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time{
	min-height: auto;
}

body .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-title{
	margin: 0;
}

body .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-range{
	display: none;
}

body .booked-appt-list .timeslot.has-title.timeslot-count-hidden .timeslot-time{
	height: 60px;
}

body .booked-appt-list .timeslot.has-title.timeslot-count-hidden .timeslot-people{
	height: 60px;
	padding-top: 13px;
	padding-right: 0;
}

body .booked-appt-list .timeslot.has-title.timeslot-count-hidden .timeslot-time{
	padding-top: 22px;
}

body div.booked-calendar-wrap.booked-list-view .booked-appt-list{
	box-shadow: none;
	padding: 0;
	margin: 0 0 30px;
	display: block;
}

body div.booked-calendar-wrap.booked-list-view .booked-appt-list .booked-appt-list-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px;
}

body div.booked-calendar-wrap.booked-list-view .booked-appt-list .booked-appt-list-header h2{
	margin: 0;
}

body div.booked-calendar-wrap.booked-list-view .booked-appt-list .booked-appt-list-header .booked-list-view-nav > *{
	margin: 0 0 0 10px;
}

body div.booked-calendar-wrap.small{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

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

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

body div.booked-calendar-wrap.small .booked-appt-list h2 > span:first-child{
	display: none;
}

body div.booked-calendar-wrap.small .booked-appt-list .timeslot{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 5px 0;
	margin: 0;
	border: none;
}

body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-title{
	height: auto;
	margin: 0;
	display: block;
	color: #4dc574;
}

body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-time{
	display: none;
}

body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people{
	height: auto;
	justify-content: center;
	width: 100%;
	padding: 0;
}

body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button{
	width: 100%;
	line-height: 1.4;
}

body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .button-text,
body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .button-timeslot{
	font-weight: bold;
}

body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .spots-available{
	color: #fff;
	opacity: .75;
	padding: 8px 0 4px;
}

body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .button-text{
	display: none;
}

body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .spots-available,
body div.booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button.button .button-timeslot{
	display: block;
}

body .booked-form{
	padding-top: 5px;
}

body .booked-form .field{
	margin: 5px 0 7px;
}

body .booked-form .field.booked-text-content{
	margin-bottom: 0;
	margin-top: 20px;
}

body .booked-form .field.booked-text-content *:last-child{
	margin-bottom: 0;
}

body .booked-form .field:after{
	content: "";
	display: table;
	clear: both;
}

body .booked-form input[type=radio],
body .booked-form input[type=checkbox]{
	position: relative;
	top: 2px;
}

body .booked-form .field select,
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{
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin: 0 1.5% 0 0;
	width: 49.2%;
	float: left;
}

body .booked-form .field input:last-child{
	margin-right: 0;
}

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{
	font-size: 13px;
	padding: 7px 10px;
	color: #aaa;
	border-radius: 3px;
}

body .booked-form .field textarea,
body .booked-form .field input.hasContent{
	color: #555;
}

body .booked-form .field input.large,
body .booked-form .field select.large{
	width: 100%;
	margin-right: 1px;
	width: 99.8%;
}

body .booked-form .spacer{
	padding: 5px 0 0 0;
	margin: 0;
	display: block;
}

body .booked-form .spacer.big{
	padding: 25px 0 0;
}

body .booked-form hr{
	border: none;
	border-top: 1px solid #ddd;
	padding: 10px 0 0 0;
	margin: 20px 0 0 0;
}

body .booked-form .condition-block{
	display: none;
}

body .booked-form .condition-block.default{
	display: block;
}

body .booked-form input[type=submit],
body .booked-form button{
	float: left;
	margin: 0 10px 10px 0;
}

body .booked-form .field label{
	cursor: pointer;
}

body .booked-form .field label.field-label{
	cursor: default;
	display: block;
	font-weight: bold;
	padding: 10px 0 8px;
	margin: 0;
}

body .booked-form .field textarea{
	height: 100px;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.6;
}

body .booked-form .field .checkbox-radio-block{
	display: block;
	padding: 0 0 3px 10px;
}

body .booked-form .field .checkbox-radio-block label{
	font-size: 13px;
	display: inline-block;
	padding-left: 7px;
	margin: 0;
	position: relative;
	top: 3px;
}

body .booked-form .cf-block{
	margin: 0 0 25px;
}

body .booked-form .cf-block select{
	font-size: 13px;
	width: 100%;
	height: 33px;
	margin-right: 0;
	padding: 0 10px;
	float: none;
}

body .booked-form .cf-block ul,
body .booked-form .cf-block ol{
	margin-left: 30px;
}

body .booked-form .required-asterisk{
	color: #e35656;
	margin: -1px 0 0 7px;
}

body .booked-form #ajaxlogin{
	width: 100%;
}

body .booked-form #ajaxlogin p.status{
	display: none;
	padding: 15px 0 0;
	margin: 0;
	font-size: 15px;
	color: #888;
}

body .booked-form #newAppointmentForm p.status{
	display: none;
	padding: 0 0 20px;
	margin: 0;
	font-size: 15px;
	color: #888;
}

body img.captcha-image{
	position: relative;
	top: 5px;
	left: 5px;
}

body #booked-page-form p.captcha,
body .booked-modal .bm-window p.captcha{
	margin: -5px 0 15px;
}

body .booked-form .field p.field-small-p{
	font-size: 14px;
	margin: -5px 0 5px;
}

body .booked-form input[type=submit].button:disabled{
	background: #ddd !important;
	border-color: #ddd !important;
	color: #aaa !important;
	cursor: not-allowed;
}

body .booked-form .booked-appointments{
	background: #fff;
	padding: 10px 16px 13px;
	margin: 0 0 15px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
	border-radius: 3px;
}

body .booked-form .booked-appointment-details{
	margin: 0 0 10px;
	padding: 0 0 7px;
	border-bottom: 1px solid #ddd;
}

body .booked-form .booked-appointment-details:last-child{
	margin: 0;
	padding: 0;
	border: none;
}

body .booked-form .booked-appointment-details.has-error{
	color: #e35656;
}

#customerChoices{
	display: block;
	text-align: left;
	background: #fff;
	padding: 20px 0 23px;
	text-align: center;
	margin: -26px -36px 15px;
	border-bottom: 1px solid #ddd;
}

#customerChoices .field{
	display: inline-block;
}

#customerChoices .field .checkbox-radio-block{
	padding-left: 0;
}

#customerChoices .field{
	margin: 0 20px 0 0;
}

#customerChoices .field:last-child{
	margin: 0;
}

#customerChoices .field .checkbox-radio-block label{
	font-weight: 400;
	font-size: 15px;
}

#ajaxforgot{
	display: none;
}

body .booked-modal{
	margin-top: -84px;
	min-height: 168px;
	position: fixed;
	z-index: 9999999;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
}

body .booked-modal hr{
	border-top: 1px solid #ddd;
	background: none;
}

body .booked-modal .bm-overlay{
	animation: booked-fadein .2s;
	-webkit-animation: booked-fadein .2s;
	-moz-animation: booked-fadein .2s;
	-ms-animation: booked-fadein .2s;
	-o-animation: booked-fadein .2s;
	-webkit-backface-visibility: hidden;
	position: fixed;
	background: #000;
	background: rgba(0, 0, 0, .65);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

body .booked-modal .bm-window{
	animation: booked-flyin .2s;
	-webkit-animation: booked-flyin .2s;
	-moz-animation: booked-flyin .2s;
	-ms-animation: booked-flyin .2s;
	-o-animation: booked-flyin .2s;
	-webkit-backface-visibility: hidden;
	padding: 43px 0 25px;
	width: 450px;
	position: relative;
	margin: 0 auto;
	background: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 60px rgba(0, 0, 0, .5);
}

body .booked-modal.bm-loading .bm-window{
	background: none;
	box-shadow: none;
}

body .booked-modal.bm-closing .bm-overlay{
	animation: booked-fadeout .2s;
	-webkit-animation: booked-fadeout .2s;
	-moz-animation: booked-fadeout .2s;
	-ms-animation: booked-fadeout .2s;
	-o-animation: booked-fadeout .2s;
	-webkit-backface-visibility: hidden;
}

body .booked-modal.bm-closing .bm-window{
	animation: booked-flyout .2s;
	-webkit-animation: booked-flyout .2s;
	-moz-animation: booked-flyout .2s;
	-ms-animation: booked-flyout .2s;
	-o-animation: booked-flyout .2s;
	-webkit-backface-visibility: hidden;
}

body .booked-modal .bm-window{
	background: #f5f5f5;
	max-height: 100px;
	z-index: 2000000000;
}

body .booked-modal .bm-window p{
	margin: 0 0 15px;
	font-size: 15px;
}

body .booked-modal .bm-window p small{
	display: block;
	margin: 0 0 15px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
}

body .booked-modal .bm-window p.appointment-title{
	font-weight: 600;
	margin-bottom: 0;
}

body .booked-modal .bm-window p.calendar-name{
	font-weight: 600;
	margin-bottom: 0;
}

body .booked-modal .bm-window p.appointment-info{
	font-size: 15px;
	margin: 0;
	line-height: 1.7;
}

body .booked-modal .bm-window p strong{
	font-size: 13px;
	text-transform: uppercase;
	display: inline-block;
	padding-right: 3px;
	font-weight: 600;
}

body .booked-modal .bm-window a{
	text-decoration: none;
}

body .booked-modal .bm-window .close{
	line-height: 1;
	color: #fff;
	color: rgba(255, 255, 255, .5);
	font-size: 20px;
	position: absolute;
	top: 11px;
	right: 14px;
}

body .booked-modal .bm-window .close:hover{
	color: #fff;
}

body .booked-modal .bm-window p i.fa-solid.far-clock{
	font-size: 18px;
	position: relative;
	top: 1px;
}

body .booked-modal .bm-window p.booked-calendar-name{
	font-weight: 600;
	font-size: 15px;
}

body .booked-modal .bm-window .booked-scrollable{
	max-height: 100px;
	padding: 25px 30px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #f5f5f5;
	border-radius: 3px;
	box-sizing: content-box;
}

body .booked-modal .bm-window p.booked-title-bar{
	box-sizing: border-box;
	font-size: 13px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
	width: 100%;
	color: #fff;
	border-radius: 4px 4px 0 0;
	padding: 15px 30px 15px 15px;
}

body .booked-modal .bm-window p.booked-title-bar small{
	margin: 0;
}

body .booked-modal .bm-window .booked-scrollable{
	-webkit-overflow-scrolling: touch;
}

body .booked-modal .bm-window .booked-scrollable > *{
	-webkit-transform: translateZ(0px);
	-webkit-transform: translate3d(0, 0, 0);
}

body .booked-calendarSwitcher{
	box-sizing: border-box;
	display: inline-block;
	margin: 0 0 0 15px;
	padding: 8px 10px 9px 12px;
	color: #fff;
	border-radius: 10px 10px 0 0;
	position: relative;
}

body .booked-calendarSwitcher::before{
	position: absolute;
	top: 12px;
	right: 15px;
	color: #fff;
	font: var(--fa-font-solid);
	content: "";
}

body .booked-calendarSwitcher > p{
	display: flex;
	align-items: center;
}

body .booked-calendarSwitcher > p i.fa-solid{
	font-size: 14px;
	margin: 0 10px 0 0;
	position: relative;
	color: #fff;
}

body .booked-calendarSwitcher > p select{
	padding-left: 0;
	height: 24px;
	position: relative;
	cursor: pointer;
	background: rgba(0, 0, 0, 0);
	font-size: 14px;
	min-width: 200px;
	border: none;
	color: #fff;
	-webkit-appearance: none;
}

body #booked-page-form .booked-form-wrap{
	padding: 10px 0;
}

body #booked-page-form input[type=submit]{
	margin: 0;
}

body #booked-page-form input[type=text],
body #booked-page-form input[type=password],
body #booked-page-form input[type=email],
body #booked-page-form textarea{
	margin: 7px 0 0 0;
	border-width: 1px;
	border-style: solid;
	padding: 10px 12px;
	width: 100%;
	box-sizing: border-box;
}

body #booked-page-form input:disabled,
body #booked-page-form textarea:disabled{
	background: #f9f9f9;
	color: #bbb;
	border: 1px dotted #ccc;
}

body #booked-page-form input[type=file]:disabled{
	background: #fff;
	border: none;
}

body #booked-page-form label .not-bold{
	font-weight: 400;
	color: #ccc;
	padding: 0 0 0 5px;
}

body #booked-page-form p{
	margin: 0 0 15px;
}

body #booked-page-form .login-submit{
	margin: 0;
}

body #profile-edit #booked-page-form{
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

body #profile-edit #booked-page-form input[type=file]{
	display: inline-block;
	padding: 0;
}

body #profile-edit #booked-page-form label{
	font-weight: 600;
}

body #profile-edit #booked-page-form p.form-nickname,
body #profile-edit #booked-page-form p.form-email,
body #profile-edit #booked-page-form p.form-url{
	float: left;
	width: 100%;
	margin: 0 0 25px;
}

body #profile-edit #booked-page-form p.form-password{
	float: left;
	width: 48%;
	margin: 0 4% 25px 0;
}

body #profile-edit #booked-page-form p.form-password.last{
	margin: 0 0 25px;
}

body #profile-edit #booked-page-form p.form-textarea,
body #profile-edit #booked-page-form p.form-avatar,
body #profile-edit #booked-page-form p.form-submit{
	float: none;
	width: 100%;
	margin: 0 0 25px;
}

body #profile-edit #booked-page-form p.form-submit{
	margin: 0 0 5px;
}

body #profile-edit #booked-page-form .hint-p{
	font-size: 12px;
	color: #aaa;
	padding-top: 5px;
	display: block;
	font-style: italic;
}

body #profile-login label,
#profile-register label,
#profile-forgot label{
	font-weight: 600;
}

body .booked-upload-wrap,
body .booked-upload-wrap input{
	background: #f5f5f5;
	border: 1px solid #ddd;
	display: block;
	height: 35px;
	width: 100%;
	cursor: pointer;
	border-radius: 3px;
	position: relative;
}

body .booked-upload-wrap{
	width: 100%;
	margin: 10px 0 4px;
}

body #booked-submit-recipe-form .booked-upload-wrap{
	width: 100%;
	margin: 0;
}

body .booked-upload-wrap:hover{
	background: #eee;
}

body .booked-upload-wrap span{
	color: #888;
	font-size: 13px;
	text-align: center;
	height: 24px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
	display: block;
	z-index: 1;
}

body .booked-upload-wrap input{
	z-index: 2;
	opacity: 0;
}

body .booked-upload-wrap.hasFile{
	background: #f9f9f9;
	border: 1px solid #ccc;
	color: #666;
}

body #booked-submit-recipe-form .booked-upload-wrap.hasFile{
	width: 100%;
}

body .booked-upload-wrap.hasFile span{
	color: #000;
}

body .booked-custom-error{
	display: none;
	margin: 0 0 20px;
	padding: 5px 10px;
	background: #fff0f0;
	border: 1px solid #e3c3c3;
	border-radius: 3px;
}

body .booked-custom-error.not-hidden{
	display: block;
}

body #booked-plugin-page p.booked-form-notice{
	border: 1px solid #e6db55;
	border-radius: 3px;
	background-color: #fffbcc;
	margin: 0 0 35px;
	padding: 10px 15px;
}

.booked-list-date-picker-wrap{
	width: 100%;
	position: absolute;
	text-align: center;
	top: 30px;
	left: 0;
}

#ui-datepicker-div.booked_custom_date_picker{
	animation: booked-popflyin .15s;
	-webkit-animation: booked-popflyin .15s;
	-moz-animation: booked-popflyin .15s;
	-ms-animation: booked-popflyin .15s;
	-o-animation: booked-popflyin .15s;
	background: #fff;
	margin-top: 37px;
	margin-left: -107px;
	width: 230px;
	border: 1px solid #d5d5d5;
	padding: 8px;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	z-index: 9999 !important;
}

#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header{
	position: relative;
	color: #fff;
}

#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next{
	cursor: pointer;
	top: 10px;
	font-size: 16px;
	position: absolute;
	display: inline-block;
	font: var(--fa-font-solid);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	color: #fff;
}

#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next .ui-icon{
	display: none;
}

#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev{
	left: 10px;
}

#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next{
	right: 10px;
}

#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-title{
	display: block;
	width: 100%;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 9px 0;
	text-align: center;
}

#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:hover,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:hover{
	opacity: .7;
}

#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:before{
	content: "";
}

#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:before{
	content: "";
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar{
	width: 100%;
	border-collapse: collapse;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th{
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th{
	width: 14.285%;
	text-align: center;
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody{
	border-top: 8px solid #fff;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td{
	font-size: 12px;
	font-weight: normal;
	background: #fff;
	color: #888;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td{
	text-align: center;
	padding: 0;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a{
	display: block;
	border-radius: 3px;
	line-height: 33px;
	text-decoration: none;
	color: #333;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a:hover{
	background: #eee;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td span{
	display: block;
	line-height: 33px;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-unselectable span{
	color: #ddd;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-week-end a{
	color: #888;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a{
	color: #fff;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover{
	color: #fff;
}

#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover{
	color: #fff;
}

body #booked-page-form input[type=email],
body #booked-page-form input[type=text],
body #booked-page-form input[type=password],
body #booked-page-form textarea,
body #booked-page-form{
	border-color: #ccc;
	color: #888;
	line-height: 1.5;
	font-size: 13px;
}

body .booked-calendar-wrap{
	transition: height .15s ease-out;
}

body .booked-calendar td .count,
body .booked-calendar thead th a,
body .booked-appt-list .timeslot .timeslot-time,
body .booked-appt-list .timeslot .timeslot-people,
body .booked-appt-list .timeslot,
body .booked-list-view a.booked_list_date_picker_trigger{
	transition: all .1s ease-out;
}

body .booked-calendar td .date,
body .booked-calendar td .date span{
	transition: background .15s ease-out, color .15s ease-out;
}

body .booked-list-view .booked-appt-list{
	transition: opacity .2s ease-out;
}

body .booked-appt-list{
	transition: -webkit-transform .4s ease-in-out;
	transition: transform .4s ease-in-out;
	transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.booked-tabs{
	overflow: hidden;
}

.booked-tabs .booked-tabs-nav{
	margin-bottom: 20px;
}

.booked-tabs .booked-tabs-nav span{
	display: inline-block;
	padding: 0 5px;
	border: 1px solid #ccc;
	background: #eee;
	color: #000;
	font-size: 12px;
	line-height: 30px;
	text-transform: uppercase;
	cursor: pointer;
	box-sizing: border-box;
}

.booked-tabs .booked-tabs-nav span:hover,
.booked-tabs .booked-tabs-nav span.active{
	background: #ddd;
	color: #fff;
}

.booked-tabs .booked-tabs-cnt > div{
	display: none;
}

.booked-tabs .booked-tabs-cnt > div.active{
	display: block;
}

body #booked-profile-page{
	position: relative;
	margin-bottom: 30px;
}

body #booked-profile-page .booked-profile-header{
	display: flex;
	border: 1px solid #ddd;
	border-radius: 10px 10px 0 0;
	padding: 15px;
	position: relative;
}

body #booked-profile-page .booked-profile-header .booked-logout-button{
	text-decoration: none;
	font-size: .9rem;
	position: relative;
	top: -1px;
	color: rgba(255, 255, 255, .5);
}

body #booked-profile-page .booked-profile-header .booked-logout-button:hover{
	color: #fff;
}

body #booked-profile-page .booked-user-avatar{
	width: 35px;
	height: 35px;
	position: relative;
	top: 0;
	left: 0;
	float: left;
	display: inline-block;
}

body #booked-profile-page .booked-user-avatar img{
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	border-radius: 20px;
}

body #booked-profile-page .booked-info{
	display: flex;
	width: 100%;
}

body #booked-profile-page .booked-user *{
	margin: 0;
	padding: 0;
	line-height: 1.6;
}

body #booked-profile-page .booked-user h3{
	color: #fff;
	margin: 0;
	padding: 4px 0 4px 12px;
	display: inline-block;
	font-size: 1.25rem !important;
	letter-spacing: .03rem !important;
}

body #booked-profile-page .booked-counts{
	float: right;
	width: 25%;
	margin-left: 5%;
	color: #fff;
}

body #booked-profile-page .booked-counts span{
	display: block;
	text-align: right;
	font-size: 12px;
	line-height: 2.1;
}

body #booked-profile-page .booked-counts i.fa-solid{
	padding-right: 10px;
}

body #booked-profile-page .booked-tabs{
	display: flex;
	border-width: 1px;
	border-style: solid;
	border-top: 0;
	border-bottom: 0;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

body #booked-profile-page .booked-tabs li{
	margin: 0 !important;
	padding: 0 !important;
}

body #booked-profile-page .booked-tabs li a{
	display: flex;
	align-items: center;
	height: auto !important;
	font-size: 14px;
	border-right-width: 1px;
	border-right-style: solid;
	display: flex;
	text-decoration: none;
	padding: 0 15px;
	line-height: 40px;
	background: rgba(0, 0, 0, .15);
	color: #fff;
	border: none;
}

body #booked-profile-page .booked-tabs li a i.fa-solid{
	padding-right: 10px;
}

body #booked-profile-page .booked-tabs li a:hover{
	background: rgba(0, 0, 0, .25);
	color: #fff;
}

body #booked-profile-page .booked-tabs li a .counter{
	margin: 0 0 0 5px;
	line-height: 1px;
	display: none;
	justify-content: center;
	align-items: center;
	font-size: 11px;
	font-weight: 800;
	width: auto;
	padding: 0 5px;
	min-width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #fff;
	color: #fff;
}

body #booked-profile-page .booked-tabs li.active a{
	color: #fff;
}

body #booked-profile-page .booked-tabs li.active a:hover{
	color: #fff;
}

body #booked-profile-page .booked-tabs li.active a .counter{
	background: #fff;
	color: #000;
}

body #booked-profile-page .booked-tabs li.edit-button{
	float: right;
}

body #booked-profile-page .booked-tab-content{
	border-radius: 0 0 10px 10px;
	display: none;
	padding: 30px 35px 30px 35px;
	border-width: 1px;
	border-style: solid;
	border-top: none;
	border-color: #ddd;
	background: #fff;
}

body #booked-profile-page .booked-tabs.login{
	border-top-width: 1px;
	border-top-style: solid;
}

body #booked-profile-page p.booked-no-margin{
	color: #888;
	margin: 0;
}

body #booked-profile-page .booked-show-cf{
	outline: none;
	font-weight: 600;
	transition: all .1s ease-out;
}

body #booked-profile-page .booked-show-cf.booked-cf-active{
	color: #000;
}

body #booked-profile-page .cf-meta-values-hidden{
	animation: booked-popdown .2s;
	-webkit-animation: booked-popdown .2s;
	-moz-animation: booked-popdown .2s;
	-ms-animation: booked-popdown .2s;
	-o-animation: booked-popdown .2s;
	display: none;
	border-left: 3px solid #ddd;
	margin: 10px 0 0 0px;
	padding: 0 0 0 20px;
}

body #booked-profile-page .cf-meta-values-hidden p{
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

body #booked-profile-page .cf-meta-values-hidden p:last-child{
	margin-bottom: 0;
}

body #booked-profile-page .cf-meta-values-hidden p strong{
	font-weight: 600;
}

body #booked-profile-page .result-section.table-layout{
	margin: 0;
}

body #booked-profile-page .result-section.table-layout .table-box{
	border: none;
}

body #booked-profile-page .result-section.table-layout .table-box .table-body .table-row{
	min-height: 115px;
}

body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title{
	font-weight: normal;
	font-size: 15px;
	line-height: 1.6;
}

body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title p{
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 12px;
}

body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title small{
	display: block;
	padding-top: 5px;
}

body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title a{
	font-weight: 600;
}

body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title .booked-review p{
	font-size: 14px;
	line-height: 1.7;
}

body #booked-profile-page .result-section.table-layout .table-box .table-head-row{
	background: none !important;
}

body #booked-profile-page .result-section.table-layout .table-box .table-cell{
	padding: 20px 0;
}

body #booked-profile-page .result-section.table-layout .table-box .cell-title{
	position: relative;
	width: 55%;
	padding-right: 25px;
}

body #booked-profile-page .result-section.table-layout .table-box .cell-title .compact-img img{
	width: 65px;
	height: auto;
	position: absolute;
	border-radius: 3px;
	top: 26px;
	left: 0;
}

body #booked-profile-page .result-section.table-layout .table-box .cell-title .cell-title-wrap{
	padding-left: 85px;
}

body #booked-profile-page .result-section.table-layout .table-box .cell-rating{
	width: 20%;
}

body #booked-profile-page .result-section.table-layout .table-box .cell-time{
	width: 25%;
}

body #booked-profile-page .result-section.table-layout .table-box .cell-title.reviews{
	width: 100%;
	padding-right: 0;
}

body #booked-profile-page .result-section.table-layout .table-box .cell-title.reviews .rating{
	margin-top: 10px;
}

body #booked-profile-page p.booked-form-notice{
	border: 1px solid #e6db55;
	border-radius: 3px;
	background-color: #fffbcc;
	margin: 0 0 35px;
	padding: 10px 15px;
}

body #booked-profile-page .booked-profile-appt-list{
	box-sizing: border-box;
}

body #booked-profile-page .booked-profile-appt-list .appt-block{
	color: #888;
	line-height: 23px;
	padding: 20px 0 25px;
	border-top: 1px solid #ddd;
	display: block;
}

body #booked-profile-page .booked-profile-appt-list .appt-block > i.fa-solid{
	width: 23px;
	color: #333;
}

body #booked-profile-page .booked-profile-appt-list .appt-block:last-child{
	padding-bottom: 0;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{
	border-radius: 3px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	float: right;
	padding: 0 12px 1px;
	line-height: 33px;
	margin: 6px 0 0 0;
	background: #ccc;
	color: #fff;
}

body #booked-profile-page .booked-profile-appt-list .appt-block button{
	float: right;
	margin: 6px 0 0 0;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .cancel{
	color: #aaa;
	font-size: 12px;
	padding-left: 10px;
	border: 1px solid #ddd;
	background: #f5f5f5;
	color: #aaa;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .cancel:hover{
	background: #eee;
	color: #888;
	border-color: #ccc;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons{
	float: right;
	display: flex;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > a,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > button{
	margin: 0 0 0 .5rem;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > a.delete,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > button.delete{
	display: inline-block;
	padding: 10px;
	width: 45px;
	text-align: center;
	color: #aaa;
	border: 2px solid #ddd;
	border-radius: 5px;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > a.delete:hover,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-fea-buttons > button.delete:hover{
	color: #000;
	border: 2px solid #888;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons{
	display: flex;
	padding: 15px 0 0 0;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a{
	text-decoration: none;
	display: inline-block;
	padding: .5rem .75rem;
	margin: 0 7px 0 0;
	border-radius: 3px;
	line-height: 1rem;
	font-size: .9rem;
	font-weight: 400;
	transition: all .1s ease-out;
}

body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a:hover{
	text-decoration: none;
}

body #booked-profile-page .booked-profile-appt-list .appt-block.approved{
	color: #000;
}

body #booked-profile-page .booked-profile-appt-list .calendar-name{
	padding: 0 0 5px;
}

body #booked-profile-page #profile-edit{
	box-sizing: border-box;
}

body #booked-profile-page h4{
	margin: 0 0 20px;
	padding: 0;
	font-size: 19px;
	font-weight: 600;
}

body #booked-profile-page .appt-block .booked-cal-buttons{
	display: flex;
}

body #booked-profile-page .appt-block .booked-cal-buttons .google-cal-button{
	font-size: .9rem;
	line-height: 1rem;
	font-weight: 400;
	letter-spacing: .03rem;
	padding: .5rem .65rem .5rem 40px;
}

body #booked-profile-page .appt-block .booked-cal-buttons .google-cal-button .addeventatc_dropdown{
	padding: 0;
}

body #booked-profile-page .appt-block .booked-cal-buttons .google-cal-button .copyx{
	display: none;
}

body #booked-profile-page .appt-block .booked-cal-buttons .google-cal-button .addeventatc_icon{
	top: .35rem;
}

body #booked-profile-page .appt-block .booked-cal-buttons a{
	display: inline-block;
	margin: 0 .5rem 0 0;
}

body #booked-profile-page .appt-block .booked-cal-buttons > span{
	display: inline-block;
	margin: 0 .5rem 0 0;
}

body #booked-profile-page .appt-block .booked-cal-buttons > div{
	display: inline-block;
	margin: 0 .5rem 0 0;
}

@media screen and (max-width: 1200px) {
	body .booked-list-view .booked-appt-list h2{
		text-align: left;
		margin: 0 0 20px;
	}

	body .booked-list-view .booked-appt-list h2.booked-no-prev{
		text-align: left;
	}

	body .booked-list-view .booked-list-view-nav{
		display: block;
		height: 26px;
		margin: -5px 0 30px;
		position: static;
		text-align: left;
	}

	body .booked-list-view .booked-list-view-nav .booked-list-view-date-next,
	body .booked-list-view .booked-list-view-nav .booked-list-view-date-prev{
		margin: 0 6px 5px 0;
		position: relative;
		display: inline-block;
		top: 0;
		right: 0;
	}

	body .booked-list-view .booked-list-view-nav .booked-list-view-date-next{
		float: right;
		margin: 0 0 5px;
	}
}

@media screen and (max-width: 1100px) {
	body .booked-calendar td .count{
		padding: 5px 0;
		font-size: 9px;
	}

	body .booked-calendar td .date .number{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
}

@media screen and (max-width: 860px) {
	body #booked-profile-page .booked-profile-appt-list{
		float: none;
		width: 100%;
		margin: 0 0 30px;
	}

	body #booked-profile-page #profile-edit{
		float: none;
		width: 100%;
		margin: 0;
	}

	body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{
		float: right;
		margin: 6px 0 0 0;
	}
}

@media screen and (max-width: 767px) {
	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{
		white-space: normal;
	}

	body .booked-calendar-wrap .booked-calendar thead th{
		font-size: 1rem;
		padding: 1.15rem 0 !important;
		height: 1rem;
	}

	body .booked-calendar-wrap .booked-calendar thead tr.days th{
		font-size: .7rem;
		padding: .5rem 0 !important;
		height: auto;
	}

	body .booked-calendar-wrap .booked-calendar td{
		font-size: 13px;
	}

	body .booked-calendar-wrap .booked-calendar thead th .page-left,
	body .booked-calendar-wrap .booked-calendar thead th .page-right{
		font-size: 1rem;
		margin-top: -0.5rem;
	}

	body .booked-calendar-wrap .booked-calendar thead th .page-left:hover{
		left: 19px;
	}

	body .booked-calendar-wrap .booked-calendar thead th .page-right:hover{
		right: 19px;
	}

	body .booked-calendar-wrap .booked-calendar th .monthName{
		height: auto;
		display: inline-block;
	}

	body .booked-calendar-wrap .booked-calendar th .monthName a{
		top: -2px;
		font-size: 10px;
	}

	body .booked-calendar-wrap .booked-calendar td .count{
		display: none;
	}

	body .booked-calendar-wrap .booked-calendar td .date{
		height: 100%;
	}

	body .booked-calendar-wrap .booked-calendar td .date .number{
		border: none;
		display: block;
		border-radius: 0;
		-webkit-transform: scale(1);
		        transform: scale(1);
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}

	body .booked-calendar-wrap .booked-calendar td.blur .date,
	body .booked-calendar-wrap .booked-calendar td.blur:hover .date{
		cursor: default;
		background: #eee;
		color: #ccc;
	}

	body .booked-calendar-wrap .booked-calendar td.booked .date,
	body .booked-calendar-wrap .booked-calendar td.booked:hover .date{
		cursor: default;
		background: #ffe4df;
		color: #f15934;
	}

	body .booked-calendar-wrap .booked-calendar td.today .date{
		background: #e3f2f9;
		color: #555;
	}

	body .booked-calendar-wrap .booked-calendar td.today:hover .date{
		background: #eff7fb;
		color: #555;
	}

	body .booked-calendar-wrap .booked-calendar td:hover .date{
		background: #f9f9f9;
		cursor: pointer;
		color: #000;
	}

	body .booked-calendar-wrap .booked-calendar tr.week td.active .date .number{
		border: none;
		-webkit-transform: scale(1.5);
		        transform: scale(1.5);
		background: none;
		color: #000;
	}

	body .booked-calendar-wrap .booked-calendar tr.entryBlock td{
		padding: 5%;
	}

	body .booked-calendar-wrap .booked-calendar .booked-appt-list{
		max-height: 300px;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 15px 20px 10px;
	}

	body .booked-calendar-wrap.small .booked-calendar .booked-appt-list{
		max-height: 300px;
	}

	body .booked-calendar .booked-appt-list h2{
		text-align: center;
		margin: 5px 0 20px;
		font-size: 15px;
		letter-spacing: .03em;
	}

	body .booked-calendar .booked-appt-list h2 span{
		display: none;
	}

	body .booked-calendar .booked-appt-list .timeslot{
		border-top: 0;
		margin: 0;
	}

	body .booked-calendar .booked-appt-list .timeslot .timeslot-time,
	body .booked-calendar .booked-appt-list .timeslot .timeslot-count{
		display: none;
	}

	body .booked-calendar .booked-appt-list .timeslot button .spots-available,
	body .booked-calendar-wrap .booked-appt-list .timeslot button .spots-available{
		display: block;
	}

	body .booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title,
	body .booked-calendar-wrap .booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title{
		display: block;
	}

	body .booked-calendar .booked-appt-list .timeslot .timeslot-people,
	body .booked-calendar .booked-appt-list .timeslot .timeslot-people:hover,
	body .booked-calendar .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people,
	body .booked-calendar .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people:hover{
		width: 100%;
		padding: 0;
		height: auto;
	}

	body .booked-calendar .booked-appt-list .timeslot .timeslot-people button{
		white-space: normal;
		float: none;
		margin: 0;
		margin-bottom: 10px;
		width: 100%;
		text-align: center;
		padding: 15px;
		border-radius: 0;
		line-height: 1.5;
	}

	body .booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
		display: block;
		font-weight: 600;
		font-size: 13px;
	}

	body .booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-text{
		display: none;
	}

	body .booked-calendar-wrap .booked-calendar td.prev-date .date,
	body .booked-calendar-wrap .booked-calendar td.prev-date:hover .date{
		cursor: default;
		background: #f9f9f9;
		color: #bbb;
	}

	body .booked-calendar-wrap .booked-calendar td.blur .date,
	body .booked-calendar-wrap .booked-calendar td.blur:hover .date{
		cursor: default;
		background: #eee;
		color: #ddd;
	}

	body .booked-calendar-wrap .booked-calendar td.booked .date,
	body .booked-calendar-wrap .booked-calendar td.booked:hover .date{
		cursor: default;
		background: #ffeae7;
		color: #f0b1a1;
	}

	body .booked-calendar-wrap .booked-calendar tr.week td.active .date,
	body .booked-calendar-wrap .booked-calendar tr.week td.active:hover .date{
		background: #ddd;
	}

	body #booked-profile-page .result-section.table-layout{
		padding: 10px 0;
	}

	body #booked-profile-page .result-section.table-layout .table-box .cell-title .compact-img img{
		top: 46px;
		left: 12px;
	}

	body #booked-profile-page .booked-tabs li,
	body #booked-profile-page .booked-tabs li.edit-button{
		display: block;
		float: none;
	}

	body #booked-profile-page .booked-tabs li a,
	body #booked-profile-page .booked-tabs li.edit-button a{
		border-left: none;
		border-right: none;
	}

	body .booked-modal{
		padding: 0;
		margin: 0 !important;
		top: 0;
	}

	body .booked-modal .bm-window,
	body .booked-modal .bm-window p.booked-title-bar{
		border-radius: 0 !important;
	}

	body .booked-modal .bm-window{
		width: 100%;
		padding: 43px 0 0;
		box-sizing: border-box;
		border-radius: 6px;
	}

	body .booked-modal .bm-window .booked-scrollable{
		padding: 30px 35px;
	}

	body .booked-modal .bm-overlay{
		background: rgba(0, 0, 0, .8);
	}

	body .booked-modal .bm-window p.name b{
		display: block;
	}

	body .booked-list-view .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot,
	body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot{
		display: none;
	}
}

@media screen and (max-width: 600px) {
	body.booked-noScroll{
		position: fixed;
		height: 100%;
	}

	body .booked-modal input[type=submit]{
		margin: 0 10px 10px 0;
		float: none;
	}

	body .booked-modal .button{
		width: 100%;
		float: none;
	}

	body .booked-calendarSwitcher{
		width: 100%;
		display: block;
		padding: 8px 5px;
	}

	body .booked-calendarSwitcher i.fa-solid{
		display: none;
	}

	body .booked-calendarSwitcher select{
		width: 100%;
	}

	body .booked-calendar td .date .number{
		font-size: 12px;
	}

	body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{
		display: block;
		float: none;
		margin: 0 0 10px;
	}

	body #profile-edit #booked-page-form p.form-nickname,
	body #profile-edit #booked-page-form p.form-email,
	body #profile-edit #booked-page-form p.form-url,
	body #profile-edit #booked-page-form p.form-password{
		float: none;
		width: 100%;
	}

	body .booked-modal #customerChoices .field{
		display: block;
		float: none;
		margin: 5px 0;
	}
}

@media screen and (max-width: 450px) {
	body .booked-list-view .booked-appt-list h2 strong{
		display: block;
		margin: 0 auto;
	}

	body .booked-list-view .booked-appt-list h2 span:last-child{
		display: none;
	}

	body .booked-list-view .booked-appt-list .timeslot{
		border-top: 0;
		margin: 0 0 10px;
	}

	body .booked-list-view .booked-appt-list .timeslot .timeslot-time,
	body .booked-list-view .booked-appt-list .timeslot .timeslot-count{
		display: none;
	}

	body .booked-list-view .booked-appt-list .timeslot .timeslot-people{
		width: 100%;
		padding: 0;
		height: auto;
	}

	body .booked-list-view .booked-appt-list .timeslot .timeslot-people button{
		float: none;
		margin: 0;
		width: 100%;
		text-align: center;
		padding: 7px 0;
		line-height: 1.5;
	}

	body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
		display: block;
		font-weight: 600;
		font-size: 13px;
	}

	body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-text{
		display: none;
	}

	body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title{
		display: block;
	}

	body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people{
		height: auto;
		padding: 0;
	}
}