@media screen and (max-width: 576.5px){.widget-bonus-campaign-list .nav-tabs .nav-item,.widget-bonus-customer .nav-tabs .nav-item{width:100%}.widget-bonus-campaign-list .nav-tabs .nav-item .nav-link,.widget-bonus-customer .nav-tabs .nav-item .nav-link{width:100%}.widget-bonus-campaign-list .nav-tabs .nav-item .nav-link.active,.widget-bonus-customer .nav-tabs .nav-item .nav-link.active{color:#fff;background-color:var(--primary) !important}}@media screen and (min-width: 576px){.widget-bonus-campaign-list .nav-tabs .nav-item .nav-link,.widget-bonus-customer .nav-tabs .nav-item .nav-link{border:none;background-color:#fff !important}.widget-bonus-campaign-list .nav-tabs .nav-item .nav-link.active,.widget-bonus-customer .nav-tabs .nav-item .nav-link.active{font-weight:600}}.widget-bonus-campaign-list .campaign-card img,.widget-bonus-customer .campaign-card img{max-height:250px}.widget-bonus-campaign-list .coupon-field,.widget-bonus-customer .coupon-field{font-size:1.5rem}.widget-bonus-campaign-list .create-coupon-btn,.widget-bonus-customer .create-coupon-btn{cursor:pointer;color:var(--primary);background-color:#fff}.widget-bonus-campaign-list .create-coupon-btn:hover,.widget-bonus-customer .create-coupon-btn:hover{color:#fff;background-color:var(--primary)}.widget-bonus-campaign-list .activity-list,.widget-bonus-customer .activity-list{font-size:90%}.cursor-pointer{cursor:pointer}.a-center i{display:flex;align-self:center}.px-2.py-3.p-sm-3.font-bold:empty{padding:0 !important}.mp-page{background-color:#fff}.mp-container{display:flex;flex-direction:column;padding-top:20px}@media(min-width:768px){.mp-container{padding-top:40px}}.mp-container>div>h1{margin:0;font-size:18px;font-weight:bold}@media(min-width:1200px){.mp-container>div>h1{font-size:36px}}.mp-container>div>h1+p{margin:0;padding-top:10px;font-size:14px;line-height:1.2}@media(min-width:1200px){.mp-container>div>h1+p{font-size:18px}}.mp-tabs{display:flex;flex-wrap:wrap;padding-top:30px}@media(min-width:576px){.mp-tabs{padding-top:40px}}@media(min-width:768px){.mp-tabs{padding-top:50px}}@media(min-width:1200px){.mp-tabs{padding-top:60px}}.mp-tabs>input{position:absolute;visibility:hidden;overflow:hidden;width:0 !important;height:0 !important;margin:0;padding:0;color:#fff;border:0;outline:none;box-shadow:none;font-size:0}.mp-tabs>input:checked+label{color:#fff;background-color:#000}.mp-tabs>input:checked+label+.t{display:block}.mp-tabs>label{order:-1;margin:0 10px 0 0;padding:10px;cursor:pointer;border:1px solid #000;border-radius:5px;font-size:14px;line-height:1}@media(min-width:576px){.mp-tabs>label{display:flex;align-items:center;justify-content:center;height:40px;padding:0 25px;font-size:16px}}@media(min-width:768px){.mp-tabs>label{height:50px;margin-right:20px;font-size:18px}}.mp-tabs>label:last-of-type{margin-right:0}.mp-tabs .t{display:none;width:100%;padding-top:20px}@media(min-width:768px){.mp-tabs .t{padding-top:40px}}.mp-tabs .t .border{font-size:14px}@media(min-width:576px){.mp-tabs .t .border{font-size:16px}}.mp-tabs .t .border.rounded{border-radius:5px !important}.mp-nr{position:relative;left:calc(-1*(100vw - 100%)/2);width:100vw;margin-top:25px;margin-bottom:25px;padding-top:15px;padding-bottom:15px;background-color:#f2f2f2;line-height:1}@media(min-width:1200px){.mp-nr{margin-top:60px;margin-bottom:60px;padding-top:27px;padding-bottom:27px}}.mp-nr>div{display:flex;align-items:baseline}.mp-nr>div>span{margin-right:10px}@media(min-width:1200px){.mp-nr>div>span{margin-right:20px}}.mp-nr>div>span:first-child{font-size:24px;font-weight:bold}@media(min-width:768px){.mp-nr>div>span:first-child{font-size:30px}}@media(min-width:1200px){.mp-nr>div>span:first-child{font-size:36px}}.mp-nr>div>span:last-child{margin-right:0;font-size:14px}@media(min-width:1200px){.mp-nr>div>span:last-child{font-size:18px}}@media(min-width:1200px){.ccl-wrapper{position:relative;left:calc(-1*(100vw - 100%)/2);width:100vw}}.ccl{display:grid;font-size:14px;grid-auto-rows:auto;grid-template-columns:1fr;grid-template-rows:auto;gap:20px 10px}@media(min-width:768px){.ccl{grid-template-columns:repeat(2, 1fr);gap:20px 20px}}@media(min-width:1200px){.ccl{grid-template-columns:repeat(3, 1fr)}}.ccl .cc-inner{padding:20px;border:1px solid #dee2e6;border-radius:5px;background-color:#fff}@media(min-width:576px){.ccl .cc-inner{display:flex;flex-direction:column;height:100%}}.ccl .mt-a{display:grid;margin-top:auto;grid-auto-rows:auto;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto;gap:0 10px}.ccl .mt-a>div:nth-child(odd){text-align:right;font-weight:bold}.ccl .mt-a .progress{grid-column:span 2;height:5px;border-radius:2px;background-color:#f0f0f0;font-size:1rem}@media(min-width:768px){.ccl .mt-a .progress{height:10px}}.ccl .mt-a .progress .p-bar{background-color:#f26666}.ccl .mt-a .progress .p-bar.green{background-color:#96d322}.ccl .mt-a .buttons{display:grid;padding-top:20px;grid-column:span 2;grid-auto-rows:1fr;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px 10px}.ccl .mt-a .buttons.a a{grid-column:span 2}.ccl .mt-a .buttons a,.ccl .mt-a .buttons button{display:flex;align-items:center;justify-content:center;padding:10px 5px;text-align:center;color:#000;border:1px solid #000;border-radius:5px;background-color:#fff;font-size:12px;font-weight:bold;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media(min-width:768px){.ccl .mt-a .buttons a,.ccl .mt-a .buttons button{width:inherit;font-size:14px}}@media(min-width:1200px){.ccl .mt-a .buttons a,.ccl .mt-a .buttons button{display:flex;align-items:center;justify-content:center;min-height:40px}}.ccl .mt-a .buttons a:hover,.ccl .mt-a .buttons button:hover{color:#fff;background-color:#000}.ccl .mt-a .buttons button{color:#fff;background-color:#000}.ccl .mt-a .buttons button.disabled{pointer-events:none;opacity:.35;color:#000;background-color:#fff}.ccl .title{padding-top:20px;font-size:18px;font-weight:bold;line-height:1.25}.ccl .ticket{display:flex;flex-direction:column}.ccl .progress{margin-top:20px;margin-bottom:15px}.cc-img{position:relative;display:block;height:0;padding-bottom:80%}.cc-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav-tabs::-webkit-scrollbar{display:none}.bonus-tabs .nav-tabs,.widget-bonus-campaign-list .nav-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-direction:row;flex-wrap:nowrap;width:calc(100% + 30px);margin-right:-15px;margin-bottom:0;margin-left:-15px;padding-left:0;list-style:none;border-bottom:0;scrollbar-width:none;-ms-overflow-style:none}.bonus-tabs .nav-tabs .nav-item,.widget-bonus-campaign-list .nav-tabs .nav-item{margin-right:10px;margin-bottom:0}.bonus-tabs .nav-tabs .nav-item:first-child,.widget-bonus-campaign-list .nav-tabs .nav-item:first-child{padding-left:15px}.bonus-tabs .nav-tabs .nav-item:last-child,.widget-bonus-campaign-list .nav-tabs .nav-item:last-child{margin-right:15px}.bonus-tabs .nav-tabs .nav-item>.nav-link,.widget-bonus-campaign-list .nav-tabs .nav-item>.nav-link{margin-bottom:0;padding:10px;white-space:nowrap;color:#000 !important;border:1px solid #000;border-radius:5px;background-color:#fff;font-size:12px}@media(min-width:576px){.bonus-tabs .nav-tabs .nav-item>.nav-link,.widget-bonus-campaign-list .nav-tabs .nav-item>.nav-link{display:flex;align-items:center;justify-content:center;height:auto;padding:10px 25px;font-size:16px}}.bonus-tabs .nav-tabs .nav-item>.nav-link.active,.widget-bonus-campaign-list .nav-tabs .nav-item>.nav-link.active{color:#fff !important;border-color:#000;background-color:#000 !important}.bonus-tabs .nav-tabs .nav-item>.nav-link:hover,.widget-bonus-campaign-list .nav-tabs .nav-item>.nav-link:hover{border-color:#000}
