@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@600&display=swap);#app{font-family:Kanit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.default-img{pointer-events:none}.sidenav a[data-v-6b498882]{padding:8px 8px 8px 8px;text-decoration:none;font-size:25px;color:#fff;display:flex;transition:.3s;align-items:center}.sidenav img[data-v-6b498882]{padding:8px 8px 8px 80px;display:flex}.sidenav a .side-icon[data-v-6b498882]{padding:10px;transition:.3s}.sidenav a[data-v-6b498882]:hover{color:#ffc000}.side-icon[data-v-6b498882]{filter:brightness(0) invert(1)}.sidenav a:hover .side-icon[data-v-6b498882]{filter:none}ul[data-v-6b498882]{list-style:none}.selected[data-v-6b498882]{color:#ffc000;filter:none}.backdrop[data-v-a2fb2ee6]{top:0;z-index:2;margin-left:0;position:fixed;background:rgba(0,0,0,.8);width:100%;height:100%}.showImageContainer[data-v-a2fb2ee6]{position:fixed;top:50%;left:50%;transform:translate(-35%,-50%);height:336px;width:672px}.confirmCancelContainer[data-v-a2fb2ee6]{position:fixed;top:50%;left:50%;transform:translate(-35%,-50%);height:295px;width:648px;background:#fff;border-radius:20px;text-align:center}.confirmCancelh1[data-v-a2fb2ee6]{margin:100px 100px 60px 100px;vertical-align:middle;top:50%}.confirmh1[data-v-a2fb2ee6]{margin:80px 100px 20px 100px;vertical-align:middle;top:50%}.closeImgContainer[data-v-a2fb2ee6]{position:absolute;width:100%}.closeImage[data-v-a2fb2ee6]{margin-top:8px;margin-right:8px;float:right;cursor:pointer}.showImg[data-v-a2fb2ee6]{border-radius:20px;height:100%;width:100%;-o-object-fit:fill;object-fit:fill}.approved-btn[data-v-a2fb2ee6]{margin:16px 50px 10px 10px;background-color:#5dacc3;border:2px solid #5dacc3;border-radius:10px}.approved-btn[data-v-a2fb2ee6],.save-btn[data-v-a2fb2ee6]{color:#fff;padding:8px 16px;width:140px;font-size:20px;font-family:Kanit,sans-serif;cursor:pointer}.save-btn[data-v-a2fb2ee6]{margin:16px 10px 10px 20px;background-color:#000;border:2px solid #000;border-radius:10px}.rejected-btn[data-v-a2fb2ee6]{background-color:#e75454;color:#fff;padding:8px 16px;border:2px solid #e75454;border-radius:10px;width:140px;font-size:20px;font-family:Kanit,sans-serif;cursor:pointer}.addData[data-v-a2fb2ee6]{position:fixed;top:50%;left:50%;transform:translate(-35%,-50%);border-radius:20px;background:#5dacc3}.addDatah1[data-v-a2fb2ee6]{text-align:center}.row[data-v-a2fb2ee6]{display:flex;padding:0 4px 0 32px}.column[data-v-a2fb2ee6]{float:left;width:10%;height:50%;padding:10px}.column-package[data-v-a2fb2ee6]{float:left;padding:10px}.addDataP[data-v-a2fb2ee6]{font-size:18px;color:#fff;margin:0 10px 10px 0}.addDataP-package[data-v-a2fb2ee6]{font-size:18px;color:#fff;margin:10px 10px 30px 0}.imgContainer[data-v-a2fb2ee6]{width:50px;height:50px}.imgContainer-news[data-v-a2fb2ee6],.imgContainer[data-v-a2fb2ee6]{padding:8px;display:inline-block;background:#eaeaea;margin:10px 0 10px 0}.imgContainer-news[data-v-a2fb2ee6]{width:400px;height:150px;text-align:center}.addDataImg[data-v-a2fb2ee6]{-o-object-fit:cover;object-fit:cover;width:50px;height:50px}.addDataImg-news[data-v-a2fb2ee6]{-o-object-fit:contain;object-fit:contain;width:400px;height:150px}.input-text-margin[data-v-a2fb2ee6],.input-text[data-v-a2fb2ee6]{width:250px;border-radius:20px;border:none;padding:10px;padding-left:20px;font-family:Kanit,sans-serif;font-size:18px}.input-text-margin[data-v-a2fb2ee6]{margin-bottom:16px}.bottom-btn-addData[data-v-a2fb2ee6]{padding-right:20px;padding-bottom:20px;float:right}#content,#main{transition:margin-left .5s}#content{position:relative;max-width:800px;margin:0 auto;padding:16px}#main.active{margin-left:300px}body{margin:0;font-family:Avenir,Helvetica,Arial,sans-serif}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background:#004a61;background:linear-gradient(0deg,#001e2f,#004a61 23.14%,#3191a8 61.97%,#7cc0d7 94.68%);overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 3.5rem);transition:.5s;padding-top:60px}.sidenav.active{width:300px}.topnav{overflow:hidden;background-color:#eaeaea}.topnav button{float:left;padding:12px 16px;cursor:pointer;height:50px;width:50px;border:none;background:transparent}.topnav button.split{float:right;padding-left:10px}.dropdownbtn{float:right}#bottompage{position:absolute;left:50%;transform:translate(-50%,-50%)}.exportbtn{float:right}.wating-btn[data-v-39cebade]{background-color:#fff;color:#000}.approved-btn[data-v-39cebade],.wating-btn[data-v-39cebade]{padding:8px 16px;border:2px solid #5dacc3;border-radius:10px;width:140px;font-family:Kanit,sans-serif}.approved-btn[data-v-39cebade]{background-color:#5dacc3;color:#fff}.rejected-btn[data-v-39cebade]{background-color:#e75454;border:2px solid #e75454;border-radius:10px}.detail-btn[data-v-39cebade],.rejected-btn[data-v-39cebade]{color:#fff;padding:8px 16px;width:140px;font-family:Kanit,sans-serif}.detail-btn[data-v-39cebade]{background-color:#000;border:2px solid #000;border-radius:10px;cursor:pointer}tr[data-v-39cebade]{background:#eee;height:60px;border-bottom:1px solid #5dacc3}tr[data-v-39cebade]:last-child{border-bottom:none}.canSelect[data-v-39cebade]{cursor:pointer}.type-image[data-v-39cebade]{width:50px;height:50px;-o-object-fit:cover;object-fit:cover}table{border-collapse:collapse;border-spacing:1;background:#fff;border-radius:6px;overflow:hidden;max-width:800px;width:100%;margin:0 auto;position:relative;table-layout:fixed}td,th{text-align:center}th{height:48px;background-color:#5dacc3;border-top:none;color:#fff}.dropbtn[data-v-6fe42a21]{background-color:#fff;color:#5dacc3;padding:8px 16px;border:2px solid #5dacc3;border-radius:20px;font-family:Kanit,sans-serif;height:47px;width:160px;cursor:pointer}.dropbtn p[data-v-6fe42a21]{font-size:18px;font-weight:600;display:inline}img[data-v-6fe42a21]{float:right}.dropdown[data-v-6fe42a21]{position:relative;display:inline-block;cursor:pointer}.dropdown-content[data-v-6fe42a21]{position:absolute;background-color:#fff;min-width:150px;overflow:auto;border:2px solid #5dacc3;border-radius:10px;z-index:1;margin:16px 0 0 0}.dropdown-content p[data-v-6fe42a21]{font-size:20px;color:#5dacc3;text-align:center}hr[data-v-6fe42a21]{margin:0 16px;border-top:1px solid #5dacc3}.page-container[data-v-1faab8f5]{display:inline-flex}img[data-v-1faab8f5]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;padding:0 8px}.clickable-image[data-v-1faab8f5]{cursor:pointer;pointer-events:auto}select[data-v-1faab8f5]{border:0;outline:none;cursor:pointer;position:relative;z-index:99;background:none}.selectWrapper[data-v-1faab8f5]{border-radius:5px;display:inline-block;border:.5px solid #aaa}p[data-v-1faab8f5]{display:inline}#content[data-v-bb1b543c]{position:relative;max-width:800px;margin:0 auto;transition:margin-left .5s;padding:16px}button[data-v-1fef0d56]{width:140px;height:44px;border-radius:20px;background-color:#5dacc3;color:#fff;padding:8px 16px;border:2px solid #5dacc3;font-family:Kanit,sans-serif;cursor:pointer}.background-boder[data-v-12401399]{margin:10px;border:1px solid #5dacc3;padding:10px 20px;border-radius:20px}.row[data-v-12401399]{display:flex;padding:0 4px 4px 4px}.column[data-v-12401399]{float:left;width:20%;height:50%;padding:10px}.column-2[data-v-12401399]{float:left;width:50%;height:50%;padding:10px}p[data-v-12401399]{color:#5dacc3}.black[data-v-12401399]{color:#000}img[data-v-12401399]{border-radius:20px;margin-top:8px;vertical-align:middle;height:200px;width:100%;-o-object-fit:contain;object-fit:contain}.img-container[data-v-12401399]{cursor:pointer}.bottom-btn[data-v-12401399]{padding:10px;text-align:center}.approved-btn[data-v-12401399]{margin:16px 10px 10px 40px;background-color:#5dacc3;border:2px solid #5dacc3;border-radius:10px}.approved-btn[data-v-12401399],.rejected-btn[data-v-12401399]{color:#fff;padding:8px 16px;width:140px;font-family:Kanit,sans-serif;cursor:pointer}.rejected-btn[data-v-12401399]{background-color:#e75454;border:2px solid #e75454;border-radius:10px}#content[data-v-235a57e1],#content[data-v-a6013582],#content[data-v-d55946b6]{position:relative;max-width:800px;margin:0 auto;transition:margin-left .5s;padding:16px}button[data-v-235a57e1]{width:140px;height:44px;border-radius:20px;background-color:#5dacc3;color:#fff;padding:8px 16px;font-size:18px;border:2px solid #5dacc3;font-family:Kanit,sans-serif;cursor:pointer;float:right}#content[data-v-6a06ab60]{position:relative;max-width:800px;margin:0 auto;transition:margin-left .5s;padding:16px}button[data-v-6a06ab60]{width:140px;height:44px;border-radius:20px;background-color:#5dacc3;color:#fff;padding:8px 16px;font-size:18px;border:2px solid #5dacc3;font-family:Kanit,sans-serif;cursor:pointer;float:right}#content[data-v-99f29184]{position:relative;max-width:800px;margin:0 auto;transition:margin-left .5s;padding:16px}button[data-v-99f29184]{width:140px;height:44px;border-radius:20px;background-color:#5dacc3;color:#fff;padding:8px 16px;font-size:18px;border:2px solid #5dacc3;font-family:Kanit,sans-serif;cursor:pointer;float:right}#content[data-v-995e06d8]{position:relative;max-width:800px;margin:0 auto;transition:margin-left .5s;padding:16px}.row[data-v-995e06d8]{display:flex;padding:0 4px 32px 4px}.column[data-v-995e06d8]{float:left;width:50%;height:50%;padding:10px}.column img[data-v-995e06d8]{border-radius:20px;margin-top:8px;vertical-align:middle;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.clickable[data-v-995e06d8]{cursor:pointer}button[data-v-995e06d8]{width:140px;height:44px;border-radius:20px;background-color:#5dacc3;color:#fff;padding:8px 16px;font-size:18px;border:2px solid #5dacc3;font-family:Kanit,sans-serif;cursor:pointer;float:right}#content[data-v-18402e9e],#content[data-v-c7999ce6]{position:relative;max-width:800px;margin:0 auto;transition:margin-left .5s;padding:16px}button[data-v-c7999ce6]{width:140px;height:44px;border-radius:20px;background-color:#5dacc3;color:#fff;padding:8px 16px;font-size:18px;border:2px solid #5dacc3;font-family:Kanit,sans-serif;cursor:pointer;float:right}#content[data-v-1b28acb1]{position:relative;max-width:800px;margin:0 auto;transition:margin-left .5s;padding:16px}button[data-v-1b28acb1]{width:140px;height:44px;border-radius:20px;background-color:#5dacc3;color:#fff;padding:8px 16px;font-size:18px;border:2px solid #5dacc3;font-family:Kanit,sans-serif;cursor:pointer;float:right}#content[data-v-35aa439a]{position:relative;max-width:800px;margin:0 auto;transition:margin-left .5s;padding:16px}button[data-v-35aa439a]{width:140px;height:44px;border-radius:20px;background-color:#5dacc3;color:#fff;padding:8px 16px;font-size:18px;border:2px solid #5dacc3;font-family:Kanit,sans-serif;cursor:pointer;float:right}#content[data-v-df443a2a]{position:relative;max-width:800px;margin:0 auto;transition:margin-left .5s;padding:16px}button[data-v-df443a2a]{width:140px;height:44px;border-radius:20px;background-color:#5dacc3;color:#fff;padding:8px 16px;font-size:18px;border:2px solid #5dacc3;font-family:Kanit,sans-serif;cursor:pointer;float:right}.form-div[data-v-46e344b3]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:420px;margin:30px auto;background:#fff;text-align:center;padding:40px;border-radius:20px}input[data-v-46e344b3]{font-family:Kanit,sans-serif;display:inline-block;padding:16px 6px;width:75%;box-sizing:border-box;margin:8px 0;border:1px solid #5dacc3;border-radius:8px}input[data-v-46e344b3]:focus{outline:none;border:1px solid #3191a8}.login-button[data-v-46e344b3]{font-family:Kanit,sans-serif;font-size:20px;display:fixed;width:75%;background:#5dacc3;padding:16px;border:none;border-radius:10px;margin:10px;color:#fff;cursor:pointer}#acessory-1[data-v-46e344b3]{position:fixed;bottom:25%;right:10%}#acessory-2[data-v-46e344b3]{position:fixed;top:25%;left:10%}