body{background:transparent;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.container-web-floading{background:#f4f6f8;border-radius:20px;box-shadow:8px 9px 4px rgba(0,0,0,.25);height:100vh;margin:0 auto}.container-web-floading .header-top{background:linear-gradient(65.71deg,#08f 28.29%,#33a0ff 97.55%);border-radius:20px 20px 0 0;height:200px;padding-left:20px;padding-top:23px;position:relative}.container-web-floading .header-top .title{color:#fff;font-size:20px;font-style:normal;font-weight:400;margin-bottom:0!important;margin-top:0}.container-web-floading .header-top .sub-title{color:#fff;font-size:20px;font-style:normal;font-weight:500;height:28px;margin-bottom:23px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container-web-floading .header-top #close{top:10px}.container-web-floading .header-top #close,.container-web-floading .header-top #close-1{cursor:pointer;position:absolute;right:15px}.container-web-floading .header-bottom{padding:0 20px}.container-web-floading .header-bottom .box-dashboard{background:#fff;border-radius:4px;margin-bottom:16px;padding:12px 20px}.container-web-floading .header-bottom .box-dashboard span{display:block}.container-web-floading .header-bottom .box1{text-align:center}.container-web-floading .header-bottom .box1 .title{color:#0f1824;font-size:14px;font-style:normal;font-weight:500;margin-bottom:8px}.container-web-floading .header-bottom .box1 .sub-title{color:#46515f;font-size:13px;font-style:normal;font-weight:400;line-height:18px;margin-bottom:15px}.button-primary{align-items:center;background:linear-gradient(65.71deg,#08f 28.29%,#33a0ff 97.55%);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;font-style:normal;font-weight:500;padding:8px 16px}.container-web-floading .header-bottom .box2 .title{color:#0f1824;display:block;font-size:14px;font-style:normal;margin-bottom:8px}.container-web-floading .header-bottom .box2 .sub-title{color:#46515f;font-size:13px;font-weight:400;line-height:18px;margin-bottom:18px}.box-make-point span{display:inline-block!important}.box-make-point .col-md-10,.box-make-point .col-md-2{padding:0}.col-left-history{max-width:74.333333%!important;padding-top:19px!important}.title-make-point{color:#0f1824;font-size:14px;font-weight:400;position:relative;top:-14px;width:76%}.view-make-point{float:right;position:relative;top:-12px}.box-make-point{cursor:pointer;margin-top:12px;position:relative}.col-right-make-point{border-bottom:1px solid #f3f4f5;clear:both}.box-position-bottom{position:relative;top:-89px}.header-top-small{height:60px!important}.container-web-floading .header-top-small #close{top:18px}.container-web-floading .header-top-small .title{margin-left:25px;margin-top:-6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-dashboard{cursor:pointer;left:10px;position:absolute;top:16px}.container-web-floading-while{background-color:#fff}.box-point .title{color:#212b35;font-size:16px;margin-bottom:12px;margin-top:20px}.box-point .title-make-point{display:block!important;top:-2px}.box-point .sub-title-make-point{color:#46515f;display:block!important;font-size:14px;font-weight:400;line-height:20px;position:relative;top:-3px}.container-web-floading-while{position:relative}.button-primary-point{position:absolute;top:0;width:90%}.button-primary-point-login{bottom:28px;position:absolute;width:90%}.scroll-box-make-point{height:67vh;margin-right:-20px;overflow-x:hidden;overflow-y:auto;padding-right:20px}#style-1::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}#style-1::-webkit-scrollbar{background-color:#f5f5f5;width:6px}#style-1::-webkit-scrollbar-thumb{background-color:#dcdcdc;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.container-web-floading-while .col-right-make-point{margin-top:10px}.container-web-floading-rank .box-make-point{margin-top:13px}.no-pd{padding:0!important}.rank-line-description div{display:inline-block}.rank-line-description .col-description-rank{color:#46515f;font-size:14px;font-weight:400;margin-left:25px;position:relative;top:-6px}.rank-title{color:#0f1824;font-size:14px;font-weight:400;margin-bottom:8px;margin-top:12px}.container-web-floading-login .sub-title span{font-size:14px;left:4px;position:relative;top:-3px}.react-sweet-progress-line-inner{min-height:5px!important}.react-sweet-progress-symbol{display:none!important}.container-web-floading-login .header-top{padding-top:17px}.container-web-floading-login .header-top .title{margin-bottom:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container-web-floading-login .box-position-bottom{top:-106px}.container-web-floading-login .header-bottom .box3{padding:21px 20px 8px}.container-web-floading-login .header-bottom .box4 .title{margin-bottom:18px}.container-web-floading-login{height:100vh}.container-web-floading .col-md-2{max-width:16.666667%}.container-web-floading .col-md-10{max-width:83.333333%}.container-web-floading .col-md-8{max-width:66.666667%!important}.container-web-floading .col-md-1{max-width:8.333333%!important}.container-web-floading .col-md-11{max-width:91.666667%!important}.btn-tran-point{background:linear-gradient(65.71deg,#08f 28.29%,#33a0ff 97.55%);border-radius:3px;padding:8px 20px;right:0;width:auto}.icon-make-point img{border-radius:100%;display:block;height:36px;max-height:36px;max-width:36px}.icon-make-point{position:absolute}.icon-make-point-tiers img{border-radius:100%;display:block;height:40px;margin-top:0}.view-voucher-detail{float:right;margin-top:-34px}.container-web-floading ul{padding-left:16px!important}.container-web-floading .content-copy-voucher{border:1px solid #d3d5d7;border-radius:4px;border-right:none;color:#46515f;font-size:14px;font-weight:400;padding:7px 0 7px 22px}.container-web-floading .col-md-7{width:58.33333333%!important}.container-web-floading .col-md-5{width:41.66666667%!important}.container-web-floading .col-md-3{width:25%!important}.container-web-floading .col-md-6{width:50%!important}.container-web-floading .container-voucher{display:inline-block}#btn-copy-voucher{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-2px;width:100%!important}.button-primary-point-confirm{height:42px;position:relative;width:158px}.container-web-floading-hidden{background:#e1e1e1}.box-confirm-point{background-color:#fff;bottom:0;padding:22px 20px;position:absolute;width:100%}.box-confirm-point .title-confirm{color:#212b35;font-size:14px;font-weight:400;margin-bottom:8px}.description-confirm{color:#46515f;font-size:14px;font-weight:400;margin-left:6px}.box-btn-confirm{display:inline-block;margin-top:15px}.button-cancle-point-confirm{background:#fff;border:1px solid #08f;color:#08f}.hide-loyalty{display:none}.btn-tran-point-2-disabled{background:#cce7ff!important}.container-web-floading .tooltip{display:inline-block;position:relative}.container-web-floading .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}.container-web-floading .tooltip .tooltiptext:after{border:5px solid transparent;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.container-web-floading .tooltip:hover .tooltiptext{opacity:1;visibility:visible}.col-right-make-point-history{margin-top:5px!important}.col-time-history{color:#46515f;float:right;font-size:14px;max-width:21.666667%!important;position:relative;right:6px;text-align:right;top:17px}.box-make-point-voucher-detail{cursor:default}.col-title-make-point{margin-left:52px}.icon-make-point-dashboard{position:relative}.container-web-floading-dashboard .title-make-point{color:#0f1824;font-size:14px;font-weight:400;position:relative;top:-14px;width:76%}.col-description-rank-right{margin-left:45px}.rank-line-description{margin-bottom:5px;margin-top:5px;position:relative}.rank-line-description .col-md-1{position:absolute;top:-7px}.container-web-floading-dashboard .icon-make-point{position:relative!important}.keep-scrolling{overflow-y:scroll}.keep-scrolling::-webkit-scrollbar{display:none}.keep-scrolling{-ms-overflow-style:none;scrollbar-width:none}.container-web-floading .tooltipcustom{background-color:#000;border-radius:6px;bottom:2%;color:#fff;left:50%;padding:8px 12px;position:fixed;transform:translateX(-50%);z-index:1000}.contact-store{color:#08f!important}.box-make-point-history,.container-web-floading-make-money .box-make-point,.container-web-floading-rank .sub-title-make-point,.container-web-floading-rank .title-make-point{cursor:default}.container-web-floading .header-top .sub-title img{margin-top:-6px}.container-web-floading-dashboard-custom .box-make-point{height:56px;margin-top:0}.container-web-floading-dashboard-custom .icon-make-point{top:10px}.container-web-floading-dashboard-custom .title-make-point,.container-web-floading-dashboard-custom .view-make-point{top:-4px}.container-web-floading-dashboard-custom .col-right-make-point{position:relative;top:5px}.container-web-floading-dashboard-custom .header-bottom .box4 .title{margin-bottom:8px}.container-web-floading-login .header-bottom .box3{padding:12px 20px}.col-left-history .title-make-point{width:100%;word-break:break-word}.button-primary:hover{opacity:.9}@media only screen and (max-height:450px){.container-web-floading-login{height:33rem!important}.container-web-floading,.container-web-floading .header-top{border-radius:0}.box-make-point .col-md-2{max-width:6.666667%}.container-web-floading .col-md-1{max-width:4.333333%!important}}.container-web-floading .header-top .sub-title img{border-radius:100%;height:16px;width:16px}.container-web-floading-dashboard-custom-2 .title-make-point{top:14px}.container-web-floading-dashboard-custom-2 .box-point .sub-title-make-point{top:16px}.container-web-floading-dashboard-custom-2 .box-point .button-primary-point{top:17px}.container-web-floading-dashboard-custom-2 .box-make-point{min-height:68px}.container-web-floading-dashboard-custom-2 .icon-make-point{top:15px}.container-web-floading-dashboard-custom-2 .col-right-make-point{top:20px}.col-left-history .title-make-point{color:#212b35}.col-left-history .sub-title-make-point{color:#46515f}.box-make-point-history{margin-top:0}.container-web-floading-hidden .col-right-make-point{border-bottom:1px solid #dbdcdd}