:root{--white:#fff;--dark-gray:#5a5b61;--gray:#c9ccd1;--light-gray:#e8ebf2;--very-light-gray:#f9f9f9;--green:#04fd8c;--blue:#1e2532;--red:#ef2b16;--orange:#f76c10;--ReverseFlow:#8e221c;--Flow:#67bed9;--vandalisem:#ffc20a;--pressure:#f76c10;--signal:#18c772;--battery:#f146eb;--Reverse-Flow-Background:#ffebeb;--NewEvents-Group-Count:0;--OpenEvents-Group-Count:0;--nav-height:65px;--Screen-Header-Height:60px;--Tab-Selector-Height:40px;--Side-Bar-Width:60px;--Icon-Bar-Offset:-44px;--Event-Hight:3.75rem;--Event-Details-Height:415px;--Event-Info-Height:205px;--nav-back-color:var(--very-light-gray);--canvas-background:var(--white);--box-background:var(--very-light-gray);--activeBox-background:var(--very-light-gray);--menu-background:var(--white);--header-background:var(--blue);--hrInBox:var(--blue);--eventHover:var(--gray);--btnHover:var(--green);--btnText:var(--blue);--btnBorder:var(--green);--BtnBackground:#fff;--textColor:#000;--textActiveColor:#000;--textInactiveColor:var(--gray);--textHeaderColor:var(--green);--active-eventGruop-background:var(--activeBox-background);--focusedEvent-background:var(--green);--reversFlow--bacground:var(--red);--counter-background:var(--orange);font-family:Assistant}*,:after,:before{box-sizing:border-box;margin:0;padding:0;white-space:nowrap}.App,body{height:100vh}body{background-color:#fff;background-color:var(--canvas-background);overflow:hidden}hr{border:1px solid #1e2532;border:1px solid var(--hrInBox);margin:0 .5rem}a{color:#000;color:var(--textColor);text-decoration:none}i{color:#04fd8c;color:var(--green);font-size:1rem}input:not([type=radio]),select,textarea{background:#fff;background:var(--white);color:#000;color:var(--textColor);flex-wrap:nowrap;font-family:Assistant;font-size:1.2rem}input:not(.MuiInputBase-input),select,textarea{border:1px solid #e8ebf2;border:1px solid var(--light-gray);border-radius:4px;margin:0 1rem;padding:.2rem;resize:none}input[type=checkbox]{align-items:center;-webkit-appearance:none;appearance:none;border:.1em solid;display:inline-flex;height:1.1rem;margin:0 .5rem;padding:0;place-content:center;width:1.1rem}input[type=checkbox]:before{background-color:#000;background-color:var(--textActiveColor);box-shadow:inset 1em 1em #000;box-shadow:inset 1em 1em var(--textActiveColor);-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:.6em;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;transition:-webkit-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out;width:.6em}input[type=checkbox]:checked:before{-webkit-transform:scale(1);transform:scale(1)}input[type=checkbox]{transition:box-shadow .15s ease}input[type=checkbox]:hover:not([disabled]){box-shadow:0 0 .2em #04fd8c,inset 0 0 .1em #04fd8c;box-shadow:0 0 .2em var(--green),0 0 .1em inset var(--green)}:focus,:focus-visible{color:#000;color:var(--textActiveColor);outline-color:#04fd8c;outline-color:var(--btnBorder)}option{background-color:#f9f9f9;background-color:var(--activeBox-background);color:#000;color:var(--textColor)}::-webkit-input-placeholder{background-color:#fff;background-color:var(--white);color:#c9ccd1;color:var(--textInactiveColor)}:-ms-input-placeholder{background-color:#fff;background-color:var(--white);color:#c9ccd1;color:var(--textInactiveColor)}::placeholder{background-color:#fff;background-color:var(--white);color:#c9ccd1;color:var(--textInactiveColor)}h2,h3{font-weight:400;text-align:center}h3{font-size:1.8rem}h4{font-size:1.6rem;font-weight:400;margin:.5rem 0;text-align:center}h5{font-size:1.2rem;font-weight:700}.btn{align-items:center;background-color:#fff;background-color:var(--BtnBackground);border:1px solid #04fd8c;border:1px solid var(--btnBorder);border-radius:999px;box-shadow:0 0 0 transparent;color:#1e2532;color:var(--btnText);display:flex;flex-wrap:nowrap;font-size:1.4rem;justify-content:center;line-height:1.4rem;margin:.5rem;min-width:140px;overflow:hidden;padding:8px;transition:font-weight .15s ease,padding .15s linear,border-width .15s linear,box-shadow .15s ease!important}.wideBtn{min-width:220px}.warning{color:#ef2b16;color:var(--red)}.window{background:#f9f9f9;background:var(--box-background);border-radius:40px 40px 10px 10px;box-shadow:0 4px 4px 0 #c9ccd1;box-shadow:0 4px 4px 0 var(--gray);color:#000;color:var(--textColor);font-size:1.2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;min-width:250px;overflow:hidden;position:relative;transition:all .6s ease-in-out}header{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;height:60px;height:var(--Screen-Header-Height);justify-content:flex-end;-webkit-user-select:none;-ms-user-select:none;user-select:none}header h2{font-weight:700}.window form{margin-inline:4rem}.window>header{align-items:center;background-color:#1e2532;background-color:var(--header-background);color:#04fd8c;color:var(--textHeaderColor);display:flex;flex-direction:row;font-size:1.7rem;justify-content:center;line-height:3.5rem}.window label{margin-left:.5rem}.window fieldset{align-items:center;border:none;direction:rtl;display:grid;font-size:1.4rem;grid-template-columns:.6fr 1fr;justify-items:start;margin:.5rem}.window fieldset p{grid-column:-1/1}.window fieldset p.MuiFormHelperText-root{justify-self:end;line-height:1em;min-height:1em}fieldset .clientLogo{margin:0 auto;max-height:100px;max-width:100px}.window .clientLogo{height:100px;margin:0 auto;max-height:100px;max-width:150px}.hydrantImage{height:150px;max-width:150px}.background-block-dark,.background-reverse{align-items:center;background:#00000050;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:50}.background-reverse{border:20px solid #ef2b16;border:20px solid var(--red)}.event:hover,.eventGroupHeader:not(input[type=radio]:checked+.eventGroup>.eventGroupHeader):hover,.eventRow:not(.focusedRaw,.disabled):hover,.tabSelect>input[type=radio]:not(:checked)+label:hover,input:hover,label[for]:hover,select:hover{cursor:pointer}.tabSelect>input[type=radio]:not(:checked)+label:hover{color:#000;color:var(--textActiveColor)}.dropUpMark:hover{color:#fff;color:var(--white)}.eventGroupHeader:not(input[type=radio]:checked+.eventGroup>.eventGroupHeader):hover{font-weight:500}.btn:hover:not(:disabled){box-shadow:0 0 .2em #04fd8c,inset 0 0 .1em #04fd8c;box-shadow:0 0 .2em var(--green),0 0 .1em inset var(--green);color:#000;color:var(--textActiveColor);cursor:pointer;font-weight:700}.alert:hover,.event:hover{background:#c9ccd1;background:var(--eventHover)}.eventRow:not(.focusedRaw,.disabled):hover [disabled]{background:unset;color:#c9ccd1;color:var(--gray)}.canvas{border-style:none;display:flex;flex-grow:1;flex-shrink:1;height:calc(100vh - 65px);height:calc(100vh - var(--nav-height))}.activeBox{background-color:#f9f9f9;background-color:var(--activeBox-background)}.menuBox{background-color:#fff;background-color:var(--menu-background)}#mapContainer{border-radius:40px 40px 10px 10px;margin:40px 5px 5px;margin:var(--Tab-Selector-Height) 5px 5px 5px;overflow:hidden;width:100%}#centerButton{background-color:#fff;border:2px solid #fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.2);color:#777;cursor:pointer;margin:5px 10px;padding:6px;text-align:center}#centerButton:hover{color:#000}.mapDisplayPort{height:100%;transition:height .6s ease-in-out}.mapEventDistailsDisplayPort{border-top-left-radius:0;border-top-right-radius:0;height:calc(100% - 415px);height:calc(100% - var(--Event-Details-Height))}.eventIcon{height:25px;width:25px;z-index:5}.eventValue{font-size:1rem}.hydrantId{align-items:center;color:#fff;color:var(--white);display:flex;font-size:1.1rem;justify-content:center;position:absolute;right:-60px;right:calc(0px - var(--Side-Bar-Width));width:60px;width:var(--Side-Bar-Width);z-index:5}#rightBox{height:100%;max-width:360px;max-width:calc(300px + var(--Side-Bar-Width))}.tabSelect{background:var(--box-background-color);color:#c9ccd1;color:var(--textInactiveColor);display:flex;height:40px;height:var(--Tab-Selector-Height);justify-content:space-evenly;margin-right:60px;margin-right:calc(var(--Side-Bar-Width));position:relative}.tab{border-bottom:3px solid transparent;flex-grow:1;font-size:1.7rem;font-weight:400;text-align:center}.rightTab{border-top-right-radius:10px}.leftTab{border-top-left-radius:10px}.tabSelect hr{border-color:#f9f9f9;border-color:var(--activeBox-background);margin:.3rem 0}.tabSelect>input[type=radio]:checked+label{border-bottom:4px solid #1e2532;border-bottom:4px solid var(--blue);color:#000;color:var(--textActiveColor)}.eventGroup{color:#000;color:var(--textColor);position:relative;transition:max-height .3s ease}.dropDownMark,.dropUpMark{border:none;border-radius:10px;color:inherit;cursor:pointer;font-size:1rem;padding:.5rem}.dropUpMark{display:none}input[type=radio]:checked+.eventGroup{background:#f9f9f9;background:var(--active-eventGruop-background);transition:max-height .3s ease-in}input[type=radio]:checked+.eventGroup .dropDownMark{display:none}input[type=radio]:checked+.eventGroup .dropUpMark{display:flex}input[type=radio]:not(:checked)+.eventGroup .eventIcon{-webkit-filter:unset!important;filter:unset!important}#reversFlows:not(.hydrantId){color:#fff!important;color:var(--white)!important}#reversFlows:not(.hydrantId),.HeaderTrig2{background:#8e221c!important;background:var(--ReverseFlow)!important}.HeaderTrig2{color:#fff;color:var(--white)}.focusedRawTrig2{background:#8e221c;background:var(--ReverseFlow);color:#fff!important;color:var(--white)!important}#abnormalFlows:not(.hydrantId){background:#67bed9;background:var(--Flow)}#abnormalFlows:not(.hydrantId),.HeaderTrig1{color:#67bed9;color:var(--Flow)}.focusedRawTrig1{background:#67bed9;background:var(--Flow)}#vandalisem:not(.hydrantId){background:#ffc20a;background:var(--vandalisem)}#vandalisem:not(.hydrantId),.HeaderTrig3{color:#ffc20a;color:var(--vandalisem)}.focusedRawTrig3{background:#ffc20a;background:var(--vandalisem)}#pipePresure:not(.hydrantId){background:#f76c10;background:var(--pressure)}#pipePresure:not(.hydrantId),.HeaderTrig7{color:#f76c10;color:var(--pressure)}.focusedRawTrig7{background:#f76c10;background:var(--pressure)}#noSignal:not(.hydrantId){background:#18c772;background:var(--signal)}#noSignal:not(.hydrantId),.HeaderTrig6{color:#18c772;color:var(--signal)}.focusedRawTrig6{background:#18c772;background:var(--signal)}#noBattary:not(.hydrantId){background:#f146eb;background:var(--battery)}#noBattary:not(.hydrantId),.HeaderTrig5{color:#f146eb;color:var(--battery)}.focusedRawTrig5{background:#f146eb;background:var(--battery)}.eventGroupHeader{align-items:center;color:#000!important;color:var(--textColor)!important;display:flex;font-size:1.5rem;height:60px;height:var(--Screen-Header-Height);justify-content:space-between;line-height:2rem;margin-right:60px;margin-right:var(--Side-Bar-Width);text-align:start;transition:color .3s ease}.eventGroupHeader:not(#reversFlows){background:#fff;background:var(--menu-background)}.eventGroupHeaderWrapper{align-items:center;display:flex;position:relative;right:-44px;right:var(--Icon-Bar-Offset)}.HeaderWrapper{align-items:center;display:flex;flex-wrap:wrap;margin:0 1rem}.HeaderWrapper.eventType{flex-grow:1}.HeaderWrapper.chevron{flex-direction:row-reverse}.HeaderWrapper.chevron .dropUpMark{order:-1}.HeaderWrapper.chevron h5{margin:.5rem}.HeaderWrapper.eventAddress{flex-grow:1;justify-content:center}.eventGroupCounter{align-items:center;background-color:#f76c10;background-color:var(--counter-background);border-radius:25px;color:#fff;color:var(--white);display:flex;font-size:1.2rem;height:23px;justify-content:center;margin:0 5px;min-width:23px;padding:0 6px;right:40px;text-align:center;z-index:5}input[type=radio]:checked+.eventGroup>.eventGroupHeader{background:#1e2532!important;background:var(--header-background)!important;color:inherit!important}.eventGroupList{display:none;flex-direction:column;overflow-x:hidden;overflow-y:auto;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}#newEventsTab input[type=radio]:checked+.eventGroup>.eventGroupList{display:flex;max-height:calc(100vh - 105px);max-height:calc(100vh - var(--nav-height) - var(--Tab-Selector-Height) - var(--NewEvents-Group-Count)*var(--Event-Hight));min-height:3.75rem;min-height:var(--Event-Hight);overflow-y:auto;visibility:visible}#openEventsTab input[type=radio]:checked+.eventGroup>.eventGroupList{display:flex;max-height:calc(100vh - 105px);max-height:calc(100vh - var(--nav-height) - var(--Tab-Selector-Height) - var(--OpenEvents-Group-Count)*var(--Event-Hight));min-height:3.75rem;min-height:var(--Event-Hight);overflow-y:auto;visibility:visible}.event{align-items:center;background-color:#f9f9f9;background-color:var(--active-eventGruop-background);border-bottom:3px solid transparent;color:#000;color:var(--textColor);display:flex;font-size:1.2rem;height:-webkit-min-content;height:min-content;justify-content:space-between;margin-right:60px;margin-right:var(--Side-Bar-Width);min-height:3.75rem;min-height:var(--Event-Hight);padding:4px;position:relative;scroll-snap-align:start;text-align:start;transition:all .3s ease,font 0s;white-space:nowrap}#alertsTab{height:calc(100% - 55px);overflow:auto;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.alert{align-items:center;background-color:#f9f9f9;background-color:var(--active-eventGruop-background);color:#000;color:var(--textColor);display:flex;font-size:1.2rem;justify-content:flex-start;margin-right:60px;margin-right:var(--Side-Bar-Width);padding:4px;position:relative;scroll-snap-align:start;text-align:start;transition:all .3s ease,font 0s;white-space:nowrap}.eventInfoLine{flex:auto}.focusedEvent,.focusedEvent:hover{background-color:inherit;border-bottom:3px solid #04fd8c;border-bottom:3px solid var(--green);color:#000;color:var(--textActiveColor);cursor:default}.focusedEvent .hydrantId:is(#reversFlows){color:#ef2b16;color:var(--red);font-weight:600}.focusedEvent #reversFlows~.eventInfoLine,.focusedEvent #reversFlows~.eventValue{color:#fff}.focusedEvent .hydrantId:is(#abnormalFlows){color:#67bed9;color:var(--Flow)}.focusedEvent .hydrantId:is(#vandalisem){color:#ffc20a;color:var(--vandalisem)}.focusedEvent .hydrantId:is(#pipePresure){color:#f76c10;color:var(--pressure)}.focusedEvent .hydrantId:is(#noSignal){color:#18c772;color:var(--signal)}.focusedEvent .hydrantId:is(#noBattary){color:#f146eb;color:var(--battery)}.eventRawsContainer{overflow-y:auto;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.eventRowWrapper{position:relative}.appendHandle{left:calc(28% - 95px);position:absolute;top:6px;transition:font-weight .15s ease;z-index:1}.appendHandle:hover:not([disabled]){font-weight:700}.btn+.appendHandle{background:#fff;background:var(--BtnBackground)}.hydrantEventsGrid{grid-template-columns:1.5fr 1fr .9fr 1.3fr;margin:2px .5rem}.eventRow,.hydrantEventsGrid{align-items:center;display:grid;padding-inline:24px;text-align:start}.eventRow{border-radius:25px;color:#000;color:var(--textColor);grid-template-columns:1.5fr 1fr .9fr 1.2fr .1fr;line-height:1.4rem;margin:.5rem;padding-bottom:8px;padding-top:8px;transition:border-radius .3s ease}.eventRow span,.hydrantEventsGrid h5{-webkit-margin-end:1rem;margin-inline-end:1rem}.focusedRaw{border-radius:0;color:#000;color:var(--textActiveColor);line-height:1.56rem;margin:0;padding-inline:32px}.focusedRaw label,.focusedRaw+label{visibility:hidden}.EventDetailsWraper{background:#f9f9f9;background:var(--box-background);border-radius:40px 40px 10px 10px;box-shadow:0 3px 6px 0 #c9ccd1;box-shadow:0 3px 6px 0 var(--gray);color:#000;color:var(--textColor);font-size:1.2rem;height:415px;height:var(--Event-Details-Height);overflow:hidden;position:relative;transition:height .6s ease-in-out;z-index:3}.EventDetailsWraper>header{align-items:center;background-color:#1e2532;background-color:var(--header-background);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;position:static}.eventHeaderIcon{height:30px;margin:0 .5rem;width:30px}.EventDetails{display:grid;height:355px;height:calc(var(--Event-Details-Height) - var(--Screen-Header-Height));max-height:355px;max-height:calc(var(--Event-Details-Height) - var(--Screen-Header-Height));overflow-x:auto;overflow-y:hidden}.EventDetails.grid3{grid-template-columns:2fr 0 2fr 0 1.3fr}.EventDetails hr{border:1px solid #e8ebf2;border:1px solid var(--light-gray);margin:0}.otherEventsContainer{display:flex;flex-direction:column;height:inherit;max-height:inherit}.EventDetails .otherEventsContainer{max-height:415px;max-height:var(--Event-Details-Height)}.EventDetailsRevreseFlow{background-color:#ffebeb!important;background-color:var(--Reverse-Flow-Background)!important;border:12px solid #ef2b16;border:12px solid var(--red)}.EventDetailsRevreseFlow hr{border:1px solid #c9ccd1!important;border:1px solid var(--gray)!important}.EventDetailsRevreseFlow button:not([disabled]),.ReverseFlowBtn{border-color:#ef2b16;border-color:var(--red);color:#ef2b16;color:var(--red)}.EventDetailsRevreseFlow button:not([disabled]):hover,.ReverseFlowBtn:hover{box-shadow:0 0 6px #ef2b16!important;box-shadow:0 0 6px var(--red)!important}.EventDetailsWraper .dropUpMark{display:flex}.detailsMiniLable{white-space:nowrap}.DetailsGrid{grid-column-gap:1rem;grid-row-gap:.5rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:auto 1fr;margin:0 auto;max-width:-webkit-max-content;max-width:max-content;row-gap:.5rem}.EventHandle{vertical-align:top}.HandleGrid{grid-row-gap:.5rem;align-items:baseline;display:grid;grid-template-columns:auto 1fr;padding:0 1rem;row-gap:.5rem}.btnContainer{align-content:flex-end;align-items:center;display:flex;justify-content:center}.window .btnContainer{margin-block:.5rem}.btnEnd{-webkit-margin-end:1.5rem;justify-content:end;margin-bottom:1rem;margin-inline-end:1.5rem}.collapse{border:none;height:0}.hide{display:none;overflow:hidden}.notVisible{visibility:hidden}:is(#rightBox,.EventDetailsWraper) input[type=radio]{display:none}.screen{background-color:#fff;background-color:var(--canvas-background);border-style:none;flex-grow:1;flex-shrink:1;height:calc(100vh - 65px);height:calc(100vh - var(--nav-height));margin-right:60px;margin-right:var(--Side-Bar-Width);text-align:center}.screen-header{align-content:center;align-items:center;background-color:#1e2532;background-color:var(--header-background);border-bottom:2px solid #04fd8c;border-bottom:2px solid var(--green);display:grid;grid-template-columns:1fr 1fr 1fr;height:60px;height:var(--Screen-Header-Height);justify-items:center;margin-top:40px;margin-top:var(--Tab-Selector-Height);padding-left:60px;padding-left:var(--Side-Bar-Width)}.header-title{color:#fff;color:var(--white);grid-column:2;margin-inline:auto}.header-button-wraper{align-items:baseline;display:flex;flex-grow:0;flex-shrink:1;grid-column:3;justify-content:flex-end;justify-self:flex-end}.search{position:relative}.search-icon{left:25px;position:absolute;top:25%}input[type=search]:not([value=""]):focus-within+.search-icon,input[type=search]:not([value=""]):hover+.search-icon{visibility:hidden}.App>header{display:flex;flex-direction:row;flex-wrap:nowrap;height:65px;height:var(--nav-height);margin-bottom:3px;margin-right:60px;margin-right:var(--Side-Bar-Width)}.topLine{background-color:#04fd8c;background-color:var(--green);height:3px;position:fixed;width:100vw;z-index:13}.compLogo{background-color:#1e2532;background-color:var(--header-background);border-radius:0 0 10px 10px;height:74px;margin:0 20px;z-index:13}.currentDet{display:flex;flex-direction:row;position:relative}.clientLogo{margin-left:6px;margin-top:4px;max-height:65px;max-width:150px}.corpName{opacity:.7}.currentUser:hover{opacity:1}.currentUser{cursor:pointer;flex-wrap:nowrap;opacity:.6}.corps{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-around}.userOptions{background-color:#f9f9f9;background-color:var(--box-background);border-radius:10px;box-shadow:0 0 4px 0 #c9ccd1;box-shadow:0 0 4px 0 var(--gray);font-size:1.2rem;padding:.5rem;position:absolute;right:-.5rem;text-align:center;top:100px;z-index:4}.userOptions p{font-size:1.3rem;font-weight:700;opacity:.6;padding:.6rem 0}.chooseCorp{background-color:#fff;background-color:var(--white);border:1px solid #fff;box-shadow:0 3px 6px rgba(0,0,0,.16);padding:.5rem;position:absolute;right:-5px;top:85%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:3}.corpDet:hover,.userOptions p:hover{background-color:#f9f9f9;background-color:var(--active-eventGruop-background);cursor:pointer}.corpDet div{align-items:flex-end;display:flex;flex-direction:row;gap:1rem;opacity:.6;padding:1rem .5rem}.corpDet div:hover,.userOptions p:hover{opacity:1}.corpDet img{width:5rem}.corpDet h3{font-size:1.9em}.corpDet hr,.userOptions hr{background-color:#1e2532;border:0;height:1px;margin:auto;width:103%}.sideBar{background:#1e2532;background:var(--header-background);height:100vh;position:fixed;right:0;top:0;width:60px;width:var(--Side-Bar-Width);z-index:5}.sideBar .top{margin-top:.6rem;text-align:center}.menu-icon{cursor:pointer}.menu{background-color:#fff;background-color:var(--menu-background);display:flex;flex-direction:column;font-size:1.2rem;height:100vh;overflow-y:auto;padding:3vh 4vw;position:fixed;right:60px;right:var(--Side-Bar-Width);top:0;-webkit-transform:translateX(101%);transform:translateX(101%);transition:all .4s ease-in-out;width:-webkit-max-content;width:max-content;z-index:4}.slide-in{box-shadow:0 0 6px 0 #c9ccd1;box-shadow:0 0 6px 0 var(--gray);-webkit-transform:translateX(0);transform:translateX(0)}.menuCategory{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.menuCategory h3{padding:30px 0 3px}.menuCategory a:hover{color:#000;color:var(--textActiveColor);font-weight:700}.active p{color:#04fd8c;color:var(--green)}.rpn-notification-card{direction:rtl;min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important;width:450px!important}.rpn-notification-card-close,.rpn-notification-card-top{color:#04fd8c!important;color:var(--green)!important;font-family:Assistant!important;font-size:1rem!important;font-weight:400!important}.rpn-notification-card-bottom,.rpn-notification-card-bottom .message,.rpn-notification-card-bottom .subtitle,.rpn-notification-card-bottom span{align-content:center;font-family:Assistant!important;font-size:1.2rem!important;white-space:break-spaces}:disabled,:disabled:hover,label[disabled],label[disabled]:hover{background-color:#f9f9f9;background-color:var(--very-light-gray);border-color:#c9ccd1!important;border-color:var(--gray)!important;color:#c9ccd1;color:var(--gray);cursor:unset;-webkit-transform:unset;transform:unset}label[disabled],label[disabled]:hover{background-color:unset}@media screen and (max-width:1700px){:root{--nav-height:50px;--Screen-Header-Height:40px;--Tab-Selector-Height:25px;--Side-Bar-Width:50px;--Icon-Bar-Offset:-44px;--Event-Hight:2.75rem;--Event-Details-Height:350px;--Event-Info-Height:145px}h1{font-size:1.3rem}h2{font-size:1.2rem}h3,h4{font-size:1.1rem}fieldset>p,h5,input[type],label{font-size:1rem}input,option,select,textarea{font-size:1rem;padding:2px 4px}.eventRow:not(.btn),.hydrantEventsGrid{font-size:1rem;margin-inline:0;padding:2px 12px}.btn,button{font-size:1rem;margin-block:5px;margin-inline:3px;padding:2px 8px}.btn{min-width:90px}.wideBtn{min-width:140px}.appendHandle{top:3px}.EventDetails{font-size:1rem}.inRowLogo{max-height:22px!important}#rightBox{max-width:260px;max-width:calc(200px + var(--Side-Bar-Width))}.alert,.event,.eventGroupHeader,.tab{font-size:1rem}.eventGroupCounter{font-size:.8rem;height:18px;min-width:18px}.hydrantId{font-size:.9rem}.eventValue{font-size:.8rem}.focusedRaw{line-height:unset}.collapse{height:0}.compLogo{height:70px;margin:0 15px}.clientLogo{max-height:55px;max-width:55px}.EventDetailsWraper>header{height:unset}.window{min-width:200px}.window>header{font-size:unset;line-height:2em}.MuiTableCell-body,.MuiTableCell-head,.MuiTableCell-root,.MuiTableRow-root,.eventRow.disabled{font-size:1rem!important;line-height:1rem!important}.customer-box-content,.profile-box-content,.user-box-content{min-height:unset!important;min-width:unset!important;width:unset!important}}@media screen and (max-width:1350px){.EventDetails{display:flex;flex-direction:column-reverse;overflow:auto}.DetailsGrid{gap:.5rem;line-height:1rem}.EventDetails .otherEventsContainer{order:1}}@media screen and (max-width:650px){:root{--nav-height:60px;--Screen-Header-Height:43px}#rightBox{max-width:60px;max-width:var(--Side-Bar-Width)}#mapContainer{margin:0;padding:1px}.eventTitle,.tabSelect{display:none!important}.compLogo{height:60px;margin:0 6px}.clientLogo{max-height:45px;max-width:45px}.HeaderWrapper.chevron{-webkit-margin-end:1rem;flex-grow:1;justify-content:end;margin-inline-end:1rem}.HeaderWrapper:not(.chevron){-webkit-margin-start:1rem;justify-content:center;margin:0;margin-inline-start:1rem}.btnContainer{align-content:unset;align-items:stretch;flex-direction:column;flex-wrap:wrap;padding-inline:.5rem}.btn:not(:first-of-type):last-of-type{-webkit-margin-after:10px;margin-block-end:10px}.window form{margin-inline:1rem}}.rpn-notification-holder{display:flex;flex-direction:column;position:fixed;z-index:100000}.rpn-notification-holder.top-left{left:10px}.rpn-notification-holder.top-middle{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.rpn-notification-holder.top-right{right:30px}.rpn-notification-holder.bottom-left{bottom:10px;left:10px}.rpn-notification-holder.bottom-middle{bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.rpn-notification-holder.bottom-right{bottom:10px;right:30px}.rpn-notification-card{-webkit-animation:fadein .2s;animation:fadein .2s;display:flex;flex-direction:column;margin-top:15px;width:250px}.rpn-notification-card-top{background-color:#333;border-radius:5px 5px 0 0;color:#fff;display:flex;flex-wrap:wrap;font-size:11px;font-weight:700;justify-content:space-between;padding:10px;width:100%}.rpn-notification-card-bottom{align-items:flex-start;background-color:#3b3b3b;border-radius:0 0 5px 5px;box-shadow:0 5px 0 0 #000;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:10px 10px 15px;width:100%}.rpn-notification-card-bottom span{padding:3px 0}.rpn-notification-card-bottom .subtitle{font-size:12px;font-weight:700}.rpn-notification-card-bottom .message{font-size:14px}.rpn-notification-card-close{cursor:pointer;font-size:10px;height:100%}.rpn-notification-card-top.light{background-color:#f0f0f0;color:#000}.rpn-notification-card-bottom.light{background-color:#f5f5f5;box-shadow:0 5px 0 0 #dad9d9;color:#000}.rpn-notification-card-top.darkblue{background-color:#2d3542;color:#fff}.rpn-notification-card-bottom.darkblue{background-color:#394357;box-shadow:0 5px 0 0 #1f2b42;color:#fff}.rpn-notification-card-top.red{background-color:#bb2525;color:#fff}.rpn-notification-card-bottom.red{background-color:#d32f2f;box-shadow:0 5px 0 0 #910101;color:#fff}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}.lds-wrapper{right:calc(50% - 15px);top:30%;z-index:99}.lds-ring{position:relative;right:calc(50% - 25px)}.lds-ring h3{color:var(--textActiveColor);font-weight:700;position:relative;right:1rem;top:1.5rem;z-index:200!important}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:12px solid transparent;border-radius:50%;border-top:12px solid var(--green);box-sizing:border-box;display:block;height:90px;position:absolute;width:90px}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.reverseWarning{background-color:var(--red);bottom:20%;color:var(--white);height:-webkit-max-content;height:max-content;padding:5% 10%;position:fixed;right:20%;text-align:center;width:-webkit-max-content;width:max-content;z-index:6}.reverseWarning h1{font-size:10rem;font-weight:700;line-height:10rem}.reverseWarning p{font-size:2rem}.reverseWarning .heartbeat{-webkit-animation:polse 2s infinite;animation:polse 2s infinite;font-size:2rem;font-weight:700;line-height:2.5rem;margin-top:2rem;padding:8px 40px}.reverseWarning .heartbeat:hover{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes polse{50%{margin-top:calc(2rem - 4px);padding:12px 60px}to{margin-top:2rem;padding:8px 40px}}@keyframes polse{50%{margin-top:calc(2rem - 4px);padding:12px 60px}to{margin-top:2rem;padding:8px 40px}}.header-alert-wrapper{position:absolute;text-align:center;width:100%}.header-alert{background-color:var(--red);color:var(--white);cursor:pointer;font-size:2rem;height:110px;margin-left:auto;margin-right:auto;padding:0 2rem;position:relative;text-align:center;width:-webkit-max-content;width:max-content}.header-alert h1{line-height:3rem}.header-alert p{line-height:2.5rem}.footer-alert{background-color:red;bottom:0;height:15px;position:fixed;width:100vw;z-index:13}#confirmPassword,#email,#password,#retypePassword,#username{direction:ltr}.loginForm{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:400px}.d-block{display:block}.d-none{display:none}label::selection{background-color:#04fd8c}.linked-text{text-decoration:none}.linked-text:hover{text-decoration:underline}@media screen and (max-width:750px){.loginForm{min-width:unset!important}}.eventHistory{display:flex;flex-direction:column;height:inherit;margin-inline:5px;max-height:inherit}.EventDetails .eventHistory{max-height:calc(var(--Event-Details-Height) - var(--Event-Info-Height))}.HandleHistoryRow,.eventHistoryGridHeader{grid-row-gap:.5rem;align-items:center;display:grid;grid-template-columns:2fr 2fr 2fr 1fr;justify-items:start;padding:0 1rem;row-gap:.5rem}.HandleHistoryRow p,.eventHistoryGridHeader h5{-webkit-margin-end:1rem;margin-inline-end:1rem}.handleInfoBoxGrid{align-items:center;display:grid;grid-template-columns:2fr 5fr;justify-items:start}.HandleHistoryRow{border-radius:25px;cursor:pointer;margin:4px 0;min-height:2rem;scroll-snap-align:start;transition:border-radius .3s ease}.handleInfoBox{display:none}.showInfo:checked+.HandleHistoryRow>.handleInfoBox{display:grid;grid-column:1/-1;width:100%}.showInfo:checked+.HandleHistoryRow{background-color:var(--light-gray);border-radius:10px}.HandleHistoryRow:hover,.showInfo:checked+.HandleHistoryRow:hover{background-color:var(--gray)}.eventHistoryGridWraper{overflow-y:auto;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}img.inRowLogo{margin:0 0 0 .5rem;max-height:32px}.MuiTableCell-root,.MuiTypography-h6,div[class^=MTableToolbar-title]{font-family:Assistant!important;margin:0 .5rem}.MuiToolbar-regular{padding-right:var(--Side-Bar-Width)!important}.MuiTable-root{max-width:calc(100% - var(--Side-Bar-Width) - 10px);right:var(--Side-Bar-Width)}.MuiCollapse-wrapper,.MuiTable-root{position:relative}.cover{background-color:var(--header-background);position:absolute;right:0;top:calc(var(--nav-height) + var(--Screen-Header-Height) + var(--Tab-Selector-Height));width:var(--Side-Bar-Width);z-index:6}.MuiFilledInput-input{padding:6px 0 7px!important}.customer{height:calc(100vh - var(--nav-height) - 60px);overflow:auto;padding:2rem;padding-left:calc(var(--Side-Bar-Width) + 2rem)}.customerModule{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;justify-content:flex-start}.customerInfoList{grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:auto 1fr;justify-items:start;text-align:start}.customer-box:hover>.customer-box-content{background-color:var(--activeBox-background);cursor:pointer}.customer-box-content{min-height:240px;padding:1rem;width:350px}.customer-box-info{display:none}.customer-box-title{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.showInfo:checked~.customer-box-info{display:block}.clientLogoPlaceHolder{border:2px dashed var(--light-gray);border-radius:10px;height:100px;justify-self:center;line-height:100px;width:85px}.clientLogoPlaceHolder i{color:var(--gray);font-size:1.1rem}.clientLogoPlaceHolderText{display:inline-block;line-height:1;vertical-align:middle}.Profile{height:calc(100vh - var(--nav-height) - 40px);overflow:auto;padding:2rem;padding-left:calc(var(--Side-Bar-Width) + 2rem)}.profileForm fieldset{align-items:center;justify-items:start}.accessMng fieldset{grid-template-columns:.45fr 1fr}.Profile-header{align-items:center;background-color:var(--header-background);border-bottom:4px solid var(--green);display:flex;flex-wrap:nowrap;height:60px;justify-content:center;justify-content:flex-end}.ProfileModal{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;justify-content:flex-start}.profileAccessList{display:grid;grid-template-columns:1fr 1fr}.profile-box:hover>.profile-box-content{background-color:var(--activeBox-background);cursor:pointer}.profile-box-content{min-height:200px;min-width:300px;padding:1rem}.profile-box-info{display:none}.showInfo:checked~.profile-box-info{display:block}.user{height:calc(100vh - var(--nav-height) - 60px);overflow:auto;padding:2rem;padding-left:calc(var(--Side-Bar-Width) + 2rem)}.user-header{align-items:center;background-color:var(--header-background);border-bottom:4px solid var(--green);display:flex;flex-wrap:nowrap;height:60px;justify-content:center;justify-content:flex-end}.userModule{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;justify-content:flex-start}.user-box-content{margin-inline:1rem;min-width:300px}.userInfoList{grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:auto 1fr;justify-items:start}.user-box:hover>.user-box-content{background-color:var(--activeBox-background);cursor:pointer}.user-box:hover .userLogoMask{box-shadow:0 0 0 120px var(--activeBox-background)}.user-box-info{display:none}.user-box-title{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;margin-top:1rem}.showInfo:checked~.user-box-info{display:block}.userLogoWraper{height:120px;overflow:hidden;position:static;width:100%}.userLogoMask{background-color:transparent;border-radius:50%;box-shadow:0 0 0 120px var(--box-background);overflow:hidden;width:120px;z-index:2}.userLogo,.userLogoMask{height:120px;margin:0 auto;position:relative}.userLogo{bottom:120px;z-index:1}@media screen and (max-width:1050px){.userLogo,.userLogoMask,.userLogoWraper{height:80px}.userLogo{bottom:80px}.userLogoMask{width:80px}}.MuiList-root{direction:rtl}.options-content header svg{cursor:pointer;position:absolute;right:10px;top:10px}.materialClose:hover{color:var(--white);-webkit-transform:scale(1.1);transform:scale(1.1)}.edit-form{text-align:center}.edit-form>fieldset>legend{margin-bottom:10px}.edit-form>fieldset>button{background-color:var(--green);border:1px solid var(--green);border-radius:10px;color:var(--white);cursor:pointer;flex-basis:65%;font-size:1rem;margin-right:35%;padding:8px 16px;width:100%}.edit-form>fieldset>input[type=text],input[type=number],input[type=tel]{cursor:text}input[type=file]{display:none}.edit-form>button:hover,fieldset>button:hover{background-color:var(--white);border:1px solid var(--green);color:var(--green)}.edit-form>button{background-color:var(--green);border:1px solid var(--green);border-radius:10px;color:var(--white);cursor:pointer;font-size:1.2rem;margin:20px 0;padding:8px 16px;width:65%}.hydrant-Id-Height{align-items:start}.geoAdress p{font-weight:700}.TableHandleWrapper{background:var(--box-background);color:var(--textColor);display:grid;font-size:1.2rem;font-weight:400;margin-bottom:.5rem;max-height:420px;min-height:250px}.TableHandleWrapper.grid1{grid-template-columns:auto}.TableHandleWrapper.grid2{grid-template-columns:2fr 0 1.6fr}.TableHandleWrapper.grid3{grid-template-columns:2fr 0 2fr 0 1.6fr}.TableHandleWrapper hr{border:1px solid var(--light-gray);margin:0}.eventTrig1{color:var(--Flow)}.eventTrig1,.eventTrig2{align-items:center;display:flex;font-weight:700}.eventTrig2{color:var(--ReverseFlow)}.eventTrig3{color:var(--vandalisem)}.eventTrig3,.eventTrig5{align-items:center;display:flex;font-weight:700}.eventTrig5{color:var(--battery)}.eventTrig6{color:var(--signal)}.eventTrig6,.eventTrig7{align-items:center;display:flex;font-weight:700}.eventTrig7{color:var(--pressure)}.MuiIconButton-label p{font-family:Assistant;font-size:1rem}.hydrantsBox{display:flex;flex-direction:column;flex-grow:1}.hydrant{position:relative}.hydarantHeader{align-items:center;background-color:var(--menu-background);color:var(--textColor);display:flex;font-size:1.2rem;height:60px;justify-content:space-between;line-height:2rem;padding-right:1rem;text-align:start;transition:color .3s ease;white-space:nowrap}.eventList,.hydrantsBox input[type=radio]{display:none}input[type=radio]:checked+.hydrant>.eventList{display:block}input[type=radio]:checked+.hydrant>.hydarantHeader,input[type=radio]:checked+.hydrant>.hydarantHeader .hydrantId{background-color:var(--header-background);color:var(--green)}.handleWraper{align-items:center;background-color:var(--active-eventGruop-background);color:var(--textColor);display:flex;flex-direction:row;flex-shrink:0;font-size:1rem;justify-content:space-between;text-align:start;transition:all .3s ease,font 0s;white-space:nowrap}.handleIcon{height:25px;position:absolute;right:-40px;width:25px;z-index:5}.handle{display:flex;flex-direction:column;justify-content:center;padding-right:1rem}.handleWraper:hover,.hydarantHeader:hover{background:var(--eventHover)}.handle-header{align-items:center;background-color:var(--header-background);border-bottom:2px solid var(--green);display:flex;flex-wrap:nowrap;height:60px;justify-content:center;margin-bottom:2px}@media screen and (min-width:700px){.hydarantHeader{align-content:center;font-size:1.4rem}.handleWraper,.hydarantHeader{display:grid;grid-template-columns:4fr 1fr 4fr;justify-items:start;padding-right:1.5rem}.handleWraper{font-size:1.2rem}}.statistics{display:grid;grid-template-columns:minmax(auto,60%) auto}.pieWrepper{max-width:40vw;min-width:0}