.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{ 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: #ff0000;
background-color:#ffe8e7;
}
.bpa-recurring-msg-notavaliable span{
color: #ff0000;	
}
.bpa-recurring-msg-notavaliable svg{
fill: #ff0000;
}
.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: 0.5;
}
.bpa-dialog--add-recurring-edit .el-dialog__headerbtn .el-dialog__close{
visibility: hidden;
}  .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,0.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{ 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-is-disabled-add-service{
}
:root {
--bpa-pt-secondary-orange-alpha-08: rgba(245,174,65,0.06);
} .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);	
} .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,0.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, 0.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;
}.bpa-front-cp-top-navbar,.bpa-front-cp-card,
.bpa-front-data-empty-view--my-bookings.__bpa-is-guest-view,
.bpa-front-ma-table-actions-wrap .bpa-front-ma-taw__card,
.el-popover,
.bpa-front-cp-custom-popover,
.bpa-tn__dropdown-menu,
.bpa-front-ma-view-appointment-card,
.bpa-vac-pd__item.__bpa-pd-is-total-item,
.bpa-front-cp-cancel-mob-drawer {
background-color:#FFF !important;
}
.bpa-front-data-empty-view--my-bookings .bpa-front-dev__form-bg{
fill:#FFF !important;
}
.bpa-cp-ma-table.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell,
.bpa-front-toast-notification.--bpa-error,
.bpa-front-toast-notification.--bpa-success,
.bpa-front-ma--pagination-wrapper.__bpa-is-sticky,
.el-year-table td.disabled .cell,
.el-month-table td.disabled .cell{
background-color: #f4f7fb !important;
}
.bpa-front-data-empty-view--my-bookings .bpa-front-dev__panel-bg{
fill: #f4f7fb !important;
}
.bpa-front-cp-top-navbar,
.bpa-front-cp-card,
.bpa-front-form-control input,
.el-date-picker__time-header .el-input .el-input__inner,
.bpa-cp-ma-table.el-table .el-table__header-wrapper tr th.el-table__cell,
.bpa-front-ma-view-appointment-card,
.bpa-ma-vac-sec-title,
.bpa-ma-vac--head__right .bpa-front-pill,
.bpa-vac-pd__item.__bpa-pd-is-total-item,
.bpa-front-btn__small,
.bpa-front-ma-table-actions-wrap .bpa-front-ma-taw__card,
.el-popover,
.el-popconfirm .el-popconfirm__action,
.bpa-front-cp-custom-popover,
.bpa-tn__dropdown-menu,
.bpa-front-form-control input:focus, 
.bpa-front-form-control .el-textarea__inner:focus, 
.el-date-picker__time-header .el-input .el-input__inner:focus,
.bpa-cp-ma-table.el-table td.el-table__cell,
.bpa-front-ma--pagination-wrapper .el-pager li,
.bpa-front-cp-custom-popover .el-date-picker__header--bordered,
.bpa-custom-datepicker .el-date-picker__header--bordered,
.bpa-tn__dropdown-head .bpa-cp-avatar__default-img,
.bpa-front-form-control.--bpa-country-dropdown.vue-tel-input:focus-within,
.el-date-picker__header--bordered {
border-color: #CFD6E5 !important;
}
.bpa-front-form-control input::placeholder,
.bpa-front-form-control .el-textarea__inner::placeholder,
.el-date-picker__time-header .el-input .el-input__inner::placeholder {
color:rgba(114,126,149,0.75) !important;
}.bpa-front-btn--primary,
.bpa-front-ma--pagination-wrapper .el-pager li.active,
.bpa-ma-vac--action-btn-group .bpa-front-btn:hover,
.bpa-front-ma-table-actions-wrap .bpa-front-btn--icon-without-box:hover,
.bpa-front-btn--primary:hover,
.el-date-table td.current:not(.disabled) span  {
background: #12D488 !important;
}
.bpa-front-btn--primary,.bpa-ma-vac--action-btn-group .bpa-front-btn:hover,
.bpa-front-ma--pagination-wrapper .btn-prev:hover,
.bpa-front-ma--pagination-wrapper .btn-next:hover,
.bpa-front-btn--primary:hover,
.bpa-front-ma--pagination-wrapper .el-pager li.active,
.bpa-front-ma--pagination-wrapper .el-pager li:hover {
border-color:#12D488 !important;
}
.el-button--bpa-front-btn.bpa-front-btn--danger.el-button--mini:hover {
border-color:var(--bpa-sc-danger) !important;
}
.el-button--bpa-front-btn:hover {
border-color:#727E95 !important;
}.bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item.__bpa-is-active,
.bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item.__bpa-is-active span,
.bpa-front-ma--pagination-wrapper .el-pager li:hover,
.bpa-vac-pd__item.__bpa-pd-is-total-item .bpa-vac-pd__val,
.el-date-picker__header-label.active,
.el-date-picker__header-label:hover,
.el-date-table td.available:hover,
.el-date-table td.today:not(.current) span,
.el-month-table td .cell:hover,
.el-month-table td.current:not(.disabled) .cell,
.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell,
.el-picker-panel__content .el-date-table td:not(.next-month):not(.prev-month):not(.today):not(.current) span:hover,
.el-picker-panel__content .el-date-table td:not(.current):not(.today) span:hover,
.bpa-front-cp-custom-popover .el-year-table td.today .cell,
.bpa-front-cp-custom-popover .el-month-table td.today .cell,
.bpa-custom-datepicker .el-year-table td.today .cell,
.bpa-custom-datepicker .el-month-table td.today .cell {
color: #12D488 !important;
}
.bpa-front-dcw__vector .bpa-front-dcw__vector-primary-color,.bpa-front-loader-cl-primary,
.bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item.__bpa-is-active svg,
.bpa-front-data-empty-view--my-bookings .bpa-front-dev__primary-bg{
fill:#12D488 !important;
}
.bpa-front-data-empty-view--my-bookings .bpa-front-dev__primary-bg{
stroke:#12D488 !important;
}
.bpa-cp-ma-table.el-table td.el-table__cell .bpa-ma-date-time-details .bpa-ma-dt__time-val svg,
.bpa-tn__dropdown-menu .bpa-tn__dropdown-item svg,
.bpa-front-ma-table-actions-wrap .bpa-front-ma-taw__card .bpa-front-btn--icon-without-box span svg,
.bpa-tn__dropdown-head .bpa-cp-avatar__default-img svg {
fill:#727E95 !important;
}
.bpa-ma-vac--action-btn-group .bpa-front-btn span svg {
fill:#535D71 !important;    
}
.bpa-ma-vac--action-btn-group .bpa-front-btn:hover span svg,
.bpa-front-ma-table-actions-wrap .bpa-front-ma-taw__card .bpa-front-btn--icon-without-box:hover span svg {
fill: var(--bpa-cl-white) !important;
}
.bpa-front-default-card{
background: #FFF !important;
}
.bpa-front-btn--primary span,
.bpa-front-ma--pagination-wrapper .el-pager li.active,
.bpa-ma-vac--action-btn-group .bpa-front-btn:hover,
.bpa-front-ma--pagination-wrapper .btn-prev:hover span,
.bpa-front-ma--pagination-wrapper .btn-next:hover span,
.bpa-front-ma--pagination-wrapper .btn-next:hover,
.bpa-front-ma--pagination-wrapper .btn-prev:hover,
.bpa-front-ma--pagination-wrapper .el-pagination .btn-prev .el-icon:hover,
.bpa-front-ma--pagination-wrapper .el-pagination .btn-next .el-icon:hover,
.bpa-front-ma--pagination-wrapper .btn-prev:hover:before,
.bpa-front-ma--pagination-wrapper .btn-next:hover:after,
.el-date-table td.current:not(.disabled) span,
.bpa-front-cp-delete-account-wrapper .bpa-front-dcw__body-btn-group .bpa-front-btn--danger,
.bpa-front-cp-delete-account-wrapper .bpa-front-dcw__body-btn-group .bpa-front-btn--danger span{  
color:#fff !important;
}
.bpa-front-module-heading,
.bpa-cp-pd__title,
.bpa-cp-ma-table.el-table .bpa-cp-ma-cell-val,
.bpa-cp-ma-table.el-table td.el-table__cell .cell,
.bpa-cp-ma-table.el-table .el-table__header-wrapper tr th.el-table__cell,
.bpa-left__service-detail .bpa-sd__appointment-title,
.bpa-bd__item .bpa-item--val,
.bpa-ma-vac-sec-title,
.bpa-front-form-control input,
.bpa-left__service-detail .bpa-sd__appointment-id,
.bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item,
.bpa-tn__dropdown-menu .bpa-tn__dropdown-item,
.bpa-cp-ma-table.el-table td.el-table__cell,
.bpa-cp-ma-table.el-table td.el-table__cell .bpa-ma-date-time-details .bpa-ma-dt__time-val,
.bpa-bd__item .bpa-item--label,
.bpa-vac-pd__item .bpa-vac-pd__label,
.bpa-vac-pd__item .bpa-vac-pd__val,
.bpa-ma-vac--action-btn-group .bpa-front-btn__small,
.bpa-front-btn--primary,
.bpa-front-pill,
.bpa-front-ma--pagination-wrapper .el-pager li.number,
.bpa-front-dcw__body-title,
.bpa-front-dcw__body-sub-title,
.bpa-front-btn,
.el-popconfirm__main,
.bpa-front-btn__small,
.el-date-picker__header-label,
.el-picker-panel__content .el-date-table th,
.el-picker-panel__content .el-date-table td span,
.bpa-front-data-empty-view--my-bookings .bpa-front-dev__title,
.el-form-item__error,
.bpa-front-form-control input::placeholder,
.bpa-front-form-control .el-textarea__inner::placeholder,
.bpa-front-cp-custom-popover .el-year-table td .cell,
.bpa-front-cp-custom-popover .el-month-table td .cell,
.bpa-custom-datepicker .el-year-table td .cell,
.bpa-custom-datepicker .el-month-table td .cell,
.el-year-table td .cell,
.el-month-table td .cell,
.bpa-front-ma--pagination-wrapper .btn-prev span,
.bpa-front-ma--pagination-wrapper .btn-next span{ 
font-family: Poppins !important;   
}
.bpa-front-module-heading,
.bpa-cp-pd__title,
.bpa-cp-ma-table.el-table .el-table__header-wrapper tr th.el-table__cell,
.bpa-left__service-detail .bpa-sd__appointment-title,
.bpa-bd__item .bpa-item--val,
.bpa-ma-vac-sec-title,  
.bpa-front-form-control input,
.bpa-vac-pd__item.__bpa-pd-is-total-item .bpa-vac-pd__label,
.bpa-front-dcw__body-title,
.el-picker-panel__content .el-date-table td:not(.next-month):not(.prev-month):not(.today):not(.current) span,
.el-date-picker__header-label,
.el-date-picker__time-header .el-input .el-input__inner,
.bpa-front-cp-custom-popover .el-year-table td .cell,
.bpa-front-cp-custom-popover .el-month-table td .cell,
.bpa-custom-datepicker .el-year-table td .cell,
.bpa-custom-datepicker .el-month-table td .cell,
.el-year-table td .cell,
.el-month-table td .cell
{
color: #202C45 !important;
}
.bpa-left__service-detail .bpa-sd__appointment-id,
.bpa-tn__dropdown-menu .bpa-tn__dropdown-item span,
.bpa-cp-ma-table.el-table .el-table__expand-icon .el-icon-arrow-right::before,
.bpa-front-data-empty-view--my-bookings .bpa-front-dev__title
{
color: #727E95 !important;
} 
.bpa-tn__dropdown-head svg {
fill: #727E95 !important;
}
.el-picker-panel .el-icon-arrow-left::before,
.el-picker-panel .el-icon-arrow-right::before,
.el-picker-panel .el-icon-d-arrow-left::before,
.el-picker-panel .el-icon-d-arrow-right::before,
.bpa-cp-ma-table.el-table .el-table__expand-icon .el-icon-arrow-right::before,
.bpa-front-form-control--date-picker .el-input__prefix .el-input__icon::before,
.bpa-front-cp--fw__col.__bpa-is-search-icon .bpa-front-form-control .el-input__prefix .el-icon-search:before,
.bpa-front-ma--pagination-wrapper .btn-prev::before, 
.bpa-front-ma--pagination-wrapper .btn-next::after {
background-color: #727E95 !important;
}
.bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item,
.bpa-cp-ma-table.el-table td.el-table__cell .cell,
.bpa-cp-ma-table.el-table td.el-table__cell .bpa-ma-date-time-details .bpa-ma-dt__time-val,
.bpa-bd__item .bpa-item--label,
.bpa-vac-pd__item .bpa-vac-pd__label,
.bpa-vac-pd__item .bpa-vac-pd__val:not(.bpa-front-text-primary-color):not(.bpa-front-text--danger-color):not(.bpa-front-text--danger-color):not(.bpa-front-text-blue-color):not(.bpa-front-text--secondary-orange-color),
.bpa-ma-vac--action-btn-group .bpa-front-btn__small,
.bpa-ma-vac--action-btn-group .bpa-front-btn span svg,
.bpa-cp-ma-table.el-table .bpa-cp-ma-cell-val,
.bpa-front-ma--pagination-wrapper .el-pager li,
.bpa-front-dcw__body-sub-title,
.bpa-front-delete-account-txt,
.bpa-mob-col__body .bpa-mob--service-title,
.bpa-mob--date-time-details .bpa-mob-dtd__date-val, 
.bpa-mob--date-time-details .bpa-mob-dtd__time-val,
.bpa-front-ma--pagination-wrapper .btn-prev span,
.bpa-front-ma--pagination-wrapper .btn-next span,
.bpa-front-ma--pagination-wrapper .el-pagination .btn-prev .el-icon,
.bpa-front-ma--pagination-wrapper .el-pagination .btn-next .el-icon,
.bpa-front-ma--pagination-wrapper .btn-prev::before,
.bpa-front-ma--pagination-wrapper .btn-next::after,
.el-picker-panel__content .el-date-table th,
.el-popconfirm .el-popconfirm__main,
.el-popconfirm .el-popconfirm__action .el-button--bpa-front-btn:not(.bpa-front-btn--danger) 
{
color: #535D71 !important;
}
.btn-prev .el-icon-arrow-left::before,
.btn-next .el-icon-arrow-right::before
{
background-color: #535D71 !important;
}               
@media (min-width: 1200px){    
.bpa-front-module-heading
{
font-size: 18px !important;
}    
.bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item,            
.bpa-front-form-control input,
.bpa-front-btn--primary span,
.bpa-cp-ma-table.el-table .bpa-cp-ma-cell-val,
.bpa-cp-ma-table.el-table td.el-table__cell .cell,    
.bpa-front-ma--pagination-wrapper .el-pager li,
.bpa-left__service-detail .bpa-sd__appointment-id,
.bpa-bd__item .bpa-item--val,
.bpa-ma-vac-sec-title,
.bpa-front-dcw__body-sub-title,
.bpa-vac-pd__item .bpa-vac-pd__label,
.bpa-vac-pd__item .bpa-vac-pd__val,
.bpa-front-ma--pagination-wrapper .btn-prev span,
.bpa-front-ma--pagination-wrapper .btn-next span{
font-size: 14px !important;               
}   
.bpa-left__service-detail .bpa-sd__appointment-title,
.bpa-front-dcw__body-title{
font-size: 16px !important;               
}
.bpa-cp-pd__title,
.bpa-front-btn__small,
.bpa-bd__item .bpa-item--label,
.bpa-cp-ma-table.el-table td.el-table__cell .bpa-ma-date-time-details .bpa-ma-dt__time-val,
.el-picker-panel__content .el-date-table th,
.el-picker-panel__content .el-date-table td span {
font-size: 13px !important;               
}  
}
@media (max-width: 1024px) {
.bpa-front-module-heading,
.bpa-left__service-detail .bpa-sd__appointment-title {
font-size: 16px !important;
}
.bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item,
.el-table th.el-table__cell>.cell,
.bpa-cp-ma-table.el-table .bpa-cp-ma-cell-val,
.bpa-front-ma--pagination-wrapper .el-pager li,
.bpa-left__service-detail .bpa-sd__appointment-id,
.bpa-bd__item .bpa-item--label,
.bpa-ma-vac-sec-title,
.bpa-front-form-control {
font-size: 14px !important;
}
.bpa-cp-pd__title,
.bpa-bd__item .bpa-item--label,
.bpa-vac-pd__item .bpa-vac-pd__label,
.bpa-vac-pd__item .bpa-vac-pd__val,
.bpa-front-btn__small,
.bpa-cp-ma-table.el-table td.el-table__cell .bpa-ma-date-time-details .bpa-ma-dt__time-val {
font-size: 13px !important;    
}          
}
@media (max-width: 576px){
.bpa-front-module-heading
{
font-size: 16px !important;
}
.bpa-tn__dropdown-menu .bpa-tn__dropdown-item a.bpa-tm__item,
.bpa-mob-col__body .bpa-mob--service-title ,
.bpa-left__service-detail .bpa-sd__appointment-title,
.bpa-bd__item .bpa-item--label,
.bpa-bd__item .bpa-item--val,
.bpa-ma-vac-sec-title
{
font-size: 14px !important;
}
.bpa-mob--date-time-details .bpa-mob-dtd__date-val,
.bpa-mob--date-time-details .bpa-mob-dtd__time-val,
.bpa-left__service-detail .bpa-sd__appointment-id,
.bpa-vac-pd__item .bpa-vac-pd__label,
.bpa-vac-pd__item .bpa-vac-pd__val,
.bpa-front-btn__small {
font-size: 13px !important;    
}
.bpa-front-ma--pagination-wrapper .btn-prev, 
.bpa-front-ma--pagination-wrapper .btn-next{
border-color: #CFD6E5 !important;
}
.bpa-front-ma--pagination-wrapper .btn-prev:hover,
.bpa-front-ma--pagination-wrapper .btn-next:hover{
background: #12D488 !important;
border-color: #12D488 !important;
}
.bpa-front-ma--pagination-wrapper .btn-next:hover:after,
.bpa-front-ma--pagination-wrapper .btn-prev:hover:before {
background-color: #fff !important;
}
}
.bpa-front-cp-my-appointment .bpa-front-ma-table-actions-wrap .bpa-front-ma-taw__card .bpa-front-btn--icon-without-box .bpa-my-booking-front-icon{
fill: #727E95 !important;
stroke: #727E95 !important;
}
.bpa-front-cp-my-appointment .bpa-ma-vac--action-btn-group .bpa-front-btn .bpa-my-booking-front-icon{
fill: #535D71 !important;
stroke: #535D71 !important;
}
.bpa-ma-vac--action-btn-group .bpa-front-btn span svg .bpa-front-res-icon__path-fill{
fill: #535D71 !important;
}
.bpa-front-cp-my-appointment .bpa-front-ma-table-actions-wrap .bpa-front-ma-taw__card .bpa-front-btn--icon-without-box:hover .bpa-my-booking-front-icon{
fill: var(--bpa-cl-white) !important;
stroke: var(--bpa-cl-white) !important;
}
.bpa-front-cp-my-appointment .bpa-ma-vac--action-btn-group .bpa-front-btn:hover .bpa-my-booking-front-icon{
fill: var(--bpa-cl-white) !important;
stroke: var(--bpa-cl-white) !important;
}
.bpa-ma-vac--action-btn-group .bpa-front-btn:hover span svg .bpa-front-res-icon__path-fill{
fill: var(--bpa-cl-white) !important;
}
.bpa-front-customer-panel-login-container,
.bpa-front-cp-reschedule-dialog,
.bpa-front-cp-card .bpa-front-cp-left-sidebar,
.bpa-front-cp-reschedule-date-picker,
.bpa-custom-dropdown.el-select-dropdown,
.bpa-front-cp-reschedule-mob-drawer,
.bpa-custom-datepicker,
.bpa-custom-datepicker .el-picker-panel__footer,
.bpa-front-form-control--radio .el-radio__inner::after,
.bpa-custom-datepicker .el-time-panel,
.bpa-dialog--refund-appointments,
.bpa-front-cp-refund-mob-drawer,
.bpa-front-cp-reschedule-time-dropdown{
background-color: #FFF !important;
}
.bpa-custom-dropdown .el-select-dropdown__item.hover,
.bpa-custom-dropdown .el-select-dropdown__item:hover,
.bpa-front-cp-reschedule-time-dropdown .el-select-dropdown__item.hover, 
.bpa-front-cp-reschedule-time-dropdown .el-select-dropdown__item:hover{
background-color: #f4f7fb !important;
}
.bpa-cp-ls__tab-menu .bpa-tm__item .bpa-tm__item-icon svg,
.bpa-front__ar-icons svg.bpa-front-appointment-cart-icon,
.bpa-front__ar-icons .bpa-front-ari__deposit-icon svg,
.bpa-cp-ma-table.el-table td.el-table__cell .bpa-ma-date-time-details .bpa-ma-dt__time-val svg,
.bpa-front-ma-table-actions-wrap .bpa-front-ma-taw__card .bpa-front-taw__reschedule-icon span svg path.bpa-front-res-icon__path,
.bpa-cp-ls__personal-details .bpa-cp-avatar__default-img svg  {
fill:#727E95 !important;
}
.bpa-front-ma-table-actions-wrap .bpa-front-ma-taw__card .bpa-front-taw__reschedule-icon span svg {
fill: unset !important;
}
.bpa-cp-ls__tab-menu .bpa-tm__item.__bpa-is-active .bpa-tm__item-icon svg{
fill: var(--bpa-cl-white) !important;
}
.bpa-front-ma-table-actions-wrap .bpa-front-ma-taw__card .bpa-front-taw__reschedule-icon:hover span svg path.bpa-front-res-icon__path{
fill: var(--bpa-cl-white) !important;
}
.bpa-front-form-control.el-input .el-icon-view:before,
.bpa-front-form-control--date-picker .el-input__prefix .el-input__icon::before{
background-color:#727E95 !important;
}
.bpa-front-cp-card .bpa-front-cp-left-sidebar,
.bpa-front-cp-delete-account-belt,
.bpa-front-dialog-footer,
.bpa-front-customer-panel-login-container,
.bpa-cp-ls__tab-menu .bpa-tm__item .bpa-tm__item-icon,
.bpa-custom-datepicker,
.bpa-custom-dropdown,
.bpa-front-form-control--radio .el-radio__inner,
.bpa-front-form-control .el-textarea__inner,
.bpa-front-form-control--checkbox .el-checkbox__inner:hover,
.bpa-custom-checkbox--is-label .el-checkbox__inner,
.bpa-front-form-control--checkbox .el-checkbox__inner,
.bpa-front-form-control--radio .el-radio__inner,
.bpa-front-cp-delete-account-belt .bpa-front-dab__right .bpa-front-btn,
.bpa-custom-datepicker .el-time-panel,
.bpa-custom-datepicker .el-time-panel__content::after, 
.bpa-custom-datepicker .el-time-panel__content::before,
.bpa-custom-datepicker .el-time-panel__footer,
.bpa-cp-ls__personal-details .bpa-cp-avatar__default-img,
.bpa-dialog--refund-appointments,
.bpa-front-cp-reschedule-time-dropdown {
border-color: #CFD6E5 !important;
}
.bpa-front-dab__right .bpa-front-btn:hover,
.bpa-front-btn--danger, .el-button--bpa-front-btn.bpa-front-btn--danger{
border-color: var(--bpa-sc-danger) !important;
}
.bpa-custom-dropdown .el-select-group__wrap:not(:last-of-type)::after,
.bpa-front-cp-reschedule-time-dropdown .el-select-group__wrap:not(:last-of-type)::after{
background-color: #CFD6E5 !important;
}
.bpa-custom-datepicker .el-picker-panel__footer{
border-top-color:#CFD6E5 !important;
}
.bpa-custom-datepicker .el-date-picker__time-header,
.bpa-dialog--refund-appointments .bpa-front-rcr__item .bpa-front-rcr__item-val,
.bpa-front-cp-refund-mob-drawer .bpa-front-rcr__item .bpa-front-rcr__item-val{
border-bottom-color:#CFD6E5 !important;
}
.bpa-cp-ls__tab-menu .bpa-tm__item.__bpa-is-active span,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-date-table td.current:not(.disabled) span,
.bpa-front-btn--primary:focus,
.el-date-picker.has-time .el-picker-panel__footer .el-button--default,
.el-date-picker.has-time .el-picker-panel__footer .el-button--default:focus,
.el-date-picker.has-time .el-picker-panel__footer .el-button--default:hover,
.el-date-picker.has-time .el-time-panel__btn.confirm,
.el-radio__input.is-checked .el-radio__inner,
.bpa-cp-ls__tab-menu .bpa-tm__item.__bpa-is-active .bpa-tm__item-icon
{
background-color:#12D488 !important;
}
.el-date-picker.has-time .el-picker-panel__footer .el-button--default,
.el-date-picker.has-time .el-time-panel__btn.confirm {
color: #fff !important;
}
.bpa-front-form-control--radio .el-radio__input.is-checked+.el-radio__label,
.bpa-front-form-control--checkbox .el-checkbox__input.is-checked + .el-checkbox__label,
.bpa-custom-dropdown .el-select-dropdown__item.selected,
.bpa-front-cp-reschedule-time-dropdown .el-select-dropdown__item.selected {
color:#12D488 !important;
}
.bpa-cp-ls__tab-menu .bpa-tm__item.__bpa-is-active span,
.el-checkbox__input.is-checked .el-checkbox__inner,
.bpa-front-btn--primary:focus,
.el-date-picker.has-time .el-picker-panel__footer .el-button--default,
.el-date-picker.has-time .el-picker-panel__footer .el-button--default:focus,
.el-date-picker.has-time .el-picker-panel__footer .el-button--default:hover,
.el-date-picker.has-time .el-time-panel__btn.confirm,
.el-radio__inner:hover,
.bpa-front-form-control--checkbox .el-checkbox__inner:hover,
.el-radio__input.is-checked .el-radio__inner,
.bpa-cp-ls__tab-menu .bpa-tm__item.__bpa-is-active .bpa-tm__item-icon {
border-color:#12D488 !important;
}
.bpa-cp-ls__tab-menu .bpa-tm__item.__bpa-is-active span,
.bpa-front-btn--primary:focus,
.bpa-cp-ls__tab-menu .bpa-tm__item.__bpa-is-active .bpa-tm__item-icon {
box-shadow:0 4px 8px rgba(18,212,136,0.06), 0 8px 16px rgba(18,212,136,0.16) !important;
}
.bpa-cp-ls__tab-menu .bpa-tm__item.__bpa-is-active span {
color:var(--bpa-cl-white) !important;
}
.bpa-cp-ls__personal-details .bpa-cp-pd__content,
.bpa-cp-ls__tab-menu .bpa-tm__item,
.el-form-item__label span,
.bpa-front-form-label,
.bpa-front-cp-my-appointment .bpa-ma-staff-name,
.bpa-front-cp-rd__desc,
.el-date-picker.has-time button.el-time-panel__btn,
.el-date-picker.has-time button.el-button--mini,
.el-date-picker__time-header .el-input .el-input__inner,
.bpa-front-form-control--radio .el-radio__label,
.bpa-front-form-control--checkbox .el-checkbox__label,
.bpa-front-dab-left__title,
.bpa-front-dab-left__desc,
.bpa-front-toast-notification.--bpa-success p,
.bpa-vac__extra__col .bpa-ec--title,
.bpa-vac__extra__col .bpa-ec--price,
.bpa-front-toast-notification.--bpa-error p,
.bpa-custom-dropdown .el-select-dropdown__item span,
.bpa-custom-dropdown .el-select-group__title,
.bpa-front-form-control .el-textarea__inner,
.bpa-dialog--refund-appointments .bpa-front-rcr__item .bpa-front-rcr__item-label,
.bpa-dialog--refund-appointments .bpa-front-rcr__item .bpa-front-rcr__item-val,
.bpa-front-cp-refund-mob-drawer .bpa-front-rcr__item .bpa-front-rcr__item-label,
.bpa-front-cp-refund-mob-drawer .bpa-front-rcr__item .bpa-front-rcr__item-val,
.bpa-dialog--refund-appointments .bpa-front-ra__error-msg,
.bpa-front-cp-reschedule-time-dropdown .el-select-group__title,
.bpa-front-cp-reschedule-time-dropdown .el-select-dropdown__item
{
font-family: Poppins !important;
}
.el-date-picker.has-time .el-time-spinner__item.active:not(.disabled),
.bpa-front-form-control .el-textarea__inner,
.bpa-dialog--refund-appointments .bpa-front-rcr__item .bpa-front-rcr__item-val,
.bpa-front-cp-refund-mob-drawer .bpa-front-rcr__item .bpa-front-rcr__item-val
{
color: #202C45 !important;
}
.bpa-cp-ls__tab-menu .bpa-tm__item span,
.bpa-cp-ls__tab-menu .bpa-tm__item,
.bpa-front-form-label,
.el-form-item__label span,
.bpa-vac__extra__col .bpa-ec--title,
.bpa-vac__extra__col .bpa-ec--price,
.bpa-front-dab__left .bpa-front-dab-left__title,
.bpa-frontend-main-container button.el-button:not(:hover):not(:active):not(.has-text-color),
.bpa-front-is-deposit-payment-val,
.bpa-front-cp-rd__desc,
.el-date-picker.has-time .el-time-spinner__item,
.el-date-picker.has-time button.el-button--mini,
.el-date-picker.has-time button.el-time-panel__btn,
.bpa-custom-dropdown .el-select-dropdown__item,
.bpa-frontend-main-container .bpa-front-cp__login-btn-group .bpa-front-btn--borderless:hover,
.bpa-front-cp-reschedule-time-dropdown .el-select-dropdown__item{
color: #535D71 !important;
}
.bpa-cp-ls__personal-details .bpa-cp-pd__content,
.bpa-front-dab__left .bpa-front-dab-left__desc,
.bpa-front-btn:hover,
.bpa-front-form-control--radio .el-radio__label,
.bpa-front-form-control--checkbox .el-checkbox__label,
.bpa-custom-dropdown .el-select-group__title,
.bpa-front-form-control.el-select .el-input .el-select__caret,
.bpa-frontend-main-container .bpa-front-cp__login-btn-group .bpa-front-btn--borderless:not(:hover):not(:active):not(.has-text-color),
.bpa-dialog--refund-appointments .bpa-front-rcr__item .bpa-front-rcr__item-label,
.bpa-front-cp-refund-mob-drawer .bpa-front-rcr__item .bpa-front-rcr__item-label,
.bpa-front-cp-reschedule-time-dropdown .el-select-group__title
{
color: #727E95 !important;
}
.bpa-front-timeslotbox svg {
fill: #727E95 !important;
}               
@media (min-width: 1200px) {
.bpa-cp-pd__title,
.bpa-front-dab__left .bpa-front-dab-left__title {
font-size:16px !important;
} 	
.bpa-cp-ls__personal-details .bpa-cp-pd__content,
.bpa-cp-ls__tab-menu .bpa-tm__item span,
.bpa-cp-ls__tab-menu .bpa-tm__item,
.bpa-front-form-label,
.bpa-front-dab__left .bpa-front-dab-left__desc,
.bpa-front-cp-rd__desc {
font-size:14px !important;	
}
.bpa-vac__extra__col .bpa-ec--title,
.bpa-vac__extra__col .bpa-ec--price,
.bpa-front-is-deposit-payment-val {
font-size:13px !important;	
}
}