@font-face{font-family:"Kanit";font-style:normal;font-weight:300;font-display:swap;src:url(/static/media/nKKU-Go6G5tXcr4-ORWzVaFrNlJzIu4.2f52ee9a.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:"Kanit";font-style:normal;font-weight:300;font-display:swap;src:url(/static/media/nKKU-Go6G5tXcr4-ORWoVaFrNlJzIu4.b9b6538d.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Kanit";font-style:normal;font-weight:300;font-display:swap;src:url(/static/media/nKKU-Go6G5tXcr4-ORWpVaFrNlJzIu4.dbeef542.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Kanit";font-style:normal;font-weight:300;font-display:swap;src:url(/static/media/nKKU-Go6G5tXcr4-ORWnVaFrNlJz.be291f65.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Kanit";font-style:normal;font-weight:400;font-display:swap;src:url(/static/media/nKKZ-Go6G5tXcraBGwCKd6xBDFs1.6ba6a7b7.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:"Kanit";font-style:normal;font-weight:400;font-display:swap;src:url(/static/media/nKKZ-Go6G5tXcraaGwCKd6xBDFs.9ff51146.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Kanit";font-style:normal;font-weight:400;font-display:swap;src:url(/static/media/nKKZ-Go6G5tXcrabGwCKd6xBDFs.7a53ae9b.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Kanit";font-style:normal;font-weight:400;font-display:swap;src:url(/static/media/nKKZ-Go6G5tXcraVGwCKd6xB.8813ad05.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Kanit";font-style:normal;font-weight:500;font-display:swap;src:url(/static/media/nKKU-Go6G5tXcr5mOBWzVaFrNlJzIu4.8e8fd755.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:"Kanit";font-style:normal;font-weight:500;font-display:swap;src:url(/static/media/nKKU-Go6G5tXcr5mOBWoVaFrNlJzIu4.7d954e00.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Kanit";font-style:normal;font-weight:500;font-display:swap;src:url(/static/media/nKKU-Go6G5tXcr5mOBWpVaFrNlJzIu4.a362ea04.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Kanit";font-style:normal;font-weight:500;font-display:swap;src:url(/static/media/nKKU-Go6G5tXcr5mOBWnVaFrNlJz.7e79ed64.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Kanit";font-style:normal;font-weight:600;font-display:swap;src:url(/static/media/nKKU-Go6G5tXcr5KPxWoVaFrNlJzIu4.7a582615.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Kanit";font-style:normal;font-weight:600;font-display:swap;src:url(/static/media/nKKU-Go6G5tXcr5KPxWpVaFrNlJzIu4.05c6c783.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Kanit";font-style:normal;font-weight:600;font-display:swap;src:url(/static/media/nKKU-Go6G5tXcr5KPxWnVaFrNlJz.9466e339.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Sarabun";font-style:normal;font-weight:400;font-display:swap;src:url(/static/media/DtVjJx26TKEr37c9aAFJn3YO5gjupg.8227e258.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:"Sarabun";font-style:normal;font-weight:400;font-display:swap;src:url(/static/media/DtVjJx26TKEr37c9aBpJn3YO5gjupg.dea4b276.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Sarabun";font-style:normal;font-weight:400;font-display:swap;src:url(/static/media/DtVjJx26TKEr37c9aBtJn3YO5gjupg.b9e2de44.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Sarabun";font-style:normal;font-weight:400;font-display:swap;src:url(/static/media/DtVjJx26TKEr37c9aBVJn3YO5gg.5c7021cc.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Sarabun";font-style:italic;font-weight:400;font-display:swap;src:url(/static/media/DtVhJx26TKEr37c9aBB5iXwJxArepzhN.56a68f7f.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:"Sarabun";font-style:italic;font-weight:400;font-display:swap;src:url(/static/media/DtVhJx26TKEr37c9aBB5knwJxArepzhN.0e89b032.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Sarabun";font-style:italic;font-weight:400;font-display:swap;src:url(/static/media/DtVhJx26TKEr37c9aBB5k3wJxArepzhN.538a4a44.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Sarabun";font-style:italic;font-weight:400;font-display:swap;src:url(/static/media/DtVhJx26TKEr37c9aBB5nXwJxArepw.988186f6.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}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}span,tspan{font-family:"Sarabun"}#station_search{position:absolute;text-align:left;z-index:499}#station_search.hide-panel{margin-left:-206px!important}#station_search .anticon-menu-fold,#station_search .anticon-menu-unfold{display:block}#station_search .ant-card-body{padding:20px 20px 0!important}#station_search #ranking .ant-card-body{padding-top:4px!important}#station_search #ranking .ant-table-header{display:none}#station_search .box_station_search{margin-left:50px;padding:75px 0 0 80px;width:420px}#station_search .box_station_search .ant-card-head-title{padding:13px 0 0}#station_search .box_station_search .ant-card-head{border:none;min-height:0}#station_search .hide-panel-button{position:absolute;top:175px;left:260px}#station_search .hide-panel-button.shift{position:absolute;top:175px;left:-10px}#station_search .box_station_search.shift{margin-top:100px;margin-left:50px;padding:75px 0 0 80px;width:420px}#station_search .box_station_search.shift2{margin-top:14px;margin-left:-24px;padding:75px 0 0 80px;width:420px}#station_search h1{margin-bottom:0;font-weight:600}#station_search h1,#station_search p,#station_search span{font-family:"Kanit"}#station_search p{font-size:20px;font-weight:300;color:#494949;margin-bottom:12px}#station_search .status_map_list{margin-right:8px}#station_search .no_margin_right{margin-right:0}#station_search .station_selector{width:100%}#station_search .station_selector .ant-select-selector,#station_search .status_map{border-radius:20px;box-shadow:0 3px 30px 0 rgba(31,125,167,.36)}#station_search .status_map{margin-top:12px}#station_search .status_map .ant-select{float:right!important;margin-top:-9px!important;border-radius:"20px"!important;width:135!important}#station_search .status_map .ant-select span{font-family:"Sarabun"!important;font-size:11px!important;font-weight:400!important}#station_search .status_map .ant-select-selector{border-radius:20px}#station_search table{margin-bottom:20px!important}#station_search table th{font-family:"Kanit";font-size:11px;padding-top:4px;padding-bottom:4px;display:none}#station_search table td{font-family:"Kanit";font-size:9px;padding:4px;border:none}#station_search table td .value,#station_search table td:first-child{font-size:13px;font-weight:600}#station_search table td .station_name{font-family:"Sarabun"}#station_search table .ant-table-row:last-child td{border:none}.ant-select-dropdown{border-radius:20px!important}.ant-select-item-option-content{font-family:"Sarabun"!important;font-size:11px!important;font-weight:400!important}#filter_station{position:fixed;top:80px;right:10px;text-align:left;z-index:401}#filter_station .ant-card-head-title{padding-bottom:0}#filter_station .ant-card-head-title p,#filter_station .ant-card-head-title span{font-family:"Kanit";font-size:12px!important}#filter_station .ant-card-head-title span{float:right;font-weight:300}#filter_station .ant-tree-title{font-family:"Kanit";font-size:13px!important}#filter_station .box_map_control{padding:0;width:177px}#filter_station .ant-card-body{padding:12px 20px 0!important}#filter_station button{font-family:"Sarabun";font-weight:600;font-size:11px;border-radius:20px;background-color:#fff;color:#918f8f}#filter_station button.active{background-color:#5a80fc;color:#fff}#filter_station .checkbox{font-family:"Kanit"!important;font-size:10px!important;font-weight:600!important;color:#494949!important}#filter_station .layer_control{border-radius:20px}#filter_station .box_control_btn{border:3px solid hsla(0,0%,100%,.18);box-shadow:0 3px 30px 0 hsla(0,0%,100%,.36);background-color:hsla(0,0%,100%,.36);border-radius:20px}#filter_station .control_btn{width:100%}#filter_station .btn_group{border:3px solid hsla(0,0%,100%,.18);box-shadow:0 3px 30px 0 rgba(31,125,167,.36);background-color:hsla(0,0%,100%,.36);border-radius:20px}#map_control.detail{left:10px;z-index:500}#map_control,#map_control.detail{position:fixed;bottom:30px;text-align:left}#map_control{right:10px;z-index:401}#map_control .box_control{padding:0;width:177px}#map_control .ant-card-head-title{padding-bottom:0}#map_control .ant-card-head-title p,#map_control .ant-card-head-title span{font-family:"Kanit";font-size:12px!important}#map_control .ant-card-head-title span{float:right;font-weight:300}#map_control .ant-tree-title{font-family:"Kanit";font-size:13px!important}#map_control .box_map_control{padding:0;width:177px}#map_control .ant-card-body{padding:12px 20px 0!important}#map_control button{font-family:"Sarabun";font-weight:600;font-size:11px;border-radius:20px;background-color:#fff;color:#918f8f}#map_control button.active{background-color:#5a80fc;color:#fff}#map_control .checkbox{font-family:"Kanit"!important;font-size:10px!important;font-weight:600!important;color:#494949!important}#map_control .layer_control{border-radius:20px}#map_control .box_control_btn{border:3px solid hsla(0,0%,100%,.18);box-shadow:0 3px 30px 0 hsla(0,0%,100%,.36);background-color:hsla(0,0%,100%,.36);border-radius:20px}#map_control .control_btn{width:100%}#map_control .btn_group{border:3px solid hsla(0,0%,100%,.18);box-shadow:0 3px 30px 0 rgba(31,125,167,.36);background-color:hsla(0,0%,100%,.36);border-radius:20px}.filter-station-drawer .ant-drawer-header{padding-bottom:0!important}.filter-station-drawer .filter-station-drawer-title{padding-bottom:0!important;font-family:"Kanit";font-size:12px!important}.filter-station-drawer .filter-station-drawer-title span{margin-right:30px;font-family:"Kanit";font-size:12px!important;float:right;font-weight:300}.filter-station-drawer .ant-drawer-body span{font-family:"Kanit";font-size:12px!important}.filter-project-drawer .ant-drawer-header{padding-bottom:0!important}.filter-project-drawer .filter-project-drawer-title{padding-bottom:0!important;font-family:"Kanit";font-size:12px!important}.filter-project-drawer .filter-project-drawer-title span{margin-right:30px;font-family:"Kanit";font-size:12px!important;float:right;font-weight:300}.filter-project-drawer .ant-drawer-body span{font-family:"Kanit";font-size:12px!important}#station_detail{position:absolute;text-align:left;z-index:498;width:100%}#station_detail .ant-card-bordered .ant-card-cover{margin:0}.realtime-graph .ant-select{margin-right:16px}.realtime-graph .recharts-legend-item-text{font-size:8px}.box_station_detail{overflow:hidden}.box_station_detail .component{border-radius:30px;overflow:hidden;box-shadow:0 3px 30px 0 rgba(0,0,0,.3)}.box_station_detail .basin-overall-box .ant-card-body,.box_station_detail .realtime-graph-box .ant-card-body{padding:0}.box_station_detail .anticon-fullscreen,.box_station_detail .anticon-zoom-out{display:block!important}.box_station_detail .anticon-download{display:inline!important}.box_station_detail .anticon-save{display:block!important}#station_detail .ant-card-body{padding:0!important}#station_detail .component{border-radius:30px;overflow:hidden;box-shadow:0 3px 30px 0 rgba(0,0,0,.3)}#station_detail .box_station_detail{padding:75px 0 0;margin-left:0;width:100%;height:100vh;position:absolute}#station_detail h1{margin-bottom:0;font-weight:600}#station_detail h1,#station_detail p,#station_detail span{font-family:"Kanit"}#station_detail p{font-size:20px;font-weight:300;color:#494949;margin-bottom:12px}#station_detail .status_map_list{margin-right:8px}#station_detail .no_margin_right{margin-right:0}#station_detail table th,#station_detail table th span{font-weight:600}#station_detail table td,#station_detail table th,#station_detail table th span{font-family:"Sarabun";font-size:11px;padding-top:4px;padding-bottom:4px}#station_detail table td .value{font-size:13px;font-weight:600}#station_detail table td .station_name{font-family:"Sarabun"}#station_detail .export-button span{font-size:11px!important}#station_detail .ant-select{margin-top:0!important;border-radius:"20px"!important;width:135!important}#station_detail .ant-select span{font-family:"Sarabun"!important;font-size:11px!important;font-weight:400!important}#station_detail .cctv{margin-top:10px!important}#station_detail .ant-comment-avatar{margin-right:8px}.return-map{margin-left:auto;margin-right:auto}.return-map span{display:block!important}.realtimeGraph-drawer .ant-card-head{background-color:#d1d1d1;border-top-left-radius:20px;border-top-right-radius:20px;font-family:"Kanit"}.realtimeGraph-drawer .realtimeGraph-drawer-title{font-weight:600;font-size:16;font-family:"Kanit";text-align:center;margin:0}.logo{float:left;width:45px;height:45px;margin:8px 16px 0;background:hsla(0,0%,100%,.3)}.ant-row-rtl .logo{float:right;margin:16px 0 16px 24px}#Menu{border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:#fff;box-shadow:0 0 25px 2px #9ebeca}#Menu .ant-menu{margin-left:0!important}#UserMenu{margin-top:8px;margin-right:10px!important}#UserMenu .alert{padding-right:16px!important;border-left:2px solid #ddd;padding-left:16px!important}#UserMenu .ant-avatar-circle{border:2px solid #8bccf4}.menu-icon{color:#8bccf4!important;font-size:20px!important;vertical-align:text-top!important}#UserMenu .name,.ant-menu-item,.ant-menu-item>a>span,.ant-menu-item>span>a,.ant-menu-item>span>a>span,.ant-menu-item>span>svg{font-family:"Kanit";font-weight:500}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover{background-color:#e0f3fb;border:none!important;border-radius:10px!important;color:#000!important}.ant-layout-header{background:none!important;line-height:42px!important;position:fixed;width:100%;z-index:500}.ant-menu-horizontal{margin-left:-30px!important}.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu{position:relative;top:1px;display:inline-block;vertical-align:bottom;border:none!important;border-radius:10px!important}#login-button{border-radius:33px;padding:0 22px;background-color:#5a80fc}#login-button span{font-family:"Kanit";font-weight:400}@media screen and (max-width:900px){.ant-layout-header{padding:0!important}}@media screen and (min-width:768px){.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu{margin:8px!important;padding-right:10px!important;padding-left:10px!important}}@media screen and (max-width:768px){.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu{margin:8px 4px!important;padding-left:5px!important;padding-right:2px!important}}@media screen and (max-width:768px){.ant-layout-header .ant-menu-item{width:26px}.ant-layout-header .ant-menu-item a>span,.ant-layout-header .ant-menu-item span>a>span{display:none}#login-button{padding:0 16px}#login-button .login_label{display:none}.basinButton{height:42px}.basinButton .anticon{display:block!important}.cctvButton{height:42px}.cctvButton .anticon{display:block!important}}@media screen and (min-width:768px){#login-button .anticon-login{display:none}}#map{width:100%;height:100%;overflow:hidden}#map .leaflet-popup-content{margin:4px;font-family:"Kanit";font-weight:600;font-size:13px}#map .leaflet-popup-content .ant-avatar{border-radius:8px}#map .leaflet-popup-content .ant-comment-inner{padding:0}#map .leaflet-popup-content .ant-comment-content{display:table;margin-right:12px}#map .leaflet-popup-content .ant-comment-content-detail{display:table-cell;vertical-align:middle}#map .leaflet-popup-close-button{display:none}#map .ant-avatar-string{font-family:"Kanit"}#map .leaflet-control-attribution.hide{display:none}#map .recharts-legend-item-text{font-size:10px}#map ::-webkit-scrollbar{width:12px;height:12px}#map ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px}#map .scrollbar-visible{overflow:scroll;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}@media screen and (max-width:768px){#map .rivermain svg,#map button span{display:none}#map .box_control{width:128px}#map .rivermain span,#map button .show{display:block}}.map-popup-hide{display:none!important}.float-right{float:right}.realtimeGraph-drawer .recharts-legend-item-text{font-size:10px}#basin_overall .highlight-row{background-color:#eef2ff}#basin_overall .ant-comment-inner{padding:2px 0}#basin_overall .ant-comment-content{display:flex;align-items:center}#basin_overall .ant-table-cell{padding:6px 8px;font-size:11px;line-height:14px}#basin_overall .ant-table-thead{height:78px}#basin_overall th{background-color:#e4e4e4}#basin_overall td,#basin_overall th{border:.5px solid #d2d2d2}#basin_overall .ant-table-header{overflow-y:scroll!important}.camera .ant-card-body{padding:0}.camera .ant-card-cover{height:100%;margin:0}.camera .ant-progress-text{color:#494949!important}.camera img{min-height:50px}.camera img:after{content:"No image!";font-size:16px;font-style:normal;color:#646464;top:40px;text-align:center}.camera img:after,.camera img:before{display:block;position:absolute;left:0;width:100%}.camera img:before{content:"";height:100%;background-color:#888}.camera-drawer .ant-drawer-body{padding:0}.camera-drawer .anticon-close{color:#fff;background-color:grey;border-radius:13px;border:2px solid;padding:3px;font-size:15px}.camera-drawer .ant-drawer-close{left:0;text-align:left}.camera-drawer.vertical .anticon-close{position:fixed;left:24px;color:#fff;background-color:grey;border-radius:13px;border:2px solid;padding:3px;font-size:15px}.water-gate-drawer .ant-card-head{background-color:#d1d1d1;border-top-left-radius:20px;border-top-right-radius:20px;font-family:"Kanit"}.water-gate-drawer .water-gate-drawer-title{font-weight:600;font-size:16;font-family:"Kanit";text-align:center;margin:0}.water-gate-drawer .fontTitleTable{font-family:"Sarabun";font-size:14px;font-weight:600}.water-gate-drawer .fontTable{font-family:"Sarabun";font-size:13px;padding-left:10px;padding-right:10px;border-bottom:1px solid #eaeaea}.water-gate-drawer td,.water-gate-drawer th{background-color:#f5f5f5!important}.water-gate .ant-card-body{padding:0}.lottie .border13{border-radius:13px}.natudlumnam-drawer .ant-card-head{background-color:#d1d1d1;border-top-left-radius:20px;border-top-right-radius:20px;font-family:"Kanit"}.natudlumnam-drawer .natudlumnam-drawer-title{font-weight:600;font-size:16;font-family:"Kanit";text-align:center;margin:0}.natudlumnam .ant-card-body{padding:0}.natudlumnam .ant-select{margin-right:32px}.natudlumnam .ant-select-selector{height:20px!important}.natudlumnam .ant-select-selection-item{line-height:20px!important}#station-info .ant-card-head{background-color:#d1d1d1!important;border-top-left-radius:20px!important;border-top-right-radius:20px!important;font-family:"Kanit"!important}#filter_rank{position:fixed;top:83px;right:205px;text-align:left;z-index:401}#filter_rank .box-filter-rank-button span{display:block}#filter_rank button{font-family:"Sarabun";font-weight:600;font-size:11px;border-radius:20px;background-color:#fff;color:#918f8f}#filter_status{position:fixed;top:83px;right:146px;text-align:left;z-index:401}#filter_status .box-filter-status-button span{display:block}#filter_status button{font-family:"Sarabun";font-weight:600;font-size:11px;border-radius:20px;background-color:#fff;color:#918f8f}#filter_search{position:fixed;top:123px;right:175px;text-align:left;z-index:401}#filter_search .box-filter-search-button span{display:block}#filter_search button{font-family:"Sarabun";font-weight:600;font-size:11px;border-radius:20px;background-color:#fff;color:#918f8f}#filter_search.offset{right:136px}#filter_search .box-filter-search-button .offset{width:133px!important}#filter_search .box-filter-search-button .no-offset{width:80px!important}#filter_search.expand-search{right:10px}#filter_search.expand-search .station_selector{width:260px!important;height:30px!important}.filter-rank-drawer .filter-rank-drawer-title{text-align:center;font-weight:600;padding-bottom:0!important;font-family:"Kanit";font-size:16px!important;margin-bottom:0!important}.filter-rank-drawer table{margin-bottom:20px!important}.filter-rank-drawer table th{font-family:"Kanit";font-size:11px;padding-top:4px;padding-bottom:4px;display:none}.filter-rank-drawer table td{font-family:"Kanit";font-size:9px;padding:4px;border:none}.filter-rank-drawer table td .value,.filter-rank-drawer table td:first-child{font-size:13px;font-weight:600}.filter-rank-drawer table td .station_name{font-family:"Sarabun"}.filter-rank-drawer table .ant-table-row:last-child td{border:none}.filter-rank-drawer table .value{font-size:13px;font-weight:600;font-family:"Kanit"}.filter-status-drawer .ant-drawer-header{padding-bottom:0!important}.filter-status-drawer .filter-status-drawer-title{text-align:center;font-weight:600;padding-bottom:0!important;font-family:"Kanit";font-size:16px!important}.filter-status-drawer .filter-status-drawer-title span{margin-right:30px;font-family:"Kanit";font-size:12px!important;float:right;font-weight:300}.filter-status-drawer .ant-drawer-body span{font-family:"Kanit";font-size:12px!important}.filter-status-drawer .status_map_list{margin-right:8px}.filter-status-drawer .status_map_list .status_map_list_box .number{font-size:23px!important;font-weight:600!important}.filter-status-drawer span{font-family:"Kanit"}.filter-status-drawer p{font-family:"Kanit";font-size:20px;font-weight:300;color:#494949;margin-bottom:12px}.basinChart{padding:20px;background-color:#b3d2dd;height:100%;overflow:auto}.basinChart .text-center{text-align:center}.basinChart .ant-select-selector{border-radius:10px!important}.kanit{font-family:"Kanit"}.sarabun{font-family:"Sarabun"}.map-modal .ant-modal-header{border-top-left-radius:20px!important;border-top-right-radius:20px!important}.map-modal .ant-picker-input input{color:rgba(0,0,0,.85)!important}.ant-divider{border-top:1px solid rgba(0,0,0,.06)!important;margin:10px 0}.App{text-align:center;height:100%}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.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(0deg)}to{transform:rotate(1turn)}}#root{height:100%}.report-page .ant-layout-sider-trigger{position:unset}.report-page .ant-menu-sub.ant-menu-inline{border-bottom-right-radius:20px}.report-page .ant-layout-sider{background:#fff}.report-page .ant-layout-sider,.report-page .ant-menu-dark.ant-menu-inline,.report-page .ant-menu-dark.ant-menu-vertical,.report-page .ant-menu-dark.ant-menu-vertical-left,.report-page .ant-menu-dark.ant-menu-vertical-right{border-top-right-radius:20px;border-bottom-right-radius:20px}.report-page .ant-menu-dark .ant-menu-sub,.report-page .ant-menu.ant-menu-dark,.report-page .ant-menu.ant-menu-dark .ant-menu-sub{background:#fff}.report-page .ant-layout-sider-trigger{background:#e0f3fb;border-bottom-right-radius:20px}.report-page .ant-layout-sider .anticon{color:#1890ff}.report-page .ant-menu-dark .ant-menu-item,.report-page .ant-menu-dark .ant-menu-item-group-title,.report-page .ant-menu-dark .ant-menu-item>a,.report-page .ant-menu-dark .ant-menu-item>span>a{color:#000}.report-page .ant-menu-dark .ant-menu-submenu-active,.report-page .ant-menu-dark .ant-menu-submenu-open,.report-page .ant-menu-dark .ant-menu-submenu-selected,.report-page .ant-menu-dark .ant-menu-submenu-title:hover{color:#1890ff}.report-page .ant-menu-dark .ant-menu-sub,.report-page .ant-menu.ant-menu-dark,.report-page .ant-menu.ant-menu-dark .ant-menu-sub{color:#000}.report-page .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected,.report-page .ant-menu-dark .ant-menu-item:hover{background-color:#e0f3fb;color:#1890ff}.report-page .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after,.report-page .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before,.report-page .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after,.report-page .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before,.report-page .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,.report-page .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before{background:#000}.report-page .report-content{margin-left:16px}.report-page .ant-menu-item-selected a,.report-page .ant-menu-item-selected a:hover,.report-page .ant-menu-item a:hover{color:#1890ff!important}.report-page .report-card{border-top-right-radius:0;border-bottom-right-radius:0}.report-page .ant-table-wrapper{border:1px solid #dbf1ff;border-radius:3px}.report-page .ant-table-small .ant-table-thead>tr>th{background-color:#acdeff}.report-page .ant-table-tbody>tr>td,.report-page .ant-table-thead>tr>th{border-bottom:1px solid #dbf1ff}.report-page .ant-card,.report-page .ant-layout-sider,.report-page .ant-table-wrapper{box-shadow:0 0 5px 0 rgba(43,43,43,.1),0 11px 6px -7px rgba(43,43,43,.1)}.report-page .ant-select-item-option-content{font-size:14px!important}.report-page .ant-card-head{padding:0 16px;background:#acdeff;border-top-left-radius:20px}.report-page .ant-input-number-handler-wrap,.report-page .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button{border-radius:0 14px 14px 0}.report-page .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child){border-top-left-radius:14px;border-bottom-left-radius:14px}.report-page .ant-card-head-title{padding:12px 0}.report-page .dynamic-delete-button{position:relative;top:4px;color:#999;font-size:24px;cursor:pointer;transition:all .3s}.report-page .dynamic-delete-button:hover{color:#777}.report-page .dynamic-delete-button[disabled]{cursor:not-allowed;opacity:.5}.report-page .ant-select-selection-item{white-space:normal}.report-page .ant-table.ant-table-bordered>.ant-table-container{border:1px solid #dbf1ff}.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>td,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>th,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>td,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>th,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>td,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>th,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th{border-right:1px solid #dbf1ff}.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr:not(:last-child)>th,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr:not(:last-child)>th,.report-page .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr:not(:last-child)>th{border-bottom:1px solid #dbf1ff}.modal .ant-modal-header{padding:12px 16px;background:#acdeff}.modal .ant-modal-body{padding:16px;overflow-y:auto}.descriptions .ant-descriptions-item-label{font-weight:500}.descriptions .ant-descriptions-item-content{color:#666}.descriptions .ant-descriptions-header{margin-bottom:14px}.descriptions .ant-descriptions-row:last-child>td{padding-bottom:0}.check-color{color:#1890ff!important;margin-top:4px}.close-color{color:#ff4d4f!important;margin-top:4px}.drawer .ant-drawer-header{background:#acdeff}.drawer .ant-drawer-body{padding:16px}.select .ant-select-item-option-content{font-size:14px!important;white-space:normal}.ant-select-dropdown{border-radius:14px!important}.ant-layout{background:#b3d2dd}.first-menu-vertical{border-top-right-radius:20px;margin-top:0!important;height:49px!important;line-height:49px!important}.ant-divider{border-top:1px solid #acdeff}.ant-input-group-addon:last-child,.ant-input-group>.ant-input:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px}.content-page{margin-top:77px;margin-bottom:16px}.margin-bottom-0{margin-bottom:0!important}.title-danger{color:#dc3545!important}.title-warning{color:#ff8205!important}.ant-picker-range,.space-width-100{width:100%}.alert .ant-badge{cursor:pointer}.row-danger{color:#dc3545}.row-danger,.row-danger .ant-table-cell-fix-left,.row-danger .ant-table-cell-fix-right{background:#fae3e3}.link-button-table{width:100%;text-align:left}.alarm-page .warning-card{background:#fdf4e1}.alarm-page .danger-card{background:#fae3e3}.alarm-page .ant-typography h1,.alarm-page h1.ant-typography{font-size:58px;font-weight:800}.alarm-page .ant-typography h3,.alarm-page h3.ant-typography{font-weight:800}.alarm-page .ant-table-header{border-radius:14px 14px 0 0}.alarm-page .ant-table-small .ant-table-thead>tr>th{background-color:#f5f5f5}.alarm-page .ant-table-thead>tr>th{font-weight:700}.ant-card-body{padding:16px}.ant-btn,.ant-input-affix-wrapper,.ant-input-number,.ant-picker,.ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:14px}.ant-card,.ant-modal-content,.ant-notification-notice{border-radius:20px}.ant-modal-header{border-radius:20px 20px 0 0}.login .ant-modal-content{border-radius:33px}.login .ant-btn-primary{background:#5a80fc;border-color:#5a80fc;font-weight:700}.login .ant-btn{border-radius:20px}.login .ant-input-affix-wrapper{background-color:#f5f5f5;border:1px solid #f5f5f5}.login .ant-input{background-color:#f5f5f5}.ant-menu-submenu-title>span{font-family:"Kanit";font-weight:500}.user-profile .ant-image-img{border-top-left-radius:20px;border-top-right-radius:20px}.user-profile .ant-card-actions{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.ant-btn-circle{border-radius:50%!important}.ant-layout-sider-zero-width-trigger{border-radius:0 14px 14px 0;background:#e0f3fb}.ant-modal-close-x{width:47px;height:47px;line-height:47px}.font-size-12 .ant-typography{font-size:12px}.ant-menu-item:last-child{margin-bottom:16px}.ant-picker,.rate_table .ant-upload{width:100%}.ant-input-number-handler-wrap{border-radius:0 14px 14px 0}.ant-input-number{width:100%}.sub-table{border:0!important;box-shadow:none!important}.sub-table .ant-table{border:1px solid #dbf1ff}.font-sarabun{font-family:"Sarabun"}.font-kanit{font-family:"Kanit"}.custom-tooltip{border:1px solid #bfbfbf;padding:12px;background:#fff}.custom-tooltip p{font-size:14px;font-family:"Sarabun"}.ant-picker-range .ant-picker-active-bar{background:#ff4d4f}.ant-layout-sider-has-trigger{padding-bottom:0}.ant-picker-panels>div{border-right:1px solid #f0f0f0!important;border-left:1px solid #f0f0f0!important}.web-socket .ant-notification-notice-close{visibility:hidden}.card-ping>div>p{color:#fff}.addon-before .ant-input-group .ant-input-affix-wrapper:not(:last-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important}.addon-before .ant-input-group-addon:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}.form-no-required .ant-form-item{margin-bottom:16px}.title-wrap .ant-card-meta-title{white-space:normal}.ant-badge-status-dot{width:12px;height:12px}.ant-form-item textarea.ant-input{border-radius:14px}.ant-input-group.ant-input-group-compact>:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}.ant-input-group.ant-input-group-compact>:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px}.ant-picker-range .ant-picker-active-bar{height:3px}.ant-picker-input>input[disabled]{color:rgba(0,0,0,.85)}.ant-popover{z-index:900}.suspense-loading{display:block;margin-top:30px}.cell-color{background-color:#acdeff}.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector{border-top-right-radius:14px;border-bottom-right-radius:14px}.filter .ant-collapse-content>.ant-collapse-content-box{padding:0}.filter .ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding-top:0;padding-bottom:0}.filter .ant-collapse-item>.ant-collapse-header{padding:12px 16px 24px 40px}
/*# sourceMappingURL=main.f2c49585.chunk.css.map */