.normal-status{position:absolute;height:20px;width:20px;background-color:#53a447}.alert-level1{position:absolute;height:20px;width:20px;background-color:#ee6c6e}.alert-level2{position:absolute;height:20px;width:20px;background-color:#d4211c}.alert-level3{position:absolute;height:20px;width:20px;background-color:#ae0f0b}.alert-level4{position:absolute;height:20px;width:20px;background-color:#930501}.alert-level5{position:absolute;height:20px;width:20px;background-color:#6b0302}.ONET-10{position:absolute;height:20px;width:20px;background-color:#f94449}.ONET-20{position:absolute;height:20px;width:20px;background-color:#ee6c6e}.ONET-30{position:absolute;height:20px;width:20px;background-color:#f69697}.ONET-40{position:absolute;height:20px;width:20px;background-color:#ffcad0}.ONET-50{position:absolute;height:20px;width:20px;background-color:#cde7ca}.ONET-60{position:absolute;height:20px;width:20px;background-color:#acd8a7}.ONET-70{position:absolute;height:20px;width:20px;background-color:#8bca84}.ONET-80{position:absolute;height:20px;width:20px;background-color:#71bf69}.ONET-90{position:absolute;height:20px;width:20px;background-color:#5cb450}.ONET-100{position:absolute;height:20px;width:20px;background-color:#53a447}.number-250{position:absolute;height:20px;width:20px;background-color:#92e6a8}.number-500{position:absolute;height:20px;width:20px;background-color:#6ede8a}.number-750{position:absolute;height:20px;width:20px;background-color:#4ad66d}.number-1000{position:absolute;height:20px;width:20px;background-color:#2dc652}.number-1500{position:absolute;height:20px;width:20px;background-color:#25a244}.number-2000{position:absolute;height:20px;width:20px;background-color:#208b3b}.number-2500{position:absolute;height:20px;width:20px;background-color:#197431}.number-3000{position:absolute;height:20px;width:20px;background-color:#145d26}.number-3000more{position:absolute;height:20px;width:20px;background-color:#11451e}.non-data{position:absolute;height:20px;width:20px;background-color:#fff;border:1px solid}.square-red{position:absolute;height:20px;width:20px;background-color:red}.square-green{position:absolute;height:20px;width:20px;background-color:#22a148}.legend-layout{margin-left:20px;width:320px;position:relative;display:inline-block}.legend-layout span.subtitle{font-size:15px}.legend-layout button{margin-top:10px;margin-bottom:10px}.legend-text{position:relative;z-index:0}.subtitle{color:#999}main .map-container.chanthaburi{top:89.14px;width:100%;height:calc(75vh - 89.14px)}main .legend-layout{bottom:-89.14px}.app:not(.embed)~.legend-offcanvas{margin-top:89.14px}@media only screen and (max-width: 1023px){main .map-container.chanthaburi{top:66px;height:calc(75vh - 66px)}main .legend-layout{bottom:-66px}.app:not(.embed)~.legend-offcanvas{margin-top:66px}}.embed .map-container.chanthaburi{top:0;width:100%;height:75vh}.embed .legend-layout{bottom:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}