@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap);
:not(i){font-family:Poppins;font-style:normal;font-weight:400}.bon-card-custom{border-radius:20px;overflow:hidden}.bon-card-custom .bon-card-body{padding:50px 36px!important;position:relative;z-index:2}.bon-bg-gradient{background:linear-gradient(97.99deg,#ed66b2 18.85%,#86469c 116.55%);border-radius:20px}.bon-card-title{font-size:30px;font-weight:400;line-height:45px}.bon-card-subtitle{font-size:14px;line-height:20px}.bon-gift-bg{height:100%;position:absolute;right:0;top:0;z-index:1}.bon-chart-title{font-size:24px;font-weight:600;line-height:36px}.mb-28px{margin-bottom:28px}.filter .dropdown .dropdown-toggle{border:1.2px solid rgba(27,27,39,.08);border-radius:8px;box-sizing:border-box;color:#8c8c96;font-size:14px;font-weight:400;line-height:20px;padding:10px 13px;transition:all .3s;width:120px}.filter .dropdown .dropdown-toggle:after{color:#8c8c96;margin-left:15px}.filter .dropdown .dropdown-toggle:hover{background-color:hsla(0,0%,100%,.1);color:#8c8c96;transition:all .3s}.filter .dropdown.show .dropdown-toggle{background-clip:padding-box,border-box;background-image:linear-gradient(#eff1f6,#eff1f6),linear-gradient(90deg,#ed66b2 0,#86469c);background-origin:border-box;color:#ed66b2}.filter .dropdown.show .dropdown-menu{background-color:#fff;border-radius:10px;padding:0;width:110px}.filter .dropdown.show .navi{text-align:center}.filter .dropdown.show .navi-link{font-size:14px;line-height:20px;transition:all .3s}.filter .dropdown.show .navi-text{color:#8c8c96}.filter .dropdown.show .navi-link:hover{background-color:transparent!important}.filter .dropdown.show .navi-link:hover span{color:#ed66b2!important;transition:all .3s}.paragraph-title{color:#1b1b27;font-size:16px;font-weight:600;line-height:27px;margin-bottom:0;text-transform:capitalize}.paragraph-content{color:#8c8c96;font-size:14px;line-height:20px;margin-bottom:0}.paragraph-container{display:flex;flex-direction:column;justify-content:center;padding:9px 24px}.loyalty-card-img{border-radius:10px}.aside-menu .menu-nav>.menu-item>.menu-heading .menu-text,.aside-menu .menu-nav>.menu-item>.menu-link .menu-text{color:#9b9ba0!important}.aside-menu .menu-nav>.menu-item>.menu-heading .menu-text:hover,.aside-menu .menu-nav>.menu-item>.menu-link .menu-text:hover{color:#ed66b2}#kt_aside_menu .menu-item{padding:3px 20px}#kt_aside_menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,#kt_aside_menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link{background:linear-gradient(97.99deg,rgba(237,102,178,.16) 18.85%,rgba(134,70,156,.16) 116.55%)!important;border-radius:12px;transition:background-color .5s}#kt_aside_menu .menu-nav>.menu-item.menu-item-active>.menu-heading,#kt_aside_menu .menu-nav>.menu-item.menu-item-active>.menu-link{background:linear-gradient(97.99deg,rgba(237,102,178,.16) 18.85%,rgba(134,70,156,.16) 116.55%);border-radius:12px;transition:background-color .5s}#kt_aside_menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading .menu-text .menu-text,#kt_aside_menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link .menu-text,#kt_aside_menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-text,#kt_aside_menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-text{color:#ed66b2!important}.dashboard-chart .filter{margin:0 0 0 auto}.dashboard-chart .filter select{max-width:250px}.tooltip-inner{border-radius:10px;max-width:300px}.bon-close-alert:hover{cursor:pointer}.btn-filter{height:40px!important;min-width:120px!important;padding:6px 27px!important}@media (max-width:576px){.loyalty-card-img{height:100%!important;width:100%!important}.bon-filter{text-align:center}}.tooltip_bon{display:inline-block;position:relative}.tooltip_bon:hover #myTooltip,.tooltip_bon:hover #myTooltip-first{opacity:1;visibility:visible}.tooltip_bon #myTooltip{align-items:center;background-color:#000;border-radius:6px;border-radius:8px;bottom:-5px;color:#fff;display:flex;font-size:10px;justify-content:center;line-height:16px;margin-left:35px;min-height:30px;min-width:125px;opacity:0;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;z-index:1}.tooltip_bon #myTooltip:after{border:5px solid transparent;border-right-color:#000;bottom:35%;content:"";position:absolute;right:100%}.tooltip_bon img:hover{cursor:pointer}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}.hover-style-cursor{cursor:pointer}.dialog-faq img:not(.close-btn){margin-bottom:1rem;width:100%}.dialog-faq .font-weight-600{font-weight:600}.dialog-faq p{word-break:break-word!important}.dialog-faq h6{font-weight:500!important}.earning-tab .el-tabs__header{margin-bottom:12px}.earning-tab .el-tabs__active-bar{background-color:#ed66b2!important;height:3px!important}.earning-tab .el-tabs__item{min-width:150px!important;text-align:center!important;text-transform:uppercase}.earning-tab .el-tabs__item.is-active,.earning-tab .el-tabs__item:hover{color:#ed66b2!important}.earning-tab .tab-description{font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;line-height:20px;margin-bottom:10px;text-align:left}.bon-custom-dropdown .dropdown-item:hover{background-color:transparent;color:#ed66b2}.bon-custom-dropdown.show>.dropdown-toggle.btn-light,.bon-custom-dropdown.show>.dropdown-toggle.btn-secondary{border-color:#86469c!important}.bon-custom-dropdown .dropdown-menu.inner>li.selected>a,.bon-custom-dropdown .dropdown-menu.inner>li:hover>a{background-color:#fff!important}.bon-custom-dropdown .dropdown-menu.inner>li.selected>a .text,.bon-custom-dropdown .dropdown-menu.inner>li:hover>a .text{color:#ed66b2;transition:all .3s}.bon-custom-dropdown .dropdown-menu.inner>li>a .text{color:#8c8c96}.bon-custom-dropdown .dropdown-toggle{border-radius:12px}.bon-custom-dropdown .dropdown-menu.show{background:#fff;border-radius:0 0 10px 10px}.bon-custom-dropdown .dropdown-menu.show .dropdown-item{font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;line-height:20px;text-align:left;transition:all .3s}.bon-custom-dropdown .dropdown-menu.show .dropdown-item span{white-space:break-spaces}.referral-col{background:#eff1f6;border-radius:20px;padding:30px}.referral-col:first-child{margin-right:30px}.referral-col h3{font-size:18px;font-style:normal;font-weight:600;letter-spacing:0;line-height:33px;margin-bottom:24px;text-align:center}.referral-col label:not(.custom-control-label){font-size:12px;font-style:normal;font-weight:500;letter-spacing:.04em;line-height:20px;margin-bottom:12px;text-align:left;text-transform:uppercase}.social-sharing h3{font-size:18px;font-style:normal;font-weight:600;letter-spacing:0;line-height:33px;margin-bottom:24px;text-align:center}.social-sharing .item{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:15px}.social-sharing .item .status{flex:0 0 25%;max-width:25%}.social-sharing .item .title{flex:0 0 75%;max-width:75%}.social-sharing .item .title .with-content{align-items:center;display:flex;flex-wrap:wrap;margin-top:10px}.social-sharing .item .title .with-content .title-content{flex:0 0 20%;max-width:20%}.social-sharing .item .title .with-content .body-content{flex:0 0 80%;max-width:80%}.bon-modal .form-group label{font-size:12px;font-style:normal;font-weight:500;letter-spacing:.04em;line-height:20px;margin-bottom:12px;text-align:left;text-transform:uppercase}.bon-modal .form-group .custom-control-label{font-weight:400;text-transform:none}.all-tab{background-image:linear-gradient(97.99deg,#ed66b2 18.85%,#86469c 116.55%);background-origin:border-box;background-repeat:no-repeat;border-bottom:40px solid transparent;border-left:0 solid transparent;border-right:25px solid #eef0f8;font-family:Poppins;height:40px;margin-bottom:30px;width:150px}.all-tab .tab-label{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center;line-height:40px}.show-social-sharing-text{font-size:10pt}.show-social-sharing-text h3{font-size:18px;font-style:normal;font-weight:600;letter-spacing:0;line-height:33px;text-align:center}.show-social-sharing-text a{color:#ed66b2;font-size:10pt;font-weight:700}.show-social-sharing-text a i{color:#ed66b2}@media (max-width:1199px){.referral-col:first-child{margin-bottom:30px}}@media (max-width:512px){.dropdown-filter{align-items:start!important}.referral-col{padding:10px 15px 5px}.referral-col h{margin-bottom:15px}.referral-col:first-child{margin-bottom:20px}.bon-modal-action{margin-top:15px!important}.modal-body{padding:10px 15px 5px!important}#adjustPoint .adjust-point-body{margin-bottom:0!important}.referral-modal .social-sharing .item .status,.referral-modal .social-sharing .item .title,.referral-modal .social-sharing .item .title .with-content .body-content,.referral-modal .social-sharing .item .title .with-content .title-content{flex:0 0 100%;max-width:100%}}.note-referral{align-items:center;background-color:rgba(255,176,77,.12);border-left:3px solid #ffb04d;color:#8c8c96;display:flex;font-size:12px;font-style:normal;font-weight:400;letter-spacing:0;line-height:20px;padding:10px}.note-referral svg{margin-right:10px}.note-referral-info{align-items:center;background-color:#2ca2cb;border-left:3px solid #ffb04d;color:#000;display:flex;font-size:12px;font-style:normal;font-weight:400;letter-spacing:0;line-height:20px;padding:10px}.note-referral-info svg{margin-right:10px}@media (max-width:512px){.note-referral svg{width:100px}}.v-tour__target--highlighted{pointer-events:none!important}.v-tour--active{pointer-events:none}.bon-dropdown-fill .bon-btn-fill{background-image:linear-gradient(97.99deg,#ed66b2 18.85%,#86469c 116.55%);border:none;border-radius:48px;color:#fff;font-size:14px;font-style:normal;font-weight:600;line-height:19px;margin-right:16px;padding:10px 16px}.bon-dropdown-fill .dropdown-toggle.btn:after,.bon-dropdown-fill .dropdown-toggle.nav-link:after{align-self:center;margin-left:13px}.bon-dropdown-fill span{align-self:center}.redeem-modal-body label:not(.custom-control-label){font-size:12px;font-style:normal;font-weight:500;letter-spacing:.04em;line-height:20px;margin-bottom:12px;text-align:left;text-transform:uppercase}.redeem-modal-body label.el-checkbox{margin-bottom:0!important}.redeem-modal-body .bon-label-sm{font-weight:400!important;margin-bottom:0!important;text-transform:none!important}.redeem-modal-body input{background-color:#fff!important}@media (max-width:480px){.bon-dropdown-fill{margin-bottom:10px}}#onboardingModal>.modal-content{border-radius:10px}.bon-setup-card{border-radius:12px;padding:14px 24px}.bon-setup-card:hover{cursor:pointer}.bon-setup-card.active{background:linear-gradient(97.99deg,#ed66b2 18.85%,#86469c 116.55%);color:#fff;font-weight:700}.bon-setup-card .passed{color:#ed66b2}.bon-setup-card>div{margin-right:16px}.setup-content-title{color:#000}.setup-content-title,.setup-content-title a{font-size:18px;font-style:normal;font-weight:600;letter-spacing:0;line-height:27px;margin-bottom:0;text-align:left}.setup-content-title a{text-decoration:underline}.program-branding-title{color:#000;font-size:18px;font-style:normal;font-weight:600;letter-spacing:0;line-height:27px;margin-bottom:0;text-align:left}.setup-content-title.launch-app{font-size:24px;line-height:36px;margin-bottom:4px!important}.setup-content-title p{color:#000!important;font-size:14px;line-height:24px}#setup-content-container{background-color:#fff;box-shadow:none!important;padding:20px 50px;position:relative}#setup-content-container .form-group{margin-bottom:0}#setup-content-container .launch-app-text{color:#000;font-size:14px}#setup-content-container .bon-card-custom{background:#eff1f6!important;height:256px;padding:35px 0 31px}#setup-content-container .modal-footer{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:none;justify-content:space-between;padding:0}.widget-desc{color:#8c8c96;font-family:Poppins;font-style:normal;font-weight:400;letter-spacing:0;line-height:20px;margin-bottom:0;text-align:left}.btn-link-skip,.widget-desc{align-items:center;display:flex;font-size:14px}.btn-link-skip{color:#86469c;z-index:999}.btn-link-skip i{color:#86469c;font-size:14px}.btn-link-skip:hover{color:#86469c;cursor:pointer}.invalid-input{color:#f64e60;font-size:.9rem;margin-top:.25rem;width:100%}.onboarding-modal{border-radius:10px}.welcome-screen{padding:100px}.welcome-screen img{margin-right:120px}.skip-all{font-size:10px!important;margin-left:5px}.setting-left{margin-top:26px}.setting-color{margin-bottom:16px}.setting-color .active{display:block}.setting-color .inactive{display:none}.setting-color-label{margin-bottom:12px}.setting-color-box{padding:4px}.setting-color-box,.setting-title-box{background:#fff;border:1px solid #dcdfe6;border-radius:12px;height:44px}.setting-title-box{padding:12px,24px,12px,24px}.setting-color-input{border:1px solid #dcdfe6;border-radius:12px;height:36px;outline:none;width:36px}.preview-box{align-items:center;background-color:#eff1f6;border-radius:12px;display:flex;height:100%;margin:auto}.preview-box .iframe-display{margin:0 auto;max-width:100%}.preview-box .iframe-display iframe{border-radius:15px;margin-bottom:10px;width:100%}#bon-loyalty-btn{align-items:center;background:linear-gradient(109.54deg,#ed66b2 24.35%,#86469c 140.11%);border:none;border-radius:10px;border-radius:48px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);color:#fff;display:flex;flex-direction:row;margin:0 0 0 auto;padding:10px 20px;word-break:break-all;z-index:999}#bon-loyalty-btn img{height:20px;margin-right:5px}.bon-container{border-radius:5px}.setting-color-span{align-self:center;margin-left:8px}.widget-icon{align-items:center;border:2px solid rgba(134,70,156,.06);border-radius:12px;cursor:pointer;display:flex;justify-content:center;margin-right:8px;padding:18px}.widget-icon.active{background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#ed66b2 0,#86469c);background-origin:border-box;border:2px solid transparent;cursor:pointer}.check-illustration,.setting-label{color:#000!important}.setting-label{font-size:12px!important;line-height:20px!important;text-transform:capitalize}.checkbox{color:#000}.custom-control-input:checked~span{background-color:#86469c!important;border-color:#86469c}.custom-input{background:#fff!important;border:none;border-radius:12px!important;height:44px!important;outline:none;padding:12px 24px!important;width:120px!important}.custom-card-name,.setup-content-container{color:#000!important}.custom-card-name{font-weight:600;margin-bottom:16px;margin-top:12px!important}.custom-span{color:#000!important}.bon-loyalty-container{background:#eff1f6!important}.earning-card:last-child,.redeem-card{margin-bottom:8px!important}@media only screen and (max-width:1200px){.welcome-screen{justify-content:center;padding:50px;text-align:center}.modal-body{display:flex;flex-direction:column}.widget-icon{align-items:center;display:flex;justify-content:center}}@media only screen and (max-width:1000px){.welcome-screen{align-items:center;justify-content:center;padding:10px;text-align:center}.welcome-screen div:not(.img-welcome){align-content:center;display:flex;flex-direction:column;justify-content:center;margin:0 20px}.bon-step{display:none!important}.bon-setup-card span{display:none}.modal-body{display:flex;flex-direction:column}.onboarding-title{font-size:20px!important;font-style:normal;line-height:20px!important;margin-bottom:20px!important}.bon-setup-card{border-radius:12px;padding:14px 10px;text-align:center}.bon-step{width:100%!important}.card-body.bon-card-body img{max-width:50px!important}.setting-label{font-size:10px!important}.welcome-screen img{margin-right:0}.widget-icon{margin-bottom:5px;text-align:center}.iframe-display{width:75%}.bon-setup-card{display:block!important;margin:0;padding:auto}.bon-setup-card div{width:100%!important}}@media only screen and (max-width:500px){.welcome-screen{align-items:center;justify-content:center;padding:10px;text-align:center}.welcome-screen div:not(.img-welcome){align-content:center;display:flex;flex-direction:column;justify-content:center;margin:0 20px}.bon-step{max-width:100%!important;width:100%}.bon-setup-card span{display:none}.modal-body{display:flex;flex-direction:column}.onboarding-title{font-size:20px!important;font-style:normal;line-height:20px!important;margin-bottom:20px!important}#setup-content-container img{max-width:300px}.bon-setup-card{border-radius:12px;padding:14px 10px;text-align:center}.bon-step{width:100%!important}.card-body.bon-card-body img{max-width:50px!important}.setting-label{font-size:10px!important}.welcome-screen img{margin-right:0}.widget-icon{margin-bottom:5px;text-align:center}.iframe-display{width:100%}.bon-header{width:100%!important}}@media only screen and (max-width:800px){.widget-icon{align-items:center;display:flex;justify-content:center}.iframe-display{width:75%}}#previewWidget{height:100%;width:100%}.btn-show-preview{color:#86469c;cursor:pointer;margin-top:5px}.btn-show-preview i,.btn-show-preview:hover{color:#86469c}.img-btn-logo{height:24px;margin-right:2px;width:24px}#onboardingModal{padding:0!important}#bon-loyalty-btn span{font-size:14px;margin-left:8px}.is-invalid .el-input__inner,.is-invalid .el-input__inner:focus,.is-invalid-input{border:1px solid red!important}.onboarding-title{font-size:35px;font-style:normal;font-weight:600;letter-spacing:0;line-height:50px;margin-bottom:40px;text-align:left}.onboarding-subtitle{line-height:24px;margin-bottom:8px}.onboarding-desc,.onboarding-subtitle{font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;text-align:left}.onboarding-desc{color:#7a797a;line-height:21px}#previewWidget iframe.bon-container{min-height:600px;min-width:360px}@media (max-width:415px){#previewWidget .iframe-display{width:100%}#previewWidget iframe.bon-container{min-width:unset;width:100%}}@media (min-width:1200px){.modal-dialog.modal-xl{max-width:1450px}}.modal-body{padding:0}@media only screen and (max-width:1200px){.onboarding-modal #setup-content-container{margin:auto;max-height:710px;max-width:100%!important}.onboarding-modal #previewWidget iframe{border-radius:15px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}}@media only screen and (max-width:767px){#setup-content-container,.bon-step{margin:auto;max-width:100%!important}.redeem-card:first-child{margin-bottom:30px!important}#onboarding-container{text-align:center}#welcome-content{margin:auto}.img-welcome{text-align:center!important}#main-title div:first-child{margin-bottom:20px}}@media only screen and (max-width:576px){.bon-step{margin:auto;width:100%!important}.widget-desc svg{display:none}}@media only screen and (min-width:1200px){.preview-box{min-height:620px;padding-left:20px;padding-right:20px;padding-top:20px;width:100%}}#body-content{min-height:100%}#body-content #onboarding-container,#body-content .step-content{padding:60px}#body-content .el-progress-bar .el-progress-bar__outer{border-radius:0}#body-content .el-progress-bar .el-progress-bar__outer .el-progress-bar__inner{border-radius:0 100px 100px 0}#body-content .el-progress-bar .el-progress-bar__outer .el-progress-bar__inner .el-progress-bar__innerText{color:#fff!important}#body-content h2{color:#1b1b27;font-size:32px;font-weight:600;margin-bottom:24px}#body-content .onboarding-description{color:#1b1b27;font-size:16px;font-weight:400;margin:auto auto 0;width:95%}@media only screen and (max-width:991px){#body-content .onboarding-description{width:75%}#body-content #onboarding-container,#body-content .step-content{padding:40px}}@media only screen and (max-width:767px){#body-content #onboarding-container,#body-content .step-content{padding:30px}}@media only screen and (max-width:576px){#body-content #onboarding-container{padding:20px}#body-content .step-content{padding:20px;width:100%}#body-content .step-content .bon-card-custom>div{min-width:unset!important}}.bon-list-customer .form-group{display:flex;flex-direction:column;justify-content:space-between}.bon-list-customer .form-group label{color:#000;font-size:14px;line-height:20px}.bon-list-customer .form-control{background-color:transparent!important}.bon-list-customer .form-control.__input-filter{background-color:#fff!important}.bon-list-customer .bon-btn-list-customer{align-items:center;display:flex;justify-content:center}.bon-list-customer .bon-btn-list-customer .bon-btn-list-customer-item:not(:last-child){margin-right:40px}.bon-list-customer .filter-search{display:flex;flex-direction:row;justify-content:space-between}.bon-list-customer .filter-search .filter-group{align-items:flex-start}.bon-list-customer .filter-search .filter-group .clear-all-filter{align-self:center;background-color:#616266;border-radius:.42rem;color:#fff;font-size:14px;line-height:20px;margin-right:20px;margin-top:10px}.bon-list-customer .filter-search .filter-group .clear-all-filter:hover{cursor:pointer}.bon-list-customer .filter-search .filter-group .filter-item{align-self:center;margin-top:10px}.bon-list-customer .filter-search .filter-group .filter-item .filter-group-item{background-color:#d8d9dd;margin-right:20px;min-width:100px;text-transform:capitalize}.bon-list-customer .filter-search .filter-group .filter-item .filter-group-item span{align-self:center;color:#8c8c96;font-size:14px;line-height:20px;margin-right:10px;max-width:inherit}.bon-list-customer .filter-search .filter-group .filter-item .filter-group-item i{color:#000}.bon-list-customer .filter-search .filter-group .filter-item .filter-group-item i:hover{cursor:pointer}.bon-export-data button{padding:.4rem 1rem}.bon-export-data button a{color:#ed66b2;font-size:15px;font-weight:600;line-height:22px;text-decoration-line:underline!important}.bon-table-detail{background:#fff;border-radius:20px;box-shadow:0 4px 6px -24px rgba(27,27,39,.12)}.bon-table-detail .bon-header{border-radius:20px 20px 0 0;padding:4px 30px}.bon-table-detail .bon-header .bon-header-table-detail{align-self:center;font-size:14px;font-weight:600;line-height:16px;text-transform:uppercase}.bon-table-detail .bon-header .bon-detail-table-pagination{padding-top:2px}.bon-table-detail .pagination{margin-bottom:0}.bon-table-detail .div-table{overflow-x:auto;overflow-y:auto;padding-left:30px;padding-right:30px}#conponent_loading,.bon-select-customer-group{align-items:center;display:flex}#conponent_loading{justify-content:center}.__input-filter{border:1.2px solid rgba(27,27,39,.08);border-radius:36px;box-sizing:border-box;height:40px;opacity:.7}.__input-filter:focus{box-shadow:0 4px 4px hsla(280,1%,55%,.06);opacity:1}._content-list-customer{background:#fff;border-radius:20px;box-shadow:0 4px 6px -24px rgba(27,27,39,.12)}.table-customer{color:#1b1b27}.table-customer span.exclude{color:#f64e60;text-decoration:underline}.table-customer span.include{color:#1bc5bd;text-decoration:underline}.bon-btn-search{height:40px!important;min-width:120px!important;padding:6px 27px!important}.bon-table-hover.fixed{table-layout:fixed;width:100%}.bon-table-hover tbody tr div{word-break:break-word}.bon-table-hover.fixed thead th{width:100%}.bon-table-hover.fixed.fixed-table-earning thead th:first-of-type{width:25%}.bon-table-hover.fixed.fixed-table-earning thead th:nth-of-type(2){width:50%}.bon-table-hover.fixed.fixed-table-earning thead th:nth-of-type(3){width:25%}.bon-table-hover{margin-bottom:16px!important}.bon-table-hover tbody tr:not(.action-plan){color:#3f4254;transition:background-color .3s}.bon-table-hover tbody tr:not(.action-plan) th{align-self:center;font-size:14px!important;font-weight:600!important;line-height:21px!important;text-transform:capitalize}.bon-table-hover tbody tr:not(.action-plan) td{align-self:center;color:#1b1b27;font-size:14px!important;padding:1rem;vertical-align:middle}.bon-table-hover tbody tr:not(.action-plan) td a{color:#1b1b27;font-size:14px;line-height:20px;padding-left:0}.bon-table-hover tbody tr:not(.action-plan):hover:not(.table-detail){background-color:#e4e6ef;cursor:pointer;transition:background-color .3s}.bon-space-table{margin-bottom:20px}.line-detail-customer{background:#fff;border-radius:20px;box-shadow:0 4px 6px -24px rgba(27,27,39,.12);padding:33px 30px 30px}.line-detail-customer .symbol{align-items:center;display:flex;flex-shrink:0;margin-right:20px;position:relative}.line-detail-customer .symbol .symbol-label{align-items:center;background-color:#8c8c96;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;color:#fff;display:flex;font-weight:500;height:80px;justify-content:center;width:80px}.line-detail-customer .line-detail-name img{margin-right:16px}.line-detail-customer .line-detail-name .detail-name-customer{align-self:center;color:#1b1b27;font-size:18px;font-weight:600;line-height:33px;text-transform:capitalize}.line-detail-customer .line-detail-name .detail-email-customer{align-self:center;color:#8c8c96;font-size:14px;line-height:20px}.line-detail-customer .detail-point-spend{margin-top:20px}.line-detail-customer .detail-point-spend .detail-point{margin-right:32px}.line-detail-customer .detail-point-spend .detail-spend{float:right}.line-detail-customer .detail-point-spend .detail-point-spend-value{align-self:center;color:#ed66b2;font-size:18px;font-weight:500;line-height:20px}.line-detail-customer .detail-point-spend .detail-point-spend-title{align-self:center;color:#8c8c96;font-size:12px;font-weight:500;letter-spacing:.04em;line-height:20px;padding-right:8px;text-transform:uppercase}.line-detail-customer .bon-detail-referral-link{align-items:center;background:linear-gradient(97.99deg,rgba(237,102,178,.08) 18.85%,rgba(134,70,156,.08) 116.55%);border-radius:12px;height:auto;justify-content:space-between;margin-top:16px;min-height:48px;padding:14px 24px}.line-detail-customer .bon-detail-referral-link .bon-detail-referral-link-value{align-items:center;display:flex}.line-detail-customer .bon-detail-referral-link .bon-detail-referral-link-value span{align-self:center;color:#1b1b27;font-size:14px;line-height:20px}.line-detail-customer .bon-detail-referral-link .bon-detail-referral-link-value .input{align-self:center;background:transparent!important;border:none!important;color:#ed66b2;font-size:14px;line-height:20px;outline:none!important}.line-detail-customer .bon-detail-referral-link .bon-detail-referral-link-copy:hover{cursor:pointer}.line-detail-customer .detail-referral-link{background:linear-gradient(97.99deg,rgba(237,102,178,.08) 18.85%,rgba(134,70,156,.08) 116.55%);border-radius:12px;display:flex;justify-content:space-between;margin-top:16px;padding-left:24px;padding-right:24px}.line-detail-customer .detail-referral-link .detail-referral-link-title{align-self:center;color:#1b1b27;display:flex;font-size:14px;line-height:20px}.line-detail-customer .detail-referral-link .detail-referral-link-value{color:#ed66b2;font-size:14px;font-style:normal;font-weight:500;line-height:20px;opacity:1;text-transform:capitalize;z-index:1}.line-detail-customer .detail-referral-link .detail-referral-link-value .form-control{background:transparent!important;border:none!important;color:#ed66b2;outline:none!important}.line-detail-customer .detail-referral-link .detail-referral-link-copy{align-self:center}.line-detail-customer .detail-line-group{margin-top:24px}.line-detail-customer .detail-line-group .detail-line-item{height:40px;justify-content:space-between}.line-detail-customer .detail-line-group .detail-line-item .detail-line-title .detail-line-title-value{align-self:center;color:#8c8c96;font-size:12px;font-weight:500;letter-spacing:.04em;line-height:20px;margin-left:16px;text-transform:uppercase}.line-detail-customer .detail-line-group .detail-line-item .detail-line-value span{align-self:center;color:#1b1b27;font-size:14px;line-height:20px;padding-right:8px;text-align:right;word-break:break-word}.line-detail-customer .detail-line-group .detail-line-item:not(:last-child){border-bottom:1px solid #eff1f7;margin-bottom:16px;margin-top:0}.line-detail-customer .detail-button-group{align-items:center;justify-content:center;padding-left:70px;padding-right:70px;padding-top:34px}.line-detail-customer .detail-button-group a{border-radius:36px;font-size:14px;font-weight:600;height:48px;letter-spacing:.04em;line-height:24px;margin-bottom:16px;padding-right:12px;padding-top:12px;text-align:center;transition:all .3s;width:270px}.line-detail-customer .detail-button-group a.detail-button-item-exclude{background:#f0eff0;color:#8c8c96;transition:all .3s}.line-detail-customer .detail-button-group a.disabled{color:#ccc;pointer-events:none}.line-detail-customer .detail-button-group a.detail-button-item-view{background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#ed66b2 0,#86469c);background-origin:border-box;box-shadow:0 4px 4px hsla(280,1%,55%,.06);color:#ed66b2;transition:all .3s}.ribbon.ribbon-clip.ribbon-left .ribbon-target{background:linear-gradient(109.54deg,#ed66b2 24.35%,#86469c 140.11%);border-radius:0 .42em .42em 0;height:30px;left:3px;padding:0 10px;top:10px}.ribbon.ribbon-clip.ribbon-left .ribbon-target:hover{cursor:pointer}.ribbon.ribbon-clip.ribbon-left .ribbon-target .bon-ribbon-inner:after,.ribbon.ribbon-clip.ribbon-left .ribbon-target .bon-ribbon-inner:before{border-color:transparent!important;border-style:solid;bottom:-10px;content:"";position:absolute}.ribbon.ribbon-clip.ribbon-left .ribbon-target .bon-ribbon-inner:before{border-right-color:#181c32!important;border-width:0 10px 10px 0;left:0}.adjust-point-body{background:#eff1f6;border-radius:20px;margin-bottom:30px;padding:30px}.adjust-point-body .modal-sub-title{display:flex;justify-content:center}.adjust-point-body .symbol{display:inline-block;flex-shrink:0;margin-right:20px;position:relative}.adjust-point-body .symbol .symbol-label{align-items:center;background-color:#8c8c96;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;color:#fff;display:flex;font-weight:500;height:72px;justify-content:center;width:72px}.adjust-point-body .group-name{justify-content:center}.adjust-point-body .group-name .line-detail-name img{margin-right:16px}.adjust-point-body .group-name .line-detail-name .detail-name-customer{align-self:center;color:#1b1b27;font-size:18px;font-weight:600;line-height:33px;text-transform:capitalize}.adjust-point-body .group-name .new-point .new-point-text{color:#1b1b27;font-size:14px;font-weight:600;line-height:24px;text-transform:capitalize}.see-more-tags-body{background:#eff1f6;border-radius:20px;margin-bottom:30px;padding:30px}.see-more-tags-body .modal-sub-title{display:flex;justify-content:center}.see-more-tags-body .symbol{display:inline-block;flex-shrink:0;margin-right:20px;position:relative}.see-more-tags-body .symbol .symbol-label{align-items:center;background-color:#8c8c96;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;color:#fff;display:flex;font-weight:500;height:72px;justify-content:center;width:72px}.see-more-tags-body .group-name{justify-content:center}.see-more-tags-body .group-name .line-detail-name img{margin-right:16px}.see-more-tags-body .group-name .line-detail-name .detail-name-customer{align-self:center;color:#1b1b27;font-size:18px;font-weight:600;line-height:33px;text-transform:capitalize}.see-more-tags-body .group-name .new-point .new-point-text{color:#1b1b27;font-size:14px;font-weight:600;line-height:24px;text-transform:capitalize}.bon-modal .form-control{border-radius:12px;box-sizing:border-box}.bon-modal-action .bon-btn-adjust-point{align-self:center;font-size:14px;font-weight:600!important;letter-spacing:.04em;line-height:24px;text-align:center}._tooltip{display:inline-block;position:relative}._tooltip ._tooltiptext{background-color:#555;border-radius:6px;bottom:150%;color:#fff;left:50%;margin-left:-75px;opacity:0;padding:5px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:140px;z-index:1}._tooltip ._tooltiptext:after{border:5px solid transparent;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}._tooltip:hover ._tooltiptext{opacity:1;visibility:visible}@media (max-width:800px){.bon-table-hover.fixed,.bon-table-hover.table-customer{min-width:800px;overflow-x:scroll}.filter-item{align-self:stretch!important}}@media (min-width:992px) and (max-width:1200px){.line-detail-customer .detail-header{flex-direction:column}.line-detail-customer .detail-header .symbol{display:flex;justify-content:center;margin-bottom:5px}.line-detail-customer .detail-header .symbol .symbol-label{height:50px;width:50px}.line-detail-customer .detail-header .line-detail-name{display:flex;flex-direction:column}.line-detail-customer .detail-header .detail-point-spend{align-items:center;display:flex;justify-content:center}.line-detail-customer .detail-header .detail-point-spend .detail-point{margin-right:0}.line-detail-customer .bon-detail-referral-link .bon-detail-referral-link-value{display:block}.line-detail-customer .detail-button-group{padding-left:10px;padding-right:10px}.line-detail-customer .detail-button-group a{height:auto;width:200px}.line-detail-customer .detail-line-group .detail-line-item .detail-line-title{height:auto;min-width:40%!important}.line-detail-customer .detail-line-group .detail-line-item .detail-line-title span{margin-left:2px!important}}@media (max-width:400px){.line-detail-customer .detail-header{flex-direction:column}.line-detail-customer .detail-header .symbol{display:flex;justify-content:center;margin-bottom:5px}.line-detail-customer .detail-header .symbol .symbol-label{height:50px;width:50px}.line-detail-customer .detail-header .line-detail-name{display:flex;flex-direction:column}.line-detail-customer .detail-header .detail-point-spend{align-items:center;display:flex;justify-content:center}.line-detail-customer .detail-header .detail-point-spend .detail-point{margin-right:0}.line-detail-customer .bon-detail-referral-link .bon-detail-referral-link-value{display:block}.line-detail-customer .detail-button-group{padding-left:10px;padding-right:10px}.line-detail-customer .detail-button-group a{height:auto;width:200px}}@media (max-width:480px){.adjust-point-body .modal-sub-title{flex-direction:column}.adjust-point-body .symbol{display:flex;justify-content:center}.adjust-point-body .symbol .symbol-label{height:50px;width:50px}.adjust-point-body .line-detail-name{align-items:center;display:flex;flex-direction:column}.adjust-point-body .line-detail-name img{margin-right:0!important}.detail-line-group .detail-line-item .detail-line-title{height:auto;min-width:40%!important}.detail-line-group .detail-line-item .detail-line-title span{margin-left:2px!important}#filter-group-customer .filter-item .filter-group-item{height:auto}}@media (max-width:250px){.bon-detail-referral-link{flex-direction:column!important}}@media (min-width:992px){.header-fixed.subheader-fixed.subheader-enabled .wrapper{padding-top:65px}}.switch input:checked~span:after{background:#03a9f4}.switch .on-off-program input:checked~span:after{background:#ed66b2}.bon-btn-primary{background:linear-gradient(97.99deg,rgba(237,102,178,.8) 18.85%,rgba(134,70,156,.8) 116.55%);background-clip:padding-box,border-box;background-origin:border-box;border:none;border-radius:36px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.04em;line-height:24px;min-width:152px;padding:12px 24px;transition:.3s ease-in-out}.bon-btn-primary.btn-sm{min-width:100px;padding:8px 16px}.bon-btn-primary:hover{background:linear-gradient(97.99deg,#ed66b2 18.85%,#86469c 116.55%);color:#fff}.bon-btn-secondary{background:#fff;background-clip:padding-box,border-box;background-origin:border-box;border:1px solid #ed66b2;border-radius:48px;color:#ed66b2;font-size:14px;font-weight:600;letter-spacing:.04em;line-height:24px;min-width:152px;padding:12px 24px;text-transform:capitalize;transition:.3s ease-in-out}.bon-btn-secondary:hover{box-shadow:0 4px 4px rgba(0,0,0,.2);color:#ed66b2;cursor:pointer;transition:.3s ease-in-out}.bon-card-custom .bon-card-body.no-padding{padding:12px 0 24px!important}.bon-card-body .bon-card-point{color:#ed66b2;padding:0 10px}.form-control:focus{border-color:#86469c}.modal .modal-header .close:hover,.modal .modal-header .close:hover i{color:#86469c!important}.bon-modal-outline .close{right:-45px!important;top:-45px!important}.form-control{border-radius:12px}.bon-modal .form-group{margin-bottom:1rem}.bon-modal .modal-content{border-radius:20px}.bon-modal .modal-body{padding:30px}.bon-modal .modal-title{font-size:18px;font-style:normal;font-weight:600;letter-spacing:0;line-height:33px;margin-bottom:8px}.bon-modal .modal-sub-title{font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;line-height:20px;margin-bottom:27px}.bon-modal .bon-modal-action{margin-top:30px;text-align:center}.bon-modal .close{opacity:1;position:absolute;right:-15px;top:-15px}.bon-modal .close:not(:disabled):not(.disabled):focus,.bon-modal .close:not(:disabled):not(.disabled):hover{opacity:1}.custom-control-input:checked~.custom-control-label:before{background-color:#86469c;border-color:#86469c}.margin-b-24{margin-bottom:24px}.margin-b-30{margin-bottom:30px}.margin-b-12{margin-bottom:12px}.padding-30{padding:30px}.text-pink{color:#ed66b2}.text-pink-hover{color:#ed66b2;opacity:.7;transition:all .3s}.text-pink-hover:hover{color:#ed66b2!important;opacity:1;transition:all .3s}.bon-control-label{font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;line-height:20px;text-align:left}.el-radio{margin-bottom:0!important;text-transform:none!important}.el-radio__input.is-checked+.el-radio__label{color:#86469c!important}.el-radio__input.is-checked .el-radio__inner{background:linear-gradient(97.99deg,#ed66b2 18.85%,#86469c 116.55%)!important;border:0!important}.bon-el-checkbox .el-checkbox__label{text-transform:none}.el-checkbox__inner:hover,.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#86469c!important}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background:linear-gradient(97.99deg,#ed66b2 18.85%,#86469c 116.55%)!important;border:0!important}.el-checkbox__input.is-checked+.el-checkbox__label{color:#86469c!important}#redeemOptionModal .modal-body{background-color:#eff1f6;border-radius:20px}#redeemOptionModal .el-checkbox .bon-el-checkbox{margin-bottom:0!important}.el-checkbox{display:flex!important}.el-checkbox .el-checkbox__label,.el-radio .el-radio__label{white-space:break-spaces}@media (min-width:576px){.modal-dialog-wide{max-width:600px}}.text-note{color:#8c8c96;margin-bottom:0}.text-note,.text-title{font-size:12px;font-style:normal;font-weight:400;letter-spacing:0;line-height:20px}.text-title{margin-bottom:12px;text-align:left}.bon-theme-card{border:none;border-radius:0!important}.bon-theme-card .card-header{background-color:#fff!important}.bon-theme-card .card-title{border-bottom:1px solid #eff1f6!important;padding:17px 24px!important}.bon-theme-card .card-title span.li-label{color:#1b1b27;font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin-left:16px}.bon-theme-card .card-title:after{color:#1b1b27!important}.theme-card-body{border-bottom:1px solid #eff1f6;padding:20px 24px}.theme-card-body .card-body{padding:0!important}.setting-color{position:relative}.setting-color:nth-child(3),.setting-color:nth-child(4){margin-bottom:16px}.el-input__inner{background-color:#fff;border-radius:12px!important;color:#7a797a!important;font-family:Poppins,sans-serif!important;font-size:14px!important;height:44px!important;padding:12px 24px!important}.el-input.is-active .el-input__inner,.el-input__inner:focus,.el-textarea.is-active .el-textarea__inner,.el-textarea__inner:focus{border-color:#86469c!important}.bon-pagination-indicator{border:1px solid #ed66b2!important}.bon-pagination-indicator i{color:#ed66b2!important}.bon-pagination-indicator:disabled{border:1px solid rgba(237,102,178,.5)!important}.bon-pagination-indicator:disabled i{color:rgba(237,102,178,.5)!important}#signinBodyView .form-group label{color:#1b1b27;display:inline;font-size:12px;line-height:20px;text-transform:uppercase}#signinBodyView .form-group span.label-rounded{align-self:center;background:linear-gradient(109.54deg,#ed66b2 24.35%,#86469c 140.11%);border-radius:50%;color:#fff;font-size:14px;line-height:20px}#signinBodyView .form-group .el-textarea textarea,#signinBodyView .form-group input{align-self:center;color:#7a797a;font-size:14px;line-height:20px;margin-top:5px}#signinBodyView .form-group .el-textarea textarea{border-radius:11px;padding-left:24px}#signinBodyView .form-group .el-textarea .el-input__count{background:hsla(0,0%,100%,.5)}.vc-chrome{position:absolute;z-index:999}.bon-close-alert{cursor:pointer}@media (max-width:991.98px){#preview.card.card-custom.card-stretch .preview-body{padding-left:20px;padding-right:20px}#preview.card.card-custom.card-stretch .preview-body .preview-body-letter #emailPreview .card-header{margin:0!important}}@media (max-width:480px){#preview.card.card-custom.card-stretch.widget-icon-preview{height:400px}#preview .preview-img img{height:400px;max-width:100%}.description-title-page{display:none}#setting .img-menu{left:10px!important}#setting .widget-item-title span{margin-left:2px}}@media (min-width:600px) and (max-width:1024px){#setting .img-menu{left:10px!important}#setting .widget-item-title span{margin-left:2px}}@media (min-width:768px){.preview-email,.preview-text{min-height:590px}}#emailBodyText .form-group a{text-decoration-line:underline}#emailBodyText .form-group label{display:inline;text-transform:uppercase}#emailBodyText .form-group input,#emailBodyText .form-group textarea{align-self:center;color:#7a797a;font-size:14px;line-height:20px;margin-top:5px}#emailBodyText .form-group textarea{min-height:80px}#emailBodyText .form-group textarea::-webkit-scrollbar{width:0}#emailBodyText .form-group .textarea-subject{min-height:40px}#emailPreview{border-radius:0!important}#emailPreview .preview-subject span{color:#000;font-size:14px;line-height:20px;margin-bottom:0}#emailPreview .preview-title{margin-bottom:20px}#emailPreview .preview-title span{font-size:20px;font-weight:600;line-height:27px}#emailPreview .preview-subtitle{margin-bottom:20px}#emailPreview .preview-subtitle span{font-size:14px}#emailPreview .preview-subtitle .input-reward-code{border-radius:12px;display:flex;justify-content:center;margin-top:20px;padding:0 40px}#emailPreview .preview-subtitle .input-reward-code input{align-self:center;border:1px solid;border-radius:12px;color:#7a797a;font-size:14px;height:45px;line-height:20px;text-align:center}#emailPreview .preview-button{margin-bottom:20px}#emailPreview .preview-button .bon-btn-email{background-color:#3d93e2;color:#fff;font-size:14px;font-weight:600;letter-spacing:.04em;line-height:24px;padding:12px 24px;transition:.3s ease-in-out}.btn.btn-pagination.btn-list-activity-hover:hover{background:linear-gradient(109.54deg,#ed66b2 24.35%,#86469c 140.11%)}.btn.btn-pagination.btn-list-activity-hover:hover a{color:#fff!important}.btn.btn-pagination.active.btn-list-activity-hover{background:linear-gradient(109.54deg,#ed66b2 24.35%,#86469c 140.11%)}.activity-select .dropdown.bootstrap-select.bon-custom-dropdown.form-control{background:transparent}.filter-search{display:flex;flex-direction:row;justify-content:space-between}.filter-search .filter-group .clear-all-filter{align-self:center;background-color:#616266;border-radius:.42rem;color:#fff;font-size:14px;line-height:20px;margin-right:20px}.filter-search .filter-group .clear-all-filter:hover{cursor:pointer}.filter-search .filter-group .filter-item{align-self:center}.filter-search .filter-group .filter-item .filter-group-item{background-color:#d8d9dd;margin-right:20px;min-width:100px;text-transform:capitalize}.filter-search .filter-group .filter-item .filter-group-item span{align-self:center;color:#8c8c96;font-size:14px;line-height:20px;margin-right:10px}.filter-search .filter-group .filter-item .filter-group-item i{color:#000}.filter-search .filter-group .filter-item .filter-group-item i:hover{cursor:pointer}.bookmark{height:40px;margin-bottom:30px;position:relative;width:185px}.bookmark .shape{overflow:hidden}.bookmark .txt{align-items:center;color:#ed66b2;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;line-height:40px;margin:auto;position:absolute;width:150px;z-index:1}.bookmark #parallelogram{background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#ed66b2 0,#86469c);background-origin:border-box;border:2px solid transparent!important;height:40px;margin:0 0 0 -20px;position:relative;-webkit-transform:skew(35deg);-moz-transform:skew(20deg);-o-transform:skew(20deg);width:185px}.bookmark .image{border-left:2px solid #000;bottom:-30px;left:-30px;position:absolute;right:-30px;top:-30px;-webkit-transform:skew(-35deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg)}.bookmark .b-left{background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#ed66b2 0,#86469c);background-origin:border-box;border-left:2px solid transparent;height:100%;left:46px;position:absolute;top:29px}.bon-btn-primary.el-button{background:linear-gradient(97.99deg,rgba(237,102,178,.8) 18.85%,rgba(134,70,156,.8) 116.55%);border:none;border-radius:36px;color:#fff;font-size:14px;font-weight:600;line-height:24px;padding:12px 24px;transition:.3s ease-in-out}.bon-btn-primary.el-button .el-icon-loading,.bon-btn-primary.el-button span{color:#fff}.bon-btn-primary.el-button:hover{background:linear-gradient(97.99deg,#ed66b2 18.85%,#86469c 116.55%)}.bon-btn-primary.bon-btn-save.el-button{background:linear-gradient(97.99deg,rgba(237,102,178,.8) 18.85%,rgba(134,70,156,.8) 116.55%);border:none;border-radius:24px;color:#fff;font-size:13px;font-weight:600!important;min-width:120px!important;padding:6px 5px;transition:.3s ease-in-out}.bon-btn-primary.bon-btn-save.el-button .el-icon-loading,.bon-btn-primary.bon-btn-save.el-button span{color:#fff}.bon-btn-primary.bon-btn-save.el-button:hover{background:linear-gradient(97.99deg,#ed66b2 18.85%,#86469c 116.55%)}.bon-btn-secondary.el-button{background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#ed66b2 0,#86469c);background-origin:border-box;border:1px solid transparent;border-radius:48px;color:#ed66b2;font-size:14px;letter-spacing:.04em;line-height:24px;min-width:152px;text-transform:capitalize}.bon-btn-secondary.el-button span{color:#ed66b2}.bon-btn-secondary.el-button .el-icon-loading{color:#ed66b2!important}.bon-btn-secondary.el-button:hover{background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#ed66b2 0,#86469c);background-origin:border-box;border:1px solid transparent}.el-tabs__header{margin-bottom:12px}.el-tabs__active-bar{background-color:#ed66b2!important;height:3px!important}.el-tabs__item{min-width:150px!important;text-align:center!important;text-transform:uppercase}.el-tabs__item.is-active,.el-tabs__item:hover{color:#ed66b2!important}.bon-detail-table-pagination .el-pagination{padding:0}.bon-detail-table-pagination .el-pagination.is-background .el-pager .more:before,.bon-detail-table-pagination .el-pagination.is-background button{line-height:25px!important}.bon-detail-table-pagination .el-pagination.is-background .el-pager li{background-color:transparent!important;line-height:28px!important;min-width:24px!important}.bon-detail-table-pagination .el-pagination.is-background .el-pager li:not(.disabled).active,.bon-detail-table-pagination .el-pagination.is-background .el-pager li:not(.disabled):hover{color:#ed66b2!important;font-weight:700}.bon-detail-table-pagination .el-pagination.is-background.bon-list-pagination .btn-next:not(.disabled):hover i,.bon-detail-table-pagination .el-pagination.is-background.bon-list-pagination .btn-prev:not(.disabled):hover i{color:#ed66b2!important}.bon-detail-table-pagination .el-pagination.is-background.bon-list-pagination .el-pager li{background-color:transparent;color:#8c8c96}.bon-detail-table-pagination .el-pagination.is-background.bon-list-pagination .el-pager li:not(.disabled).active,.bon-detail-table-pagination .el-pagination.is-background.bon-list-pagination .el-pager li:not(.disabled):hover{background:transparent;color:#ed66b2;font-weight:700}.bon-detail-table-pagination .el-pagination.is-background.earn-point .btn-next i,.bon-detail-table-pagination .el-pagination.is-background.earn-point .btn-prev i{color:#ffb04d!important}.bon-detail-table-pagination .el-pagination.is-background.earn-point .el-pager li{color:#ffb04d}.bon-detail-table-pagination .el-pagination.is-background.earn-point .el-pager li:not(.disabled).active,.bon-detail-table-pagination .el-pagination.is-background.earn-point .el-pager li:not(.disabled):hover{color:#ffb04d!important}.bon-detail-table-pagination .el-pagination.is-background.redeem-point .btn-next i,.bon-detail-table-pagination .el-pagination.is-background.redeem-point .btn-prev i{color:#a557c0!important}.bon-detail-table-pagination .el-pagination.is-background.redeem-point .el-pager li{color:#a557c0}.bon-detail-table-pagination .el-pagination.is-background.redeem-point .el-pager li:not(.disabled).active,.bon-detail-table-pagination .el-pagination.is-background.redeem-point .el-pager li:not(.disabled):hover{color:#a557c0!important}.bon-detail-table-pagination .el-pagination.is-background.referral-activity .btn-next i,.bon-detail-table-pagination .el-pagination.is-background.referral-activity .btn-prev i{color:#f082c0!important}.bon-detail-table-pagination .el-pagination.is-background.referral-activity .el-pager li{color:#f082c0}.bon-detail-table-pagination .el-pagination.is-background.referral-activity .el-pager li:not(.disabled).active,.bon-detail-table-pagination .el-pagination.is-background.referral-activity .el-pager li:not(.disabled):hover{color:#f082c0!important}.bon-detail-table-pagination .el-pagination.is-background.order-history .btn-next i,.bon-detail-table-pagination .el-pagination.is-background.order-history .btn-prev i{color:#74d9d5!important}.bon-detail-table-pagination .el-pagination.is-background.order-history .el-pager li{color:#74d9d5}.bon-detail-table-pagination .el-pagination.is-background.order-history .el-pager li:not(.disabled).active,.bon-detail-table-pagination .el-pagination.is-background.order-history .el-pager li:not(.disabled):hover{color:#74d9d5!important}#signinBodyView .is-invalid .el-input__inner,#signinBodyView .is-invalid .el-textarea__inner{border:1px solid red!important}#signinBodyView .el-input__inner,#signinBodyView .el-textarea__inner{padding-right:55px!important}.activity-button-search{align-self:end;padding-right:15px}#kt_content{position:relative}@media screen and (max-width:991px){#kt_content{margin-top:40px}}.bon-btn-disabled{background:#fff;border:1px solid #c4c4c4;color:#c4c4c4}.bon-btn-disabled:hover{background:#fff!important;border:1px solid #c4c4c4!important;color:#c4c4c4!important}.v-step{background-color:#fff!important;border-radius:20px!important;color:#000!important;min-width:500px;padding:25px!important}.v-step .tour-header{font-size:14px;font-weight:600}.v-step .tour-content{font-size:14px}.v-step .v-step__arrow:before{background:#fff!important}.v-step .tour-actions a{font-size:13px;text-decoration:underline}.v-step .tour-actions .bon-btn-primary{font-size:13px;min-width:90px;padding:2px 6px!important}.v-step .tour-actions .bon-btn-secondary{font-size:14px;min-width:90px!important;padding:2px 6px!important}.v-step .tour-actions .btn-hidden{background-image:none;border:none}.v-step .tour-actions .step-progress span{margin-left:4px;margin-right:4px}.override-v-tour{border:none;box-shadow:0 0 0 99999px rgba(0,0,0,.4);z-index:1}.menu-nav .v-tour__target--highlighted{border:3px solid #ed66b2;box-shadow:unset!important;-webkit-box-shadow:unset!important;z-index:9999}@media (max-width:500px){.v-step{min-width:100%}}.bon-pricing-table-hover.fixed{table-layout:fixed;width:100%}.bon-pricing-table-hover tbody tr div{word-break:break-word}.bon-pricing-table-hover.fixed thead th{width:100%}.bon-pricing-table-hover{margin-bottom:16px!important}.bon-pricing-table-hover tbody tr:not(.action-plan){color:#3f4254;transition:background-color .3s}.bon-pricing-table-hover tbody tr:not(.action-plan) th{align-self:center;font-size:14px!important;font-weight:600!important;line-height:21px!important;text-transform:capitalize}.bon-pricing-table-hover tbody tr:not(.action-plan) td{align-self:center;color:#1b1b27;font-size:14px!important;padding:1rem;vertical-align:middle}.bon-pricing-table-hover tbody tr:not(.action-plan) td a{color:#1b1b27;font-size:14px;line-height:20px;padding-left:0}.bon-pricing-table-hover tbody tr:not(.action-plan):hover:not(.table-detail){background-color:#e4e6ef;cursor:pointer;transition:background-color .3s}.bon-pricing-table-hover .current-plan{background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#7a797a 100%,#7a797a 0);color:#7a797a!important}@media (max-width:800px){.bon-pricing-table-hover.fixed,.bon-pricing-table-hover.table-customer{min-width:800px;overflow-x:scroll}.filter-item{align-self:stretch!important}}.list-feature li{align-items:center;display:flex;font-size:16px;justify-content:start;line-height:24px}.b-mt-1{margin-top:4px!important}.b-mt-2{margin-top:8px!important}.b-mt-3{margin-top:12px!important}.b-mt-4{margin-top:16px!important}.b-mt-5{margin-top:20px!important}.b-mt-6{margin-top:24px!important}.b-mt-7{margin-top:28px!important}.b-mt-8{margin-top:32px!important}.b-mt-9{margin-top:36px!important}.b-mt-10{margin-top:40px!important}.b-mt-11{margin-top:44px!important}.b-mt-12{margin-top:48px!important}.b-mt-13{margin-top:52px!important}.b-mt-14{margin-top:56px!important}.b-mt-15{margin-top:60px!important}.b-mt-16{margin-top:64px!important}.b-mt-17{margin-top:68px!important}.b-mt-18{margin-top:72px!important}.b-mt-19{margin-top:76px!important}.b-mt-20{margin-top:80px!important}.b-mt-21{margin-top:84px!important}.b-mt-22{margin-top:88px!important}.b-mt-23{margin-top:92px!important}.b-mt-24{margin-top:96px!important}.b-mt-25{margin-top:100px!important}.b-mr-1{margin-right:4px!important}.b-mr-2{margin-right:8px!important}.b-mr-3{margin-right:12px!important}.b-mr-4{margin-right:16px!important}.b-mr-5{margin-right:20px!important}.b-mr-6{margin-right:24px!important}.b-mr-7{margin-right:28px!important}.b-mr-8{margin-right:32px!important}.b-mr-9{margin-right:36px!important}.b-mr-10{margin-right:40px!important}.b-mr-11{margin-right:44px!important}.b-mr-12{margin-right:48px!important}.b-mr-13{margin-right:52px!important}.b-mr-14{margin-right:56px!important}.b-mr-15{margin-right:60px!important}.b-mr-16{margin-right:64px!important}.b-mr-17{margin-right:68px!important}.b-mr-18{margin-right:72px!important}.b-mr-19{margin-right:76px!important}.b-mr-20{margin-right:80px!important}.b-mr-21{margin-right:84px!important}.b-mr-22{margin-right:88px!important}.b-mr-23{margin-right:92px!important}.b-mr-24{margin-right:96px!important}.b-mr-25{margin-right:100px!important}.b-mb-1{margin-bottom:4px!important}.b-mb-2{margin-bottom:8px!important}.b-mb-3{margin-bottom:12px!important}.b-mb-4{margin-bottom:16px!important}.b-mb-5{margin-bottom:20px!important}.b-mb-6{margin-bottom:24px!important}.b-mb-7{margin-bottom:28px!important}.b-mb-8{margin-bottom:32px!important}.b-mb-9{margin-bottom:36px!important}.b-mb-10{margin-bottom:40px!important}.b-mb-11{margin-bottom:44px!important}.b-mb-12{margin-bottom:48px!important}.b-mb-13{margin-bottom:52px!important}.b-mb-14{margin-bottom:56px!important}.b-mb-15{margin-bottom:60px!important}.b-mb-16{margin-bottom:64px!important}.b-mb-17{margin-bottom:68px!important}.b-mb-18{margin-bottom:72px!important}.b-mb-19{margin-bottom:76px!important}.b-mb-20{margin-bottom:80px!important}.b-mb-21{margin-bottom:84px!important}.b-mb-22{margin-bottom:88px!important}.b-mb-23{margin-bottom:92px!important}.b-mb-24{margin-bottom:96px!important}.b-mb-25{margin-bottom:100px!important}.b-ml-1{margin-left:4px!important}.b-ml-2{margin-left:8px!important}.b-ml-3{margin-left:12px!important}.b-ml-4{margin-left:16px!important}.b-ml-5{margin-left:20px!important}.b-ml-6{margin-left:24px!important}.b-ml-7{margin-left:28px!important}.b-ml-8{margin-left:32px!important}.b-ml-9{margin-left:36px!important}.b-ml-10{margin-left:40px!important}.b-ml-11{margin-left:44px!important}.b-ml-12{margin-left:48px!important}.b-ml-13{margin-left:52px!important}.b-ml-14{margin-left:56px!important}.b-ml-15{margin-left:60px!important}.b-ml-16{margin-left:64px!important}.b-ml-17{margin-left:68px!important}.b-ml-18{margin-left:72px!important}.b-ml-19{margin-left:76px!important}.b-ml-20{margin-left:80px!important}.b-ml-21{margin-left:84px!important}.b-ml-22{margin-left:88px!important}.b-ml-23{margin-left:92px!important}.b-ml-24{margin-left:96px!important}.b-ml-25{margin-left:100px!important}.b-pt-1{padding-top:4px!important}.b-pt-2{padding-top:8px!important}.b-pt-3{padding-top:12px!important}.b-pt-4{padding-top:16px!important}.b-pt-5{padding-top:20px!important}.b-pt-6{padding-top:24px!important}.b-pt-7{padding-top:28px!important}.b-pt-8{padding-top:32px!important}.b-pt-9{padding-top:36px!important}.b-pt-10{padding-top:40px!important}.b-pt-11{padding-top:44px!important}.b-pt-12{padding-top:48px!important}.b-pt-13{padding-top:52px!important}.b-pt-14{padding-top:56px!important}.b-pt-15{padding-top:60px!important}.b-pt-16{padding-top:64px!important}.b-pt-17{padding-top:68px!important}.b-pt-18{padding-top:72px!important}.b-pt-19{padding-top:76px!important}.b-pt-20{padding-top:80px!important}.b-pt-21{padding-top:84px!important}.b-pt-22{padding-top:88px!important}.b-pt-23{padding-top:92px!important}.b-pt-24{padding-top:96px!important}.b-pt-25{padding-top:100px!important}.b-pr-1{padding-right:4px!important}.b-pr-2{padding-right:8px!important}.b-pr-3{padding-right:12px!important}.b-pr-4{padding-right:16px!important}.b-pr-5{padding-right:20px!important}.b-pr-6{padding-right:24px!important}.b-pr-7{padding-right:28px!important}.b-pr-8{padding-right:32px!important}.b-pr-9{padding-right:36px!important}.b-pr-10{padding-right:40px!important}.b-pr-11{padding-right:44px!important}.b-pr-12{padding-right:48px!important}.b-pr-13{padding-right:52px!important}.b-pr-14{padding-right:56px!important}.b-pr-15{padding-right:60px!important}.b-pr-16{padding-right:64px!important}.b-pr-17{padding-right:68px!important}.b-pr-18{padding-right:72px!important}.b-pr-19{padding-right:76px!important}.b-pr-20{padding-right:80px!important}.b-pr-21{padding-right:84px!important}.b-pr-22{padding-right:88px!important}.b-pr-23{padding-right:92px!important}.b-pr-24{padding-right:96px!important}.b-pr-25{padding-right:100px!important}.b-pb-1{padding-bottom:4px!important}.b-pb-2{padding-bottom:8px!important}.b-pb-3{padding-bottom:12px!important}.b-pb-4{padding-bottom:16px!important}.b-pb-5{padding-bottom:20px!important}.b-pb-6{padding-bottom:24px!important}.b-pb-7{padding-bottom:28px!important}.b-pb-8{padding-bottom:32px!important}.b-pb-9{padding-bottom:36px!important}.b-pb-10{padding-bottom:40px!important}.b-pb-11{padding-bottom:44px!important}.b-pb-12{padding-bottom:48px!important}.b-pb-13{padding-bottom:52px!important}.b-pb-14{padding-bottom:56px!important}.b-pb-15{padding-bottom:60px!important}.b-pb-16{padding-bottom:64px!important}.b-pb-17{padding-bottom:68px!important}.b-pb-18{padding-bottom:72px!important}.b-pb-19{padding-bottom:76px!important}.b-pb-20{padding-bottom:80px!important}.b-pb-21{padding-bottom:84px!important}.b-pb-22{padding-bottom:88px!important}.b-pb-23{padding-bottom:92px!important}.b-pb-24{padding-bottom:96px!important}.b-pb-25{padding-bottom:100px!important}.b-pl-1{padding-left:4px!important}.b-pl-2{padding-left:8px!important}.b-pl-3{padding-left:12px!important}.b-pl-4{padding-left:16px!important}.b-pl-5{padding-left:20px!important}.b-pl-6{padding-left:24px!important}.b-pl-7{padding-left:28px!important}.b-pl-8{padding-left:32px!important}.b-pl-9{padding-left:36px!important}.b-pl-10{padding-left:40px!important}.b-pl-11{padding-left:44px!important}.b-pl-12{padding-left:48px!important}.b-pl-13{padding-left:52px!important}.b-pl-14{padding-left:56px!important}.b-pl-15{padding-left:60px!important}.b-pl-16{padding-left:64px!important}.b-pl-17{padding-left:68px!important}.b-pl-18{padding-left:72px!important}.b-pl-19{padding-left:76px!important}.b-pl-20{padding-left:80px!important}.b-pl-21{padding-left:84px!important}.b-pl-22{padding-left:88px!important}.b-pl-23{padding-left:92px!important}.b-pl-24{padding-left:96px!important}.b-pl-25{padding-left:100px!important}.b-p-1{padding:4px!important}.b-m-1{margin:4px!important}.b-p-2{padding:8px!important}.b-m-2{margin:8px!important}.b-p-3{padding:12px!important}.b-m-3{margin:12px!important}.b-p-4{padding:16px!important}.b-m-4{margin:16px!important}.b-p-5{padding:20px!important}.b-m-5{margin:20px!important}.b-p-6{padding:24px!important}.b-m-6{margin:24px!important}.b-p-7{padding:28px!important}.b-m-7{margin:28px!important}.b-p-8{padding:32px!important}.b-m-8{margin:32px!important}.b-p-9{padding:36px!important}.b-m-9{margin:36px!important}.b-p-10{padding:40px!important}.b-m-10{margin:40px!important}.b-p-11{padding:44px!important}.b-m-11{margin:44px!important}.b-p-12{padding:48px!important}.b-m-12{margin:48px!important}.b-p-13{padding:52px!important}.b-m-13{margin:52px!important}.b-p-14{padding:56px!important}.b-m-14{margin:56px!important}.b-p-15{padding:60px!important}.b-m-15{margin:60px!important}.b-p-16{padding:64px!important}.b-m-16{margin:64px!important}.b-p-17{padding:68px!important}.b-m-17{margin:68px!important}.b-p-18{padding:72px!important}.b-m-18{margin:72px!important}.b-p-19{padding:76px!important}.b-m-19{margin:76px!important}.b-p-20{padding:80px!important}.b-m-20{margin:80px!important}.b-p-21{padding:84px!important}.b-m-21{margin:84px!important}.b-p-22{padding:88px!important}.b-m-22{margin:88px!important}.b-p-23{padding:92px!important}.b-m-23{margin:92px!important}.b-p-24{padding:96px!important}.b-m-24{margin:96px!important}.b-p-25{padding:100px!important}.b-m-25{margin:100px!important}.preview{min-height:590px}.preview #preview{background:hsla(240,5%,57%,.1);border:none;border-radius:20px;min-height:100%}.preview #preview .preview-img{align-items:center;display:flex;justify-content:center}.preview h2{margin-bottom:0;padding:0}.preview .card-header{background:transparent;border:none;padding:0}.preview .card{border:none}#setting{background-color:transparent;border-radius:20px;box-shadow:unset}#setting .card-body{padding:1rem 2.25rem!important}.setting-item .aside-left{padding-left:0}.setting-item .aside-right{background-color:#fff;border:1px solid #e3e3e3;border-radius:15px;padding:15px!important}.setting-item .title{font-size:14px}.setting-item .sub-title{color:#8c8c96;font-size:14px}.setting-item a{text-decoration:underline}@media screen and (max-width:576px){.setting-item .aside-left{padding-top:10px}}@media (min-height:800px){.setting-item .aside-right{padding:28px!important}.setting-item.point-branding .aside-left,.setting-item.store-detail .aside-left{padding-top:28px!important}}.translate-enter-active,.translate-leave-active{transition:all .5s ease}.translate-enter-from,.translate-leave-to{opacity:0;transform:translateX(30px)}.el-loading-spinner .path{stroke:#ed66b2!important}.el-dialog{border-radius:20px!important}.el-dialog__body{word-break:break-word!important}.el-dialog__headerbtn:hover .el-dialog__close{color:#ed66b2!important}@media screen and (max-width:991px){#kt_content{margin-top:60px}}