@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400&display=swap);code{font-family:IBM Plex Sans Thai,sans-serif}#map{height:91vh;overflow:hidden;width:100%}body{font-family:IBM Plex Sans Thai,sans-serif}:root{--clr-primary:#ee6352;--clr-primary-hover:#ff1e00;--clr-button-clicked:#f7ff07;--clr-body:#333;--clr-bg:#fff;--size-button:30px}.featuresInfoPopup{background-color:#fff;border:3px;border-radius:10px;bottom:12px;box-shadow:0 1px 4px #0003;display:none;left:-50px;min-width:280px;padding:15px;position:absolute}.featuresInfoPopup:after,.featuresInfoPopup:before{border:solid #0000;content:" ";pointer-events:none;position:absolute;top:100%}.featuresInfoPopup:after{border-top-color:#fff;border-width:10px;left:48px;margin-left:-10px}.featuresInfoPopup:before{border-top-color:#ccc;border-width:11px;left:48px;margin-left:-11px}.controlsButton{align-items:center;background-color:#ee6352;background-color:var(--clr-primary);border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:10px;text-align:center}.controlsButton:hover{background-color:#ff1e00;background-color:var(--clr-primary-hover)}.controlsButton.clicked{background-color:#16aa23cc}.controlsButton.clicked:hover{background-color:#16aa23}.homeButtonDiv{display:block;margin:10px auto auto 10px;position:flex;width:45px}.fullscreenButtonDiv{display:block;margin-right:10px;margin-top:10px;position:absolute;right:0;top:0}.featureInfoDiv,.queryButtonDiv,.surveyAlertButtonDiv{display:block;margin:5px auto auto 10px;position:relative;width:45px}.attributeQueryDiv{align-items:center;background:#fff;background:var(--clr-bg);border:2px solid #fff;border-radius:10px;display:none;left:0;margin-left:60px;margin-right:10px;margin-top:10px;padding:10px 20px 10px 10px;position:absolute;top:0}#measureAreaButton,#measureLengthButton{display:block;margin:5px auto auto 10px;position:relative;width:45px}.attributeQueryDiv select{border:0;border-radius:20px}.attributeQueryDiv input,.attributeQueryDiv select{background:#fff;background:var(--clr-bg);flex-grow:1;font-size:.9rem;outline:0;padding:0 .5em}.attributeQueryDiv input{border:0;height:55px;width:100px}.attributeQueryDiv input::placeholder{color:#d3d3d3c9}.attritbuteQuerySubmit{background:#0000;background:#ee6352;background:var(--clr-primary);background:#8d1f78!important;border:0;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;height:40px!important;padding:5px}.fasSearch,.surveyInput{filter:invert(1)}.surveyInput{height:20px;width:20px}.group{border:2px solid #fff;border-radius:100px;padding:5px}.layer-switcher.shown .panel{border:2px;border-radius:10px;display:flex;padding:5px;width:250px}.layer-switcher.shown button{background-color:#29496252!important;border-radius:10px;padding:5px}.surveyButton{margin-right:5px;margin-top:5px;position:absolute;right:0;top:0}.tooltip{background:#00000080;border-radius:4px;color:#fff;opacity:.7;padding:4px 8px;position:relative;white-space:nowrap}.tooltip-measure{font-weight:700;opacity:1}.tooltip-static{background-color:#fc3;border:1px solid #fff;color:#000}.tooltip-measure:before,.tooltip-static:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #00000080;bottom:-6px;content:"";left:50%;margin-left:-7px;position:absolute}.tooltip-static:before{border-top-color:#fc3}.layer-switcher{position:absolute;right:.5em;text-align:left;top:3.5em}.layer-switcher .panel{background-color:#fff;border:4px solid #fff;border-radius:4px;box-sizing:border-box;display:none;height:100%;margin:0;max-height:inherit;overflow-y:auto}.layer-switcher button{background-color:#0fa3c1;background-image:url(/static/media/layer-group-solid.5f889c9e055fa32eca10.png);background-position:3px;background-repeat:no-repeat;background-size:80%;border:#fff;border-radius:10px;filter:invert(1);height:40px;padding:2px;width:40px;z-index:1}.layer-switcher button:hover{background-color:#0bd1f9!important;color:#fff!important}.layer-switcher.shown{display:flex;flex-direction:column;max-height:calc(100% - 5.5em);overflow-y:hidden}.layer-switcher.shown.ol-control,.layer-switcher.shown.ol-control:hover{background-color:initial}.layer-switcher.shown .panel{display:block;width:300px}.layer-switcher.shown button{background-color:#0fa3c100!important;color:#0bd1f9;display:none;font-size:30px}.layer-switcher.shown.layer-switcher-activation-mode-click>button{background-color:#eee;background-image:none;display:block;margin:0 1px;position:absolute;right:2px}.layer-switcher.shown button:focus,.layer-switcher.shown button:hover{background-color:#fafafa}.layer-switcher ul{list-style:none;margin:1.6em .4em;padding-left:0}.layer-switcher ul ul{margin:.1em 0 0;padding-left:1.2em}.layer-switcher li.group+li.group{margin-top:.4em}.layer-switcher li.group>label{font-weight:700}.layer-switcher.layer-switcher-group-select-style-none li.group>label{padding-left:1.2em}.layer-switcher li{margin-top:.3em;position:relative}.layer-switcher li input{font-size:1em;height:1em;left:1.2em;position:absolute;width:1em}.layer-switcher li label{display:inline-block;margin-top:1px;padding-left:2.7em;padding-right:1.2em}.layer-switcher label.disabled{opacity:.4}.layer-switcher input{margin:0}.layer-switcher.touch ::-webkit-scrollbar{width:4px}.layer-switcher.touch ::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000004d}.layer-switcher.touch ::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #00000080}li.layer-switcher-base-group>label{padding-left:1.2em}.layer-switcher .group button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAW0lEQVR4nGNgGAWMyBwXFxcGBgaGeii3EU0tXHzPnj1wQRYsihqQ+I0ExDEMQAYNONgoAN0AmMkNaDSyQSheY8JiaCMOGzE04zIAmyFYNTMw4A+DRhzsUUBtAADw4BCeIZkGdwAAAABJRU5ErkJggg==);background-position:center 2px;display:inline-block;float:none;font-size:1em;height:1em;left:0;margin:0;position:absolute;transition:transform .2s ease-in-out;vertical-align:top;width:1em}.layer-switcher .group.layer-switcher-close button{transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}.layer-switcher .group.layer-switcher-fold.layer-switcher-close>ul{height:0;overflow:hidden}.layer-switcher.shown.layer-switcher-activation-mode-click{padding-left:34px}.layer-switcher.shown.layer-switcher-activation-mode-click>button{border-right:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#d9d9d9;border:1px solid #fafafa;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#555}.surveyCardBody{background-color:#f2f7f8}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}.box-login{margin:0!important}.surveyLayouts{margin-left:35px}.box-form{background-color:#fffbe6;border-radius:10px;box-shadow:1px 1px 1px #8c8c8c;padding:16px}.box-list{background-color:#fafafa;border-radius:10px;padding:20px}.Box-Seach-map{width:95%}.ol-tooltip{background-color:#333333a6;border-radius:5px;color:#fff;padding:5px}.Box-title{background-color:#025464bf;margin-top:0}.content{background-color:#fff;border-radius:10px;box-shadow:2px 3px 5px #02546445;margin:30px 10px 10px 20px;padding:10px 20px 20px}.backgroud{background-color:#e8aa42;border-radius:0 0 60px 0;box-shadow:5px 5px 0 #e57c23}.text-font{color:#f8f1f1;font-size:2.5ch!important;letter-spacing:1px;padding:10px 10px 10px 35px}.Title-map{background-color:#fff;border-radius:5px;box-shadow:2px 3px 5px #02546445;color:#025464!important;margin:15px 10px 10px 40px;padding:20px;text-align:center;width:340px}.cardHeaderStyle{background:#f2f3f3!important;color:#025464!important;padding:1}.font-title-pageSearchMap{color:#025464;padding-top:15px}.sidenav{background-color:#107083;cursor:pointer;height:100%;left:0;overflow-x:hidden;padding-top:60px;position:fixed;top:0;transition:.5s;width:0;z-index:1}.sidenav a{color:#fff;display:block;padding:8px 8px 8px 32px;text-decoration:none;transition:.3s}.sidenav a:hover{background-color:#fff;border-left:4px solid #025464;color:#025464}.sidenav .closebtn{font-size:36px;margin-left:50px;position:absolute;right:25px;top:0}.otherSide{background-color:#025464;background-size:cover;min-height:-webkit-fill-available;min-width:-webkit-fill-available;padding-top:75px;position:absolute;transition:margin-left .5s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,code{font-family:IBM Plex Sans Thai,sans-serif!important}.form-input{text-align:center}.text-field{width:100%}.divider{border-top:1px solid #000}.backgroud-formInput{align-items:center;background-color:#025464bf;border-radius:10px 0;color:#f0f8ff;display:flex;height:40px;justify-content:center;margin:10px 0 30px;padding:10px;width:300px}.box{color:blue}.Row-title{color:#fff;margin-bottom:50px}.Row-title,.row-button{display:flex;flex-flow:row wrap;justify-content:center;min-width:0}.size-button{align-items:center;border:20px;box-shadow:2px 2px 4px #00000080;color:#f0f8ff;display:flex;flex-direction:column;height:150px;width:200px}.anticon-svg{display:inline-block;font-size:xx-large}@media print{body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{height:25mm;left:0;position:absolute;top:0;width:50mm}}
/*# sourceMappingURL=main.6c701af6.css.map*/