.loading-container[data-v-766d1bc8]{display:flex;flex-wrap:wrap;margin:0 auto}.canvas[data-v-766d1bc8]{align-items:center;display:flex;justify-content:center}.spinner6[data-v-766d1bc8]{background:#2174b6;border-radius:50%;height:8px;margin:1px;width:8px}.p1[data-v-766d1bc8]{-webkit-animation:fall-766d1bc8 1s linear .3s infinite;animation:fall-766d1bc8 1s linear .3s infinite}.p2[data-v-766d1bc8]{-webkit-animation:fall-766d1bc8 1s linear .2s infinite;animation:fall-766d1bc8 1s linear .2s infinite}.p3[data-v-766d1bc8]{-webkit-animation:fall-766d1bc8 1s linear .1s infinite;animation:fall-766d1bc8 1s linear .1s infinite}.p4[data-v-766d1bc8]{-webkit-animation:fall-766d1bc8 1s linear infinite;animation:fall-766d1bc8 1s linear infinite}@-webkit-keyframes fall-766d1bc8{0%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}25%,75%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes fall-766d1bc8{0%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}25%,75%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.banner-notification[data-v-6a33eff6]{border-radius:16px;padding:56px 24px;gap:24px}.primary-btn[data-v-6a33eff6]{background-color:#2480c8;color:#fff;border-radius:6px}.white-btn[data-v-6a33eff6]{background-color:#fff;color:#2480c8;border-radius:6px}.header-banner[data-v-6a33eff6]{font-weight:700;font-style:Bold;font-size:20px;line-height:152%}.detail-banner[data-v-6a33eff6],.header-banner[data-v-6a33eff6]{font-family:IBM Plex Sans Thai;letter-spacing:0;text-align:center;vertical-align:middle}.detail-banner[data-v-6a33eff6]{font-weight:400;font-size:16px;line-height:24px;padding:0 48px}a[data-v-62df1ab2]{position:absolute;bottom:15px;right:20px;color:#2174b6}a[data-v-62df1ab2]:hover{text-decoration:underline}.pageLayout[data-v-62df1ab2]{margin:30px}.mainCard[data-v-62df1ab2]{padding:30px}.subCard[data-v-62df1ab2]{margin:5px;padding:16px}.titleCard[data-v-62df1ab2]{font-size:1.6rem;font-weight:550}.countItem[data-v-62df1ab2]{color:#db7f37}.pie-chart[data-v-62df1ab2]{font-weight:600;margin:5px auto;height:40vh;width:100%}.pie-chart-mini[data-v-62df1ab2]{font-weight:600;margin:-70px auto -80px;height:50vh;width:100%}.note[data-v-62df1ab2]{position:absolute;bottom:0;margin-top:5px;font-size:.7em;text-align:center}.pie-chart-gap[data-v-62df1ab2]{height:300px;width:100%;margin:0 0 0 0}.progress[data-v-62df1ab2]{height:300px;text-align:center;display:block;position:absolute;left:35%;top:28%;background-color:transparent}.line_chart[data-v-62df1ab2]{margin:-20px 0 -60px -4.5vw;width:145%;height:350px}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:1.2rem;font-weight:450}.bar-chart-gap[data-v-62df1ab2]{height:320px;width:100%;margin:0 0 0 0}.v-data-table table tbody tr[data-v-62df1ab2]{margin:-20px 0}.fade-enter-active[data-v-62df1ab2],.fade-leave-active[data-v-62df1ab2]{transition:opacity .5s}.fade-enter[data-v-62df1ab2],.fade-leave-to[data-v-62df1ab2]{opacity:0}@media screen and (max-width:4400px){.progress[data-v-62df1ab2]{height:200px;width:250px;text-align:center;display:block;position:absolute;left:34%;top:23%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:4.7rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:2rem;font-weight:400}.statusBox[data-v-62df1ab2]{margin-top:45px}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:1.8rem;font-weight:450}}@media screen and (max-width:4200px){.progress[data-v-62df1ab2]{height:200px;width:250px;text-align:center;display:block;position:absolute;left:32%;top:23%;background-color:transparent}}@media screen and (max-width:4000px){.progress[data-v-62df1ab2]{height:200px;width:250px;text-align:center;display:block;position:absolute;left:32%;top:23%;background-color:transparent}}@media screen and (max-width:3700px){.progress[data-v-62df1ab2]{height:200px;width:250px;text-align:center;display:block;position:absolute;left:30%;top:23%;background-color:transparent}}@media screen and (max-width:3500px){.progress[data-v-62df1ab2]{height:200px;width:250px;text-align:center;display:block;position:absolute;left:28%;top:23%;background-color:transparent}}@media screen and (max-width:3200px){.progress[data-v-62df1ab2]{height:200px;width:250px;text-align:center;display:block;position:absolute;left:26%;top:23%;background-color:transparent}}@media screen and (max-width:3000px){.progress[data-v-62df1ab2]{height:200px;width:250px;text-align:center;display:block;position:absolute;left:24%;top:23%;background-color:transparent}}@media screen and (max-width:2800px){.progress[data-v-62df1ab2]{height:200px;width:250px;text-align:center;display:block;position:absolute;left:22%;top:24%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:4.4rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:1.9rem;font-weight:400}.statusBox[data-v-62df1ab2]{margin-top:50px}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:1.6rem;font-weight:450}}@media screen and (max-width:2600px){.progress[data-v-62df1ab2]{height:200px;width:250px;text-align:center;display:block;position:absolute;left:19%;top:25%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:4rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:1.9rem;font-weight:400}.statusBox[data-v-62df1ab2]{margin-top:50px}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:1.6rem;font-weight:450}}@media screen and (max-width:2400px){.progress[data-v-62df1ab2]{height:200px;width:250px;text-align:center;display:block;position:absolute;left:16%;top:27%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:3.7rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:1.7rem;font-weight:400}.statusBox[data-v-62df1ab2]{margin-top:58px}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:1.4rem;font-weight:450}}@media screen and (max-width:2200px){.progress[data-v-62df1ab2]{height:150px;width:200px;text-align:center;display:block;position:absolute;left:20%;top:29%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:3.2rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:1.6rem;font-weight:400}.statusBox[data-v-62df1ab2]{margin-top:67px}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:1.3rem;font-weight:450}}@media screen and (max-width:2100px){.progress[data-v-62df1ab2]{text-align:center;height:150px;width:180px;display:block;position:absolute;left:21%;top:29%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:3rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:1.4rem;font-weight:400}.statusBox[data-v-62df1ab2]{margin-top:67px}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:1.1rem;font-weight:450}}@media screen and (max-width:1920px){.progress[data-v-62df1ab2]{text-align:center;height:150px;width:150px;display:block;position:absolute;left:26%;top:29%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:2.8rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:1.4rem;font-weight:400}.statusBox[data-v-62df1ab2]{margin-top:67px}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:1rem;font-weight:450}}@media screen and (max-width:1800px){.progress[data-v-62df1ab2]{text-align:center;height:150px;width:150px;display:block;position:absolute;left:25%;top:31%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:2.5rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:1.2rem;font-weight:400}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:.9rem;font-weight:450}.statusBox[data-v-62df1ab2]{margin-top:71px}}@media screen and (max-width:1700px){.progress[data-v-62df1ab2]{text-align:center;width:130px;height:100px;display:block;position:absolute;left:26%;top:32%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:2.3rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:1.1rem;font-weight:400}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:.8rem;font-weight:450}.statusBox[data-v-62df1ab2]{margin-top:80px}}@media screen and (max-width:1600px){.progress[data-v-62df1ab2]{height:100px;width:120px;text-align:center;display:block;position:absolute;left:26%;top:33%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:2rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:1rem;font-weight:400}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:.7rem;font-weight:450}.statusBox[data-v-62df1ab2]{margin-top:85px}}@media screen and (max-width:1500px){.progress[data-v-62df1ab2]{height:100px;width:110px;text-align:center;display:block;position:absolute;left:26%;top:34%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:1.8rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:.9rem;font-weight:400}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:.65rem;font-weight:450;margin-top:3px}.statusBox[data-v-62df1ab2]{margin-top:87px}}@media screen and (max-width:1400px){.progress[data-v-62df1ab2]{height:100px;width:100px;text-align:center;display:block;position:absolute;left:26%;top:35%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:1.6rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:.8rem;font-weight:400}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:.7rem;font-weight:450;margin-top:3px}.statusBox[data-v-62df1ab2]{margin-top:87px}}@media screen and (max-width:1300px){.progress[data-v-62df1ab2]{height:100px;width:100px;text-align:center;display:block;position:absolute;left:24%;top:35%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:1.5rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:.7rem;font-weight:400}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:.6rem;font-weight:450;margin-top:3px}.statusBox[data-v-62df1ab2]{margin-top:87px}}@media screen and (max-width:1200px){.progress[data-v-62df1ab2]{height:100px;width:110px;text-align:center;display:block;position:absolute;left:22%;top:34%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:2rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:.9rem;font-weight:400}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:.7rem;font-weight:450;margin-top:3px}.statusBox[data-v-62df1ab2]{margin-top:87px}}@media screen and (max-width:1100px){.progress[data-v-62df1ab2]{height:100px;width:100px;text-align:center;display:block;position:absolute;left:21%;top:35%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:1.7rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:.8rem;font-weight:400}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:.6rem;font-weight:450;margin-top:3px}.statusBox[data-v-62df1ab2]{margin-top:87px}}@media screen and (max-width:1000px){.progress[data-v-62df1ab2]{height:100px;width:100px;text-align:center;display:block;position:absolute;left:18%;top:36%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:1.4rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:.6rem;font-weight:400}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:.6rem;font-weight:450;margin-top:3px}.statusBox[data-v-62df1ab2]{margin-top:75px}}@media screen and (max-width:900px){.pie-chart-gap[data-v-62df1ab2]{height:300px;width:100%;margin:-40px 0 0 0}.bar-chart-gap[data-v-62df1ab2]{height:260px;width:100%;margin:0 0 0 0}.progress[data-v-62df1ab2]{height:100px;width:80px;text-align:center;display:block;position:absolute;left:18%;top:37%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:1.3rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:.6rem;font-weight:400}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:.6rem;font-weight:450;margin-top:3px}.statusBox[data-v-62df1ab2]{margin-top:60px}}@media screen and (max-width:800px){.progress[data-v-62df1ab2]{height:100px;width:80px;text-align:center;display:block;position:absolute;left:12%;top:38%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:1.1rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:.5rem;font-weight:400}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:.6rem;font-weight:450;margin-top:3px}.statusBox[data-v-62df1ab2]{margin-top:60px}}@media screen and (max-width:700px){.pie-chart-gap[data-v-62df1ab2]{height:200px;width:100%;margin:-25px 0 0 0}.bar-chart-gap[data-v-62df1ab2]{height:160px;width:100%;margin:0 0 0 0}.progress[data-v-62df1ab2]{height:100px;width:80px;text-align:center;display:block;position:absolute;left:8%;top:38%;background-color:transparent}.percent[data-v-62df1ab2]{font-size:1rem;margin-bottom:0;font-weight:500}.subPercent[data-v-62df1ab2]{color:#8f949d;font-size:.5rem;font-weight:400}.pdpaStatus[data-v-62df1ab2]{margin-bottom:0;font-size:.6rem;font-weight:450;margin-top:3px}.statusBox[data-v-62df1ab2]{margin-top:20px}}.companyDetail[data-v-62df1ab2]{font-size:1.1rem;font-weight:300;color:#495260}.cookieType[data-v-62df1ab2]{font-size:1.2rem;margin-top:5px;margin-bottom:0}.app-default-layout .v-main__wrap,.app-mini-layout .v-main__wrap{height:100%!important}