@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}body.wc-block-product-gallery-modal-open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:auto}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;margin-left:auto!important;margin-right:auto!important;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.5}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{-ms-grid-row-align:center;align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{-moz-appearance:none;appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.6;padding:0!important;text-decoration-line:underline;text-underline-position:under}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}.woocommerce-Price-currencySymbol {
visibility: hidden;
}
.woocommerce-Price-currencySymbol:before {
content: "คลาส";
visibility: visible;
}
.woocommerce-Price-amount.amount {
color: #B71427;
}
.post_comments.op-7.block.is-xsmall {
display: none;
padding: 1%;
}
.tutor-wrap.tutor-full-width-course-top.tutor-course-top-info.tutor-page-wrap.tutor-wrap-parent.post-159.courses.type-courses.status-publish.has-post-thumbnail.hentry.course-category-game {
padding-bottom: 3%;
}
.tutor-wrap {
padding-top: 3%;
padding-bottom: 3%;
}
li.tutor-dashboard-menu-item.tutor-dashboard-menu-withdraw {
display: none;
}
.bpa-front-module--bs-amount-details.bpa-is-deposit-module-enable {
display: none;
}
.bpa-front-module-container.bpa-front-module--payment-methods {
display: none;
}
#comments .comment-respond {
background-color: rgba(0,0,0,.05);
margin-top: 15px;
padding: 15px 25px 0;
display: none;
}
.bpa-ma-vac--payment-details {
display: none;
}
div#customer_details {
display: none;
}
.woocommerce-form-coupon-toggle {
display: none;
}.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:#FFFFFF !important;
}
.bpa-front-data-empty-view--my-bookings .bpa-front-dev__form-bg{
fill:#FFFFFF !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: #FFFFFF !important;
}
.bpa-front-data-empty-view--my-bookings .bpa-front-dev__panel-bg{
fill: #FFFFFF !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: #305CBB !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(0,0,0,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: #FF0000 !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:#FF0000 !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:#000000 !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: #FF0000 !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:#FF0000 !important;
}
.bpa-front-data-empty-view--my-bookings .bpa-front-dev__primary-bg{
stroke:#FF0000 !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:#000000 !important;
}
.bpa-ma-vac--action-btn-group .bpa-front-btn span svg {
fill:#EF1111 !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: #FFFFFF !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: Kanit !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: #125AEF !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: #000000 !important;
} 
.bpa-tn__dropdown-head svg {
fill: #000000 !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: #000000 !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-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: #EF1111 !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: #305CBB !important;
}
.bpa-front-ma--pagination-wrapper .btn-prev:hover,
.bpa-front-ma--pagination-wrapper .btn-next:hover{
background: #FF0000 !important;
border-color: #FF0000 !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-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: #FFFFFF !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: #FFFFFF !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:#000000 !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:#000000 !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: #305CBB !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: #305CBB !important;
}
.bpa-custom-datepicker .el-picker-panel__footer{
border-top-color:#305CBB !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:#305CBB !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:#FF0000 !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:#FF0000 !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:#FF0000 !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(255,0,0,0.06), 0 8px 16px rgba(255,0,0,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: Kanit !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: #125AEF !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: #EF1111 !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: #000000 !important;
}
.bpa-front-timeslotbox svg {
fill: #000000 !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;	
}
}