body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bill-container{margin:0 auto;max-width:667px;padding:15px}.bill-container.policy-page{font-family:Sarabun-Regular}.bill-container.policy-page h1{font-size:22px;margin-bottom:0}.wrap-notification-message{font-family:Sarabun-Regular}.wrap-notification-message ul{padding-left:0}.bill-container{background:#fff;border-radius:3px;height:auto;position:relative}.cover-ribbon{height:115px;overflow:hidden;position:absolute;right:-8px;top:-8px;width:115px}.cover-ribbon .cover-ribbon-inside{background:#1da57a;color:#fff;min-width:127px;padding:10px;position:absolute;right:-35px;text-align:center;top:15px;transform:rotate(45deg)}.cover-ribbon .cover-ribbon-inside:before{border-bottom:10px solid #177759;border-left:7px solid #0000;border-right:7px solid #0000;left:0;top:35px}.cover-ribbon .cover-ribbon-inside:after,.cover-ribbon .cover-ribbon-inside:before{bottom:0;content:"";height:0;position:absolute;right:0;transform:rotate(-45deg);width:0}.cover-ribbon .cover-ribbon-inside:after{border-bottom:7px solid #0000;border-left:10px solid #177759;border-top:7px solid #0000;left:95%;top:34px}.qr-code-section{margin:15px 0}.bill-action button{margin:5px}.qr-code-container{display:inline-block}.modal-add-list .ant-modal-header{text-align:center}.modal-add-list .ant-modal-header .ant-modal-title span:last-child{font-size:25px}.detail-section{text-align:center}.detail-section h2,.detail-section h3{margin:0}.bill-detail{margin:20px 0}.hide-for-capture{display:none!important}.custom-tabs .ant-tabs-nav{margin-bottom:0}.custom-tabs .ant-tabs-nav-list{width:100%}.custom-tabs .ant-tabs-tab{display:flex;flex:1 1;justify-content:center;max-width:50%!important}.custom-tabs .ant-tabs-nav-wrap{overflow:visible;overflow:initial}.custom-tabs .ant-tabs-nav-more{display:none}.bill-name{font-family:Sarabun-Medium}.input-item-name input{font-size:25px;margin-top:32px;outline:none;text-align:center}.clear-list{margin-bottom:16px}.table-peoples tr td,.table-peoples tr th.ant-table-cell{text-align:center}.table-peoples tr td:first-child,.table-peoples tr td:nth-child(2),.table-peoples tr th.ant-table-cell:first-child,.table-peoples tr th.ant-table-cell:nth-child(2){text-align:left}.tab-list-content{position:relative}.tab-list-content>button{left:30%;position:absolute;top:30%;z-index:1}.tab-list-content thead th:last-child{text-align:center}.screenshot-btn{background-color:#0061df;border:none;border-radius:15px;box-shadow:0 2px 0 #059bff1a;color:#fff;cursor:pointer;font-family:Sarabun-Medium;font-size:18px;padding:10px 20px;transition:background-color .3s;width:80%}.warning-text-capture{color:#f5a623;font-size:12px;font-style:italic}.screenshot-btn:hover{background-color:#0056b3}.blurred-container{filter:blur(4px);pointer-events:none}.member-section{align-items:center;display:flex;justify-content:space-between}.member-section.hide-element{display:none}.member-section .wrap-powerby{cursor:pointer}.member-section .wrap-powerby div{font-family:Sarabun-Medium;font-size:17px}.member-section .dropdown-usermenu{margin-left:auto}.member-section .language-switcher{padding:0}.modal-login .wrap-signin-google{align-items:center;display:flex;justify-content:center;margin-top:20px}.modal-login button.google-signin-btn{align-items:center;display:flex;height:60px;justify-content:center}.modal-login button.google-signin-btn img{height:auto;width:30px}.dropdown-usermenu ul li span button{width:100%}.text-browser-warning{margin-top:12px;text-align:center}.text-browser-warning span{color:#000;font-style:italic}.user-button-icon{align-items:center;border:none;box-shadow:none;display:flex;height:40px;margin-left:auto}.user-button-icon img{border-radius:50%;height:30px;width:30px}.permission-section{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 70px);justify-content:center}.language-switcher{border:none;box-shadow:none}.my-bill-container.admin-jsor{max-width:95%}.my-bill-container.admin-jsor .admin-dashboard-table{margin-top:25px}.my-bill-container .top-5-people{display:flex;margin-bottom:25px}.my-bill-container .range-picker-container{background-color:#fff;border-radius:5px;margin-bottom:20px;padding:15px}.my-bill-container .person-card{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin:0 4px;padding:15px;width:100%}.my-bill-container .person-card .person-name{font-weight:700;margin-bottom:10px}.my-bill-container .person-card .person-total{color:#ff4500}.wrap-date-range-picker{margin-top:15px}.promtpay-detail-and-copy{align-items:center;display:flex;justify-content:center;margin-top:10px}.promtpay-detail-and-copy>div{margin-right:10px}.modal-what-people-order .ant-modal-content{padding:0 0 15px}@media only screen and (max-width:600px){.bill-container{padding:15px 0}.clear-list{padding:0 16px}.my-bill-container .top-5-people{flex-direction:column}.my-bill-container .top-5-people .person-card{display:flex;justify-content:space-between;margin-bottom:15px;width:auto}.my-bill-container .top-5-people .person-card .person-name{margin-bottom:0}.member-section{padding:15px}.add-bill-name,.form-add-list,.form-add-people,.payment-method-selector,.qr-code-section{padding:0 16px}div.member-section{align-items:center;display:flex;justify-content:flex-end}}.my-bill-container{margin:0 auto;max-width:800px;padding:15px}.view-bill-popover-action-container{align-items:center;align-items:flex-start;display:flex;flex-direction:column}.view-bill-popover-action-container button{text-align:left;width:100%}.view-bill-popover-action-container button:last-child{border-bottom:none}.bill-statistics,.most-people-wrap{margin-bottom:24px}.top-5-people{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.top-5-people .person-card{background-color:#f0f2f5;border-radius:8px;flex:1 1;max-width:200px;min-width:120px;padding:10px;text-align:center}.top-5-people .person-card .person-name{font-weight:500;margin-bottom:5px}.top-5-people .person-card .person-total{color:#3f8600;font-size:18px;font-weight:700}.all-people-section,.unpaid-people-section{margin-bottom:24px}.all-people-section .collapse-header,.unpaid-people-section .collapse-header{align-items:center;display:flex;font-weight:500}.all-people-section .collapse-header span,.unpaid-people-section .collapse-header span{margin-right:8px}.all-people-section .person-name,.unpaid-people-section .person-name{font-weight:500}.all-people-section .amount,.unpaid-people-section .amount{color:#cf1322;font-weight:600}.all-people-section table,.unpaid-people-section table{margin-top:8px}.all-people-section .payment-details,.unpaid-people-section .payment-details{display:flex;justify-content:space-between;margin:8px 0}.all-people-section .payment-details .paid-amount,.unpaid-people-section .payment-details .paid-amount{color:#3f8600}.all-people-section .payment-details .unpaid-amount,.unpaid-people-section .payment-details .unpaid-amount{color:#cf1322}@font-face{font-family:Sarabun-Medium;src:url(/static/media/Sarabun-Medium.1e54abd50a32a9ba2ef0.ttf)}
/*# sourceMappingURL=main.e30e9459.css.map*/