@charset "UTF-8";#app-wrap{display:flex}#app-wrap #main-menu{background:#001628;display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0;width:250px}#app-wrap #main-menu .ant-menu{flex-grow:1}#app-wrap #main-menu .menu-bottom{color:#fff;font-size:14px;padding:9px}#app-wrap .app-body{flex-grow:1}.admin-page{display:flex;flex-direction:column;position:relative}.admin-page .admin-page-header{border-bottom:1px solid #d0d0d0;min-height:125px;padding:32px 16px}.admin-page .admin-page-header .header-title{font-size:36px;font-weight:500}.admin-page .admin-page-body{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.admin-page .admin-page-body .admin-toolbar{align-items:center;border-bottom:1px solid #d0d0d0;display:flex;gap:13px;min-height:105px;padding:36px 16px}.admin-page .admin-page-body .admin-toolbar .search-input{width:300px}.admin-page .admin-page-body .admin-toolbar .clear-search{cursor:pointer;font-size:18px;line-height:1px}.admin-page .admin-page-body .admin-content{background-color:#fff;flex-grow:1;height:100%;overflow:auto}.admin-page .admin-page-body .bucket-content{margin:10px 25px}.admin-page .admin-page-body .bucket-list-title>h2{margin-top:10px}.admin-page .admin-page-body .latest-img{border:2px solid #000;display:flex;justify-content:center}.admin-page .admin-page-body .ipcameradetailpage{margin:10px 25px}.admin-page .admin-page-body .form-email-recipients{margin-top:18px}.admin-page .admin-page-body .form-email-recipients .label{margin-bottom:6px}.admin-page .admin-page-body .form-email-recipients .ant-tag{align-items:center;display:flex;width:-webkit-max-content;width:max-content}.admin-page .admin-page-body .form-email-recipients .ant-tag svg{margin-right:6px}.admin-page .admin-page-body .form-email-recipients .values{display:flex}.admin-page .admin-page-body .form-email-recipients .new-email input{font-size:12px;height:24px;padding:0 6px;width:auto}.admin-page .admin-page-body .snapshot>img{height:125px;margin:10px}.admin-page .admin-page-body .snapshot{display:inline-grid;width:110px}.admin-page .admin-page-body .snapshot>p{text-align:center}.admin-page .admin-page-body .button_area{margin:10px 0}.admin-page .admin-page-body .button_area>button{background-color:#009eea;border:1px solid #009eea;color:#fff}.admin-page .admin-page-body .datetime,.admin-page .admin-page-body .detailpagetitle{margin-top:20px}.admin-page .admin-page-body .station_info>ul>li{list-style:none;margin:10px}.admin-page .admin-page-body .horizontal_list>li{display:contents}.admin-page .admin-page-body .horizontal_list>li>button{margin-right:15px}.admin-page .admin-page-body .test-table>tbody>tr>td,.admin-page .admin-page-body .test-table>thead>tr>th{padding:5px;text-align:center}.admin-page .admin-page-body .text-align-left{text-align:left!important}.admin-page .admin-page-body .test-table>tbody>tr>td,.admin-page .admin-page-body .test-table>thead>tr>th,.test-table{border:1px solid #000!important}.ant-dropdown.list-actions .ant-dropdown-menu-item{padding:0}.ant-dropdown.list-actions .ant-dropdown-menu-item .clicker{padding:6px 18px}.actions-btn{cursor:pointer;font-size:21px;padding:6px}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.leaflet-container{height:100%;width:100%;z-index:0}.leaflet-bottomleft{margin-top:85px!important}.icon{margin:1px;width:30px}.icon-both{margin:1px 8px;width:14px}.blinking{-webkit-animation:blink 1s infinite;animation:blink 1s infinite}@-webkit-keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.blink-circle{background:rgba(255,0,0,.5);border:1px solid rgba(255,0,0,.5);border-radius:50%;height:55px!important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:45px!important}.graph{padding-top:30px}.graph,.graph1{display:flex;font-family:sans-serif;text-align:center}.graph1{margin-top:30px}.graph_card{border-radius:0!important;box-shadow:none!important}.graph-datepicker{padding-bottom:10px}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.pop-up{margin-top:100px;text-align:center}.modal-content{background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);left:50%;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal-content>pre{font-Family:Roboto,sans-serif}.styles-module_dark__xNqje{font-size:15px!important;opacity:.7!important}.app_information{border:2px #ccc;margin:15px 0}.card_header1{background-color:#009eea;color:#fff;padding:0 30px!important}.error{background-color:#ff5353}.date_time_header{padding:8px!important}.up_card_header{color:#000;font-size:12px;padding:0!important;text-align:left!important}.card_body{padding:8px!important}.status_card{margin-bottom:10px}.ss_info{padding:0!important;text-align:center}.empty{flex:50% 1}.MuiGrid-spacing-xs-10>.MuiGrid-item{padding:25px!important}.MuiGrid-container>h4{margin:0 10px}.Detail{height:35px;padding-bottom:10px!important;padding-left:10px!important;text-decoration:underline}.Type-List>div{margin:5px 0}.sensor-model{border-top:2px dashed;margin:15px 0}.model-no-border{border-top:none}.sensor-model>h2{color:#000;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:500;letter-spacing:.0075em;line-height:1.6}.status_card>.MuiCardContent-root{padding:5px!important}.sub-container>.MuiCardContent-root{padding:15px 0}.data_card_header{background-color:#fff!important;border:2px solid #000!important;color:#fff8f8;color:#000!important}.card_body,.data_card_header{padding:0!important}.sand_card,.water_card{border:2px solid #000!important}.sand_card_title{background-color:#c26814!important;color:#fff!important;padding-bottom:10px;padding-top:10px;text-orientation:upright}.sand_card_title,.sand_data,.water_card_title{align-items:center;display:flex;justify-content:center}.water_card_title{background-color:#189de4!important;color:#fff!important;padding-bottom:10px;padding-top:10px;text-orientation:upright}.water_data{align-items:center;display:flex;justify-content:center}.taisa-card{padding:0 0 15px 15px!important}.data_card{display:flex;flex-direction:column;justify-content:center;margin-right:20px}.FS-size{font-size:16px!important;margin:10px!important}.divider{border-bottom:1px solid #189de4;margin:5px 35px 10px;max-width:90%;min-width:0}.databox-font{padding-top:5px}.data-display-none{display:none}.sub-card-header{margin-top:15px}@media (max-width:415px){.up_card_header{font-size:14px}.MuiTypography-h6{font-size:14px!important}.MuiTypography-h4{font-size:18px!important}.MuiTypography-body1{font-size:14px!important}.MuiGrid-spacing-xs-10>.MuiGrid-item{margin-bottom:30px;padding:20px!important}.status_card{margin-bottom:15px}.app_header>h1,.management_header>h1{font-size:18px!important;text-align:left}.MuiButton-root{min-width:30px!important;padding:5px!important}.leaflet-container{height:30vh}.cardContent_padding{padding:0!important}.app_information{margin-bottom:10px;margin-top:10px}.MuiTypography-h5{font-size:13px!important}.MuiCardContent-root:last-child{padding:8px;padding-bottom:4px!important}.chartjs-render-monitor{height:200px}.app_header>h1{margin-bottom:-30px}li{margin-left:10px!important;padding-left:0!important}label{float:none!important;margin-left:0!important}.MuiButton-label{font-size:10px!important}.management_right{margin-left:0!important}.station_info>h2{font-size:18px!important}table td{padding:8px!important}.MuiGrid-grid-xs-6{max-width:100%!important}.ss_info{padding:1px!important}}.input-signal-error{background-color:rgba(255,83,83,.1);border:1px solid rgba(255,83,83,.3);border-radius:4px;color:#ff5353;font-size:16px;font-weight:700;margin:10px 0;padding:20px;text-align:center}.status_card.error-status{background-color:#ff5353!important}.status_card.error-status .MuiCardContent-root,.status_card.error-status .MuiTypography-body1{color:#000!important}.sensor-error-overlay{align-items:center;background-color:rgba(255,83,83,.1);border:2px solid #ff5353;border-radius:4px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.sensor-error-overlay.top{bottom:auto;height:50%;top:0}.sensor-error-overlay.bottom{bottom:0;height:50%;top:auto}.sensor-error-message{background-color:hsla(0,0%,100%,.9);border:1px solid #ff5353;border-radius:4px;color:#ff5353;font-size:14px;font-weight:700;padding:8px 12px;text-align:center}.image_area{display:flex;justify-content:center}.image{display:flex;overflow:hidden;padding:5px}.contents{display:flex;flex-wrap:wrap;width:100%}.kobetusub-left{flex:0.9 1;margin-right:15px}.kobetusub-right{flex:0.1 1}.kobetusub{font-size:24px;height:100%;width:100%}.kobetusen{height:36px}.kobetuloc,.kobetusen{font-size:20px;margin-top:5px;width:100%}.contents2{flex-wrap:wrap;margin-bottom:15px}.MuiButton-containedPrimary{background-color:#009eea!important}.contents2 select{border:1px solid #ccc;font-size:16px;height:100%;padding:5px;width:100%}.contents select{font-size:20px}.contents2 select option:checked{background-color:grey;color:#fff}.download_modal .MuiCard-root{overflow:inherit!important}.card_header{background-color:#3e92e1;color:#fff;padding:4px!important}.download_card{z-index:1!important}ul{padding:0!important}.list_class{margin-bottom:60px!important;padding-left:60px!important;padding-right:70px!important}.button_item{display:flex!important;padding-top:10px!important}#butfont{float:right;margin-right:10px!important;margin-top:-303px;position:relative}.button_item{justify-content:center}.note{color:red;font-size:10px;list-style:none;text-align:center}.makeStyles-img-25,.makeStyles-root-12,.makeStyles-root-17,.makeStyles-root-35,.makeStyles-root-63{height:auto!important;padding:5px;width:auto!important}.MuiTab-root{font-size:1rem!important}.panelheight{min-height:150px}.container{min-height:190px}.MuiAppBar-root>.MuiTab-root{min-height:0}.MuiButtonBase-root,.MuiTab-root,.MuiTabs-root{min-height:0!important}.MuiButtonBase-root{padding:4px 10px!important}*{margin:0}.Top,.app,body{background-color:#f5f6fa}.Top,.app{display:flex;justify-content:space-evenly}.Top{padding:0 20px}.Title{display:flex;margin:0 0 20px;padding-bottom:0}.MuiAppBar-colorPrimary{background-color:#009eea!important;color:#fff!important}.app{padding:20px}.Title>h1{color:#fff;font-size:2rem;margin-bottom:0;padding-left:20px}.Top_button{margin-top:-40px;text-align:right}.app_graph{margin-bottom:10px;margin-top:10px}.app_left{flex:.5 1}.app_left>a>h3{padding-top:40px}.app_right{flex:.4 1;height:100%;width:100%}.download_modal{align-items:center;display:flex!important;height:70%!important;justify-content:center;width:100%!important}.login_button{margin-left:10px!important}.modal_close_button{margin-bottom:320px}.on-hover-download{margin-bottom:5px;padding-right:10px;text-align:right}.header-button{border:1px solid!important;margin-left:15px!important;padding:0 5px!important}.footer{background:#009eea;bottom:0;color:#fff;font-size:12px;padding:5px;position:fixed;width:100%}@media(max-width:990px){.Top,.app{flex-direction:column}}@media(max-width:415px){.Top,.app{flex-direction:column}.app_left>h1{font-size:22px}.station-selector{margin-top:10px}.select-wrap-css{font-size:large!important}}@media(max-width:990px){.Top,.app{flex-direction:column;padding-top:20px}.app_left>h1{font-size:22px}.station-selector{margin-top:10px}.select-wrap-css{font-size:large!important}.leaflet-container{display:none!important}}.chartjs-render-monitor{height:300px!important}#login-page{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}#login-page .login-form{background-color:#fff;padding:16px;width:370px}#login-page .login-form .ant-form-item{margin-bottom:12px}#login-page .login-form .ant-form-item .ant-form-item-explain{margin-bottom:9px}img{max-width:100%}[role=button]{cursor:pointer}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.rotate{-webkit-animation:rotation 2s linear infinite;animation:rotation 2s linear infinite}#app-loading{align-items:center;background:#fff;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}body{font-family:Roboto,sans-serif;font-size:16px;font-weight:300}small{font-weight:100}strong{font-weight:500}.ant-modal.custom-modal .ant-modal-content{padding:0}.ant-modal.custom-modal .ant-modal-content .ant-modal-header{border-bottom:1px solid #d0d0d0;padding:9px 16px}.ant-modal.custom-modal .ant-modal-content .ant-modal-body,.ant-modal.custom-modal .ant-modal-content .ant-modal-footer{margin:0;padding:16px}.ant-modal.custom-modal .ant-form-item:last-child{margin-bottom:0}.ant-modal.custom-modal .ant-form-item-explain-error{display:none}.page-loader{align-items:center;background:#fff;display:flex;justify-content:center;position:absolute;z-index:5000}.page-loader,body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}