/* /Pages/API/Keys/CreateApiKeyDialog.razor.rz.scp.css */
[b-broa4xhb4m] .justify-space-between {
    justify-content: space-between;
}
/* /Pages/IFrameLegacyPortal.razor.rz.scp.css */
[b-ytkvn6gayx] .sm-iframe-legacy {
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
    height: 100%;
    width: 100%;
}
/* /Pages/Picos/LoadManagement/Multilevel/Branch/BranchComponent.razor.rz.scp.css */
[b-m0f19mrxh7] .sm-branch-max-current-text-field
{
    width: 100px;    
}

[b-m0f19mrxh7] .sm-branch-unmeasured-text-field
{
    width: 200px;
}

[b-m0f19mrxh7] .sm-branch-settings {
    height: 164px;
}
/* /Pages/Picos/LoadManagement/Multilevel/Default.razor.rz.scp.css */
.mllm-layout-container[b-zquhoxahu4] {
    height: 100%;
}

.mllm-layout-row[b-zquhoxahu4] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}

.mllm-layout-left-column[b-zquhoxahu4] {
    display: flex;
    flex-direction: column;
    min-width: 614px;
    min-height: 864px;
}

.mllm-layout-right-column[b-zquhoxahu4] {
    display: flex; 
    flex-direction: column;
    min-width: 456px;
    max-width: 456px;
}

.mllm-layout-groups-component[b-zquhoxahu4] {
    --mllm-layout-groups-paper-height: 40vh;
    height: var(--mllm-layout-groups-paper-height);
    min-height: 0;
}
/* /Pages/Picos/LoadManagement/Multilevel/Group/GroupComponent.razor.rz.scp.css */
[b-v9cu1iw36a] .sm-group-settings {
    height: 164px;
}
/* /Pages/Picos/LoadManagement/Multilevel/Group/GroupsComponent.razor.rz.scp.css */
[b-9pykrwrcto] .sm-groups-truncate-name {
    width: 364px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* /Pages/Picos/LoadManagement/Multilevel/Tree/LoadSheddingConfig/LoadSheddingConfigDialog.razor.rz.scp.css */
[b-nd69w4b84j] .mud-select-input {
    font-size: 14px;
    height: 37px;
}
[b-nd69w4b84j] .gray-select-input .mud-select-input {
    color: #666666;
}
[b-nd69w4b84j] .mud-switch {
    margin-right: 4px;
}
[b-nd69w4b84j] .mud-button-root {
    margin-right: 4px;
}
[b-nd69w4b84j] .mud-input-control {
    margin-top: 0;
}
[b-nd69w4b84j] .mud-radio>.mud-radio-content {
    color: #666666;
}
[b-nd69w4b84j] .gray-text {
    color: #666666 !important;
}
/* /Pages/Picos/LoadManagement/Multilevel/Tree/LoadSheddingConfig/SingleMeterPowerReductionTable.razor.rz.scp.css */
[b-od75rb5ddf] .mud-simple-table table * tr>td, .mud-simple-table table * tr th[b-od75rb5ddf] {
    border-bottom-color: #272727;
}
[b-od75rb5ddf] tr.tr-last {
    border-bottom: 1px solid;
}
/* /Pages/Picos/LoadManagement/Multilevel/Tree/LoadSheddingConfig/TwoMeterPowerReductionTable.razor.rz.scp.css */
[b-s78u0ch9nz] .mud-simple-table table * tr>td, .mud-simple-table table * tr th[b-s78u0ch9nz] {
    border-bottom-color: #272727;
}
[b-s78u0ch9nz] tr.tr-last {
    border-bottom: 1px solid;
}
/* /Pages/Picos/LoadManagement/Multilevel/Tree/TreeComponent.razor.rz.scp.css */
.item-activation[b-5cv012ik39] {
    height: 32px;
    width: 125px;

    p {
        font-family: 'Noto Sans', sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #272727;
    }

    .item-activated-font[b-5cv012ik39] {
        color: #50B848;
    }
}

.item-activation:hover[b-5cv012ik39] {
    background: #50B8481A;
    border-radius: 8px;
    cursor: pointer;
}

.item-deactivation[b-5cv012ik39] {
    height: 32px;
    width: 125px;

    p {
        font-family: 'Noto Sans', sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #272727;
    }

    .item-deactivated-font[b-5cv012ik39] {
        color: #F26344;
    }
}

.item-deactivation:hover[b-5cv012ik39] {
    background: #F263441A;
    border-radius: 8px;
    cursor: pointer;
}

.item-delete-tree[b-5cv012ik39] {
    height: 32px;
    width: 125px;

    p {
        font-family: 'Noto Sans', sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #272727;
    }
}

.item-delete-tree:hover[b-5cv012ik39] {
    background: #F4F6FA;
    border-radius: 8px;
    cursor: pointer;

    p {
        color: #27599A;
    }
}

[b-5cv012ik39] .toolbar-btn {
    border-radius: 4px;

    path {
        fill: #666666;
    }
}

[b-5cv012ik39] .toolbar-btn:hover {
    background: #F4F6FA;
    border-radius: 4px;

    path {
        fill: #27599A;
    }
}

[b-5cv012ik39] .toolbar-state-btn:focus {
    background: #27599A;
    border-radius: 4px;

    path {
        fill: white;
    }
}
/* /Pages/Sites/Default.razor.rz.scp.css */
.site-layout-container[b-1fc5q2onj7] {
    height: 100%;
}

.site-layout-row[b-1fc5q2onj7] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}

.site-layout-left-column[b-1fc5q2onj7] {
    display: flex;
    flex-direction: column;
    min-width: 614px;
    min-height: 864px;
}
/* /Pages/Sites/Schemas/Default.razor.rz.scp.css */
[b-wm1abba7pu] .schema-layout-container {
    height: 100%;
}

[b-wm1abba7pu] .schema-layout-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}
/* /Pages/Sites/Schemas/Tree/LocationDetails/LocationDetailsView.razor.rz.scp.css */
[b-lkes8wq6ln] .component:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

[b-lkes8wq6ln] .component .delete-button {
    position: absolute;
    top: -10px;
    right: -2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f44336;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

[b-lkes8wq6ln] .component:hover .delete-button {
    opacity: 1;
}
/* /Pages/Sites/Schemas/Tree/TreeView.razor.rz.scp.css */
[b-7pfjghj0ka] .schema-layout-left-column {
    display: flex;
    flex-direction: column;
    min-width: 614px;
    min-height: 864px;
}

[b-7pfjghj0ka] .tree-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    overflow-x: auto;
    padding: 16px;
}

[b-7pfjghj0ka] .tree {
    padding: 20px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

[b-7pfjghj0ka] .tree > ul {
    padding-top: 20px;
    position: relative;
    transition: all 0.5s;
    padding-left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
}

[b-7pfjghj0ka] .tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    margin-top: 20px;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
}

[b-7pfjghj0ka] .tree > ul > li {
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    float: none;
}

[b-7pfjghj0ka] .tree ul ul {
    /*padding-top: 20px;*/
    position: relative;
    transition: all 0.5s;
    padding-left: 0;
}

[b-7pfjghj0ka] .tree li::before,
[b-7pfjghj0ka] .tree li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 50%;
    height: 20px;
}

[b-7pfjghj0ka] .tree li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
}

[b-7pfjghj0ka] .tree li:only-child::after,
[b-7pfjghj0ka] .tree li:only-child::before {
    display: none;
}

[b-7pfjghj0ka] .tree li:only-child {
    padding-top: 0;
}

[b-7pfjghj0ka] .tree li:first-child::before,
[b-7pfjghj0ka] .tree li:last-child::after {
    border: 0 none;
}

[b-7pfjghj0ka] .tree li:last-child::before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
}

[b-7pfjghj0ka] .tree li:first-child::after {
    border-radius: 5px 0 0 0;
}

[b-7pfjghj0ka] .tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 20px;
}

/* Clear floating of child nodes to ensure proper centering */
[b-7pfjghj0ka] .tree > ul > li > ul {
    clear: both;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

/* Node styling */
[b-7pfjghj0ka] .tree li div.node {
    border: 1px solid #ccc;
    padding: 10px;
    text-decoration: none;
    color: #333;
    display: inline-block;
    border-radius: 5px;
    transition: all 0.5s;
    background-color: white;
    min-width: 180px;
    position: relative;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

[b-7pfjghj0ka] .tree li div.node:hover {
    background: #e8f5ff;
    border: 1px solid #94a0b4;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

[b-7pfjghj0ka] .tree li div.node:hover + ul li div.node {
    background: #e8f5ff;
    border: 1px solid #94a0b4;
}

[b-7pfjghj0ka] .tree li div.node:hover + ul li::after,
[b-7pfjghj0ka] .tree li div.node:hover + ul li::before,
[b-7pfjghj0ka] .tree li div.node:hover + ul::before,
[b-7pfjghj0ka] .tree li div.node:hover + ul ul::before {
    border-color: #94a0b4;
}

[b-7pfjghj0ka] .node-subtitle {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

/* Delete button */
[b-7pfjghj0ka] .delete-button {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #f44336;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

[b-7pfjghj0ka] .node:hover .delete-button {
    opacity: 1;
}

/* Drop zone styling */
[b-7pfjghj0ka] .drop-zone {
    height: 40px;
    margin: 8px 0 0 0;
    border: 1px dashed #ccc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.02);
    transition: all 0.2s;
}

[b-7pfjghj0ka] .drop-zone.active {
    background-color: rgba(63, 81, 181, 0.15);
    border-color: #3f51b5;
}

[b-7pfjghj0ka] .drop-zone-text {
    color: #999;
    font-size: 12px;
}

/* Item content in drop zone */
[b-7pfjghj0ka] .drop-item {
    width: 100%;
    padding: 4px;
    background-color: #f0f7ff;
    border-radius: 3px;
    border: 1px solid #c2d8f7;
}

/* Draggable items styling */
[b-7pfjghj0ka] .draggable-item {
    padding: 8px;
    margin: 4px 0;
    background-color: #f5f5f5;
    border-radius: 4px;
    cursor: grab;
    user-select: none;
    transition: all 0.2s;
}

[b-7pfjghj0ka] .draggable-item:hover {
    background-color: #eeeeee;
    transform: translateY(-2px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

[b-7pfjghj0ka] .item-content {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Tabs styling */
[b-7pfjghj0ka] .mud-tabs-panels {
    padding-top: 16px;
}

[b-7pfjghj0ka] .schema-layout-right-column {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    max-width: 300px;
}

[b-7pfjghj0ka] .items-panel {
    flex: 1;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 16px;
    min-height: 500px;
    overflow-y: auto;
}

/* component card styling */
[b-7pfjghj0ka] .component-card {
    /*margin-bottom: 8px;*/
    cursor: grab;
    transition: all 0.2s;
}

[b-7pfjghj0ka] .component-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

[b-7pfjghj0ka] .component-card-content {
    padding: 8px !important;
    cursor: grab;
}

[b-7pfjghj0ka] .component-card * {
    cursor: grab;
}

[b-7pfjghj0ka] .component-title {
    font-size: 14px;
}

[b-7pfjghj0ka] .component-description {
    font-size: 12px;
    color: #666;
}

[b-7pfjghj0ka] .component-card .component-title,
[b-7pfjghj0ka] .component-card .component-description {
    cursor: grab;
}

[b-7pfjghj0ka] .electric-meterpoint {
    border-left: 3px solid #ffc107;
}

[b-7pfjghj0ka] .water-meterpoint {
    border-left: 3px solid #2196f3;
}

[b-7pfjghj0ka] .gas-meterpoint {
    border-left: 3px solid #ff5722;
}

[b-7pfjghj0ka] .heat-meterpoint {
    border-left: 3px solid #f44336;
}

[b-7pfjghj0ka] .cold-meterpoint {
    border-left: 3px solid #03a9f4;
} 

/* Non-droppable indicator */
[b-7pfjghj0ka] .node.non-droppable {
    /*opacity: 0.7;*/
    /*cursor: not-allowed;*/
}

[b-7pfjghj0ka] .node.non-droppable::after {
    /*content: "⛔";*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -50%);*/
    /*font-size: 24px;*/
    /*opacity: 0.5;*/
    /*pointer-events: none;*/
    /*display: none;*/
}

[b-7pfjghj0ka] .node.non-droppable:hover::after {
    /*display: block;*/
}

/* MeterPoint delete button styling */
[b-7pfjghj0ka] .meterpoint-delete-button {
    width: 20px !important;
    height: 20px !important;
    min-width: 0 !important;
    opacity: 0.7;
    transition: opacity 0.2s;
}

[b-7pfjghj0ka] .meterpoint-delete-button:hover {
    opacity: 1;
}

[b-7pfjghj0ka] .drop-item.meterpoint {
    padding: 4px 8px;
    cursor: pointer;
}

[b-7pfjghj0ka] .drop-item.meterpoint:hover {
    background-color: #e8f5ff;
}
/* /Pages/SystemHealth/Default.razor.rz.scp.css */
[b-wckqusxgcu] .sh-offline-counter {
    align-self: center;
    margin-right: 20px;
    background-color: #fce9e6;
    border-radius: 40px;
    padding: 2px 10px;
}

[b-wckqusxgcu] .sh-offline-counter > span {
    font-weight: bold;
    vertical-align: super;
}

[b-wckqusxgcu] .sh-device-online-icon
{
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
}

.sh-main-container[b-wckqusxgcu] {
    overflow-y: auto;
}

[b-wckqusxgcu] .mud-table-head .mud-table-cell {
    font-size: var(--mud-typography-subtitle1-size);
    font-weight: var(--mud-typography-subtitle1-weight);
    line-height: var(--mud-typography-subtitle1-lineheight);
    letter-spacing: var(--mud-typography-subtitle1-letterspacing);
}
/* /Shared/Form/PasswordConfirm.razor.rz.scp.css */
.helper-text-style-good[b-j4pvgbp56u] >  .mud-input-control > .mud-input-control-helper-container > .mud-input-helper-text
{
    color: var(--mud-palette-success);
}
.helper-text-style-medium[b-j4pvgbp56u] >  .mud-input-control > .mud-input-control-helper-container > .mud-input-helper-text
{
    color: var(--mud-palette-success-lighten);
}
.helper-text-style-bad[b-j4pvgbp56u] >  .mud-input-control > .mud-input-control-helper-container > .mud-input-helper-text
{
    color: var(--mud-palette-warning);
}

.helper-text-style-good[b-j4pvgbp56u] >  .mud-input-control > .mud-input-control-input-container > .mud-input-underline:after
{
    border-color: var(--mud-palette-success);
}
.helper-text-style-medium[b-j4pvgbp56u] >  .mud-input-control > .mud-input-control-input-container > .mud-input-underline:after
{
    border-color: var(--mud-palette-success-lighten);
}
.helper-text-style-bad[b-j4pvgbp56u] >  .mud-input-control > .mud-input-control-input-container > .mud-input-underline:after
{
    border-color: var(--mud-palette-warning);
}

/* /Shared/MainLayout.razor.rz.scp.css */
[b-lptzktk7z3] .gray-select-item.mud-list-item-clickable {
    color: var(--mud-palette-gray-dark);
}

[b-lptzktk7z3] .mud-list-item-clickable:hover {
    color: var(--mud-palette-primary);
    background: var(--mud-palette-background);
}

[b-lptzktk7z3] .mud-list-item-clickable:hover path {
    fill: var(--mud-palette-primary) !important;
}

[b-lptzktk7z3] .sm-help-button {
    padding: 6px !important;
}

[b-lptzktk7z3] .sm-help-button:hover {
    color: var(--mud-palette-primary) !important;
    background-color: var(--mud-palette-background) !important;
}

[b-lptzktk7z3] .sm-help-button:hover path {
    fill: var(--mud-palette-primary) !important;
}

[b-lptzktk7z3] .item-main:hover {
    color: var(--mud-palette-primary) !important;
    background: var(--mud-palette-background) !important;
    border-radius: 8px;
}

[b-lptzktk7z3] .item-main:hover path{
    fill: var(--mud-palette-primary) !important;
}

[b-lptzktk7z3] .language-btn .mud-button {
    font-size: 11px !important;
}

[b-lptzktk7z3] .language-btn .mud-button .mud-svg-icon{
    height: 24px !important;
    width: 24px !important;
}

[b-lptzktk7z3] .mud-nav-link-normal > .nav-link-active > svg > svg > path {
    fill: var(--mud-palette-primary);
}

[b-lptzktk7z3] .language-btn .mud-button:hover svg path{
    fill: #27599A !important;
}

[b-lptzktk7z3] .mud-nav-link-normal > .nav-link-active {
    background-color: var(--mud-palette-background-gray);
    color: var(--mud-palette-primary);
}

[b-lptzktk7z3] .mud-nav-link-normal > .mud-nav-link {
    padding: 8px;
    border-radius: 8px;
}

[b-lptzktk7z3] .mud-nav-group > .mud-nav-link {
    padding: 8px;
    border-radius: 8px;
}

[b-lptzktk7z3] .mud-navmenu .mud-tooltip-root {
    width: 100% !important;
}

[b-lptzktk7z3] .mud-navmenu .mud-tooltip-root:not(:first-of-type) {
    margin-top: 4px;
}

[b-lptzktk7z3] .nav-link-text {
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    line-height: 24px;
}

[b-lptzktk7z3] .text-bold {
    font-weight: bold;
}

[b-lptzktk7z3] .sm-tbl-row  {
    height: 34px;
    border-bottom: 1px solid var(--mud-palette-secondary) !important;
}

[b-lptzktk7z3] .sm-tbl-row:hover {
    border-bottom: 1px solid var(--mud-palette-secondary) !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
    cursor: pointer;
}

[b-lptzktk7z3] .news-dialog .mud-dialog-title {
    padding: 0 0 16px;
}

[b-lptzktk7z3] .news-dialog .mud-dialog-title img {
    width: 100%;
}

[b-lptzktk7z3] .sm-site-dialog-textfield .mud-input-outlined-border {
    border-radius: var(--mud-default-borderradius) !important;
}
/* /Shared/NavMenu/NavMenu.razor.rz.scp.css */
[b-9hqg8umroh] .nav-bar-background {
    overflow-y: visible !important;
}

[b-9hqg8umroh] .nav-bar-background .mud-drawer-content {
    background-color: var(--mud-palette-surface);
    border-radius: var(--mud-default-borderradius);
    box-shadow: var(--mud-elevation-1);
    padding: 8px;
    justify-content: space-between;
}

[b-9hqg8umroh] .sm-submenu-item {
    margin-top: 4px;
    pointer-events: all !important;
}

[b-9hqg8umroh] .sm-submenu-item > div {
    border-radius: 0 0 8px 8px;
    background-color: var(--mud-palette-drawer-background);
}

[b-9hqg8umroh] .sm-submenu-item:not(.sm-submenu-item-closed) > button[aria-expanded='true'] {
    border-radius: 8px 8px 0 0;
    background-color: var(--mud-palette-drawer-background);
}

[b-9hqg8umroh] .sm-submenu-item-header:focus {
    background-color: var(--mud-palette-surface);
}

[b-9hqg8umroh] .sm-submenu-item-header:active {
    pointer-events: none;
}

[b-9hqg8umroh] div[aria-hidden='true'].mud-navgroup-collapse:hover,
[b-9hqg8umroh] .sm-submenu-item-closed:hover > div {
    display: block !important;
    position: absolute;
    left: calc(var(--mud-drawer-width-mini-left) - 32px);
    width: 220px;
    border-radius: var(--mud-default-borderradius);
    transform: translateY(-44px);
    background-color: var(--mud-palette-surface);
    padding: 4px 4px 4px 8px;
}
[b-9hqg8umroh] .sm-submenu-item-closed:hover > div .mud-nav-link-text,
[b-9hqg8umroh] div[aria-hidden='true'].mud-navgroup-collapse:hover .mud-nav-link-text
{
    display: revert !important;
}

[b-9hqg8umroh] .sm-submenu-item-closed > div[aria-hidden='false'] {
    display: none;
}

[b-9hqg8umroh] .nav-bar-background-open .mud-drawer-content {
    overflow-y: hidden !important;
}