@import '_content/Softhaler.Atlas.Blazor/Softhaler.Atlas.Blazor.f2bj3vvwke.bundle.scp.css';

/* /Shared/General/MeasurementTrafficLightsComponent.razor.rz.scp.css */
.trafficlight[b-4zeuqytq30] {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 4px;
    background-color: #fafafa;
}

.inactive[b-4zeuqytq30] {
    opacity: 0.1;
}
    .inactive:hover[b-4zeuqytq30] {
        opacity: 0.7 !important;
    }
/* /Shared/General/TrafficLightsComponent.razor.rz.scp.css */
.trafficlight[b-yo0ncad93m] {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 4px;
    background-color: #fafafa;
}


.inactive[b-yo0ncad93m] {
    opacity: 0.1;
}

    .inactive:hover[b-yo0ncad93m] {
        opacity: 0.7 !important;
    }
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-j5tlroqx9r] {
    position: relative;
    display: flex;
    flex-direction: row;
}

main[b-j5tlroqx9r] {
    flex: 1;
}

@media (min-width: 641px) {
/*    .page {
        flex-direction: row;
    }*/

/*    .sidebar {
        height: 100vh;
        position: sticky;
        top: 0;
    }*/

    /*.top-row {*/
        /*position: sticky;*/
        /*top: 0;
        z-index: 1;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }*/
}
/* /Shared/NavMenu.razor.rz.scp.css */
@keyframes makeVisible-b-1g8mkk46nt {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.subitem-panel[b-1g8mkk46nt] {
    animation-duration: 1s;
    animation-name: makeVisible-b-1g8mkk46nt;
    padding-left: 1rem;
    background-color: rgba(0,0,0,.1);
}