body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.rpv-core__viewer,.rpv-default-layout__container{border:none!important;margin:0!important;padding:0!important;box-shadow:none!important;background:#fff!important;height:100vh!important}.rpv-core__modal-body{border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.react-pdf__Page__textContent,.react-pdf__Page__annotations{display:none}@font-face{font-family:NotoSansThai;src:url(/assets/NotoSansThai-VariableFont_wdth_wght-B2F3SGW8.ttf) format("truetype")}:root{--theme-color: rgb(172, 195, 231);--form-border: rgb(48, 106, 194);--textbox-background: rgb(190, 223, 254);--textbox-background-hover: rgb(25, 103, 210);--button-color: rgb(85, 163, 243);--button-color-hover: rgb(60, 151, 242);--breakline: rgb(168, 168, 168);--inner-receive-box: rgb(204, 224, 238);--form-background: rgb(243, 248, 249);--gray: rgb(223, 223, 223);--file-upload: rgb(178, 224, 163);--modal-btn: rgb(42, 128, 48);--disable-textbox: rgb(222, 222, 222);--textbox-font-size: 14px;--blue-admin-header: rgb(89, 136, 206);--blue-admin-logo: rgb(157, 191, 243);--blue-admin-header-light: rgb(102, 145, 209);--green-lookup: rgb(84, 157, 89);--green-lookup-hover: rgb(115, 156, 118);--orange-edit: rgb(253, 182, 87);--orange-edit-hover: rgb(255, 204, 137);--red-hover: rgb(255, 93, 93);--blue-table-column: rgb(8, 108, 204);--table-row-one: rgb(218, 218, 218);--table-row-two: rgb(240, 240, 240);--admin-header-height: 70px;--admin-nav-width: 230px}*{margin:0;padding:0;box-sizing:border-box}iframe{display:none}body{overflow:hidden}.css-1nmdiq5-menu{z-index:200}.css-13cymwt-control,.css-t3ipsp-control{width:305px!important;min-height:30px!important;height:30px!important;padding-left:10px!important;padding-right:10px!important;background-color:var(--textbox-background)!important;border-radius:5px!important;border:none!important;font-size:var(--textbox-font-size)!important}.css-b62m3t-container,.css-hlgwow,.css-1wy0on6{height:30px!important}.css-hlgwow{padding:3px 0 0!important;margin-top:-5px!important}.css-19bb58m{margin-top:0!important}@media(max-width:737px){.css-13cymwt-control,.css-t3ipsp-control{width:100%!important}}.loading-circle-container{display:flex;justify-content:center;align-items:center}.loading-circle{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-permission{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;width:100vw;height:90vh}p{margin-bottom:5px}.main-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:20px;height:auto}.header{background-color:var(--theme-color);display:flex;align-items:center;justify-content:space-between;padding-right:10px;width:100%}.header-form-complete{background-color:var(--form-background)}.logo-img{width:120px;height:70px}.container{margin-top:20px}.notosan{font-family:NotoSansThai}.topic-header{font-size:22px;font-weight:700}.topic-area{width:100%}.form-area{width:800px;max-width:800px;border:var(--form-border) solid 1px;border-radius:20px;padding:15px 20px 15px 30px;background-color:var(--form-background)}.hidden-area,.custom-calendar-input{display:none}.textbox-description{font-size:var(--textbox-font-size)}.additional-text{color:red;font-size:10px}.textbox-area,.MuiInputBase-root{width:305px;height:30px;padding-left:10px;padding-right:10px;background-color:var(--textbox-background);border-radius:5px;border:none;font-size:var(--textbox-font-size)}.MuiOutlinedInput-root>input{font-family:NotoSansThai!important;font-size:var(--textbox-font-size)!important}.MuiOutlinedInput-root>fieldset{border:none!important}.disabled{background-color:var(--disable-textbox)!important}.disabled-2{background-color:var(--breakline)!important}.prefix-and-name{display:grid;grid-template-columns:1fr 3.5fr;grid-gap:20px;width:305px}.react-datepicker-wrapper{height:30px!important}.custom-calendar{display:grid;padding-top:5px;grid-template-columns:1fr 20px;text-align:left}.customer-calendar-btn-2{background-color:transparent;border:none;width:100%}.customer-calendar-btn-2:active{translate:2px 2px}.customer-calendar-btn{background-color:transparent;border:none;width:auto}.select-date-wrapper{position:relative;width:305px}.select-date-display{align-items:center;min-height:30px}.select-date-trigger{display:grid;grid-template-columns:1fr 20px;text-align:left;cursor:pointer}.select-date-trigger:focus{outline:none}.select-date-fields{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;min-width:0}.select-date-input{border:none;background:transparent;outline:none;text-align:center;padding:0;color:inherit;font-family:NotoSansThai;font-size:var(--textbox-font-size)}.select-date-input::placeholder{color:#7a7a7a}.select-date-day{width:26px}.select-date-year{width:48px}.select-date-separator{color:#666}.select-date-time-gap{margin-left:2px}.select-date-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:10;display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:8px;width:305px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 10px 24px #00000024}.select-date-picker-field{display:flex;flex-direction:column;gap:4px;font-size:12px}.select-date-picker-select{height:30px;padding:0 8px;border:1px solid #d0d0d0;border-radius:6px;background-color:#fff}.select-date-hint{grid-column:1 / -1;font-size:12px;color:#666}@media(max-width:767px){.select-date-wrapper,.select-date-panel{width:100%}.select-date-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}.rightside-text{text-align:right}.hidetext-textbox{color:var(--textbox-background)!important}.textbox-area-large{padding-top:10px;padding-bottom:10px;height:70px!important;width:695px;overflow-wrap:normal;resize:none}.form-head-label{font-size:20;font-weight:700;margin-left:10px}.form-label{font-size:var(--textbox-font-size)}.break-line{background-color:var(--breakline);border:none;height:2px;margin-bottom:10px;margin-top:0}.detail-click-area{width:100%;display:flex;justify-content:flex-end}.custom-icon-btn{cursor:pointer;border:none;background-color:var(--form-background);height:15px}.grid2col{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px 50px;padding-left:10px;align-items:end}.area1col{padding-left:10px}.textBoxSet,.flex-column-layout,.consent-paragraph{display:flex;flex-direction:column}.space-btw{margin-bottom:20px}.consent-paragraph{justify-content:space-around;margin-top:50px;width:100%}.consent-text{font-size:10px;margin-bottom:10px}.btn-section{width:100%;display:flex;justify-content:center;margin-top:50px}.submit-btn-disabled,.submit-btn,.pending-btn,.confirm-cancel-btn,.cwp-btn,.pending-btn-disabled,.confirm-cancel-btn-disabled,.cwp-btn-disabled{color:#fff;border-radius:5px;border:none;width:auto;padding-left:10px;padding-right:10px;height:30px}.submit-btn{background-color:var(--button-color);cursor:pointer}.submit-btn:hover{background-color:var(--button-color-hover)}.checkbox-text{cursor:pointer}.checkbox-container{display:block;position:relative}.checkbox{position:absolute;top:6px}input[type=file]{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-calendar::-webkit-calendar-picker-indicator{display:none}.custom-upload-button{cursor:pointer}.loading-upload-button,.custom-upload-button{display:inline-block;background-color:var(--textbox-background);color:#000;padding:10px 9px;border:none;border-radius:5px;margin-right:20px;font-size:var(--textbox-font-size)}.custom-upload-button:hover{background-color:#85c2fb}.custom-upload-button:active,.submit-btn:active,.pending-btn:active,.confirm-cancel-btn:active,.cwp-btn:active{transform:translate(2px,2px)}.upload-area{margin-bottom:20px}.container-after{background-color:var(--form-background);height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.receive-area{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.receive-box{background-color:var(--button-color);width:700px;height:350px;border-radius:25px;margin-top:-100px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.inner-receive-box{background-color:var(--inner-receive-box);width:600px;height:auto;border-radius:30px;display:flex}.img-receive-box{width:200px;height:100%;border-radius:30px 0 0 30px;padding-top:20px;margin-right:10px}.receive-img{width:220px}.text-receive-box{display:flex;flex-direction:column;justify-content:center;margin-left:20px;font-size:20px}.text-receive-box-en{font-size:16px}.return-btn{background-color:var(--button-color);color:#fff;border-radius:10px;border:none;width:150px;height:40px;cursor:pointer;font-weight:700}.remark{color:red;font-size:10px!important}.upload-btn-area{display:flex;flex-wrap:wrap;width:690px}.file-upload-area{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px}.upload-file{background-color:var(--file-upload);font-size:13px;border-radius:5px;padding:10px 10px 0;display:flex;justify-content:space-between;width:200px}.view-file-btn{background-color:transparent;border:none;overflow:hidden}.view-file-btn:active{translate:2px 2px}.view-file-btn:focus{border:none}.del-upload-btn{border:none;background-color:transparent;color:red;font-weight:700;margin-top:-10px;font-size:var(--textbox-font-size);cursor:pointer}.dropdown{display:flex;flex-direction:column}.modal{top:25%}.custom-modal-body{height:250px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.custom-modal-sign{height:100px;width:100px}.custom-modal-text1{text-align:center;font-weight:700;font-size:20px}.custom-modal-text2{text-align:center;font-weight:700;font-size:12px}.modal-btn{height:40px;width:120px;background-color:var(--modal-btn);border:none;border-radius:5px;color:#fff;font-weight:500}.modal-btn:active{translate:2px 2px}.header-admin{background-color:var(--blue-admin-header);display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:var(--admin-header-height);padding:10px}.header-admin-inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.admin-page{height:100vh;display:grid;grid-template-rows:var(--admin-header-height) 1fr;gap:2px}.admin-detail{text-align:center;color:#fff;margin-right:20px}.admin-header-font-size{font-size:var(--textbox-font-size)}.admin-logout-btn{background-color:transparent;border:none;color:#fff;height:var(--admin-header-height);padding:5px}.admin-logout-btn:hover{translate:-2px -2px;background-color:var(--blue-admin-header-light)}.admin-logout-btn:active{translate:2px 0px}.admin-body{display:grid;grid-template-columns:var(--admin-nav-width) 1fr;gap:2px}.admin-body-hide-nav{display:grid;grid-template-columns:20px 1fr;gap:2px}.admin-nav{width:var(--admin-nav-width);background-color:var(--blue-admin-header);display:flex;flex-direction:column}.admin-menu{border:none;border-bottom:1px solid white;height:60px;background-color:transparent;color:#fff;font-weight:700;text-align:left;padding-left:20px}.admin-menu:hover{background-color:var(--blue-admin-header-light)}.selected-menu{background-color:var(--disable-textbox)!important}.admin-main-section{padding:50px 50px 0}.admin-content{display:flex;flex-direction:column;width:auto}.admin-content-cancel{display:flex;flex-direction:column;justify-content:center}.admin-topic-header{font-size:22px;font-weight:700;width:800px}.admin-btn-section{width:800px;display:flex;justify-content:center;margin-top:50px}.admin-table{border-collapse:collapse;width:100%;max-width:1500px;max-height:300px;overflow:auto;display:block}td,th{border:1px solid white;text-align:left;padding:8px;text-align:center;white-space:nowrap}th{background-color:var(--blue-table-column);color:#fff;font-weight:400;font-size:12px;position:sticky;top:0;z-index:0}td{font-size:12px;font-weight:500;width:100px}.row-odd{background-color:var(--table-row-one)}.row-even{background-color:var(--table-row-two)}.table-btn-area{display:flex;width:70px;justify-content:space-around;border:none}.table-button{border:none;border-radius:50%;width:20px;height:20px;color:#fff;display:flex;justify-content:center;align-items:center}.table-button:active,.page-index:active{translate:2px 2px}.green-lookup{background-color:var(--green-lookup)}.orange-edit{background-color:var(--orange-edit)}.admin-policy-footer{margin-top:10px;width:100%;max-width:1500px}.admin-policy-footer,.admin-policy-footer-part{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:25px}.page-index-disabled{border:none!important}.page-config,.page-index,.page-index-disabled{border:1px solid black;text-align:center;border-radius:3px}.page-config{height:25px}.page-index,.page-index-disabled{height:20px;display:flex;justify-content:center;padding-top:2px;width:20px;background-color:#fff}.page-overlay,.datalist-page-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#80808080;z-index:999}.page-overlay-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:200px;height:150px;background-color:#fff;border-radius:15%}.transfer_type_area{width:300px;margin:20px auto;border-color:var(--button-color)!important}.lang-btn-area,.transfer_type_area{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;height:40px;border:2px solid white;border-radius:5px;background-color:#fff}.lang-btn-area{width:80px}.lang-btn,.lang-btn-active,.lang-btn-disabled{border:none;background-color:#fff;text-align:center;font-weight:500}.lang-btn-active{background-color:var(--button-color)!important;color:#fff;cursor:default!important}.lang-btn:active,.datalist-btn:active{translate:2px 2px}.datalist-page-overlay{border:none;text-align:left;cursor:default!important}.datalist-area{background-color:#fff;width:500px;height:auto;display:grid;grid-template-rows:auto 1fr;border-radius:10px}.datalist-enter-area{display:grid;grid-template-columns:1fr 100px;grid-gap:20px;padding:20px 20px 0}.datalist-list{width:100%;background-color:var(--textbox-background);padding:4px 4px 4px 6px}.datalist-list:hover{background-color:var(--textbox-background-hover)}.datalist-btn{background-color:var(--green-lookup);border:none;border-radius:5px;width:100px;color:#fff;font-weight:500}.pending-btn,.confirm-cancel-btn,.cwp-btn,.pending-btn-disabled,.confirm-cancel-btn-disabled,.cwp-btn-disabled{height:35px;width:150px;font-weight:500;cursor:pointer}.pending-btn,.pending-btn-disabled{background-color:var(--orange-edit);margin-right:10px}.pending-btn:hover{background-color:var(--orange-edit-hover)}.confirm-cancel-btn,.confirm-cancel-btn-disabled{background-color:var(--green-lookup);margin-right:10px}.confirm-cancel-btn:hover{background-color:var(--green-lookup-hover)}.cwp-btn,.cwp-btn-disabled{background-color:red;font-size:14px}.cwp-btn:hover{background-color:var(--red-hover)}.nav-arrow-btn-open{position:absolute;left:215px;top:72px;background-color:var(--green-lookup)}.nav-arrow-btn-open:hover,.nav-arrow-btn-close:hover{background-color:var(--green-lookup-hover)}.nav-arrow-btn-close{position:absolute;left:5px;top:72px;background-color:var(--green-lookup)}.admin-body-hide-nav .admin-main-section div .admin-table{width:100%}@media(max-width:630px){.receive-box{height:auto;padding:10px}.inner-receive-box{padding:10px}}@media(max-width:737px){.no-permission{width:100%;text-align:center}.form-area{width:99%}.grid2col{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:20px}.textbox-area,.prefix-and-name,.MuiInputBase-root{width:280px!important}.textbox-area-large{height:150px!important}.upload-btn-area{width:100%}.file-upload-area{margin-top:10px;grid-template-columns:repeat(1,1fr);grid-gap:20px}.upload-file{width:280px}.custom-upload-button{margin-right:0}}@media(max-width:410px){.prefix-and-name{display:grid;grid-template-columns:repeat(1,1fr)}}@media(max-width:375px){.upload-btn-area{flex-direction:column}}@media(max-width:737px){.cancel-page-layout{width:100%}}@media(max-width:737px){.textbox-area,.prefix-and-name,.MuiInputBase-root,.upload-file{width:100%!important}.upload-btn-area{flex-direction:column}.receive-area{width:100%}.receive-box{width:90%}.inner-receive-box{width:95%}}@media(max-width:600px){.inner-receive-box{flex-direction:column;height:auto;align-items:center;justify-content:center;padding-bottom:10px}.text-receive-box{text-align:center}}@media(max-width:576px){.datalist-area{width:90%!important}}@media(max-width:512px){.text-receive{font-size:18px}.form-area{width:490px}}@media(max-width:500px){.transfer_type_area{font-size:14px!important;width:auto;margin-left:10px}}@media(max-width:850px){.form-area{width:99%;padding:15px 20px}.textbox-area-large{width:95%}}@media(max-width:800px){.form-area{width:99%}}