@import url(https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,300;0,400;0,500;0,600;0,700;1,600;1,700&display=swap);
@charset "UTF-8";.footer-overlay{background-color:#fff;padding-bottom:1rem;position:sticky;top:100%}.link-underline-primary{color:#f78e1e!important;text-decoration-color:#f78e1e!important}.modal-animation-enter-active,.modal-animation-leave-active{transition:opacity .5s cubic-bezier(.52,.02,.19,1.02)}.modal-animation-enter-from,.modal-animation-leave-to{opacity:0}.modal{background-color:#000;color:#fff}.modal.modal--scanner .modal-content{background-color:transparent}.modal.modal--scanner .modal-header{border:0}.modal.modal--scanner .modal--corner{background:linear-gradient(90deg,#fff .25rem,transparent 0) 0 0,linear-gradient(90deg,#fff .25rem,transparent 0) 0 100%,linear-gradient(270deg,#fff .25rem,transparent 0) 100% 0,linear-gradient(270deg,#fff .25rem,transparent 0) 100% 100%,linear-gradient(180deg,#fff .25rem,transparent 0) 0 0,linear-gradient(180deg,#fff .25rem,transparent 0) 100% 0,linear-gradient(0deg,#fff .25rem,transparent 0) 0 100%,linear-gradient(0deg,#fff .25rem,transparent 0) 100% 100%;background-repeat:no-repeat;background-size:1.25rem 1.25rem;box-sizing:border-box;height:100%;padding:.5rem;width:100%}.qrcode.qrcode--reader div{display:none;visibility:hidden}.btn:focus{box-shadow:none!important;outline:none!important}.btn.disabled img{filter:grayscale(1)}.btn.btn-primary{background-color:#f78e1e;border-color:#f78e1e;border-radius:30px;color:#fff;padding-bottom:1rem;padding-top:1rem}.btn.btn-primary[disabled=true]{background-color:#f6f6f6;border-color:#f6f6f6;color:#b8b8b7;pointer-events:none}.btn.btn-primary:active{background-color:#f78e1e!important;border-color:#f78e1e!important;opacity:.8}.btn.btn-secondary{border-radius:30px;color:#f78e1e;padding-bottom:1rem;padding-top:1rem}.btn.btn-secondary,.btn.btn-secondary:active{background-color:#fcddbb;border-color:#fcddbb}.btn.btn-secondary:active{opacity:.8}.btn.btn-grey{background-color:#f6f6f6;border-color:#f6f6f6;border-radius:30px;color:#b8b8b7;padding-bottom:1rem;padding-top:1rem}.btn.btn-grey:active{background-color:#fcddbb;border-color:#fcddbb;opacity:.8}.btn.btn-grey.active{border-color:#f78e1e;border-radius:30px;padding-bottom:1rem;padding-top:1rem}.btn-cancel,.btn.btn-grey.active{background-color:#f78e1e;color:#fff}.btn-cancel{border-radius:1.25rem;margin-left:auto;margin-right:auto;padding:1rem;text-align:center;width:min(90%,70.5rem)}.btn.btn-outline-primary{border:2px solid #f78e1e;border-radius:30px;color:#f78e1e;padding:1rem}.btn.btn-outline-primary:active,.btn.btn-outline-primary:hover{background-color:transparent;border:2px solid #f78e1e;color:#f78e1e}.btn.btn-outline-primary:active{opacity:.5}.loader{background-color:rgba(0,0,0,.5);left:0;position:fixed;top:0;width:100%;z-index:9999}.loader,.wrapper{align-items:center;display:flex;height:100%;justify-content:center}.card{background-color:#fff;border-radius:16px;box-shadow:4px 4px 0 0 #f78e1e;width:100%}.card.card--report .card-body{align-items:center;display:flex;justify-content:center;padding:.5rem}.report.report--header{padding:1rem}.card.card--header-report,.report.report--header{background-color:#fff;border-radius:16px;color:#000;width:100%}.card.card--header-report{border-radius:.5rem;box-shadow:none}.card.card--header-report .label{color:#454544;font-size:13px;font-weight:500;margin-bottom:0}.card.card--header-report .card-body{padding:.8rem}.card.card--header-report .card-text{color:#091749;font-size:15px;font-weight:500;margin-bottom:0}.card.card--header-report .card-small-text{color:#091749;font-size:13px;font-weight:600;margin-bottom:0}.card.card--header-report hr{margin:.8rem 0}.card.card--payment{border-radius:8px;box-shadow:4px 4px 0 0 #529900}.card.card--payment .card__image{text-align:center}.card.card--payment .card__image img{height:48px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:48px}.card.card--payment .card__image figcaption{color:#4e4e4e;font-size:10px;font-weight:500}.card.card--payment .card__detail{padding-left:.3rem;padding-right:.3rem}.card.card--payment .card__detail .card__detail__label{color:#454544;font-size:12px;font-weight:500;line-height:1.2;margin-bottom:0}.card.card--payment .card__detail .card__detail__label~.card__detail__value{margin-left:.2rem}.card.card--payment .card__detail .card__detail__value{line-height:1.2}.card.card--payment .card__detail .card__detail__title,.card.card--payment .card__detail .card__detail__value{color:#091749;font-size:13px;font-weight:600;margin-bottom:0}.card.card--payment .card__detail .card__detail__row{align-items:center;display:flex}.card.card--payment .card__detail .card__detail__row:not(:last-child){margin-bottom:.2rem}.card.card--payment .card__detail .card__detail__row .card__row__title{color:#091749;flex:6 0 auto;font-size:11.5px;font-weight:500}.card.card--payment .card__detail .card__detail__row .card__row__txn{border-right:1px solid #e2e3e5;color:#091749;flex:2 0 auto;font-size:13px;font-weight:600;padding-right:.3rem;text-align:right}.card.card--payment .card__detail .card__detail__row .card__row__amount{color:#529900;flex-basis:90px;font-size:13px;font-weight:500;text-align:right}.card.card--payment .card__detail .card__detail__row--header{border-bottom:1px solid #e2e3e5;margin-bottom:.4rem!important;padding-bottom:.4rem}.card.card--payment .card__detail .card__detail__row--header .card__detail__value{font-size:15px}.card.card--payment .card__detail .card__detail__row--footer{border-top:1px solid #e2e3e5;margin-top:.4rem!important;padding-top:.4rem}.card.card--payment .card__detail .card__detail__row--footer .card__row__amount,.card.card--payment .card__detail .card__detail__row--footer .card__row__title{font-size:15px}.card.card--payment .card-body{padding:.8rem .4rem}.card.card--payment .card__price{color:#529900;font-size:18.75px;font-weight:600;margin-bottom:0}.card.card--payment .card__currency{color:#454544;font-size:13px;font-weight:500}.card.card--payment .card__value{text-align:right}.card.card--payment .badge{display:none}.card.card--transaction{box-shadow:4px 4px 0 0 #529900}.card.card--transaction .card__image{text-align:center}.card.card--transaction .card__image img{height:48px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:48px}.card.card--transaction .card__image figcaption{color:#4e4e4e;font-size:10px;font-weight:500}.card.card--transaction .card__detail{padding-left:.3rem;padding-right:.3rem}.card.card--transaction .card__detail .card__detail__label{color:#454544;font-size:12px;font-weight:500;line-height:1.2;margin-bottom:0}.card.card--transaction .card__detail .card__detail__value{line-height:1.2;margin-left:.2rem}.card.card--transaction .card__detail .card__detail__title,.card.card--transaction .card__detail .card__detail__value{color:#091749;font-size:13px;font-weight:600;margin-bottom:0}.card.card--transaction .card__detail .card__detail__row{display:flex;justify-content:space-between}.card.card--transaction .card__detail .card__detail__row:not(:last-child){margin-bottom:.2rem}.card.card--transaction .card__detail .card__detail__row--header{border-bottom:1px solid #e2e3e5;margin-bottom:.4rem!important}.card.card--transaction .card__detail .card__detail__row--header .card__detail__value{font-size:15px}.card.card--transaction .card-body{padding:.8rem .4rem}.card.card--transaction .card__price{color:#529900;font-size:18.75px;font-weight:600;margin-bottom:0}.card.card--transaction .badge{display:none}.card.card--red{box-shadow:4px 4px 0 0 #d41f0d}.card.card--red .badge{border-radius:2px;display:inline-block}.card.card--red .badge-danger{font-size:10px;font-weight:500}.card.card--red .card__price{color:#d41f0d}.card.card--green{box-shadow:4px 4px 0 0 #529900}.card.card--green .card__price{color:#529900}.form-control{background-color:#fff!important;border-radius:32px;box-shadow:4px 4px 0 0 #091749!important}.form-control,.form-control:focus{border:1px solid #091749}.form-control.is-valid{background-position:right .9875rem center}.form-control[disabled]{background-color:#f6f6f6;border:1px solid #b8b8b7!important;border-radius:32px;box-shadow:4px 4px 0 0 #b8b8b7!important;color:#b8b8b7}textarea.form-control{border-radius:.5rem}input[type=datetime-local]::-webkit-calendar-picker-indicator{margin:10px 0 0;padding:0;width:15px}input.date::-webkit-calendar-picker-indicator{background:none;margin:0}.calendar-icon{color:#f78e1e;height:20px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.form-select{-moz-appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23F78E1E' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:99%;background-repeat:no-repeat;background-size:1rem;border:1px solid #091749!important;border-radius:32px;box-shadow:4px 4px 0 0 #091749!important;color:#091749;padding:6px 12px;width:100%}.form-select.is-valid{background-position:right .9875rem center}.form-select:focus-visible{outline:none}.modal.modal--confirm{background-color:unset}.modal.modal--confirm .btn-close{background:transparent url('data:image/svg+xml;charset=utf-8,<svg width="50" height="50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x=".5" y=".5" width="41" height="39" rx="19.5" stroke="%23fff"/><path d="m13.98 28-.98-.98L20.02 20 13 12.98l.98-.98L21 19.02 28.02 12l.98.98L21.98 20 29 27.02l-.98.98L21 20.98 13.98 28Z" fill="%23fff"/></svg>') 50%/1em auto no-repeat;border:none;height:2.5rem;margin-right:0;opacity:1;padding:0;scale:2.5;width:2.75rem}.modal.modal--confirm .modal-content{border-color:#091749;border-radius:1rem;box-shadow:4px 4px 0 0 #091749;overflow:hidden;position:relative}.modal.modal--confirm .modal-content:before{background-color:#091749;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,100% 35%,0 25%);clip-path:polygon(0 0,100% 0,100% 100%,100% 35%,0 25%);content:"";height:100%;position:absolute;width:100%}.modal.modal--confirm .modal-wrapper{z-index:1}.modal.modal--confirm .modal-title{color:#f78e1e;font-weight:400}.modal.modal--confirm .modal-header{border-bottom:0;padding-bottom:2.5rem}.modal.modal--confirm .modal-footer{border-top:0;display:flex;flex-direction:column}.modal.modal--confirm .modal-body{color:#091749}.accordion.accordion--orange .accordion-item{background:#fff;border:1px solid #fef3e8;border-radius:1rem;box-shadow:4px 4px 0 0 #f78e1e;transition:all .3s ease}.accordion.accordion--orange .accordion-button{background:#fff;border-radius:1rem!important;box-shadow:none!important;color:#f78e1e;transition:all .3s ease}.accordion.accordion--orange .accordion-button:not(.collapsed){background:#fef3e8;border-bottom:1px solid #f78e1e;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.accordion.accordion--orange .accordion-button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f78e1e'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}.accordion.accordion--orange .card .card-header{background-color:#fef3e8;border:none;padding:0}.accordion.accordion--orange .card .card-header .btn{border-radius:0;color:#f78e1e;padding:1rem;position:relative;text-align:left;width:100%}.accordion.accordion--orange .card .card-header .btn:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f78e1e'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");content:"";height:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.accordion.accordion--orange .card .card-header .btn[aria-expanded=true]{border-bottom:1px solid #f78e1e}.accordion.accordion--orange .card .card-header .btn[aria-expanded=true]:after{transform:translateY(-50%) rotate(180deg)}.accordion.accordion--report{padding:0}.accordion.accordion--report>.card,.accordion.accordion--report>.card .card-header{border:none}.accordion.accordion--report>.card{background-color:transparent;box-shadow:none}.accordion.accordion--report>.card .collapse>.card-body,.accordion.accordion--report>.card .collapsing>.card-body{padding:0 4px 4px 0}.accordion.accordion--report>.card .card-header{margin-bottom:1rem;padding:0}.accordion.accordion--report>.card .card-header .btn{color:#fff;display:flex;justify-content:space-between;padding:0;text-align:left;width:100%}.accordion.accordion--report>.card .card-header .btn:after{content:"";font-family:Font Awesome\ 6 Free;font-weight:900}.accordion.accordion--report>.card .card-header .btn[aria-expanded=true]:after{content:"\f077"}.accordion.accordion--report>.card .card-header .btn[aria-expanded=false]:after{content:"\f078"}.accordion.accordion--transaction .card{border:none;box-shadow:none}.accordion.accordion--transaction .card .card-header{background-color:#fff;padding:0}.accordion.accordion--transaction .card .card-header .btn{display:flex;flex-wrap:nowrap;padding-left:0;padding-right:0;width:100%}.accordion.accordion--transaction .card .card-header .btn .btn__title{color:#091749;flex:6 0 auto;font-size:13px;font-weight:500;text-align:left}.accordion.accordion--transaction .card .card-header .btn .btn__volumn{border-right:1px solid #e2e3e5;color:#4e4e4e;flex:2 0 auto;font-size:15px;font-weight:600;padding-right:.7rem;text-align:right}.accordion.accordion--transaction .card .card-header .btn .btn__total{color:#529900;flex-basis:131px;font-size:15px;font-weight:600;text-align:right}@media (width < 414px){.accordion.accordion--transaction .card .card-header .btn .btn__total{flex-basis:84px}}.accordion.accordion--transaction .card .card-header .btn:after{color:#091749;content:"";flex-basis:33px;font-family:Font Awesome\ 6 Free;font-weight:900}.accordion.accordion--transaction .card .card-header .btn[aria-expanded=true]:after{content:"\f077"}.accordion.accordion--transaction .card .card-header .btn[aria-expanded=false]:after{content:"\f078"}.accordion.accordion--transaction .card .card-body{background-color:#f6f7f9;border-radius:8px;padding:.4rem}.nav-pills .nav-link{background-color:#f6f6f6;color:#f78e1e}.nav-pills .nav-link.active{background-color:#f78e1e;color:#fff}.table.table--transaction{margin-bottom:0}.table.table--transaction tbody td:last-child,.table.table--transaction tbody td:nth-child(2),.table.table--transaction thead th:last-child,.table.table--transaction thead th:nth-child(2){text-align:right}.table.table--transaction thead th{border-top:0;font-size:11px;font-weight:600;padding:0}.table.table--transaction thead th:first-child{color:#091749}.table.table--transaction thead th:nth-child(2){border-right:1px solid #e2e3e5;color:#4e4e4e;padding-right:.3rem}.table.table--transaction thead th:last-child{color:#529900}.table.table--transaction thead+thead th:last-child{color:#d41f0d}.table.table--transaction tbody tr td{border-top:0;color:#4e4e4e;font-size:11px;font-weight:500;padding:0}.table.table--transaction tbody tr td:first-child:before{content:"⋅";font-size:1.5rem;line-height:.8;vertical-align:bottom}.table.table--transaction tbody tr td:nth-child(n+1){font-weight:600}.table.table--transaction tbody tr td:nth-child(2){border-right:1px solid #e2e3e5;padding-right:.3rem}.table.table--transaction tbody:not(:last-child) tr:last-child td{border-bottom:1px solid #d9d9d9}.bg-blue-polygon{position:relative}.bg-blue-polygon:before{background-color:#091749;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,100% 50%,0 25%);clip-path:polygon(0 0,100% 0,100% 100%,100% 50%,0 25%);content:"";height:100%;position:absolute;width:100%;z-index:-1}@media (width < 414px){.bg-blue-polygon:before{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,100% 30%,0 25%);clip-path:polygon(0 0,100% 0,100% 100%,100% 30%,0 25%)}}.bg-blue-main{background-color:#091749;background-image:url(/images/backgroud/officer-app-bg.png);background-size:cover;color:#fff;position:relative}.bg-blug{background:#091749}.card-container{margin-inline:auto;width:min(90%,70.5rem)}.card-report{height:calc(100vh - 250px);overflow:auto}.card-report::-webkit-scrollbar{height:0;width:0}.v-enter-active,.v-leave-active{transition:opacity .3s ease}.v-enter-from,.v-leave-to{opacity:0}.text-orange{color:#f78e1e}.text-blue{color:#091749}.text-gray{color:#b8b8b7}.vertical-line{align-self:stretch;background-color:#e2e3e5;display:inline-block;min-height:1em;width:1px}.border-right-1{border-right:1px solid #b8b8b7}.sticky-bottom{bottom:0;position:sticky;z-index:1030}.total-amount{align-items:center;display:flex;flex-wrap:nowrap;width:100%}.total-amount .total-amount__title{color:#091749;flex:6 0 auto;font-size:15px;font-weight:500;text-align:left}.total-amount .total-amount__volumn{border-right:1px solid #e2e3e5;color:#4e4e4e;flex:2 0 auto;font-size:15px;font-weight:600;padding-right:.7rem;text-align:right}.total-amount .total-amount__total{color:#529900;flex-basis:164px;font-size:18.75px;font-weight:600;text-align:right}.total-amount .total-amount__total--red{color:#d41f0d}@media (width < 414px){.total-amount .total-amount__total{flex-basis:117px}}html[lang=en] .h1,html[lang=en] h1{font-family:Prompt,sans-serif;font-size:29px;font-weight:600}html[lang=en] .h2,html[lang=en] h2{font-family:Prompt,sans-serif;font-size:18px;font-weight:600}html[lang=en] .h3,html[lang=en] h3{font-family:Prompt,sans-serif;font-size:16px;font-weight:600}html[lang=en] .h4,html[lang=en] h4{font-family:Prompt,sans-serif;font-size:15px;font-weight:500}html[lang=en] .h5,html[lang=en] h5{font-family:Prompt,sans-serif;font-size:14px;font-weight:400}html[lang=en] .h6,html[lang=en] h6{font-family:Prompt,sans-serif;font-size:13px;font-weight:500}html[lang=en] .small,html[lang=en] small{font-family:Prompt,sans-serif;font-size:12px;font-weight:600}html[lang=en] .smaller,html[lang=en] smaller{font-family:Prompt,sans-serif;font-size:10px;font-weight:600}html[lang=en] .smaller-title,html[lang=en] smaller-title{font-family:Prompt,sans-serif;font-size:14px;font-weight:600}html[lang=en] .heading{font-family:Prompt,sans-serif;font-size:46px;font-weight:600}.modal.modal--confirm html[lang=en] .modal-title,html[lang=en] .heading-title,html[lang=en] .modal.modal--confirm .modal-title{font-family:Prompt,sans-serif;font-size:23px;font-weight:500}html[lang=th] .h1,html[lang=th] h1{font-family:Prompt,sans-serif;font-size:29px;font-weight:600}html[lang=th] .h2,html[lang=th] h2{font-family:Prompt,sans-serif;font-size:18px;font-weight:600}html[lang=th] .h3,html[lang=th] h3{font-family:Prompt,sans-serif;font-size:16px;font-weight:600}html[lang=th] .h4,html[lang=th] h4{font-family:Prompt,sans-serif;font-size:15px;font-weight:500}html[lang=th] .h5,html[lang=th] h5{font-family:Prompt,sans-serif;font-size:14px;font-weight:400}html[lang=th] .h6,html[lang=th] h6{font-family:Prompt,sans-serif;font-size:13px;font-weight:500}html[lang=th] .small,html[lang=th] small{font-family:Prompt,sans-serif;font-size:12px;font-weight:600}html[lang=th] .smaller,html[lang=th] smaller{font-family:Prompt,sans-serif;font-size:10px;font-weight:600}html[lang=th] .smaller-title,html[lang=th] smaller-title{font-family:Prompt,sans-serif;font-size:14px;font-weight:600}html[lang=th] .heading{font-family:Prompt,sans-serif;font-size:46px;font-weight:600}.modal.modal--confirm html[lang=th] .modal-title,html[lang=th] .heading-title,html[lang=th] .modal.modal--confirm .modal-title{font-family:Prompt,sans-serif;font-size:23px;font-weight:500}body{font-size:15px}html[lang=en] body,html[lang=th] body{font-family:Prompt,sans-serif}