/* /Models/TextHighlight.razor.rz.scp.css */
.wrapper[b-pcd8hwt9j9] {
    display: flex;
    flex-direction: row;
    align-items: start;

    border: 1px solid var(--blue30);
    border-radius: 0.5rem;
    background: var(--blue10);
    color: var(--blue70);

    box-shadow: var(--shadows-elevationNeutral);
}

.icon[b-pcd8hwt9j9] {
    padding-top: 1rem;
    height: 1.5rem;
    width: 1.5rem;
    flex-shrink: 0;
    margin: 0.5rem;
}

.text[b-pcd8hwt9j9] {
    padding: 1.5rem 1rem 1.5rem 0;

    font-family: 'Helen Text', serif;
    font-weight: 400;
    text-align: justify;
    font-size: 0.925rem;
}
/* /Pages/Admin.razor.rz.scp.css */
.header[b-tz8mpoxlls] {
    font-family: 'Helen Headline', monospace;
    color: var(--blue80);
    font-size: 1.5rem;
    padding-left: 1rem;
}
/* /Pages/Authentication.razor.rz.scp.css */
.loading-text[b-qndybk129k] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    color: var(--neutral90);
}
/* /Pages/Datapoints.razor.rz.scp.css */
.header[b-ctb4la2pir] {
    display: flex;
    flex-direction: row;
    align-items: end;

    font-family: 'Helen Headline', monospace;
    color: var(--blue80);
    gap: 0.5rem;
}

.header .name[b-ctb4la2pir] {
    font-size: 1rem;
    padding-left: 2rem;
}

.device-model[b-ctb4la2pir] {
    font-size: 0.875rem;
}

.back-button[b-ctb4la2pir] {
    font-family: 'Helen Headline', monospace;
    color: var(--blue80);
    margin: 0;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.back-button:hover[b-ctb4la2pir] {
    cursor: pointer;
    color: var(--blue50);
}

.back-button:active[b-ctb4la2pir] {
    cursor: pointer;
    color: var(--blue90);
}

.info-section[b-ctb4la2pir] {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    overflow: auto;
    min-height: 4.5rem;
}

.device-info[b-ctb4la2pir] {
    padding: 10px 30px 10px 10px;
    align-content: center;
    font-family: 'Helen Text', serif;
    font-size: 0.875rem;
    color: var(--blue80);
    height: 3.5rem;
    text-wrap: nowrap;
}

.button-group[b-ctb4la2pir] {
    display: flex;
    padding: 0.5rem 1.5rem 0.5rem  0.5rem;
    align-content: center;
    justify-content: end;
    height: 3.5rem;
    gap: 1rem;
}

.enabled[b-ctb4la2pir] {
}

.disabled[b-ctb4la2pir] {
    pointer-events: none;
    opacity: 0.4;
}

.error-message[b-ctb4la2pir] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;

    padding: 1rem;
    gap: 1rem;

    background: var(--pink20);
}
/* /Pages/Debug.razor.rz.scp.css */
.header[b-bp6tduwjni] {
    display: flex;
    flex-direction: row;
    align-items: end;

    font-family: 'Helen Headline', monospace;
    color: var(--blue80);
    gap: 0.5rem;
}

.header .name[b-bp6tduwjni] {
    font-size: 1rem;
    padding-left: 2rem;
}

.back-button[b-bp6tduwjni] {
    font-family: 'Helen Headline', monospace;
    color: var(--blue80);
    margin: 0;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.back-button:hover[b-bp6tduwjni] {
    cursor: pointer;
    color: var(--blue50);
}

.back-button:active[b-bp6tduwjni] {
    cursor: pointer;
    color: var(--blue90);
}

.loading-text[b-bp6tduwjni] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    color: var(--neutral90);
}
/* /Pages/Error.razor.rz.scp.css */
.icon-wrapper[b-8jbkb4lyl9] {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;

    font-family: 'Helen Headline', serif;
    font-size: 2.5rem;

    color: var(--neutral90)
}

.text-wrapper[b-8jbkb4lyl9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    font-family: 'Helen Text', serif;
    color: var(--neutral90)
}

.big-text[b-8jbkb4lyl9] {
    font-size: 1rem;
    font-weight: 400;
}

.small-text[b-8jbkb4lyl9] {
    font-size: 0.75rem;
    font-weight: 500;
}
/* /Pages/Index.razor.rz.scp.css */
.index-wrapper[b-170pb51g6g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    height: 100%;
    width: 100%;
}

.search-container[b-170pb51g6g] {
    padding-top: 1rem;
    width: 100%;

    justify-content: center;
    align-items: start;
    display: flex;
}

.dashboard[b-170pb51g6g] {
    width: calc(100% - 4rem);
    display: grid;
    flex-direction: row;
    justify-items: center;
    position: absolute;
    padding: 1rem;
    padding-top: 8rem;
    grid-template-columns: 1fr 1fr;
    gap: 1rem
;
}

.assembly-version[b-170pb51g6g] {
    font-family: 'Helen Text', serif;
    font-size: 0.75rem;
    position: fixed;
    left: 50vw;
    bottom: 0;
}

.chart[b-170pb51g6g] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 18rem;
}

.table-wrapper[b-170pb51g6g] {
    overflow: auto;
    max-height: 48vh;
    width:100%
}

.table-container[b-170pb51g6g] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    width: 100%;
    padding: 1rem;
    gap: 1rem;
}

table[b-170pb51g6g] {
    width: 100%;
    border-collapse: collapse;
}

.table-header[b-170pb51g6g] {
    font-size: 14px;
    font-family: "Helen Text", serif;
    font-weight: 700;
    color: #666666;
    width: 100%;
    text-align: center;
}

th[b-170pb51g6g] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
    font-size: 0.875rem;
    height: 0;
    color: var(--neutral70);
    padding: 0.345rem 1rem 0 1rem;
}

thead th[b-170pb51g6g] {
    border: 0;
}

tr[b-170pb51g6g] {
    font-family: 'Helen Text', serif;
    font-weight: 500;
    background: var(--neutral0);
    font-size: 14px;

    height: 0;
    color: var(--neutral90);
    border-bottom: 1px solid var(--neutral30);
}

td[b-170pb51g6g] {
    height: 0;
    padding: 0.345rem 1rem;
}

tr:nth-child(odd)[b-170pb51g6g] {
    background: var(--neutral10);
}

@media (max-width: 850px) {
    .search-container[b-170pb51g6g] {
        padding-top: 0;
    }
    .dashboard[b-170pb51g6g] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Routers.razor.rz.scp.css */
.router-header[b-gbpm8e0t6d] {
    font-family: 'Helen Headline', monospace;
    color: var(--blue80);
    font-size: 1.5rem;
}

a:has(iconify-icon)[b-gbpm8e0t6d] {
    margin-right: 1em;
}

iconify-icon[b-gbpm8e0t6d] {
    color: var(--neutral70);
}
/* /Pages/Sensors.razor.rz.scp.css */
.header[b-z8k2p6hpvf] {
    display: flex;
    flex-direction: row;
    align-items: end;

    font-family: 'Helen Headline', monospace;
    color: var(--blue80);
    gap: 0.5rem;
}

.header .name[b-z8k2p6hpvf] {
    font-size: 1rem;
    padding-left: 2rem;
}

.back-button[b-z8k2p6hpvf] {
    font-family: 'Helen Headline', monospace;
    color: var(--blue80);
    margin: 0;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.back-button:hover[b-z8k2p6hpvf] {
    cursor: pointer;
    color: var(--blue50);
}

.back-button:active[b-z8k2p6hpvf] {
    cursor: pointer;
    color: var(--blue90);
}

ul[b-z8k2p6hpvf] {
    padding: 1rem 0 0 0;
}

ul li[b-z8k2p6hpvf] {
    display: flex;
    align-items: center;

    font-family: 'Helen Text', serif;
    font-weight: 400;
    background: var(--neutral0);
    font-size: 16px;

    padding: 0.5rem;
}

ul li:nth-child(odd)[b-z8k2p6hpvf] {
    background: var(--neutral10);
}

ul li:nth-child(odd).edited[b-z8k2p6hpvf] {
    background: var(--blue20);
}

ul li.edited[b-z8k2p6hpvf] {
    background: var(--blue10);
}

.modal-title[b-z8k2p6hpvf] {
    font-family: 'Helen Headline', monospace;
    font-weight: 700;
    color: var(--neutral90);
}

.button-group[b-z8k2p6hpvf] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--neutral10);
    margin-top: 1rem;
    margin-bottom: 1rem;
    gap: 0.5rem;
}

.modal-content-wrapper[b-z8k2p6hpvf] {
    padding: 1rem;
    width: 20rem;
}

.modal-button-group[b-z8k2p6hpvf] {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
    gap: 0.5rem;
}

.delete-description[b-z8k2p6hpvf] {
    padding: 0.5rem 1rem;
}

.error-message[b-z8k2p6hpvf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;
    margin-top: 1rem;
    padding: 1rem;
    background: var(--pink20);
}

.error-message .error[b-z8k2p6hpvf] {
    font-size: 0.85rem;
    font-weight: 500;
}

.inverted[b-z8k2p6hpvf] {
    filter: invert(100%)
}

.commit-button-wrapper[b-z8k2p6hpvf]{
    align-items: center;
    align-content: center;
    
    padding-left: 1rem;
    padding-right: 1rem;
}
/* /Pages/Systems.razor.rz.scp.css */
.content-wrapper[b-qj4fw09qz8] {
    width: 25rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.spacer[b-qj4fw09qz8] {
    height: 1rem;
    width: 100%;
}

.button-group[b-qj4fw09qz8] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
}

    .button-group[b-qj4fw09qz8]  button {
        margin: 0.5rem;
    }

label[b-qj4fw09qz8] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}
/* /Pages/Templates.razor.rz.scp.css */
input[b-96r64g5emr], select[b-96r64g5emr] {
    font-family: 'Helen Headline', monospace;
    font-size: 18px;
    margin-left: 20px;
    min-width: 180px;
    border: none;
    border-radius: 5px;
    padding: 2px;
}

input[disabled="true"][b-96r64g5emr] {
    background: transparent;
    color: var(--blue80);
}

.btn[b-96r64g5emr]
{
    font-family: 'Helen Text', serif;
    font-weight: 400;
    border: none;
}

.btn-check:checked + .btn[b-96r64g5emr]
{
    background: var(--blue80);
    color: white;
    box-shadow: none;
}

.header .edit-icon[b-96r64g5emr]
{
    opacity: 0;
    transition: opacity 0.1s ease;
}

.header:hover .edit-icon[b-96r64g5emr]
{
    opacity: 1;
}

.header-table[b-96r64g5emr]
{
    width: 100%;
    margin-right: 20px;
}

iconify-icon[b-96r64g5emr] {
    margin: 10px;
}

.text[b-96r64g5emr] {
    color: var(--blue80);
    padding: 0.75rem 1rem;
    border-radius: 4px;
    font-style: normal;
    font-size: 0.75rem;
    font-family: 'Helen Text', serif;
    font-weight: 400;
}

.text-bold[b-96r64g5emr] {
    color: var(--neutral90);
    padding: 0.75rem 1rem;
    border-radius: 4px;
    font-style: normal;
    font-size: 1rem;
    font-family: 'Helen Text', serif;
    font-weight: 700;
}

.button-group[b-96r64g5emr] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
    gap: 0.5rem;
}

.delete-description[b-96r64g5emr] {
    padding: 0.5rem;
}
/* /Pages/Unauthorized.razor.rz.scp.css */
.icon-wrapper[b-ekdnv88fk2] {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;

    font-family: 'Helen Headline', serif;
    font-size: 2.5rem;

    color: var(--neutral90)
}

.text-wrapper[b-ekdnv88fk2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    font-family: 'Helen Text', serif;
    color: var(--neutral90)
}

.big-text[b-ekdnv88fk2] {
    font-size: 1rem;
    font-weight: 400;
}
/* /Shared/BuildingCard.razor.rz.scp.css */
.building[b-g7g4ohdgu1] {
    height: 2.5rem;
    padding: 0 2rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.building img[b-g7g4ohdgu1]
{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.building-name[b-g7g4ohdgu1] {
    flex: 1;
    font-family: 'Helen Headline', serif;
    font-weight: 700;
    color: var(--blue80);
}

.building-id[b-g7g4ohdgu1] {
    flex: 1;
    display: flex;
    font-family: 'Helen Text', serif;
    font-weight: 500;
    color: var(--neutral90);
}
/* /Shared/BuildingEditModal.razor.rz.scp.css */
.button-group[b-i2wdlgne7m] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
}

.button-group[b-i2wdlgne7m] {
    gap: 0.5rem;
}
/* /Shared/ChartJs.razor.rz.scp.css */
/* /Shared/Checkbox.razor.rz.scp.css */
button[b-38xg05iira] {
    color: var(--blue10);
    min-width: 1.5rem;
    max-width: 1.5rem;
    min-height: 1.5rem;
    max-height: 1.5rem;
    border-radius: 4px;
    border: 2px solid var(--blue80);
    
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

button:hover[b-38xg05iira] {
    background: var(--blue10);
}

button[data-checked="true"][b-38xg05iira] {
    background: var(--blue80) !important;
}

button:disabled[b-38xg05iira] {
    cursor: default;
    border-color: var(--neutral40);
    background: var(--neutral30) !important;
}
/* /Shared/ConfirmDeleteModal.razor.rz.scp.css */
.content-wrapper[b-sd9ymcmxm4] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.spacer[b-sd9ymcmxm4] {
    height: 1rem;
    width: 100%;
}

.button-group[b-sd9ymcmxm4] {
    width: 100%;
    padding: 1rem 1rem;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    display: flex;
    align-items: end;
    justify-content: space-around;
    justify-items: stretch;
}

.button-group[b-sd9ymcmxm4] {
    gap: 0.5rem;
}

label[b-sd9ymcmxm4] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}

.error-message[b-sd9ymcmxm4] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;

    padding: 1rem;
    margin-bottom: 1em;
    gap: 1rem;

    background: var(--pink20);
}
/* /Shared/CopyButton.razor.rz.scp.css */
.icon[b-py6yg9h9nq] {
    display: flex;
    cursor: pointer;
    background: transparent;
    border: transparent;
    font-family: 'Helen Text', serif;
    width: 50px;
}
/* /Shared/DeviceCard.razor.rz.scp.css */
.header-content[b-racbnpz9fr] {
    font-family: 'Helen Headline', serif;
    font-weight: 700;
    font-size: 1rem;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.device[b-racbnpz9fr]
{
    font-family: 'Helen Text', serif;
    font-weight: 400;
    color: var(--blue90);

    display:flex;
    justify-content: space-between;
    flex-direction: column;
    border-radius: 10px;
    background: var(--neutral10);
    padding: 0.75rem;
    min-height: 10.5rem;
}

.device-wrapper[b-racbnpz9fr]
{
    padding: 0.75rem 1rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.device-info[b-racbnpz9fr] {
    display: grid;
    grid-template-columns: 14rem auto;
    gap: 0.5rem;
    width: 100%
}

.button-group[b-racbnpz9fr] {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem;
}

.modbus-info[b-racbnpz9fr] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    color: var(--neutral90);
    display: flex;
}

.title[b-racbnpz9fr] {
    font-family: 'Helen Headline', monospace;
    font-weight: 700;
    color: var(--blue80);
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 0.25rem;
}

.device-description[b-racbnpz9fr] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}

.router-button-content[b-racbnpz9fr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.connected-text[b-racbnpz9fr] {
    color: var(--green70);
    display: flex;
    align-items: center;
    line-height: 1rem;
    font-family: 'Helen Headline', serif;
    font-size: 0.875rem;
}

.disconnected-text[b-racbnpz9fr] {
    color: var(--red);
    display: flex;
    align-items: center;
    line-height: 1rem;
    font-family: 'Helen Headline', serif;
    font-size: 0.875rem;
}

a[b-racbnpz9fr] {
    text-decoration: none;
}

.error-message[b-racbnpz9fr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;
    margin-top: 1rem;
    padding: 1rem;
    background: var(--pink20);
}

.error-message .error[b-racbnpz9fr] {
    font-size: 0.85rem;
    font-weight: 500;
}

.warning-box[b-racbnpz9fr] {
    border: 1px solid #9e376d;
    color: #9e376d;
    background-color: #fee3f1;
    padding: 1em;
    margin-top: 0.5em;
}

.modal-button-group[b-racbnpz9fr] {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
    gap: 0.5rem;
}

.vertical-spacer[b-racbnpz9fr] {
    width: 1rem;
    height: 100%;
}
/* /Shared/DeviceEditModal.razor.rz.scp.css */
.content-wrapper[b-f1vkfc6f78] {
    width: 32rem;
    padding: 1rem;
    
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.spacer[b-f1vkfc6f78] {
    height: 0.5rem;
    width: 100%;
}

.group[b-f1vkfc6f78] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.button-group[b-f1vkfc6f78] {
    justify-content: end;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
}

label[b-f1vkfc6f78] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}

.title[b-f1vkfc6f78] {
    font-family: 'Helen Headline', serif;
    font-weight: 700;
    color: var(--neutral90);
    padding-left: 1rem;
}

.error-message[b-f1vkfc6f78] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;

    padding: 1rem;
    gap: 1rem;

    background: var(--pink20);
}
/* /Shared/DeviceTemplateEditModal.razor.rz.scp.css */
.content-wrapper[b-4k62vaajim] {
    width: 35rem;
    padding: 1rem;

    display: flex;
    flex-direction: column;
    justify-content: start;
}

.content-wrapper .group[b-4k62vaajim] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.group[b-4k62vaajim]  .input-wrapper, .group[b-4k62vaajim]  .dropdown-container {
    width: 100%;
}

.horizontal-spacer[b-4k62vaajim] {
    height: 1rem;
    width: 100%;
}

.vertical-spacer[b-4k62vaajim] {
    width: 1rem;
    height: 100%;
}

.button-group[b-4k62vaajim] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
}

.error-message[b-4k62vaajim] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;

    padding: 1rem;
    gap: 1rem;

    background: var(--pink20);
}
/* /Shared/DeviceTestingTab.razor.rz.scp.css */
.info-container[b-didlncybo9] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
    width: 100%;

    font-family: 'Helen Text', serif;
    font-weight: 400;
}

.info-container > .card:nth-child(1)[b-didlncybo9] {
    grid-column: 1 / -1;
}

.info-container > .card:nth-child(2)[b-didlncybo9] {
    grid-column: 1 / -1;
}

.card-group[b-didlncybo9] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    width: 100%;

    font-family: 'Helen Text', serif;
    font-weight: 400;
}

.card[b-didlncybo9] {
    border-radius: 10px;
    background: var(--neutral20);
    padding: 0.75rem;
    border: 0;
}

.button-group[b-didlncybo9] {
    display: flex;
    width: 100%;
    justify-content: left;
    gap: 0.5rem;
    padding: 0.5rem;
}

.modal-button-group[b-didlncybo9] {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
    gap: 0.5rem;
}

.header-content[b-didlncybo9] {
    font-family: 'Helen Headline', serif;
    font-weight: 700;
    font-size: 1rem;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.table-header[b-didlncybo9] {
    font-size: 14px;
    font-family: "Helen Text", serif;
    font-weight: 700;
    color: var(--color-ansi-black);
    width: 100%;
    text-align: center;
    background: var(--neutral10);
}

.table-body[b-didlncybo9] {
    font-size: 14px;
    font-family: "Helen Text", serif;
    font-weight: 700;
    color: #666666;
    width: 100%;
    text-align: center;
}

tr:nth-child(even)[b-didlncybo9] {background: #FFF}

.title[b-didlncybo9] {
    font-family: 'Helen Headline', monospace;
    font-weight: 700;
    color: var(--blue80);
    padding: 0.5rem;
}

.text[b-didlncybo9] {
    padding: 0.5rem;
}

.warning-box[b-didlncybo9] {
    border: 1px solid #9e376d;
    color: #9e376d;
    background-color: #fee3f1;
    padding: 1em;
    margin-top: 0.5em;
}

@media (max-width: 900px) {
    .button-group[b-didlncybo9] {
        flex-direction: column;
    }
}
/* /Shared/Dropdown.razor.rz.scp.css */
.dropdown-container[b-b60kfrn16c]
{
    font-size: 1rem;
    color: var(--neutral70);

    display:flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    height: 100%;
}

.dropdown-wrapper[b-b60kfrn16c] {
    position: relative;
    display: inline-block;
    padding: 0;
    height: 100%;
}

.disabled[b-b60kfrn16c] {
    background: var(--neutral20) !important;
    color: var(--neutral60) !important;
    border-color: var(--neutral40) !important;
    cursor: default;
    outline: none;
}

.dropdown[b-b60kfrn16c] {
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: var(--neutral0);
    box-shadow: var(--shadows-elevationStrong);
    z-index: 10;
    overflow-y: auto;
}

.search-wrapper[b-b60kfrn16c] {
    padding: 0.5rem 0.75rem;
}

.label[b-b60kfrn16c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    border-radius: 4px;
    background: var(--neutral0);
    padding: 0.5rem 1rem;
    border: 1px solid var(--neutral70);
}

.icon[b-b60kfrn16c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: unset;
    width: unset;
    max-width: unset;
    height: 100%;
    padding: 0.5rem 1rem;
}

.dropdown-item[b-b60kfrn16c] {
    width: 100%;
}

.dropdown-item:hover[b-b60kfrn16c] {
    background-color: var(--neutral10);
}

.dropdown-item:active[b-b60kfrn16c] {
    background: var(--neutral20);
    color: var(--neutral100);
}

.dropdown-item:not(:last-child)[b-b60kfrn16c] {
    border-bottom: 1px solid var(--neutral30);
}

.chevron[b-b60kfrn16c] {
    width: 1.5rem;
    height: 1.5rem;
    transition: transform 0.2s;
}

.caret-up[b-b60kfrn16c] {
    transform: rotate(180deg);
}

.caret-down[b-b60kfrn16c] {
    transform: rotate(0deg);
}

.text-regular[b-b60kfrn16c] {
    font-family: 'Helen Text', serif;
    font-weight: 500;
}

.text-bold[b-b60kfrn16c] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
}

label[b-b60kfrn16c] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}

.dropdown-group[b-b60kfrn16c] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
    font-size: 10px;
    color: var(--neutral70);
    padding: 10px;
}

/* sizes */
.tiny[b-b60kfrn16c] {
    line-height: 1rem;
    font-size: 0.875rem;
    padding: 0.45rem 0.5rem;
    min-height: 2rem;
}

.small[b-b60kfrn16c] {
    line-height: 1.5rem;
    font-size: 1rem;
    padding: 0.4375rem 0.875rem;
    min-height: 2.5rem;
}

.normal[b-b60kfrn16c]
{
    line-height: 1.5rem;
    font-size: 1rem;
    padding: 0.75rem 1rem;
    min-height: 3rem;
}

.big[b-b60kfrn16c] {
    line-height: 1.5rem;
    font-size: 1rem;
    padding: 0.9375rem 2rem;
    min-height: 3.5rem;
}

.conflict[b-b60kfrn16c] {
    box-shadow: inset 0px 0px 4px 4px var(--red);
}
/* /Shared/ExcelModal.razor.rz.scp.css */
.import-wrapper[b-ynl3vcly9p] {
    min-width: 30rem;
    min-height: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.import-header[b-ynl3vcly9p] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
    font-size: 1.15rem;

    display: flex;
    align-items: center;
}

.error[b-ynl3vcly9p] {
    font-family: 'Helen Text', serif;
    font-weight: 500;
    font-size: 0.925rem;
    color: var(--pink70);
    text-align: justify;
    padding: 0.5rem 0.25rem;
}

.warning[b-ynl3vcly9p] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.925rem;
    color: var(--yellow50);
    text-align: justify;
    padding: 0.5rem 0.25rem;
}

.information[b-ynl3vcly9p] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.925rem;
    color: var(--neutral90);
    text-align: justify;
    padding: 0.5rem 0.25rem;
}

.instructions[b-ynl3vcly9p] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.925rem;
    color: var(--neutral50);
    text-align: justify;
    padding: 1rem;
    max-height: 25rem;
    overflow: auto;
}

.output[b-ynl3vcly9p] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
    color: var(--neutral90);
}

.new-count[b-ynl3vcly9p] {
    color: var(--green60);
}

.updated-count[b-ynl3vcly9p] {
    color: var(--blue70);
}

.buttons[b-ynl3vcly9p] {
    width: 100%;
    padding: 1rem 1rem;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    display: flex;
    align-items: end;
    justify-content: space-around;
    justify-items: stretch;
}

.downloads[b-ynl3vcly9p] {
    padding-top: 1rem;
}

label[for="file-upload"][b-ynl3vcly9p] {
    font-family: 'Helen Text', serif;
    font-weight: 500;

    color: var(--neutral0);
    background: var(--blue80);
    
    border-radius: 10rem;
    padding: 0.4375rem 2rem;
    line-height: 1.5rem;
    font-size: 1rem;
    min-height: 2.5rem;
    width: 11rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

label[for="file-upload"]:hover[b-ynl3vcly9p] {
    background: var(--blue70);
}

label[for="file-upload"]:active[b-ynl3vcly9p] {
    background: var(--blue90);
}

[b-ynl3vcly9p] input[type="file"] {
    z-index: -1000;
    position: absolute;
}
/* /Shared/FieldSystemCard.razor.rz.scp.css */
.field-system[b-7v3rxr5rzk] {
    height: 2.5rem;
    padding: 0 0.5rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.field-system img[b-7v3rxr5rzk]
{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.field-system iconify-icon[b-7v3rxr5rzk]
{
    padding: 10px;
    color: var(--blue80);
}

.field-system[b-7v3rxr5rzk]  > div
{
    flex: 1 1 100%;
}

.field-system-name[b-7v3rxr5rzk] {
    font-family: 'Helen Headline', serif;
    font-weight: 700;
    color: var(--blue80);
}

.sla-level[b-7v3rxr5rzk] {
    display: flex;
    justify-content: center;
    font-family: 'Helen Text', serif;
    font-weight: 500;
    color: var(--neutral90);
}

.field-system[b-7v3rxr5rzk]  > .popup-menu-wrapper {
    justify-content: end;
    padding-right: 1rem;
}

.metering-point-id[b-7v3rxr5rzk] {
    display: flex;
    justify-content: center;
    font-family: 'Helen Text', serif;
    font-weight: 500;
    color: var(--neutral90);
}

.device-container[b-7v3rxr5rzk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-direction: column;
    gap: 1rem;

    margin: 0 0.5rem 0 3.5rem;
}

@media (max-width: 1500px) {
    .device-container[b-7v3rxr5rzk] {
        grid-template-columns: 1fr;
    }
}

.error-message[b-7v3rxr5rzk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;
    margin-top: 1rem;
    padding: 1rem;
    background: var(--pink20);
}

.error-message .error[b-7v3rxr5rzk] {
    font-size: 0.85rem;
    font-weight: 500;
}
/* /Shared/FieldSystemEditModal.razor.rz.scp.css */
.content-wrapper[b-t1y6bqhysz] {
    width: 25rem;
    padding: 1rem;

    display: flex;
    flex-direction: column;
    justify-content: start;
}

.spacer[b-t1y6bqhysz] {
    height: 0.5rem;
    width: 100%;
}

.button-group[b-t1y6bqhysz] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
}

.button-group[b-t1y6bqhysz] {
    gap: 0.5rem;
}

label[b-t1y6bqhysz] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}

.error-message[b-t1y6bqhysz] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    
    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;
    
    padding: 1rem;
    gap: 1rem;
    
    background: var(--pink20);
}
/* /Shared/HeatFlex/FailsafeTestCard.razor.rz.scp.css */
.header-content[b-uwpasbch8d] {
    font-family: 'Helen Headline', serif;
    font-weight: 700;
    font-size: 1rem;
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.modal-content[b-uwpasbch8d] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 1rem;
    border: 0;
    padding: 1rem 1.5rem;
}

.footer-content[b-uwpasbch8d] {
    display: flex;
    justify-content: center;
    padding: 1rem;

    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
}

.failsafe-test-table[b-uwpasbch8d] {
    display: grid;
    grid-template-columns: 16rem 12rem 6rem auto 3rem;
}

.table-header[b-uwpasbch8d] {
    font-size: 14px;
    font-family: "Helen Text", serif;
    font-weight: 700;
    color: #666666;
    width: 100%;
    text-align: center;
}

.failsafe-test-header[b-uwpasbch8d] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--neutral70);
    padding: 0.345rem 1rem 0 1rem;
}

.failsafe-test-table > .result-row:nth-child(odd)[b-uwpasbch8d] >  div {
    background: var(--neutral10);
}

.error-message[b-uwpasbch8d] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;

    padding: 1rem;
    gap: 1rem;

    background: var(--pink20);
}
/* /Shared/HeatFlex/FailsafeTestResultRow.razor.rz.scp.css */
.result-cell[b-39jbkpwq6p] {
    font-family: 'Helen Text', serif;
    font-weight: 500;
    background: var(--neutral0);
    font-size: 14px;
    color: var(--neutral90);
    border-bottom: 1px solid var(--neutral30);
    padding: 0.5rem 1rem;

    align-items: start;
    justify-content: center;

    display: flex;
    flex-direction: column;
}

.result-cell-no-border[b-39jbkpwq6p] {
    border-bottom: 1px transparent !important;
} 
/* /Shared/HeatSubstationFilteringModal.razor.rz.scp.css */
.modal-content-wrapper[b-y74na2m9k7] {
    height: 100vh;
}

.spacer[b-y74na2m9k7] {
    height: 1rem;
    width: 100%;
}

.button-group[b-y74na2m9k7] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
    gap: 0.5rem;
    width: 100%;
}

label[b-y74na2m9k7] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}

.input-grid[b-y74na2m9k7] {
    display: grid;
    grid-template-columns: 5rem 8rem 8rem 8rem 8rem;
}

.header[b-y74na2m9k7] {
    font-family: 'Helen Headline', serif;
    font-weight: 700;
    color: var(--neutral90);
    padding-left: 1rem;
}

.title-text[b-y74na2m9k7] {
    font-family: 'Helen Text', serif;
    font-weight: 500;
    font-size: 12px;
    color: var(--blue80);

    display: flex;
    align-items: end;
    justify-content: start;
    padding: 0 0.5rem;
}

.circuit-grid[b-y74na2m9k7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: flex-start;
    grid-gap: 0.5rem;
}

.circuit[b-y74na2m9k7] {
    display: grid;
    grid-template-columns: 0.5fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    width: 18rem;
    background-color: var(--blue10);
    padding: 0.4em;
}

.circuit .circuit-heading:first-of-type[b-y74na2m9k7] {
    text-align: left;
}

.circuit-heading[b-y74na2m9k7] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
    font-size: 0.8rem;
    color: var(--blue70);
    white-space: pre-line;
    text-align: center;
}

.circuit-name[b-y74na2m9k7] {
    font-family: 'Helen Text', serif;
    font-weight: 900;
    font-size: 1.0rem;
    color: var(--blue70);
}

.circuit-code[b-y74na2m9k7] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--blue70);
}

.circuit-selector[b-y74na2m9k7] {
    display: flex;
    align-items: center;
}

.circuit-measurements-wrapper[b-y74na2m9k7] {
    display: flex;
    width: 100%;
}

.circuit-measurements[b-y74na2m9k7] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0.5rem 2rem 0.5rem 2rem;
    justify-items: center;
}

.icon[b-y74na2m9k7] {
    background: var(--blue80);
    border-radius: 50%;
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border: 0;
    outline: 0;
}

.icon:hover[b-y74na2m9k7] {
    background: var(--blue70)
}

.icon:active[b-y74na2m9k7] {
    background: var(--blue90)
}

.input-grid > .item-row[b-y74na2m9k7] {
    display: contents;
}

.input-grid > .item-row[b-y74na2m9k7] >  div {
    padding:0.5rem;
}
.input-grid > .item-row:nth-child(odd)[b-y74na2m9k7] >  div {
    background: var(--neutral10);
}
/* /Shared/HelenButton.razor.rz.scp.css */
button[b-51qkza5g0u] {
    border: 1px solid transparent;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    font-family: 'Helen Text', serif;
    font-weight: 700;

    border-radius: 10rem;
    text-wrap: nowrap;
}

button:hover[b-51qkza5g0u] {
    background: var(--blue70);
}

button:active[b-51qkza5g0u] {
    background: var(--blue90);
}

button:disabled[b-51qkza5g0u] {
    background: rgba(16, 1, 105, 0.1);
    color: var(--neutral50);
    cursor: not-allowed;
}

/* STYLES */
.primary[b-51qkza5g0u] {
    background: var(--blue80);
    color: var(--neutral0);
}

.secondary[b-51qkza5g0u] {
    background-color: var(--neutral0);
    color: var(--blue70);
    border: 1px solid rgba(16, 1, 105, 0.5);
}

.secondary:hover[b-51qkza5g0u] {
    background-color: rgba(84, 87, 120, 0.2);
}

.destructive[b-51qkza5g0u] {
    background: var(--pink60);
    color: var(--neutral0);
    border: 1px solid transparent;
}

.destructive:hover[b-51qkza5g0u] {
    background: var(--pink70);
}

.destructive:active[b-51qkza5g0u] {
    background: var(--pink80);
}

.plain[b-51qkza5g0u] {
    background: transparent;
    color: var(--blue70);
}

.plain:disabled[b-51qkza5g0u] {
    background: transparent;
    color: var(--neutral50);
}

.plain:hover:not(:disabled)[b-51qkza5g0u] {
    background: transparent;
    text-decoration: underline;
}

.plain-minimal[b-51qkza5g0u] {
    padding: 0 !important;
    margin: 0;
    border-radius: 0;
    background: transparent;
    color: var(--blue70);
}

.plain-minimal:hover[b-51qkza5g0u] {
    background: transparent;
}

.plain-minimal:hover:not(:disabled)[b-51qkza5g0u] {
    text-decoration: underline;
}

.plain-minimal:disabled[b-51qkza5g0u] {
    background: transparent;
    color: var(--neutral50);
}

/* SIZES */
button *[b-51qkza5g0u] {
    height: 100%;
}

.tiny[b-51qkza5g0u] {
    line-height: 1rem;
    font-size: 0.875rem;
    padding: 0.45rem 1rem;
    min-height: 2rem;
}

.small[b-51qkza5g0u] {
    line-height: 1.5rem;
    font-size: 1rem;
    padding: 0.4375rem 2rem;
    min-height: 2.5rem;
}

.normal[b-51qkza5g0u]
{
    line-height: 1.5rem;
    font-size: 1rem;
    padding: 0.6875rem 2rem;
    min-height: 3rem;
}

.big[b-51qkza5g0u] {
    line-height: 1.5rem;
    font-size: 1rem;
    padding: 0.9375rem 2rem;
    min-height: 3.5rem;
}
/* /Shared/ImportSensorsModal.razor.rz.scp.css */
.content-wrapper[b-behz00i7pl] {
    width: 35rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.header[b-behz00i7pl] {
    font-family: 'Helen Text', serif;
    font-weight: 500;
    padding: 10px;
    height: 2rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.spacer[b-behz00i7pl] {
    height: 0.5rem;
    width: 100%;
}

.button-group[b-behz00i7pl] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
    gap: 0.5rem;
}

label[b-behz00i7pl] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}

.error-message[b-behz00i7pl] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    
    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;
    
    padding: 1rem;
    gap: 1rem;
    
    background: var(--pink20);
}
/* /Shared/Layout/AppContentContainer.razor.rz.scp.css */
.app-content-container[b-c8vmzktbrq] {
    position: relative;
    background: var(--neutral10);
    width: 100%;
    height: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
}

.app-content[b-c8vmzktbrq] {
    position:absolute;
    background: white;
    width: 100%;
    height: 100%;
    padding: 1.5rem 1rem;
    box-shadow: #CACACA 0 0 5px;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

.rounded-corner[b-c8vmzktbrq] {
    border-radius: 10px 0 0 0;
}
/* /Shared/Layout/AppContentFlex.razor.rz.scp.css */
.app-content-flex-container[b-mt6zqfhwmi] {
    display: flex;
    height: 100vh;
    width: 100%;
    flex-direction: column;
}
/* /Shared/Layout/AppContentHeader.razor.rz.scp.css */
.header[b-2jvx0jacen] {
    width: 100%;
    background: #F9F9FB;
    display: flex;
    align-items: center;
    height: 4.5rem;
    padding: 1rem;
}
/* /Shared/Layout/CenteredContentContainer.razor.rz.scp.css */
.centered-content-container[b-glymob1t2j] {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
/* /Shared/Layout/MainLayout.razor.rz.scp.css */
#app-update-note[b-3wirwx53ry] {
    background: var(--blue20);
    border-bottom: 2px solid var(--blue40);
    padding: 1rem;
    display: flex;
    font-family: 'Helen Text', serif;
}

#app-update-note span[b-3wirwx53ry] {
    flex: 1;
    align-content: center;
}
/* /Shared/Layout/SideMenu.razor.rz.scp.css */
.side-menu-fixed-top[b-fbcxj8vn5q]
{
    width: 100%;
    height: 4.5rem;
    padding: 1rem 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side-menu-fill-middle[b-fbcxj8vn5q]
{
    flex-grow: 1;
    overflow: hidden auto;
    padding-top: 0.4rem;
}

.side-menu-fixed-bottom[b-fbcxj8vn5q]{
    background: #F9F9FB;
    width: 100%;
    height: 3rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}

.collapse-button[b-fbcxj8vn5q]
{
    position: absolute;
    left: 310px;
    transition: left 0.2s ease;
    top: 50vh;
    z-index: 11;
}

.icon[b-fbcxj8vn5q] {
    transform: rotate(0deg);
    transition: transform 0.2s ease;
}

.collapse-button-collapsed[b-fbcxj8vn5q]
{
    left: 60px !important;
}

.collapse-button-collapsed img[b-fbcxj8vn5q] {
    transform: rotate(180deg);
}

.side-menu-collapsed[b-fbcxj8vn5q]
{
    flex: 0 0 0 !important;
}
/* /Shared/LoadingSpinner.razor.rz.scp.css */
.loading-spinner[b-j500nn4xpg] {
    border-bottom: 0.25rem solid transparent;
    border-image: initial;
    border-radius: 50%;
    flex-shrink: 0;
    animation: 1s linear 0s infinite normal none running spin;
    margin-right: 0.25rem;
}
/* /Shared/LoginDisplay.razor.rz.scp.css */
.profile-img[b-3uqtav3m4e] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: white;
}

.login-link[b-3uqtav3m4e] {
    font-family: 'Helen Text', serif;
    font-size: 0.65rem;
    font-style: normal;
    
    color: var(--neutral0);
    text-decoration: none;
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.login-link iconify-icon[b-3uqtav3m4e] {
    width: unset !important;
}
/* /Shared/Modal.razor.rz.scp.css */
.wrapper[b-dvldf2bn5j] {
    position: fixed;
    background: var(--neutral0);
    box-shadow: var(--shadows-elevationStrong);
    border-radius: 4px;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

.modal-container[b-dvldf2bn5j] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    font-family: 'Helen Text', serif;
    font-weight: 400;
    overflow: visible;
}

.header[b-dvldf2bn5j] {
    font-family: 'Helen Text', serif;
    font-weight: 500;

    padding: 20px;
    height: 2rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.close-button[b-dvldf2bn5j] {
    width: 32px;
    height: 32px;
}
/* /Shared/ModalBackdrop.razor.rz.scp.css */
.backdrop[b-bu1gwwmkj6] {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(84, 87, 120, 0.8);
    z-index: 15;
}
/* /Shared/Modbus/ModbusConfigurationCard.razor.rz.scp.css */
.button-group[b-d71ue40l55] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.button-group[b-d71ue40l55]  button {
    margin: 0.25rem !important;
}

.checkbox-group[b-d71ue40l55] {
    display: flex;
    align-items: center;
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 0.5rem;
    gap: 15px;
    font-family: 'Helen Text', serif;
    font-weight: 500;
    font-size: 16px;
}

.highlighted-instructions[b-d71ue40l55] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;

    padding: 1rem;
    gap: 1rem;

    background: var(--neutral10);
}

.highlighted-instructions > *[b-d71ue40l55] {
    width: 100%;
    text-align: left;
}

.error-message[b-d71ue40l55] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;

    padding: 1rem;
    gap: 1rem;

    background: var(--pink20);
}
/* /Shared/Modbus/ModbusConfigurationRow.razor.rz.scp.css */
/* override all fonts inside modbus row to be smaller */
[b-f8ndg50jr3] * {
    font-size: var(--table-font-size) !important;
}

.datapoint-td[b-f8ndg50jr3] {
    background: var(--neutral0)
}

.datapoint-tr:nth-child(odd)[b-f8ndg50jr3], .datapoint-tr:nth-child(odd) .datapoint-td[b-f8ndg50jr3] {
    background: var(--neutral10)
}

.datapoint-new-tr[b-f8ndg50jr3], .datapoint-new-td[b-f8ndg50jr3] {
    background: var(--green30) !important;
    color: white;
}

.datapoint-new-tr:nth-child(odd)[b-f8ndg50jr3], .datapoint-new-tr:nth-child(odd) .datapoint-new-td[b-f8ndg50jr3] {
    background: var(--green40) !important;
    color: white;
}

.datapoint-edited-tr[b-f8ndg50jr3], .datapoint-edited-td[b-f8ndg50jr3] {
    background-color: var(--blue30) !important;
    color: #fdfdfd;
}

.datapoint-edited-tr:nth-child(odd)[b-f8ndg50jr3], .datapoint-edited-tr:nth-child(odd) .datapoint-edited-td[b-f8ndg50jr3] {
    background-color: var(--blue40) !important;
    color: #fdfdfd;
}

.datapoint-deleted-tr[b-f8ndg50jr3], .datapoint-deleted-td[b-f8ndg50jr3] {
    background: var(--pink30) !important;
    color: white;
}

.datapoint-deleted-tr:nth-child(odd)[b-f8ndg50jr3], .datapoint-deleted-tr:nth-child(odd) .datapoint-deleted-td[b-f8ndg50jr3] {
    background: var(--pink40) !important;
    color: white;
}

.datapoint-conflict-tr[b-f8ndg50jr3], .datapoint-conflict-td[b-f8ndg50jr3] {
    background-color: var(--yellow50) !important;
    color: black;
}

tr[b-f8ndg50jr3] {
    height: 0;
    color: var(--neutral90);
    border-bottom: 1px solid var(--neutral30);
}

tr:nth-child(odd)[b-f8ndg50jr3] {
    background-color: var(--neutral10);
}

td[b-f8ndg50jr3] {
    width: 100%;
    height: 0;
}

.checkbox-container[b-f8ndg50jr3] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.75rem;
}

.trash-container[b-f8ndg50jr3] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-width: 24px;
    max-width: 24px;
}

.alert-container[b-f8ndg50jr3] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 35px;
}

.icon-container[b-f8ndg50jr3] {
    min-width: 24px;
    max-width: 24px;
}
/* /Shared/Modbus/ModbusConfigurationTable.razor.rz.scp.css */
.table-container[b-tfor5owwg6] {
    overflow: auto;
    flex-grow: 1;
    padding-left: 10px;
    min-height: 10rem;
    width: 100%;
}

.table[b-tfor5owwg6] {
    margin: 0 auto;
    vertical-align: top;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.header .template-name[b-tfor5owwg6], .template-protocol[b-tfor5owwg6] {
    font-family: 'Helen Headline', monospace;
    color: var(--blue80);
    margin: 0;
    font-size: 15px;
    padding-left: 20px;
}

.table-header[b-tfor5owwg6] {
    font-family: 'Helen Text', serif;
    font-weight: 500;
    font-size: 12px;
    color: var(--blue80);
    margin: 0;
    padding-left: 20px;
}

.datapoint-loading[b-tfor5owwg6] {
    position:absolute;
    background: white;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 20;
    pointer-events: none;
}

.datapoint-loading iconify-icon[b-tfor5owwg6] {
    position: absolute;
    top: 30vh;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 21;
    color: var(--blue80);
}

.btn[b-tfor5owwg6] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    border: none;
    transition: 0.1s ease-in-out;
}

.btn-close:hover[b-tfor5owwg6] {
    background: var(--pink50) !important;
    color: white;
}

th[b-tfor5owwg6] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
    font-size: 0.875rem;
    height: 0;
    color: var(--neutral70);
}

thead th[b-tfor5owwg6] {
    border: 0;
}

tbody th[b-tfor5owwg6] {
    border-bottom: 1px solid var(--neutral30);
}

th > .text[b-tfor5owwg6] {
    padding: 0.345rem 1rem;
}

thead[b-tfor5owwg6] {
    position: sticky;
    top: 0;
    background: var(--neutral0);
    z-index: 1;
    box-shadow: 0 1px 0 var(--neutral100);
}

[b-tfor5owwg6] .table-pinned * th:first-child, [b-tfor5owwg6] .table-pinned td:first-child {
    position: sticky;
    left: 0;
    z-index: 11;
}

.pin-icon[b-tfor5owwg6] {
    width: 20px;
    height: 20px;
}

.button-group[b-tfor5owwg6] {
    display: flex;
    gap: 0.5rem;
    justify-content: end;
    align-items: center;
    padding: 0.5rem 1.5rem 0.5rem  0.5rem;
}

.page-text[b-tfor5owwg6] {
    font-family: 'Helen Text', serif;
    font-size: 0.875rem;
    color: var(--neutral90);
}

.header-text[b-tfor5owwg6] {
    font-family: 'Helen Headline', monospace;
    font-size: 1rem;
    font-weight: 700;
    color: var(--neutral90);
}

.write-modal-content-wrapper[b-tfor5owwg6] {
    display: flex;
    flex-direction: column;
    gap: 1.0rem;
    padding: 0.5rem 1.5rem;
}

.text-alert[b-tfor5owwg6] {
    margin-top: 0.5rem;
    border: 1px solid var(--pink40);
    background: var(--pink30);
    color: var(--pink80);

    font-family: 'Helen Text', serif;
    font-weight: 400;

    display: flex;
    justify-content: space-between;
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: var(--shadows-elevationNeutral);
}

.text-grid[b-tfor5owwg6] {
    padding: 0.5rem 0;
    height: 100%;
    display: grid;
    grid-template-columns: 6rem auto;
    gap: 0.5rem;
    width: 100%;
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}
/* /Shared/Modbus/PeriodicWritingModal.razor.rz.scp.css */
.modal-content-wrapper[b-z8oz5zkdgw] {
    display: flex;
    flex-direction: column;
    gap: 1.0rem;
    padding: 0.5rem 1.5rem;
}

.input-wrapper[b-z8oz5zkdgw] {
    flex-direction: row;
}

.text-grid[b-z8oz5zkdgw] {
    padding: 0.5rem 0;
    height: 100%;
    display: grid;
    grid-template-columns: 8rem auto;
    gap: 0.5rem;
    width: 100%;
    align-items: center;

    color: var(--blue80);
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}

.text-grid:first-child[b-z8oz5zkdgw] {
    border-bottom: 1px solid var(--blue20);
}

.button-group[b-z8oz5zkdgw] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
    gap: 0.5rem;
}
/* /Shared/NewEntityButton.razor.rz.scp.css */
.new-entity-button[b-2ai4jask6k]
{
    font-family: 'Helen Text', serif;
    font-weight: normal;
    font-size: small;
    background: #100169;
    border: none;
    outline: none;
    flex-grow: 1;
    color: white;
    border-radius: 5px;
    width: 100%;
    height: 35px;
}

.new-entity-button:disabled[b-2ai4jask6k]
{
    background: #273FBC;
}

.new-entity-button:active[b-2ai4jask6k]
{
    background: #273FBC;
}
/* /Shared/NumberInput.razor.rz.scp.css */
.input-wrapper[b-zj26jcleib] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.input-container[disabled][b-zj26jcleib] {
    border-color: var(--neutral40) !important;
}

.input-container[b-zj26jcleib] {
    width: 100%;
    background: var(--neutral0);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid var(--neutral70);
    overflow: hidden;
}

.input-container:focus-within[b-zj26jcleib] {
    border: 1px solid var(--cyan) !important;
}

.prefix-text[b-zj26jcleib] {
    padding: 0 1rem;
}

label[b-zj26jcleib] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
    color: var(--neutral90);
}

input[b-zj26jcleib] {
    color: var(--neutral90);
    border: 0;
    font-family: 'Helen Text', serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1rem;
}

input:disabled[b-zj26jcleib] {
    background: var(--neutral20) !important;
    color: var(--neutral60) !important;
    border-color: var(--neutral40) !important;
    cursor: default;
    outline: none;
}

input[b-zj26jcleib] {
    background: var(--neutral0) !important;
}

input:focus[b-zj26jcleib], input:active[b-zj26jcleib] {
    border: 0 !important;
    outline: 0 !important;
}

input[b-zj26jcleib]::-webkit-outer-spin-button,
input[b-zj26jcleib]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-zj26jcleib] {
    -moz-appearance: textfield;
}

.tiny[b-zj26jcleib] {
    line-height: 1rem;
    font-size: 0.875rem;
    padding: 0.45rem 1rem;
    min-height: 2rem;
}

.small[b-zj26jcleib] {
    line-height: 1.5rem;
    font-size: 1rem;
    padding: 0.4375rem 2rem;
    min-height: 2.5rem;
}

.normal[b-zj26jcleib]
{
    line-height: 1.5rem;
    font-size: 1rem;
    padding: 0.75rem 1rem;
    min-height: 3rem;
}

.big[b-zj26jcleib] {
    line-height: 1.5rem;
    font-size: 1rem;
    padding: 0.9375rem 2rem;
    min-height: 3.5rem;
}

.conflict[b-zj26jcleib] {
    box-shadow: inset 0px 0px 4px 4px var(--red);
}
/* /Shared/PopupMenu.razor.rz.scp.css */
.popup-menu-wrapper[b-hx2bax3uec] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
}

.popup-menu-wrapper > div[b-hx2bax3uec] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-menu[b-hx2bax3uec] {
    z-index: 10;
    position: absolute;
    right: 0;
    background-color: var(--neutral0);
    min-width: 160px;
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadows-elevationStrong);
}

.popup-menu-icon[b-hx2bax3uec]
{
    color: #100169;
    margin: 0;
}

.popup-menu-bottom-right[b-hx2bax3uec]
{
    top: 30px;
    right: 10px;
}

.popup-menu-right[b-hx2bax3uec] {
    bottom: 0;
    left: 50px;
}
/* /Shared/PopupMenuItem.razor.rz.scp.css */
.popup-menu-item[b-yk31hjhpdb] {
    width: 100%;
    padding: 12px 16px;
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--neutral90);
    cursor: pointer;
    display: flex;
    align-items: center;
}

.popup-menu-item:hover:not(.disabled)[b-yk31hjhpdb] {
    background-color: var(--neutral10)
}

.disabled[b-yk31hjhpdb] {
    color: var(--neutral50) !important;
}

.popup-menu-item:active:not(.disabled)[b-yk31hjhpdb] {
    background: var(--neutral20);
    color: var(--neutral100);
}

.popup-menu-item:not(:last-child)[b-yk31hjhpdb] {
    border-bottom: 1px solid var(--neutral30)
}
/* /Shared/ProjectPermissionsCard.razor.rz.scp.css */
.wrapper[b-g89dcakgij] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    height: 100%;
    width: 100%;
}

.side-menu-container[b-g89dcakgij] {
    padding: 0.5rem;
    border-radius: 1rem;
    background:var(--neutral10);
    display: flex;
    flex: 0 0 var(--side-menu-width-with-padding)
}

.content[b-g89dcakgij] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.card[b-g89dcakgij] {
    border-radius: 10px;
    background: var(--neutral10);
    padding: 0.75rem;
    border: 0;
}

.button-row[b-g89dcakgij] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.permissions[b-g89dcakgij] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.permissions-row[b-g89dcakgij] {
    display: flex;
    gap: 0.5rem;
}
/* /Shared/RouterCard.razor.rz.scp.css */
.info-container[b-6wblbhwrgc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-direction: column;
    gap: 1rem;

    font-family: 'Helen Text', serif;
    font-weight: 400;
}

@media (max-width: 1280px) {
    .info-container[b-6wblbhwrgc] {
        grid-template-columns: 1fr;
    }
}

.card[b-6wblbhwrgc] {
    border-radius: 10px;
    background: var(--neutral10);
    padding: 0.75rem;
    border: 0;
    align-items: center;
}

.ping-container[b-6wblbhwrgc] {
    align-items: normal;
}

.span[b-6wblbhwrgc] {
    grid-row: span 3;
}

.title[b-6wblbhwrgc] {
    font-family: 'Helen Headline', monospace;
    font-weight: 700;
    color: var(--blue80);
}

.basic-info-container[b-6wblbhwrgc] {
    display: grid;
    grid-template-columns: 14rem 1fr 1fr;
    grid-auto-rows: 2rem;
    gap: 0.5rem;
}

.data-info-container[b-6wblbhwrgc] {
    display: grid;
    grid-template-columns: 14rem 1fr 1fr;
    grid-auto-rows: 2rem;
    gap: 0.5rem;
}

.data-info-container.highlight[b-6wblbhwrgc] {
    color: var(--red);
}

.software-info-container[b-6wblbhwrgc] {
    display: grid;
    grid-template-columns: 14rem 1fr auto;
    grid-auto-rows: 3rem;
    gap: 0.5rem;
}

.system-info-container[b-6wblbhwrgc] {
    display: grid;
    grid-template-columns: 14rem 1fr;
    grid-auto-rows: 2rem;
    gap: 0.5rem;
    align-items: normal;
}


.circle-wrapper[b-6wblbhwrgc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.circle-wrapper:last-child[b-6wblbhwrgc] {
    font-weight: 500;
}

.circle-wrapper.for-integration-status[b-6wblbhwrgc] {
    display: inline-block;
    vertical-align: middle;
}

.integrations-info-container[b-6wblbhwrgc] {
    display: grid;
    grid-template-columns: 14rem 1fr 1fr;
    grid-auto-rows: 2rem;
    gap: 0.5rem;
}

.integrations-info-container ul[b-6wblbhwrgc] {
    padding-left: 0;
    padding-top: 1rem;
}

.integrations-info-container li[b-6wblbhwrgc] {
    list-style: none;
    line-height: 2;
}

.integration-name[b-6wblbhwrgc] {
    display: inline-block;
    width: 9rem;
}

.circle.ok[b-6wblbhwrgc] {
    background: var(--green60);
}

.circle.fail[b-6wblbhwrgc] {
    background: var(--red);
}

.circle[b-6wblbhwrgc] {
    background: var(--blue80);
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
}

.arrow-wrapper[b-6wblbhwrgc] {
    height: 1px;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    margin-top: 0.5rem;
}

.arrow[b-6wblbhwrgc] {
    border: solid black;
    border-width: 0 0.2rem 0.2rem 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.dotted-line[b-6wblbhwrgc] {
    margin-top: 0.2rem;
    border: none;
    border-top: 0.18rem dashed var(--blue80);
    width: 100%
}

.firewall-ip-row[b-6wblbhwrgc] {
    display: flex;
}

.firewall-ip-row > div[b-6wblbhwrgc] {
    flex: 1 1 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.device-name[b-6wblbhwrgc] {
    font-family: 'Helen Text', monospace;
    font-weight: 400;
    color: var(--blue80);
}

.modal-title[b-6wblbhwrgc] {
    font-family: 'Helen Headline', monospace;
    font-weight: 700;
    color: var(--neutral90);
}

.button-group[b-6wblbhwrgc] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--neutral10);
    margin-top: 1rem;
    margin-bottom: 1rem;
    gap: 0.5rem;
}

.modal-content-wrapper[b-6wblbhwrgc] {
    padding: 1rem;
    width: 20rem;
}

.modal-button-group[b-6wblbhwrgc] {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
    gap: 0.5rem;
}

.delete-description[b-6wblbhwrgc] {
    padding: 0.5rem 1rem;
}

.ping-result[b-6wblbhwrgc] {
    gap: 0.5rem;
    padding: 0;
    margin: 0;
    overflow: auto;
}

.admin-control[b-6wblbhwrgc] {
    display: grid;
    grid-template-columns: 14rem 1fr auto;
    grid-auto-rows: 3rem;
    gap: 0.5rem;
}

.admin-control .title[b-6wblbhwrgc] {
    grid-column: span 2;
}

.admin-control .delete-button-wrapper[b-6wblbhwrgc] {
    grid-column: span 2;
}

[b-6wblbhwrgc] .firmware-version-container div {
    align-items: start;
}

.error-message[b-6wblbhwrgc] {
    column-span: 2;
    color: var(--pink70);
}
/* /Shared/RouterFirewallCard.razor.rz.scp.css */
#card[b-97lsmzv6fi] {
    font-family: 'Helen Text', serif;
    border-radius: 10px;
    background: var(--neutral10);
    padding: 0.75rem;
    border: 0;
    padding: 1rem;
}

.heading[b-97lsmzv6fi] {
    display: flex;
    align-items: center;
}

h1[b-97lsmzv6fi] {
    font-family: 'Helen Headline', monospace;
    color: var(--blue80);
    margin: 0;
    font-size: 1.5rem;
    display: flex;
    flex: auto;
}

table[b-97lsmzv6fi] {
    margin: 0 auto;
    vertical-align: top;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

th[b-97lsmzv6fi] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--blue80);
    margin: 0;
    padding-left: 20px;
}

td[b-97lsmzv6fi] {
    font-weight: 400;
}

small[b-97lsmzv6fi] {
    color: var(--neutral70);
    display: flex;
    justify-self: end;
    font-family: 'Helen Text', monospace;
}

.right[b-97lsmzv6fi] {
    justify-self: end;
}

.error[b-97lsmzv6fi] {
    color: var(--pink70);
    margin-right: 1rem;
    font-weight: 700;
}
/* /Shared/RouterList.razor.rz.scp.css */
.router-list-input[b-3yn4k6h6gj] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    border-radius: 4px;
    background: var(--neutral0);
    padding: 0.75rem 1rem;
    border: 1px solid var(--neutral70);
}

.router-list-input:not(:last-child)[b-3yn4k6h6gj] {
    border-radius: 5px 5px 0 0;
}

.router-list-input:focus[b-3yn4k6h6gj] {
    outline: none;
    background: white;
}

.router-list[b-3yn4k6h6gj] {
    position: absolute;
    padding: 0;
    list-style: none;
    background: var(--neutral0);
    box-shadow: var(--shadows-elevationStrong);
    width: 250px;
    max-height: 200px;
    overflow-y: auto;
}

.router-list-info[b-3yn4k6h6gj] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
    font-size: 10px;
    color: var(--neutral70);
    padding: 10px;
}

.router-list-item[b-3yn4k6h6gj] {
    font-family: 'Helen Text', serif;
    font-weight: 500;
    width: 100%;
    font-size: 15px;
    padding: 10px;
    margin: 0;
}

.router-list-item:not(:last-child)[b-3yn4k6h6gj] {
    border-bottom: 1px solid var(--neutral30)
}

.router-list-item:hover[b-3yn4k6h6gj] {
    background-color: var(--neutral10)
}

.router-list-item:active[b-3yn4k6h6gj] {
    background: var(--neutral20);
    color: var(--neutral100);
}
/* /Shared/RouterUpdateGroupCard.razor.rz.scp.css */
.wrapper[b-x7m0vp70ih] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    height: 100%;
    width: 100%;
}

.side-menu-container[b-x7m0vp70ih] {
    padding: 0.5rem;
    border-radius: 1rem;
    background:var(--neutral10);
    display: flex;
    flex: 0 0 var(--side-menu-width-with-padding)
}

/* this will override the width of the sidepanel now that it is achored inside a wrapper */
@media (max-width: 850px) {
    [b-x7m0vp70ih] .main-column-fixed {
        flex: 0 0 100% !important;
        transition: none !important;
    }

    .wrapper[b-x7m0vp70ih] {
        flex-direction: column;
    }
}

.info-container[b-x7m0vp70ih] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    overflow: auto;

    font-family: 'Helen Text', serif;
    font-weight: 400;
}

.card[b-x7m0vp70ih] {
    border-radius: 10px;
    background: var(--neutral10);
    padding: 0.75rem;
    border: 0;
}

.card > div[b-x7m0vp70ih] {
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: start;
}

.title[b-x7m0vp70ih] {
    font-family: 'Helen Headline', monospace;
    font-weight: 700;
    color: var(--blue80);
}

.basic-info[b-x7m0vp70ih] {
    display: grid;
    grid-template-columns: 12rem auto;
    align-items: center;
    height: 12rem;
}

.basic-info > div[b-x7m0vp70ih] {
    padding: 0.5rem;
}

.routers[b-x7m0vp70ih] {
    display: flex;
    width: 100%;
}

.status[b-x7m0vp70ih] {
    font-size: 0.875rem;
    font-weight: 400;
}

.routers > div[b-x7m0vp70ih] {
    padding: 0.5rem;
    align-items: center;
}

.table-header[b-x7m0vp70ih] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
    font-size: 0.875rem;
    height: 0;
    color: var(--neutral70);
}

.router-row[b-x7m0vp70ih] {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.router-row > div[b-x7m0vp70ih] {
    padding: 0.5rem;
    display: flex;
    align-items: center;
    width: 100%;
}

.router-row > div:first-child[b-x7m0vp70ih], .router-row > div:nth-child(2)[b-x7m0vp70ih] {
    width: 35rem;
}

.router-list > div:nth-child(odd) > div[b-x7m0vp70ih] {
    background: var(--neutral20);
}

.full-width-row[b-x7m0vp70ih] {
    grid-column: 1 / span 2;
}

.button-group[b-x7m0vp70ih] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
    gap: 0.5rem;
}

.content[b-x7m0vp70ih] {
    display: flex;
    flex-direction: column;

    gap: 0.5rem;
    padding: 1rem;
}

.droppable[b-x7m0vp70ih] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 15px;

    height: 100%;
    max-height: 2rem;
    transition: max-height 0s linear, border-left 0s, margin-left 0s;
    display: flex;
    align-items: center;
    justify-content: space-between;

    flex-grow: 1;
    width: 100%;
}

.droppable-over[b-x7m0vp70ih] {
    color: var(--blue80);
    border-left: 10px solid var(--neutral50);
    background-color: var(--neutral40);
    font-weight: 700;
    padding: 0 4px;
}

.loading-text[b-x7m0vp70ih] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    color: var(--neutral0);
}

.delete-description[b-x7m0vp70ih] {
    padding: 0.5rem 1rem;
}
/* /Shared/SearchBar.razor.rz.scp.css */
.search-wrapper[b-zqp4d4nola]
{
    background: var(--neutral0);
    box-shadow: var(--shadows-elevationStrong);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 0.5rem;

    max-width: 32rem;
    width: 100%;
    z-index: 10;
}

/* override some default text input settings */
.search-wrapper[b-zqp4d4nola]  .input-container {
    border: none !important;
}

.search-wrapper[b-zqp4d4nola]  .input-container:focus-within {
    border: none !important;
}

.search-wrapper[b-zqp4d4nola]  .input-container:first-child {
    padding: 0 1rem;
}

.search-bar-keyboard-info[b-zqp4d4nola] {
    font-family: 'Helen Text', serif;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-bar-keyboard-info > *:last-child[b-zqp4d4nola] {
    padding-top: 0.1rem;
}

.loading-bar[b-zqp4d4nola] {
    overflow: visible;
    width: 100%;
    height: 0.15rem;
    background: var(--neutral20);
    border-radius: 0.1rem;
    margin-top: 0.5rem;
}

.loading-bar-progress[b-zqp4d4nola] {
    width: 0%;
    height: 0.15em;
    background: var(--neutral40);
    border-radius: 0.125rem;
    transition: width 0.2s ease;
}

.search-container[b-zqp4d4nola] {
    color: #ffffff;
    display: flex;
    align-items: center;
    width: 250px;
    background-color: #100169;
    border-radius: 12px;
    padding: 5px;
    box-sizing: border-box;
    transition: 
            background-color 0.3s ease,
            width 0.3s ease;
}

.search-container input[b-zqp4d4nola] {
    color: white;
    border: none;
    outline: none;
    flex-grow: 1;
    border-radius: 15px;
    background: transparent;
    text-align: center;
}

.search-container input:focus[b-zqp4d4nola] {
    color: #100169;
}

.search-container input[b-zqp4d4nola]::placeholder {
    color: white;
    text-align: center;
}

.magnifier-icon[b-zqp4d4nola] {
    color: white;
    width: 25px;
    margin-left: 5px;
}

.search-container:focus-within[b-zqp4d4nola] {
    background-color: #ffffff;
    color: #100169;
    width: 400px;
}

.search-result-wrapper[b-zqp4d4nola]
{
    font-family: 'Helen Text', serif;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
    height: auto;
}

.search-label[b-zqp4d4nola] {
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.5rem 0.5rem 0.25rem 0.5rem;
}

.search-result[b-zqp4d4nola] {
    width: 100%;
    padding: 0.5rem 0.5rem;
    display: grid;
    gap: 0.5rem;
    justify-content: start;
    align-items: center;
    text-wrap: nowrap;
    
    font-family: 'Helen Text', serif;
    font-size: 0.875rem;
    font-weight: 400;
}

.search-result:active[b-zqp4d4nola] {
    background: var(--neutral20);
    color: var(--neutral100);
}

.search-result:not(:last-child)[b-zqp4d4nola] {
}

.search-result-wrapper div[b-zqp4d4nola]
{
    list-style-type: none;
}

.search-result-selected[b-zqp4d4nola] {
    background: var(--neutral10);
}

.info-row[b-zqp4d4nola] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.5rem;
    
    border-top: solid 1px var(--neutral20);
}

.info-row > div[b-zqp4d4nola] {
    display: flex;
    flex-direction: row;
    align-items: center;

    font-family: 'Helen Text', serif;
    font-size: 0.85rem;
    font-weight: 500;

    gap: 0.25rem;
    padding-top: 0.25rem;
}

.keyboard[b-zqp4d4nola] {
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iotsystem-result[b-zqp4d4nola] {
    grid-template-columns: 0fr 1fr 1rem;
    grid-template-rows: 1fr;
    gap: 0.5rem;
}

.fieldsystem-result[b-zqp4d4nola] {
    grid-template-columns: 0fr 1fr 1fr 1rem;
    grid-template-rows: 1fr 1fr;
    gap: 0.5rem;
}

.fieldsystem-result > *:nth-child(1)[b-zqp4d4nola] {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

.fieldsystem-result > *:nth-child(2)[b-zqp4d4nola] {
    grid-column: 2 / 3;
    grid-row: 1 / 2;

    font-weight: 500;
    font-size: 0.75rem;
}

.fieldsystem-result > *:nth-child(3)[b-zqp4d4nola] {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.fieldsystem-result > *:nth-child(4)[b-zqp4d4nola] {
    grid-column: 3 / 4;
    grid-row: 1 / 2;

    font-weight: 500;
    font-size: 0.75rem;
}

.fieldsystem-result > *:nth-child(5)[b-zqp4d4nola] {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}

.fieldsystem-result > *:nth-child(6)[b-zqp4d4nola] {
    grid-column: 5 / 6;
    grid-row: 1 / 3;
    
    width: 1rem;
}

.device-result[b-zqp4d4nola] {
    grid-template-columns: 1fr 1fr 1rem;
    grid-template-rows: 1fr;
    gap: 0.5rem;
}

.device-result > *:nth-child(1)[b-zqp4d4nola]
{
    grid-column: 1 / 2;
    grid-row: 1 / 2;

    font-weight: 500;
    font-size: 0.75rem;
}

.device-result > *:nth-child(2)[b-zqp4d4nola]
{
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.device-result > *:nth-child(3)[b-zqp4d4nola]
{
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.device-result > *:last-child[b-zqp4d4nola]
{
    grid-column: 3 / 4;
    grid-row: 1 / 3;
}

.router-result[b-zqp4d4nola] {
    grid-template-columns: 0fr 1fr 1rem;
    grid-template-rows: 1fr;
    gap: 0.5rem;
}

.device-result > *:nth-child(1)[b-zqp4d4nola]
{
    grid-column: 1 / 2;
}

.device-result > *:nth-child(2)[b-zqp4d4nola]
{
    grid-column: 1 / 2;
}

.device-result > *:last-child[b-zqp4d4nola]
{
    grid-column: 3 / 4;
}

.icon-wrapper[b-zqp4d4nola] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 850px) {
    .search-wrapper[b-zqp4d4nola] {
        max-width: 100%;
    }
}
/* /Shared/SensorCard.razor.rz.scp.css */
.sensor[b-ltlq1u2sgq]
{
    font-family: 'Helen Text', serif;
    font-weight: 400;
    color: var(--blue90);
    border-radius: 10px;
    background: var(--neutral10);

    padding: 1.5rem 2rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.title[b-ltlq1u2sgq] {
    font-family: 'Helen Headline', monospace;
    font-weight: 700;
    color: var(--blue80);
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 0.25rem;
}

ul[b-ltlq1u2sgq] {
    width: 100%;
    padding: 1rem 0 0 0;
}

ul li[b-ltlq1u2sgq] {
    display: flex;
    margin: 2.5px 0px 2.5px 0px;
    list-style: none;
    align-items: center;
}

ul li span[b-ltlq1u2sgq] {
    flex-basis: 50%;
}

a[b-ltlq1u2sgq] {
    text-decoration: none;
}
/* /Shared/SensorEditModal.razor.rz.scp.css */
.content-wrapper[b-gf1e3i6io7] {
    width: 32rem;
    padding: 1rem;
    
    display: flex;
    flex-direction: column;
    justify-content: start;
}

label[b-gf1e3i6io7] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}

.title[b-gf1e3i6io7] {
    font-family: 'Helen Headline', serif;
    font-weight: 700;
    color: var(--neutral90);
    padding-left: 1rem;
}

.button-group[b-gf1e3i6io7] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
}

.button-group[b-gf1e3i6io7] {
    gap: 0.5rem;
}

.spacer[b-gf1e3i6io7] {
    height: 0.5rem;
    width: 100%;
}

.error-message[b-gf1e3i6io7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: var(--neutral90);
    font-size: 0.875rem;
    font-weight: 700;
    margin-top: 1rem;
    padding: 1rem;
    background: var(--pink20);
}

.error-message .error[b-gf1e3i6io7] {
    font-size: 0.85rem;
    font-weight: 500;
}
/* /Shared/SensorTable.razor.rz.scp.css */
.table-container[b-njan2z47ut] {
    overflow: auto;
    flex-grow: 1;
    padding-left: 10px;
    min-height: 10rem;
    width: 100%;
}

.table[b-njan2z47ut] {
    margin: 0 auto;
    vertical-align: top;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: max(900px, 95%);
}

.header .template-name[b-njan2z47ut], .template-protocol[b-njan2z47ut] {
    font-family: 'Helen Headline', monospace;
    color: var(--blue80);
    margin: 0;
    font-size: 15px;
    padding-left: 20px;
}

.table-header[b-njan2z47ut] {
    font-family: 'Helen Text', serif;
    font-weight: 500;
    font-size: 12px;
    color: var(--blue80);
    margin: 0;
    padding-left: 20px;
}

.datapoint-loading iconify-icon[b-njan2z47ut] {
    position: absolute;
    top: 30vh;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 21;
    color: var(--blue80);
}

thead:first-child > tr:first-child  th[b-njan2z47ut] {
    justify-content: center;
}

thead:first-child > tr:first-child  th:first-child[b-njan2z47ut] {
    width: 1%;
}

thead:first-child > tr:first-child  th:nth-child(2)[b-njan2z47ut] {
    width: 15%;
    max-width: 300px;
}

thead:first-child > tr:first-child  th:last-child[b-njan2z47ut] {
    width: 1%;
}

thead:first-child > tr:first-child  th:nth-last-child(2)[b-njan2z47ut] {
    width: 15%;
}

th[b-njan2z47ut] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
    font-size: 0.875rem;
    height: 0;
    color: var(--neutral70);
}

thead th[b-njan2z47ut] {
    border: 0;
}

th > .text[b-njan2z47ut] {
    text-align: left;
    padding: 0.345rem 1rem;
}

th > .button[b-njan2z47ut] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    width: 100%;
}

thead[b-njan2z47ut] {
    position: sticky;
    top: 0;
    background: var(--neutral0);
    z-index: 1;
    box-shadow: 0 1px 0 var(--neutral100);
}

[b-njan2z47ut] .table-pinned * th:first-child, [b-njan2z47ut] .table-pinned td:first-child {
    position: sticky;
    left: 0;
    z-index: 11;
}

.pin-icon[b-njan2z47ut] {
    width: 20px;
    height: 20px;
}

.button-group[b-njan2z47ut] {
    display: flex;
    gap: 0.5rem;
    justify-content: end;
    align-items: center;
    padding: 0.5rem 1.5rem 0.5rem  0.5rem;
}

.page-text[b-njan2z47ut] {
    font-family: 'Helen Text', serif;
    font-size: 0.875rem;
    color: var(--neutral90);
}

.header-text[b-njan2z47ut] {
    font-family: 'Helen Headline', monospace;
    font-size: 1rem;
    font-weight: 700;
    color: var(--neutral90);
}

.write-modal-content-wrapper[b-njan2z47ut] {
    display: flex;
    flex-direction: column;
    gap: 1.0rem;
    padding: 0.5rem 1.5rem;
}

.text-alert[b-njan2z47ut] {
    margin-top: 0.5rem;
    border: 1px solid var(--pink40);
    background: var(--pink30);
    color: var(--pink80);

    font-family: 'Helen Text', serif;
    font-weight: 400;

    display: flex;
    justify-content: space-between;
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: var(--shadows-elevationNeutral);
}

.text-grid[b-njan2z47ut] {
    padding: 0.5rem 0;
    height: 100%;
    display: grid;
    grid-template-columns: 6rem auto;
    gap: 0.5rem;
    width: 100%;
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}

.sensors[b-njan2z47ut] {
    text-align: left;
    padding-right: 2rem;
    font-size: 1.25rem;
    font-weight: 600;
    cursor: pointer;
}

.apartments[b-njan2z47ut] {
    text-align: left;
    flex-basis: 10%;
    font-size: 1.25rem;
    font-weight: 600;
}

.zone-button-header[b-njan2z47ut] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid transparent;
    line-height: 1.5rem;
    font-size: 0.875rem;
    padding: 0.45rem 1rem;
    min-height: 2rem;
    width: 100px;
    border-radius: 4px;
    background: var(--neutral30);
    font-weight: 450;
}

.zone-button-header.selected[b-njan2z47ut] {
    background: var(--green50);
}
/* /Shared/SensorTableRow.razor.rz.scp.css */
tr:nth-child(even)[b-t4a7257s8j] {
    color: var(--neutral90);
    background: var(--neutral10);
}

tbody > td[b-t4a7257s8j] {
    border-bottom: 1px solid var(--neutral30);
}

tbody > tr > td:nth-child(2)[b-t4a7257s8j] {
    width: 15%;
    max-width: 300px;
}

tbody > tr:nth-child(even).edited[b-t4a7257s8j] {
    background: var(--blue20);
}

tbody > tr:nth-child(odd).edited[b-t4a7257s8j] {
    background: var(--blue30);
}

tbody > .alert[b-t4a7257s8j] {
    background: var(--pink30);
    color: var(--pink80);
    font-family: 'Helen Text', serif;
    font-weight: 400;
}

td > .button[b-t4a7257s8j] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4rem;
    width: 100%;
}

td > .text[b-t4a7257s8j] {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: left;
    height: 4rem;
}

td > .input[b-t4a7257s8j] {
    display: flex;
    align-items: center;
    justify-content: left;
    min-height: 4rem;
    width: 100%;
}

td > .menu[b-t4a7257s8j] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4rem;
    max-width: 200px;
}

td > .del-button[b-t4a7257s8j] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4rem;
    width: 100%;
}

.del-icon[b-t4a7257s8j] {
    width: 24px;
    transition: filter 0.3s;
    cursor: pointer;
    filter: brightness(0);
}

.del-icon:hover[b-t4a7257s8j] {
    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.2)) brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}
/* /Shared/SideMenuListItem.razor.rz.scp.css */
.item[b-9jj0z9g3f0]
{
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 15px;
    color: var(--blue80);
    display: flex;
    flex-direction: row;
    padding: 0 4px;
    min-height: 2rem;
    height: auto;
    margin-left: 10px;
    align-items: center;
    justify-content: space-between;
    transition: height 0.1s linear;
}

.item:hover[b-9jj0z9g3f0]
{
    background-color: #DFE0EC;
    cursor: pointer;
}

.selected[b-9jj0z9g3f0]
{
    /* animation to add border */
    transition: border-left 0.2s, margin-left 0.2s;
    border-left: 10px solid var(--yellow50);
    margin-left: 0;
    background-color: #DFE0EC;
    font-weight: 700;
}

.stud[b-9jj0z9g3f0] {
    display: contents;
}

a[b-9jj0z9g3f0] {
    text-decoration: none;
}
/* /Shared/SideMenuSearch.razor.rz.scp.css */
.search-container[b-7bg7mzni0w] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0.75rem;
}

.magnifier-icon[b-7bg7mzni0w] {
    color: var(--neutral70);
    width: 2.2rem;
    padding: 0.25rem;
}
/* /Shared/SystemCard.razor.rz.scp.css */
h4[b-6e7ea9kn9j] {
    font-family: 'Helen Headline', monospace;
    color: var(--blue80);
    margin: 0;
}

.field-system-container[b-6e7ea9kn9j]
{
    display: flex;
    flex-direction: column;
    color: var(--neutral90);
    font-family: 'Helen Text', serif;
    font-weight: 500;
    font-size: 1rem;
    gap: 1rem;
}

#buildings[b-6e7ea9kn9j]
{
    margin-right: 1em;
}

#system[b-6e7ea9kn9j]
{
    margin-right: 1em;
    width: 30px;
    height: 30px;
    color: black;
}
/* /Shared/SystemEditModal.razor.rz.scp.css */
.content-wrapper[b-lzihzc7mw8] {
    width: 25rem;
    padding: 1rem;

    display: flex;
    flex-direction: column;
    justify-content: start;
}

.spacer[b-lzihzc7mw8] {
    height: 1rem;
    width: 100%;
}

.button-group[b-lzihzc7mw8] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
}

.button-group[b-lzihzc7mw8] {
    gap: 0.5rem;
}

label[b-lzihzc7mw8] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}
/* /Shared/TabList.razor.rz.scp.css */
a[b-2y87sbs8ck] {
    text-decoration: none;
    flex: 1;
    align-content: center;
}

.tablist[b-2y87sbs8ck] {
    position: relative;

    display: flex;
    width: 100%;
    padding-right: 1rem;

    font-family: 'Helen Text', serif;
    font-weight: 500;
}

.tab[b-2y87sbs8ck] {
    color: var(--neutral90);

    height: 5rem;
    padding: 0.375rem 1rem;
    background: var(--neutral20);
    border: 1px solid var(--neutral30);
    border-top: 5px solid var(--neutral30);
    text-align: center;
    align-content: center;
}

.tabs .tab:hover[b-2y87sbs8ck] {
    background: var(--neutral30)
}

.tab[data-active="true"][b-2y87sbs8ck] {
    z-index: 1;
    border: 1px solid transparent;
    border-top: 5px solid var(--yellow50);
    border-left: 0;
    border-right: 0;
    background: var(--neutral0);

    box-shadow: #CACACA 0 0 5px;
    clip-path: inset(-20px -20px 0 -20px);
    font-weight: 700;
}

.tab:disabled[b-2y87sbs8ck] {
    color: var(--neutral50);
    outline-color: transparent;
    cursor: default;
}
/* /Shared/TelemetryRow.razor.rz.scp.css */
tr[b-27tatlyszs] {
    font-family: 'Helen Text', serif;
    font-weight: 500;
    background: var(--neutral0);
    font-size: 14px;

    height: 0;
    color: var(--neutral90);
    border-bottom: 1px solid var(--neutral30);
}

td[b-27tatlyszs] {
    height: 0;
}

tr:nth-child(odd)[b-27tatlyszs] {
    background: var(--neutral10);
}

td > div[b-27tatlyszs] {
    display: flex;
    border: 1px solid transparent;
    padding: 0.345rem 1rem;
    justify-content: start;
    align-items: center;
}

.text[b-27tatlyszs] {
    display: flex;
    gap: 0 0.5rem;
    align-items: center;
    height: 100%;
}
/* /Shared/TemplatecopyFromModal.razor.rz.scp.css */
.content-wrapper[b-ydb6biyyti] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    
    width: 20rem;
}

.button-group[b-ydb6biyyti] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
}
/* /Shared/TextInput.razor.rz.scp.css */
.input-wrapper[b-c354i6xegs] {
    display: flex;
    flex-direction: column;
}

.input-container[disabled][b-c354i6xegs] {
    border-color: var(--neutral40) !important;
}

.input-container[b-c354i6xegs] {
    width: 100%;
    background: var(--neutral0);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid var(--neutral70);
    overflow: hidden;
}

input[b-c354i6xegs], input:disabled[b-c354i6xegs] {
    color: var(--neutral90);
    padding: 0.75rem 1rem;
    font-style: normal;
    font-size: 1rem;
    border: 0;
}

input:disabled[b-c354i6xegs] {
    background: var(--neutral20) !important;
    color: var(--neutral60) !important;
    border-color: var(--neutral40) !important;
    cursor: default;
    outline: none;
}

.text-regular[b-c354i6xegs] {
    font-family: 'Helen Text', serif;
    font-weight: 500;
}

.text-bold[b-c354i6xegs] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
}

label[b-c354i6xegs] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    font-size: 0.875rem;
}

input[b-c354i6xegs] {
    background: var(--neutral0) !important;
}

input:focus[b-c354i6xegs], input:active[b-c354i6xegs] {
    border: 0 !important;
    outline: 0 !important;
}

.input-container:disabled[b-c354i6xegs] {
    background: transparent !important;
    border: 1px solid transparent !important;
}

.input-container:focus-within[b-c354i6xegs] {
    border: 1px solid var(--cyan) !important;
}

.conflict[b-c354i6xegs] {
    box-shadow: inset 0px 0px 4px 4px var(--red) !important;
}

.highlight[b-c354i6xegs] {
    box-shadow: inset 0px 0px 4px 4px var(--cyan);
}
/* /Shared/UuidButton.razor.rz.scp.css */
.wrapper[b-1rff18lc66] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background: none;
    border-radius: 4px;
    border: 1px solid transparent;
    font-family: 'Helen Text', serif;
    font-weight: 500;
    font-size: 12px;
    width: 75px;
    background: var(--blue80);
}

.uuid-text[b-1rff18lc66]
{
    padding: 5px;
}

.wrapper iconify-icon[b-1rff18lc66] {
    padding: 5px;
    cursor: pointer;
}

.wrapper:hover[b-1rff18lc66] {
    background: var(--blue10);
}

.wrapper:active[b-1rff18lc66] {
    background: var(--blue90) !important;
    color: white;
}

.wrapper:focus[b-1rff18lc66] {
    outline: none !important;
    box-shadow: none !important;
}

.wrapper-light[b-1rff18lc66]
{
    color: var(--neutral0);
}

.wrapper-dark[b-1rff18lc66]
{
    background: var(--neutral0);
    color: var(--neutral90);
}

.wrapper-light:hover[b-1rff18lc66] {
    background: var(--blue70);
}
/* /Shared/ZoneButton.razor.rz.scp.css */
.zone-button[b-v8frkgbbhm] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    line-height: 1.5rem;
    font-size: 0.875rem;
    padding: 0.45rem 1rem;
    min-height: 4rem;
    width: 100px;
    border-radius: 4px;
    background: var(--neutral30);
    font-weight: 450;
}

.zone-button.selected[b-v8frkgbbhm] {
    background: var(--green50);
}
/* /Shared/ZoneCard.razor.rz.scp.css */
.zone[b-rznmc1ywm3] {
    font-family: 'Helen Text', serif;
    font-weight: 400;
    margin-left: 50px;
    padding: 0.5rem;
    display: flex;
}

.zone span[b-rznmc1ywm3] {
    flex: 1;
}

.zones .zone[b-rznmc1ywm3]{
    background: var(--neutral0);
}

.zones .zone:nth-child(odd)[b-rznmc1ywm3] {
    background: var(--neutral10);
}
/* /Shared/ZoneEditModal.razor.rz.scp.css */
.button-group[b-3iar4bhi2j] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
}

.button-group[b-3iar4bhi2j] {
    gap: 0.5rem;
}
/* /Shared/ZoneGenerationWizard.razor.rz.scp.css */
.content-wrapper[b-zqjjxkstgg] {
    padding: 1rem;

    display: flex;
    flex-direction: column;
    justify-content: start;
}

.header-text-and-icon[b-zqjjxkstgg] {
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
}

.title[b-zqjjxkstgg] {
    font-family: 'Helen Headline', serif;
    font-weight: 700;
    color: var(--neutral90);
    padding-left: 1rem;
}

h3[b-zqjjxkstgg] {
    font-family: 'Helen Text', serif;
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--blue80);
    font-size: 16px;
}

h3 > span[b-zqjjxkstgg] {
    margin-right: 1rem;
}

h4[b-zqjjxkstgg] {
    font-family: 'Helen Text', serif;
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--neutral70);
    font-size: 16px;
}

ul[b-zqjjxkstgg] {
    padding: 1rem 0 0 0;
}

ul li[b-zqjjxkstgg] {
    display: flex;
    align-items: center;
    justify-content: space-around;

    font-family: 'Helen Text', serif;
    font-weight: 400;
    background: var(--neutral0);
    font-size: 16px;

    padding: 0.5rem;
}

ul li:nth-child(odd)[b-zqjjxkstgg] {
    background: var(--neutral10);
}

ul li span[b-zqjjxkstgg] {
    flex-basis: 50%;
}

ul li a iconify-icon[b-zqjjxkstgg] {
    vertical-align: middle;
}

ul li a[b-zqjjxkstgg] {
    flex-basis: 0;
}

.button-group[b-zqjjxkstgg] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: var(--neutral10);
    border-top: 1px solid var(--neutral30);
    padding: 1rem;
}

.button-group[b-zqjjxkstgg] {
    gap: 0.5rem;
}