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