@charset "UTF-8";html,body{height:100%;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-thumb{background-color:#384256;border-radius:8px}*::-webkit-scrollbar-track{border-radius:4px}a{text-decoration:none;color:inherit}.page-container{margin:15px}.page-container h1{margin-top:20px;margin-bottom:20px}.page-container p{margin-bottom:10px}.page-title{font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:var(--text_main)}.MuiPopover-paper.MuiPaper-root{background-color:transparent;box-shadow:3}.MuiToggleButtonGroup-root .MuiButtonBase-root{color:var(--text_main);border-radius:10px;border:2px solid var(--border_main)}.MuiToggleButtonGroup-root .MuiButtonBase-root.Mui-selected{background-color:var(--link);color:var(--text_main)}.MuiToggleButtonGroup-root .MuiButtonBase-root:hover{background-color:var(--background_hoover)}.MuiAutocomplete-popper .MuiAutocomplete-paper,.MuiPickersLayout-root{border:2px solid var(--border_main);background-color:var(--background_box2);color:var(--text_main)}.MuiFormControl-root .MuiIconButton-root .MuiSvgIcon-root,.MuiPickersCalendarHeader-switchViewButton .MuiSvgIcon-root,.MuiPickersArrowSwitcher-root .MuiIconButton-root .MuiSvgIcon-root{color:var(--icon_main)}.MuiFormControl-root .MuiIconButton-root .MuiSvgIcon-root:hover,.MuiPickersCalendarHeader-switchViewButton .MuiSvgIcon-root:hover,.MuiPickersArrowSwitcher-root .MuiIconButton-root .MuiSvgIcon-root:hover{color:var(--link)}.MuiAutocomplete-popper .MuiAutocomplete-noOptions,.MuiFormControl-root .MuiInputBase-input,.MuiPickersSectionList-section,.MuiFormControl-root .MuiFormLabel-root{color:var(--text_main)}.dateTimeInput .MuiFormLabel-root.Mui-focused{color:var(--link)}.MuiInputBase-root .MuiOutlinedInput-notchedOutline,.MuiAutocomplete-root .MuiOutlinedInput-notchedOutline,.MuiFormControl-root .MuiPickersOutlinedInput-notchedOutline{border:2px solid var(--border_main)}.MuiOutlinedInput-root:not(.Mui-disabled):hover .MuiOutlinedInput-notchedOutline,.MuiPickersOutlinedInput-root:not(.Mui-disabled):hover .MuiPickersOutlinedInput-notchedOutline{border-color:var(--link)}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline .MuiPickersOutlinedInput-root.Mui-focused .MuiPickersOutlinedInput-notchedOutline{border-color:var(--link)!important}.MuiAutocomplete-popper .MuiAutocomplete-option,.MuiAutocomplete-listbox .MuiAutocomplete-option,.MuiList-root .MuiButtonBase-root,.MuiDayCalendar-root .MuiDayCalendar-weekDayLabel,.MuiDayCalendar-root .MuiButtonBase-root{color:var(--text_main);border-radius:10px}.MuiAutocomplete-popper .MuiAutocomplete-option.Mui-selected,.MuiAutocomplete-popper .MuiAutocomplete-option[aria-selected=true],.MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-selected,.MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=true],.MuiList-root .MuiButtonBase-root.Mui-selected,.MuiList-root .MuiButtonBase-root[aria-selected=true],.MuiDayCalendar-root .MuiDayCalendar-weekDayLabel.Mui-selected,.MuiDayCalendar-root .MuiDayCalendar-weekDayLabel[aria-selected=true],.MuiDayCalendar-root .MuiButtonBase-root.Mui-selected,.MuiDayCalendar-root .MuiButtonBase-root[aria-selected=true]{background-color:var(--link);color:var(--text_main)}.MuiAutocomplete-popper .MuiAutocomplete-option.Mui-focused,.MuiAutocomplete-popper .MuiAutocomplete-option:hover,.MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-focused,.MuiAutocomplete-listbox .MuiAutocomplete-option:hover,.MuiList-root .MuiButtonBase-root.Mui-focused,.MuiList-root .MuiButtonBase-root:hover,.MuiDayCalendar-root .MuiDayCalendar-weekDayLabel.Mui-focused,.MuiDayCalendar-root .MuiDayCalendar-weekDayLabel:hover,.MuiDayCalendar-root .MuiButtonBase-root.Mui-focused,.MuiDayCalendar-root .MuiButtonBase-root:hover{background-color:var(--background_hoover)}ul.MuiList-root.MuiMultiSectionDigitalClockSection-root,.MuiMultiSectionDigitalClockSection-root .MuiList-root,.MuiYearCalendar-root,.MuiMonthCalendar-root{scrollbar-width:thin;scrollbar-color:#384256 transparent}ul.MuiList-root.MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar,.MuiMultiSectionDigitalClockSection-root .MuiList-root::-webkit-scrollbar,.MuiYearCalendar-root::-webkit-scrollbar,.MuiMonthCalendar-root::-webkit-scrollbar{width:4px}ul.MuiList-root.MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar-thumb,.MuiMultiSectionDigitalClockSection-root .MuiList-root::-webkit-scrollbar-thumb,.MuiYearCalendar-root::-webkit-scrollbar-thumb,.MuiMonthCalendar-root::-webkit-scrollbar-thumb{background-color:#384256;border-radius:8px}ul.MuiList-root.MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar-track,.MuiMultiSectionDigitalClockSection-root .MuiList-root::-webkit-scrollbar-track,.MuiYearCalendar-root::-webkit-scrollbar-track,.MuiMonthCalendar-root::-webkit-scrollbar-track{background:transparent;border-radius:4px}.MuiDialog-paper{background-color:var(--background_box2)!important}.MuiDialog-paper .title,.MuiDialog-paper .MuiChip-label{color:var(--text_main)}.MuiDialog-paper .MuiSvgIcon-root{color:var(--text_main)!important}.mainAppBar{width:100%;height:60px}.mainAppBar .MuiPaper-root{box-shadow:none}.mainAppBar .headerWrapper{display:flex;width:100%;height:60px;justify-content:space-between;background-color:var(--background_box1)}.mainAppBar .headerWrapper .MuiIconButton-root{color:var(--icon_main);background-color:transparent;border-radius:8px;padding:6px;transition:color .3s,background-color .3s,transform .3s}.mainAppBar .headerWrapper .MuiIconButton-root:hover{color:var(--link)}.mainAppBar .headerWrapper .MuiIconButton-root:active{transform:scale(.96)}.mainAppBar .headerWrapper .MuiIconButton-root svg{font-size:1.6rem}.mainAppBar .headerWrapper .left{display:flex;align-items:center;gap:20px;margin-left:20px;font-weight:700}.mainAppBar .headerWrapper .left .logo{display:flex;align-items:center;gap:10px;font-weight:inherit}.mainAppBar .headerWrapper .left .logo .text{color:var(--text_main);transition:color .3s}.mainAppBar .headerWrapper .alarms{order:2;display:flex;align-items:center;gap:8px}.mainAppBar .headerWrapper .general{order:3;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-right:10px}@media screen and (max-width:768px){.mainAppBar .headerWrapper{gap:10px}.mainAppBar .headerWrapper .left{order:3}.mainAppBar .headerWrapper .left .logo{display:none}.mainAppBar .headerWrapper .alarms{order:2}.mainAppBar .headerWrapper .general{order:1;margin-left:10px}.mainAppBar .headerWrapper .general .theme{order:2}.mainAppBar .headerWrapper .general .user{order:1}}.logoGCG{fill:var(--Logo_color);width:100%;height:100%;display:block;transform:rotate(180deg) scaleX(-1);transform-origin:"center";transition:all .3s}.navMenu .MuiButtonBase-root{color:var(--text_main);border-radius:10px}.navMenu .MuiButtonBase-root.Mui-selected,.navMenu .MuiButtonBase-root[aria-selected=true]{background-color:var(--link);color:var(--text_main)}.navMenu .MuiButtonBase-root.Mui-focused,.navMenu .MuiButtonBase-root:hover{background-color:var(--background_hoover)}.navMenu .MuiListItemButton-root{min-height:40px;height:40px;padding-block:4px}.navMenu .MuiListItemButton-root .MuiListItemIcon-root{min-width:0;margin-right:20px}.navMenu .MuiListItemButton-root .MuiSvgIcon-root{font-size:1.6rem;color:var(--icon_main)}.navMenu .MuiListItemButton-root .MuiListItemText-root{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navMenu .MuiDrawer-paper{background-color:var(--background_main);border-right:2px solid var(--background_box1);position:fixed;width:250px;top:60px;height:calc(100dvh - 60px);left:0;transition:width .3s}.navMenu .menuContent{display:flex;flex-direction:column;color:var(--text_main);width:100%}.navMenu .menuContent .sectionTitle{margin-left:10px;font-size:small;color:var(--text_1)}.navMenu .menuContent .group{display:flex;flex-direction:column;align-self:center;border-radius:10px;width:80%;margin-top:30px}.navMenu .menuContent .group .item{height:50px;border-radius:10px;margin-bottom:2px}.navMenu .contentMain{margin-top:60px;margin-left:250px;overflow:auto;transition:.3s}.navMenu[data-menu-open=false] .MuiListItemButton-root{justify-content:center;padding-left:0;padding-right:0}.navMenu[data-menu-open=false] .MuiListItemIcon-root{margin-right:0}.navMenu[data-menu-open=false] .contentMain{margin-left:100px;width:calc(100% - 100px)}.navMenu[data-menu-open=false] .MuiDrawer-paper{width:100px}.navMenu[data-menu-open=false] .menuContent .sectionTitle{margin-left:0;align-self:center}.navMenu[data-menu-open=false] .menuContent .group{width:60%}@media screen and (max-width:768px){.navMenu .contentMain{margin-left:0!important}.navMenu .MuiDrawer-paper{left:auto;right:0;width:100vw;transform:translate(100%)}.navMenu[data-menu-open=true] .MuiDrawer-paper{transform:translate(0);opacity:1;visibility:visible}}.layout{display:flex;flex-direction:column;background-color:var(--background_main);color:var(--text_main);height:100vh;overflow:hidden}.layout .header{top:0;position:sticky;height:60px}.layout .container{display:flex;flex:1;overflow:hidden}.layout .container .menuContainer{padding:5px 20px;border-right:2px solid var(--background_box1);overflow-x:hidden;overflow-y:auto}@media screen and (max-width:768px){.layout .container .menuContainer.closed{display:none}}@media screen and (max-width:768px){.layout .container .menuContainer.open{width:100%}}.layout .container .contentContainer{flex:1;margin:5px;overflow-y:auto}@media screen and (max-width:480px){.layout .container{margin-bottom:110px}}.company-accordion{margin-bottom:16px;background-color:var(--background_box1)!important;color:var(--text_main)!important;box-shadow:none!important;border-radius:8px!important;border:1px solid var(--border_main)!important}.company-accordion-summary{background-color:var(--background_box2)!important;color:var(--text_main)!important;border-bottom:1px solid var(--border_main)!important;min-height:48px!important}.company-accordion-summary .MuiTypography-root{color:var(--text_main)!important;font-size:1.1rem;font-weight:600}.company-accordion-details{background-color:var(--background_box1)!important;color:var(--text_main)!important}.company-accordion-icon{color:var(--icon_main)!important}.company-accordion-title{color:var(--text_main)!important;font-size:1.1rem;font-weight:600}.instance-card{margin-bottom:16px;background-color:var(--background_box1);color:var(--text_main);box-shadow:none;border-radius:8px;border:1px solid var(--border_main)}.instance-card-content{background-color:var(--background_box1);color:var(--text_main)}.instance-card-title{color:var(--text_main)}.instance-card-button{background-color:var(--link);color:var(--background_box1);margin-right:10px!important}.instance-card-button:hover{background-color:var(--link);opacity:.9}.userPage{padding:16px;background:var(--background_main)}.userPage .header{display:flex;flex-direction:row;margin-bottom:10px}.userPage .header .MuiFormControl-root{width:100%;height:100%;max-width:500px}.userPage .header .MuiFormControl-root .MuiOutlinedInput-input{color:var(--text_main)}.userPage .header .MuiFormControl-root .MuiOutlinedInput-notchedOutline{border-color:var(--border_main)}.userPage .header .MuiFormControl-root .MuiOutlinedInput-root:not(.Mui-disabled):hover .MuiOutlinedInput-notchedOutline,.userPage .header .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--link)}.userPage .header .MuiIconButton-root{width:50px;color:var(--icon_main);background-color:transparent;border-radius:8px;padding:6px;transition:color .3s,background-color .3s,transform .3s}.userPage .header .MuiIconButton-root:hover{color:var(--link)}.userPage .header .MuiIconButton-root:active{transform:scale(.96)}.userPage .header .MuiIconButton-root svg{font-size:2rem}.userPage .MuiDataGrid-columnHeaders,.userPage .css-t7bxd2-MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-filler{background-color:var(--background_main)}.userPage .MuiDataGrid-root{background:var(--background_main);border:2px solid var(--border_main)}.userPage .userTable .MuiDataGrid-overlay{border-top:2px solid var(--border_main);background-color:var(--background_main);color:var(--text_main)}.userPage .userTable .MuiDataGrid-row{width:100%}.userPage .userTable .MuiDataGrid-filler{border:none!important;background:var(--background_main)}.userPage .userTable .MuiDataGrid-columnHeader{border:none!important;background:var(--background_main);color:var(--text_main)}.userPage .userTable .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator,.userPage .userTable .MuiDataGrid-columnHeader .MuiDataGrid-sortIcon{color:var(--icon_main)}.userPage .userTable .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator:hover,.userPage .userTable .MuiDataGrid-columnHeader .MuiDataGrid-sortIcon:hover{color:var(--link)}.userPage .userTable .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator:active,.userPage .userTable .MuiDataGrid-columnHeader .MuiDataGrid-sortIcon:active{transform:scale(.9)}.userPage .userTable .MuiDataGrid-cell{background:var(--background_main);color:var(--text_main);border-color:var(--border_main)}.userPage .userTable .MuiDataGrid-cell:focus,.userPage .userTable .MuiDataGrid-columnHeader:focus{outline:none}.userPage .userTable .cellAvatar,.userPage .userTable .cellUsername,.userPage .userTable .cellEmail,.userPage .userTable .cellLastLogin{color:var(--text_main)}.userPage .userTable .rowAvatar{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.userPage .userTable .rowAvatar .avatarIcon{border-radius:50%;height:80%}.device-card{margin-bottom:16px;background-color:var(--background_box1);color:var(--text_main);box-shadow:none;border-radius:8px;border:1px solid var(--border_main)}.device-card-content{background-color:var(--background_box1);color:var(--text_main)}.device-card-title{color:var(--text_main)}:root[data-obc-theme]{--automation-fresh-water: var(--automation-medium-fresh-water)}:root[data-obc-theme] *{--automation-medium-fuel: var(--automation-medium-fresh-water)}.everoxHasSystemOverview{display:flex;flex-direction:column;gap:24px;height:100%;width:100%;padding:20px;overflow-y:auto;overflow-x:hidden}.everoxHasSystemOverview .errorMessage{color:red;margin-bottom:1rem}.everoxHasSystemOverview .section-row{display:flex;flex-direction:row;gap:24px;flex-wrap:wrap}.everoxHasSystemOverview .canvas{position:relative;background:var(--background_box1);width:100%;height:100%;min-height:600px}.hasBrander{display:flex}.hasBrander .hasBrander-card{display:flex;flex-direction:column;background-color:var(--background_box1);box-shadow:0 10px 16px 0 var(--shadow_main);border-radius:14px}.hasBrander .hasBrander-card .cardHeader{display:flex;text-align:center;justify-content:space-between;font-size:30px;color:var(--text_main)}.hasBrander .hasBrander-card .cardContent{display:flex;flex-direction:row;color:var(--text_main);gap:20px}.hasBrander .hasBrander-card .cardContent .infoBoxes{display:flex;background-color:var(--background_main);padding:10px;border-radius:14px;justify-content:center}.hasBrander .hasBrander-card .cardContent .infoBoxes .svgWrap{position:relative;width:100%;display:flex;justify-content:center}.hasBrander .hasBrander-card .cardContent .infoBoxes .svgWrap .svgValue{position:absolute;left:0;bottom:0;padding:6px 10px;border-radius:10px;background-color:var(--background_box1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--text_main);font-size:16px;font-weight:600;letter-spacing:.2px}.hasBrander .hasBrander-card .cardContent .infoBoxes .svgWrap .svgValue span{opacity:.8;font-weight:500;margin-left:4px}.hasBrander .hasBrander-card .cardContent .infoBoxes .divider{display:flex;border:.5px solid var(--background_box1)}.hasBrander .hasBrander-card .cardContent .infoBoxes .infoBox{display:flex;gap:15px;justify-content:space-between;align-items:center}.hasBrander .hasBrander-card .cardContent .infoBoxes .inputBox{background-color:var(--background_box1);border-radius:8px;padding:5px 10px;color:var(--text_main);border:none;width:100%}.hasBrander .hasBrander-card .cardContent .infoBoxes .infoMotorRow{display:flex;grid-template-columns:1fr auto auto;justify-content:space-between;align-items:center}.hasBrander .hasBrander-card .cardContent .infoBoxes .infoMotorRow .valuePill{color:var(--text_main);border-radius:10px;background-color:var(--background_box1);display:flex}.switchAutHand{display:flex}.switchAutHand .buttongroup{padding:5px;gap:5px;border-radius:14px;background:var(--background_main);width:100%;justify-content:space-between}.switchAutHand .buttongroup .buttons{border:none;border-radius:14px;height:44px;min-width:50px;width:100%;color:var(--text_main)}.switchAutHand .buttongroup .buttons:hover{background:var(--background_hoover)}.switchAutHand .buttongroup .buttons.Mui-selected,.switchAutHand .buttongroup .buttons.Mui-selected:hover{background:var(--link)}.switchAutHand .buttongroup .divider{display:flex;border:1px solid var(--border_main)}.iosSwitch.MuiSwitch-root{width:44px;height:26px;padding:0;opacity:1}.iosSwitch.MuiSwitch-root .MuiSwitch-switchBase{padding:0;margin:2px;transition:transform .25s ease;opacity:1}.iosSwitch.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked{transform:translate(18px)}.iosSwitch.MuiSwitch-root .MuiSwitch-thumb{width:22px;height:22px;background-color:#fff;box-sizing:border-box;opacity:1}.iosSwitch.MuiSwitch-root .MuiSwitch-track{border-radius:13px;opacity:1;background-color:var(--alert_red);border:1px solid rgba(255,255,255,.18);box-sizing:border-box}.iosSwitch.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:var(--OK_collor);opacity:1}.hasBranderSvg{display:block;width:100%;height:100%;stroke:var(--icon_main);fill:var(--icon_main);stroke-width:.1px}.linkPill{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:14px;background-color:var(--background_main)}.linkPill .linkPill__text{font-size:15px}.linkPill.isOn{color:var(--OK_collor)}.linkPill.isOff{color:var(--alert_red)}.hasMotor{display:flex;flex:1 1 250px}.hasMotor .hasMotor-card{display:flex;flex-direction:column;width:100%;background-color:var(--background_box1);box-shadow:0 10px 16px 0 var(--shadow_main),0 6px 20px 0 var(--shadow_main);border-radius:14px}.hasMotor .hasMotor-card .cardHeader{display:flex;text-align:center;justify-content:center;font-size:30px;color:var(--text_main)}.hasMotor .hasMotor-card .cardContent{display:flex;color:var(--text_main);flex-direction:column;gap:20px}.hasMotor .hasMotor-card .cardContent .delayPanel{background-color:var(--background_main);display:flex;border-radius:14px}.hasMotor .hasMotor-card .cardContent .delayPanel .divider{display:flex;border:1px solid var(--background_box1);margin:5px}.hasMotor .hasMotor-card .cardContent .delayPanel .delayRow{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:120px;width:100%;padding:10px;border-radius:12px}.hasMotor .hasMotor-card .cardContent .delayPanel .delayRow .delayLabel{color:var(--text_main);font-size:.875rem}.hasMotor .hasMotor-card .cardContent .delayPanel .delayRow .delayValue{color:var(--text_1);font-weight:700;font-size:20px;border-radius:10px}.hasMotor .hasMotor-card .cardContent .svgPanel{display:flex;width:100%;background-color:var(--background_main);border-radius:14px}.statusDot{position:absolute;width:16px;height:16px;border-radius:50%;cursor:help}.statusDot.on{background:var(--OK_collor)}.statusDot.off{background:var(--alert_red)}.statusDot .tooltip{position:absolute;top:-30px;left:-20px;background:var(--background_box1);color:var(--text_main);padding:7px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s}.statusDot:hover .tooltip{opacity:1}.svgMotorWrapper{position:relative;width:100%;height:100%;display:grid;place-items:center}.svgMotorWrapper .motorSaftyRelaisSvg{display:block;fill:var(--icon_main);padding:5px}.svgMotorWrapper .switchSafty{position:absolute;left:80%;top:24%}.svgMotorWrapper .switchrelay{position:absolute;left:80%;top:51%}.hasFreqCon{display:flex;flex:1 1 280px}.hasFreqCon .hasFreqCon-card{display:flex;width:100%;background-color:var(--background_box1);box-shadow:0 10px 16px 0 var(--shadow_main);border-radius:14px}.hasFreqCon .hasFreqCon-card .cardHeader{display:flex;text-align:center;justify-content:space-between;font-size:30px;color:var(--text_main)}.hasFreqCon .hasFreqCon-card .cardContent{display:flex;flex-direction:row;color:var(--text_main);gap:20px}.hasFreqCon .hasFreqCon-card .cardContent .infoBoxes{display:flex;background-color:var(--background_main);padding:10px;border-radius:14px;justify-content:center;min-width:250px}.hasFreqCon .hasFreqCon-card .cardContent .infoBoxes .svgWrap{position:relative;width:100%;height:200px;display:flex;justify-content:center}.hasFreqCon .hasFreqCon-card .cardContent .infoBoxes .svgWrap .svgValue{position:absolute;left:0;bottom:0;padding:6px 10px;border-radius:10px;background-color:var(--background_box1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--text_main);font-size:16px;font-weight:600;letter-spacing:.2px}.hasFreqCon .hasFreqCon-card .cardContent .infoBoxes .divider{display:flex;border:.5px solid var(--background_box1)}.hasFreqCon .hasFreqCon-card .cardContent .infoBoxes .infoBox{display:flex;gap:15px;justify-content:space-between;align-items:center}.hasFreqCon .hasFreqCon-card .cardContent .infoBoxes .inputBox{background-color:var(--background_box1);border-radius:8px;padding:5px 10px;color:var(--text_main);border:none;width:100%}.hasFreqCon .hasFreqCon-card .cardContent .infoBoxes .infoMotorRow{display:flex;grid-template-columns:1fr auto auto;justify-content:space-between;align-items:center;min-width:200px}.hasFreqCon .hasFreqCon-card .cardContent .infoBoxes .infoMotorRow .valuePill{color:var(--text_main);border-radius:10px;background-color:var(--background_box1);display:flex}.hasFreqConSvg{display:block;width:100%;height:100%;stroke:var(--icon_main);fill:var(--icon_main);stroke-width:.6px}.hasOverview{display:flex;width:50%;align-self:center}.hasOverview .hasOverview-card{display:flex;flex-direction:column;width:100%;background-color:var(--background_box1);box-shadow:0 10px 16px 0 var(--shadow_main),0 6px 20px 0 var(--shadow_main);border-radius:14px}.hasOverview .hasOverview-card .cardContent{display:flex;color:var(--text_main);flex-direction:column;gap:20px}.hasOverview .hasOverview-card .cardContent .generalInfo{display:flex;flex-direction:row;background-color:var(--background_main);border-radius:14px;padding:14px 16px;height:fit-content;align-self:center;gap:20px}.hasOverview .hasOverview-card .cardContent .generalInfo .divider{display:flex;border:.5px solid var(--background_box1)}.hasOverview .hasOverview-card .cardContent .generalInfo .valueBox{display:flex;flex-direction:column;min-width:170px;width:100%}.hasOverview .hasOverview-card .cardContent .generalInfo .valueBox .valueCard-title{text-transform:uppercase;opacity:.6}.hasOverview .hasOverview-card .cardContent .generalInfo .valueBox .valueCard-valueRow{display:flex;align-items:baseline;gap:5px}.hasOverview .hasOverview-card .cardContent .generalInfo .valueBox .valueCard-valueRow .valueCard-value{font-size:30px;font-weight:700}.hasOverview .hasOverview-card .cardContent .generalInfo .valueBox .valueCard-valueRow .valueCard-unit{font-size:18px;opacity:.6;font-weight:600}.hasOverview .hasOverview-card .cardContent .svgBox{display:flex;position:relative;justify-content:center;align-self:center;width:100%}.hasOverview .hasOverview-card .cardContent .svgBox .overlayBox{position:absolute;display:flex;flex-direction:column;border:1px solid var(--background_main);background-color:rgba(var(--background_main_rgb),.7);box-shadow:0 2px 10px 0 var(--shadow_main);border-radius:14px;padding:14px 16px;min-width:150px}.hasOverview .hasOverview-card .cardContent .svgBox .overlayBox .overlayBox-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hasOverview .hasOverview-card .cardContent .svgBox .overlayBox .overlayBox-top .overlayBox-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hasOverview .hasOverview-card .cardContent .svgBox .overlayBox .overlayBox-bottom{display:flex;align-items:baseline;gap:10px}.hasOverview .hasOverview-card .cardContent .svgBox .overlayBox .overlayBox-bottom .overlayBox-value{font-size:30px;font-weight:700}.hasOverview .hasOverview-card .cardContent .svgBox .overlayBox .overlayBox-bottom .overlayBox-unit{font-size:18px;opacity:.6;font-weight:600}.hasOverview .hasOverview-card .cardContent .svgBox .tr1{top:20%;left:60%}.hasOverview .hasOverview-card .cardContent .svgBox .tr2{top:48%;left:60%}.hasOverview .hasOverview-card .cardContent .svgBox .tr3{top:48%;left:25%}.hasOverview .hasOverview-card .cardContent .svgBox .tr4{top:20%;left:25%}.hasOverview .hasOverview-card .cardContent .svgBox .tr5{top:75%;left:60%}.hasOverview .hasOverview-card .cardContent .svgBox .tr6{top:0%;left:60%}.hasOverviewSvg{display:block;width:100%;height:100%;stroke:var(--icon_main);fill:transparent;stroke-width:.3px}.hasTempReg{display:flex}.hasTempReg .hasTempReg-card{height:100%;border-radius:18px;background-color:var(--background_box1);box-shadow:0 10px 16px 0 var(--shadow_main),0 6px 20px 0 var(--shadow_main)}.hasTempReg .hasTempReg-card .cardContent{display:flex;gap:10px;flex-direction:column;padding:18px;color:var(--text_main)}.hasTempReg .hasTempReg-card .cardContent .cardHeaderRow{display:flex;align-items:center;gap:10px}.hasTempReg .hasTempReg-card .cardContent .cardHeaderRow .cardHeaderIcon{font-size:26px;opacity:.9}.hasTempReg .hasTempReg-card .cardContent .cardHeaderRow .cardHeaderText{font-weight:500;font-size:18px}.hasTempReg .hasTempReg-card .cardContent .divider{display:flex;border:1px solid var(--background_main)}.hasTempReg .hasTempReg-card .cardContent .contentRow{display:flex;gap:20px}.hasTempReg .hasTempReg-card .cardContent .contentRow .panel{display:flex;flex-direction:column;border-radius:14px;padding:12px;background:var(--background_main);min-width:150px}.hasTempReg .hasTempReg-card .cardContent .contentRow .panel .divider{display:flex;border:1px solid var(--background_box1)}.hasTempReg .hasTempReg-card .cardContent .contentRow .panel .panelTitle{font-size:13px;letter-spacing:.4px;text-transform:uppercase;opacity:.75}.hasTempReg .hasTempReg-card .cardContent .contentRow .panel .tr-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:12px}.hasTempReg .hasTempReg-card .cardContent .contentRow .panel .tr-field .tr-label{font-size:15px;opacity:.85}.hasTempReg .hasTempReg-card .cardContent .contentRow .panel .tr-field .tr-valueWrap{display:flex;align-items:baseline;gap:6px;padding:3px 5px;border-radius:999px;background-color:var(--background_box1);min-width:50px;justify-content:center}.hasTempReg .hasTempReg-card .cardContent .contentRow .panel .tr-field .tr-valueWrap .tr-value{font-weight:600}.hasTempReg .hasTempReg-card .cardContent .contentRow .panel .tr-field .tr-valueWrap .tr-unit{font-size:15px;font-weight:600;opacity:.65}.hasSpeedCalcVijzel{width:fit-content}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card{border-radius:18px;background-color:var(--background_box1);box-shadow:0 10px 16px 0 var(--shadow_main),0 6px 20px 0 var(--shadow_main)}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent{display:flex;gap:10px;flex-direction:column;padding:18px;color:var(--text_main)}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent .cardHeaderRow{display:flex;align-items:center;gap:10px}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent .cardHeaderRow .cardHeaderIcon{font-size:26px;opacity:.9}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent .cardHeaderRow .cardHeaderText{font-weight:500;font-size:18px}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent .divider{display:flex;border:1px solid var(--background_main)}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent .panel{display:flex;flex-direction:column;border-radius:14px;padding:12px;background:var(--background_main);min-width:150px}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent .panel .divider{display:flex;border:1px solid var(--background_box1)}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent .panel .panelTitle{font-size:13px;letter-spacing:.4px;text-transform:uppercase;opacity:.75}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent .panel .tr-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:12px}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent .panel .tr-field .tr-label{font-size:15px;opacity:.85}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent .panel .tr-field .tr-valueWrap{display:flex;align-items:baseline;gap:6px;padding:3px 5px;border-radius:999px;background-color:var(--background_box1);min-width:50px;justify-content:center}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent .panel .tr-field .tr-valueWrap .tr-value{font-weight:600}.hasSpeedCalcVijzel .hasSpeedCalcVijzel-card .cardContent .panel .tr-field .tr-valueWrap .tr-unit{font-size:15px;font-weight:600;opacity:.65}.hasStatusIndicator{display:flex;flex:1 1 250px}.hasStatusIndicator .hasStatusIndicator-card{display:flex;flex-direction:column;width:100%;background-color:var(--background_box1);box-shadow:0 10px 16px 0 var(--shadow_main);border-radius:14px}.hasStatusIndicator .hasStatusIndicator-card .cardHeader{display:flex;text-align:center;justify-content:space-between;font-size:30px;color:var(--text_main)}.hasStatusIndicator .hasStatusIndicator-card .cardContent{display:flex;flex-direction:column;color:var(--text_main);gap:20px}.hasStatusIndicator .hasStatusIndicator-card .cardContent .infoBoxes{display:flex;flex-direction:column;background-color:var(--background_main);padding:10px;border-radius:14px}.hasStatusIndicator .hasStatusIndicator-card .cardContent .infoBoxes .divider{display:flex;border:.5px solid var(--background_box1)}.hasStatusIndicator .hasStatusIndicator-card .cardContent .infoBoxes .infoMotorRow{display:flex;justify-content:space-between;align-items:center}.database .header{display:flex;height:0;position:sticky;width:100%;justify-content:center;align-items:center;height:fit-content}.database .content{display:flex;overflow:auto;width:100%}.database .addButton{position:fixed;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--link);width:50px;height:50px;bottom:24px;right:24px;z-index:1000}.database .addButton .MuiIconButton-root{display:flex;color:var(--icon_main);background-color:transparent;border-radius:8px;padding:6px;transition:color .3s,background-color .3s,transform .3s}.database .addButton .MuiIconButton-root:active{transform:scale(.96)}.database .addButton .MuiIconButton-root svg{font-size:2rem}.database .addButton:hover{background-color:var(--background_hoover)}.database .addButton:hover .MuiIconButton-root{color:var(--link)}.database .speedDialWrapper{position:fixed;bottom:24px;right:24px;z-index:1000}.database .exportModalContentBox{min-height:300px;height:300px;display:flex;flex-direction:column}.addChartDialog .MuiDialog-paper{width:350px}.addChartDialog .MuiDialog-paper .MuiDialogActions-root{display:flex;justify-content:space-between;margin-right:20px;margin-left:20px;margin-bottom:10px}.exportModalDialog .MuiDialog-paper{width:700px;min-width:700px;max-width:90vw}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{opacity:.9;transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:#313030;border:3px dashed #51504F;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.timeInputData{display:flex;flex-direction:row;align-items:center;width:100%;gap:30px;height:60px}@media screen and (max-width:1024px){.timeInputData{flex-direction:column;height:fit-content;margin:10px;gap:20px}}.timeInputData .buttons{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.timeInputData .buttons .myButtonGroup{gap:10px}.timeInputData .buttons .myButtonGroup .MuiButton-root{text-transform:none;border-radius:25px;font-weight:100}.timeInputData .buttons .myButtonGroup .MuiButton-outlined{border:2px solid var(--link);color:var(--link)}.timeInputData .buttons .myButtonGroup .MuiButton-outlined:hover{background-color:var(--background_hoover)}.timeInputData .buttons .myButtonGroup .MuiButton-contained{background-color:var(--link);color:var(--text_main)}.timeInputData .buttons .myButtonGroup .MuiButton-contained:hover{background-color:var(--background_hoover);color:var(--link)}.timeInputData .date{min-width:fit-content;font-weight:700;font-size:14px;color:var(--link)}.timeInputpopup{display:flex;flex-direction:column;background-color:var(--background_box2);border:3px solid var(--border_main);border-radius:1%;padding:12px 14px;gap:30px;min-width:250px}.timeInputpopup .headerRow{display:flex}.timeInputpopup .container .timeInputsContainer{display:flex;flex-direction:column;gap:10px}.timeInputpopup .footerRow{display:flex;justify-content:space-between}.gridResLayout{display:flex;width:100%}.gridResLayout .layout .item{display:flex;flex-direction:column;height:100%}.gridResLayout .layout .item .boxHeader{background-color:var(--background_box2);height:40px}.gridResLayout .layout .item .chart{height:calc(100% - 40px);background-color:var(--background_box1)}.gridResLayout .layout .addItem{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:3px dashed var(--background_hoover)}.gridResLayout .layout .addItem .MuiSvgIcon-root{width:50%;height:50%;color:var(--background_hoover)}.gridResLayout .layout .addItem:hover{background-color:var(--background_hoover)}.gridResLayout .layout .addItem:hover .MuiSvgIcon-root{color:var(--link)}.gridResLayout .layout{width:100%}.gridItemHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%}.gridItemHeader .left{margin-left:10px}.gridItemHeader .right .MuiIconButton-root{color:var(--icon_main);background-color:transparent;border-radius:8px;padding:6px;transition:color .3s,background-color .3s,transform .3s}.gridItemHeader .right .MuiIconButton-root:hover{color:var(--link)}.gridItemHeader .right .MuiIconButton-root:active{transform:scale(.96)}.gridItemHeader .right .MuiIconButton-root svg{font-size:1.6rem}.lineChartDetailed{display:flex;align-items:center;justify-content:center;height:100%!important;width:100%!important}.lineChartDetailed__canvas{height:100%!important;width:100%!important}.headerText{color:var(--text_main)}.home{display:flex;flex-direction:row;gap:70px;width:100%;height:100%}.home .image{display:flex;align-self:center;align-items:center;justify-content:center;flex:0 0 40%;width:100%}.home .image .svg{width:58%;height:auto}.home .data{display:flex;gap:20px;width:100%;padding:20px;flex-direction:column;justify-content:center;align-items:center}.home .data .timeSettings{display:flex;width:100%!important;max-width:1100px;margin:10px}.home .data .boxWrapper{width:100%;gap:10px;max-width:1100px;margin-bottom:10px;margin-left:50px;margin-right:50px}@media screen and (max-width:1700px){.home{flex-direction:column;margin-top:30px;gap:10px}.home .image{flex:0 0 20%}.home .data{flex:1 1 100%;max-width:none}.home .data .timeSettings{width:fit-content;align-items:center}}@media screen and (max-width:1024px){.home .image{width:100%}.home .data .boxWrapper{align-items:center;grid-template-columns:repeat(1,1fr)}}.logoEverox{fill:#ff661f;width:100%;height:100%;display:block;transform-origin:center;transition:all .3s}.dataDisplayCompact{display:grid;width:100%;gap:20px;grid-template-columns:repeat(2,1fr);max-width:1100px}.dataDisplayCompact .datasetBox{display:flex;flex-direction:column;border-radius:20px;width:100%;max-width:600px;aspect-ratio:2/1.2;background-color:var(--background_box1);padding:6% 6% 4%}.dataDisplayCompact .datasetBox .content{display:flex;flex-direction:column;height:100%;gap:5px}.dataDisplayCompact .datasetBox .content .boxHeader{height:unset;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;margin-bottom:.5rem}.dataDisplayCompact .datasetBox .content .boxHeader .headerText{font-size:1.8rem;font-weight:600;color:var(--text_main);margin-bottom:.1rem;text-align:left}.dataDisplayCompact .datasetBox .content .boxHeader .headerPerc{font-size:1.2rem;color:var(--link);display:flex;flex-direction:row;align-items:baseline;justify-content:flex-end;text-align:right}.dataDisplayCompact .datasetBox .content .boxHeader .headerPerc .avgLabel{color:#4ea1f7;font-weight:500;font-size:1.1rem}.dataDisplayCompact .datasetBox .content .boxHeader .headerPerc .avgValue{color:var(--link);font-weight:700;font-size:1.2rem;margin-left:.2rem}.dataDisplayCompact .datasetBox .content .boxContent{display:flex;height:75%;align-items:center}.dataDisplayCompact .datasetBox .content .boxContent .contentText{display:flex;flex-direction:column;width:50%;color:var(--text_main)}.dataDisplayCompact .datasetBox .content .boxContent .contentText .text{font-size:1rem;margin-bottom:.5rem}.dataDisplayCompact .datasetBox .content .boxContent .contentText .value{font-size:3.5rem;font-weight:700;margin:0;gap:0px;line-height:1.1}.dataDisplayCompact .datasetBox .content .boxContent .contentChart{width:100%;height:100%;padding:1%}.dataDisplayCompact .datasetBox .boxFooter{display:flex;justify-content:end;height:5%}@media screen and (max-width:1024px){.dataDisplayCompact{display:flex;flex-direction:column;align-items:center}}:root[data-theme=dark]{--background_main: #112635;--background_main_rgb: 17, 38, 53;--background_box1: #434951;--background_box2: #222b3c;--background_hoover: #384256;--border_main: #384256;--border_1: white;--icon_main: white;--text_main: #ffffff;--text_1: #ddd;--text_2: #2a3447;--link_color: cyan;--Logo_color: #FC5908;--alert_red: #ff0000;--alert_warning: #FE9413;--delete_red: #b53333;--edit_blue: #3f75b7;--OK_collor: #2e7d32;--link: #2c90f4;--shadow_main: rgb(24, 24, 24, .2)}:root[data-theme=light]{--background_main: #dedede;--background_box1: #ffffff;--background_box2: #adadad;--background_hoover: #cecfd1;--border_main: #cecfd1;--border_1: black;--icon_main: rgb(57, 57, 57);--text_main: #112635;--text_1: rgb(73, 54, 54);--text_2: #38455c;--link_color: rgb(5, 116, 116);--Logo_color: #FC5908;--alert_red: #ff0000;--alert_warning: #FE9413;--delete_red: #f85050;--edit_blue: #53a0ff;--OK_collor: #2e7d32;--link: #60abf5;--shadow_main: rgb(24, 24, 24, .2)}:export{sm:480px;md:768px;lg:1024px;xl:1200px;xxl:1700px}.lineChart{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:10px;background-color:var(--background_main)}.lineChart__canvas{height:100%!important;width:100%!important}.wrapper{width:100%;height:100vh;position:relative}.wrapper>*{position:absolute;top:50%;left:50%}.wrapper:before{content:"";display:block;position:absolute;top:0;bottom:0;width:1px;left:calc(50% - .5px);background-color:#0000004d}.wrapper:after{content:"";display:block;position:absolute;left:0;right:0;height:1px;top:calc(50% - .5px);background-color:#0000004d;z-index:-100}.not-found-container{margin:15px}.not-found-container h1{margin-top:20px;margin-bottom:20px}.not-found-container p{margin-bottom:10px}.not-found-link{color:#1976d2;text-decoration:underline;cursor:pointer;transition:color .2s}.not-found-link:hover{color:#125ea2}