@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@font-face{font-family:upbean;src:url(/online/static/media/upbean_regular_ver_1.00-webfont.182d4f30.eot);src:url(/online/static/media/upbean_regular_ver_1.00-webfont.182d4f30.eot?#iefix) format("embedded-opentype"),url(/online/static/media/upbean_regular_ver_1.00-webfont.41155d37.woff2) format("woff2"),url(/online/static/media/upbean_regular_ver_1.00-webfont.cdb83480.woff) format("woff"),url(/online/static/media/upbean_regular_ver_1.00-webfont.c2c635d4.ttf) format("truetype"),url(/online/static/media/upbean_regular_ver_1.00-webfont.b4d47d42.svg#upbeanregular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:upbean;src:url(/online/static/media/upbean_bold_ver_1.00-webfont.0dc9ace9.eot);src:url(/online/static/media/upbean_bold_ver_1.00-webfont.0dc9ace9.eot?#iefix) format("embedded-opentype"),url(/online/static/media/upbean_bold_ver_1.00-webfont.207c3bd9.woff2) format("woff2"),url(/online/static/media/upbean_bold_ver_1.00-webfont.5423e1b6.woff) format("woff"),url(/online/static/media/upbean_bold_ver_1.00-webfont.16b2cf1d.ttf) format("truetype"),url(/online/static/media/upbean_bold_ver_1.00-webfont.eb46acb1.svg#upbeanbold) format("svg");font-weight:700;font-style:normal}@font-face{font-family:SUPERMARKET;src:url(/online/static/media/supermarket.d09ce847.ttf)}body{margin:unset!important;font-family:upbean!important}.app-container,.fix-content{width:1280px;margin-left:calc((100% - 1280px)/2);position:relative}.swal2-content,.swal2-styled.swal2-cancel,.swal2-styled.swal2-confirm{font-size:1.4em!important}.swal2-styled.swal2-confirm{background-color:#00a4e5!important}.swal2-styled.swal2-cancel{background-color:#d33!important}.form-control{font-size:.9em!important}.card{box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);border:none!important;margin-top:20px!important}.card-title{background:#00a4e5;border-radius:.25rem .25rem 0 0;padding:10px;margin-bottom:0!important}.card-content{position:relative;padding:20px}.card-icon{background:#fff;border-radius:50%;width:50px;height:50px;text-align:center;vertical-align:middle;display:inline-block}.card-icon i{color:#00a4e5;margin-top:28%}.card-icon i,.card-title-text{vertical-align:middle;font-size:1.45em}.card-title-text{display:inline-block;color:#fff;padding-left:10px}.side-bar{display:inline-block;width:30%}.content-bar{display:inline-block;width:calc(70% - 20px);margin-left:20px;vertical-align:top}.no-data{text-align:center;font-size:1em}@media only screen and (max-width:1280px){.app-container,.fix-content{width:100%;margin-left:unset}}@media only screen and (min-width:900px){.app-container,.fix-content{width:900px;margin-left:18%;position:relative}}.loginHeaderPage div.nav-top-title-content{display:inline-block;vertical-align:middle;margin-left:15px;margin-top:-5px}.loginHeaderPage div.nav-top-title-content .tc-1{font-size:1.6em}.loginHeaderPage div.nav-top-title-content .tc-2{font-size:1.2em;color:#00a4e5}.loginHeaderPage .navbar-toggler{position:absolute!important;right:50px!important;top:67px!important;z-index:99999!important;padding:.2rem .3rem}.loginHeaderPage .navbar-nav{text-align:center!important;font-size:1.5em}.loginHeaderPage img.nav-top-logo{display:inline-block;width:100px;padding:10px 0;vertical-align:middle}.loginHeaderPage .hot-line{color:#00a4e5;font-size:1.1em;position:absolute;right:1.5rem}.loginHeaderPage .timer{text-align:right;color:#000!important;font-size:1.2em}.loginHeaderPage .nav-islogin{padding:10px 0;background:#00a4e5;color:#fff;text-align:center;width:100%;left:0;font-size:1.5em;cursor:pointer}.loginHeaderPage .nav-islogin span{padding:0 14px}.loginHeaderPage .navbar-nav{display:none!important}.loginHeaderPage a.nav-link{font-size:.9em!important}.loginHeaderPage .navbar-light .navbar-nav .show>.nav-link,.loginHeaderPage a.dropdown-item:hover,.loginHeaderPage a.nav-link:hover{color:#00a4e5!important}.loginHeaderPage .n-tc-2-v2{display:none}.loginHeaderPage .nav-active{color:#00a4e5;text-shadow:2px 2px 5px #818181,2px 2px 25px #fff,0 0 5px #949393;-moz-text-shadow:2px 2px 5px #818181,2px 2px 25px #fff,0 0 5px #949393;-webkit-text-shadow:2px 2px 5px #818181,2px 2px 25px #fff,0 0 5px #949393}@media only screen and (max-width:991px){.loginHeaderPage .nav-time{display:none}.loginHeaderPage .nav-all-page{display:block!important}.loginHeaderPage .nav-islogin{display:none}.loginHeaderPage .hot-line,.loginHeaderPage .timer{display:none!important}}@media only screen and (max-width:620px){.loginHeaderPage .nav-login{font-size:1.8em}}@media only screen and (min-width:992px) and (max-width:1149px){.loginHeaderPage div.nav-top-title-content .tc-2{font-size:1em}}@media only screen and (min-width:601px) and (max-width:650px){.loginHeaderPage div.nav-top-title-content .tc-2{font-size:1em}.loginHeaderPage .navbar-toggler{padding:.2rem .3rem;top:40px}}@media only screen and (min-width:500px) and (max-width:600px){.loginHeaderPage img.nav-top-logo{width:75px}.loginHeaderPage div.nav-top-title-content .tc-1{font-size:1.2em}.loginHeaderPage div.nav-top-title-content .tc-2{font-size:.9em}.loginHeaderPage .navbar-toggler{padding:.2rem .3rem;top:50px!important;right:30px!important}}@media only screen and (min-width:400px) and (max-width:499px){.loginHeaderPage img.nav-top-logo{width:75px}.loginHeaderPage div.nav-top{padding:0}.loginHeaderPage div.nav-top-title-content .tc-1{font-size:1em}.loginHeaderPage div.nav-top-title-content .tc-2{font-size:.7em}.loginHeaderPage .navbar-toggler{padding:.2rem .3rem;top:50px!important;right:20px!important}.loginHeaderPage .n-tc-2-v1{display:none}.loginHeaderPage .n-tc-2-v2{display:block}}@media only screen and (min-width:350px) and (max-width:399px){.loginHeaderPage .navbar{padding:.5rem}.loginHeaderPage img.nav-top-logo{width:65px}.loginHeaderPage div.nav-top{padding:0}.loginHeaderPage div.nav-top-title-content .tc-1{font-size:.9em}.loginHeaderPage div.nav-top-title-content .tc-2{font-size:.7em}.loginHeaderPage .navbar-toggler{padding:.2rem .3rem;top:45px!important;right:10px!important}.loginHeaderPage .n-tc-2-v1{display:none}.loginHeaderPage .n-tc-2-v2{display:block}}@media only screen and (min-width:0px) and (max-width:349px){.loginHeaderPage .navbar{padding:.5rem 5px}.loginHeaderPage img.nav-top-logo{width:50px;padding:5px 0}.loginHeaderPage div.nav-top{padding:0}.loginHeaderPage div.nav-top-title-content .tc-1{font-size:.9em}.loginHeaderPage div.nav-top-title-content .tc-2{font-size:.6em}.loginHeaderPage .navbar-toggler{padding:.2rem .3rem;top:30px!important;right:10px!important}.loginHeaderPage .n-tc-2-v1{display:none}.loginHeaderPage .n-tc-2-v2{display:block}}.btn-light,.btn-light:hover{width:110px;height:41px}.btn-light,.btn-light-img,.btn-light:hover{background-color:#00a4e5;border-color:#00a4e5;color:#fff}.btn-light-img{width:151px!important;height:41px!important;margin-bottom:35px}.btn-text{padding-top:6px}.setPosition{padding-right:11px;margin-left:5px}.logo{margin-top:-185px}.section{max-height:406px;padding:1rem;overflow-y:auto;direction:ltr;scrollbar-color:#d4aa70 #e4e4e4;scrollbar-width:thin;width:55%;margin:auto;border:1px solid #ddd}.section h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.section p+p{margin-top:1rem}.section::-webkit-scrollbar{width:20px}.section::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:100px}.section::-webkit-scrollbar-thumb{border-radius:100px;background-image:-webkit-gradient(linear,left top,left bottom,from(#00a4e5),color-stop(99%,#00a4e5));background-image:-webkit-linear-gradient(top,#00a4e5,#00a4e5 99%);background-image:linear-gradient(180deg,#00a4e5,#00a4e5 99%);box-shadow:inset 2px 2px 5px 0 hsla(0,0%,100%,.5)}div.topping{margin-left:22.4%;margin-top:1%}.my-modal .modal-content{background-color:red}div.modal-content.card-title{background-color:#fff;display:none}div.modals-container.modals-content.card{background-color:#00a4e5}div.modals-content{left:40%}div.modals-content,div.modals-content div.card div.modals-content div.card{position:absolute;top:50%;-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%)}div.modals-content div.card div.modals-content div.card{background-color:#fff;width:102%;left:calc((100% - 900px)/2)!important}div.modals-content div.card-title{background:#fff;position:absolute}div.modals-content div.card-content{padding:35px}div.modals-content.card-content{padding:50px;font-size:1.3em}div.modals-content.card{width:70%}button.btn.btn-light.btn-lg{margin-right:5px}div.profile-button{position:absolute;left:50%;top:25%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-content{padding-bottom:20px;font-size:1.3em}.special_modal .modal-content{background-color:#000;color:#fff}.modal-backdrop{background-color:green}@media only screen and (max-width:600px){div.modals-content div.card{background-color:#fff;width:100%;position:absolute;left:calc((100% - 191px)/2)!important;top:50%;-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%)}}.scroll-bar-disable{overflow:hidden!important}.modals-container{top:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center}.modals-container,.modals-curtain{position:fixed!important;width:100%;height:100%}.modals-curtain{background-color:#333030;opacity:.5!important}.modals-content{min-width:740px;z-index:999999!important}.modals-content .card{margin-top:0!important}.modals-content .card-title-text{font-size:1.2em!important}.modals-content .modals-close{float:right;color:#fff;font-size:1.2em;margin-top:15px;margin-right:10px;cursor:pointer}.modals-content .card-icon i{font-size:1.2em!important}@media only screen and (min-width:700px) and (max-width:830px){.modals-content{min-width:80%!important;max-width:70%}}@media only screen and (min-width:451px) and (max-width:699px){.modals-content{min-width:90%!important;max-width:60%}}@media only screen and (min-width:0px) and (max-width:450px){.modals-content{min-width:90%!important;max-width:90%}}.noneLoginHeaderPage .mobile{display:none!important}.noneLoginHeaderPage .navbar-website,.noneLoginHeaderPage div.nav-top{position:relative}.noneLoginHeaderPage img.nav-top-logo{display:inline-block;width:100px;padding:10px 0;vertical-align:middle}.noneLoginHeaderPage div.nav-top-title-content{display:inline-block;vertical-align:middle;margin-left:15px;margin-top:-5px}.noneLoginHeaderPage div.nav-top-title-content .tc-1{font-size:1.6em}.noneLoginHeaderPage div.nav-top-title-content .tc-2{font-size:1.2em;color:#00a4e5}.noneLoginHeaderPage .navbar-toggler{position:absolute!important;right:50px!important;top:67px!important;z-index:99999!important;padding:.2rem .3rem}.noneLoginHeaderPage .navbar-nav{text-align:center!important;font-size:1.5em}.noneLoginHeaderPage .navbar-nav-for-website{text-align:center!important;font-size:1.1em!important;position:unset!important;right:unset!important;display:flex;justify-content:center;width:100%}.noneLoginHeaderPage .nav-link-for-website{color:#000!important}.noneLoginHeaderPage .nav-dash-for-website{padding:unset!important}.noneLoginHeaderPage .dropdown-menu{text-align:center!important;font-size:unset!important}.noneLoginHeaderPage .nav-active a{color:#00a4e5!important}.noneLoginHeaderPage .nav-active .nav-link-for-website{color:#fff!important}.noneLoginHeaderPage a.dropdown-item:hover,.noneLoginHeaderPage a.nav-link:hover{color:#00a4e5!important}.noneLoginHeaderPage a.nav-link-for-website:hover{color:#fff!important;text-shadow:2px 2px 5px #818181,2px 2px 25px #fff,0 0 5px #949393;-moz-text-shadow:2px 2px 5px #818181,2px 2px 25px #fff,0 0 5px #949393;-webkit-text-shadow:2px 2px 5px #818181,2px 2px 25px #fff,0 0 5px #949393}.noneLoginHeaderPage a.dropdown-item{color:rgba(0,0,0,.5)!important}.noneLoginHeaderPage .nav-dash{background:#00a4e5;color:#fff;text-align:center;width:100%;left:0}.noneLoginHeaderPage .nav-login{font-size:2.5em}.noneLoginHeaderPage .nav-time{text-align:right;vertical-align:top;padding:18px 22px 0;font-size:1.4em;right:0;margin-top:-30px;position:absolute}.noneLoginHeaderPage .nav-islogin{padding:10px 0;background:#00a4e5;color:#fff;text-align:center;width:100%;left:0;font-size:1.5em;cursor:pointer}.noneLoginHeaderPage .nav-islogin span{padding:0 10px}.noneLoginHeaderPage .nav-all-page{display:none!important}.noneLoginHeaderPage .n-tc-2-v2{display:none}.noneLoginHeaderPage .nav-active{color:#00a4e5;text-shadow:2px 2px 5px #818181,2px 2px 25px #fff,0 0 5px #949393;-moz-text-shadow:2px 2px 5px #818181,2px 2px 25px #fff,0 0 5px #949393;-webkit-text-shadow:2px 2px 5px #818181,2px 2px 25px #fff,0 0 5px #949393}.noneLoginHeaderPage .hot-line{color:#00a4e5;font-size:1.1em;position:absolute;right:1.5rem}.noneLoginHeaderPage .timer{text-align:right;color:#000!important;font-size:1.2em}@media only screen and (max-width:991px){.noneLoginHeaderPage .nav-time{display:none}.noneLoginHeaderPage .nav-all-page{display:block!important}.noneLoginHeaderPage .nav-islogin{display:none}.noneLoginHeaderPage .mobile{display:block!important}.noneLoginHeaderPage .timer,.noneLoginHeaderPage .website{display:none!important}}@media only screen and (max-width:620px){.noneLoginHeaderPage .nav-login{font-size:1.8em}}@media only screen and (min-width:992px) and (max-width:1149px){.noneLoginHeaderPage div.nav-top-title-content .tc-2{font-size:1em}}@media only screen and (min-width:601px) and (max-width:650px){.noneLoginHeaderPage div.nav-top-title-content .tc-2{font-size:1em}.noneLoginHeaderPage .navbar-toggler{padding:.2rem .3rem;top:40px}}@media only screen and (min-width:500px) and (max-width:600px){.noneLoginHeaderPage img.nav-top-logo{width:75px}.noneLoginHeaderPage div.nav-top-title-content .tc-1{font-size:1.2em}.noneLoginHeaderPage div.nav-top-title-content .tc-2{font-size:.9em}.noneLoginHeaderPage .navbar-toggler{padding:.2rem .3rem;top:50px!important;right:30px!important}}@media only screen and (min-width:400px) and (max-width:499px){.noneLoginHeaderPage img.nav-top-logo{width:75px}.noneLoginHeaderPage div.nav-top{padding:0}.noneLoginHeaderPage div.nav-top-title-content .tc-1{font-size:1em}.noneLoginHeaderPage div.nav-top-title-content .tc-2{font-size:.8em}.noneLoginHeaderPage .navbar-toggler{padding:.2rem .3rem;top:50px!important;right:20px!important}.noneLoginHeaderPage .n-tc-2-v1{display:none}.noneLoginHeaderPage .n-tc-2-v2{display:block}}@media only screen and (min-width:350px) and (max-width:399px){.noneLoginHeaderPage .navbar{padding:.5rem}.noneLoginHeaderPage img.nav-top-logo{width:65px}.noneLoginHeaderPage div.nav-top{padding:0}.noneLoginHeaderPage div.nav-top-title-content .tc-1{font-size:.9em}.noneLoginHeaderPage div.nav-top-title-content .tc-2{font-size:.7em}.noneLoginHeaderPage .navbar-toggler{padding:.2rem .3rem;top:45px!important;right:10px!important}.noneLoginHeaderPage .n-tc-2-v1{display:none}.noneLoginHeaderPage .n-tc-2-v2{display:block}}@media only screen and (min-width:0px) and (max-width:349px){.noneLoginHeaderPage .navbar{padding:.5rem 5px}.noneLoginHeaderPage img.nav-top-logo{width:50px;padding:5px 0}.noneLoginHeaderPage div.nav-top{padding:0}.noneLoginHeaderPage div.nav-top-title-content .tc-1{font-size:.9em}.noneLoginHeaderPage div.nav-top-title-content .tc-2{font-size:.6em}.noneLoginHeaderPage .navbar-toggler{padding:.2rem .3rem;top:30px!important;right:10px!important}.noneLoginHeaderPage .n-tc-2-v1{display:none}.noneLoginHeaderPage .n-tc-2-v2{display:block}}.footer{margin-top:20px}.ft-first{background:#00a4e5}.fix-last,.ft-first{width:100%;padding:20px 0}.fix-last{background:#262860;text-align:center;color:#fff;font-size:1.4em}.ft-first-title{font-size:1.6em;color:#fff}ul li{color:#fff;font-size:1.3em}ul li:hover{cursor:pointer}.sub-ul li{color:#fff;font-size:.95em}a,a:hover{color:#fff}a:hover{text-decoration:none}.ft-contact,.ft-facebook,.ft-menu{color:#fff}.ft-facebook{margin-top:12px}.div-icon,.i-icon{display:inline-block}.i-icon{width:10%;vertical-align:top;margin-top:3px;text-align:center}.div-icon{width:90%;vertical-align:middle}.br-content{clear:both;font-size:1.3em}.fb{text-align:center}.social-media{padding-left:20px}.social-media div{font-size:1.4em}.social-media img{display:inline-block;width:40px;margin-right:10px;cursor:pointer;border:2px solid #cac9c9;border-radius:50%}.application-store{margin-top:20px;padding-left:20px}.application-store div{font-size:1.4em}.application-store img{width:50%;display:inline-block;cursor:pointer}@media only screen and (min-width:491px) and (max-width:768px){.application-store img{width:30%}}@media only screen and (min-width:0px) and (max-width:768px){.ft-contact,.ft-facebook{padding:0 1rem}.ft-menu{display:none}}@media only screen and (min-width:769px) and (max-width:1099px){.ft-contact,.ft-facebook{display:inline-block;width:50%;vertical-align:top;padding:0 1rem}.ft-menu{display:none}}@media only screen and (min-width:1100px){.ft-menu{width:22.33%}.ft-contact,.ft-menu{display:inline-block;vertical-align:top;padding:0 1rem}.ft-contact{width:44.33%}.ft-facebook{display:inline-block;width:33.33%;vertical-align:top;padding:0 1rem}}@media only screen and (min-width:0px) and (max-width:410px){.fix-last{font-size:1.1em}}.user{margin-left:4.5px}.phone{margin-left:6px}.sweet-loading{position:fixed;width:100%;height:100%;background:#000;z-index:99999;opacity:.7;left:0;top:0}.css-1wvv9v7{left:calc(50% - 30px);top:calc(50% - 30px)}.loading-content{text-align:center;position:relative;top:calc(50% - 51.5px)}.loading-text{position:relative;font-size:1.4em;color:#fff;letter-spacing:.5px;margin-top:10px;-webkit-filter:brightness(100%);filter:brightness(100%)}.login-page{width:100%;padding:20px 1rem;position:relative}.txt-toast{font-size:1.25em}.txt-toast span,.txt-toast span a{color:#707070}.txt-toast span:hover,.txt-toast span a:hover{color:#00a4e5;cursor:pointer}.content-card{position:relative;width:100%;padding:20px;border-radius:2px;border:0;box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12)}.card-form,.card-img{display:inline-block;vertical-align:middle}.card-img{width:40%}.card-form{width:60%;text-align:center}.card-form-title{font-size:1.9em;font-weight:700}.card-form-subtitle{font-size:1.6em;color:#757474}.txt-input{width:300px;margin-left:21%;font-size:1.45em}.link-content{margin-bottom:20px}.link{display:inline-block;font-size:.75em!important;color:#757474}.link:hover{cursor:pointer;color:#00a4e5}.l-l{float:left}.l-r{float:right}.clear{clear:both}.set-password{-webkit-text-security:disc;-moz-text-security:disc;text-security:disc}.i-hide,.i-show{position:absolute;margin-top:3.6%;right:10px;color:#9c9b9b;cursor:pointer;font-size:.7em;z-index:999}@media only screen and (min-width:451px) and (max-width:720px){.card-img{display:block;width:60%;margin-left:20%}.card-form{display:block;width:100%;margin-top:20px}.login-title{font-size:1.6em}}@media only screen and (min-width:361px) and (max-width:490px){.card-img{display:block;width:80%;margin-left:10%}.card-form{display:block;width:100%;margin-top:20px}.card-form-subtitle{font-size:1.3em}.txt-input{width:70%;margin-left:15%}.login-title{font-size:1.6em}}@media only screen and (min-width:0px) and (max-width:360px){.card-img{display:block;width:80%;margin-left:10%}.card-form{display:block;width:100%;margin-top:20px}.card-form-subtitle{font-size:1.1em}.txt-input{width:90%;margin-left:5%}.login-title{font-size:1.6em}}.container{padding-right:0}.round{position:relative}.round label{background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;height:20px;left:0;position:absolute;top:0;width:20px}.round label:after{border:2px solid #fff;border-top:none;border-right:none;content:"";height:6px;left:3px;opacity:0;position:absolute;top:4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:12px}.round input[type=checkbox]{visibility:hidden}.round input[type=checkbox]:checked+label{background-color:#00a4e5;border-color:#00a4e5}.round input[type=checkbox]:checked+label:after{opacity:1}.label-title{margin:-10px 0 0 10px;cursor:unset!important}.label-title:hover{color:#757474;cursor:unset!important}.txt-input{width:300px!important;margin-left:calc((100% - 300px)/2)!important}@media only screen and (min-width:0px) and (max-width:420px){.txt-input{width:250px!important;margin-left:calc((100% - 250px)/2)!important}}@media only screen and (min-width:900px){.app-container,.fix-content{width:900px;margin-left:calc((100% - 900px)/2)!important;position:relative}}.register-title{font-size:1.25em;text-align:center;margin:20px 0}.registerForm{width:300px!important;margin-left:calc((100% - 300px)/2)}.register-row{margin-top:30px}.otp-title{font-size:1.4em;text-align:center;margin:20px 0 0}.otp-time{font-size:1.3em;color:rgba(0,0,0,.5)}.register-otp{margin-bottom:20px}.register-row{text-align:center!important}.pin-title{font-size:1.4em;text-align:center;margin:20px 0}.register-content{position:relative}table.register-table{width:400px;margin-left:calc(50% - 200px);margin-top:20px}.register-table tr td{text-align:center;position:relative}.cycle{width:50px;height:50px;border-radius:50%;border:3px solid #9c9b9b;margin-left:calc(50% - 25px)}.line{width:135%;margin-left:-17.5%;border:2px solid #9c9b9b}.line-active{border:2px solid #00a4e5}.regis-icon{font-size:1.2em;margin-top:11px}.regis-icon,.regis-text{color:#9c9b9b}.cycle-active{border:3px solid #00a4e5}.icon-active,.text-active{color:#00a4e5}@media only screen and (min-width:0px) and (max-width:478px){table{display:none}}.lastlogin{text-align:center}.badges{background:#ec0101;margin-left:10px;padding:2px 6px;border-radius:4px;color:#fff;font-size:1em;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;cursor:pointer}.badges:hover{background-color:#04f704}.msg-icon,.msg-message{display:inline-block}.msg-message{color:#000;width:calc(100% - 25px);vertical-align:top;padding-left:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.msg-time{font-size:.7em!important;color:#a19f9f!important}.msg-card-content{padding:10px 20px 20px!important}.msg-content{padding:10px 0;cursor:pointer;color:#000!important}.msg-content i{width:25px;vertical-align:top;color:#00a4e5}.msg-all,.msg-all a{font-size:1em!important;text-align:right;color:#757474!important}.msg-all span:hover{cursor:pointer;color:#00a4e5}.change-image{margin-bottom:5px}.img-center{display:block;margin-left:auto;margin-right:auto;width:477px;height:295px;background-color:#f6f8fb;font-size:8rem}.img-center i{margin-left:34%;height:30px;vertical-align:middle;color:#dee3e8}@media only screen and (min-width:0px) and (max-width:450px){.profile-image{display:block;min-height:128px;align-items:center;justify-content:center;text-align:center}.profile-image .imageGroupBox{display:inline-block}.imageGroup{width:50px;height:60px}.profile-no-image{padding-top:50px}.cropper-container.cropper-bg{left:50%!important}}.txt-txt-inputChange{width:300px;margin-left:calc((100% - 250px)/2)}.txt-inputChange{width:70%;margin-left:15%;width:90%;margin-left:5%;width:300px!important;margin-left:calc((100% - 300px)/2)!important}.txtlabel{margin-right:10px}@media only screen and (min-width:0px) and (max-width:500px){.container{display:none}}@media only screen and (min-width:0px) and (max-width:420px){.txt-inputChange{width:250px!important;margin-left:calc((100% - 250px)/2)!important}}input[type=file]{display:none}.profile-button{padding:20px 0 10px;text-align:center}.profile-image{width:100%;min-height:198px;display:flex;align-items:center}.profile-no-image{width:100%;text-align:center;align-items:center}.imageBoxList{margin-left:15px}.imageGroupBox{position:relative;border:4px solid #fff;border-radius:6px;margin-top:40px;margin-bottom:20px;cursor:pointer}.imageGroupBox .fa-check-square{position:absolute;top:-3px;left:-2px;color:#54c906}.imageGroupBox .fa-times-circle{position:absolute;color:#f10303;top:0;right:0}.imageActive{border:4px solid #54c906!important}.imageGroup{width:120px;height:130px;border-radius:3px}.imageGroupDelete{border:4px solid #949494!important}@media only screen and (min-width:700px) and (max-width:830px){.imageGroup{width:70px;height:80px}.profile-image{min-height:148px}}@media only screen and (min-width:451px) and (max-width:699px){.imageGroup{width:50px;height:60px}.profile-image{min-height:128px}}@media only screen and (min-width:0px) and (max-width:450px){.profile-image{display:block;min-height:128px;align-items:center;justify-content:center;text-align:center}.profile-image .imageGroupBox{display:inline-block}.imageGroup{width:50px;height:60px}.profile-no-image{padding-top:50px}}.card-content-img{position:absolute!important;right:5%;z-index:99;text-align:center;width:130px}.card-content-img img{display:block;width:100%;max-height:145px;margin-bottom:10px;border-radius:6px}.card-content div.left{width:20%;text-align:right;display:inline-block;font-weight:700;vertical-align:top}.card-content .right-side{width:80%;vertical-align:top}.card-content div.right{display:inline-block;padding-left:30px}.right-title{font-weight:700;padding-left:40px!important;color:#000!important}.for-pc,.right-title{display:inline-block}.for-mobile{display:none}.edit-data{font-size:.7em;margin-left:10px;color:#458036}.edit-data:hover{cursor:pointer}.edit-icon{font-size:.7em!important}.modal-title{font-size:1.6em;text-align:center}.modal-label{font-size:1.2em}.btn-success{background-color:#458036!important;width:132px;height:38px}.btn-light{background-color:#00a4e5;border-color:#00a4e5;color:#fff;width:128px!important;height:41px!important}.addr-block{margin:20px 0 40px}.addr-content{display:inline-block;position:relative;width:50%;font-size:1.2em;padding:0 20px}.addr-content input,.addr-content label,.addr-content select{display:inline-block;vertical-align:middle}.addr-content label{padding-top:6px}.addr-content input,.addr-content select{width:70%;float:right}select option{text-align:center}.addr-row{margin:10px 0}.modal-content-genaral{margin-top:10px}.modal-address-content{position:relative;width:100%}.addr-btn{margin-top:20px;text-align:center}.card-content-row{margin:7px 0}a.edit{color:#1f8bb5;font-size:.8em}@media only screen and (max-width:740px){.addr-content{width:100%}}@media only screen and (min-width:701px){.right-limit{width:60%!important}}@media only screen and (min-width:0px) and (max-width:991px){.side-bar{display:none}.content-bar{width:100%;padding-right:1rem;padding-left:1rem;margin-left:0}}@media only screen and (min-width:0px) and (max-width:700px){.card-content-img{position:relative!important;right:unset!important;width:40%;margin-left:30%;margin-bottom:20px;align-items:center;justify-content:center}.card-content-img img{display:block;width:100%;max-height:145px;margin-bottom:10px}.for-pc{display:none}.for-mobile{display:block}.card-content div.left{width:35%}.card-content .right-side{width:65%}.addr-content{display:block;width:100%;margin:10px 0}}@media only screen and (min-width:0px) and (max-width:700px) and (min-width:0px) and (max-width:400px){.addr-content label{font-size:.9em}.addr-content input,.addr-content select{width:60%}}@media only screen and (min-width:0px) and (max-width:700px){input#phone.form-control{margin-top:8px;left:11px}}.fa-pencil-alt:before{content:"\f303";color:#1e8bba;font-size:.73em;margin-right:5px}.diviend-loop{position:relative;padding:10px 20px;cursor:pointer}.diviend-loop:hover,.diviend-loop:hover a{color:#00a4e5!important}.diviend-loop .arrow,.diviend-loop .text{display:inline-block;width:49%}.arrow{text-align:right}.diviend-loop a{color:#000}@media only screen and (min-width:992px) and (max-width:1100px){.diviend-loop{font-size:.9em!important}}@media only screen and (min-width:0px) and (max-width:700px){.diviend-loop{margin:15px 0}.dividend-left,.dividend-right{display:block;width:100%}.dividend,.dividend_avg,.dividend_sum,.year{width:50%}.year div{width:90%}.dividend_avg{padding-left:5%}.dividend{padding-left:30px}}@media only screen and (min-width:0px) and (max-width:700px) and (min-width:415px) and (max-width:530px){.diviend-loop{font-size:.7em!important}}@media only screen and (min-width:0px) and (max-width:700px) and (min-width:0px) and (max-width:414px){.dividend,.dividend_avg,.dividend_sum,.year{display:block;width:100%}.dividend,.dividend_avg,.dividend_sum{padding-left:10%}}.gain-loop{padding:10px 20px!important}.right-side-loop{display:inline-block;width:50;padding-left:40px!important}.left-side-loop{text-align:right;display:inline-block;vertical-align:top;width:50}@media only screen and (min-width:415px) and (max-width:530px){.gain-loop{font-size:.7em!important}}.diviend-row{padding:5px 20px}.chart-row{margin:0 0 10px}.chart-left,.chart-right,.diviend-left,.diviend-right{display:inline-block;width:50%}.chart-left,.chart-right{height:20%}.chart-label{text-align:center;color:#757575}.diviend-right{text-align:right}.loan{color:#fc0202!important}.bold{font-weight:700}svg{height:150px!important}@media only screen and (min-width:0px) and (max-width:500px){.chart-row{display:none!important}}.share-account-row{padding:5px 20px}.share-account-left,.share-account-right{display:inline-block;width:50%}.share-account-right{text-align:right}.pagination-content{float:right!important;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link-a{color:#00a4e5!important;padding:2px 10px!important;font-size:.8em!important;position:relative;display:block;margin-left:-1px;line-height:1.25;background-color:#fff;border:1px solid #dee2e6}.page-link-a:hover{color:#00a4e5!important;background-color:#eeebeb}.pag-prev{border-radius:3px 0 0 3px!important}.pag-next{border-radius:0 3px 3px 0!important}.pag-active .page-link-a{background-color:#00a4e5!important;border-color:#00a4e5!important;color:#fff!important}table.table-share th{border-top:1px solid #fff!important}.mobile-share-content{display:none}.share-loop{border-top:1px solid #bebebe;padding:20px 0;cursor:pointer}.is-first{padding:10px 0 20px!important}@media only screen and (min-width:0px) and (max-width:1200px){.table-share{display:none}.mobile-share-content{display:block}}@media only screen and (min-width:0px) and (max-width:740px){.share-loop{font-size:.9em}}.table-deposit-account tbody tr:hover{color:#00a4e5;cursor:pointer}.td-type{width:35%}.money{text-align:right}.text-left,.text-right{display:inline-block}.mobile-content{display:none}.deposit-loop{border-top:1px solid #bebebe;padding:20px 0}.is-first{padding:0 0 20px}@media only screen and (min-width:0px) and (max-width:400px){.text-left{width:30%}.text-right{width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}table.table-deposit th{border-top:1px solid #fff!important}.is-withdrawal{color:#f00606}.is-deposit{color:#15be05}.mobile-trans{float:right}.depesit-trans-loop{border-top:1px solid #bebebe;padding:20px 0}.img-right{float:right}.card-icon-right{border-radius:50%;width:50px;height:50px;text-align:center;vertical-align:middle;display:inline-block}.card-icon-right i{font-size:1.45em;color:#fff;margin-top:28%}.card-title-text-right{margin-top:8px;padding-left:0;display:inline-block;vertical-align:middle;color:#fff;font-size:1.45em}@media only screen and (min-width:0px) and (max-width:800px){.mobile-content{display:block}.table-deposit{display:none}}.th-title{text-align:center}.th-body{text-align:right}table.table-loan th{border-top:1px solid #fff!important}.table-loan tbody tr:hover{color:#00a4e5;cursor:pointer}.text-right{text-align:right}.text-center{text-align:center}.text-title{font-weight:700}.text-desc{float:right}.mobile-loan-content{display:none}.loan-loop{border-top:1px solid #bebebe;padding:20px 0;cursor:pointer}.is-first{padding:0 20px}@media only screen and (min-width:0px) and (max-width:1200px){.table-loan{display:none}.mobile-loan-content{display:block}}.loan-transaction table.table-loan-trans th{border-top:1px solid #fff!important}.loan-transaction .th-title{text-align:center}.loan-transaction .th-body{text-align:right}.loan-transaction .text-title{font-weight:700}.loan-transaction .text-desc{float:right}.loan-transaction .text-center{text-align:center}.loan-transaction .loan-trans-loop{border-top:1px solid #bebebe;padding:20px 0}.loan-transaction .is-first{border-top:unset!important;padding:0 20px}.loan-transaction .guarantee-left,.loan-transaction .guarantee-right{display:inline-block;width:50%}.loan-transaction .guarantee-right{text-align:right}@media only screen and (min-width:992px) and (max-width:1100px){.loan-transaction .mobile-content{display:block}.loan-transaction .table-loan-trans{display:none}}@media only screen and (min-width:0px) and (max-width:800px){.loan-transaction .mobile-content{display:block}.loan-transaction .table-loan-trans{display:none}}.table-receipt{display:unset!important;width:100%}.table-receipt th{border-top:unset!important}.month-list{cursor:pointer}.month-list:hover{color:#00a4e5!important}.text-align-center{text-align:center}.receipt-left{width:85%}.row{display:flex;margin-right:-15px;margin-left:-15px}@media only screen and (max-width:380px) and (min-width:0px){.receipt-left{width:60%}}@media only screen and (max-width:500px) and (min-width:381px){.receipt-left{width:70%}}@media only screen and (max-width:991px) and (min-width:900px){.receipt-left{width:90%}}.bill-title{border-top:unset!important;font-weight:700;padding-bottom:10px}.bill-list{padding:10px;cursor:pointer;border-top:1px solid #dee2e6}.bill-list div{width:50%;display:inline-block}.bill-list div,i.fas{vertical-align:middle}.bill-list:hover{color:#00a4e5!important}.text-align-right{text-align:right}#password-content{font-size:.8em!important}.passwordSubmit{width:100%}.pageNotFound-container,.passwordSubmit{display:flex!important;align-items:center!important;justify-content:center!important}.pageNotFound-container{position:fixed!important;width:100%!important;height:100%!important;z-index:999999!important;top:0!important;left:0!important;background:#fff!important}.pageNotFound-container img{width:100px}.pageNotFound-container .logo{display:flex!important;justify-content:center!important}.pageNotFound-container .credit-content{padding-left:20px}.pageNotFound-container .credit-content div{text-align:center}.pageNotFound-container .title{font-size:1.8em;text-align:center!important;margin:50px 0 10px}.pageNotFound-container .button{display:flex!important;justify-content:center!important}.pageNotFound-container .company-thai{margin-top:5px;font-size:1.4em}.pageNotFound-container .company-eng{font-size:1.2em;color:#00a4e5}.msg-all-action,.msg-all-icon,.msg-all-row,.msg-all-title{display:inline-block}.msg-all-icon{width:40px;vertical-align:top}.msg-all-title{width:calc(100% - 40px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-all-row{width:calc(100% - 30px);color:#000}.msg-all-row:hover{color:#000}.msg-all-action{width:25px;float:right;vertical-align:top}.msg-all-loop{cursor:pointer;padding:20px 0;border-top:1px solid #bebebe}.is-first{border-top:unset!important}.msg-all-action i,.msg-all-icon i{color:#5ac7f8}.msg-all-content{padding:15px 0 10px;border-top:1px solid #bebebe;cursor:pointer}.card-content .far,.card-content .fas{vertical-align:middle!important}.msg-all-time{font-size:.9em!important;color:#a19f9f!important}.msg-desc-row{position:relative}.msg-desc-title{width:calc(100% - 40px);display:inline-block;font-size:1.2em}.msg-desc-action{display:inline-block;width:40px;text-align:right}.msg-desc-action i{color:#5ac7f8}.msg-desc-action i:hover{cursor:pointer}.msg-desc-time{font-size:.9em;color:#a19f9f}.message-text{position:relative;padding-top:20px}.message-text img{position:relative;width:100%}.message-text a{color:#1485f0!important}.message-text a:hover{text-decoration:underline}
/*# sourceMappingURL=main.29664eb2.chunk.css.map */