@charset "UTF-8";:root{--main-color:#0090dc}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:none}input,select,textarea{font-size:16px}.prevent-callout{-webkit-touch-callout:none}@media screen and (min-width:769px){html body .sidebar-container{height:calc(100vh - 40px)!important;left:0!important;overflow-y:auto!important;position:fixed!important;top:40px!important;transition:width .3s ease!important;width:250px!important;z-index:10!important}html body .sidebar-container.showAllSidebar{width:75px!important}html body .showAllSidebar .nav-link span{display:none!important}html body .main-content{box-sizing:border-box!important;margin-left:250px!important;padding:15px!important;transition:all .3s ease!important;width:calc(100% - 250px)!important}html body .main-content.main-content-expanded{margin-left:75px!important;width:calc(100% - 75px)!important}html body .dashboard-container,html body .page{margin-left:250px!important;transition:all .3s ease!important;width:calc(100% - 250px)!important}html body .showAllSidebar~.dashboard-container,html body .showAllSidebar~.page{margin-left:75px!important;width:calc(100% - 75px)!important}}@media screen and (max-width:768px){html body .sidebar-container{box-shadow:0 0 10px rgba(0,0,0,.1)!important;height:calc(100vh - 40px)!important;left:0!important;position:fixed!important;top:40px!important;-webkit-transform:translateX(-100%)!important;transform:translateX(-100%)!important;transition:-webkit-transform .3s ease!important;transition:transform .3s ease!important;transition:transform .3s ease,-webkit-transform .3s ease!important;width:250px!important;z-index:1000!important}html body .sidebar-container.show-mobile{-webkit-transform:translateX(0)!important;transform:translateX(0)!important}html body .dashboard-container,html body .main-content,html body .main-content.main-content-expanded,html body .page{margin-left:0!important;padding-bottom:70px!important;width:100%!important}html body .mobile-bottom-nav{bottom:0!important;display:flex!important;left:0!important;position:fixed!important;right:0!important;z-index:1001!important}}.no-zoom{touch-action:pan-x pan-y}.allow-interaction{touch-action:manipulation}.scroll-container{-webkit-overflow-scrolling:touch;max-height:100%;overflow-y:auto}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}.ios-fixed{-webkit-transform:translateZ(0)}}.smooth-scroll{scroll-behavior:smooth}.fixed-nav-layout{display:flex;flex-direction:column;height:100vh}.fixed-nav-layout .nav-container{flex-shrink:0}.fixed-nav-layout .content-container{-webkit-overflow-scrolling:touch;flex-grow:1;overflow-y:auto}@media (max-width:768px){.little-panel-container,.ph-panel-container{box-sizing:border-box!important;margin:0 0 15px!important;max-width:100%!important;min-width:0!important;min-width:auto!important;padding:15px 10px!important;width:100%!important}.gauge-container,.linear-gauge{margin:5px auto!important;max-width:100%!important;padding:0!important;width:100%!important}.panel-title{font-size:1rem!important}.gauge-value{font-size:2em!important;margin:5px 0!important}.gauge-scale{height:15px!important;margin:5px 0!important}.gauge-labels{font-size:.8em!important;margin-top:5px!important}.hourly-data-panel{border-radius:8px!important;box-sizing:border-box!important;margin:10px 0!important;max-width:100%!important;min-width:0!important;min-width:auto!important;padding:15px 10px!important;width:100%!important}.hourly-data-table-container{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important;width:100%!important}.rdt_Table{font-size:.9rem!important}.rdt_TableCell{padding:8px 6px!important;white-space:nowrap!important}.rdt_Pagination{font-size:.85rem!important;min-height:46px!important;padding:0 8px!important}button[aria-label=Export]{font-size:.85rem!important;margin-right:8px!important;padding:6px 10px!important}}@media (max-width:480px){.hourly-data-panel{padding:10px 5px!important}.rdt_Table{font-size:.8rem!important}.rdt_TableCell{padding:6px 4px!important}.rdt_Pagination{flex-wrap:wrap!important;font-size:.75rem!important;justify-content:center!important;padding:5px!important}button[aria-label=Export]{font-size:.75rem!important;padding:4px 8px!important}.hourly-data-table-container::-webkit-scrollbar{height:3px!important}}.background{align-items:center;background-image:url(/static/media/login-background.6396eb662135858d5d98.jpg);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.background:before{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.background>*{position:relative;z-index:2}.container{align-items:center;background-color:rgba(131,185,195,.528);border:3px solid #dbe0e3;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 20px;min-width:20%;padding:0 15px;width:700px}.exatta-logo{height:auto;margin:20px 0;width:300px}.credencials-container{align-items:center;background-color:hsla(0,0%,100%,.63);border:none;border-radius:10px;display:flex;justify-content:center;margin:10px;position:relative;width:90%}.login-input{font-weight:700;height:30px;padding-left:15px;width:100%}.login-input,.password-button{border:none;border-radius:10px;color:#5f5f5f}.password-button{background-color:hsla(0,0%,100%,.63);outline:none;position:absolute;right:10px}.buttonText,.loading-login{background-color:#4472c4;border:none;border-radius:10px;color:#fff;display:flex;font-weight:700;justify-content:center;margin:10px 0 20px;padding:10px 0;text-align:center;width:90%}.buttonText:hover,.password-button:hover{cursor:pointer}.error-container{background-color:#f8d7da;border:1px solid #f6c7cb;border-radius:5px;color:#922e3f;margin:10px 0}.a-help,.error-container{align-items:center;display:flex;font-size:14px;height:30px;justify-content:center;width:90%}.a-help{background-color:#dbe0e3;border-radius:5px;margin:0 0 20px;text-decoration:none}.help-container{color:var(--main-color);font-size:14px;font-weight:700;text-decoration:none}@media screen and (max-width:768px){.container{margin:0 15px;max-width:450px;width:90%}.exatta-logo{max-width:250px;width:80%}}.create-user-button{background-color:initial;border:2px solid #4472c4;border-radius:10px;color:#4472c4;display:flex;font-weight:700;justify-content:center;margin:0 0 20px;padding:8px 0;text-align:center;transition:all .3s ease;width:90%}.create-user-button:hover{background-color:rgba(68,114,196,.1);cursor:pointer}.navbar{align-items:center;background-color:var(--main-color);display:flex;height:40px;justify-content:center;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.navbar-image{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);height:25px;object-fit:contain}.list-button{left:0;width:35px}.list-button,.version{background:none;border:none;cursor:pointer;margin-left:15px;position:absolute}.version{color:#000;right:0;width:55px}.list-button:hover{background-color:#1d56a3;border-radius:10px;transition:all .3s ease}.sidebar-container{background-color:#faf9f9;box-shadow:2px 0 5px rgba(0,0,0,.1);height:calc(100% - 40px);left:0;margin-top:0;position:fixed;top:40px;transition:all .3s ease;width:250px;z-index:900}.menu-bar{display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow-y:auto}.menu-bar::-webkit-scrollbar{display:none}.sidebar-container li{align-items:center;display:flex;height:40px;list-style:none;margin:5px 15px 0 -30px}.icon{border-radius:5px;color:var(--main-color);min-width:50px;transition:all .3s ease}.sidebar-container .text{color:var(--main-color);font-size:16px;font-weight:500;list-style:none;opacity:1;white-space:nowrap}.sidebar-container li a{align-items:center;background-color:initial;border-radius:5px;display:flex;height:100%;list-style:none;text-decoration:none;width:100%}.sidebar-container li a:hover{background-color:var(--main-color)}.sidebar-container li a:hover .icon,.sidebar-container li a:hover .text{color:#fff}.mobile-bottom-nav{background-color:#fff;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);display:none;height:65px;left:0;margin:0;padding:0;position:fixed;right:0;width:100%;z-index:1000}.mobile-nav-items{align-items:center;display:flex;height:100%;justify-content:space-between;list-style:none;margin:0;padding:0;width:100%}.mobile-nav-item{flex:1 1;flex-direction:column;min-width:0;padding:0 5px}.mobile-nav-item,.mobile-nav-item a{align-items:center;display:flex;height:100%;justify-content:center}.mobile-nav-item a{flex-direction:column;padding:4px 0;text-decoration:none;width:100%}.mobile-nav-icon{color:var(--main-color);font-size:24px;margin-bottom:2px}.mobile-nav-text{color:var(--main-color);font-size:12px;line-height:1.2;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.mobile-nav-item.active .mobile-nav-icon,.mobile-nav-item.active .mobile-nav-text{color:var(--main-color);font-weight:600}.mobile-nav-item:active{background-color:rgba(68,114,196,.1)}@media screen and (max-width:360px){.mobile-bottom-nav{height:60px}.mobile-nav-icon{font-size:22px}.mobile-nav-text{font-size:11px}}@media screen and (min-width:361px) and (max-width:768px){.mobile-bottom-nav{height:65px}.mobile-nav-icon{font-size:26px}.mobile-nav-text{font-size:13px}}@media screen and (min-width:769px){.sidebar-container{height:calc(100vh - 40px);position:relative;top:0;-webkit-transform:translateX(0);transform:translateX(0);transition:width .3s ease;width:75px;z-index:10}.sidebar-container:not(.showAllSidebar){width:250px}.showAllSidebar{width:75px}.showAllSidebar .nav-link span{display:none}}@media screen and (max-width:768px){.sidebar-container{box-shadow:0 0 10px rgba(0,0,0,.2);position:fixed;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:250px;z-index:900}.sidebar-container.show-mobile{-webkit-transform:translateX(0);transform:translateX(0)}.mobile-bottom-nav{display:block}.showAllSidebar{width:250px}.showAllSidebar .nav-link span{display:inline}}.date-selector-container{margin:20px 10px 10px 20px}.date-container{height:25px}.date-container,.select-period-button{align-items:center;border:none;border-bottom:1px solid var(--main-color);display:flex}.select-period-button{background-color:initial;cursor:pointer}.overlay{align-items:center;display:flex;justify-content:center;margin-top:5px;position:absolute;z-index:499}.popup{background-color:#faf9f9;border-radius:10px;left:50%;padding:20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;z-index:500}.div-flex{align-items:center;display:flex;margin-top:10px}.date-type-title{font-size:14px;font-weight:400;margin-right:10px}.input-date{background-color:initial;border:none;cursor:pointer}.input-period{background-color:initial;border:1px;border-bottom:solid;width:65%}.div-border{border-bottom:1px solid #dadada;margin:10px 0}.select-data-button{background-color:initial;border:none;color:var(--main-color);cursor:pointer;margin:30px 0 10px;width:100%}.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}.message-container{display:flex;height:300px;justify-content:center}.message-content-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.message-text-style{font-size:14px;font-weight:600;margin-top:20px;text-align:center}.alerts-panel-container,.big-panel-container,.cultivation-data-panel,.little-panel-container{box-shadow:0 2px 5px rgba(0,0,0,.1);overflow:hidden}.little-panel-container{box-sizing:border-box;display:flex;flex-direction:column}.big-panel-container{margin:10px auto;max-width:1200px}@media (max-width:768px){.panel-title{font-size:14px}.panel-title-container{height:35px}.paragraph-style{font-size:14px;text-align:center}.it-text-style,.last-value-text{font-size:14px}.alerts-panel-container,.cultivation-data-panel{margin:10px auto;max-width:450px;width:90%}.alerts-panel-available-water-content-container{flex-direction:column}.alerts-aw-lb-panel-div{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:10px}.little-panel-container{min-height:300px}.chart-container{height:250px}}@media (max-width:480px){.alerts-panel-container,.big-panel-container,.cultivation-data-panel,.little-panel-container{margin:10px auto;width:100%}.panel-content-padding{padding:8px}.last-value-text{font-size:16px}.panel-items{align-items:center;flex-direction:column;gap:5px}}.search-bar-container{align-items:center;border:1px solid #cecdcd;border-radius:5px;display:flex;height:40px;padding-left:5px}.search-bar-custom{border:none;color:#444;font-weight:700}.search-bar-custom::-webkit-input-placeholder{color:#8d8d8d}.search-bar-custom::placeholder{color:#8d8d8d}.search-icon{color:#8d8d8d;margin-right:5px}.data-table-add-item-button-custom,.data-table-button-custom,.data-table-delete-button-custom,.data-table-delete-item-button-custom,.data-table-edit-item-button-custom{align-items:center;background-color:var(--main-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:20px;width:100px}.data-table-delete-button-custom{background-color:#c92d2d}.data-table-edit-item-button-custom{background-color:initial;background-repeat:no-repeat;color:var(--main-color)}.data-table-delete-item-button-custom{background-color:initial;background-repeat:no-repeat;color:red}.data-table-add-item-button-custom{background-color:initial;background-repeat:no-repeat;color:var(--main-color);width:150px}.export-chart-data-button-custom{height:30px}.export-chart-data-button-custom,.send-data-button-custom{align-items:center;background-color:var(--main-color);border:none;border-radius:5px;color:#fff;cursor:pointer;justify-content:center}.send-data-button-custom{display:flex;font-weight:700;height:40px;width:300px}.icon-style{margin-right:5px;vertical-align:middle}.footer{align-items:center;display:flex;gap:20px;height:50px;justify-content:center;margin:50px 0 0;width:100%}@media screen and (max-width:480px){.footer{flex-direction:row;gap:15px;height:auto;padding:20px 0}.footer .data-table-button-custom,.footer .data-table-delete-button-custom{font-size:14px!important;height:40px!important;margin-right:0!important;padding:0!important;width:100px!important}}@media (max-width:768px){.data-table-button-custom,.export-chart-data-button-custom{font-size:13px!important;height:36px!important;margin-right:10px!important;padding:0 12px!important;white-space:nowrap!important;width:auto!important}.icon-style{font-size:14px!important;margin-right:4px!important}}@media (max-width:480px){.data-table-button-custom,.export-chart-data-button-custom{font-size:12px!important;height:32px!important;margin-right:8px!important;padding:0 10px!important}.icon-style{font-size:12px!important;margin-right:3px!important}.export-text-mobile-hidden{display:none!important}.rdt_TableHeader{align-items:center!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important}}.dropdown-container{border:none;border-bottom:1px solid var(--main-color);margin-top:10px;outline:none}.dropdown-input{align-items:center;display:flex;justify-content:space-between;padding:5px;-webkit-user-select:none;user-select:none}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:5px;max-height:150px;overflow:auto;position:absolute;-webkit-transform:translateY(4px);transform:translateY(4px);z-index:1}.dropdown-item{cursor:pointer;padding:5px}.dropdown-item:hover{background-color:#f3f3f3}.dropdown-item.selected{background-color:rgba(7,39,26,.548);color:#fff}.header-dashboard,.message-panel,.station-title{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.header-dashboard-text{font-size:16px;font-weight:700;margin-right:10px;text-align:center}.select-gateway-dropdown-button{background-color:initial;border:none;border-bottom:1px solid var(--main-color);color:var(--main-color);margin-left:20px;width:200px}.style-dropdown-button{align-items:center;display:flex;flex-direction:row}.dropdown-button-container{border:none;border-bottom:2px solid var(--main-color);border-radius:10px;border-top:2px solid var(--main-color);box-shadow:0 5px 10px 0 rgba(0,0,0,.2);margin-bottom:20px;width:100%}.dropdown-button-style{align-items:center;background-color:initial;border:none;display:flex;width:100%}.dropdown-button-item-container{border:none;border:1px solid var(--main-color);border-radius:10px;box-shadow:0 2px 2px 0 rgba(0,0,0,.2);margin-bottom:20px;width:100%}.dropdown-button-line{border:none;border-top:1px solid #e1e2e3;padding-top:10px}.button-title{color:var(--main-color)}.button-title,.dropdown-button-text{margin-left:10px}.dropdown-button-arrow{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:flex-end;margin-right:20px}.show-data-big-container,.show-data-container{border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:10px}@media (min-width:768px){.little-panel-container{height:350px;margin:0;width:375px}}@media (max-width:768px){.header-dashboard{align-items:center;flex-direction:column;justify-content:center}.show-data-container{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center;margin:0 auto;max-width:90%;padding:10px}.little-panel-container{flex:1 1;height:350px;margin:0;max-width:90%;min-width:300px}.big-panel-container{margin:10px auto;max-width:90%;width:90%}.button-title{font-size:14px}.dropdown-button-container{margin:15px auto;max-width:500px;width:90%}.dashboard-container{padding:5px 5px 70px;transition:none}.page{padding-bottom:70px;transition:none}}@media (max-width:480px){.show-data-container{max-width:95%;padding:5px}.little-panel-container{height:320px;max-width:100%;min-width:100%}.dropdown-button-container{margin:10px auto;width:95%}}.page{position:relative;transition:all .3s ease;width:100%;z-index:1}.dashboard-container{margin:0 auto;max-width:1400px;padding:5px 10px;transition:all .3s ease}.alert-container-error,.alert-container-loading,.alert-container-success{align-items:center;border-radius:5px;bottom:20px;display:flex;height:50px;justify-content:center;left:30%;position:fixed;right:30%}.alert-container-success{background-color:#d1e7dd;border:1px solid #bfded0;color:#366160}.alert-container-loading{background-color:#cfe2ff;border:1px solid #bbd7fe;color:#2455a9}.alert-container-error{background-color:#f8d7da;border:1px solid #f6c7cb;color:#922e3f}.page{margin-right:20px;margin-top:60px}.admin-container{display:flex;flex-direction:column;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:700px;padding:15px}.admin-main-container{display:flex;min-height:100vh;padding-top:40px;width:100%}@media screen and (min-width:769px){.admin-main-container{display:flex;flex-direction:row}.main-content{box-sizing:border-box;margin-left:75px;padding:15px;transition:all .3s ease;width:calc(100% - 75px)}.main-content-expanded{margin-left:250px;width:calc(100% - 250px)}.admin-container{margin:0 auto;max-width:700px;padding:20px}}@media screen and (min-width:481px) and (max-width:768px){.admin-container{margin:0 auto;max-width:90%;padding:15px}.admin-main-container{flex-direction:column}.main-content,.main-content-expanded{margin-left:0;padding:10px 10px 70px;transition:none;width:100%}}@media screen and (max-width:480px){.admin-container{margin:0;padding:10px;width:100%}.admin-main-container{flex-direction:column}.main-content,.main-content-expanded{margin-left:0;padding:10px 10px 70px;transition:none;width:100%}.admin-input,.admin-input-disabled{max-width:280px;width:100%}}@media screen and (max-width:360px){.admin-container{padding:8px}.admin-input,.admin-input-disabled{max-width:250px;width:100%}}.loading-container{display:flex;justify-content:center}.table-container{flex:1 1;justify-content:center;margin:20px 20px 0;z-index:100px}.buttons-container{align-items:center;display:flex;flex:1 1;flex-direction:row-reverse;margin-bottom:10px;width:100%}.admin-title{color:var(--main-color);font-size:14px;font-weight:500;margin-bottom:5px;margin-top:15px}.admin-input{border:none;border-bottom:1px solid var(--main-color)}.admin-input,.admin-input-disabled{box-sizing:border-box;height:20px;margin-bottom:15px;margin-top:10px;outline:none;padding:5px 0;width:300px}.admin-input-disabled{border:none;border-bottom:1px dotted var(--main-color);pointer-events:none}.item-style{accent-color:var(--main-color);margin:0 10px 0 0}.item-text{font-size:14px;margin-bottom:5px;margin-top:15px}.checkbox-container{align-items:center;display:flex;flex-direction:row;padding-bottom:15px;padding-top:15px}.checkbox-text{font-size:14px}.checkbox-style{accent-color:var(--main-color);margin:0 10px 0 0}.device-model-params{width:100px}.device-model-params,.soil-params{border:none;border-bottom:1px solid var(--main-color);margin-top:10px;outline:none}.soil-params{width:90px}.param-container{margin:10px 0}.param-text{font-size:14px}.change-password-button{background-color:initial;border:none;border-bottom:1px solid var(--main-color);color:var(--main-color);margin-top:30px;width:305px}.style-password-button{align-items:center;display:flex;flex-direction:row}.right-container{flex:1 1;flex-direction:row;justify-content:flex-end}.right-container,ul.nav{align-items:center;display:flex}ul.nav{border-bottom:1px solid #d6d6d6;padding-left:0;width:100%;@media (max-width:300px){width:90%}}ul.nav li{cursor:pointer;list-style:none;padding:1rem;text-align:center;transition:all .3s}ul.nav li:first-child,ul.nav li:last-child{border-radius:0}ul.nav li.active,ul.nav li:hover{border-bottom:2px solid var(--main-color)}ul.nav li.active{color:var(--main-color);font-weight:700;transition:all .3s}.device-tree-container{display:flex;flex-direction:column;flex-wrap:wrap}.redirect-button-custom{align-items:center;background-color:initial;background-repeat:no-repeat;border:none;color:var(--main-color);cursor:pointer;display:flex;margin-left:-15px}.device-tree-icon-style{margin-left:20px;margin-right:10px}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.panel-container{background-color:#faf9f9;border-radius:10px;position:relative}.panel-container-title{align-items:center;background-color:#285c47;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;height:30px;justify-content:center}.status-panel-items,.status-panel-items-1,.status-panel-items-title{align-items:center;display:flex;flex-direction:row}.status-panel-items-title{padding-left:15px;padding-top:15px}.status-panel-items{padding-left:30px;padding-top:10px}.tree{--spacing:1.5rem;--radius:10px;margin-left:5px;padding-left:0}.tree li{display:block;margin-top:10px;padding-left:calc(var(--spacing)*2 - var(--radius) - 2px);position:relative}.tree ul{margin-left:calc(var(--radius) - var(--spacing));padding-left:0}.tree ul li{border-left:2px solid #ddd}.tree ul li:last-child{border-color:transparent}.tree ul li:before{border:solid #ddd;border-width:0 0 2px 2px;content:"";display:block;height:calc(var(--spacing) + 1px);left:-2px;position:absolute;top:calc(var(--spacing)/-2);width:calc(var(--spacing) + 2px)}.tree summary{color:var(--main-color);cursor:pointer;display:block;font-size:16px;font-weight:700;text-decoration:underline}.tree summary::-webkit-details-marker,.tree summary::marker{display:none}.tree summary:focus{outline:none}.tree summary:focus-visible{outline:1px dotted #000}.tree li:after,.tree summary:before{border-radius:50%;content:"";display:block;height:calc(var(--radius)*2);position:absolute;width:calc(var(--radius)*2)}.tree li:after,.tree summary:before{left:calc(var(--spacing) - var(--radius) - 1px);top:calc(var(--spacing)/2 - var(--radius))}.tree summary:before{background:var(--main-color) url(/static/media/expand-collapse.efc906b3790f5180be06.svg) 0 0;z-index:1}.tree details[open]>summary:before{background-position:calc(var(--radius)*-2) 0}.span-li{font-weight:500;margin-right:10px;text-align:center}.open-panel-button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;height:25px;justify-content:center}.overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}.panel-chart-container{background-color:#faf9f9;border:1px solid gray;border-radius:10px;height:380px;left:50%;padding:20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:350px;z-index:1000}.device-status-panel-title{color:var(--main-color);display:flex;font-size:14px;font-weight:700;justify-content:center;margin-top:10px}.close-panel-button{background-color:initial;border:none;cursor:pointer;position:absolute;right:10px;top:10px}.alerts-panel-container,.big-panel-container,.cultivation-data-panel,.little-panel-container{background-color:#d9dad9;border-radius:10px;position:relative}.big-panel-container{width:90%}.panel-title-container{align-items:center;background-color:#28495c;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;height:30px;justify-content:center}.panel-title{color:#fff;text-align:center}.chart-container{align-items:center;display:flex;flex-direction:column;height:300px}.panel-content-padding{padding:10px}.panel-footer-container{bottom:0;display:flex;justify-content:center;position:absolute;width:100%}.panel-footer-text{font-size:11px}.panel-loading{align-items:center;display:flex;height:300px;justify-content:center}.item-data-container,.weather-data-container{align-items:center;display:flex;margin:0 15px}.weather-data-container-second{margin-left:20px}.weather-icon{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.last-value-text{font-size:18px;font-weight:700;text-align:center}.paragraph-style{font-size:14px;text-align:center}.cultivation-data-panel{margin-right:10px;width:28%}.cultivation-data-text{font-size:14px;font-weight:700;text-align:center}.alerts-panel-container{width:37%}.alerts-panel-content-container{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;padding:10px}.alerts-panel-available-water-content-container{display:flex;margin-bottom:10px}.alerts-panel-title{color:#fff;font-size:12px;padding:5px;text-align:center}.alerts-aw-panel-content,.alerts-panel-content{display:flex;flex-direction:column;justify-content:center}.alerts-panel-content{margin:10px}.alerts-aw-panel-content{align-items:center}.alerts-container{background-color:#fff;border-radius:10px;box-shadow:0 0 1px rgba(0,0,0,.5)}.alerts-title-container{background-color:#345494;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:center}.alerts-aw-lb-panel-div{display:flex;flex-direction:column;justify-content:space-between;margin-left:10px}.one-value-panel-text{color:#fff;font-size:25px;font-weight:700;margin-top:10px}.ad-panel-content-container{display:flex;margin-bottom:5px}.ad-panel-values-container{align-items:center;border-radius:25px;display:flex;height:50px;justify-content:center;width:50px}.ad-panel-20-value-container{align-items:center;flex:1 1;flex-direction:row;justify-content:flex-end}.ad-panel-values-text{color:#fff;font-size:14px;font-weight:700;text-align:center}.ad-panel-content-container-align{align-items:center;flex-direction:row;margin-left:12px;margin-right:12px}.ad-panel-first-column-size{border-radius:25px;display:flex;height:100%;width:25px}.ad-panel-first-column-color{background-color:#e6e7e9;border-radius:25px;display:flex;flex:1 1}.ad-panel-second-column-color{align-items:flex-end;background-color:#c7c8da;border-radius:25px;display:flex;flex:1 1;margin:5px}.it-content-container,.last-data-content-container{align-items:center;display:flex;justify-content:center;margin:10px 0}.it-text-style{font-size:20px;font-weight:700;text-align:center}.last-data-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.panel-items{align-items:center;display:flex;flex-direction:row;margin-top:15px}.panel-items-title{font-size:14px;font-weight:bolder}.more-details-button{background:transparent;border:none;color:var(--main-color);cursor:pointer;font-weight:700}@media (max-width:700px){.panel-title{font-size:14px}.panel-title-container{height:35px}.paragraph-style{font-size:14px;text-align:center}.it-text-style,.last-value-text{font-size:14px}.alerts-panel-container,.cultivation-data-panel{margin:10px 0;width:90%}.alerts-panel-available-water-content-container{flex-direction:column}.alerts-aw-lb-panel-div{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:10px}}@media (max-width:768px){.page{margin:0;min-height:100vh;padding:0;width:100vw}.show-data-container{flex-direction:column;gap:12px;padding:8px 4px}.show-data-container>div{margin-bottom:12px;width:100%}hr{background:#e9ecef;border:none;height:1px;margin:16px 8px}.table-container{margin:0;overflow-x:auto;padding:8px 4px;width:100%}.buttons-container{align-items:stretch;display:flex;flex-direction:column;gap:8px;padding:8px 0}.export-button{border-radius:8px;font-size:14px;font-weight:500;min-width:0;padding:12px 16px;width:100%}.rdt_Table{font-size:12px;max-width:100%!important;min-width:auto!important;width:100%!important}.rdt_TableHead{font-size:11px}.rdt_TableCol{word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;overflow:visible!important;padding:8px 4px!important;text-overflow:clip!important;white-space:normal!important}.rdt_TableCol:first-child{max-width:8%!important;min-width:0!important;width:8%!important}.rdt_TableCol:nth-child(2),.rdt_TableCol:nth-child(3){max-width:12%!important;min-width:0!important;width:12%!important}.rdt_TableCol:nth-child(4),.rdt_TableCol:nth-child(5){max-width:10%!important;min-width:0!important;width:10%!important}.rdt_TableCol:nth-child(6),.rdt_TableCol:nth-child(7),.rdt_TableCol:nth-child(8){max-width:15%!important;min-width:0!important;width:15%!important}.rdt_TableCol:nth-child(9){max-width:12%!important;min-width:0!important;width:12%!important}.rdt_TableCol:nth-child(10){max-width:15%!important;min-width:0!important;width:15%!important}.rdt_TableCell{word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;padding:8px 4px!important;text-overflow:clip!important;white-space:normal!important}.rdt_TableCell:first-child{max-width:8%!important;min-width:0!important;width:8%!important}.rdt_TableCell:nth-child(2),.rdt_TableCell:nth-child(3){max-width:12%!important;min-width:0!important;width:12%!important}.rdt_TableCell:nth-child(4),.rdt_TableCell:nth-child(5){max-width:10%!important;min-width:0!important;width:10%!important}.rdt_TableCell:nth-child(6),.rdt_TableCell:nth-child(7),.rdt_TableCell:nth-child(8){max-width:15%!important;min-width:0!important;width:15%!important}.rdt_TableCell:nth-child(9){max-width:12%!important;min-width:0!important;width:12%!important}.rdt_TableCell:nth-child(10){max-width:15%!important;min-width:0!important;width:15%!important}.rdt_TableRow{min-height:40px}.loading-container{align-items:center;display:flex;height:150px;justify-content:center;padding:20px}.panel-container{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:8px;padding:8px}.panel-title{font-size:14px;font-weight:600;margin-bottom:8px;text-align:center}.panel-value{font-size:18px;font-weight:700;margin-bottom:4px;text-align:center}.panel-unit{color:#6c757d;font-size:12px;text-align:center}}@media (max-width:480px){.page{padding:0}.show-data-container{gap:8px;padding:6px 2px}.show-data-container>div{margin-bottom:8px}.table-container{padding:6px 2px}.buttons-container{gap:6px;padding:6px 0}hr{margin:12px 6px}.rdt_Table{font-size:11px;min-width:auto!important;width:100%!important}.rdt_TableHead{font-size:10px}.rdt_TableCell{padding:6px 3px!important}.rdt_TableRow{min-height:36px}.export-button{font-size:13px;padding:10px 14px}.panel-container{margin-bottom:6px;padding:6px}.panel-title{font-size:13px;margin-bottom:6px}.panel-value{font-size:16px;margin-bottom:3px}.panel-unit{font-size:11px}}@media (max-width:360px){.show-data-container{gap:6px;padding:4px 1px}.show-data-container>div{margin-bottom:6px}.table-container{padding:4px 1px}.buttons-container{gap:4px;padding:4px 0}hr{margin:8px 4px}.rdt_Table{font-size:10px;width:100%!important}.rdt_TableHead{font-size:9px}.rdt_TableCell{padding:4px 2px!important}.rdt_TableRow{min-height:32px}.export-button{font-size:12px;padding:8px 12px}.panel-container{margin-bottom:4px;padding:4px}.panel-title{font-size:12px;margin-bottom:4px}.panel-value{font-size:14px;margin-bottom:2px}.panel-unit{font-size:10px}}@media (max-width:768px) and (orientation:landscape){.page{height:auto;min-height:100vh}.show-data-container{flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:space-around;padding:6px 8px}.show-data-container>div{flex:1 1;margin-bottom:0;min-width:200px}.table-container{padding:6px 8px}.buttons-container{flex-direction:row;gap:16px;justify-content:center}.export-button{min-width:120px;width:auto}.rdt_Table{width:100%!important}}@media (max-width:768px){.export-button,.rdt_TableRow{min-height:44px}.table-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.table-container:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8));bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:20px}.table-container:hover:after{opacity:1}.page{-webkit-animation:slideInMobile .3s ease-out;animation:slideInMobile .3s ease-out}.export-button{transition:all .2s ease}.export-button:active{background-color:#0056b3;-webkit-transform:scale(.98);transform:scale(.98)}.panel-container{transition:all .2s ease}.panel-container:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.export-button:focus,.rdt_TableRow:focus{outline:2px solid #007bff;outline-offset:2px}.panel-title{color:#212529}.panel-value,.rdt_TableCell{color:#495057}.rdt_TableRow{border-bottom:1px solid #f8f9fa}.rdt_TableRow:hover{background-color:#f8f9fa}.panel-container{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef}.loading-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px}.error-container{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;border-radius:8px;margin:8px;padding:16px;text-align:center}.no-data-container{background:linear-gradient(135deg,#e2e3e5,#d6d8db);border:1px solid #c6c8ca;border-radius:8px;color:#6c757d;margin:8px;padding:20px;text-align:center}.rdt_TableCell,.rdt_TableCol{-webkit-hyphens:auto!important;hyphens:auto!important}.rdt_TableCell,.rdt_TableCell *,.rdt_TableCol,.rdt_TableCol *{word-wrap:break-word!important;overflow:visible!important;overflow-wrap:break-word!important;text-overflow:clip!important;white-space:normal!important;word-break:break-word!important}.rdt_Table,.rdt_TableBody,.rdt_TableHead,.rdt_TableWrapper{max-width:100%!important;min-width:auto!important;width:100%!important}.rdt_TableCell,.rdt_TableCol{box-sizing:border-box!important;max-width:none!important;min-width:0!important;width:auto!important}}.demo-modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.demo-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-height:85vh;max-width:500px;overflow-y:auto;padding:24px;position:relative;width:100%}.demo-modal-content::-webkit-scrollbar{width:6px}.demo-modal-content::-webkit-scrollbar-track{background:#f1f1f1}.demo-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.demo-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.demo-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:20px;top:16px;transition:all .2s ease;width:30px}.demo-modal-close:hover{background:#f0f0f0;color:#333}.demo-modal-title{color:#333;font-size:18px;font-weight:600;margin:0 0 20px;text-align:center}.demo-circular-progress-block{display:flex;justify-content:center;margin:20px 0}.demo-circular-progress{display:inline-block;position:relative}.demo-circular-progress svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.demo-circular-progress .label{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.demo-circular-progress .value{color:#333;display:block;font-size:18px;font-weight:700;line-height:1}.demo-circular-progress .unit{color:#666;display:block;font-size:11px;font-weight:500;margin-top:2px}.demo-comparison-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:15px 0;padding:15px}.demo-progress-bar-container{margin:15px 0}.demo-progress-bar-label{align-items:center;color:#555;display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px}.demo-progress-bar-value{color:#333;font-weight:600}.demo-progress-bar-wrapper{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.demo-progress-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.demo-progress-bar-minmax{color:#666;font-size:10px;margin-top:3px;text-align:center}.demo-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:15px 0}.demo-info-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-size:13px;padding:10px;text-align:center}.demo-info-item strong{color:#333;display:block;font-weight:600;margin-bottom:3px}.demo-status-indicator{align-items:center;border-radius:4px;display:flex;font-size:13px;font-weight:500;margin:8px 0;padding:8px 12px}.demo-modal-hourly-table-container{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.demo-modal-hourly-table{border-collapse:collapse;font-size:12px;margin-top:10px;width:100%}.demo-modal-hourly-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#555;font-size:11px;font-weight:600;padding:8px 6px;text-align:left}.demo-modal-hourly-table td{border-bottom:1px solid #e9ecef;color:#555;padding:6px}.demo-modal-hourly-table tr:hover td{background:#f8f9fa}.demo-modal-no-data{color:#666;padding:30px 20px;text-align:center}.demo-modal-no-data-icon{font-size:40px;margin-bottom:12px;opacity:.6}.demo-modal-no-data-title{color:#555;font-size:16px;font-weight:600;margin-bottom:6px}.demo-modal-no-data-desc{color:#666;font-size:13px;line-height:1.4}@media (max-width:768px){.demo-modal-overlay{padding:10px}.demo-modal-content{max-height:90vh;max-width:95vw;padding:20px}.demo-info-grid{grid-template-columns:1fr}.demo-modal-hourly-table{font-size:11px}.demo-modal-hourly-table td,.demo-modal-hourly-table th{padding:4px 3px}}@media (max-width:480px){.demo-modal-content{max-height:95vh;padding:16px}.demo-circular-progress .value,.demo-modal-title{font-size:16px}.demo-edit-params-btn{font-size:13px;padding:6px 12px}}.demo-modal-hourly-dropdown-header{align-items:center;background:#f8f9fa;border-radius:6px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;margin:18px 0 8px;padding:8px 12px;transition:background .2s;-webkit-user-select:none;user-select:none}.demo-modal-hourly-dropdown-header:hover{background:#e9ecef}.demo-modal-hourly-dropdown-arrow{display:inline-block;font-size:20px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.demo-modal-hourly-dropdown-arrow.open{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.demo-edit-params-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.demo-edit-params-btn:hover{background:#0056b3;box-shadow:0 2px 8px rgba(0,123,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.demo-edit-params-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.demo-modal-edit-params-btn:hover{background-color:#f8f9fa!important;border-color:#adb5bd!important;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#495057!important;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.demo-modal-edit-params-btn:active{box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-transform:translateY(0);transform:translateY(0)}.demo-page{background-color:#f8f9fa;display:flex;flex-direction:column;height:100vh;margin:0;min-height:100vh;padding:8px 0 0;width:100vw}.demo-table-container{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin:0 0 0 2px;max-width:1800px;overflow:hidden;padding:16px 18px 24px;width:98vw}.demo-table-container,.demo-table-section{background-color:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0}.demo-table-section{width:100%}.demo-header-section{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.demo-table-header{color:#495057;flex:1 1;font-size:18px;font-weight:600;margin:0}.demo-loading-container{align-items:center;background-color:#fff;display:flex;height:200px;justify-content:center}.demo-error-container{background-color:#fff;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin:10px;padding:20px;text-align:center}.demo-data-table-wrapper{background:transparent!important;border-radius:0!important;box-shadow:none!important;margin:0!important}@media (max-width:768px){.demo-page{padding:4px 0 0}.demo-table-container{border-radius:0;box-shadow:none;margin:0;max-width:100vw;padding:8px 2px 12px;width:99vw}.demo-header-section{align-items:stretch;flex-direction:column;gap:8px;padding:8px 6px}.demo-table-header{font-size:15px;text-align:center}.demo-table-section{padding:0}.rdt_Table{font-size:13px}.rdt_Table,.rdt_TableBody,.rdt_TableHead{min-width:480px;overflow-x:auto}.demo-add-button{font-size:15px;margin-top:8px;min-width:0;padding:10px 0;width:100%}}@media (max-width:480px){.demo-page{padding:2px 0 0}.demo-table-container{border-radius:0;box-shadow:none;margin:0;max-width:100vw;padding:4px 0 8px;width:100vw}.demo-header-section{gap:4px;padding:6px 2px}.demo-table-header{font-size:13px}.rdt_Table{font-size:12px}.rdt_Table,.rdt_TableBody,.rdt_TableHead{min-width:360px;overflow-x:auto}.demo-add-button{font-size:14px;margin-top:6px;min-width:0;padding:8px 0;width:100%}}.demo-value-ph-high{color:#e74c3c;font-weight:600}.demo-value-orp-high,.demo-value-ph-normal{color:#27ae60;font-weight:600}.demo-value-orp-medium{color:#f39c12;font-weight:600}.demo-value-temp-high{color:#e74c3c;font-weight:600}.demo-value-temp-normal{color:#27ae60;font-weight:600}.demo-value-status-ok{color:#155724;font-weight:600}.demo-value-status-error{color:#721c24;font-weight:600}.demo-table-separator{border-top:2px solid #dee2e6;margin:0;padding:0}.demo-modo-loading .dot{-webkit-animation:demo-bounce 1s infinite;animation:demo-bounce 1s infinite;color:#222;display:inline-block;font-size:1.2em}.demo-modo-loading .dot:first-child{-webkit-animation-delay:0s;animation-delay:0s}.demo-modo-loading .dot:nth-child(2){-webkit-animation-delay:.02s;animation-delay:.02s}.demo-modo-loading .dot:nth-child(3){-webkit-animation-delay:.04s;animation-delay:.04s}.demo-modo-loading .dot:nth-child(4){-webkit-animation-delay:.06s;animation-delay:.06s}.demo-modo-loading .dot:nth-child(5){-webkit-animation-delay:.08s;animation-delay:.08s}.demo-modo-loading .dot:nth-child(6){-webkit-animation-delay:.1s;animation-delay:.1s}.demo-modo-loading .dot:nth-child(7){-webkit-animation-delay:.12s;animation-delay:.12s}.demo-modo-loading .dot:nth-child(8){-webkit-animation-delay:.14s;animation-delay:.14s}.demo-modo-loading .dot:nth-child(9){-webkit-animation-delay:.16s;animation-delay:.16s}.demo-modo-loading .dot:nth-child(10){-webkit-animation-delay:.18s;animation-delay:.18s}.demo-modo-loading .dot:nth-child(11){-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes demo-bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes demo-bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.demo-alarme-alerta-pulse{-webkit-animation:demo-pulse-red 2s infinite;animation:demo-pulse-red 2s infinite;color:#e74c3c;font-weight:600}@-webkit-keyframes demo-pulse-red{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes demo-pulse-red{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.demo-status-ativo{color:#27ae60;font-weight:600}.demo-status-off{color:#e74c3c;font-weight:600}.demo-alarme-ok{background-color:#27ae60}.demo-alarme-atencao,.demo-alarme-ok{border-radius:4px;color:#fff;font-weight:600;padding:2px 8px}.demo-alarme-atencao{background-color:#f39c12}.demo-alarme-alerta{background-color:#e74c3c;border-radius:4px;color:#fff;font-weight:600;padding:2px 8px}.demo-add-button{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.demo-add-button:hover{background:#0056b3;box-shadow:0 2px 8px rgba(0,123,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.demo-add-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.demo-add-modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.demo-add-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-height:85vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.demo-add-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.demo-add-modal-header h3{color:#212529;font-size:18px;font-weight:600;margin:0}.demo-add-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.demo-add-modal-close:hover{background:#f0f0f0;color:#333}.demo-add-modal-body{padding:24px}.demo-add-loading{color:#666;padding:40px 20px;text-align:center}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 16px;width:40px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.demo-device-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.demo-device-info p{color:#555;font-size:14px;margin:8px 0}.demo-refresh-btn{align-items:center;background:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;margin:16px 0;padding:8px 12px;transition:all .2s ease}.demo-refresh-btn:hover{background:#138496}.demo-device-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:16px 0;padding:16px}.demo-detail-item{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin:8px 0}.demo-detail-item label{color:#333;font-weight:500}.demo-detail-item span{align-items:center;color:#555;display:flex;gap:8px}.demo-eye-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px;transition:all .2s ease}.demo-eye-btn:hover{background:#f0f0f0;color:#333}.demo-network-config{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:20px 0;padding:16px}.demo-network-config h5{color:#333;font-size:14px;font-weight:600;margin:0 0 12px}.demo-input-group{align-items:center;display:flex;gap:8px;margin:8px 0}.demo-input{border:1px solid #ddd;border-radius:4px;color:#333;flex:1 1;font-size:14px;padding:8px 12px}.demo-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.2);outline:none}.demo-send-btn{align-items:center;background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:8px 12px;transition:all .2s ease}.demo-send-btn:hover:not(:disabled){background:#218838}.demo-send-btn:disabled{background:#6c757d;cursor:not-allowed}.demo-tag-section{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin:20px 0;padding:16px}.demo-tag-section h5{color:#856404;font-size:14px;font-weight:600;margin:0 0 12px}.demo-modal-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;margin-top:24px;padding-top:20px}.demo-save-btn{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.demo-save-btn:hover:not(:disabled){background:#0056b3}.demo-save-btn:disabled{background:#6c757d;cursor:not-allowed}.demo-disconnect-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.demo-disconnect-btn:hover{background:#c82333}.demo-error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.demo-error-message p{font-size:14px;margin:0}.demo-error-message button{align-items:center;background:none;border:none;color:#721c24;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;width:20px}.demo-success-message{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.demo-success-message p{font-size:14px;margin:0}.demo-success-message button{align-items:center;background:none;border:none;color:#155724;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;width:20px}.demo-no-device{color:#666;padding:40px 20px;text-align:center}.demo-no-device p{font-size:14px;margin:0}@media (max-width:768px){.demo-add-modal-content{margin:10px;max-width:95vw}.demo-add-modal-header{padding:16px 20px}.demo-add-modal-body{padding:20px}.demo-input-group{align-items:stretch}.demo-input-group,.demo-modal-actions{flex-direction:column}}@media (max-width:480px){.demo-add-modal-content{max-height:95vh}.demo-add-modal-header{padding:12px 16px}.demo-add-modal-body{padding:16px}.demo-add-button{font-size:13px;padding:8px 12px}}@media (max-width:768px){.demo-page{height:auto;min-height:100vh;padding:0}.demo-table-container{border-radius:0;box-shadow:none;margin:0;max-width:100vw;min-height:auto;padding:8px 4px 16px;width:100vw}.demo-header-section{align-items:stretch;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:8px;padding:12px 8px}.demo-header-section,.demo-header-section>*{text-align:center!important}.demo-table-header{font-size:16px;margin:0;padding:8px 0;text-align:center}.demo-table-section{overflow-x:auto;padding:0}.rdt_Table{font-size:12px;max-width:100%!important;min-width:auto!important;width:100%!important}.rdt_TableHead{font-size:11px}.rdt_TableCol{word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;overflow:visible!important;padding:8px 4px!important;text-overflow:clip!important;white-space:normal!important}.rdt_TableCol:first-child{max-width:35%!important;min-width:0!important;width:35%!important}.rdt_TableCol:nth-child(2){max-width:25%!important;min-width:0!important;width:25%!important}.rdt_TableCol:nth-child(3),.rdt_TableCol:nth-child(4){max-width:20%!important;min-width:0!important;width:20%!important}.rdt_TableCell{word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;padding:8px 4px!important;text-overflow:clip!important;white-space:normal!important}.rdt_TableCell:first-child{max-width:35%!important;min-width:0!important;width:35%!important}.rdt_TableCell:nth-child(2){max-width:25%!important;min-width:0!important;width:25%!important}.rdt_TableCell:nth-child(3),.rdt_TableCell:nth-child(4){max-width:20%!important;min-width:0!important;width:20%!important}.rdt_TableRow{min-height:40px}.demo-add-button{align-items:center!important;background:linear-gradient(135deg,#007bff,#0056b3)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(0,123,255,.3)!important;color:#fff!important;cursor:pointer!important;display:block!important;font-size:16px!important;font-weight:600!important;gap:12px!important;justify-content:center!important;margin:16px auto 8px!important;max-width:280px!important;min-width:250px!important;overflow:hidden!important;padding:16px 20px!important;position:relative!important;text-align:center!important;transition:all .3s ease!important;width:280px!important}.demo-add-button,.demo-add-button *{margin-left:auto!important;margin-right:auto!important;text-align:center!important}.demo-add-button:hover{background:linear-gradient(135deg,#0056b3,#004085)!important;box-shadow:0 6px 20px rgba(0,123,255,.4)!important;-webkit-transform:translateY(-2px)!important;transform:translateY(-2px)!important}.demo-add-button:active{box-shadow:0 2px 8px rgba(0,123,255,.3)!important;-webkit-transform:translateY(0)!important;transform:translateY(0)!important}.demo-add-button:focus{outline:3px solid rgba(0,123,255,.3)!important;outline-offset:2px!important}.demo-add-button svg{flex-shrink:0!important;height:20px!important;width:20px!important}.show-data-container{gap:12px;padding:8px 4px}.show-data-container>div{margin-bottom:12px}hr{background:#e9ecef;border:none;height:1px;margin:16px 8px}.buttons-container{display:flex;flex-direction:column;gap:8px;padding:8px 0}.demo-loading-container{height:150px;padding:20px}.demo-error-container{border-radius:8px;margin:8px;padding:16px}}@media (max-width:480px){.demo-page{padding:0}.demo-table-container{padding:4px 2px 12px}.demo-header-section{gap:8px;margin-bottom:6px;padding:8px 4px}.demo-table-header{font-size:14px;padding:6px 0}.rdt_Table{font-size:11px;min-width:auto!important;width:100%!important}.rdt_TableHead{font-size:10px}.rdt_TableCell:first-child,.rdt_TableCol:first-child{min-width:0!important;width:35%!important}.rdt_TableCell:nth-child(2),.rdt_TableCol:nth-child(2){min-width:0!important;width:25%!important}.rdt_TableCell:nth-child(3),.rdt_TableCell:nth-child(4),.rdt_TableCol:nth-child(3),.rdt_TableCol:nth-child(4){min-width:0!important;width:20%!important}.rdt_TableCell{padding:6px 3px!important}.rdt_TableRow{min-height:36px}.demo-add-button{border-radius:10px!important;display:block!important;font-size:15px!important;gap:10px!important;margin:12px auto 6px!important;max-width:250px!important;min-width:220px!important;padding:14px 18px!important;text-align:center!important;width:250px!important}.demo-add-button svg{height:18px!important;width:18px!important}.show-data-container{gap:8px;padding:6px 2px}.show-data-container>div{margin-bottom:8px}.buttons-container{gap:6px;padding:6px 0}hr{margin:12px 6px}}@media (max-width:360px){.demo-table-container{padding:2px 1px 8px}.demo-header-section{gap:6px;padding:6px 2px}.demo-table-header{font-size:13px;padding:4px 0}.rdt_Table{font-size:10px;width:100%!important}.rdt_TableHead{font-size:9px}.rdt_TableCell:first-child,.rdt_TableCol:first-child{min-width:0!important;width:35%!important}.rdt_TableCell:nth-child(2),.rdt_TableCol:nth-child(2){min-width:0!important;width:25%!important}.rdt_TableCell:nth-child(3),.rdt_TableCell:nth-child(4),.rdt_TableCol:nth-child(3),.rdt_TableCol:nth-child(4){min-width:0!important;width:20%!important}.rdt_TableCell{padding:4px 2px!important}.rdt_TableRow{min-height:32px}.demo-add-button{border-radius:8px!important;display:block!important;font-size:14px!important;gap:8px!important;margin:8px auto 4px!important;max-width:220px!important;min-width:200px!important;padding:12px 16px!important;text-align:center!important;width:220px!important}.demo-add-button svg{height:16px!important;width:16px!important}.show-data-container{gap:6px;padding:4px 1px}.show-data-container>div{margin-bottom:6px}.buttons-container{gap:4px;padding:4px 0}hr{margin:8px 4px}}@media (max-width:768px) and (orientation:landscape){.demo-page{height:auto;min-height:100vh}.demo-table-container{padding:6px 8px 12px}.demo-header-section{align-items:center;flex-direction:row;gap:16px;padding:8px 12px}.demo-table-header{margin:0;text-align:left}.demo-add-button{margin:12px 8px!important;min-width:200px!important;padding:14px 24px!important;width:auto!important}.rdt_Table{width:100%!important}}@media (max-width:768px){.demo-add-button,.demo-modal-close,.rdt_TableRow{min-height:44px}.demo-table-section{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.demo-table-section:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8));bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:20px}.demo-table-section:hover:after{opacity:1}.demo-table-container{-webkit-animation:slideInMobile .3s ease-out;animation:slideInMobile .3s ease-out}.demo-add-button{transition:all .3s ease!important}.demo-add-button:active{background:linear-gradient(135deg,#004085,#002752)!important;-webkit-transform:scale(.98)!important;transform:scale(.98)!important}}@-webkit-keyframes slideInMobile{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInMobile{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.demo-add-button:focus,.rdt_TableRow:focus{outline:2px solid #007bff;outline-offset:2px}.demo-table-header{color:#212529}.rdt_TableCell{color:#495057}.rdt_TableRow{border-bottom:1px solid #f8f9fa}.rdt_TableRow:hover{background-color:#f8f9fa}.rdt_TableCell,.rdt_TableCol{-webkit-hyphens:auto!important;hyphens:auto!important}.rdt_TableCell,.rdt_TableCell *,.rdt_TableCol,.rdt_TableCol *{word-wrap:break-word!important;overflow:visible!important;overflow-wrap:break-word!important;text-overflow:clip!important;white-space:normal!important;word-break:break-word!important}.rdt_Table,.rdt_TableBody,.rdt_TableHead,.rdt_TableWrapper{max-width:100%!important;min-width:auto!important;width:100%!important}.rdt_TableCell,.rdt_TableCol{box-sizing:border-box!important;max-width:none!important;min-width:0!important;width:auto!important}}.demo-edit-params-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.demo-edit-params-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-height:85vh;max-width:600px;overflow-y:auto;position:relative;width:100%;z-index:10000}@-webkit-keyframes demo-edit-params-slide-in{0%{opacity:0;-webkit-transform:translateY(-20px) scale(.95);transform:translateY(-20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes demo-edit-params-slide-in{0%{opacity:0;-webkit-transform:translateY(-20px) scale(.95);transform:translateY(-20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.demo-edit-params-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.demo-edit-params-header-info{flex:1 1}.demo-edit-params-mode-info{display:flex;flex-direction:column;gap:4px;margin-top:8px}.demo-edit-params-mode-badge{background:#e9ecef;color:#495057}.demo-edit-params-mode-badge,.demo-edit-params-mode-changed{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.demo-edit-params-mode-changed{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.demo-edit-params-header h3{align-items:center;color:#495057;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.demo-edit-params-header h3 svg{color:#007bff}.demo-edit-params-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.demo-edit-params-close:hover{background:#f8f9fa;color:#495057;-webkit-transform:scale(1.1);transform:scale(1.1)}.demo-edit-params-body{padding:24px}.demo-edit-params-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.demo-edit-params-error,.demo-edit-params-success{font-size:14px;margin-bottom:20px;padding:12px 16px}.demo-edit-params-success{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.demo-edit-params-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:16px}.demo-edit-params-info p{color:#495057;font-size:14px;margin:8px 0}.demo-edit-params-info p:first-child{margin-top:0}.demo-edit-params-info p:last-child{margin-bottom:0}.demo-edit-params-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:20px}.demo-edit-params-section h4{border-bottom:2px solid #e9ecef;color:#495057;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.demo-mode-selector{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #2196f3;position:relative}.demo-mode-selector:before{content:"🔄";font-size:20px;opacity:.7;position:absolute;right:20px;top:15px}.demo-mode-selector h4{align-items:center;color:#1976d2;display:flex;font-weight:600;gap:8px;margin-bottom:16px}.demo-mode-selector .demo-edit-param-group{max-width:400px}.demo-mode-selector .demo-edit-param-select{background:#fff;border-color:#2196f3;font-weight:500}.demo-mode-selector .demo-edit-param-select:focus{border-color:#1565c0;box-shadow:0 0 0 3px rgba(33,150,243,.1)}.demo-edit-params-mode-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px;text-align:center}.demo-edit-params-mode-warning span{align-items:center;display:flex;gap:8px;justify-content:center}.demo-edit-params-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.demo-edit-param-group{display:flex;flex-direction:column;gap:6px}.demo-edit-param-group label{color:#495057;font-size:14px;font-weight:500;margin-bottom:4px}.demo-edit-param-group input,.demo-edit-param-group select{background:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s ease}.demo-edit-param-group input:focus,.demo-edit-param-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);outline:none}.demo-edit-param-group input:hover,.demo-edit-param-group select:hover{border-color:#adb5bd}.demo-edit-param-group input::-webkit-input-placeholder{color:#adb5bd;font-style:italic}.demo-edit-param-group input::placeholder{color:#adb5bd;font-style:italic}.demo-edit-param-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.demo-edit-param-select option{background:#fff;color:#495057;padding:8px}.demo-edit-param-help{color:#6c757d;font-size:12px;font-style:italic;line-height:1.3;margin-top:4px}.demo-edit-params-no-mode{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}.demo-edit-params-actions{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #dee2e6;display:flex;gap:12px;justify-content:center;padding:20px 24px}.demo-edit-params-cancel{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.demo-edit-params-cancel:hover:not(:disabled){background:#5a6268;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.demo-edit-params-cancel:disabled{cursor:not-allowed;opacity:.6}.demo-edit-params-save{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.demo-edit-params-save:hover:not(:disabled){background:#0056b3;box-shadow:0 2px 8px rgba(0,123,255,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.demo-edit-params-save:disabled{cursor:not-allowed;opacity:.6}.demo-edit-params-spinner{-webkit-animation:demo-edit-params-spin 1s linear infinite;animation:demo-edit-params-spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@-webkit-keyframes demo-edit-params-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes demo-edit-params-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.demo-edit-params-content::-webkit-scrollbar{width:6px}.demo-edit-params-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.demo-edit-params-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.demo-edit-params-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.demo-edit-params-overlay{padding:10px}.demo-edit-params-content{max-height:90vh;max-width:95vw}.demo-edit-params-header{padding:16px 20px}.demo-edit-params-header h3{font-size:16px}.demo-edit-params-body{padding:20px}.demo-edit-params-actions{flex-direction:column;padding:16px 20px}.demo-edit-params-actions button{width:100%}}@media (max-width:480px){.demo-edit-params-header h3,.demo-edit-params-section h4{font-size:15px}.demo-edit-param-group label{font-size:13px}.demo-edit-param-group input{font-size:13px;padding:8px 10px}}@media (max-width:768px){.demo-edit-params-overlay{bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:99999!important}.demo-edit-params-content{margin-bottom:80px!important;max-height:80vh!important;position:relative!important;z-index:100000!important}.demo-edit-params-content,.demo-edit-params-overlay{z-index:99999!important}}@media (max-width:480px){.demo-edit-params-content{margin-bottom:70px!important;max-height:75vh!important}}@media (max-width:360px){.demo-edit-params-content{margin-bottom:60px!important;max-height:70vh!important}}.password-page-container{height:100vh}.password-page-container,.password-panel{align-items:center;display:flex;justify-content:center}.password-panel{border-radius:10px;box-shadow:5px 5px 10px 5px rgba(0,0,0,.2);flex-direction:column;padding:20px}.page-title{font-size:16px;font-weight:bolder}.p-password{font-size:14px}.email-input-style,.password-input-container{align-items:center;border:1px solid gray;border-radius:10px;display:flex;height:35px;width:300px}.email-input-style{margin-top:20px}.password-input-style{border:none;border-radius:10px;font-weight:700;height:30px;padding-left:15px;width:250px}.show-hide-password-button{background-color:hsla(0,0%,100%,.63);border:none;border-radius:10px;color:#5f5f5f;outline:none;right:10px}
/*# sourceMappingURL=main.c8b30399.css.map*/