#MemberSelection{flex-direction:column;gap:16px;display:flex;overflow:hidden}#MemberSelection .feature-group{flex-direction:column;gap:8px;padding:24px 24px 0;display:flex}#MemberSelection .feature-group.without-pd{padding:unset}#MemberSelection .feature-group .flex-label{display:flex}#MemberSelection .feature-group .flex-label .icon{cursor:pointer;background-image:url(/images/icons/info.svg);background-position:50%;background-repeat:no-repeat;width:21px;height:21px}#MemberSelection .feature-group .flex-label .has-popover{position:relative}#MemberSelection .feature-group .flex-label .has-popover:hover .popover,#MemberSelection .feature-group .flex-label .has-popover .options{opacity:1;visibility:visible}#MemberSelection .feature-group .flex-label .popover{white-space:nowrap;color:#fff;opacity:0;visibility:hidden;z-index:1;background-color:#2c72ae;border-radius:4px;padding:0 16px;font-size:14px;line-height:33px;transition:all .1s cubic-bezier(.68,0,.265,1);position:absolute;top:26px;left:0}#MemberSelection .feature-group .label{font-size:15px}#MemberSelection .feature-group .tags{flex-wrap:wrap;gap:8px;display:flex}#MemberSelection .feature-group .tags .tag{border:1px solid #222626;border-radius:4px;margin-top:8px;margin-right:8px;padding-left:8px;display:flex}#MemberSelection .feature-group .tags .tag.pad{padding-right:8px}#MemberSelection .feature-group .tags .tag .text{line-height:33px}#MemberSelection .feature-group .tags .tag .icon{cursor:pointer;background-image:url(/images/icons/error.svg);background-position:right 8px center;background-repeat:no-repeat;min-width:32px}#MemberSelection .search-wrap{border-top:1px solid #a6a6a6;padding:16px 24px 0}#MemberSelection .search-wrap .input-wrap{width:100%;max-width:488px;position:relative}#MemberSelection .search-wrap input.search{background-image:url(/images/icons/search.svg);background-position:8px;background-repeat:no-repeat;width:100%;max-width:100%;padding-left:36px}#MemberSelection .search-wrap .advance{color:#a6a6a6;cursor:pointer;margin-left:24px;font-size:15px;line-height:37px}#MemberSelection .search-wrap .clear-search{cursor:pointer;background-image:url(/images/icons/clear.svg);background-position:50%;background-repeat:no-repeat;width:37px;height:37px;position:absolute;top:0;right:0}#MemberSelection .table-wrap{flex-grow:1;padding:0 24px}#MemberSelection .table-wrap.without-pd{padding:unset}#MemberSelection .table-wrap table{border-collapse:collapse;width:100%}#MemberSelection .table-wrap table thead tr{background-color:#effcfa}#MemberSelection .table-wrap table thead th{text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:0 8px;font-size:15px;font-weight:700;line-height:34px;overflow:hidden}#MemberSelection .table-wrap table thead th:first-of-type{padding-left:16px}#MemberSelection .table-wrap table thead th:last-of-type{padding-right:16px}#MemberSelection .table-wrap table thead th .sorting-td{cursor:pointer;align-items:center;gap:8px;display:flex}#MemberSelection .table-wrap table tbody tr{cursor:pointer;border-bottom:1px solid #a6a6a6}#MemberSelection .table-wrap table tbody tr:hover{background-color:#effcfa}#MemberSelection .table-wrap table tbody tr.disabled td{color:#a6a6a6}#MemberSelection .table-wrap table tbody tr.disabled td.groups .group-flex .user-group{border-color:#a6a6a6}#MemberSelection .table-wrap table tbody tr td{padding:16px 8px;font-size:16px;line-height:24px}#MemberSelection .table-wrap table tbody tr td:first-of-type{padding-left:16px}#MemberSelection .table-wrap table tbody tr td:last-of-type{width:48px;padding-right:16px}#MemberSelection .table-wrap table tbody tr td.icon{cursor:pointer;background-image:url(/images/icons/check-inactive.svg);background-position:0;background-repeat:no-repeat;background-size:24px;width:40px;min-width:40px}#MemberSelection .table-wrap table tbody tr td.icon.no-checkbox{background-image:unset}#MemberSelection .table-wrap table tbody tr td.icon.checked{background-image:url(/images/icons/check-active.svg)}#MemberSelection .table-wrap table tbody tr td .name{font-size:18px}#MemberSelection .table-wrap table tbody tr td .email{color:#a6a6a6;font-size:14px}.page-groups-permission-settings .top{border-bottom:1px solid #a6a6a6;justify-content:space-between;padding:0 24px;display:flex}.page-groups-permission-settings .top .left{padding-top:24px;padding-bottom:8px}.page-groups-permission-settings .top .title{font-size:20px;font-weight:700}.page-groups-permission-settings .top .sub{color:#a6a6a6;margin-top:4px;font-size:14px}.page-groups-permission-settings .top .common-button.secondary{width:115px;margin-top:8px}.page-groups-permission-settings .top .buttons{gap:8px;padding-top:24px;display:flex}.page-groups-permission-settings .top .buttons .common-button{min-width:115px;height:36px;margin-left:16px}.page-groups-permission-settings .settings-wrap{border-radius:16px;flex-grow:1;display:flex;overflow:hidden}.page-groups-permission-settings .settings-wrap .left{border-right:1px solid #e5e5e5;flex-direction:column;min-width:400px;display:flex}.page-groups-permission-settings .settings-wrap .right{flex-direction:column;flex-grow:1;display:flex}.page-groups-permission-settings .settings-wrap .top-row{padding-left:16px;display:flex;box-shadow:0 1px 2px #00000040}.page-groups-permission-settings .settings-wrap .top-row.right-top{min-width:600px}.page-groups-permission-settings .settings-wrap .top-row .row-title{flex-grow:1;font-size:18px;font-weight:700;line-height:45px}.page-groups-permission-settings .settings-wrap .top-row .controls{padding-right:16px;display:flex}.page-groups-permission-settings .settings-wrap .top-row .controls .control-item{background-position:0;background-repeat:no-repeat;background-size:24px;flex-direction:column;justify-content:center;align-items:center;width:80px;display:flex}.page-groups-permission-settings .settings-wrap .top-row .controls .control-item.view{background-image:url(/images/icons/password-show.svg)}.page-groups-permission-settings .settings-wrap .top-row .controls .control-item.control{background-image:url(/images/icons/control.svg);margin-left:16px}.page-groups-permission-settings .settings-wrap .top-row .controls .control-item.edit{background-image:url(/images/icons/edit.svg)}.page-groups-permission-settings .settings-wrap .site-wrap{flex-grow:1;padding-bottom:24px}.page-groups-permission-settings .settings-wrap .scroll-bar{flex-grow:1}.page-groups-permission-settings .settings-wrap .equipments-wrap{flex-direction:column;gap:4px;min-width:600px;padding:8px;display:flex;overflow:auto}.SitePermissions.EXPANDED{border-bottom:1px solid #a6a6a6}.SitePermissions .site-row{border-bottom:1px solid #a6a6a6;padding-right:16px;display:flex}.SitePermissions .site-row .row-title{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;gap:8px;padding:0 16px;font-weight:700;line-height:48px;display:flex;overflow:hidden}.SitePermissions .site-row .row-title .icon{background-image:url(/images/icons/place.svg);background-position:50%;background-repeat:no-repeat;width:24px;height:48px}.SitePermissions .site-row .row-title .triangle{background-image:url(/images/icons/triangle-up.svg);background-position:50%;background-repeat:no-repeat;width:16px;height:48px;transition:all .3s cubic-bezier(.68,0,.265,1);transform:rotate(180deg)}.SitePermissions .site-row .row-title .triangle.EXPANDED{transform:rotate(0)}.SitePermissions .controls{display:flex}.SitePermissions .controls .control-item{flex-direction:column;justify-content:center;align-items:center;width:80px;display:flex}.SitePermissions .controls .control-item.view{background-image:url(/images/icons/password-show.svg)}.SitePermissions .controls .control-item.control{background-image:url(/images/icons/control.svg)}.SitePermissions .controls .control-item.edit{background-image:url(/images/icons/edit.svg)}.SitePermissions .controls .control-item .toggle-button{width:37px;height:22px}.SitePermissions .controls .control-item .toggle-button.active .indicator{background-color:#26aca1;transform:translate(14px)}.SitePermissions .controls .control-item .toggle-button .indicator{background-color:#e5e5e5;width:16px;height:16px;top:2px;left:2px}.SitePermissions .spaces-wrap{padding:0 16px}.SitePermissions .spaces-wrap.child{padding:unset}.SitePermissions .SpacePermissions .icon{background-image:url(/images/icons/place.svg);background-position:50%;background-repeat:no-repeat;width:24px;height:48px}.SitePermissions .SpacePermissions .triangle{background-image:url(/images/icons/triangle-up.svg);background-position:50%;background-repeat:no-repeat;width:16px;height:48px;transition:all .3s cubic-bezier(.68,0,.265,1);transform:rotate(180deg)}.SitePermissions .SpacePermissions .triangle.not-show{opacity:0}.SitePermissions .SpacePermissions .triangle.EXPANDED{transform:rotate(0)}.SitePermissions .SpacePermissions.deep1{border-bottom:1px solid #a6a6a6}.SitePermissions .SpacePermissions.deep1:last-of-type{border-bottom:none}.SitePermissions .SpacePermissions .space-title{flex-grow:1;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex}.SitePermissions .SpacePermissions.deep2 .row-title{padding-left:38px}.SitePermissions .SpacePermissions.deep3 .row-title{padding-left:48px}.SitePermissions .SpacePermissions.deep4 .row-title{padding-left:58px}.SitePermissions .SpacePermissions.deep5 .row-title{padding-left:68px}.SitePermissions .SpacePermissions .space-row{border-radius:8px;transition:all .1s cubic-bezier(.68,0,.265,1);display:flex}.SitePermissions .SpacePermissions .space-row:hover{background-color:#effcfa}.SitePermissions .SpacePermissions .row-title{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex-grow:1;align-items:center;gap:8px;padding-left:28px;padding-right:16px;line-height:22px;display:flex;overflow:hidden}.equipment-permissions{gap:4px;display:flex}.equipment-permissions .name-and-edit{background-color:#f1f2f1;border-radius:8px;flex-grow:1;align-items:center;padding:8px 16px;display:flex}.equipment-permissions .control{text-align:center;background-color:#f1f2f1;border-radius:8px;width:100px;min-width:100px;padding:8px 16px}.equipment-permissions .control.not-show{opacity:1}.equipment-permissions .row-title{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;line-height:24px;display:flex;overflow:hidden}.equipment-permissions .controls{display:flex}.equipment-permissions .controls .control-item{flex-direction:column;justify-content:center;align-items:center;width:80px;display:flex}.equipment-permissions .controls .control-item .toggle-button{width:37px;height:22px}.equipment-permissions .controls .control-item .toggle-button.active .indicator{background-color:#26aca1;transform:translate(14px)}.equipment-permissions .controls .control-item .toggle-button .indicator{background-color:#e5e5e5;width:16px;height:16px;top:2px;left:2px}.no-equipment{color:#a6a6a6;background-image:url(/images/no-equipment.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;padding:16px}#GroupsNew .feature-group.mb{margin-bottom:24px}#GroupsNew .feature-group.mb .common-button{width:auto}.radio-toolbar input[type=radio]{opacity:0;width:0;position:fixed}.radio-toolbar label{background:#f1f2f1;border:1px solid #e5e5e5;border-radius:16px;padding:10px 20px;font-size:16px;display:inline-block}.radio-toolbar input[type=radio]:checked+label{background-color:#effcfa;border:1px solid #26aca1;border-radius:16px}#green-energy-flow-chart .energy-flow-sankey-link{opacity:.1}#green-energy-flow-chart .energy-flow-sankey-link.highcharts-point-hover{opacity:.5}.highcharts-tooltip.green-energy-flow-sankey-tooltip>span,.highcharts-tooltip.green-energy-weather-tooltip>span,.highcharts-tooltip.green-energy-demand-tooltip>span,.highcharts-tooltip.green-energy-generation-details-tooltip>span{background-color:#0000;border:0;padding:0}:root{--white:#fff;--functional-white:#fcfcfc;--light-sea:#26aca1;--light-sea-hover:#22998f;--primary-hover:#c9eae7;--black-swamp:#222626;--modal:#22262640;--confirmation-shadow:1px 2px 4px #0000000f, 0 4px 6px #0000001a;--disabled-text:#0a0a0a80;--gray-text:#a6a6a6;--gray-line:#e5e5e5;--gray-disconnection:#d1d1d1;--gray-selected:#d1d5db;--aqua-spring:#f1f2f1;--normal:#26aca1;--normal-bg:#bee0dd;--warning:#ffa000;--emergency:#d70000;--danger:#d30025;--maintenance-required:#ffa000;--monitor-required:#ffde21;--disconnect:#667085;--azure:#effcfa;--lochmara:#2c72ae;--emergency-text:#d30025;--emergency-bg:#ffdedb;--lochmara-hover:#276599;--success:#4caf50;--energy-flow-grid-import:#1e88e533;--energy-flow-grid-import-solid:#1e88e5;--energy-flow-discharge:#7e57c233;--energy-flow-discharge-solid:#7e57c2;--energy-flow-solar:#ffa72633;--energy-flow-small-hydro:#26c6da33;--energy-flow-grid-export-background:#ef6c0033;--energy-flow-grid-export-solid:#ef6c00;--energy-flow-inactive:#e5e5e533;--bp-xl:1200px;--bp-lg:992px;--bp-md:768px;--bp-sm:600px}html,body{width:100%;height:100%}html *{box-sizing:border-box;outline:none}body{font-family:var(--font-helvetica-neue),var(--font-noto-sans-tc),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#222626;max-width:100vw;margin:0;overflow:hidden}input,textarea,select{font-family:var(--font-helvetica-neue),var(--font-noto-sans-tc),sans-serif}img{max-width:100%;display:inline-block}#root{width:100%;height:100%}.common-button{text-align:center;cursor:pointer;color:#222626;-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #222626;border-radius:4px;width:100%;padding:0 16px;font-size:16px;line-height:36px;text-decoration:none;transition:all .1s cubic-bezier(.68,0,.265,1);display:inline-block}.common-button.primary{color:#fff;background-color:#26aca1;border-color:#26aca1;font-weight:700}.common-button:hover{background-color:#22998f;border-color:#22998f}.common-button.default{color:#26aca1;border-color:#26aca1;font-weight:700}.common-button.default:hover{background-color:#f1f2f1}.common-button.error{color:#d70000;border-color:#d70000}.common-button.error:hover{background-color:#fccad2}.common-button.cancel{color:#a6a6a6;border-color:#e5e5e5}.common-button.cancel:hover{background-color:#f1f2f1}.common-button.secondary{color:#2c72ae;border-color:#2c72ae;font-weight:700}.common-button.secondary:hover{color:#276599;border-color:#276599}.common-button.disabled{color:#a6a6a6;cursor:default;background-color:#e5e5e5;border-color:#e5e5e5;font-weight:400}.common-button.disabled:hover{background-color:#e5e5e5;border-color:#e5e5e5}.common-button.bold{font-weight:700}input[type=text],input[type=password],input[type=number]{color:#222626;border:1px solid #222626;border-radius:4px;width:100%;padding:0 8px;font-size:18px;line-height:35px;transition:all .1s cubic-bezier(.68,0,.265,1);display:block}input[type=text]:hover,input[type=text]:focus,input[type=password]:hover,input[type=password]:focus,input[type=number]:hover,input[type=number]:focus{border-color:#26aca1}input[type=text].error,input[type=password].error,input[type=number].error{border-color:#d70000}input[type=text].display-only,input[type=password].display-only,input[type=number].display-only{background-color:#fff;border-color:#fff;padding-left:0}input[type=text].not-editable,input[type=password].not-editable,input[type=number].not-editable{color:#a6a6a6;background-color:#fff;border-color:#fff;padding-left:0}@media screen and (max-width:600px){input[type=text],input[type=password],input[type=number]{font-size:16px}}input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input-wrap ::placeholder{color:#a6a6a6}.input-group .flex-tags{flex-wrap:wrap;margin:-4px;display:flex}.input-group .tag{color:#a6a6a6;border:1px solid #a6a6a6;border-radius:4px;margin:4px;padding:0 8px;line-height:35px}.input-message{font-size:14px;line-height:17px;display:flex}.input-message .message-icon{margin-right:4px}.input-message img{height:17px}.select-wrap.dropdown-position{color:#222626;-webkit-appearance:none;appearance:none;background-image:url(/images/icons/more.svg);background-position:right 8px center;background-repeat:no-repeat;border:1px solid #222626;border-radius:4px;width:100%;min-height:37px;padding-left:8px;padding-right:36px;font-size:18px;line-height:35px;transition:all .1s cubic-bezier(.68,0,.265,1)}.select-wrap.dropdown-position:hover,.select-wrap.dropdown-position:focus{border-color:#26aca1}.select-wrap.dropdown-position.error{border-color:#d70000}.select-wrap.dropdown-position.display-only{background-image:none;border-color:#fff;padding-left:0}.select-wrap.dropdown-position .placeholder{color:#a6a6a6}.input-group.SearchableListTags .flex-wrap{display:flex}.input-group.SearchableListTags .input-wrap{color:#222626;border:1px solid #222626;border-radius:4px;flex-wrap:wrap;padding:8px 0;transition:all .1s cubic-bezier(.68,0,.265,1);display:flex}.input-group.SearchableListTags .input-wrap:hover,.input-group.SearchableListTags .input-wrap.focused{border-color:#26aca1}.input-group.SearchableListTags .input-wrap.error{border-color:#d70000}.input-group.SearchableListTags .input-wrap.display-only{border-color:#fff;margin-left:-8px}.input-group.SearchableListTags .input-wrap.display-only .tag{padding-right:8px}.input-group.SearchableListTags .input-wrap.display-only .tag .icon{display:none}.input-group.SearchableListTags .input-wrap input{border:none;width:360px;max-width:100%}.input-group.SearchableListTags .tag{border:1px solid #222626;border-radius:4px;margin-left:8px;padding-left:8px;display:flex}.input-group.SearchableListTags .tag .text{line-height:33px}.input-group.SearchableListTags .tag .icon{cursor:pointer;background-image:url(/images/icons/error.svg);background-position:right 8px center;background-repeat:no-repeat;min-width:32px}.dropdown-position{position:relative}.dropdown-position .options{opacity:0;visibility:hidden;z-index:50;background-color:#fff;border-radius:8px;width:100%;max-height:185px;padding:8px 0;transition:all .1s cubic-bezier(.68,0,.265,1);position:absolute;top:calc(100% + 16px);left:0;overflow-y:auto;box-shadow:0 3px 10px #22262626}.dropdown-position .options.active{opacity:1;visibility:visible}.dropdown-position .options .option{cursor:default;padding:0 8px;line-height:39px;transition:all .1s cubic-bezier(.68,0,.265,1)}.dropdown-position .options .option:hover{background-color:#effcfa}.toggle-button{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f1f2f1;border:1px solid #e5e5e5;border-radius:25px;width:80px;height:30px;position:relative}.toggle-button.active .active-text{opacity:1}.toggle-button.active .inactive-text{opacity:0}.toggle-button.active .indicator{background-color:#26aca1;transform:translate(50px);box-shadow:.5px .5px 3px #00000040}.toggle-button.inactive .active-text{opacity:0}.toggle-button.inactive .inactive-text{opacity:1}.toggle-button.inactive .indicator{background-color:#e5e5e5}.toggle-button.display-only{background-color:#fff;border-color:#fff}.toggle-button.display-only .active-text{padding-left:0}.toggle-button.display-only .inactive-text{text-align:left;color:#222626}.toggle-button.display-only .indicator{opacity:0}.toggle-button.en{width:105px}.toggle-button.en.active .indicator{transform:translate(75px)}.toggle-button .active-text{width:100%;padding-left:12px;font-size:18px;line-height:30px;transition:all .1s cubic-bezier(.68,0,.265,1);position:absolute;top:0;left:0}.toggle-button .inactive-text{text-align:right;color:#a6a6a6;width:100%;padding-right:12px;font-size:18px;line-height:30px;transition:all .1s cubic-bezier(.68,0,.265,1);position:absolute;top:0;left:0}.toggle-button .inactive-text .indicator{border-radius:50%;width:20px;height:20px;transition:all .1s cubic-bezier(.68,0,.265,1);position:absolute;top:4px;left:4px}.message-icon.error+.text{color:#d70000}.text-light-sea{color:#26aca1}.os-theme-custom{--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:200px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:150%;--os-handle-perpendicular-size-active:150%;--os-handle-interactive-area-offset:20;--os-size:8px!important;--os-track-border-radius:8px!important;--os-handle-border-radius:8px!important;--os-handle-bg:#26aca1!important;--os-handle-bg-hover:#26aca1!important;--os-handle-bg-active:#26aca1!important}