/* /Components/Cards/AssetCpnt.razor.rz.scp.css */
.asset[b-l2ep7ympu0] {
    --_asset-MinWidth: var(--asset-MinWidth, 380px);
    --_asset-BackgroundColor: var(--asset-BackgroundColor, #ffffff);
    --_asset-GridTemplateRows: var(--asset-GridTemplateRows, repeat(3, max-content));
    --_asset-Border: var(--asset-Border, 1px solid var(--color-grey-300));
    --_asset__header-MinHeight: var(--asset__header-Height, 2rem);
    --_asset__header-Padding: var(--asset__header-Padding, 1rem 1rem);
    --_asset__signal-MaxWidth: max(var(--_asset__signal__icon-FontSize),var(--asset__signal-MaxWidth, 2rem));
    --_asset__signal-Height: max(var(--_asset__signal__icon-FontSize),var(--asset__signal-Height, 2rem));
    --_asset__signal__icon-FontSize: var(--asset__signal-icon-FontSize, 0.875rem);
    --_asset__signal__icon-MinWidth: var(--asset__signal__icon-MinWidth, 2rem);
    --_asset__img-Height: var(--asset__img-Height, 184px);
    --_asset__content-Padding: var(--asset__content-Padding, 1rem);
    --_asset__content__metrics-Margin: var(--asset__content__metrics-Margin, 1rem 0 1.5rem 0);
    --_asset__content__metrics-Gap: var(--asset__content__metrics-Gap, 1rem 1.5rem);
    --_asset__alert-box-GridArea: var(--asset__alert-box-GridArea, header);
    --_asset__alert-box-Position: var(--asset__alert-box-Position, absolute);
    --_asset__alert-box-Padding: var(--asset__alert-box-Padding, 4px);
    position: relative;
    background-color: var(--_asset-BackgroundColor);
    border: 1px solid var(--color-grey-300);
    width: 100%;
    height: 100%;
    min-width: var(--_asset-MinWidth);
    display: grid;
    grid-template-rows: var(--_asset-GridTemplateRows);
    grid-template-areas: "header" "image" "content";
    border-radius: 0.25rem;
}

    .asset.is-large[b-l2ep7ympu0] {
        --_asset__img-Height: var(--asset--large__img-Height, 256px);
        --_asset__header-Padding: var(--asset--large__header-Padding, 2.25rem 1.5rem);
        --_asset__name-Padding: var(--asset--large__name-Padding, 1rem 2.5rem);
        --_asset__content-Padding: var(--asset__content-Padding, 1rem 2.5rem 1.5rem 2.5rem);
        --_asset__content__metrics-Margin: var(--asset--large__content__metrics-Margin, 1rem 0 0 0);
        --_asset__content__metrics-Gap: var(--asset--large__content__metrics-Gap, 1rem 2rem);
        --_asset__alert-box-GridArea: var(--asset--large__alert-box-GridArea, alert);
        --_asset__alert-box-Position: var(--asset--large__alert-box-Position, initial);
        --_asset__alert-box-Padding: var(--asset--large__alert-box-Padding, 0 1rem 1rem 1rem);
        --_asset-GridTemplateRows: var(--asset--large-GridTemplateRows, repeat(4, max-content));
        grid-template-areas: "header" "image" "content" "alert";
    }

.asset__header[b-l2ep7ympu0] {
    --_asset__header-Position: var(--asset__header-Position, absolute);
    position: var(--_asset__header-Position);
    width: 100%;
    min-height: var(--_asset__header-MinHeight);
    padding: var(--_asset__header-Padding);
    grid-area: header;
    z-index: 1;
}

.asset__signal[b-l2ep7ympu0] {
    --_asset__signal-BorderRadius: var(--asset__signal-BorderRadius, 2rem);
    --_asset__signal-Background: var(--asset__signal-Background, var(--color-grey));
    --_asset__signal-Color: var(--asset__signal-Color, var(--color-text-light));
    max-width: var(--_asset__signal-MaxWidth);
    height: var(--_asset__signal-Height);
    overflow-x: hidden;
    transition: max-width 0.5s ease-in-out;
    border-radius: var(--_asset__signal-BorderRadius);
    background: var(--_asset__signal-Background);
    color: var(--_asset__signal-Color);
}

    .asset__signal:hover[b-l2ep7ympu0] {
        max-width: calc(var(--_asset__signal-MaxWidth) + 140px);
    }

.asset__signal__icon[b-l2ep7ympu0] {
    --_asset__signal__icon-LineHeight: var(--asset__signal__icon-LineHeight, 0.9em);
    min-width: var(--_asset__signal__icon-MinWidth);
    text-align: center;
    font-size: var(--_asset__signal__icon-FontSize);
    line-height: var(--_asset__signal__icon-LineHeight);
    flex-shrink: 0;
}

.asset__img-container[b-l2ep7ympu0] {
    width: 100%;
    height: var(--_asset__img-Height);
    grid-area: image;
    border-bottom: var(--_asset-Border);
}

.asset__img[b-l2ep7ympu0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.02);
}

.asset__content[b-l2ep7ympu0] {
    grid-area: content;
    padding: var(--_asset__content-Padding);
}

.asset__content__name__icon[b-l2ep7ympu0] {
    --_asset__content__name__icon-FontSize: var(--asset__content__name__icon-FontSize, 1.5rem);
    --_asset__content__name__icon-LineHeight: var(--asset__content__name__icon-LineHeight, 0.9em);
    --_asset__content__name__icon-MarginLeft: var(--asset__content__name__icon-MarginLeft, 0.25rem);
    font-size: var(--_asset__content__name__icon-FontSize);
    line-height: var(--_asset__content__name__icon-LineHeight);
    margin-left: var(--_asset__content__name__icon-MarginLeft);
}

.asset__content__metrics[b-l2ep7ympu0] {
    margin: var(--_asset__content__metrics-Margin);
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--_asset__content__metrics-Gap);
}

.asset__content__timeline[b-l2ep7ympu0] {
    --_asset__timeline-Padding: var(--asset__timeline-Padding, auto);
    padding: var(--_asset__timeline-Padding);
}

.blurred[b-l2ep7ympu0] {
    filter: blur(1px);
}

.linked[b-l2ep7ympu0] {
    cursor: pointer;
}

.asset__alert-box[b-l2ep7ympu0] {
    position: var(--_asset__alert-box-Position);
    width: 100%;
    padding: var(--_asset__alert-box-Padding);
    grid-area: var(--_asset__alert-box-GridArea);
    z-index: 2;
}

.asset_state_box[b-l2ep7ympu0] {
    position: absolute;
    top: 0.2rem;
    left:0.2rem;
    right: 0.2rem;
    height: auto;
    padding: 0.25rem;
    border-radius: 0.25rem;
    backdrop-filter: blur(2px);
    /*border: 1px solid rgba(255, 255, 255, 0.3);*/
    z-index: 10;
    text-align: center;
}
/* /Components/Cards/WidgetCard.razor.rz.scp.css */
.ctfy-card[b-r38vv13v66] {
    --_ctfy-card-BackgroundColor: var(--ctfy-card-BackgroundColor, #ffffff);
    --_ctfy-card-MinHeight: var(--ctfy-card-MinHeight, none);
    --_ctfy-card-MaxWidth: var(--ctfy-card-MaxWidth, 412px);
    --_ctfy-card-Padding: var(--ctfy-card-Padding, 0rem);

    padding: var(--_ctfy-card-Padding);
    border: 1px solid var(--color-grey-300);
    background-color: var(--_ctfy-card-BackgroundColor);
    min-height: var(--_ctfy-card-MinHeight);
    width: 100%;
    /*max-width: var(--_ctfy-card-MaxWidth);*/
}

.linked[b-r38vv13v66] {
    cursor: pointer;
}

.ctfy-card__header[b-r38vv13v66] {
    --_ctfy-card__header-Margin: var(--ctfy-card__header-Margin, 0);
    --_ctfy-card__header-Padding: var(--ctfy-card__header-Padding, 1.5rem 1.5rem 1rem 1.5rem);

    margin: var(--_ctfy-card__header-Margin);
    padding: var(--_ctfy-card__header-Padding);
}

.ctfy-card__header__icon[b-r38vv13v66] {
    --_ctfy-card__header__icon-BackgroundColor: var(--ctfy-card__header__icon-BackgroundColor, var(--color-grey));
    --_ctfy-card__header__icon-Color: var(--ctfy-card__header__icon-Color, var(--color-primary));
    --_ctfy-card__header__icon-Padding: var(--ctfy-card__header__icon-Padding, 0.688rem);
    --_ctfy-card__header__icon-FontSize: var(--ctfy-card__header__icon-FontSize, 1.25rem);
    --_ctfy-card__header__icon-BoarderRadius: var(--ctfy-card__header__icon-BoarderRadius, 8px);
    --_ctfy-card__header__icon-Height: var(--ctfy-card__header__icon-Height, 2.5rem);
    --_ctfy-card__header__icon-Width: var(--ctfy-card__header__icon-Width, 2.5rem);

    background-color: var(--_ctfy-card__header__icon-BackgroundColor);
    color: var(--_ctfy-card__header__icon-Color);
    padding: var(--_ctfy-card__header__icon-Padding);
    height: var(--_ctfy-card__header__icon-Height);
    width: var(--_ctfy-card__header__icon-Height);
    border-radius: var(--_ctfy-card__header__icon-BoarderRadius);
    font-size: var(--_ctfy-card__header__icon-FontSize);
    line-height: 0.9em;
}

.ctfy-card__header__title[b-r38vv13v66] {
    margin-left: 1rem;
}

.ctfy-card__header__link-icon[b-r38vv13v66] {
    --_ctfy-card__header__link-icon-FontSize: var(--ctfy-card__header__link-icon-FontSize, 1.5rem);
    --_ctfy-card__header__link-icon-LineHeight: var(--ctfy-card__header__link-icon-LineHeight, 0.9em);

    margin-left: auto;
    font-size: var(--_ctfy-card__header__link-icon-FontSize);
    line-height: var(--_ctfy-card__header__link-icon-LineHeight);
}

.ctfy-card__content[b-r38vv13v66] {
    --_ctfy-card__content-Padding: var(--ctfy-card__content-Padding, 0);

    padding: var(--_ctfy-card__content-Padding);
    flex-grow: 1;
}

.ctfy-card__content--padded[b-r38vv13v66] {
    --ctfy-card__content-Padding: var(--ctfy-card__content--padded-Padding, 0 1.5rem 1.5rem 1.5rem);
}
/* /Components/Charts/GaugeChart.razor.rz.scp.css */
.gauge-chart[b-vf5v1j8ee5] {
    --_gauge-chart-width: var(--gauge-chart-width, 100%);
    --_gauge-chart-max-width: var(--gauge-chart-max-width, 264px);
    --_gauge-chart-Margin: var(--gauge-chart-Margin, 0);
    width: var(--_gauge-chart-width);
    max-width: var(--_gauge-chart-max-width);
    position: relative;
    user-select: none;
    margin: var(--_gauge-chart-Margin);
}

.gauge-chart__visual__track[b-vf5v1j8ee5] {
    fill: var(--color-grey-300);
}

.gauge-chart__visual__current-value[b-vf5v1j8ee5] {
    fill: var(--gauge-chart__visual__current-value-color);
}

.gauge-chart__visual.alert[b-vf5v1j8ee5] {
    --gauge-chart__visual__current-value-color: var(--color-danger);
}

.gauge-chart__visual.warning[b-vf5v1j8ee5] {
    --gauge-chart__visual__current-value-color: var(--color-warning);
}

.gauge-chart__visual.success[b-vf5v1j8ee5] {
    --gauge-chart__visual__current-value-color: var(--color-success);
}

.gauge-chart__infos[b-vf5v1j8ee5] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: calc(100% - 4 * var(--arc-thickness));
    max-height: 100%;
    text-align: center;
}

.gauge-chart__infos > div[b-vf5v1j8ee5] {
    max-width: 100%;
}

.gauge-chart__current-value[b-vf5v1j8ee5] {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
}

.gauge-chart__kpi-icon[b-vf5v1j8ee5] {
    --_gauge-chart__kpi-icon-width: 13px;
    --_gauge-chart__kpi-icon-height: 11px;

    width: 0;
    height: 0;
    border-style: solid;
    margin-block-start: 2px;
}

.gauge-chart__kpi-icon--alert[b-vf5v1j8ee5] {
    border-width: var(--_gauge-chart__kpi-icon-height) calc(var(--_gauge-chart__kpi-icon-width) / 2) 0 calc(var(--_gauge-chart__kpi-icon-width) / 2);
    border-color: var(--color-danger) transparent transparent transparent;
}

.gauge-chart__kpi-icon--success[b-vf5v1j8ee5] {
    border-width: 0 calc(var(--_gauge-chart__kpi-icon-width) / 2)  var(--_gauge-chart__kpi-icon-height) calc(var(--_gauge-chart__kpi-icon-width) / 2);
    border-color: transparent transparent var(--color-success) transparent;
}

.text-single-line-ellipsis[b-vf5v1j8ee5] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Charts/MachineStateChartLegendComponent.razor.rz.scp.css */
.machine-state-legend[b-wikakz9or2] {
    list-style-type: none;
    margin: 10px 0 0;
}

/* Adjusted spacing to match the chart lines */
.machine-state-label[b-wikakz9or2] {
    --_state-color: var(--color-grey, #1d1e20);
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--color-grey, #1d1e20);
    padding: 7px 0 8px 1.25rem;
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
}

.machine-state-label[b-wikakz9or2]::before {
    display: block;
    content: '';
    width: 8px;
    height: 20px;
    background: var(--_state-color);
    position: absolute;
    left: 0;
}

.machine-state-label--CleaningColorChange[b-wikakz9or2] {
    --_state-color: var(--ctfy-state-color--change, #f00);
}

.machine-state-label--Error[b-wikakz9or2] {
    --_state-color: var(--ctfy-state-color--error, #f00);
}

.machine-state-label--Off[b-wikakz9or2] {
    --_state-color: var(--ctfy-state-color--off, #1d1e20);
}

.machine-state-label--PrepareCleaningManual[b-wikakz9or2] {
    --_state-color: var(--ctfy-state-color--preparecleaningmanual, #28a745);
}

.machine-state-label--On[b-wikakz9or2] {
    --_state-color: var(--ctfy-state-color--on, #f00);
}

.machine-state-label--Prepare[b-wikakz9or2] {
    --_state-color: var(--ctfy-state-color--prepare, #f00);
}

.machine-state-label--ProductionEmpty[b-wikakz9or2] {
    --_state-color: var(--ctfy-state-color--empty, #f00);
}

.machine-state-label--ProductionRunning[b-wikakz9or2] {
    --_state-color: var(--ctfy-state-color--running, #f00);
}

.machine-state-label--ProductionRunningManual[b-wikakz9or2] {
    --_state-color: var(--ctfy-state-color--manual, #f00);
}

.machine-state-label--ProductionStandby[b-wikakz9or2] {
    --_state-color: var(--ctfy-state-color--standby, #f00);
}

/* Offset needed to align chart with line charts */
.machine-state-chart-offset[b-wikakz9or2] {
    padding-inline-start: var(--machine-state-chart-offset, 30px);
}

.machine-state-label__main[b-wikakz9or2] {
    flex: 1 1 0%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.machine-state-label__suffix[b-wikakz9or2] {
    font-size: 0.75rem;
    color: var(--color-grey-500, #8f96a3);
}
/* /Components/Content/Fact.razor.rz.scp.css */
.fact[b-z3gctl8bs8] {
    --_fact-MinWidth: var(--fact-MinWidth, 0);
    min-width: var(--_fact-MinWidth);
}

.fact__label[b-z3gctl8bs8] {
    --_fact__label-Color: var(--fact__label-Color, var(--color-grey-600));
    --_fact__label-FontSize: var(--fact__label-FontSize, 0.75rem);
    --_fact__label-LineHeight: var(--fact__label-LineHeight, 1rem);

    color: var(--_fact__label-Color);
    font-size: var(--_fact__label-FontSize);
    line-height: var(--_fact__label-LineHeight);
}

.fact__label__icon[b-z3gctl8bs8] {
    --_fact__label__icon-FontSize: var(--fact__label__icon-FontSize, var(--_fact__label-LineHeight));
    --_fact__label__icon-MarginLeft: var(--fact__label__icon-MarginLeft, 0.25rem);

    font-size: var(--_fact__label__icon-FontSize);
    margin-left: var(--_fact__label__icon-MarginLeft);
}

.fact__value[b-z3gctl8bs8] {
    --_fact__value-Color: var(--fact__value-Color, inherit);
    --_fact__value-FontSize: var(--fact__value-FontSize, 1rem);
    --_fact__value-FontWeight: var(--fact__value-FontWeight, 400);
    --_fact__value-LineHeight: var(--fact__value-LineHeight, 1.5rem);

    color: var(--_fact__value-Color);
    font-size: var(--_fact__value-FontSize);
    font-weight: var(--_fact__value-FontWeight);
    line-height: var(--_fact__value-LineHeight);
}

.fact__value__icon[b-z3gctl8bs8] {
    --_fact__value__icon-MarginLeft: var(--fact__value__icon-MarginLeft, 0.5rem);

    margin-left: var(--_fact__value__icon-MarginLeft);
}
/* /Components/Content/TrafficLight.razor.rz.scp.css */

.ampel-metallic-horizontal[b-u21gw87ur3], .ampel-metallic-vertical[b-u21gw87ur3] {
    /* Erzwingt die waagerechte Ausrichtung */
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px;
    border-radius: 50px; /* Abgerundete Enden für edlen Look */

    /* Metallic-Effekt: Silber/Chrom-Verlauf */
    background: linear-gradient(180deg, #e0e0e0 0%, #888 50%, #444 100%);
    border: 2px solid #aaa;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5), inset 0 1px 2px white;
}

.ampel-metallic-horizontal[b-u21gw87ur3] {
    flex-direction: row;
}

.ampel-metallic-vertical[b-u21gw87ur3] {
    flex-direction: column;
}
/* /Components/Content/TrafficLightLamp.razor.rz.scp.css */

.lampe[b-auh26ujydi] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    /* Standard: Aus-Zustand (dunkles Glas) */
    background: radial-gradient(circle at 30% 30%, #333, #111);
    border: 2px solid #666;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.5);
}

/* Leucht-Zustände */
.rot[b-auh26ujydi]   { background: radial-gradient(circle at 35% 35%, #ff4d4d, #800000); box-shadow: 0 0 20px #ff0000; border-color: #ff9999; }
.gelb[b-auh26ujydi]  { background: radial-gradient(circle at 35% 35%, #ffdb4d, #806600); box-shadow: 0 0 20px #ffcc00; border-color: #ffeb99; }
.gruen[b-auh26ujydi] { background: radial-gradient(circle at 35% 35%, #44ff44, #004d00); box-shadow: 0 0 20px #00ff00; border-color: #99ff99; }
/* /Components/DashboardWidgets/MainDashboardWidgets/LiquidMainDashboardWidget.razor.rz.scp.css */
.asset-dashboard__content__kpi[b-w0owd499ir] {
    flex-grow: 1;
    padding: var(--asset-dashboard__content__kpi-Padding, 1.5rem);
    --ctfy-card-MaxWidth: none;
}

.asset-dashboard__content--spacing[b-w0owd499ir] {
    --_asset-dashboard__content--spacing-Gap: 1.5rem;
    gap: var(--_asset-dashboard__content--spacing-Gap);
}

.asset-dashboard__content__kpi__gauges[b-w0owd499ir] {
    flex-direction: var(--asset-dashboard__content__kpi__gauges-FlexDirection, column);
    gap: var(--asset-dashboard__content__kpi__gauges-Gap, 1.5rem 0);
}

.asset-dashboard__content__kpi__facts[b-w0owd499ir] {
    --fact__label-FontSize: 1rem;
    --fact__label-LineHeight: 1.5rem;
    --fact__value-FontSize: 1.5rem;
    --fact__value-FontWeight: 700;
    --fact__value-LineHeight: 2rem;
    display: grid;
    grid-template-columns: var(--asset-dashboard__content__kpi__facts-GridTemplateColumns, 1fr);
    grid-template-rows: var(--asset-dashboard__content__kpi__facts-GridTemplateRows, repeat(3, auto));
    gap: var(--asset-dashboard__content__kpi__facts-Gap, 1rem);
}

.asset-dashboard__content__kpi__facts > .fact[b-w0owd499ir] {
    min-width: 0;
}

@media (min-width: 1366px) {
    .asset-dashboard__content__kpi__gauges[b-w0owd499ir] {
        --asset-dashboard__content__kpi__gauges-FlexDirection: row;
        --asset-dashboard__content__kpi__gauges-Gap: 0;
    }
    
    .asset-dashboard__content__kpi__facts[b-w0owd499ir] {
        --asset-dashboard__content__kpi__facts-Gap: 2rem;
        --asset-dashboard__content__kpi__facts-GridTemplateColumns: repeat(3, 1fr);
        --asset-dashboard__content__kpi__facts-GridTemplateRows: auto;
    }
    
    .asset-dashboard__content__kpi[b-w0owd499ir] {
        --asset-dashboard__content__kpi-Padding: 1.5rem 2.5rem;
    }
}
/* /Components/DashboardWidgets/MainDashboardWidgets/TrolleyMainDashboardWidget.razor.rz.scp.css */
.asset-dashboard__content__kpi[b-gomyryay7q] {
    flex-grow: 1;
    padding: var(--asset-dashboard__content__kpi-Padding, 1.5rem);
    --ctfy-card-MaxWidth: none;
}

.asset-dashboard__content--spacing[b-gomyryay7q] {
    --_asset-dashboard__content--spacing-Gap: 1.5rem;
    gap: var(--_asset-dashboard__content--spacing-Gap);
}

.asset-dashboard__content__kpi__gauges[b-gomyryay7q] {
    flex-direction: var(--asset-dashboard__content__kpi__gauges-FlexDirection, column);
    gap: var(--asset-dashboard__content__kpi__gauges-Gap, 1.5rem 0);
}

.asset-dashboard__content__kpi__facts[b-gomyryay7q] {
    --fact__label-FontSize: 1rem;
    --fact__label-LineHeight: 1.5rem;
    --fact__value-FontSize: 1.5rem;
    --fact__value-FontWeight: 700;
    --fact__value-LineHeight: 2rem;
    display: grid;
    grid-template-columns: var(--asset-dashboard__content__kpi__facts-GridTemplateColumns, 1fr);
    grid-template-rows: var(--asset-dashboard__content__kpi__facts-GridTemplateRows, repeat(3, auto));
    gap: var(--asset-dashboard__content__kpi__facts-Gap, 1rem);
}

.asset-dashboard__content__kpi__facts > .fact[b-gomyryay7q] {
    min-width: 0;
}

@media (min-width: 1366px) {
    .asset-dashboard__content__kpi__gauges[b-gomyryay7q] {
        --asset-dashboard__content__kpi__gauges-FlexDirection: row;
        --asset-dashboard__content__kpi__gauges-Gap: 0;
    }
    
    .asset-dashboard__content__kpi__facts[b-gomyryay7q] {
        --asset-dashboard__content__kpi__facts-Gap: 2rem;
        --asset-dashboard__content__kpi__facts-GridTemplateColumns: repeat(3, 1fr);
        --asset-dashboard__content__kpi__facts-GridTemplateRows: auto;
    }
    
    .asset-dashboard__content__kpi[b-gomyryay7q] {
        --asset-dashboard__content__kpi-Padding: 1.5rem 2.5rem;
    }
}
/* /Components/DashboardWidgets/MainDashboardWidgets/WicosMainDashboardWidget.razor.rz.scp.css */
.asset-dashboard__content__kpi[b-yzcq0p84sb] {
    flex-grow: 1;
    padding: var(--asset-dashboard__content__kpi-Padding, 1.5rem);
    --ctfy-card-MaxWidth: none;
}

.asset-dashboard__content--spacing[b-yzcq0p84sb] {
    --_asset-dashboard__content--spacing-Gap: 1.5rem;
    gap: var(--_asset-dashboard__content--spacing-Gap);
}

.asset-dashboard__content__kpi__gauges[b-yzcq0p84sb] {
    flex-direction: var(--asset-dashboard__content__kpi__gauges-FlexDirection, column);
    gap: var(--asset-dashboard__content__kpi__gauges-Gap, 1.5rem 0);
}

.asset-dashboard__content__kpi__facts[b-yzcq0p84sb] {
    --fact__label-FontSize: 1rem;
    --fact__label-LineHeight: 1.5rem;
    --fact__value-FontSize: 1.5rem;
    --fact__value-FontWeight: 700;
    --fact__value-LineHeight: 2rem;
    display: grid;
    grid-template-columns: var(--asset-dashboard__content__kpi__facts-GridTemplateColumns, 1fr);
    grid-template-rows: var(--asset-dashboard__content__kpi__facts-GridTemplateRows, repeat(3, auto));
    gap: var(--asset-dashboard__content__kpi__facts-Gap, 1rem);
}

.asset-dashboard__content__kpi__facts > .fact[b-yzcq0p84sb] {
    min-width: 0;
}

@media (min-width: 1366px) {
    .asset-dashboard__content__kpi__gauges[b-yzcq0p84sb] {
        --asset-dashboard__content__kpi__gauges-FlexDirection: row;
        --asset-dashboard__content__kpi__gauges-Gap: 0;
    }
    
    .asset-dashboard__content__kpi__facts[b-yzcq0p84sb] {
        --asset-dashboard__content__kpi__facts-Gap: 2rem;
        --asset-dashboard__content__kpi__facts-GridTemplateColumns: repeat(3, 1fr);
        --asset-dashboard__content__kpi__facts-GridTemplateRows: auto;
    }
    
    .asset-dashboard__content__kpi[b-yzcq0p84sb] {
        --asset-dashboard__content__kpi-Padding: 1.5rem 2.5rem;
    }
}
/* /Components/DashboardWidgets/MaterialConsumptionWidget.razor.rz.scp.css */

.main-container[b-5pkfrepp8b] {
    display: flex;
    height: 100%;
    justify-content: space-between;
    min-height: 80px;
}

.chart-container[b-5pkfrepp8b] {
    display: flex;
    gap: 0.5rem;
    min-height: 80px;
}

.chart[b-5pkfrepp8b] {
    width: 20px;
    border-radius: 5px;
    background-color: lightgrey;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
}

.chart-fill[b-5pkfrepp8b] {
    background-color: #5E636E;
}

.chart-details[b-5pkfrepp8b] {
    display: flex;
    flex-direction: column;
}
/* /Components/DashboardWidgets/ServiceWidget.razor.rz.scp.css */

.root-container[b-7lmnbh0j7w] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}

.container-top[b-7lmnbh0j7w] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 1rem 0;
}

.container-bottom[b-7lmnbh0j7w] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 1rem 0 0 0;
}

.chart-background[b-7lmnbh0j7w] {
    height: 1.5rem;
    width: 60%;
    background-color: lightgrey;
    border-radius: 5px;
    overflow: hidden;
}

.recommended-chart[b-7lmnbh0j7w] {
    height: 100%;
    background-color: #FFEA99;
    border-radius: 5px;
}

.urgent-chart[b-7lmnbh0j7w] {
    background-color: #FFB394;
    border-radius: 5px;
    height: 100%;
}
/* /Components/Dialogs/DatenschutzDialog.razor.rz.scp.css */

/* Dialog */

.vertical-line-einwilligung[b-cvkh9ih8yw] {
    width: 1px;
    height: 100px;
    background-color: black;
    padding-top: 18rem;
    margin-left: 10rem;
}

.einwilligung-box[b-cvkh9ih8yw] {
    margin-top: 0; 
    margin-bottom: 0; 
    border-radius: 5px; 
    background-color: #ffffff; 
    padding: 1rem;
}

#datenschutzdialogkopf[b-cvkh9ih8yw] {
    margin-top: 0; 
    background-color: #e0e0e0; 
    padding: 1rem; 
    border: solid 2px #21c4bc; 
    border-radius: 5px;
}

#inline_DSGVO[b-cvkh9ih8yw]{
    margin-top: 1rem; 
    margin-bottom: 1rem;
}

#datenschutz_inline_agb[b-cvkh9ih8yw]{
    width: 100%; 
    height: 500px;
}

#inline_DSGVO[b-cvkh9ih8yw] {
    background: #fff;
    max-height: 400px; /* Adjust as needed */
    overflow-y: auto;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
/* /Components/Dialogs/WelcomeTipDialogCpnt.razor.rz.scp.css */
/*
    Alligned to Icon inside WcCard Component (.ctfy-card__header__icon).
    @TODO Create and use a icon-component with specific variant.
*/
.ctfy-dialog__header__icon[b-gw84d4m6te] {
  background-color: var(--ctfy-card__header__icon-BackgroundColor, var(--color-grey));
  color: var(--ctfy-card__header__icon-Color, var(--color-primary));
  padding: var(--ctfy-card__header__icon-Padding, 0.688rem);
  height: var(--ctfy-card__header__icon-Height, 2.5rem);
  width: var(--ctfy-card__header__icon-Width, 2.5rem);
  border-radius: var(--ctfy-card__header__icon-BoarderRadius, 8px);
  font-size: var(--ctfy-card__header__icon-FontSize, 1.25rem);
  line-height: 0.9em;
}

/* Override default Dialog styling */
.e-dialog .e-footer-content[b-gw84d4m6te]  .e-btn {
  margin: 0;
}

.e-dialog .e-footer-content[b-gw84d4m6te]  .e-btn:not(:first-child) {
  margin: 1rem 0 0 0;
}

/* Tipp Box */
.tipp-box[b-gw84d4m6te] {
  margin: 1.5rem 0 0.5rem 0;
  background: var(--color-grey-100);
  color: var(--color-grey-600);
  display: grid;
  grid-template-columns: 1fr 170px;
}

.tipp-box__text[b-gw84d4m6te] {
  padding: 1rem;
  line-height: 1.5rem;
}

/*# sourceMappingURL=WelcomeTipDialogCpnt.razor.css.map */
/* /Components/Grids/QualityControlGrid.razor.rz.scp.css */

.HeaderTemplateText[b-6iwz3ztopb] {
    white-space: pre-line;
    min-width: 3rem;
    font-size: 1.2rem;
    overflow-wrap: break-word; /* Erlaubt den Umbruch an jeder Stelle, um Überlaufen zu verhindern */
    display: inline-block;    /* Stellt sicher, dass das Span-Element die Breite korrekt berechnet */
    text-align: center;
    width: 100%;
}

.DivHeaderTemplate[b-6iwz3ztopb] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.cell-template[b-6iwz3ztopb] {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

@media (max-width: 1280px) {
    .cell-template[b-6iwz3ztopb] {
        width: auto;
    }
}
/* /Components/Layout/Navigations/CoatifyBreadcrumb.razor.rz.scp.css */
/*.coatify-breadcrumb {*/
/*    --_breadcrumb-Padding:*/
/*        var(--breadcrumb-Padding,*/
/*            var(--__breadcrumb-Padding, 1rem 2rem)*/
/*        );*/
/*    --_breadcrumb-LineHeight:*/
/*        var(--breadcrumb-LineHeight, 2.5rem);*/
/*    */
/*    padding: var(--_breadcrumb-Padding);*/
/*    line-height: var(--_breadcrumb-LineHeight);*/
/*}*/

/*.coatify-breadcrumb:empty {*/
/*    --_breadcrumb-Padding: 0;*/
/*}*/

/*.coatify-breadcrumb__back-link {*/
/*    color: var(--breadcrumb__back-link-Color, var(--color-secondary-400));*/
/*    margin-inline-end: var(--breadcrumb__back-link-MarginInlineEnd, 2rem);*/
/*    line-height: inherit;*/
/*}*/

/*.coatify-breadcrumb__back-link__icon {*/
/*    margin-inline-end: var(--breadcrumb__back-link__icon-MarginInlineEnd, 0.5rem);*/
/*}*/

/*.coatify-breadcrumb__items {*/
/*    --_breadcrumb__items-Display: var(--__breadcrumb__items-Display, flex);*/

/*    display: var(--_breadcrumb__items-Display);*/
/*    padding: 0 0 0 2.5rem;*/
/*    border-left: 1px solid var(--color-grey-300);*/
/*    min-width: 0;*/
/*}*/

/*.coatify-breadcrumb__item {*/
/*    font-weight: 700;*/
/*    color: var(--color-grey);*/
/*}*/

/*.coatify-breadcrumb__item__link {*/
/*    font-weight: 400;*/
/*    color: var(--color-grey-600);*/
/*}*/

/*.coatify-breadcrumb__item__separator {*/
/*    width: 1.5rem;*/
/*    margin-inline: 1rem;*/
/*    color: var(--color-grey-400);*/
/*}*/

/*!* RESPONSIVE: smartphones, touchscreens *!*/
/*!* -------------------------------------------------------------------------- *!*/
/*@media*/
/*    !* touch devices *!*/
/*    (hover: none) and (pointer: coarse),*/
/*    !* and small viewports *!*/
/*    (max-width: 767.98px) {*/
/*    .coatify-breadcrumb {*/
/*        --__breadcrumb__items-Display: none;*/
/*    }*/
/*}*/
/* /Components/Layout/Navigations/DateStepper.razor.rz.scp.css */
.date-stepper[b-8heiw1phgd] {
    --_date-stepper-Color: var(--date-stepper-Color, inherit);
    --_date-stepper-Width: var(--date-stepper-Width, auto);
    --_date-stepper-MinWidth: var(--date-stepper-MinWidth, 0);
    --_date-stepper-MaxWidth: var(--date-stepper-MaxWidth, none);
    --_date-stepper-Height: var(--date-stepper-Height, 1.5rem);
    --_date-stepper__button-Width: var(--date-stepper__button-Width, 1.5rem);

    --ctfy-button-Width: var(--_date-stepper__button-Width);
    --ctfy-button-Height: var(--_date-stepper-Height);
    --ctfy-button-Padding: 0;
    --ctfy-button-Color: #000;
    --ctfy-button-FontSize: 1.25rem;
    
    color: var(--_date-stepper-Color);
    width: var(--_date-stepper-Width);
    min-width: var(--_date-stepper-MinWidth);
    max-width: var(--_date-stepper-MaxWidth);
}

.date-stepper__value[b-8heiw1phgd] {
    --_date-stepper__value-FontWeight: var(--date-stepper__value-FontWeight, 700);
    
    font-weight: var(--_date-stepper__value-FontWeight);
    margin-inline: 0.5rem;
    min-width: 0;
}
/* /Components/Layout/Navigations/DateStepperWheel.razor.rz.scp.css */
.date-stepper[b-h1nfufrwmz] {
    --_date-stepper-Color: var(--date-stepper-Color, inherit);
    --_date-stepper-Width: var(--date-stepper-Width, auto);
    --_date-stepper-MinWidth: var(--date-stepper-MinWidth, 0);
    --_date-stepper-MaxWidth: var(--date-stepper-MaxWidth, none);
    --_date-stepper-Height: var(--date-stepper-Height, 1.5rem);
    --_date-stepper__button-Width: var(--date-stepper__button-Width, 1.5rem);

    --ctfy-button-Width: var(--_date-stepper__button-Width);
    --ctfy-button-Height: var(--_date-stepper-Height);
    --ctfy-button-Padding: 0;
    --ctfy-button-Color: #000;
    --ctfy-button-FontSize: 1.25rem;

    color: var(--_date-stepper-Color);
    width: var(--_date-stepper-Width);
    min-width: var(--_date-stepper-MinWidth);
    max-width: var(--_date-stepper-MaxWidth);
}

.date-stepper__value[b-h1nfufrwmz] {
    --_date-stepper__value-FontWeight: var(--date-stepper__value-FontWeight, 700);

    font-weight: var(--_date-stepper__value-FontWeight);
    margin-inline: 0.5rem;
    min-width: 0;
}
/* /Components/Layout/Navigations/DropDownCpnt.razor.rz.scp.css */
.drop-down[b-hf5le6r0z2] {
  --ctfy-input-Padding: 0.75rem 1.5rem;
  --ctfy-input-Height: 3rem;
  --ctfy-input-FontWeight: 700;
  position: relative;
}

/*# sourceMappingURL=DropDownCpnt.razor.css.map */
/* /Components/Layout/Navigations/TabBarCpnt.razor.rz.scp.css */
.tab-bar[b-y8hk6nrctu] {
  --_tab-bar-Width: var(--tab-bar-Width, auto);
  --_tab-bar-MinWidth: var(--tab-bar-MinWidth, 0);
  --_tab-bar-MaxWidth: var(--tab-bar-MaxWidth, none);
  width: var(--_tab-bar-Width);
  min-width: var(--_tab-bar-MinWidth);
  max-width: var(--_tab-bar-MaxWidth);
  user-select: none;
}

.tab-bar__items[b-y8hk6nrctu] {
  --_tab-bar__items-BackgroundColor: var(--tab-bar__items-BackgroundColor, var(--color-grey-200));
  --_tab-bar__items-Color: var(--tab-bar__items-Color, var(--color-grey-600));
  --_tab-bar__items-Padding: var(--tab-bar__items-Padding, 0.25rem);
  --_tab-bar__items-FontSize: var(--tab-bar__items-FontSize, inherit);
  --_tab-bar__items-LineHeight: var(--tab-bar__items-LineHeight, 2.5rem);
  background-color: var(--_tab-bar__items-BackgroundColor);
  color: var(--_tab-bar__items-Color);
  padding: var(--_tab-bar__items-Padding);
  font-size: var(--_tab-bar__items-FontSize);
  line-height: var(--_tab-bar__items-LineHeight);
}

.tab-bar__item[b-y8hk6nrctu] {
  --_tab-bar__item-separator-Width:
      var(--tab-bar__item-separator-Width,
          var(--__tab-bar__item-separator-Width, 1px)
      );
  --_tab-bar__item-separator-color: var(--tab-bar__item-separator-color, var(--color-grey-300));
  border-right-color: var(--_tab-bar__item-separator-color);
  border-right-style: solid;
  border-right-width: var(--_tab-bar__item-separator-Width);
}

.tab-bar__item:last-child[b-y8hk6nrctu] {
  --__tab-bar__item-separator-Width: 0;
}

input[type=radio][b-y8hk6nrctu] {
  appearance: none;
  position: fixed;
  opacity: 0;
}

input[type=radio] + label[b-y8hk6nrctu] {
  --_tab-bar__item-BackgroundColor: var(--tab-bar__item-BackgroundColor, transparent);
  --_tab-bar__item-BackgroundColor--checked: var(--tab-bar__item-BackgroundColor--checked, #fff);
  --_tab-bar__item-Color: var(--tab-bar__item-Color, inherit);
  --_tab-bar__item-Color--checked: var(--tab-bar__item-Color--checked, var(--color-grey));
  --_tab-bar__item-BorderRadius: var(--tab-bar__item-BorderRadius, 0);
  --_tab-bar__item-BorderRadius--checked: var(--tab-bar__item-BorderRadius--checked, 2px);
  --_tab-bar__item-BoxShadow: var(--tab-bar__item-BoxShadow, none);
  --_tab-bar__item-BoxShadow--checked:
      var(--tab-bar__item-BoxShadow--checked,
          0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.06), 0px 8px 16px rgba(34, 68, 154, 0.08)
      );
  --_tab-bar__item-Padding: var(--tab-bar__item-Padding, 0 1.5rem);
  --_tab-bar__item-FontWeight: var(--tab-bar__item-FontWeight, inherit);
  --_tab-bar__item-FontWeight--checked: var(--tab-bar__item-FontWeight--checked, 700);
  background-color: var(--_tab-bar__item-BackgroundColor);
  color: var(--_tab-bar__item-Color);
  border-radius: var(--_tab-bar__item-BorderRadius);
  box-shadow: var(--_tab-bar__item-BoxShadow);
  padding: var(--_tab-bar__item-Padding);
  font-weight: var(--_tab-bar__item-FontWeight);
  cursor: var(--_tab-bar__item-Cursor, pointer);
  pointer-events: var(--_tab-bar__item-PointerEvents, auto);
  opacity: var(--_tab-bar__item--disabled-Opacity, 1);
}

input[type=radio]:checked + label[b-y8hk6nrctu] {
  --_tab-bar__item-BackgroundColor: var(--_tab-bar__item-BackgroundColor--checked);
  --_tab-bar__item-Color: var(--_tab-bar__item-Color--checked);
  --_tab-bar__item-BorderRadius: var(--_tab-bar__item-BorderRadius--checked);
  --_tab-bar__item-BoxShadow: var(--_tab-bar__item-BoxShadow--checked);
  --_tab-bar__item-FontWeight: var(--_tab-bar__item-FontWeight--checked);
}

input[type=radio]:disabled + label[b-y8hk6nrctu] {
  --_tab-bar__item-Cursor: default;
  --_tab-bar__item-PointerEvents: none;
  --_tab-bar__item--disabled-Opacity: var(--tab-bar__item--disabled-Opacity, 0.3);
}

/*# sourceMappingURL=TabBarCpnt.razor.css.map */
/* /Components/Notifications/AlertBox.razor.rz.scp.css */
.alert-box[b-ydjqi2kl0h] {
    --_alert-box-Display: var(--alert-box-Display, flex);
    --_alert-box-Color: var(--alert-box-Color, inherit);
    --_alert-box-BackgroundColor: var(--alert-box-BackgroundColor, transparent);
    --_alert-box-Height: var(--alert-box-Height, 5.5rem);
    --_alert-box-Padding: var(--alert-box-Padding, 0.25rem 1.25rem);
    --_alert-box__icon-Color: var(--alert-box__icon-Color, inherit);
    --_alert-box__icon-FontSize: var(--alert-box__icon-FontSize, 2rem);
    --_alert-box__text-LineHeight: var(--alert-box__text-LineHeight, 1.25rem);

    display: var(--_alert-box-Display);
    height: var(--_alert-box-Height);
    color: var(--_alert-box-Color);
    background-color: var(--_alert-box-BackgroundColor);
    padding: var(--_alert-box-Padding);
}

.alert-box.alert[b-ydjqi2kl0h] {
    --_alert-box-Color: var(--alert-box--alert-Color, var(--color-danger-400));
    --_alert-box-BackgroundColor: var(--alert-box--alert-BackgroundColor, var(--color-danger-100));
    --_alert-box__icon-Color: var(--alert-box--alert__icon-Color, var(--color-danger));
}

.alert-box.information[b-ydjqi2kl0h] {
    --_alert-box-Color: var(--alert-box--information-Color, var(--color-information-400));
    --_alert-box-BackgroundColor: var(--alert-box--information-BackgroundColor, var(--color-information-100));
    --_alert-box__icon-Color: var(--alert-box--information__icon-Color, var(--color-information));
}

.alert-box.warning[b-ydjqi2kl0h] {
    --_alert-box-Color: var(--alert-box--warning-Color, var(--color-warning-400));
    --_alert-box-BackgroundColor: var(--alert-box--warning-BackgroundColor, var(--color-warning-100));
    --_alert-box__icon-Color: var(--alert-box--warning__icon-Color, var(--color-warning));
}

.alert-box.success[b-ydjqi2kl0h] {
    --_alert-box-Color: var(--alert-box--success-Color, var(--color-success-400));
    --_alert-box-BackgroundColor: var(--alert-box--success-BackgroundColor, var(--color-success-100));
    --_alert-box__icon-Color: var(--alert-box--success__icon-Color, var(--color-success));
}

.alert-box__components[b-ydjqi2kl0h] {
    display: grid;
    grid-template-areas:
        "icon headline"
        "icon message";
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr;
}

.alert-box__icon[b-ydjqi2kl0h] {
    grid-area: icon;
    font-size: var(--_alert-box__icon-FontSize);
    color: var(--_alert-box__icon-Color);
    margin-inline-end: 0.625rem;
}

.alert-box__headline[b-ydjqi2kl0h] {
    grid-area: headline;
}

.alert-box__message[b-ydjqi2kl0h] {
    grid-area: message;
}

.alert-box__headline[b-ydjqi2kl0h],
.alert-box__message[b-ydjqi2kl0h] {
    line-height: var(--_alert-box__text-LineHeight);
    max-height: 2.5rem; /* use this as a fallback is calc with the var should return nonsense */
    max-height: calc(2 * var(--_alert-box__text-LineHeight));
}
/* /Components/Notifications/CounterBadge.razor.rz.scp.css */
.counter-badge[b-mta4k0t4ud] {
    --_counter-badge-Display: var(--counter-badge-Display, inline-block);
    --_counter-badge-Color: var(--counter-badge-Color, var(--color-text));
    --_counter-badge-Background: var(--counter-badge-Background, transparent);
    
    display: var(--_counter-badge-Display);
    color: var(--_counter-badge-Color);
    background: var(--_counter-badge-Background);
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.25rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
    overflow: hidden;
}

.counter-badge.alert[b-mta4k0t4ud] {
    --_counter-badge-Color: var(--color-text-light);
    --_counter-badge-Background: var(--color-danger);
}

.counter-badge.warning[b-mta4k0t4ud] {
    --_counter-badge-Color: var(--color-text-on-grey);
    --_counter-badge-Background: var(--color-grey);
}

/* /Components/Notifications/NotificationIndicator.razor.rz.scp.css */
.notification-indicator[b-0a50vzetyz] {
    --_notification-indicator-Display: var(--notification-indicator-Display, inline-block);
    --_notification-indicator-Background: var(--notification-indicator-Background, var(--color-grey));
    --_notification-indicator-Color: var(--notification-indicator-Color, var(--color-text-light));
    --_notification-indicator-Height: var(--notification-indicator-Height, 2rem);
    --_notification-indicator-MaxWidth: var(--notification-indicator-MaxWidth, 15rem);
    --_notification-indicator-Padding: var(--notification-indicator-Padding, 0.25rem 0.75rem);
    --_notification-indicator-BorderRadius: var(--notification-indicator-BorderRadius, 2rem);

    --_notification-indicator__icon-FontSize: var(--notification-indicator__icon-FontSize, 0.875rem);
    --_notification-indicator__icon-LineHeight: var(--notification-indicator__icon-LineHeight, 1em);
    --_notification-indicator__icon-Color: var(--notification-indicator__icon-Color, var(--color-primary));
    --_notification-indicator__icon-Margin: var(--notification-indicator__icon-Margin, 0.125rem 0.5rem 0 0.125rem);

    display: var(--_notification-indicator-Display);
    background: var(--_notification-indicator-Background);
    color: var(--_notification-indicator-Color);
    height: var(--_notification-indicator-Height);
    max-width: var(--_notification-indicator-MaxWidth);
    padding: var(--_notification-indicator-Padding);
    border-radius: var(--_notification-indicator-BorderRadius);
}

.notification-indicator:hover[b-0a50vzetyz] {
    cursor: pointer;
}

.notification-indicator__icon[b-0a50vzetyz] {    
    font-size: var(--_notification-indicator__icon-FontSize);
    color: var(--_notification-indicator__icon-Color);
    margin: var(--_notification-indicator__icon-Margin);
    line-height: var(--_notification-indicator__icon-LineHeight);
}

.notification-indicator__badge[b-0a50vzetyz] {
    position: absolute;
    top: -20%;
    left: 50%;
}

.notification-indicator.is-condensed[b-0a50vzetyz] {
    --_notification-indicator-Background: transparent;
    --_notification-indicator-Height: auto;
    --_notification-indicator-MaxWidth: none;
    --_notification-indicator-Padding: 0;
    --_notification-indicator-BorderRadius: 0;
    --_notification-indicator__icon-FontSize: 1.375rem;
    --_notification-indicator__icon-Margin: 0;
}
/* /Components/Notifications/NotificationSidebarItem.razor.rz.scp.css */

.notification-header[b-2rc1ni46uf] {
    height: 30px;
    align-items: center;
}
/* /Components/Select/CoatifySelect.razor.rz.scp.css */
    

#coatify_select_div[b-fl0uaxg88b]{
    display: flex; 
    flex-direction: column; 
    align-items: flex-start; 
    padding-left: 2rem;    
}
/* /Components/Select/ReorderableList.razor.rz.scp.css */
.reorderable-list-item.dragging[b-8kljcoqn6l] {
    opacity: 0.5;
}

.reorderable-list-item-content[b-8kljcoqn6l] {
    will-change: transform;
    display: flex;
    margin-right: 0.5rem;
}
/* /Components/Timeline/DateTimeSelectorComponent.razor.rz.scp.css */
.mud-range-slider[b-p9ijuadebi] {
    width: 90%;
    margin: 0 auto;
}

.asset-dashboard__content__filter[b-p9ijuadebi] {
    --_asset-dashboard__content__filter-Padding: var(--asset-dashboard__content__filter-Padding, 1.5rem);
    --_asset-dashboard__content__filter-FlexDirection: var(--asset-dashboard__content__filter-FlexDirection, column-reverse);
    --_asset-dashboard__content__filter-JustifyContent: var(--asset-dashboard__content__filter-JustifyContent, center);
    flex-direction: var(--_asset-dashboard__content__filter-FlexDirection);
    flex-wrap: wrap;
    padding: var(--_asset-dashboard__content__filter-Padding);
    align-self: start;
    justify-content: var(--_asset-dashboard__content__filter-JustifyContent);
    align-items: center;
}

.asset-dashboard__content__filter__tab-bar[b-p9ijuadebi] {
    --_asset-dashboard__content__filter__tab-bar-Display: var(--asset-dashboard__content__filter__tab-bar-Display, none);
    display: var(--_asset-dashboard__content__filter__tab-bar-Display);
}

.asset-dashboard__content__filter__drop-down[b-p9ijuadebi] {
    --_asset-dashboard__content__filter__drop-down-Display: var(--asset-dashboard__content__filter__drop-down-Display, block);
    display: var(--_asset-dashboard__content__filter__drop-down-Display);
    background-color: var(--color-grey-100);
}

.asset-dashboard__content__filter__btn__details[b-p9ijuadebi] {
    padding: 0.75rem;
}

.asset-dashboard__content--spacing[b-p9ijuadebi] {
    --_asset-dashboard__content--spacing-Gap: var(--asset-dashboard__content--spacing-Gap, 1.5rem);
    gap: var(--_asset-dashboard__content--spacing-Gap);
}

/* tablet devices */
@media (min-width: 768px) {
    .asset-dashboard__content__filter[b-p9ijuadebi] {
        --asset-dashboard__content__filter-FlexDirection: row;
        --asset-dashboard__content__filter-JustifyContent: space-between;
    }
}
/* desktop devices */
@media (min-width: 1366px) {
    .asset-dashboard__content__filter[b-p9ijuadebi] {
        --asset-dashboard__content__filter-Padding: 1.5rem;
        --asset-dashboard__content__filter__drop-down-Display: none;
        --asset-dashboard__content__filter__tab-bar-Display: block;
    }
}

.time-range-slider-container[b-p9ijuadebi] {
    padding-top: calc(1.5rem - 10px);
    padding-bottom: calc(1.5rem - 10px);
}
/* /Components/Timeline/TimelineCpnt.razor.rz.scp.css */
.status-timeline[b-9tsopbb3d6] {
  --_status-timeline__steps: var(--status-timeline__steps, 1);
  --_status-timeline__steps-Height: var(--status-timeline__steps-Height, 1.5rem);
  /* --_status-timeline__step-Width: var(--status-timeline__step-Width, 41px); */
  --_status-timeline__track-color: var(--status-timeline__track-color, var(--color-grey-300));
  --_status-timeline__track-Height: var(--status-timeline__track-Height, 1px);
  --_status-timeline__track__bullet-size: var(--status-timeline__track__bullet-size, 5px);
  --timeline-indicator-size: 1.25rem;
}

.status-timeline__grid[b-9tsopbb3d6] {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(var(--_status-timeline__steps), 1fr);
  height: var(--_status-timeline__steps-Height);
  background: radial-gradient(circle, var(--_status-timeline__track-color) 0px, var(--_status-timeline__track-color) calc(var(--_status-timeline__track__bullet-size) / 2), transparent calc(var(--_status-timeline__track__bullet-size) / 2 + 0.2px)), linear-gradient(to right, var(--_status-timeline__track-color), var(--_status-timeline__track-color));
  background-size: calc(100% / var(--_status-timeline__steps)) var(--_status-timeline__track__bullet-size), calc((var(--_status-timeline__steps) - 1) / var(--_status-timeline__steps) * 100%) var(--_status-timeline__track-Height);
  background-repeat: repeat-x, no-repeat;
  background-position: 0 center, center;
  position: relative;
}

.status-timeline__grid__item[b-9tsopbb3d6] {
  --_col-start: var(--col-start, 1);
  --_col-span: var(--col-span, 1);
  display: grid;
  grid-column: var(--_col-start)/span var(--_col-span);
  justify-self: center;
  position: absolute;
}

.status-timeline__grid__item.spanning[b-9tsopbb3d6] {
  width: calc(var(--_col-span) / (var(--_col-span) + 1) * 100% + var(--timeline-indicator-size) / 2);
}

.status-timeline__labels[b-9tsopbb3d6] {
  margin-block-start: 0.5rem;
  padding-inline: calc(1 / (var(--_status-timeline__steps) * 2) * 100%);
}

.status-timeline__labels__start[b-9tsopbb3d6] {
  /* visually adjusted by half timeline indicator size */
  margin-inline-start: calc(var(--timeline-indicator-size) / 2 * -1);
}

.status-timeline__labels__end[b-9tsopbb3d6] {
  /* visually adjusted by half timeline indicator size */
  margin-inline-end: calc(var(--timeline-indicator-size) / 2 * -1);
}

/*# sourceMappingURL=TimelineCpnt.razor.css.map */
/* /Components/Timeline/TimelineIndicatorCpnt.razor.rz.scp.css */
.timeline-indicator[b-byo1dznn16] {
  --_timeline-indicator-size: var(--timeline-indicator-size, 1.5rem);
  --_timeline-indicator-size-half: calc(var(--_timeline-indicator-size) / 2);
  --_timeline-indicator-BackgroundColor: var(--timeline-indicator-BackgroundColor, var(--color-grey-300));
  --_timeline-indicator__icon-FontSize: var(--timeline-indicator__icon-FontSize, 0.875rem);
  --_timeline-indicator__icon-LineHeight: var(--timeline-indicator__icon-LineHeight, 1em);
  --_timeline-indicator__shadow-offset: calc(1/6 * var(--_timeline-indicator-size));
  --_timeline-indicator__shadow-BackgroundColor: var(--timeline-indicator__shadow-BackgroundColor, var(--color-grey-300));
  min-width: var(--_timeline-indicator-size);
  height: var(--_timeline-indicator-size);
  color: var(--color-text-light);
  background-color: var(--_timeline-indicator-BackgroundColor);
  border-radius: var(--_timeline-indicator-size);
}

.timeline-indicator.alert[b-byo1dznn16] {
  --_timeline-indicator-BackgroundColor: var(--timeline-indicator--alert-BackgroundColor, var(--color-danger));
}
.timeline-indicator.warning[b-byo1dznn16] {
  --_timeline-indicator-BackgroundColor: var(--timeline-indicator--warning-BackgroundColor, var(--color-warning));
}
.timeline-indicator.offline[b-byo1dznn16] {
  --_timeline-indicator-BackgroundColor: var(--timeline-indicator--offline-BackgroundColor, var(--color-grey));
}
.timeline-indicator.production[b-byo1dznn16] {
  --_timeline-indicator-BackgroundColor: var(--timeline-indicator--production-BackgroundColor, var(--color-success));
}
.timeline-indicator.running[b-byo1dznn16] {
    --_timeline-indicator-BackgroundColor: var(--timeline-indicator--running-BackgroundColor, var(--ctfy-state-color--running));
}
.timeline-indicator.information[b-byo1dznn16] {
  --_timeline-indicator-BackgroundColor: var(--timeline-indicator--information-BackgroundColor, var(--color-information));
}
.timeline-indicator.change[b-byo1dznn16] {
    --_timeline-indicator-BackgroundColor: var(--timeline-indicator--change-BackgroundColor, var(--ctfy-state-color--change));
}

.timeline-indicator.empty[b-byo1dznn16] {
    --_timeline-indicator-BackgroundColor: var(--timeline-indicator--empty-BackgroundColor, var(--ctfy-state-color--empty));
}
.timeline-indicator.manual[b-byo1dznn16] {
    --_timeline-indicator-BackgroundColor: var(--timeline-indicator--manual-BackgroundColor, var(--ctfy-state-color--manual));
}
.timeline-indicator.prepare[b-byo1dznn16] {
    --_timeline-indicator-BackgroundColor: var(--timeline-indicator--prepare-BackgroundColor, var(--ctfy-state-color--prepare));
}
.timeline-indicator.standby[b-byo1dznn16] {
    --_timeline-indicator-BackgroundColor: var(--timeline-indicator--standby-BackgroundColor, var(--ctfy-state-color--standby));
}
.timeline-indicator.on[b-byo1dznn16] {
    --_timeline-indicator-BackgroundColor: var(--timeline-indicator--on-BackgroundColor, var(--ctfy-state-color--on));
}
.timeline-indicator.off[b-byo1dznn16] {
    --_timeline-indicator-BackgroundColor: var(--timeline-indicator--off-BackgroundColor, var(--ctfy-state-color--off));
}



.timeline-indicator.undefined[b-byo1dznn16] {
  --_timeline-indicator-BackgroundColor: var(--timeline-indicator--undefined-BackgroundColor, transparent);
}

.timeline-indicator.group[b-byo1dznn16] {
  position: relative;
}

.timeline-indicator__shadow[b-byo1dznn16] {
  position: absolute;
  left: calc(var(--_timeline-indicator__shadow-offset) * -1);
  width: var(--_timeline-indicator-size);
  height: var(--_timeline-indicator-size);
  transform: rotate(180deg);
}

.timeline-indicator__shadow.alert[b-byo1dznn16] {
  --_timeline-indicator__shadow-BackgroundColor: var(--timeline-indicator__shadow--alert-BackgroundColor, var(--color-danger));
}

.timeline-indicator__shadow.warning[b-byo1dznn16] {
  --_timeline-indicator__shadow-BackgroundColor: var(--timeline-indicator__shadow--warning-BackgroundColor, var(--color-warning));
}

.timeline-indicator__shadow.offline[b-byo1dznn16] {
  --_timeline-indicator__shadow-BackgroundColor: var(--timeline-indicator__shadow--offline-BackgroundColor, var(--color-grey));
}

.timeline-indicator__shadow.production[b-byo1dznn16] {
  --_timeline-indicator__shadow-BackgroundColor: var(--timeline-indicator__shadow--production-BackgroundColor, var(--color-success));
}

.timeline-indicator__shadow.undefined[b-byo1dznn16] {
  --_timeline-indicator__shadow-BackgroundColor: var(--timeline-indicator__shadow--undefined-BackgroundColor, transparent);
}

.timeline-indicator__shadow__circle-mask[b-byo1dznn16] {
  cx: var(--_timeline-indicator__shadow__circle-mask-CX, var(--_timeline-indicator-size-half));
  cy: var(--_timeline-indicator-size-half);
  r: var(--_timeline-indicator__shadow__circle-mask-R, var(--_timeline-indicator-size-half));
  fill: var(--_timeline-indicator__shadow__circle-mask-Fill, #000);
}

.timeline-indicator__shadow__circle-mask--white[b-byo1dznn16] {
  --_timeline-indicator__shadow__circle-mask-Fill: #fff;
}

.timeline-indicator__shadow__circle-mask--black[b-byo1dznn16] {
  --_timeline-indicator__shadow__circle-mask-CX:
      calc(
          var(--_timeline-indicator-size-half) -
          var(--_timeline-indicator__shadow-offset) +
          0.5px
      );
  --_timeline-indicator__shadow__circle-mask-R: calc(var(--_timeline-indicator-size-half) + 1px);
}

.timeline-indicator__shadow__circle[b-byo1dznn16] {
  cx: var(--_timeline-indicator-size-half);
  cy: var(--_timeline-indicator-size-half);
  r: var(--_timeline-indicator-size-half);
  fill: var(--_timeline-indicator__shadow-BackgroundColor);
}

/* .timeline-indicator.group::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100;
    background-color: inherit;
    border-radius: inherit;
} */
.timeline-indicator__icon[b-byo1dznn16] {
  font-size: var(--_timeline-indicator__icon-FontSize);
  line-height: var(--_timeline-indicator__icon-LineHeight);
}

/*# sourceMappingURL=TimelineIndicatorCpnt.razor.css.map */
/* /Components/Wheels/LimitsWheelCpnt.razor.rz.scp.css */
.div_limitsWheelComponent[b-m3zvi8wxdl] {
    display: flex; 
    flex-direction: row; 
    align-content: center; 
    justify-content: center; 
    flex-wrap: wrap; 
    width: 100%; 
    gap: 1rem;
}

.div_limits_header[b-m3zvi8wxdl]{
    display: flex; 
    gap: 1rem; 
    align-items: center; 
    justify-content: center; 
    flex-direction: row; 
    flex-wrap: nowrap; 
    width: 100%;
}

.div_warnings_items[b-m3zvi8wxdl]{
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    justify-content: center; 
    margin: 0; 
    padding: 0;
}
/* /Components/Wheels/TimeWheel.razor.rz.scp.css */
.div_limitsWheelComponent[b-mo9bbbaq1z] {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 1rem;
}

.div_limits_header[b-mo9bbbaq1z]{
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap; width: 100%;
}

.div_warnings_items[b-mo9bbbaq1z]{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
}
/* /Layout/HeaderCpnt.razor.rz.scp.css */
header[b-ki5icltr5m] {
  --_header-Height: /* the 'private' css var that is bound to the property (specified by name) */
          var(--header-Height, /* the optional 'public' css var */
                  var(--__header-Height, 3.5rem) /* an optional 'private' variant, together with the initial value as fallback */
          );
  --_header-Background:
          var(--header-Background,
                  var(--color-grey) url(./assets/images/header-background.jpg)
          );
  --_header-BackgroundPosition:
          var(--header-BackgroundPosition, top left);
  --_header-BackgroundSize:
          var(--header-BackgroundSize, cover);
  --_header-Color:
          var(--header-Color, var(--color-text-on-grey));
  background: var(--_header-Background);
  background-position: var(--_header-BackgroundPosition);
  background-size: var(--_header-BackgroundSize);
  color: var(--_header-Color);
  height: var(--_header-Height);
}

.header__menu-toggle[b-ki5icltr5m] {
  --_header__menu-toggle__container-Width: var(--header__menu-toggle__container-Width, 3.5rem);
  width: var(--_header__menu-toggle__container-Width);
}

.header__menu-toggle input + label[b-ki5icltr5m] {
  --_header__menu-toggle__clickarea-Width: 2.5rem;
  --_header__menu-toggle__clickarea-Height: 2.5rem;
  --_header__menu-toggle__icon-Width: 1.125rem;
  --_header__menu-toggle__icon-height: 1rem;
  --_header__menu-toggle__icon__element-Height: 0.125rem;
  position: relative;
  width: var(--_header__menu-toggle__clickarea-Width);
  height: var(--_header__menu-toggle__clickarea-Height);
}

.header__menu-toggle input + label:hover[b-ki5icltr5m] {
  cursor: pointer;
}

.header__menu-toggle input + label > span[b-ki5icltr5m],
.header__menu-toggle input + label > span[b-ki5icltr5m]::before,
.header__menu-toggle input + label > span[b-ki5icltr5m]::after {
  display: block;
  position: absolute;
  width: var(--_header__menu-toggle__icon-Width);
  height: var(--_header__menu-toggle__icon__element-Height);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms;
  transition-property: transform;
  background-color: currentColor;
}

.header__menu-toggle input + label > span[b-ki5icltr5m]::before,
.header__menu-toggle input + label > span[b-ki5icltr5m]::after {
  content: "";
}

.header__menu-toggle input + label > span[b-ki5icltr5m] {
  top: 50%;
  margin-top: calc(var(--_header__menu-toggle__icon__element-Height) * -0.5);
}

.header__menu-toggle input + label > span[b-ki5icltr5m]::before {
  top: calc((var(--_header__menu-toggle__icon-height) - var(--_header__menu-toggle__icon__element-Height)) * -0.5);
  transition: top 75ms ease 0.12s, opacity 75ms ease;
}

.header__menu-toggle input + label > span[b-ki5icltr5m]::after {
  bottom: calc((var(--_header__menu-toggle__icon-height) - var(--_header__menu-toggle__icon__element-Height)) * -0.5);
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* Checked menu toggle */
.header__menu-toggle input:checked + label > span[b-ki5icltr5m] {
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(45deg);
}

.header__menu-toggle input:checked + label > span[b-ki5icltr5m]::before {
  top: 0;
  transition: top 75ms ease, opacity 75ms ease 0.12s;
  opacity: 0;
}

.header__menu-toggle input:checked + label > span[b-ki5icltr5m]::after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}

/* Keyboard focused menu toggle */
.header__menu-toggle input:focus-visible + label[b-ki5icltr5m] {
}

.header__logo[b-ki5icltr5m],
.header__logo a[b-ki5icltr5m] {
    height: 100%;
}

.header__logo[b-ki5icltr5m] {
    margin-inline-end: 1.5rem;
    /*padding-block: 0.5rem;*/ /* Add some vertical padding to the logo container */
}

    .header__logo img[b-ki5icltr5m] {
        height: 100%;
        width: auto;
        object-fit: contain;
    }

.header__notification[b-ki5icltr5m] {
  margin-inline-start: auto;
  margin-inline-end: var(--header__notification-MarginInlineEnd, 1.5rem);
}

.header__divider[b-ki5icltr5m] {
  width: 1px;
  height: calc(100% - 2rem);
  margin: 0; /* bulma reset */
  margin-inline-end: 2rem;
  background-color: var(--color-grey-600);
}

.header__user[b-ki5icltr5m] {
  margin-inline-end: var(--header__user-MarginInlineEnd, 1.5rem);
}

/* RESPONSIVE: Medium size and up */
/* -------------------------------------------------------------------------- */
@media (min-width: 768px) {
  header[b-ki5icltr5m] {
    --__header-Height: 4.5rem;
    --header__menu-toggle__container-Width: 5.5rem;
    --header__notification-MarginInlineEnd: 2rem;
    --header__user-MarginInlineEnd: 2.5rem;
  }
}

/* /Layout/MainLayout.razor.rz.scp.css */
main[b-9geyxq3oew] {
    background: var(--color-grey-200);
}

.navbar-toggler[b-9geyxq3oew] {
    background-color: rgba(255, 255, 255, 0.1);
}

.sidebar[b-9geyxq3oew] {
    --_sidebar-Top: /* the 'private' css var that is bound to the property (specified by name) */
    var(--sidebar-Top, /* the optional 'public' css var */
    var(--__sidebar-Top, 3.5rem) /* an optional 'private' variant, together with the initial value as fallback */
    );
    --_sidebar-Width: var(--sidebar-Width, 100vw);
    --_sidebar-BoxShadow: 0px 2px 4px rgba(47, 50, 55, 0.15), 8px 4px 24px rgba(47, 50, 55, 0.15);
    --_sidebar-BackgroundColor: var(--sidebar-BackgroundColor, transparent);
    --_sidebar-Position: var(--sidebar-Position, fixed);
    width: var(--_sidebar-Width);
    position: var(--_sidebar-Position);
    top: var(--_sidebar-Top);
    left: 0;
    bottom: 0;
    background-color: var(--_sidebar-BackgroundColor);
    box-shadow: var(--_sidebar-BoxShadow);
    z-index: 1000;
    transform: translateX(calc(var(--_sidebar-Width) * -1));
    transition: transform 50ms ease-in-out;
}

    .sidebar.is-visible[b-9geyxq3oew] {
        transform: translateX(0);
    }

#mainlayout_footer[b-9geyxq3oew] {
    background-color: #c2c9d6;
}

    #mainlayout_footer p[b-9geyxq3oew] {
        width: fit-content;
        align-content: center;
        margin-left: auto;
        margin-right: auto;
    }

/* RESPONSIVE: Medium size and up */
/* -------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .sidebar[b-9geyxq3oew] {
        --__sidebar-Top: 4.5rem;
        --sidebar-Width: 100vw;
    }
}


/*# sourceMappingURL=MainLayout.razor.css.map */
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-item[b-qgjb2isrgv] {
  border-bottom: 1px solid var(--color-grey-300);
}

.nav-item[b-qgjb2isrgv]  .nav-item__link.active {
  background-color: var(--color-grey-400);
}

/* /Layout/UserCpnt.razor.rz.scp.css */
.user__components[b-o967g7k81c] {
  color: inherit;
}

.user__image[b-o967g7k81c] {
  --_user__image-size: var(--user__image-size, 2rem);
  width: var(--_user__image-size);
  height: var(--_user__image-size);
  background-color: var(--color-grey-100);
  border: 1px solid var(--color-grey-600);
  border-radius: var(--_user__image-size);
  object-fit: contain;
  max-height: 32px;
}

.user__label[b-o967g7k81c] {
  --_user__label-MarginInlineStart: var(--user__label-MarginInlineStart, 0.5rem);
  margin-inline-start: var(--_user__label-MarginInlineStart);
  color: var(--user__label-Color, currentColor);
  font-size: var(--user__label-FontSize, inherit);
  line-height: var(--user__label-LineHeight, normal);
  color: #fff; 
  margin-left: 0.5rem
}

.user__flyout__item[b-o967g7k81c] {
  --ctfy-button-JustifyContent: flex-start;
  --ctfy-button-Padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--color-grey-300);
}

#user-component-header > svg[b-o967g7k81c] {
  cursor: pointer;
}
/* /Pages/Admin/DeleteUser.razor.rz.scp.css */

[b-lhu2px5bhe] #delete_user_dialog_mud {
    width: 480px;
}
/* /Pages/Admin/UserManagement.razor.rz.scp.css */
/* /Pages/Dashboard/Asset.razor.rz.scp.css */

.asset-dashboard-root[b-mhai519xj8] {
    --internal-grid-size: var(--grid-size, 12);
    padding: 0 2rem 1rem 2rem;
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(var(--internal-grid-size, 12), 1fr);
    grid-auto-rows: /*120px*/ auto;
    max-width: 1800px;
    margin: 0 auto;
    width: 100%;
}

.asset-dashboard-root>div[b-mhai519xj8] {
    display: flex;
}

/* mobile devices */
@media (max-width: 1367px) {
    .asset-dashboard-root[b-mhai519xj8] {
        --internal-grid-size: var(--mobile-grid-size, 4);
        max-width: 690px;
    }
}

.col-span-2[b-mhai519xj8] {
    grid-column-end: span min(2, var(--internal-grid-size, 12));
}

.col-span-3[b-mhai519xj8] {
    grid-column-end: span min(3, var(--internal-grid-size, 12));
}

.col-span-4[b-mhai519xj8] {
    grid-column-end: span min(4, var(--internal-grid-size, 12));
}

.col-span-6[b-mhai519xj8] {
    grid-column-end: span min(6, var(--internal-grid-size, 12));
}

.col-span-8[b-mhai519xj8] {
    grid-column-end: span min(8, var(--internal-grid-size, 12));
}

.col-span-10[b-mhai519xj8] {
    grid-column-end: span min(10, var(--internal-grid-size, 12));
}

.col-span-12[b-mhai519xj8] {
    grid-column-end: span min(12, var(--internal-grid-size, 12));
}

.row-span-2[b-mhai519xj8] {
    grid-row-end: span 2;
}

.row-span-3[b-mhai519xj8] {
    grid-row-end: span 3;
}

.row-span-4[b-mhai519xj8] {
    grid-row-end: span 4;
}

.row-span-6[b-mhai519xj8] {
    grid-row-end: span 6;
}

.row-span-8[b-mhai519xj8] {
    grid-row-end: span 8;
}

.row-span-10[b-mhai519xj8] {
    grid-row-end: span 10;
}

.row-span-12[b-mhai519xj8] {
    grid-row-end: span 12;
}
/* /Pages/Dashboard/AssetsCockpit.razor.rz.scp.css */

.filter-container[b-pz4jmaz8hy] {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    width: 100%;
    margin-top: 1rem;
    margin-left: 0;
    margin-right: 0;
}

.assets-cockpit-container[b-pz4jmaz8hy] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto 2rem;
    justify-content: flex-start;
}

.asset-item[b-pz4jmaz8hy] {
    flex: 0 0 380px;
    width: 380px;
    margin: 1rem;
}

.asset-cockpit-group[b-pz4jmaz8hy] {
    display: flex;
    flex-wrap: nowrap;
    margin: 0.9rem;
}

.asset-cockpit-group-border[b-pz4jmaz8hy] {
    border: 2px solid lightgrey;
    border-radius: 5px;
}

@media (max-width: 992px) {
    .assets-cockpit-container[b-pz4jmaz8hy] {
        justify-content: center;
    }

    .filter-container[b-pz4jmaz8hy] {
        justify-content: center;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.index[b-fohjdimijt] {
  --_page-content-max-width: var(--page-content-max-width, 1738px);
  --_index__header-Height: var(--index__header-Height, 120px);
  --_index__header__headline-FontSize: var(--index__header__headline-FontSize, 3rem);
  --_index__header__subtitle-FontSize: var(--index__header__subtitle-FontSize, 1.5rem);
  --_index__header__logo-MarginRight: var(--index__header__logo-MarginRight, 0.5rem);
  --_index__header__logo__tablet-Height: var(--index__header__logo__tablet-Height, 80px);
  --_index__header__logo__tablet-Bottom: var(--index__header__logo__tablet-Bottom, -20px);
  --_index__header__logo__coatify-Height: var(--index__header__logo__coatify-Height, 20px);
  --_index__content-Padding: var(--index__content-Padding, 2.5rem);
  align-items: center;
  background: var(--color-grey-200);
}

.index__header[b-fohjdimijt] {
  width: 100%;
  height: var(--_index__header-Height);
  font-family: myriad-pro-condensed, "PT Sans Narrow", sans-serif;
  background: url(./assets/images/coatify-background.jpg), var(--color-grey);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.index__header__headline[b-fohjdimijt] {
  color: var(--color-text-light);
  font-size: var(--_index__header__headline-FontSize);
  line-height: var(--_index__header__headline-FontSize);
  font-weight: bold;
}

.index__header__subtitle[b-fohjdimijt] {
  color: var(--color-primary);
  font-size: var(--_index__header__subtitle-FontSize);
  line-height: var(--_index__header__subtitle-FontSize);
  font-weight: bold;
}

.index__header__information[b-fohjdimijt] {
  --_index__header__information-FontSize: var(--index__header__information-FontSize, 1.25rem);
  display: none;
  color: var(--color-text-light);
  font-size: var(--_index__header__information-FontSize);
  line-height: var(--_index__header__information-FontSize);
}

.index__heder__logo[b-fohjdimijt] {
  margin-left: auto;
  margin-right: var(--_index__header__logo-MarginRight);
  position: relative;
}

.index__header__logo__tablet[b-fohjdimijt] {
  height: var(--_index__header__logo__tablet-Height);
  position: inherit;
  bottom: var(--_index__header__logo__tablet-Bottom);
}

.index__header__logo__coatify[b-fohjdimijt] {
  position: absolute;
  top: 2%;
  left: 5%;
  height: var(--_index__header__logo__coatify-Height);
  animation: coatify_animation-b-fohjdimijt 1.5s ease-out;
}

@keyframes coatify_animation-b-fohjdimijt {
  from { left: 155%; }
  33% { left: 155%; }
  to { left: 5%; }
}

.index__content[b-fohjdimijt] {
  display: grid;
  grid-template-areas: "login" "info";
  max-width: var(--_page-content-max-width);
}

.index__content__info[b-fohjdimijt] {
  --_index__content__info-Padding: var(--_index__content-Padding, 2rem);
  grid-area: info;
  justify-self: center;
  justify-content: center;
  align-items: center;
  padding: var(--_index__content__info-Padding);
}

.index__content__info__media[b-fohjdimijt] {
  --_index__content__info__media-MaxWidth: var(--index__content__info__media-MaxWidth, 560px);
  --_index__content__info__media-MaxHeight: var(--index__content__info__media-MaxHeight, 315px);
  height: 100%;
  width: 100%;
  max-width: var(--_index__content__info__media-MaxWidth);
  max-height: var(--_index__content__info__media-MaxHeight);
}

.index__content__info__media iframe[b-fohjdimijt] {
  height: 100%;
  width: 100%;
}

.index__content__user-login[b-fohjdimijt] {
  --_index__content__user-login-Padding: var(--_index__content-Padding, 2rem);
  grid-area: login;
  justify-self: center;
  justify-content: center;
  padding: var(--_index__content__user-login-Padding);
}

#index_register_text_p[b-fohjdimijt] {
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 1rem;
}

#index_support_text_p[b-fohjdimijt] {
  text-align: center; 
  margin-top: 2rem; 
  margin-bottom: 1rem;
}

/* RESPONSIVE: desktop devices (Bulma breakpoint) */
/* -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .index[b-fohjdimijt] {
    --index__header-Height: 310px;
    --index__header__headline-FontSize: 9rem;
    --index__header__subtitle-FontSize: 5rem;
    --index__header__logo-MarginRight: 1rem;
    --index__header__logo__tablet-Height: 250px;
    --index__header__logo__tablet-Bottom: -40px;
    --index__header__logo__coatify-Height: 50px;
  }
  .index__header__information[b-fohjdimijt] {
    display: block;
  }
  .index__content[b-fohjdimijt] {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "info login";
  }
}

/*# sourceMappingURL=Index.razor.css.map */
/* /Pages/Operations/MaintenanceComponentRow.razor.rz.scp.css */

.hour-counter-bar-container[b-tcovvldl74] {
    width: 4.5rem;
    height: 0.5rem;
    margin-top: auto;
    margin-bottom: auto;
    background-color: lightgrey;
}

.hour-counter-bar[b-tcovvldl74] {
    --hour-percentage: 0.5;
    --maintenance-recommended-percentage: 0.8;
    height: 100%;
    width: calc(100% * var(--hour-percentage));
    /* switch color to yellow if --hour-percentage reached --maintenance-recommended-percentage */
    background: color-mix(in srgb, #FFCB00 calc(clamp(0, round(down, calc(var(--hour-percentage) / var(--maintenance-recommended-percentage))), 1) * 100%), black);
}

@container style(--hour-percentage) {
    background-color: #FFCB00;
}

/*@container style(--hour-percentage: > --maintenance-recommended-percentage) {
    background-color: #FFCB00;
}*/
/* /Pages/Operations/MaintenancePlanner.razor.rz.scp.css */

.service-info-box-error[b-rbs0lfzbhe] {
    background-color: #FBE9EB;
}

.service-info-box-recommendation[b-rbs0lfzbhe] {
    background-color: #FFEA99;
}

.service-info-box-error[b-rbs0lfzbhe], .service-info-box-recommendation[b-rbs0lfzbhe] {
    padding: 0.5rem 0;
    width: 3.125rem;
    text-align: center;
    font-weight: bold;
}
/* /Pages/Operations/Maintenances.razor.rz.scp.css */
/*.ctfy-table {*/
/*  --ctfy-table-GridTemplateColumns: max-content minmax(150px, 2fr) minmax(150px, max-content) minmax(150px, max-content) max-content;*/
/*}*/
/*.ctfy-table [data-col=icon] {*/
/*  font-size: 1.5rem;*/
/*}*/
/*.ctfy-table [data-col=title] {*/
/*  font-weight: bold;*/
/*}*/
/*.ctfy-table [data-col=actions] {*/
/*  font-size: 1.5rem;*/
/*}*/

/*.ctfy-table__row {*/
/*  color: var(--color-grey, #1d1e20);*/
/*}*/

/*!*# sourceMappingURL=Maintenances.razor.css.map *!*/
/* /Pages/Operations/Productivity.razor.rz.scp.css */
.page-productivity[b-4wq3gdyb51] {
  --_page-content-max-width: var(--page-content-max-width, 1812px);
  --_asset-container-JustifyContent: var(--asset-container-JustifyContent, center);
  --_page-productivity__content-Display: var(--page-productivity__content-Display, flex);
  --_page-productivity__content-Padding: var(--page-productivity__content-Padding, 0 0/*.5rem*/ 0.75rem 0/*.5rem*/);
  --_page-productivity__content__filter-Padding: var(--page-productivity__content__filter-Padding, 1.5rem);
  --_page-productivity__content__kpi-Padding: var(--page-productivity__content__kpi-Padding, 1.5rem);
  --_page-productivity__content-Gap: var(--page-productivity__content-Gap, 1.5rem);
  display: flex;
  flex-flow: column;
  flex: 1;
  width: 75%; 
  margin: 0 auto 1rem auto;
}

.page-productivity__header[b-4wq3gdyb51] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  padding: 0.75rem 2rem;
  align-self: center;
  width: 100%;
  /*max-width: var(--_page-content-max-width);*/
  background: var(--color-grey-200);
  justify-items: start;
}

.page-productivity__content[b-4wq3gdyb51] {
  padding: var(--_page-productivity__content-Padding);
  display: var(--_page-productivity__content-Display);
  flex-flow: column;
  align-self: center;
  width: 100%;
  /*max-width: var(--_page-content-max-width);*/
  gap: var(--_page-productivity__content-Gap);
}

.page-productivity__content__main[b-4wq3gdyb51] {
  display: flex;
  flex-direction: column;
  gap: var(--_page-productivity__content-Gap);
}

.page-productivity__content__filter[b-4wq3gdyb51] {
  --_page-productivity__content__filter-FlexDirection: var(--page-productivity__content__filter-FlexDirection, column);
  --_page-productivity__content__filter-JustifyContent: var(--page-productivity__content__filter-JustifyContent, center);
  flex-direction: var(--_page-productivity__content__filter-FlexDirection);
  flex-wrap: wrap;
  padding: var(--_page-productivity__content__filter-Padding);
  align-self: start;
  justify-content: var(--_page-productivity__content__filter-JustifyContent);
  align-items: center;
  gap: 1rem;
}

.page-productivity__actionbar[b-4wq3gdyb51] {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.page-productivity__content__filter__tab-bar[b-4wq3gdyb51] {
  --_page-productivity__content__filter__tab-bar-Display: var(--page-productivity__content__filter__tab-bar-Display, none);
  display: var(--_page-productivity__content__filter__tab-bar-Display);
}

.page-productivity__content__filter__drop-down[b-4wq3gdyb51] {
  --_page-productivity__content__filter__drop-down-Display: var(--page-productivity__content__filter__drop-down-Display, block);
  display: var(--_page-productivity__content__filter__drop-down-Display);
}

.page-productivity__content__filter__btn__details[b-4wq3gdyb51] {
  padding: 0.75rem;
}

.productivity-placeholder[b-4wq3gdyb51] {
  background: var(--color-grey-400);
  padding: 1.5rem;
  min-height: 300px;
}

.ctfy-gauge-chart-viewer[b-4wq3gdyb51] {
  margin: 2rem auto;
}

.range-selector-offset[b-4wq3gdyb51] {
  padding-inline-start: 35px;
}

.shadow-area-chart-offset[b-4wq3gdyb51] {
  padding-inline-start: 14px;
}

/* RESPONSIVE */
/* -------------------------------------------------------------------------- */
/* smartphones, touchscreens*/
@media (hover: none) and (pointer: coarse), (max-width: 768px) {
  .page-productivity[b-4wq3gdyb51] {
    --date-stepper-Height: 3rem;
    --date-stepper__button-Width: 2rem;
  }
}
@media (min-width: 520px) {
  .page-productivity[b-4wq3gdyb51] {
    --page-productivity__content__filter-FlexDirection: row;
    --page-productivity__content__filter-JustifyContent: space-between;
  }
}
/* desktop devices */
@media (min-width: 1366px) {
  .page-productivity[b-4wq3gdyb51] {
    /*        --_page-content-max-width: var(--page-content-max-width, 1812px);*/
    /*        --page-productivity__content-Display: grid;*/
    --page-productivity__content-Padding: 0 0/*2rem*/ 0 0/*2rem*/;
    --page-productivity__content-Gap: 2rem;
    --page-productivity__content__kpi-Padding: 1.5rem 2.5rem;
    --page-productivity__content__filter-Padding: 1.5rem;
    /*        --page-productivity__content__kpi__gauges-FlexDirection: row;
            --page-productivity__content__kpi__gauges-Gap: 0;
            --page-productivity__content__kpi__facts-Gap: 2rem;
            --page-productivity__content__kpi__facts-GridTemplateColumns: repeat(3, 1fr);
            --page-productivity__content__kpi__facts-GridTemplateRows: auto;*/
    --page-productivity__content__filter__drop-down-Display: none;
    --page-productivity__content__filter__tab-bar-Display: block;
  }
}

/*# sourceMappingURL=Productivity.razor.css.map */
/* /Pages/Operations/QualityControl.razor.rz.scp.css */
.page-quality-control[b-8npk5t70aj] {
    --_page-content-max-width: var(--page-content-max-width, 1812px);
    display: flex;
    flex-flow: column;
    flex: 1;
    width: 75%;
    margin: 0 auto 1rem auto;
}

.page-quality-control__header[b-8npk5t70aj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 0.75rem 2rem;
    align-self: center;
    width: 100%;
    background: var(--color-grey-200);
    justify-items: start;
}

.DivHeaderTemplateLeft[b-8npk5t70aj]{
    justify-content: start;
    display: flex;
    width: 100%;
    text-align: left;
}

.DivCellTemplateCenter[b-8npk5t70aj]{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
    align-items: center;
}

.DivMainContent[b-8npk5t70aj]{
    width: 100%; 
    padding-top: 1rem; 
    padding-bottom: 1rem; 
    padding-left: 1rem; 
    display: flex; 
    flex-direction: row; 
    justify-content: flex-start; 
    align-items: flex-start;
}

.DivHeute[b-8npk5t70aj]{
    border-radius: 0.25rem; 
    padding: 1rem; 
    margin-left: auto;
}

.DivHeaderTemplate--component-center[b-8npk5t70aj]{
    justify-content: center;
    text-align: center;
    display: flex;
    width: 100%;
}

/* /Pages/Operations/Service.razor.rz.scp.css */

.dashboard-main[b-6m92w7cs9o] {
    margin: 2rem 0;
    display: flex;
    gap: 2rem;
}

.dashboard-left[b-6m92w7cs9o] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    flex-grow: 1;
}

.dashboard-right[b-6m92w7cs9o] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 400px;
}

/* Tablet */
@media (max-width: 1400px) {
    .dashboard-main[b-6m92w7cs9o] {
        flex-direction: column;
    }
    
    .dashboard-right[b-6m92w7cs9o] {
        flex-grow: 1;
        flex-direction: row;
        width: 100%;
    }
    
    .maintenance-recommendation-wrapper[b-6m92w7cs9o] {
        margin-bottom: auto;
    }
}

/* Phone */
@media (max-width: 1024px) {
    .dashboard-right[b-6m92w7cs9o] {
        flex-direction: column;
    }
}
/* /Pages/User/UserProfile.razor.rz.scp.css */
.user-profile[b-rq9419d8jw] {
  --_user-profile-Margin: var(--user-profile-Margin, 0 auto);
  --_user-profile-MaxWidth: var(--user-profile-MaxWidth, 480px);
  margin: var(--_user-profile-Margin);
  /*max-width: var(--_user-profile-MaxWidth);*/
  padding: 2rem;
}

#user_profile_form[b-rq9419d8jw] {
  min-width: 419px;
}

.user-profile__header[b-rq9419d8jw] {
  padding: 0.75rem 0;
}

/*
    Extending global .coatify-card definition.
*/
.coatify-card-user-profile[b-rq9419d8jw] {
  margin: 0 auto;
  padding: 0;
  min-width: 419px;
  display: flex;
  flex-direction: column;
}

.coatify-card-user-profile-body[b-rq9419d8jw] {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: var(--ctfy-card__body-Padding, 1.5rem 1.5rem 1.5rem 1.5rem);
}

/*
    We use the <form> tag for form-handling only, not for styling or layouting.
    "display: contents;" assures that it won't affect the leayout at all.
*/
[b-rq9419d8jw] .ctfy-form {
  display: contents;
}

.custom-form-width[b-rq9419d8jw] {
    width: 50%; /* Sie können die Breite nach Bedarf anpassen */
    max-width: 2000px; /* Optional: maximale Breite festlegen */
    margin: 0 auto; /* Optional: zentriert das Formular */
    padding: 100px; /* Optional: Innenabstand hinzufügen */
}

[b-rq9419d8jw] .coatify_input {
    border: 6px solid #258cfb;
}
  
  /*border-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
  transition: border, 2s ease-in-out;
}*/