body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-page-wrapper{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1500px;width:100%}.admin-page-wrapper .spacer{flex-grow:1;flex-shrink:1}.header{background:#3f7fff;color:#fff;height:45px;padding:0 32px;width:calc(100% - 64px)}.header,.header .header-title{align-items:center;display:flex}.header .header-title{cursor:pointer;gap:16px;height:100%;justify-content:center;justify-items:center;margin:0;max-width:240px;padding:16px}.header .header-title img{height:40%}.header .header-title .logo-text{max-width:240px}.header .header-title .logo{margin-top:8px;max-width:240px}.header .burger-menu-icon{display:none;height:32px}.header .burger-menu-icon.isopen{z-index:2}.header .inline-menu{display:flex;gap:16px}.header .inline-menu a{color:#fff}.menu-overlay{background:#00000080;display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:50}.menu-overlay,.menu-overlay .mobile-menu{align-items:center;justify-content:center}.menu-overlay .mobile-menu{display:flex;flex-direction:column;gap:32px}.menu-overlay .mobile-menu a{color:#fff;font-size:24px}@media screen and (max-width:768px){.header .inline-menu{display:none}.header .burger-menu-icon{display:block}.menu-overlay,.mobile-menu{display:flex}}.basic-table{text-align:left;width:100%}.login-page{align-items:center;background-color:#ebfdff;display:flex;height:100vh;justify-content:center}.login-page .wrapper{background:#fff;border-radius:8px;padding:2rem}.login-page .wrapper h1,.login-page .wrapper h4{font-weight:400;margin:0}.login-page .wrapper .spacer{height:3rem}.input-field{display:flex;flex-direction:column;position:relative}.input-field .input-wrapper{border:1px solid #0000;border-radius:4px;display:flex;flex-direction:column;width:100%}.input-field .non-selectable{cursor:pointer}.input-field .title-label{font-weight:400;margin:0}.input-field input{border:none;height:40px;padding:0 12px;width:calc(100% - 24px)}.input-field .input-wrapper:hover:not(.disabled) .input-field-icon-wrapper .input-field-icon{background:#00008b;cursor:pointer;opacity:1}.input-field .input-field-wrapper{align-items:center;border:1px solid #d3d3d3;display:flex}.input-field .input-field-wrapper .input-field-icon{background:#d3d3d3;border-radius:100%;cursor:pointer;height:24px;opacity:.4;position:absolute;right:8px;width:24px}.input-field .input-wrapper:hover .input-field-wrapper{border:1px solid #7ca2f8}.input-field .error{color:red}.input-field .option-wrapper{background:#fff;border:1px solid #000;max-height:250px;min-width:calc(100% - 2px);overflow-y:auto;position:absolute;top:100%;width:auto;z-index:99}.input-field .option-wrapper.open-upwards{bottom:48px;top:auto}.input-field .drop-option{color:#000;cursor:pointer;font-weight:400;list-style:none}.input-field .drop-option:hover{border-bottom:1px solid #000;font-weight:700}.input-field .selected-wrapper{display:flex;flex-wrap:wrap;margin-top:4px}.input-field .selected-wrapper .selected-item{align-content:center;border:1px solid #000;border-radius:15px;cursor:pointer;display:flex;margin-bottom:5px;margin-right:7px;padding:5px 15px}input[type=checkbox]{width:auto}.simple-button{background-color:#189bd6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px}.simple-button:hover{background:#189bd6b3;transition:background-color .2s}.simple-button.disabled{background:grey;border-color:grey;cursor:not-allowed;opacity:.6;pointer-events:none}.simple-button.loading{cursor:progress}.simple-button.big{font-size:1.3em;width:100%}.simple-button.red{background:#990600de}.simple-button.red:hover{background:#99060099;transition:background-color .2s}.simple-button.white{background:hsla(0,0%,85%,.867);color:#000}.simple-button.white:hover{background:#edececde;border:1px solid #d3d3d3;color:#000;margin:-1px;transition:background-color .2s}.simple-button.round{border-radius:100%;font-size:30px;height:48px;line-height:30px;padding:0;width:48px}.private-route{display:flex;flex-direction:column;height:100%;margin:0 auto;width:100%}.private-route .spacer{flex-grow:1;flex-shrink:1}.admin-video-page .video-stream{height:500px}.historic-data-page{padding:0 16px}.historic-data-page .sessions{flex-direction:column;gap:16px;min-width:360px;width:100%}.historic-data-page .sessions .session{border:1px solid #d3d3d3;padding:4px 8px;width:100%}.historic-data-page .sessions .session h4{margin:0}.historic-data-page .create-new-session{border:1px solid #d3d3d3;border-radius:4px;display:flex;flex-direction:column;gap:16px;margin-top:64px;padding:32px;width:250px!important}.historic-data-page .create-new-session h4{margin:0}.popup{background:#545760a3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:3}.popup .close-popup-cross-btn{background:var(--app-dark-blue);border-radius:100%;cursor:pointer;left:15px;padding:8px;position:absolute;top:15px}.popup .close-popup-cross-btn:hover{background:var(--accordion-list)}.popup .popup-wrapper{background:#f5f5f5;margin:0 auto;margin-top:2%!important;max-height:calc(100% - 40px);overflow-y:auto;width:90%}.session-page{height:calc(100vh - 70px)}.session-page .tab-wrapper{display:flex}.session-page .tab-wrapper .tab{background:#fff;color:#189bd6b3;cursor:pointer;font-size:1.1em;font-weight:600;padding:4px 8px;position:relative}.session-page .tab-wrapper .tab:not(:last-of-type):after{background:#000;content:"";height:100%;position:absolute;right:0;top:0;width:1px}.session-page .tab-wrapper .tab.selected{color:#000;cursor:default;font-weight:400}.session-page .tab-wrapper .tab:hover:not(.selected){text-decoration:underline}.session-page .session-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding-bottom:4px;padding-left:16px;padding-right:16px;width:calc(100% - 32px)}.session-page .session-header h2,.session-page .session-header sub{margin:0}.session-page .session-header sub{opacity:.5}.session-page .session-header .videos{display:flex;flex-direction:column}.session-page .session-header .burger-menu-wrapper{position:relative}.session-page .session-header .burger-menu-wrapper .drop-down-menu-button{cursor:pointer;height:45px}.session-page .session-header .burger-menu-wrapper .burger-menu{background:#fff;border:1px solid #d3d3d3;display:flex;flex-direction:column;gap:16px;padding:32px;position:absolute;right:0;width:250px;z-index:2}.session-page main{display:flex;height:calc(100% - 52px)}.session-page main .left-side{display:flex;flex:6 1;flex-direction:column;height:100%;max-width:calc(60% - 16px)}.session-page main .map-video-wrapper{display:flex;flex:8 1;gap:16px}.session-page main .map-video-wrapper .selected-point-images{display:flex;flex-direction:column;max-height:100%;max-width:500px;overflow-y:auto}.session-page main .map-options{align-items:center;display:flex;gap:16px;padding:8px 0}.session-page main .map-options h4{margin:0}.session-page main .map-options .grower{flex-grow:1}.session-page main .map{min-height:30vh;width:auto}.session-page main table{background:#fff}.session-page main table tbody tr.selected{background:#d3d3d3;border-bottom:1px solid red}.session-page main table tbody tr .hovering{background:#d3d3d3}.session-page .edit-session-popup{padding:16px 32px;width:350px!important}.session-page .right-side{flex:4 1;max-width:40%}.session-page .graph-wrapper{width:100%}.session-page .graph-wrapper .graphs{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}.session-page .graph-wrapper .graphs .key-number-wrapper{display:flex;gap:8px}.session-page .graph-wrapper .graphs.small h2{font-size:1em;margin:0}.session-page .graph-wrapper .graphs h2{width:150px}.session-page .graph-wrapper .graphs h2 span{font-size:.8em;margin-left:4px;opacity:.7;text-decoration:underline}.session-page .graph-wrapper .graphs h4{font-size:.8em;margin:0;width:150px}.session-page .grower{flex-grow:1}@media print{.dont-print{display:none}}.ol-map-parent{position:relative;width:100%}.ol-map-parent .ol-map-container{width:100%}.ol-map-parent .popout-wrapper{bottom:20px;left:20px;position:absolute}.ol-map-parent .popout-wrapper .popout-btn{border:0 solid #d3d3d3;border-radius:4px;cursor:pointer;display:inline-block;font-size:1em;padding:8px;text-decoration:none;width:45px}.ol-map-parent .popout-wrapper .popout-btn img{width:100%}.ol-map-parent .popout-wrapper .popout-btn:hover{background:#ebf2f8;border-color:#2e4e63;color:#2e4e63}.ol-map-parent .popout-wrapper .popout-settings{background:#fff;border-radius:4px;bottom:38px;box-shadow:4px 8px 12px 3px #00000021;display:flex;flex-direction:column;gap:8px;height:320px;left:0;overflow-y:auto;padding:16px 8px;position:absolute;width:240px}.ol-map-parent .popout-wrapper .popout-settings.close{display:none}.ol-map-parent .heatmap-legend{align-items:center;background:#fff;display:flex;flex-direction:column;padding:4px;position:absolute;right:16px;top:8px}.ol-map-parent .heatmap-legend .legend-colors{background:linear-gradient(90deg,#9fff9f,#d9534f);height:20px;width:200px}.ol-map-parent .heatmap-legend .legend-text{display:flex;justify-content:space-between;width:200px}.ol-map-parent .legend{display:flex;flex-direction:column;gap:8px;left:8px;position:absolute;top:16px}.ol-map-parent .legend .group{align-items:flex-start;background:#f5f5f5;border:1px solid #000;border-radius:4px;display:flex;flex-direction:column;gap:6px;justify-content:space-between;padding:8px}.ol-map-parent .legend .group .images{display:flex;gap:8px;height:32px;justify-items:center}.ol-map-parent .legend .group .images img{height:100%}.ol-map-parent .legend .group label{font-weight:700}.ol-map-parent .legend .group label.at-risk{background:red;color:#fff}.ol-map-parent .legend .group label.for-inspection{background:orange}.ol-map-parent .legend .group label.no-risk{background:green;color:#fff}.ol-map-parent.big-map{align-items:center;background:#cccc;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.ol-map-parent.big-map .ol-map-container{height:90%!important;left:50%;top:50%;width:90%}.ol-map-parent .hold-shift-to-zoom-popup{animation:fadeOut 5s forwards;background:#0003;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ol-map-parent .hold-shift-to-zoom-popup p{background:#fff;border-radius:4px;box-shadow:4px 8px 12px 3px #00000021;left:50%;padding:16px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}@media print{.popout-btn{display:none!important}.heatmap-legend{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.line-chart .hover-line{transition:x1 .3s}.show-less-more-wrapper{align-items:flex-end;display:flex;width:100%}.show-less-more-wrapper div{flex:1 1}.show-less-more-wrapper .show-less-more{cursor:pointer;padding-right:8px}.annotation{width:100%}.annotation .graph-overflow-wrapper{overflow-x:auto;width:100%}.annotation .title-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}@media print{.annotation{border-bottom:1px solid #000;page-break-inside:avoid}.annotation .graph-overflow-wrapper{overflow-x:visible!important}.annotation .title-wrapper button{display:none}}.annotation-manager .ol-zoom-in,.annotation-manager .ol-zoom-out{display:none}.annotation-manager .create-new-wrapper{display:flex;flex-direction:column;gap:8px;padding:16px;width:250px}.annotation-manager .create-new-wrapper h5{margin:0}.annotation-manager .btn-wrapper{display:flex}.edit-annotation-popup{padding:2rem;width:350px!important}.edit-annotation-popup main{display:flex;flex-direction:column;gap:8px;margin:0 auto;width:250px}.edit-annotation-popup main textarea{min-height:100px}.edit-annotation-popup main button,.edit-annotation-popup main button input,.edit-annotation-popup main button textarea,.edit-annotation-popup main label,.edit-annotation-popup main label input,.edit-annotation-popup main label textarea{width:100%}.edit-annotation-popup main h2{margin-top:0}@media print{.annotation{border-bottom:1px solid #000;page-break-inside:avoid}}body{background:#f5f5f5}.summary{background:#fff;display:grid;grid-template-columns:repeat(auto-fill,minmax(650px,1fr));margin:0 auto;max-width:800px;padding:1.5rem 3rem;width:80%}.summary .summary-header{display:flex;justify-content:space-between}.summary .summary-header>*{margin:0}.summary .details{border-collapse:collapse;margin:2rem 0;width:100%}.summary .details th{text-align:left}.summary .graphs{display:flex;flex-wrap:wrap;justify-content:space-between}.summary .parameter-wrapper{margin:32px 0}.summary .parameter-wrapper h2,.summary .parameter-wrapper h4{margin:0}.summary .parameter-wrapper .horizontal{display:flex;gap:16px}@media print{.header>.inline-menu,.session-header{display:none!important}.header .header-title{flex-direction:row-reverse}.header .header-title .logo{display:none!important}.summary{margin:0!important}.summary-header{flex-wrap:wrap}.summary-header h2{font-size:2em!important}.sortable-table,.table,tbody{page-break-inside:auto}.map-video-wrapper,canvas{page-break-inside:avoid!important}}.sortable-table{overflow-y:auto;width:100%}.sortable-table table{background:#f5f5f5;border-collapse:collapse;border-top:1px solid grey;padding-left:2px;width:100%}.sortable-table table th{background:#f5f5f5;border-bottom:1px solid #d3d3d3;color:#363b3e;cursor:pointer;font-size:16px;font-weight:700!important;position:-webkit-sticky;position:sticky;text-align:left;top:0}.sortable-table table th svg{display:none;margin-left:2px;width:12px}.sortable-table table th svg.focus{display:inline-block}.sortable-table table th svg.desc{transform:rotate(180deg)}.sortable-table table tbody{overflow-y:scroll}.sortable-table table tbody tr:hover{background:#d3d3d3}.sortable-table table tbody td{padding:3px}.data-calculator{margin:0 auto;max-width:1200px;width:100%}.data-calculator .horizontal{display:flex;gap:32px;justify-content:center;width:100%}.data-calculator .real-time-entries{display:flex}.water-profile-overview{padding:0 16px}.water-profile-overview .profiles{display:flex;flex-direction:column;gap:12px;width:360px}.water-profile-overview .profiles .profile{border:1px solid #d3d3d3;padding:16px}.water-profile-overview .profiles .profile h4{margin:0}.water-profile-overview .profiles .profile:hover{background:#d3d3d3}.water-profile-overview .create-new-profile{border:1px solid #d3d3d3;border-radius:4px;display:flex;flex-direction:column;gap:16px;margin-top:64px;padding:32px;width:250px}.water-profile-overview .create-new-profile h4{margin:0}.water-profile-page main{display:flex;width:100%}.water-profile-page .metrics{cursor:pointer;display:flex;flex-direction:column;gap:12px;width:360px}.water-profile-page .metrics .metric{border:1px solid #d3d3d3;padding:16px}.water-profile-page .metrics .metric h4{margin:0}.water-profile-page .metrics .metric:hover{background:#d3d3d3}.water-profile-page .basic-form-popup{padding:32px 64px;width:300px}.water-profile-page .basic-form-popup form{align-items:center;display:flex;flex-direction:column;gap:32px}.water-profile-page .basic-form-popup form label{display:flex;flex-direction:column}.water-profile-page .selected-metric{display:flex;flex-direction:column;gap:8px;margin:0 8px}.water-profile-page .normal-function{background:#d3d3d3}.water-profile-page .normal-function svg{fill:#000;height:100%}.live-page .image-container{align-content:center;align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.live-page .image-container .img-wrapper{flex-grow:1;min-width:350px;position:relative;width:calc(50% - 4px)}.live-page .image-container .img-wrapper img{width:100%}.live-page .image-container .img-wrapper label{background:#fffc;border-radius:4px;bottom:8px;padding:4px 8px;position:absolute;right:8px}.live-page main{margin:0 auto;max-width:800px;width:100%}.live-page main .timestamp{margin:0 auto;text-align:center}.live-page .metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:1em}.live-page .metric{align-items:center;border:1px solid #d3d3d3;border-radius:8px;display:flex;flex-direction:column;margin:8px;min-width:100px;padding:32px 16px}.live-page .metric>*{margin:0}.live-page .metric .value{font-size:2em;font-weight:700}.live-page .vertical{align-items:center;display:flex;flex-direction:column;gap:8px}.live-page .horizontal{display:flex;flex-wrap:wrap;gap:8px}.organization-page{padding:1em}.organization-page .horizontal{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.organization-page .horizontal .org-list .organization{background:#fff;border:1px solid #d3d3d3;border-radius:4px;cursor:pointer;padding:1rem 2rem}.organization-page .horizontal .org-list .organization:hover{background-color:#eee}.organization-page .horizontal .org-list .organization.selected{text-decoration:underline}.organization-page .horizontal .org-list .organization h4{margin:0}.organization-page .horizontal .org-details{background:#fff;border:1px solid #d3d3d3;border-radius:4px;flex-grow:1;padding:1rem}
/*# sourceMappingURL=main.75aa9641.css.map*/