/* /Components/ContentPanel.razor.rz.scp.css */
.icon[b-bcpu127btm] {
    padding-right: 12px;
}

#title[b-bcpu127btm] {
    display: flex;
    align-items: center;
    padding: 24px 24px 16px;
}
/* /Components/LabeledProperty.razor.rz.scp.css */
#label[b-0oolr3sh0t] {
    margin-bottom: 8px;
}
/* /Components/LegrandSelect.razor.rz.scp.css */
.legrand-select[b-k8aqb9lv97] {
    width: 70px;
    height: 44px;
}

.mdc-select--activated ~ .icon__dropdown[b-k8aqb9lv97] {
    transform: rotate(270deg);
}

.mdc-select:hover ~ .icon__dropdown[b-k8aqb9lv97] {
    filter: var(--filter-teal-600);
}

.icon__dropdown[b-k8aqb9lv97] {
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}

[b-k8aqb9lv97] .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    color: var(--gray-600)
}

[b-k8aqb9lv97] .mat-select {
    border: unset;
    box-shadow: unset;
    min-width: 70px;
}

[b-k8aqb9lv97] .mdc-select__anchor {
    height: 44px;
    padding-left: 12px;
}
/* /Components/LegrandTextBox.razor.rz.scp.css */
.overlay-container[b-uh0sjvqiod] {
    width: var(--width);
    height: 51px;
    background-color: var(--gray-100);
}

input[b-uh0sjvqiod] {
    flex-grow: 1;
    pointer-events: all;
    background: none;
    border: none;
    outline: none;
    height: 100%;
    padding: 0 16px;
}

#icon-textentry-box[b-uh0sjvqiod] {
    display: flex;
    align-items: center;
    pointer-events: none;
}

.notched-border[b-uh0sjvqiod] {
    width: var(--width);
}

.notched-border--bottom-only[b-uh0sjvqiod] {
    border: none;
    border-bottom: 1px solid var(--legrand-gray);
}

.notched-border__left[b-uh0sjvqiod] {
    width: 16px;
}

.icon[b-uh0sjvqiod] {
    padding: 16px 0 16px 16px;
}
/* /Components/Modals/ConfirmationModal.razor.rz.scp.css */
.content-panel-padding-wrapper[b-idbiswl6ex] {
    width: 400px;
    color: var(--legrand-gray);
    border-bottom: 1px solid var(--gray-300) ;
}
/* /Components/Modals/DeviceHistory.razor.rz.scp.css */
.content-panel-padding-wrapper[b-8gymnkb0iz] {
    min-height: 464px;
    width: 40vw;
}

.no-data-panel[b-8gymnkb0iz] {
    background-color: var(--teal-100);
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.loading-panel[b-8gymnkb0iz] {
    background-color: var(--teal-100);
    height: 100%;
    margin: 0;
}

.datetime-grid[b-8gymnkb0iz] {
    display: grid;
    grid-template-columns: auto auto;
    width: 216px;
    text-transform: uppercase;
}

.date-row[b-8gymnkb0iz] {
    border-top: 1px solid var(--gray-300);
}

[b-8gymnkb0iz] table {
    border-bottom: 1px solid var(--gray-300);
}

tr:nth-child(odd)[b-8gymnkb0iz] {
    background-color: var(--teal-100);
}

.time-label[b-8gymnkb0iz] {
    grid-column: 2;
    grid-row: 1;
    text-align: right;
}

.date-label[b-8gymnkb0iz] {
    grid-column: 1;
}

.description-cell[b-8gymnkb0iz] {
    line-height: 20px;
    width: 100%;
}

td[b-8gymnkb0iz] {
    padding: 12px;
}

.icon[b-8gymnkb0iz] {
    padding-right: 12px;
}

#title[b-8gymnkb0iz] {
    display: flex;
    align-items: center;
    padding: 24px 24px 16px;
}

[b-8gymnkb0iz] #download-log-button {
    margin-left: auto;
}
/* /Components/Modals/HubMembers.razor.rz.scp.css */
[b-2rowparoev] .child-content table {
    margin: 0 24px 16px;
    min-width: 560px
}

[b-2rowparoev] .child-content table > * > :nth-child(1) {
    padding: 0 12px 0 16px;
}

[b-2rowparoev] .child-content tr {
    border-top: unset;
}

[b-2rowparoev] .child-content table tr:last-child {
    border-bottom: unset;
}

[b-2rowparoev] tr:nth-child(odd) {
    background-color: var(--teal-100);
}

[b-2rowparoev] th.table-header-role {
    width: 144px
}

[b-2rowparoev] .modal-nav-button {
    margin-bottom: 24px;
}
/* /Components/Modals/UserPermissions.razor.rz.scp.css */
form[b-cldchadf67] {
    margin: 12px 0 24px;
}

label[b-cldchadf67] {
    display: block;
    margin: 16px;
    margin-left: 0;
}

input[b-cldchadf67] {
    margin-right: 16px;
}

.content-panel-padding-wrapper[b-cldchadf67] {
    border-bottom: 1px solid var(--gray-300);
}

#revoke-container[b-cldchadf67] {
    min-width: 430px;
}

.revoke-row[b-cldchadf67] {
    margin-top: 16px;
}
/* /Components/PaginationBox.razor.rz.scp.css */

#pagination-box[b-a4stkw8hwn] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }
  
  .pagination-number[b-a4stkw8hwn] {
    padding: 8px 4px;
  }
  
  .pagination-number__current[b-a4stkw8hwn] {
    padding: 8px 4px 6px;
    border-bottom: 2px solid var(--teal-900);
  }
  
  .pagination-number[b-a4stkw8hwn], [b-a4stkw8hwn] .pagination-button:not(.disabled) {
    color: var(--teal-900);
    cursor: pointer;
  }
  
  .pagination-number:hover[b-a4stkw8hwn], [b-a4stkw8hwn] .pagination-button:not(.disabled):hover {
    text-decoration: underline;
  }
  
  [b-a4stkw8hwn] .disabled.pagination-button {
    color: var(--legrand-gray);
    opacity: unset;
  }
  
  [b-a4stkw8hwn] .disabled.pagination-button .pagination-icon {
    filter: var(--filter-legrand-gray);
  }
  
/* /Components/Table/LegrandTable.razor.rz.scp.css */
tr[b-4fy5i6zz07] {
  border-top: 1px solid var(--gray-300);
}

table tr:last-child[b-4fy5i6zz07] {
  border-bottom: 1px solid var(--gray-300);
}

thead[b-4fy5i6zz07] {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
  box-shadow: inset 0 -1px var(--gray-300);
}

th.sortable-column-header[b-4fy5i6zz07] {
  cursor: pointer;
  transition: color 80ms;
  user-select: none;
}

th.sortable-column-header:hover[b-4fy5i6zz07] {
  color: var(--teal-900)
}

th div.sortable-column-header__flexbox[b-4fy5i6zz07] {
  display: flex;
  align-items: center;
}

table > * > :nth-child(1)[b-4fy5i6zz07] {
  padding: 0 32px 0 24px;
}

.icon__sort[b-4fy5i6zz07] {
  height: 16px;
  width: 16px;
  padding: 8px;
  opacity: 0%;
  transition: transform 200ms, opacity 50ms;
  transform: rotate(90deg);
}

.icon__sort--sorted-ascending[b-4fy5i6zz07] {
  opacity: 100%;
}

.icon__sort--sorted-descending[b-4fy5i6zz07] {
  opacity: 100%;
  transform: rotate(270deg);
}

th[b-4fy5i6zz07],
td[b-4fy5i6zz07] {
  height: 48px;
  font-size: 14px;
}

#checkbox-column-header[b-4fy5i6zz07] {
  width: 68px;
}

th.table-header-hubName[b-4fy5i6zz07], th.table-header-name[b-4fy5i6zz07], th.table-header-email[b-4fy5i6zz07] {
  min-width: 232px;
}

th.table-header-update[b-4fy5i6zz07] {
  min-width: 96px;
}

th.table-header-model[b-4fy5i6zz07] {
  min-width: 124px;
}

.clickable-row[b-4fy5i6zz07] {
  cursor: pointer;
  transition: background-color 150ms, box-shadow 150ms;
}

.clickable-row:hover[b-4fy5i6zz07], .clickable-row:focus[b-4fy5i6zz07] {
  background-color: var(--teal-100);
}

.clickable-row:focus[b-4fy5i6zz07], .clickable-row:active[b-4fy5i6zz07] {
  box-shadow: inset 0 -0.5px 0 2px var(--teal-600);
  outline: none;
}

.clickable-row.clickable-row__checked[b-4fy5i6zz07], .clickable-row:active[b-4fy5i6zz07] {
  background-color: var(--teal-200);
}

.clickable-row.clickable-row__checked:hover[b-4fy5i6zz07] {
  background-color: var(--teal-300);
}
/* /Pages/DeviceDashboard.razor.rz.scp.css */
#device-panel-content-container[b-erlfg86t67] {
    display: flex;
    gap: 32px;
}

#device-name-display[b-erlfg86t67] {
    background-color: var(--teal-300);
    padding: 24px 48px;
}

#device-name[b-erlfg86t67] {
    margin-top: 8px;
}

[b-erlfg86t67] #device-history-panel {
    display: flex;
    flex-direction: column;
}

[b-erlfg86t67] #device-history-panel .child-content {
    display: flex;
    flex-grow: 1;
}

#device-history-panel-content-container[b-erlfg86t67] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#device-info-flexgrid[b-erlfg86t67] {
    display: flex;
    gap: 36px;
}

.device-info-flexgrid--columnbox[b-erlfg86t67] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#device-table-container[b-erlfg86t67] {
    padding: 24px;
    font-size: 14px;
}

thead[b-erlfg86t67] {
    text-transform: uppercase;
}

thead[b-erlfg86t67], tr[b-erlfg86t67] {
    padding: 4px 0;
}

th[b-erlfg86t67], td[b-erlfg86t67] {
    padding: 12px;
    font-weight: unset;
}
/* /Pages/Home.razor.rz.scp.css */
[b-du2zrdqvtx] body {
    background-color: pink;
}

.overlay-container[b-du2zrdqvtx] {
    width: 720px;
    height: 49px;
}

.mdc-select--activated ~ div .icon__dropdown[b-du2zrdqvtx] {
    transform: rotate(270deg);
}

.mdc-select:hover ~ div .icon__dropdown[b-du2zrdqvtx] {
    filter: var(--filter-teal-600);
}

[b-du2zrdqvtx] .mdc-select {
    border: none;
}

[b-du2zrdqvtx] .mdc-select .mdc-select__anchor {
    height: 48px;
}

[b-du2zrdqvtx] .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    opacity: 0%;
}

.icon__search[b-du2zrdqvtx] {
    pointer-events: all;
    padding: 16px;
}

.icon__dropdown[b-du2zrdqvtx] {
    padding: 16px;
}

form[b-du2zrdqvtx] {
    display: flex;
    align-items: center;
    gap: 16px;
}

input[b-du2zrdqvtx] {
    flex-grow: 1;
    pointer-events: all;
    background: none;
    border: none;
    outline: none;
    height: 100%;
    min-width: 0;
}

#icon-textentry-box[b-du2zrdqvtx] {
    display: flex;
    align-items: center;
    pointer-events: none;
}
/* /Pages/HubDashboard.razor.rz.scp.css */
#hub-panel-content-container[b-8p68wzwf3z] {
    display: flex;
    gap: 32px;
}

#hub-name-display[b-8p68wzwf3z] {
    background-color: var(--teal-300);
    padding: 24px 48px;
}

#hub-name[b-8p68wzwf3z] {
    margin-top: 4px;
}

#hub-info-flexgrid[b-8p68wzwf3z] {
    display: flex;
    gap: 36px;
}

.hub-info-flexgrid--columnbox[b-8p68wzwf3z] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

[b-8p68wzwf3z] #zigbee-panel {
    display: flex;
    flex-direction: column;
}

[b-8p68wzwf3z] #zigbee-panel #title {
    padding-bottom: 4px;
}

[b-8p68wzwf3z] #zigbee-panel .child-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 24px 24px;
}

#zigbee-labelled-select[b-8p68wzwf3z] {
    display: flex;
    align-items: center;
    gap: 32px;
}

button[b-8p68wzwf3z] {
    grid-column: 2;
}

[b-8p68wzwf3z] #devices-panel #title {
    position: sticky;
    top: -48px;
    background-color: white;
    z-index: 1;
}


[b-8p68wzwf3z] #devices-panel button {
    margin: 24px 0px 24px 24px
}
/* /Pages/Hubs.razor.rz.scp.css */
#search-results-flexbox[b-75h5wwwcgx] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    height: 100%;
}

[b-75h5wwwcgx] #hub-list {
    min-height: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 24px 24px;
}

[b-75h5wwwcgx] #hub-list .child-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 24px;
}

[b-75h5wwwcgx] table {
    display: block;
    overflow-y: auto;
    border-bottom: 1px solid var(--gray-300);
}
/* /PageScaffolding/MainLayout.razor.rz.scp.css */
.page[b-dcuv64cjx5] {
    position: relative;
    display: flex;
}

article.content[b-dcuv64cjx5] {
    padding: 32px 32px;
    overflow-y: auto;
    z-index: 1;
}

main[b-dcuv64cjx5] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.modal-overlay[b-dcuv64cjx5] {
    display: none;
    background-color: var(--gray-600-40);
    z-index: 10;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.modal-overlay--active[b-dcuv64cjx5] {
    display: inline;
}

#overlay-scroll-box[b-dcuv64cjx5] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px 0;
    min-height: calc(100% - 32px);
}

.modal[b-dcuv64cjx5] {
    border-radius: 8px;
}

.overlay-container[b-dcuv64cjx5] {
    height: 48px;
    width: 48px;
}

#user-modal[b-dcuv64cjx5] {
    --modal-padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    top: 48px;
    right: 0;
    width: auto;
    height: auto;
    padding: var(--modal-padding);
    z-index: 10;
}

hr[b-dcuv64cjx5] {
    margin: 12px calc(-1*var(--modal-padding));
    width: calc(100% + calc(2*var(--modal-padding)));
}

#logout-button[b-dcuv64cjx5] {
    color: var(--moss-600);
    padding: 8px;
    margin: -8px;
}

.top-row[b-dcuv64cjx5] {
    border-bottom: 1px solid var(--gray-300);
    align-items: center;
    padding: 0 24px 0 32px;
}

#version-number[b-dcuv64cjx5] {
    position: absolute;
    bottom: 2px;
    left: 48px;
    opacity: 0.35;
    font-size: small;
    font-style: italic;
    pointer-events: none;
}
/* /PageScaffolding/NavMenu.razor.rz.scp.css */
.top-row[b-q87525mxk4] {
    min-width: calc(var(--width-extended) - 64px);
    transition: transform var(--collapse-time);
    align-items: flex-start;
    padding: 0 32px;
    position: relative;
    z-index: 1;
}

.logo-legrand-small[b-q87525mxk4] {
    height: 32px;
    margin-top: 32px;
    transition: transform var(--collapse-time);
}

.collapsed .top-row[b-q87525mxk4] {
    transform: translate(calc(var(--width-collapsed) - var(--width-extended) + 10px), -48px);
}

.sidebar[b-q87525mxk4] {
    --collapse-time: 400ms;
    --width-extended: 262px;
    --width-collapsed: 68px;
    width: var(--width-extended);
    top: 0;
    box-shadow: 0 0 4px;
    transition: width var(--collapse-time);
    background-color: var(--gray-600);
    z-index: 100;
}

.sidebar.collapsed[b-q87525mxk4] {
    width: var(--width-collapsed);
}

.icon[b-q87525mxk4] {
    filter: var(--filter-teal-600);
}

.tooltip[b-q87525mxk4], [b-q87525mxk4] .tooltip {
    border-bottom: unset;
}

.tooltip .tooltiptext[b-q87525mxk4] {
    background-color: white;
    color: var(--legrand-gray);
    border-radius: 0px;
    padding: 12px;
    left: 50%;
    top: calc(100% + 12px);
    opacity: 0%;
    transform: unset;
}

.tooltip .tooltiptext[b-q87525mxk4]::after {
    border: unset;
}

.tooltip:hover .tooltiptext[b-q87525mxk4] {
    transition: opacity 100ms 300ms;
    opacity: 100%;
}

.sidebar:not(.collapsed) .tooltiptext.tooltiptext__collapsed-only[b-q87525mxk4] {
    visibility: hidden;
    opacity: 0%;
}

.collapsed #collapse-tooltip[b-q87525mxk4] {
    visibility: hidden;
    opacity: 0%;
}

#collapse-button-container[b-q87525mxk4] {
    margin-top: auto;
    margin-bottom: 4px;
    height: 24px;
    width: 24px;
}

#collapse-button[b-q87525mxk4] {
    transition: transform var(--collapse-time), filter 100ms;
    transform: rotate(180deg);
}

#collapse-button:hover[b-q87525mxk4] {
    filter: var(--filter-teal-300) drop-shadow(0 0 2px var(--teal-300));
    
}

.collapsed #collapse-button[b-q87525mxk4] {
    transform: unset;
}

.collapsed nav.flex-column[b-q87525mxk4] {
    transform: translateY(-48px);
}

.collapsed .logo-legrand-small[b-q87525mxk4] {
    transform: translateY(48px);
}

nav.flex-column[b-q87525mxk4] {
    transition: transform var(--collapse-time);
}

.icon.nav-icon[b-q87525mxk4] {
    height: 24px;
    width: 24px;
    margin-left: 22px;
    margin-right: 18px;
}

a.active .nav-icon[b-q87525mxk4] {
    filter: var(--filter-gray-700);
}

.nav-icon__collapsed-only[b-q87525mxk4] {
    opacity: 0%;
    transition: opacity var(--collapse-time);
    filter: var(--filter-white);
} 

.collapsed .nav-icon__collapsed-only[b-q87525mxk4] {
    opacity: 100%;
} 

[b-q87525mxk4] .nav-text {
    transition: opacity calc(var(--collapse-time)/2) ease calc(var(--collapse-time)/4);
    white-space: nowrap;
}

.collapsed[b-q87525mxk4]  .nav-text, .collapsed[b-q87525mxk4]  .sub-link {
    opacity: 0%;
    transition: opacity calc(var(--collapse-time)/2);
    pointer-events: none;
}

.nav-item[b-q87525mxk4] {
    font-weight: medium;
}
    .nav-item:first-of-type[b-q87525mxk4] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-q87525mxk4] {
        padding-bottom: 1rem;
    }

    .nav-item[b-q87525mxk4]  a {
        color: white;
        height: 48px;
        display: flex;
        align-items: center;
        text-decoration: none;
    }

    .nav-item .pseudo-nav-link[b-q87525mxk4] {
        height: 40px;
        transition: padding var(--collapse-time);
        padding: 0;
        cursor: pointer;
    }

    .collapsed .nav-item .pseudo-nav-link[b-q87525mxk4] {
        padding: 4px 0;
    }

    [b-q87525mxk4] .nav-item.nav-item--indented > * {
        padding-left: 40px;
        transition: padding var(--collapse-time);
    }

    .collapsed[b-q87525mxk4]  .nav-item.nav-item--indented > * {
        padding-left: 0;
    }

    .nav-item[b-q87525mxk4]  a:hover {
        background-color: var(--legrand-gray);
    }

    .nav-item[b-q87525mxk4]  a.active {
        background-color: var(--teal-600);
        color: var(--gray-600);
        font-weight: 500;
    }