/* _content/CleanArchitecture.Blazor.Server.UI/Components/Shared/Layout/HeaderMenu.razor.rz.scp.css */
/* _content/CleanArchitecture.Blazor.Server.UI/Components/Shared/Layout/NavigationMenu.razor.rz.scp.css */
/*@import url('~/variables.css');*/
.mud-nav-link .mud-icon[b-ovf32hpuox] {
    fill: #000000 !important; /* Standardfarbe auf schwarz setzen */
}

/* Farbe für das aktive Icon */
.mud-nav-link.active-link .mud-icon[b-ovf32hpuox] {
    fill: #F6A016 !important; /* Orange für das aktive Icon */
}

/* Standardfarbe für alle Icons */
.mud-icon[b-ovf32hpuox] {
    fill: #000000; /* Standardfarbe auf schwarz setzen */
}

/* Wenn der Link aktiv ist, ändere die Farbe */
.mud-nav-link.active-link .mud-icon[b-ovf32hpuox] {
    fill: #F6A016; /* Orange für das aktive Icon */
}


.navbar-toggler[b-ovf32hpuox] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-ovf32hpuox] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-ovf32hpuox] {
    height: 100%;
    max-height: 70px;
    border-bottom: 2px solid #dbdbdb;
}

.navbar-brand[b-ovf32hpuox] {
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.bi[b-ovf32hpuox] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ovf32hpuox] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ovf32hpuox] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ovf32hpuox] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-ovf32hpuox] {
    font-size: 18px;
    /*padding-bottom: 0.5rem;*/
}

    .nav-item:first-of-type[b-ovf32hpuox] {
        /*padding-top: 1rem;*/
    }

    .nav-item:last-of-type[b-ovf32hpuox] {
        /*padding-bottom: 1rem;*/
    }

    .nav-item[b-ovf32hpuox]  .nav-link .nav-icon path,
    .nav-item[b-ovf32hpuox]  .nav-link .nav-icon d {
        fill: #808080 !important;
    }

    .nav-item[b-ovf32hpuox]  .nav-link {
        color: #808080;
        background: none;
        border: none;
        border-radius: 4px;
        /*height: 3rem;*/
        display: flex;
        align-items: center;
        gap: 20px;
        /*line-height: 3rem;*/
        padding: 20px;
        width: 100%;
    }

    .nav-item[b-ovf32hpuox]  a.active {
        background-color: #FFF2DE;
        color: var(--theme-primary-color);
        border-radius: 10px;
    }

    .nav-item[b-ovf32hpuox]  .nav-link:hover {
        background-color: #FFF2DE;
        color: var(--theme-primary-color);
        border-radius: 10px;
    }

.nav-scroller[b-ovf32hpuox] {
    /*display: none;*/
    max-height: calc(100vh - 70px);
    overflow: auto;
}

.navbar-toggler:checked ~ .nav-scroller[b-ovf32hpuox] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ovf32hpuox] {
        display: none;
    }

    .nav-scroller[b-ovf32hpuox] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        /*height: calc(100vh - 3.5rem);*/
        overflow: hidden auto !important;
    }
}

/*.nav-scroller::-webkit-scrollbar {
    width: 5px !important;
    border-radius: 10px !important;
}*/

.cstm-nav-header[b-ovf32hpuox] {
    font-size: 13px;
    text-align: center;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Dashboard/Components/AnalyticChartComponent.razor.rz.scp.css */
.chart-container[b-drhz2uttwg] {
    width: 100%;
    max-height: 400px;
}

.borderlesTable[b-drhz2uttwg] {
    border-left: none;
    border-right: none;
}

.custom-chart[b-drhz2uttwg] {
    height: 150px; /* Hier kannst du die Höhe anpassen */
}

.chart-container[b-drhz2uttwg] {
    height: 150px; /* Höhe für den Container */
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Dashboard/Components/EmiCoAssistantDeviceComponent.razor.rz.scp.css */
/*LiveDashboard CSS*/
.unset-slider-width[b-y8e46x2cac] {
    width: unset !important;
}

.cstm-select-device-dropdown[b-y8e46x2cac] {
    min-width: 162px;
}

.cstm-select-device-dropdown .mud-input-control-input-container .mud-input.mud-input-text[b-y8e46x2cac] {
    margin: 0 !important;
}

.live-dashboard-widget-icons svg[b-y8e46x2cac] {
    color: var(--theme-primary-color);
    height: 45px;
}

.live-dashboard-widget-icons svg
.svg-primary[b-y8e46x2cac] {
    fill: var(--theme-primary-color);
    /*fill: #000;*/
}

.dashboard-widget[b-y8e46x2cac] {
    padding: 1.95rem !important;
}

svg.live-dashboard-widget-icons use[b-y8e46x2cac] {
    fill: var(--theme-primary-color);
    background: #cfcfcf;
}

[b-y8e46x2cac] .cstm-apex-chart-1-height-live-dashboard {
    min-height: 354px;
}

[b-y8e46x2cac] .cstm-apex-chart-2-height-live-dashboard {
    min-height: 356px;
}

@media (min-width:769px) and (max-width: 1440px) {
    [b-y8e46x2cac] .cstm-apex-chart-1-height-live-dashboard {
        min-height: 354px;
    }

    [b-y8e46x2cac] .cstm-apex-chart-2-height-live-dashboard {
        min-height: 358px;
    }
}

.fs-14[b-y8e46x2cac] {
    font-size: 14px;
}

thead[b-y8e46x2cac] {
    background: white;
    cursor: pointer;
}

    thead:hover[b-y8e46x2cac] {
        background: white;
    }

tr:hover[b-y8e46x2cac] {
    background: #80838b;
    cursor: pointer;
}

.maxValueRow[b-y8e46x2cac] {
    cursor: unset;
    background: white;
    font-size: small;
}

.maxValueRow:hover[b-y8e46x2cac] {
    background: white;
}

.mud-slider[b-y8e46x2cac] {
    width: max-content !important;
}

.LineWidthTooltipp[b-y8e46x2cac] {
    position: absolute;
    top: -50px;
    width: 200px;
    z-index: 20;
    font-size: smaller;
    background-color: rgba(0, 0, 0, 0.15);
    padding: 5px 10px;
    border-radius: 5px;
}

.visible[b-y8e46x2cac] {
    transform: translateX(-50%);
    display: none;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Dashboard/Components/EmissionTable.razor.rz.scp.css */
table[b-d9t1v20d89] {
    border-collapse: collapse;
    background: white;
    width: 100%;
}

thead[b-d9t1v20d89] {
    background: white;
    cursor: pointer;
}

thead:hover[b-d9t1v20d89] {
    background: white;
}

td[b-d9t1v20d89] {
    padding: 1%;
}

th[b-d9t1v20d89] {
    padding: 1%;
}

tr:hover[b-d9t1v20d89] {
    background: #80838b;
    cursor: pointer;
}

.maxValueRow[b-d9t1v20d89] {
    cursor: unset;
    background: white;
    font-size: small;
}

.maxValueRow:hover[b-d9t1v20d89] {
    background: white;
}

.fitContent[b-d9t1v20d89] {
    height: fit-content;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Dashboard/Components/ListComponent.razor.rz.scp.css */
thead[b-y47ie6b92o] {
    background: white;
    cursor: pointer;
}

thead:hover[b-y47ie6b92o] {
    background: white;
}

tr:hover[b-y47ie6b92o] {
    background: #80838b;
    cursor: pointer;
}

.maxValueRow[b-y47ie6b92o] {
    cursor: unset;
    background: white;
    font-size: small;
}

.maxValueRow:hover[b-y47ie6b92o] {
    background: white;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Dashboard/Components/MeasuringPointComponent.razor.rz.scp.css */
.unset-slider-width[b-gp65r01fiy] {
    width: unset !important;
}

.w60[b-gp65r01fiy] {
    width: 60%;
}

.mud-slider[b-gp65r01fiy] {
    width: max-content!important;
}
.LineWidthTooltipp[b-gp65r01fiy] {
    position: absolute;
    top: -50px;
    width: 200px;
    z-index: 20;
    font-size: smaller;
    background-color: rgba(0, 0, 0, 0.15);
    padding: 5px 10px;
    border-radius: 5px;
}

.visible[b-gp65r01fiy] {
    transform: translateX(-50%);
    display: none;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Dashboard/Components/TreeViewComponent.razor.rz.scp.css */
/*Dashboard CSS*/

.card-shadow-toggle[b-6b1tspmttc] {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
}

    .card-shadow-toggle img[b-6b1tspmttc] {
        height: 15px;
    }

.hide-org .org-treeView[b-6b1tspmttc] {
    display: none;
}

.card-shadow-toggle.sticky[b-6b1tspmttc] {
    position: sticky;
    top: 0;
    z-index: 10;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Dashboard/Dashboard.razor.rz.scp.css */
.max-width-100[b-6pnp31l5mq] {
    max-width: 100%;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Dashboard/DataViewer.razor.rz.scp.css */
.max-width-100[b-h3ydwz558i] {
    max-width: 100%;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Dashboard/Devices.razor.rz.scp.css */
.max-width-100[b-gt45il9w6l] {
    max-width: 100%;
}

.device-card[b-gt45il9w6l] {
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.device-card:hover[b-gt45il9w6l] {
    transform: scale(1.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Dashboard/EmiCoAssistant.razor.rz.scp.css */
/*Dashboard CSS*/

.card-shadow-toggle[b-z7byif45nv] {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
    border-radius: 0px 10px 10px 0px;
    cursor: pointer;
}

.card-shadow-toggle img[b-z7byif45nv] {
    height: 15px;
}

.hide-org .org-treeView[b-z7byif45nv] {
    display: none;
}

.card-shadow-toggle.sticky[b-z7byif45nv] {
    position: sticky;
    top: 0;
    z-index: 10;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Dashboard/LiveDashboard.razor.rz.scp.css */
/*LiveDashboard CSS*/

.cstm-select-device-dropdown[b-sdkx356ti9] {
    min-width: 162px;
}

.cstm-select-device-dropdown .mud-input-control-input-container .mud-input.mud-input-text[b-sdkx356ti9] {
    margin: 0 !important;
}

.live-dashboard-widget-icons svg[b-sdkx356ti9] {
    color: var(--theme-primary-color);
    height: 45px;
}

.live-dashboard-widget-icons svg
.svg-primary[b-sdkx356ti9] {
    fill: var(--theme-primary-color);
    /*fill: #000;*/
}

.dashboard-widget[b-sdkx356ti9] {
    padding: 1.95rem !important;
}

svg.live-dashboard-widget-icons use[b-sdkx356ti9] {
    fill: var(--theme-primary-color);
    background: #cfcfcf;
}

[b-sdkx356ti9] .cstm-apex-chart-1-height-live-dashboard {
    min-height: 354px;
}

[b-sdkx356ti9] .cstm-apex-chart-2-height-live-dashboard {
    min-height: 356px;
}

@media (min-width:769px) and (max-width: 1440px) {
    [b-sdkx356ti9] .cstm-apex-chart-1-height-live-dashboard {
        min-height: 354px;
    }

    [b-sdkx356ti9] .cstm-apex-chart-2-height-live-dashboard {
        min-height: 358px;
    }
}

.fs-14[b-sdkx356ti9] {
    font-size: 14px;
}
