@import url(https://fonts.googleapis.com/css2?family=Prompt:wght@200&display=swap);@font-face{font-family:"MilkTea";src:local("MilkTea"),url(/static/media/milk\ tea-normal.95052535.ttf) format("truetype");font-weight:400}@font-face{font-family:"Akhanake";src:local("Akhanake"),url(/static/media/Book_Akhanake.e1bd94a5.ttf) format("truetype");font-weight:400}@font-face{font-family:"CSChatThaiUI";src:local("CSChatThaiUI"),url(/static/media/CSChatThaiUI.2014382b.ttf) format("opentype")}body{padding:0;margin:0}.ms-Button-label,body,button,h1,h2,h3,h4,span{font-family:"CSChatThaiUI",sans-serif!important}@media screen and (max-width:960px){.display,.drop{padding-left:0}}.NavbarItem{background:linear-gradient(90deg,#05386b 50%,#99f2c8);height:60px;width:100vw;display:flex;padding-left:70px;padding-right:90px;align-items:center;font-size:1.2rem;z-index:6}.lang-icon{display:none}.navbar-logo{position:absolute;left:40px;top:5px}.navbar-logo img{width:180px}.max-width{display:flex;align-items:center}.nav-menu{display:none}.profile{text-align:center;justify-self:flex-end;position:relative}.nav-link,.profile{list-style:none;cursor:pointer}.nav-link{color:#fff;text-decoration:none;align-items:center;display:flex;width:100%;padding:.8rem .5rem;border-bottom:1px solid #fff}.nav-link i{padding-right:10px}.nav-link-moblie{display:none}.fa-bars{color:#fff}.menu-icon{display:none}.items{color:#fff;font-size:20px;text-decoration:none;padding:.8rem 3rem;cursor:pointer}.sub-item{flex-direction:column;position:absolute;right:-10px;top:-100%;padding:1rem -1rem;list-style:none;transition:all .5s ease}.sub-item,.sub-item.active{align-items:baseline;opacity:1}.sub-item.active{background:rgba(56,194,148,.5764705882352941);top:40px;transition:all .5s ease-in-out;z-index:1}.sub-items{display:none;transition:all .5s ease}.sub-items.active{align-items:baseline;display:table;transition:all .5s ease}.fa-chevron-down,.fa-chevron-up{color:#fff}.sidebar-show{display:none}.lang{color:#fff;font-size:20px;margin:auto 2% auto auto;cursor:pointer}.lang a{margin:5px}.lang a:hover{color:#05386b}.lang a:active{color:#0a4b8b}.lang i{margin-right:5px;font-size:18px}.lang-sm{display:none}@media screen and (max-width:960px){.NavbarItem{position:relative;width:100%}.lang-icon{display:block;position:absolute;top:-10px;right:5px;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer;color:#fff}.lang-sm{display:flex;flex-direction:column;text-align:center;justify-content:center;width:100px;height:100px;top:-100px}.lang-sm,.lang-sm.active{position:absolute;left:calc(100vw - 100px);opacity:1;transition:all .5s ease}.lang-sm.active{background:#61bbac;top:60px;z-index:10;box-shadow:0 5px 15px rgba(0,0,0,.35);padding:0}.lang-sm li{color:#fff;height:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;border-bottom:1px solid #10740d;list-style:none}.lang-sm li:hover{background:#42b37a;transform:scale(1.04)}.lang{display:none}.nav-menu{display:flex;flex-direction:column;left:-100%;opacity:1;transition:all .5s ease}.nav-menu,.nav-transparent-blur{width:100%;position:fixed;top:60px}.nav-transparent-blur{z-index:9;background-color:rgba(0,0,0,.4);left:0;height:100%}.nav-menu.active{background-color:#05386b;left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-link,.sidebar-show{padding:2rem 20vw;width:100%;display:table}.sidebar-show{text-decoration:none;color:#fff;border-bottom:1px solid #fff}.sidebar-show i{padding-right:15px}.navbar-logo,.sidebar-show .item i{margin:0 auto}.navbar-logo{position:relative;left:0;top:5px}.menu-icon{display:block;position:absolute;top:-.5rem;left:50px;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer;justify-self:start}.fa-times{color:#fff;font-size:2rem}.profile,Button{display:none}}.ms-ScrollablePane{background:linear-gradient(90deg,#2e332c,#2e2e2e)}.sidebar-label{font-size:20px;color:#fdfdfd;text-align:left;line-height:1.6;padding-left:10px}.sidebar-label,div{font-family:"CSChatThaiUI",sans-serif}.sidebar-notification{padding:0 .5rem;font-size:16px;background-color:#dc143c;border-radius:50%;position:relative;left:-20px;top:-20px;margin-right:-25px;color:#fff}.sidebar-header-text{color:#fff;font-weight:500;font-size:22px;padding-left:10px;-webkit-user-select:none;user-select:none}.sidebar-header-container{cursor:pointer;padding:30px 5% 25px;justify-content:space-between}.sidebar-dropdown-icon{color:#fff;font-size:26px;-webkit-user-select:none;user-select:none}*{margin:0;padding:0;box-sizing:border-box;font-family:"Montserrat",sans-serif}.xlm label{border:2px dashed #c2c2c2;height:300px;width:700px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute}.xlm input{position:relative;padding-top:50px}.xlm{border:2px dashed #c2c2c2;height:300px;width:700px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:center}.xlm p{font-size:25px;margin-bottom:10px;color:#979797;font-weight:500}.containers-dsign{width:calc(100vw - 267px);overflow:hidden}.up-btn{margin-bottom:0;padding:10px 25px;font-size:20px;font-weight:500;outline:none;border-radius:5px;background:#fff!important;color:#000}.up-btn:hover{background:#bebebe!important;color:#000}.dropzone-text{font-size:25px;color:#979797;font-weight:500;margin-top:-70px}.loading-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:120px;max-width:calc(100vw - 267px)}.form-label{font-size:larger;margin-top:2%}input{width:100%;border:1px solid;border-radius:10px;padding:2%;font-size:larger!important}.forms{border:2px dashed grey;padding:5%;margin-top:2.5%;border-radius:10%;width:50vw;align-self:center}.divider{height:0;width:100%;margin:5% 0}.divider,.frame{border:1px solid grey}.frame{padding:3% 2%;display:grid;grid-template-columns:25% 75%;-webkit-user-select:none;user-select:none}.submit-buttons-frame{display:flex;justify-content:space-around;align-items:center;height:10vh}.submit-button{cursor:"pointer";margin-left:1rem;margin-right:1rem;border-radius:15px}textarea{width:100%;border:1px solid;border-radius:10px;padding:2%;font-size:larger!important;resize:none!important}.icon{text-align:center;justify-content:center}h1{-webkit-user-select:none;user-select:none}h3{overflow:hidden}#back{cursor:pointer}.certificates-card{background:#f8f8f8;justify-content:center;width:500px;padding:25px;list-style:none;border-radius:5px;box-shadow:5px 5px 8px rgba(17,17,17,.137)}.sidenav{height:100%;width:25%;position:fixed;z-index:1;top:0;left:0;background-color:#fff;border-right:1px solid #000;overflow-x:hidden;padding-top:60px}.miniside{display:grid;grid-template-columns:5% 15% 60% auto;background-color:#ebebeb;width:95%;max-height:7.5vh;border:1px solid #bdbdbd;border-left:5px solid #9acd32;padding:10px 5px 10px 15px;margin:10px;font-size:larger;cursor:pointer;align-items:center}#stampside,.signside{display:grid;grid-template-columns:5% 75% auto;background-color:#ebebeb;width:95%;max-height:7.5vh;border:1px solid #bdbdbd;border-left:5px solid #9acd32;-webkit-box-pack:center;padding:10px 5px 10px 15px;margin:10px;font-size:larger;cursor:pointer;align-items:center}#imagediv,#stampdiv{padding-left:5%}.minigrid{grid-template-columns:auto 10%}#export.export{width:23.75%;height:auto;padding:10px 5px 10px 15px;margin:10px;font-size:larger;cursor:pointer;align-items:center;position:fixed;bottom:20px}.exportingbg{z-index:9;top:60px;left:250px;width:100%;height:100%;position:absolute}.largebox{display:flex;flex-wrap:wrap;justify-content:center;z-index:10;background-color:#fff;box-sizing:initial;position:relative}.menu{background-color:#d3d3d3;width:200px;height:500px}.minibox{background-color:#ebebeb;width:180px;padding:10px 5px;margin:10px;font-size:larger;z-index:10;border:1px solid #000;overflow-x:hidden;text-align:center;cursor:pointer;flex:40% 1}#dropimage{padding:24px}#drawzone,#typebox{padding:20px}#signature-pad{background-color:#d3d3d3;border:1px solid #2f4f4f;margin:5px}.signature-pad-slider{margin:5px}.signature-pad-buttons{display:grid;grid-template-columns:15% auto 35% 15%;padding:10px}.textbox-pad-buttons{display:grid;grid-template-columns:auto 40%;padding:10px}.textbox-finished-pad-button{display:grid;grid-template-columns:auto 35%;padding:10px}.dropzoneimg{width:500px;height:450px;border:2px dashed #868686;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:center}#apply-crop{height:50px;font-size:xx-large;cursor:pointer;width:100%}#signtextbox{display:flex;white-space:nowrap;width:500px;height:300px;margin:auto;padding:100px 0;flex-direction:column;border:2px solid #868686;font-size:100px;overflow:hidden}#textboxfont{font-size:20px}.export-loading-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:120px;max-width:calc(100vw - 267px)}.all-page-container .react-pdf__Page__canvas{margin:0 auto;width:calc(100vw - 250px - 20%)!important;height:100%!important}.all-page-container .react-pdf__Document{overflow-y:hidden}.pdf-padding{display:flex;align-items:center;justify-content:center;padding-top:20px;padding-bottom:20px}.containers#lesspad{padding-top:0;overflow:hidden;width:calc(100vw - 267px)}.card{background-color:#f5f5f5;border:1px solid #000;overflow:scroll;position:relative;justify-content:right}.padtop{display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;padding-top:0;margin-top:25px}#zoom{font-size:medium}.pointer-cursor{cursor:pointer}.columns-list-span{display:flex;align-items:center;height:100%}.all-page-container{background-color:grey;min-height:calc(100vh - 130px);max-width:calc(100vw - 250px)}.dropzone-filter-header{width:10%;padding:5%;align-self:center}.dropzone-filter-text{width:90px;margin-top:0;align-self:center;text-align:right}.dropzone-filter-dropdown{width:70px;margin:0 10px;height:30px;border-radius:6px;align-self:center}.dropzone-loading-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:120px;max-width:calc(100vw - 267px)}.mobile-sidenav{height:100vh;width:100vw;top:0;left:0;background-color:#fff;padding-top:60px}.miniSidenav,.mobile-sidenav{position:fixed;z-index:1;border-right:1px solid #000;overflow-x:hidden}.miniSidenav{height:76px;width:100px;bottom:20px;left:20px;background-color:#d3d3d3;text-align:center;cursor:pointer}center#minimize{font-size:50px}.mobile-miniside{display:grid;grid-template-columns:5% 15% 60% auto;background-color:#ebebeb;width:95%;height:10vh;border:1px solid #bdbdbd;border-left:5px solid #9acd32;padding:10px 5px 10px 15px;margin:10px;font-size:larger;cursor:pointer;align-items:center}#mobile-stampside,.mobile-signside{display:grid;grid-template-columns:5% 75% auto;background-color:#ebebeb;width:95%;height:10vh;border:1px solid #bdbdbd;border-left:5px solid #9acd32;-webkit-box-pack:center;padding:10px 5px 10px 15px;margin:10px;font-size:larger;cursor:pointer;align-items:center}.minigrid{display:grid;grid-template-columns:100%;align-items:center}.mobile-miniside-menu{display:flex;flex-direction:row;align-items:center;width:100%;height:10vh;padding:10px 5px}.mobile-export,.mobile-sidenav-hide{width:45%;height:auto;padding:10px;margin:10px;font-size:larger;cursor:pointer;align-items:center}.mobile-sidenav-show{display:flex;width:75px;height:75px;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;background-color:#fff;border:1px solid #000;z-index:1}.add{color:grey;font-weight:700}.popupbox{position:fixed;z-index:10}.popupbox,.transparentblur{top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center}.transparentblur{z-index:9;background-color:rgba(0,0,0,.4);display:flex}.mobile-exportingbg{z-index:9;width:100%;height:100%;top:60px;position:absolute}.mobile-largebox{display:flex;flex-wrap:wrap;width:90vw;justify-content:center;z-index:10;background-color:#fff;box-sizing:initial;position:relative}.mobile-menu{background-color:#d3d3d3;width:90vw;height:10vh;display:flex}.menutext{padding:20px 100px}.menubutton,.menutext{text-align:center;font-size:larger}.menubutton{padding:15px 30px;margin:5px;flex-grow:2;cursor:pointer;border:1px solid #6e6e6e}.break{flex-basis:100%;height:0}.mobile-minibox{background-color:#ebebeb;width:20%;display:flex;justify-content:center;align-items:center;margin:10px;font-size:larger;z-index:10;border:1px solid #000;overflow-x:hidden;text-align:center;cursor:pointer;flex:40% 1}#mobile-dropimage,.mobile-drawzone,.mobile-typebox{padding:5vw}#mobile-signature-pad{background-color:#d3d3d3;border:1px solid #2f4f4f;height:30vh;width:80vw}.mobile-signature-pad-slider{margin:5px}.mobile-signature-pad-buttons{display:flex;justify-content:space-between;padding:10px}.mobile-signature-pad-button{width:15vw;height:15vw}.colorPicker{cursor:pointer}.mobile-textbox-pad-buttons{display:flex;align-items:center;justify-content:space-between}.mobile-textbox-color-pad{display:flex;align-items:center;justify-content:flex-start;justify-self:start}.mobile-textbox-finished-pad-button{display:flex;align-items:center;justify-content:flex-end;padding:10px}.mobile-dropzoneimg{display:flex;width:80vw;height:50vh;border:2px dashed #868686;border-radius:5px;align-items:center;justify-content:center;flex-direction:column;position:center}.mobile-dropzone-text{text-align:center;padding:20px}#close-stamp-tab{text-align:right;padding:10px;margin-bottom:-25px}#image{display:block;max-width:100%}.crop-menu{text-align:right;padding-top:30px}#mobile-apply-crop{height:50px;width:100%;font-size:xx-large}#crop-pad{padding:50px;max-width:500px}.container.crop-pad{max-width:100%;display:block;text-align:center;padding:0}#mobile-signtextbox,.container.crop-pad{align-items:center;justify-content:center;overflow:hidden}#mobile-signtextbox{display:flex;white-space:nowrap;width:80vw;height:30vh;margin:auto;flex-direction:column;border:2px solid #868686;font-size:50px}#textboxfont{height:90%;font-size:large}#deleteSign{display:flex;background-color:#ebebeb;cursor:pointer;align-items:center}#imagediv{z-index:999}.mobile-export-loading-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:120px;max-width:calc(100vw - 267px)}.mobile-all-page-container .react-pdf__Page__canvas{margin:0 auto;width:100%!important;height:100%!important}.mobile-all-page-container .react-pdf__Document{overflow-y:scroll}.Drop{display:flex;align-items:center;justify-content:center;padding-top:5px;padding-bottom:20px}.mobile-pdf-padding{display:grid;grid-template-columns:20% 60% 20%;padding:5px}.button-padding{display:flex;align-items:center;justify-content:center;padding-top:5px;padding-bottom:5px}.head i{padding-right:10px}.head h4{color:grey}.container.pdfscreen{position:fixed;width:75%;height:100%;right:0}.container.pdfscreenfull{position:fixed;width:75%;height:100%;right:1%}.mobile-card{background-color:#f5f5f5;border:1px solid #000;overflow:scroll;justify-content:right}#pdfviewer,.mobile-card{position:relative}#padtop{padding-top:0;margin-top:25px}.padtop10{padding-top:10%}.dropzone{border:2px dashed #868686;height:350px;width:1000px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:center}.dropzone p{font-size:25px;margin-top:150px;color:#979797;font-weight:500;position:absolute}.dropzone button{padding:10px 25px;font-size:20px;font-weight:500;outline:none;border-radius:5px;background:#fff;color:#000}.up-btn{border:1px solid #c4c4c4;background:#c4c4c4;color:#35346b;margin-bottom:90px;cursor:pointer}.mobile-pdf-header-left{text-align:left;display:flex;align-items:center}.mobile-pdf-header-center{text-align:center;display:flex;align-items:center}.mobile-pdf-header-right{text-align:right;display:flex;align-items:center}.mobile-zoom{width:100%;border-radius:5px;background-color:#fff;font-size:medium}#colorBox,#signOptionBox,#textOptionBox{border:1px solid #000;background-color:#fff;box-shadow:1px 1px 5px #000;padding:5px;position:absolute;cursor:pointer}.optionBox{position:absolute;cursor:pointer}.noselect{-webkit-user-select:none;user-select:none}.exporting-text{font-size:xx-large;font-weight:bolder;color:#000}.bottom-sheet{position:absolute;background-color:#fff;bottom:0;left:0;width:100%}.transparentbg{z-index:9;background-color:rgba(0,0,0,.4);position:absolute;top:0;left:0;width:100vw;height:100vh}.mobile-all-page-container{background-color:grey;display:flex;justify-content:center;align-items:top;min-height:100vh;max-width:100vw}.mobile-filter-header{width:30vw;padding:5%}.mobile-filter-header,.mobile-filter-text{font-size:larger;font-family:"CSChatThaiUI",sans-serif;align-self:center}.mobile-filter-text{width:15vw;margin-top:0;margin-right:2vw;text-align:right}.mobile-filter-dropdown{width:20vw;height:60%;margin-right:5%;border-radius:10px;font-size:larger;align-self:center}.mobile-popup{background-color:#fff;position:fixed;top:35vh;left:10vw;width:80vw;height:30vh;border-radius:20px}.mobile-popup-close{position:relative;top:5%;left:90%;width:5%;height:10%}.mobile-popup-text{padding:5vh 0;height:12vh}.mobile-popup-button{width:100%;height:10.5vh;padding-left:5%;padding-right:5%;display:grid;grid-template-columns:50% 50%}.drag-drop,.resizable{touch-action:none}.MoreVertical{display:flex;justify-items:center;align-content:center}.mobile-nodata{padding-top:1vh;font-size:larger}.mobile-label{font-size:larger;margin-top:2%}.mobile-input{width:100%;border:1px solid;border-radius:10px;padding:2%;font-size:larger!important}.mobile-forms{padding:5%;margin:0;width:100vw}.mobile-divider{border:1px solid grey;height:0;width:100%;margin:5% 0}.mobile-frame{border:1px solid grey;padding:3% 2%;display:grid;grid-template-columns:25% 75%;-webkit-user-select:none;user-select:none}.mobile-textarea{width:100%;border:1px solid;border-radius:10px;padding:2%;font-size:larger!important;resize:none!important}.mobile-icon{text-align:center;justify-content:center}.mobile-h1{-webkit-user-select:none;user-select:none;vertical-align:initial}.mobile-h3{overflow:hidden}.mobile-back{margin-right:.5rem;cursor:pointer}.mobile-send-nav{display:flex;justify-content:space-between}.mobile-send,.mobile-send-header{display:inline-flex;align-items:center}.mobile-send{cursor:pointer;color:#00f}.mobile-send-icon{margin-left:.5rem}.mobile-upload{position:absolute;bottom:5vw;right:calc(50vw - 50px);z-index:2;background-color:#05386b;color:#fff;border-radius:50%;height:100px;width:100px;overflow:hidden;display:flex;justify-content:center;align-items:center}.mobile-upload-label{font-size:100px}.mobile-uploadfile{display:none}.mobile-certificates-card{background:#f8f8f8;justify-content:center;width:80vw;padding:25px;list-style:none;border-radius:5px;box-shadow:5px 5px 8px rgba(17,17,17,.137);margin-top:5%!important}.certificates-delete-btn :hover{color:red}.certificates-loading-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:50px;width:500px;padding:25px}.contact-us{display:grid;grid-template-areas:"head" "qr" "desc";grid-template-rows:1fr 150px 1fr;grid-template-columns:100%;grid-gap:7.5%;margin:5vh 10vw}.contact-icon{font-size:50px}.contact-header,.contact-icon{display:flex;justify-content:center;align-items:center}.contact-header{grid-area:head}.contact-desc{flex-direction:column;line-height:1.5;grid-area:desc}.contact-desc,.contact-office-hrs{display:flex;justify-content:center;align-items:center}.contact-office-hrs{flex-wrap:wrap}.qr{border:1px solid #000;width:150px;height:150px}.qr-container{display:flex;justify-content:center;align-items:center;grid-area:qr}
/*# sourceMappingURL=main.a53ba33a.chunk.css.map */