body{margin:0;font-family:"Kanit",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#404040}.page{min-height:100vh;position:relative;overflow:scroll}.container,.page{display:flex;justify-content:center;align-items:center}.container{flex-direction:column;padding:16px}.box{position:relative;background-color:#fff;width:560px;border-radius:12px;padding:32px;margin:16px 0;box-shadow:0 7px 20px rgba(0,0,0,.2),0 5px 22px rgba(0,0,0,.12),0 12px 17px rgba(0,0,0,.14)}.billme-bg{background-color:#a3c8f3}.billme-logo{width:128px;margin:16px 0}.title{font-size:24px;font-weight:400}.description{font-size:16px;font-weight:300}.flex-box{width:100%;justify-content:space-between}.button,.flex-box{display:flex;align-items:center}.button{height:44px;line-height:16px;border:none;outline:none;font-size:16px;background-color:transparent;justify-content:center;font-family:"Kanit",sans-serif;cursor:pointer}.button.default{width:100%;padding:12px;border-radius:8px;border:1px solid #00ace1;color:#00ace1;background-color:#fff}.button.default:active,.button.primary{color:#fff;background-color:#00ace1}.button.primary{width:100%;padding:12px;border-radius:8px;box-shadow:0 1px 10px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.14)}.button.primary:active{background-color:#1196be}.button.primary-flat{color:#00ace1;margin:24px auto}.button.primary-flat:active{color:#1196be}.button.remove{width:100%;padding:12px;border-radius:8px;color:#fff;background-color:#f9777f;box-shadow:0 1px 10px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.14)}.button.remove:active{background-color:#dd4650}.button.remove-flat{color:#f9777f;margin:24px auto}.button.remove-flat:active{color:#dd4650}.button-icon{height:26px;width:26px;margin-right:8px}.button:disabled{color:#d8d8d8;cursor:not-allowed}.text-field{display:inline-block;margin:24px 0;will-change:opacity,transform,color}.text-field__input{color:rgba(0,0,0,.87);font-family:"Kanit",sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:400;font-size:1rem;letter-spacing:.04em;width:100%;height:42px;padding:0 12px;border:1px solid #d1d1d6;border-radius:8px;background:none;-webkit-appearance:none;-moz-appearance:none;outline:none}.text-field__input:disabled{color:#d1d1d6}.text-field__input:focus{outline:none}.text-field__input::-webkit-input-placeholder{color:rgba(0,0,0,.38);-webkit-transition:color .18s cubic-bezier(.4,0,.2,1);transition:color .18s cubic-bezier(.4,0,.2,1);opacity:1}.text-field__input:-ms-input-placeholder{color:rgba(0,0,0,.38);-ms-transition:color .18s cubic-bezier(.4,0,.2,1);transition:color .18s cubic-bezier(.4,0,.2,1);opacity:1}.text-field__input::-ms-input-placeholder{color:rgba(0,0,0,.38);-ms-transition:color .18s cubic-bezier(.4,0,.2,1);transition:color .18s cubic-bezier(.4,0,.2,1);opacity:1}.text-field__input::placeholder{color:rgba(0,0,0,.38);transition:color .18s cubic-bezier(.4,0,.2,1);opacity:1}.text-field__input:focus::-webkit-input-placeholder{color:rgba(0,0,0,.54)}.text-field__input:focus:-ms-input-placeholder{color:rgba(0,0,0,.54)}.text-field__input:focus::-ms-input-placeholder{color:rgba(0,0,0,.54)}.text-field__input:focus::placeholder{color:rgba(0,0,0,.54)}.text-field__input:invalid{box-shadow:none}.text-field__label{color:rgba(0,0,0,.3);position:absolute;left:12px;bottom:11px;transform-origin:left top;transition:transform .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);cursor:text}.text-field__input:-webkit-autofill+.text-field__label,label.text-field__label--float-above{transform:translateY(-125%) scale(.75);background-color:#fff;padding:0 4px;cursor:auto;bottom:0}.text-field--upgraded{display:inline-flex;position:relative;box-sizing:border-box;align-items:flex-end;width:100%}.text-field--upgraded .text-field__label{pointer-events:none}.text-field--focused .text-field__label{color:#00ace1}.text-field.text-field__input{transition:border-bottom-color .18s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(0,0,0,.12)}.text-field .text-field__input:focus{border-color:#00ace1}.text-field__example{font-size:14px;letter-spacing:-.1px;color:rgba(0,0,0,.3);position:absolute;top:48px;left:13px;text-align:left}.text-field__example.not-valid{color:red}.mismatch:after,.mismatch:focus{color:#f66;background-color:#f66}.mismatch .text-field__label,.mismatch .text-field__label.text-field__label--float-above{color:#f66}.text-field--upgraded.mismatch .text-field__input{border-color:#f66}.text-field--upgraded.mismatch .text-field__example{color:#f66}#search-page .button{margin-left:16px;width:120px}#search-page .button.primary{background-color:#a3c8f3}.logo--big{width:288px}.selector{position:relative;margin-bottom:32px}.selector__title{color:#00ace1;font-size:12px;background-color:#fff;padding:0 4px;top:-8px;left:10px;position:absolute}.selector p{margin:0}.selector__display{border:1px solid #00ace1;border-radius:8px;padding:8px 12px;width:Calc(100% - 26px);min-width:108px}.selector__options{display:none;position:absolute;z-index:2;width:100%;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.25);border-radius:8px}.selector__options.show{display:block}.selector__option{padding:13px 12px}.selector__option:hover{background:#00ace1;color:#fff}.selector__option.first:hover{border-radius:8px 8px 0 0}.selector__option.last:hover{border-radius:0 0 8px 8px}.selector__indicator{position:absolute;right:13px;bottom:15px}.side-tab{z-index:1;border-right:1px solid #d8d8d8;width:160px;min-height:Calc(100vh - 48px);overflow:hidden;text-align:left;padding:24px;display:flex;flex-direction:column;background-color:#fff}.side-tab__description{font-size:14px;color:rgba(0,0,0,.3)}.side-tab__logo{width:85px}.side-tab__footer{margin-top:auto}.side-tab__footer .button{margin:0}.header-bar{display:flex;align-items:center;text-align:left;height:64px;width:Calc(100% - 32px);padding:0 16px;box-shadow:0 1px 10px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.14)}.header-bar .title{margin:0}.status-badge{width:112px;padding:4px 16px;color:#9b9b9b;background-color:#d8d8d8;border-radius:40px;text-align:center}.status-title{margin:0}.status-badge.paid{color:#fff;background-color:#00b777}.status-badge.pending{color:#fff;background-color:#ffb400}.Spinner{position:relative;top:50%;text-align:center;margin:auto;transform:translateY(-50%);overflow:hidden}.result-page__container{width:100%;display:flex}.result-page__content{width:100%}.content__result{min-width:Calc(100vh - 64px);overflow:scroll}.result-summary{display:flex;padding:16px}.summary-detail{text-align:left;margin-left:16px}.summary-detail .description,.summary-detail .title{margin:0}.table{width:100%;border-collapse:collapse}.table .button{margin:0;padding:0}.table th{padding:16px}.table td{padding:8px 16px}.table-header{height:64px}.table-header th{font-weight:400;color:#9b9b9b;text-align:left;border-bottom:1px solid #d8d8d8}.invoice-amount,.table-header th.invoice-amount{text-align:right}.table-body{text-align:left}.table-body .table-row:hover{background-color:#e3f5fb;cursor:pointer}.table .invoice-amount,.table .invoice-status{width:10%;min-width:144px}.table .invoice-due-date{width:10%;min-width:100px}.table .invoice-description{width:40%;min-width:250px;max-width:290px}.table .download-invoice{width:10%;min-width:95px}.table .download-receipt{width:10%;min-width:81px}.table .download-tax-invoice{width:10%;min-width:113px}.description-box{text-align:left}.box-sub-text,.box-text{margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.box-sub-text{font-size:14px;color:#9b9b9b}.table-row.no-hover:hover{background-color:#fff;cursor:default}.empty-result{height:550px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-result .description{margin:0;color:#9b9b9b}.download-invoice,.download-receipt,.download-tax-invoice{cursor:default}.ReactModal__Overlay.ReactModal__Overlay--after-open{z-index:2}.ReactModal__Content.ReactModal__Content--after-open{position:relative;top:50%;text-align:center;margin:auto;transform:translateY(-50%);overflow:hidden;border:1px solid #ccc;background:#fff;overflow:auto;border-radius:4px;outline:none;padding:20px}.ReactModal__Content.ReactModal__Content--after-open.waiting{width:80px;height:80px;margin:auto;padding:2px!important;border-radius:10px!important;background-color:#fff;border:none!important;box-shadow:0 8px 10px 0 rgba(0,0,0,.2),0 6px 30px 5px rgba(0,0,0,.12),0 16px 24px 2px rgba(0,0,0,.14);overflow:hidden}.App{text-align:center}
/*# sourceMappingURL=main.8ea339cb.chunk.css.map */