.bpa-adv-disc-total {
	border-top: 1px solid var(--bpa-gt-gray-400);
	padding-top: 16px !important;
	border-bottom: none;
}

.bpa-online-payment-txt {
	color: var(--bpa-pt-main-green);
	font-size: 14px;
}

.bpa-front-happy-hour--note-desc {
	background-color: var(--bpa-pt-main-green-alpha-12);
	padding: 8px 12px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 13px;
	font-family: var(--bpa-primary-font);
	line-height: 16px;
	font-weight: 500;
	color: var(--bpa-dt-black-400);
	border-radius: var(--bpa-radius-4px);
	margin-bottom: 16px;
}

.bpa-front-happy-hour--note-desc span {
	color: var(--bpa-dt-black-300);
	font-weight: normal;
}
/* New Style */

/*
.bpa-fm--service__advance-rec-no-popover{
    z-index: 99999999 !important;
}
.bpa-fm--service__advance-rec-no-popover .el-select-dropdown__list{
    padding: 6px 0 !important;
}
.bpa-fm--service__advance-rec-no-popover .el-select-dropdown__item{
    padding: 0 20px !important;
    height: 34px !important;
    line-height: 34px !important;    
}
.bpa-fm--service__advance-rec-no-popover.el-popper[x-placement^=bottom]{
    margin-top: 0px !important;
}
*/

.bpa-recurring-head-col .bpa-front-btn {
	width: 100%;
}

.bpa-hh-item__date-col-date .bpa-front-tm--item-icon svg {
	width: 18px;
	height: 18px;
	fill: var(--bpa-dt-black-200);
}

.bpa-recurring-head-col label {
	font-size: 14px;
	font-weight: 600;
}

.bpa-recurring-appointment-body {
	position: relative;
}

.bpa-recurring-appointment-body .bpa-lspd__item {
	border: 1px solid var(--bpa-dt-black-100);
	border-radius: var(--bpa-radius-6px);
	padding: 12px 20px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 28px;
}

.bpa-recurring-appointment-head {
	margin-bottom: 32px;
}

.bpa-recurring-appointment-content {
	margin-top: 12px;
}

.bpa-card__item .bpa-front-btn--icon-without-box {
	justify-content: center;
}

.bpa-card__item .bpa-front-btn--icon-without-box:hover {
	background-color: var(--bpa-pt-main-green) !important;
	border-color: var(--bpa-pt-main-green) !important;
}

.bpa-card__item .bpa-front-btn--icon-without-box span .material-icons-round {
	/* Material Icon Support - 02/01/2023 */
	vertical-align: middle;
}

.bpa-card__item .bpa-front-btn--icon-without-box span svg {
	vertical-align: middle;
	fill: var(--bpa-dt-black-200);
}

.bpa-card__item .bpa-front-btn--icon-without-box:hover span svg {
	fill: var(--bpa-cl-white) !important;
}

.bpa-recurring-head-col .bpa-recurring-appointment-head-row {
	margin-top: 6px;
}

.bpa-recurring-appointment-body-content {
	margin-top: 8px;
}

.bpa-hh-item-info-col p, .bpa-hh-item__date-col span {
	font-size: 14px;
}

.bpa-upcomming-suggested .bpa-lspd__item {
	border-color: #f5ae41;
	background-color: #f5eee5;
}

.bpa-upcomming-notavaliable .bpa-lspd__item {
	border-color: #f00;
	background-color: #ffe8e7;
}

.bpa-recurring-msg-notavaliable span {
	color: #f00;
}

.bpa-recurring-msg-notavaliable svg {
	fill: #f00;
}

.bpa-recurring-msg-suggested span {
	color: #f5ae41;
}

.bpa-recurring-msg-suggested svg {
	fill: #f5ae41;
}

.bpa-upcomming-appointments .bpa-recurring-msg {
	width: 100%;
}

.bpa-recurring-msg svg {
	height: 22px;
	width: 22px;
	margin-right: 3px;
	padding-top: 5px;
}

.bpa-recurring-msg span {
	font-size: 13px;
	font-weight: 500;
}

.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.is-disabled {
	opacity: .5;
}

.bpa-dialog--add-recurring-edit .el-dialog__headerbtn .el-dialog__close {
	visibility: hidden;
}

/*
.bpa-recurring-m-left{
    padding-left: 15px !important;
}
.bpa-recurring-m-right{
    padding-right: 15px !important;
}
.bpa-recurring-m-right-m{
    padding-right: 20px !important;
}
*/

/* Admin Dialog Box CSS file added */
.bpa-dailog__small {
	max-width: 320px;
	border-radius: var(--bpa-radius-6px);
}

.bpa-dailog__small::before, .bpa-dailog__small::after {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: -9px;
	right: 42px;
}

.bpa-dailog__small::before {
	border-bottom: 8px solid var(--bpa-gt-gray-400);
	margin-top: 0;
}

.bpa-dailog__small::after {
	border-bottom: 8px solid #fff;
	margin-top: 1px;
	z-index: 1;
	border-left-width: 9px;
	border-right-width: 9px;
	margin-right: 1px;
}

.bpa-dailog__small .bpa-dialog-heading {
	padding: 24px 0 16px 24px;
	margin-bottom: 0;
}

.bpa-dailog__small .bpa-dialog-heading .bpa-page-heading {
	font-size: 16px;
	line-height: 20px;
	color: var(--bpa-dt-black-300);
}

.bpa-dailog__small .bpa-dialog-footer {
	padding: 16px 24px 16px 0px;
	border-top: 1px solid var(--bpa-gt-gray-400);
}

.bpa-dailog__small {
	max-width: 320px;
	border-radius: var(--bpa-radius-6px);
	z-index: 99999;
}

.bpa-dailog__small::before, .bpa-dailog__small::after {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: -9px;
	right: 42px;
}

.bpa-dailog__small::before {
	border-bottom: 8px solid var(--bpa-gt-gray-400);
	margin-top: 0;
}

.bpa-dailog__small::after {
	border-bottom: 8px solid #fff;
	margin-top: 1px;
	z-index: 1;
	border-left-width: 9px;
	border-right-width: 9px;
	margin-right: 1px;
}

.bpa-dailog__small .bpa-dialog-heading {
	padding: 24px 0 16px 24px;
	margin-bottom: 0;
}

.bpa-dailog__small .bpa-dialog-heading .bpa-page-heading {
	font-size: 16px;
	line-height: 20px;
	color: var(--bpa-dt-black-300);
}

.bpa-dailog__small .bpa-dialog-footer {
	padding: 16px 24px 16px 0px;
	border-top: 1px solid var(--bpa-gt-gray-400);
}

.el-dialog__wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	margin: 0;
}

.el-dialog__wrapper:not(#bpa-front-cp-reschedule-dialog) {
	z-index: 2010 !important;
}

.bpa-dailog__small .bpa-dialog-heading {
	font-size: 16px;
	line-height: 20px;
	color: var(--bpa-dt-black-300);
	border-bottom: 1px solid var(--bpa-gt-gray-400);
}

.el-dialog__body {
	color: #606266;
	font-size: 14px;
	word-break: break-all;
}

.bpa-dailog__small .bpa-add-categpry-container {
	padding: 20px 24px 24px 24px;
}

.bpa-grid-list-container {
	flex-direction: column;
	box-sizing: border-box;
	overflow: hidden;
}

.bpa-btn__small {
	padding: 8px 16px;
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	border-radius: var(--bpa-radius-4px);
}

.bpa-hw-right-btn-group {
	display: flex;
	justify-content: flex-end;
}

.bpa-btn--primary {
	border-color: var(--bpa-pt-main-green);
	background-color: var(--bpa-pt-main-green);
	color: var(--bpa-cl-white);
}

.bpa-recurring-appointment-loader {
	min-height: 400px;
}

.bpa-hh-item__date-col span, .bpa_rec_popover_datetime_item {
	font-weight: 500;
}

.bpa-front-bs-sm__item-val.bpa_rec_popover_datetime_item {
	margin-bottom: 5px;
}

.bpa-front-bs-sm__item-val.bpa_rec_popover_datetime_item:last-child {
	margin-bottom: 0;
}

.bpa-do-not-group-timing.el-select-group__wrap:not(:last-of-type) {
	padding: 0;
}

.bpa-do-not-group-timing.el-select-group__wrap:not(:last-of-type)::after {
	content: none;
}

.bpa-front-tabs.--bpa-top .bpa-front-module--date-and-time:not(.__sm) .el-row--flex {
	flex-direction: row;
}

.bpa-recurring-msg span:nth-child(2), .bpa-hh-item__date-col.bpa-hh-item__date-col-date span:nth-child(2) {
	position: relative;
	top: -4px;
}

.bpa-front-module--booking-summary .bpa-front-module--bs-summary-content .bpa-front-module--bs-summary-content-item span.bpa--summary_service_datetime_count_name, .bpa-thank-you-datetime-count {
	display: inline-block !important;
	border-bottom: 1px dashed;
	font-size: 14px;
}

.bpa-aaf-recurring__item.bpa_summary_service_datetime_block {
	display: grid;
	justify-content: normal;
	margin-bottom: 5px;
}

.bpa-aaf-recurring__item.bpa_summary_service_datetime_block:last-child {
	margin-bottom: 0px;
}

.bpa_summary_rec_datetime_body_inner.bpa-front-module--bs-summary-content-item {
	border-right: 0 !important;
	padding: 0 !important;
	display: flex;
	animation: none !important;
	-webkit-animation: none !important;
}

.bpa-reacurring-date-time-mobile-step .bpa-recurring-appointment-body .bpa-upcoming-appointments-label {
	padding: 0 16px;
}

.bpa-reacurring-date-time-mobile-step .bpa-front-recurring--filter-wrapper {
	padding: 0 16px;
	display: flex;
	flex-wrap: wrap;
}

.bpa-reacurring-date-time-mobile-step .bpa-recurring-head-col.bpa-recurring-m-right {
	padding-left: 0 !important;
}

.bpa-reacurring-date-time-mobile-step .bpa-recurring-head-col-other-filter {
	margin-top: 20px;
}

.bpa-reacurring-date-time-mobile-step .bpa-recurring-head-col-other-filter .el-row--flex {
	flex-direction: row !important;
	flex-wrap: wrap;
	justify-content: center;
}

.bpa-reacurring-date-time-mobile-step .bpa-recurring-head-col-other-filter .bpa-recurring-head-col:nth-child(2) {
	padding-right: 0 !important;
}

.bpa-reacurring-date-time-mobile-step .bpa-recurring-head-col-other-filter .bpa-recurring-head-col:nth-child(1) {
	padding-left: 0 !important;
}

.bpa-reacurring-date-time-mobile-step .bpa-recurring-appointment-body .bpa-lspd__item {
	border: none;
	border-bottom: 1px solid var(--bpa-dt-black-100);
	border-radius: 0;
	margin-bottom: 0;
}

.bpa-reacurring-date-time-mobile-step .bpa-upcomming-appointments:last-child .bpa-lspd__item {
	border: none;
}

.bpa-reacurring-date-time-mobile-step .bpa-lspd__item .bpa-edit-appointment-btn {
	padding: 0;
}

.bpa-dialog--add-recurring-edit .el-form-item {
	margin-bottom: 15px;
}

.bpa-front-booking-popup .v-modal {
	background: none;
	z-index: 99 !important;
}

.bpa-card-item-mobile-edit-appointment {
	width: 100%;
	margin-top: 12px;
	border-radius: var(--bpa-radius-16px) var(--bpa-radius-16px) var(--bpa-radius-8px) var(--bpa-radius-8px);
}

.bpa-card-item-mobile-edit-appointment {
	padding-top: 20px;
	padding-bottom: 16px;
}

.bpa-card-item-mobile-edit-appointment .bpa-edit-appointment-item {
	padding-left: 20px;
	padding-right: 20px;
}

.bpa-card-item-mobile-edit-appointment .bpa-edit-appointment-heading .bpa-page-heading {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 16px;
	padding-left: 20px;
}

.bpa-card-item-mobile-edit-appointment .bpa-form-body-row .bpa-form-body-row-item {
	margin-bottom: 16px;
}

.bpa-card-item-mobile-edit-appointment .bpa-edit-appointment-body {
	border-bottom: 1px solid var(--bpa-gt-gray-400);
}

.bpa-card-item-mobile-edit-appointment .bpa-edit-appointment-footer {
	margin-top: 20px;
}

.bpa-card-item-mobile-edit-appointment {
	background-color: rgba(18, 212, 136, .08);
}

.bpa-front-booking-popup .bpa-fm--service__advance-options-popper {
	z-index: 20999 !important;
}

.bpa-recurring-appointment-loader-edit .bpa-front-loader {}

.bpa--summary_service_datetime_count_name {
	cursor: pointer;
}

.bpa-thank-you-datetime-count {
	font-weight: normal;
}

.bpa-recurring-appointment-loader-edit {
	height: 100% !important;
}

.bpa-dialog--add-recurring-edit .bpa-dialog-body {
	min-height: 206px;
}

.bpa-card-item-mobile-edit-appointment .bpa-edit-appointment-item .bpa-grid-list-container {
	min-height: 182px !important;
}

.bpa-card-item-mobile-edit-appointment .bpa-recurring-appointment-loader-edit {
	display: contents;
}

.bpa-card-item-mobile-edit-appointment .bpa-recurring-appointment-loader-edit .bpa-front-loader-container {
	position: relative;
	display: contents;
}

.bpa-custom-recurring-datepicker {
	z-index: 3009 !important;
}

.bpa--summary-recurring_front_popover {
	min-height: 140px;
}

.bpa--summary-recurring_front_popover .bpa-front-sm-module--booking-service-wrapper {
	padding: 20px !important;
}

.bpa-reacurring-date-time-mobile-step .bpa-front--dt__wrapper {
	margin: 0 !important;
	grid-template-columns: unset !important;
}

.bpa-upcomming-appointments {
	display: table-cell;
}

.bpa--summary-recurring_front_popover, .bpa--summary_front_recurring-popup-thankyou {
	/* box-shadow: 1px 4px 12px rgba(114, 126, 149, 0.20); */
	border: 1px solid var(--bpa-gt-gray-400);
	border-radius: var(--bpa-radius-8px);
}

.bpa-custom-recurring-datepicker .el-date-table td.disabled div {
	background-color: unset;
}

.bpa--summary_front_recurring-popup-thankyou[x-placement^=bottom] {
	margin-bottom: 0 !important;
}

.bpa-front-module--booking-summary .bpa-fm--bs__coupon-module-textbox, .bpa-front-module--booking-summary .bpa-is-coupon-applied {
	position: relative;
	padding: 12px 24px;
	border-top: 1px solid var(--bpa-gt-gray-400);
	-webkit-animation-name: bpaFadeInUp;
	animation-name: bpaFadeInUp;
	animation-timing-function: cubic-bezier(.51, .92, .24, 1.15);
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

.bpa-front-module--booking-summary .bpa-front-module--bs-amount-details .bpa-is-coupon-applied {
	padding: 12px 24px;
}

.bpa-is-coupon-applied .bpa-is-tip__price {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.bpa-is-coupon-applied .bpa-is-tip__price .bpa-is-tip-edit-icon {
	padding-right: 6px;
	display: inherit;
}

.bpa-is-coupon-applied .bpa-is-tip__price .bpa-is-tip-edit-icon svg {
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.bpa-is-coupon-applied .bpa-is-tip__price .bpa-is-tip-edit-icon svg path {
	fill: var(--bpa-dt-black-200);
}

@media (max-width: 576px) {
	.bpa-fm--bs__coupon-module-textbox .bpa-cmt__right {
		min-width: 100%;
	}
	
	.bpa-front-module--booking-summary .bpa-fm--bs__coupon-module-textbox {
		padding: 8px 20px;
		flex-direction: column;
	}
	
	.bpa-fm--bs__coupon-module-textbox .bpa-front-form-label {
		line-height: 20px;
		margin-bottom: 6px;
	}
	
	.bpa-front-module--booking-summary .bpa-is-coupon-applied {
		padding: 8px 20px;
		margin-top: 8px;
	}
	
	.bpa-front-module--booking-summary .bpa-fm--bs-amount-item.bpa-is-total-row {
		padding: 12px 20px;
	}
	
	.bpa-front-module--booking-summary .bpa-fm--bs__coupon-module-textbox button.bpa-front-btn {
		position: absolute;
		top: 3px;
		padding: 8px 10px !important;
		right: 3px;
		font-size: 0;
		min-width: unset;
		max-width: unset;
	}
	
	.bpa-front-module--booking-summary .bpa-fm--bs__coupon-module-textbox button.bpa-front-btn::before {
		content: "";
		background-color: var(--bpa-cl-white);
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M0 0h24v24H0V0z\' fill=\'none\'/%3E%3Cpath d=\'M9 16.2l-3.5-3.5c-.39-.39-1.01-.39-1.4 0-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0L9 16.2z\'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'%3E%3Cpath d=\'M0 0h24v24H0V0z\' fill=\'none\'/%3E%3Cpath d=\'M9 16.2l-3.5-3.5c-.39-.39-1.01-.39-1.4 0-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0L9 16.2z\'/%3E%3C/svg%3E");
		width: 16px;
		height: 16px;
		display: block;
	}
	
	.bpa-front-module--booking-summary .bpa-fm--bs__coupon-module-textbox button.bpa-front-btn.bpa-front-btn--is-loader::before {
		opacity: 0;
	}
}

/*  Disable Cart Add Service Button */
.__bpa-is-disabled-add-service {}

:root {
	--bpa-pt-secondary-orange-alpha-08: rgba(245, 174, 65, .06);
}

/* Waiting Time Slot State */
.bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item .bpa-front__waiting-counter {
	color: var(--bpa-pt-secondary-orange);
	font-family: var(--bpa-primary-font);
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
	margin-top: 2px;
	width: 100%;
}

.bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front-bi__waiting:hover, .bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front-bi__waiting.__bpa-is-selected {
	background-color: var(--bpa-pt-secondary-orange-alpha-08);
	border-color: var(--bpa-pt-secondary-orange);
}

/* Waiting List Addon Summary CSS */
.bpa-front-module--booking-summary .bpa-front-summary-content__lg .bpa-front-module--bs-summary-content-item .bpa-front-bs__waiting-note, .bpa-front-module--booking-summary .bpa-front-summary-content__sm .bpa-front-module--bs-summary-content-item .bpa-front-bs__waiting-note {
	background-color: var(--bpa-pt-secondary-orange-alpha-08);
	border: 1px solid rgba(245, 174, 65, .26);
	border-radius: var(--bpa-radius-4px);
	padding: 5px 8px;
	display: flex;
	align-items: center;
}

.bpa-front-module--booking-summary .bpa-front-summary-content__sm .bpa-front-module--bs-summary-content-item .bpa-front-bs__waiting-note {
	justify-content: center;
	margin: 12px 32px 0 32px;
}

.bpa-front-module--booking-summary .bpa-front-summary-content__lg .bpa-front-module--bs-summary-content-item .bpa-front-bs__waiting-note svg, .bpa-front-module--booking-summary .bpa-front-summary-content__sm .bpa-front-module--bs-summary-content-item .bpa-front-bs__waiting-note svg {
	margin-right: 4px;
	width: 14px;
	height: 14px;
}

.bpa-front-module--booking-summary .bpa-front-summary-content__lg .bpa-front-module--bs-summary-content-item .bpa-front-bs__waiting-note svg path, .bpa-front-module--booking-summary .bpa-front-summary-content__sm .bpa-front-module--bs-summary-content-item .bpa-front-bs__waiting-note svg path {
	fill: var(--bpa-pt-secondary-orange);
}

.bpa-front-module--booking-summary .bpa-front-summary-content__lg .bpa-front-module--bs-summary-content-item .bpa-front-bs__waiting-note .bpa-front-wn--label, .bpa-front-module--booking-summary .bpa-front-summary-content__sm .bpa-front-module--bs-summary-content-item .bpa-front-bs__waiting-note .bpa-front-wn--label {
	font-size: 13px;
	line-height: 16px;
	color: var(--bpa-dt-black-400);
	font-family: var(--bpa-primary-font);
	font-weight: normal;
}

.bpa-cp-ma-table.el-table .bpa-ma-status-box.__bpa-is-waiting {
	border-color: rgba(244, 177, 37, .52);
}

.bpa-cp-ma-table.el-table .bpa-ma-status-box.__bpa-is-waiting .bpa-sb__circle {
	background-color: var(--bpa-sc-warning);
}

.bpa-ma-vac--head__right .bpa-front-pill.__bpa-is-waiting {
	color: var(--bpa-sc-warning);
}

.bpa-front--dt__calendar .vc-day .vc-day-content.bpa-front-bi-day__waiting .bpa-front-dt__day-slot-label {
	color: var(--bpa-pt-secondary-orange);
}

.bpa-front-tabs .bpa-front--dt__calendar .vc-day .vc-highlights + .vc-day-content.bpa-front-bi__waiting {
	color: var(--bpa-cl-white);
}

.bpa-front-dt__day-waiting-slot-disable {
	color: var(--bpa-pt-secondary-orange);
}

.bpa-front-bs__waiting-note .bpa-front-wn--label {
	padding-right: 5px;
}

#bpa-waiting-complete-payment-external-script {
	position: absolute;
	left: -20000px;
}