.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: 0.4s;
animation-duration: 0.4s;    
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.4s;  
animation-delay: 0.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;
}
}.bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox,
.bpa-front-module--booking-summary .bpa-is-gift_card-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: 0.4s;
animation-duration: 0.4s;    
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.4s;  
animation-delay: 0.4s;
}
.bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox{
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: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.bpa-fm--bs__gift-card-module-textbox {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.bpa-fm--bs__gift-card-module-textbox .bpa-cmt__right {
min-width: 330px;
position: relative;
}
.bpa-fm--bs__gift-card-module-textbox .bpa-front-form-label{
font-size: 14px;
line-height: 40px;
font-weight: 500;
font-family: var(--bpa-primary-font);
display: block;
color: var(--bpa-dt-black-300);
position: relative;
margin-bottom: 0;
}
.bpa-fm--bs__gift-card-module-textbox button.bpa-front-btn{
position: absolute;
right: 3px;
top: 3px;
padding: 7px 20px !important;
border-radius: var(--bpa-radius-4px) !important;
font-size: 14px;
line-height: 17px;
min-width: 82px;
justify-content: center;
} .bpgc-front-gift-card-detail .bpgc-gift-card-service-include-text {
font-weight: 600;
height: 32px;
font-size: 16px;
border-bottom: 1px dashed var(--bpa-gt-gray-400);
margin-bottom: 12px;
}
.bpgc-show-gift-card-services_load .bpgc-gift-card-service-load-link svg{
width: 16px;
margin-left: 6px;
fill: var(--bpa-pt-main-green);
top: 50%;
position: absolute;
transform:translateY(-50%);
right:-20px;
}
.bpgc-gift-card-head-col .bpgc-front-module-heading {
font-size: 30px;
}
.bpa-front-module--booking-summary .bpa-bs__gift_card-validation {
margin-top: 8px;
display: flex;
align-items: center;
}
.bpa-front-module--booking-summary .bpa-bs__gift_card-validation.--is-error p {
color: var(--bpa-sc-danger);
}
.bpa-front-module--booking-summary .bpa-bs__gift_card-validation p {
font-size: 13px;
font-weight: 500;
font-family: var(--bpa-primary-font);
}
.bpa-front-module--booking-summary .bpa-bs__gift_card-validation.--is-error svg {
fill: var(--bpa-sc-danger);
}
.bpa-front-module--booking-summary .bpa-bs__gift_card-validation svg {
width: 16px;
margin-right: 4px;
}
.bpa-front-module--booking-summary .bpa-is-gift_card-applied .bpa-bs-ai__item span {
background-color: var(--bpa-pt-main-green);
border-radius: var(--bpa-radius-2px);
color: var(--bpa-cl-white);
font-family: var(--bpa-primary-font);
font-size: 13px;
font-weight: 500;
display: inline-block;
padding: 2px 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-left: 8px;
}
.bpa-front-module--booking-summary .bpa-is-gift_card-applied .bpa-bs-ai__item span svg {
width: 14px;
vertical-align: middle;
margin-left: 4px;
cursor: pointer;
fill: var(--bpa-cl-white);
margin-top: -1px;
}
.bpa-front-module--booking-summary .bpa-front-module--bs-amount-details .bpa-is-gift_card-applied {
padding: 12px 24px;
} .bpgc-front-module--pm-body__item{ order: 2;}
.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: 0.4s;
animation-duration: 0.4s;    
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.4s;  
animation-delay: 0.4s;
}
.bpa-front-module--booking-summary .bpa-is-gift-card-module-enable.bpa-is-coupon-applied {
padding: 12px 24px;
}
.bpa-front-module--booking-summary .bpa-is-gift-card-module-enable.bpa-is-coupon-applied .bpa-bs-ai__item span{
background-color: var(--bpa-pt-main-green);
border-radius: var(--bpa-radius-2px);
color: var(--bpa-cl-white);
font-family: var(--bpa-primary-font);
font-size: 13px;
font-weight: 500;
display: inline-block;
padding: 2px 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-left: 8px;
}
.bpa-front-module--booking-summary .bpa-is-gift-card-module-enable.bpa-is-coupon-applied .bpa-bs-ai__item span svg{
width: 14px;
vertical-align: middle; 
margin-left: 4px;
cursor: pointer;
fill: var(--bpa-cl-white);
margin-top: -1px;
}
.bpa-front-module--booking-summary .bpa-is-gift-card-module-enable.bpa-is-coupon-applied .bpa-bs-ai__item.bpa-is-price{
color: var(--bpa-sc-danger) !important;
}
.bpa-front-cp-my-appointment span.material-icons-round.bpgc-apc__gift-card-icon
{
width: 18px;
height: 18px;
cursor: pointer;
fill: var(--bpa-dt-black-200);
margin-top: 4px;
}
.bpgc-gift-card-button button:focus{
outline: 2px solid black;
}
.bpa-gift-generated-code-svg {
vertical-align: text-top;
}
.bpa-gift-generated-code-title .cell{
display: flex;
}
.bpa-gift-generated-code {
width: 150px;
}
.bpgc-front-cp-my-gift-card-tablet .bpa-gift-generated-code {
width: 140px;
}
.bpa-gift-generated-code-svg:hover {
color: var(--bpa-pt-main-green);
}
.bpa-ma-vac-usage_history-title {
border: none;
}
.bpa-ap-item__head,
.bpa-ib--item-card {
display: flex;
justify-content: space-between;
padding: 0 16px;
margin-bottom: 12px; }
.bpa-vac-ap--items--usage-history .bpa-ih--item,
.bpa-vac-ap--items--usage-history .bpa-ib--item { flex: 0 0 auto; }
.bpa-gc-item-usage-history-body-section .bpa-vac-pd__item .bpa-vac-pd__val {text-align: left;  }
.bpa-ib--item.bpgc-gift-card-usage-history-right-item .bpa-vac-pd__val {text-align: right; } .bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(1),
.bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(1) { width: 10%; }
.bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(2),
.bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(2) { width: 30%; }
.bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(3), 
.bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(3) { width: 40%; }
.bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(4),
.bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(4) { width: 20%; text-align: right; }
.bpa-ap-item__body.bpa-gc-item-usage-history-body-section .bpa-ib--item-card.bpa-vac-pd__item{
border: 1px solid var(--bpa-gt-gray-400);
border-radius: var(--bpa-radius-8px);
padding: 12px 16px;   
}
.bpa-item--val.bpa-front-text-primary-color{
color: var(--bpa-pt-main-green) !important;
}
.bpa-front-cp--filter-wrapper-gift-card .bpa-form-control--date-range-picker.el-date-editor{
border-radius: 6px;
background-color: transparent !important;
border-color: var(--bpa-gt-gray-400);
padding: 3px 0 3px 16px;
line-height: unset;
height: auto;
}
.bpa-frontend-main-container .el-select-dropdown__item {
padding: 0 20px !important;
}
.bpa-ap-item__body .bpa-ib--item-card + .bpa-ib--item-card {
margin-top: 12px;
}
#paypal-giftcard-button-container {
margin-left: 16px;
}
.bpa-front-cp--filter-wrapper-gift-card .bpa-front-cp--fw__date-picker-col .el-date-editor .el-input__icon {
width: 20px;
height: 20px;
line-height: 20px; 
}
.bpa-front-cp--filter-wrapper-gift-card .bpa-front-cp--fw__date-picker-col .el-range__icon::before{
content: '';
background-color: var(--bpa-dt-black-200);
-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='M20 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 18H5c-.55 0-1-.45-1-1V8h16v12c0 .55-.45 1-1 1z'/%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='M20 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H7V2c0-.55-.45-1-1-1s-1 .45-1 1v1H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 18H5c-.55 0-1-.45-1-1V8h16v12c0 .55-.45 1-1 1z'/%3E%3C/svg%3E");
width: 16px;
height: 16px;
position: absolute;   
} .bpa-front-cp--filter-wrapper-gift-card .bpa-form-control--date-range-picker input::placeholder {
color: rgba(114,126,149,0.75);    
}
.bpa-gift-card-card-details-line {
border-bottom:  1px solid #CFD6E5;
margin-bottom: 20px;
}
.bpa-gift-card-usage-history-service-title p {
font-size: 14px !important;
line-height: 18px;
}
.bpa-gift-card-flex-item-gap { gap: 10px; } .bookingpress_gift_card_tcaptcha_container { display: flex; flex-direction: column;}
.bookingpress_tcpatcha_complete_err_msg { order:2; color: var(--bpa-sc-danger);
font-size: 12px;
line-height: 16px;
left: 16px;
margin-top: 6px;
padding-top: 0;
padding-left: 20px !important; position: relative;}
.bookingpress_tcpatcha_complete_err_msg.has-error:before
{    content: '';
position: absolute;
background-color: var(--bpa-sc-danger);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1zm-.01-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm1-3h-2v-2h2v2z'/%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='M12 7c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1zm-.01-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm1-3h-2v-2h2v2z'/%3E%3C/svg%3E");
left: 0;
top: calc(50% - 8px);
width: 16px;
height: 16px;
} @media (max-width: 991px){
.bpa-fm--bs__gift-card-module-textbox .bpa-cmt__right {
min-width: 280px;
}
}
@media (max-width: 576px) {
.bpa-front-module--booking-summary .bpa-fm--bs__gift-card-module-textbox {
padding: 8px 20px;
flex-direction: column;
}
.bpa-front-module--booking-summary .bpa-fm--bs__gift-card-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__gift-card-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-fm--bs__gift-card-module-textbox .bpa-cmt__right {
min-width: 100%;
}
.bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(1), .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(1){
width: auto;
}
.bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(2), .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(2) {
width: 50%;
}
.bpa-gift-card-usage-history-service-title .bpa-vac-pd__val{
font-size: 14px;
}
.bpa-ib--service-subitem .bpa-vac-pd__val {
font-size: 13px;
font-weight: 400;
}
.bpa-mob-col__body .bpa-mob--date-time-details.bpgc-mob--gift-card-details {
gap: 15%;
}
.bpa-front-cp-ma__mob-col .bpa-mob-col__body {width: 100%;}
.bpgc-front-cp-my-gift-card .bpa-front-invoice-btn { width: 100%; justify-content: center; } 
.bpa-date-range-picker-widget-wrapper{
width: 85%;
}
.bpa-date-range-picker-widget-wrapper .el-picker-panel__body{
min-width: 100%;
}
.bpa-date-range-picker-widget-wrapper .el-date-range-picker__content{
width: 100%;
float: none;
}    
.bpgc-front-cp-my-gift-card-mob .bpa-vac-ap--items--usage-history .bpa-ih--item:nth-child(3), 
.bpgc-front-cp-my-gift-card-mob .bpa-vac-ap--items--usage-history .bpa-ib--item:nth-child(3) { width: 30%; }    
}.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: #222222 !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:#222222 !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: #222222 !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:#222222 !important;
}
.bpa-front-data-empty-view--my-bookings .bpa-front-dev__primary-bg{
stroke:#222222 !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: #222222 !important;
border-color: #222222 !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:#222222 !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:#222222 !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:#222222 !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(34,34,34,0.06), 0 8px 16px rgba(34,34,34,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;	
}
}.bpa-front-cp-my-appointment span.material-icons-round.bpgc-apc__gift-card-icon {fill: #727E95 !important}
.bpa-front-cp--filter-wrapper-gift-card .bpa-front-cp--fw__date-picker-col .el-range__icon::before{
background-color: #727E95 !important;
}
.bpa-front-cp--filter-wrapper-gift-card .bpa-form-control--date-range-picker.el-date-editor {
border-color: #CFD6E5 !important;
}
.bpa-front-cp--filter-wrapper-gift-card .bpa-form-control--date-range-picker input::placeholder {
color: #727E95 !important;
}
.bpa-date-range-picker-widget-wrapper .el-date-range-picker__header div, {
color: #202C45 !important;
}
.bpa-date-range-picker-widget-wrapper .el-date-range-picker__header div.active,
.bpa-date-range-picker-widget-wrapper .el-date-range-picker__header div:hover {
color: ' . #222222. ' !important;
}   
.bpa-mob--service-title.bpa-gift-card-mob-title { color: #202C45 !important; }
.bpa-zoom-gogole-link > svg *{
fill:#727E95;
}            
.bpa-zoom-gogole-link{                    
border-color: #CFD6E5 !important;
} 
.bpa-zoom-gogole-link:hover{
background-color: #222222 !important;               
}