@import 'streamnext.Client.bundle.scp.css';

/* _content/streamnext/Components/Dashboards/ISO27001.razor.rz.scp.css */
[b-2e6gobue9b] .page-container {
    background: #f7f7f7;
    min-height: 100vh;
    width: 100%;
}

[b-2e6gobue9b] .dashboard-container {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: #f7f7f7;
    min-height: 100vh;
}

[b-2e6gobue9b] .dashboard-content {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 9px;
}

[b-2e6gobue9b] .dashboard-grid > form {
    min-height: unset;
}

[b-2e6gobue9b] .widget-card {
    background: #f7f7f7;
    border-radius: 8px;
    padding: 5px;
    height: auto;
    min-height: 100px;
    display: flex;
    flex-direction: column;
}

    [b-2e6gobue9b] .widget-card .fs-max-width {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex: 1;
    }


    [b-2e6gobue9b] .widget-card .widget-header {
        margin-bottom: 20px;
        padding-bottom: 12px;
        border-bottom: 2px solid #f1f5f9;
    }


    [b-2e6gobue9b] .widget-card .widget-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    [b-2e6gobue9b] .widget-card .chart-controls {
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    [b-2e6gobue9b] .widget-card .chart-container {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 200px;
        position: relative;
    }

[b-2e6gobue9b] .apex-chart {
    overflow: visible;
    max-width: none;
    max-height: none;
    flex: 1;
    display: flex;
    flex-direction: column;
}

[b-2e6gobue9b] .widget-card .apexcharts-canvas {
    margin: 0 auto;
    max-height: 240px;
    width: 100%;
}

[b-2e6gobue9b] .widget-card .chart-legend {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 16px;
}

[b-2e6gobue9b] .widget-card .legend-item {
    display: flex;
    align-items: center;
    margin-right: 16px;
    margin-bottom: 4px;
    font-size: 13px;
    color: #4b5563;
    font-weight: 500;
}

[b-2e6gobue9b] .widget-card .legend-color {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    margin-right: 8px;
    flex-shrink: 0;
}


[b-2e6gobue9b] .widget-card .number-label {
    text-align: center;
    font-size: 14px;
    color: #6b7280;
    margin-top: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Loading and error states */
[b-2e6gobue9b] .widget-card .loading-spinner,
[b-2e6gobue9b] .widget-card .no-data-message {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 200px;
    color: #6b7280;
    font-size: 14px;
    gap: 12px;
}

    [b-2e6gobue9b] .widget-card .loading-spinner::before {
        content: '';
        width: 32px;
        height: 32px;
        border: 3px solid #e5e7eb;
        border-top: 3px solid #3b82f6;
        border-radius: 50%;
        animation: spin-b-2e6gobue9b 1s linear infinite;
    }

@keyframes spin-b-2e6gobue9b {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Special styling for specific widget types */
[b-2e6gobue9b] .widget-card.control-assessment {
    border-left: 4px solid #10b981;
}

[b-2e6gobue9b] .widget-card.risk-status {
    border-left: 4px solid #f59e0b;
}

[b-2e6gobue9b] .widget-card.entity-status {
    border-left: 4px solid #6366f1;
}

[b-2e6gobue9b] .widget-card.action-schedule {
    border-left: 4px solid #ef4444;
}

/* Navigation tooltip styling */
[b-2e6gobue9b] .widget-card .navigate-tooltip {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #374151;
    color: white;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
    z-index: 10;
}

[b-2e6gobue9b] .widget-card:hover .navigate-tooltip {
    opacity: 1;
}

[b-2e6gobue9b] .custom-filter-tree-container {
    min-width: 220px;
    max-width: 300px;
}

/* Responsive design improvements */
@media (max-width: 1200px) {
    [b-2e6gobue9b] .dashboard-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    [b-2e6gobue9b] .dashboard-content {
        grid-template-columns: 1fr;
    }

    [b-2e6gobue9b] .widget-card {
        min-height: 350px;
    }
}
/* _content/streamnext/Components/Dashboards/NIST.razor.rz.scp.css */
[b-uizg6butvg] .page-container {
    background: #f7f7f7;
    min-height: 100vh;
    width: 100%;
}

[b-uizg6butvg] .dashboard-container {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: #f7f7f7;
    min-height: 100vh;
}

[b-uizg6butvg] .dashboard-content {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 9px;
}

[b-uizg6butvg] .widget-card {
    background: #f7f7f7;
    border-radius: 8px;
    padding: 5px;
    height: auto;
    min-height: 100px;
    display: flex;
    flex-direction: column;
}

[b-uizg6butvg] .widget-card .fs-max-width {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}


[b-uizg6butvg] .widget-card .widget-header {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}


[b-uizg6butvg] .widget-card .widget-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

[b-uizg6butvg] .widget-card .chart-controls {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

[b-uizg6butvg] .widget-card .chart-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 200px;
    position: relative;
}

[b-uizg6butvg] .apex-chart {
    overflow: visible;
    max-width: none;
    max-height: none;
    flex: 1;
    display: flex;
    flex-direction: column;
}

[b-uizg6butvg] .widget-card .apexcharts-canvas {
    margin: 0 auto;
    max-height: 240px;
    width: 100%;
}

[b-uizg6butvg] .widget-card .chart-legend {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 16px;
}

[b-uizg6butvg] .widget-card .legend-item {
    display: flex;
    align-items: center;
    margin-right: 16px;
    margin-bottom: 4px;
    font-size: 13px;
    color: #4b5563;
    font-weight: 500;
}

[b-uizg6butvg] .widget-card .legend-color {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    margin-right: 8px;
    flex-shrink: 0;
}


[b-uizg6butvg] .widget-card .number-label {
    text-align: center;
    font-size: 14px;
    color: #6b7280;
    margin-top: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    /* Loading and error states */
[b-uizg6butvg] .widget-card .loading-spinner,
[b-uizg6butvg] .widget-card .no-data-message {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 200px;
    color: #6b7280;
    font-size: 14px;
    gap: 12px;
}

    [b-uizg6butvg] .widget-card .loading-spinner::before {
        content: '';
        width: 32px;
        height: 32px;
        border: 3px solid #e5e7eb;
        border-top: 3px solid #3b82f6;
        border-radius: 50%;
        animation: spin-b-uizg6butvg 1s linear infinite;
    }
[b-uizg6butvg] .custom-filter-tree-container {
    min-width: 220px;
    max-width: 300px;
}

@keyframes spin-b-uizg6butvg {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Special styling for specific widget types */
[b-uizg6butvg] .widget-card.control-assessment {
    border-left: 4px solid #10b981;
}

[b-uizg6butvg] .widget-card.risk-status {
    border-left: 4px solid #f59e0b;
}

[b-uizg6butvg] .widget-card.entity-status {
    border-left: 4px solid #6366f1;
}

[b-uizg6butvg] .widget-card.action-schedule {
    border-left: 4px solid #ef4444;
}

/* Navigation tooltip styling */
[b-uizg6butvg] .widget-card .navigate-tooltip {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #374151;
    color: white;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
    z-index: 10;
}

[b-uizg6butvg] .widget-card:hover .navigate-tooltip {
    opacity: 1;
}

/* Responsive design improvements */
@media (max-width: 1200px) {
    [b-uizg6butvg] .dashboard-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    [b-uizg6butvg] .dashboard-content {
        grid-template-columns: 1fr;
    }

    [b-uizg6butvg] .widget-card {
        min-height: 350px;
    }
}
/* _content/streamnext/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-pra4ypskvt] {
	position: relative;
	display: flex;
	flex-direction: column;
}

main[b-pra4ypskvt] {
	flex: 1;
}

.sidebar[b-pra4ypskvt] {
	background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-pra4ypskvt] {
	background-color: #f7f7f7;
	border-bottom: 1px solid #d6d5d5;
	justify-content: space-between;
	height: 4.5rem;
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}

.top-row[b-pra4ypskvt]  a,
.top-row[b-pra4ypskvt]  .btn-link {
	white-space: nowrap;
	margin-left: 1.5rem;
	text-decoration: none;
}

.top-row[b-pra4ypskvt]  a:hover,
.top-row[b-pra4ypskvt]  .btn-link:hover {
	text-decoration: underline;
}

.top-row[b-pra4ypskvt]  a:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
	.top-row[b-pra4ypskvt] {
		justify-content: space-between;
	}

	.top-row[b-pra4ypskvt]  a,
	.top-row[b-pra4ypskvt]  .btn-link {
		margin-left: 0;
	}
}

@media (min-width: 641px) {
	.page[b-pra4ypskvt] {
		flex-direction: row;
	}

	.sidebar[b-pra4ypskvt] {
		width: 250px;
		height: 100vh;
		position: sticky;
		top: 0;
	}

	.top-row[b-pra4ypskvt] {
		position: sticky;
		top: 0;
		z-index: 1;
	}

	.top-row.auth[b-pra4ypskvt]  a:first-child {
		flex: 1;
		text-align: right;
		width: 0;
	}

	.top-row[b-pra4ypskvt],
	article[b-pra4ypskvt] {
		padding-left: 2rem !important;
		padding-right: 1.5rem !important;
	}
}

#blazor-error-ui[b-pra4ypskvt] {
	background: #F1C3BB;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 80vw;
	z-index: 10000;
	border-radius: 16px;
	left: 0;
	right: 0;
	bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#blazor-error-ui .dismiss[b-pra4ypskvt] {
	cursor: pointer;
	position: absolute;
	right: 0.75rem;
	top: 0.5rem;
	color: black
}

[b-pra4ypskvt] .search-input#TopBarSearch {
	flex-grow: 1;
	min-width: 400px;
	min-height: 40px;
	margin-right: 1rem;
}

.page-header-area[b-pra4ypskvt] {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: white;
}

.page-content-area[b-pra4ypskvt] {
	flex: 1;
}
/* _content/streamnext/Components/Layout/Nav/NavMenu.razor.rz.scp.css */
div.nav-menu__root[b-1gosg2q1ch] {
	height: 100%;
	position: relative;
}

[b-1gosg2q1ch] .navbar {
	padding: 0.75rem 0.5rem;
	border-radius: 2rem;
}

[b-1gosg2q1ch] .nav-bar-top {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 0.5rem;
}

[b-1gosg2q1ch] .nav-brand__img {
	width: 6rem;
	height: 5rem;
}

[b-1gosg2q1ch] .b-bar-vertical-inline.b-bar-light .b-bar-brand .b-bar-link.fui-Link-active {
	background: var(--b-bar-item-light-active-background);
}

div.nav-menu__root.nav-menu__root--collapsed[b-1gosg2q1ch]  .nav-brand__img {
	width: 5.25rem;
	height: 2.5rem;
}

[b-1gosg2q1ch] .nav-toggle-button__root {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(50%, 10.5rem);
}

[b-1gosg2q1ch] .b-bar-vertical-inline .b-bar-item {
	margin: 0.125rem auto;
}

[b-1gosg2q1ch] .b-bar-vertical-inline .b-bar-item,
[b-1gosg2q1ch] .b-bar-vertical-inline .b-bar-dropdown,
[b-1gosg2q1ch] .b-bar-vertical-inline .b-bar-dropdown-toggle,
[b-1gosg2q1ch] .b-bar-vertical-inline .b-bar-link {
	position: relative;
	z-index: 1002;
	pointer-events: auto;
	width: 100%;
}

[b-1gosg2q1ch] .b-bar-link.fui-Link {
	display: flex;
	align-items: center;
	border-radius: 2rem;
}

[b-1gosg2q1ch] .b-bar-link.fui-Link:hover,
[b-1gosg2q1ch] .b-bar-vertical-inline.b-bar-light .b-bar-brand .b-bar-link.fui-Link:not(.fui-Link-active):hover {
	background-color: var(--b-bar-item-light-hover-background);
}

[b-1gosg2q1ch] .b-bar-link.fui-Link.nav-bar-link--hovered {
	background-color: var(--st-accent);
}

[b-1gosg2q1ch] .b-bar-vertical-inline .b-bar-link,
[b-1gosg2q1ch] .fui-Link:not([aria-disabled=true]):hover {
	text-decoration: none;
}

[b-1gosg2q1ch] .b-bar-vertical-inline .b-bar-link {
	border-radius: 2rem;
	font-weight: bold;
	transition: color var(--st-duration-fast) var(--st-productive-standard-easing), background-color var(--st-duration-fast) var(--st-productive-standard-easing);
}

[b-1gosg2q1ch] .fui-Link.b-bar-link > i {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 1rem;
}

div.nav-menu__root.nav-menu__root--collapsed[b-1gosg2q1ch]  .fui-Link.b-bar-link.nav-bar-link,
[b-1gosg2q1ch] .b-bar-vertical-inline[data-collapse=small] .fui-Link.b-bar-link.nav-bar-link {
	justify-content: center;
	flex-direction: column;
}

div.nav-menu__root.nav-menu__root--collapsed[b-1gosg2q1ch]  .fui-Link.b-bar-link.nav-bar-link .nav-link__text,
[b-1gosg2q1ch] .b-bar-vertical-inline[data-collapse=small] .fui-Link.b-bar-link.nav-bar-link .nav-link__text{
	font-size: 0.675rem;
}

div.nav-menu__root.nav-menu__root--collapsed[b-1gosg2q1ch]  .fui-Link.b-bar-link.nav-bar-link > i,
[b-1gosg2q1ch] .b-bar-vertical-inline[data-collapse=small] .fui-Link.b-bar-link.nav-bar-link > i{
	margin-right: 0;
}

[b-1gosg2q1ch] .fui-Link.b-bar-link > i.nav-bar-link__has-nested-icon {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

div.nav-menu__root.nav-menu__root--collapsed[b-1gosg2q1ch]  .fui-Link.b-bar-link > i,
[b-1gosg2q1ch] .b-bar-vertical-inline[data-collapse=small] .fui-Link.b-bar-link > i {
	vertical-align: middle;
}

[b-1gosg2q1ch] .b-bar-vertical-inline .b-bar-dropdown .b-bar-dropdown-toggle:before {
	display: none;
}

[b-1gosg2q1ch] .divider {
	max-width: 3.813rem;
}

[b-1gosg2q1ch] .bar-container#BarContainer {
	display: contents;
}

[b-1gosg2q1ch] .b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container {
	display: contents;
}

[b-1gosg2q1ch] .b-bar-vertical-inline[data-collapse=small] .b-bar-dropdown .b-bar-dropdown-menu-container .b-bar-dropdown-menu {
	box-shadow: none;
}

[b-1gosg2q1ch] .menu-container {
	position: fixed;
	top: 0;
	height: 100%;
	pointer-events: none;
	z-index: 999;
}

[b-1gosg2q1ch] .menu-container .nav-link__text {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 2rem;
}

[b-1gosg2q1ch] .menu-container>* {
	pointer-events: auto;
}

div.nav-menu__root.nav-menu__root--collapsed[b-1gosg2q1ch]  .menu-container .fui-Link.b-bar-link.nav-bar-link,
[b-1gosg2q1ch] .b-bar-vertical-inline[data-collapse=small] .menu-container .fui-Link.b-bar-link.nav-bar-link {
	justify-content: inherit;
	flex-direction: inherit;
}

div.nav-menu__root.nav-menu__root--collapsed[b-1gosg2q1ch]  .menu-container .fui-Link.b-bar-link.nav-bar-link > i,
[b-1gosg2q1ch] .b-bar-vertical-inline[data-collapse=small] .menu-container .fui-Link.b-bar-link.nav-bar-link > i {
	margin-right: 1rem;
}

div.nav-menu__root.nav-menu__root--collapsed[b-1gosg2q1ch]  .menu-container .fui-Link.b-bar-link.nav-bar-link .nav-link__text,
[b-1gosg2q1ch] .b-bar-vertical-inline[data-collapse=small] .menu-container .fui-Link.b-bar-link.nav-bar-link .nav-link__text {
	font-size: 0.875rem;
}

[b-1gosg2q1ch] .nested-menu-wrapper {
	display: flex;
	position: fixed;
	top: 0;
	left: calc(var(--b-vertical-bar-width) + 1rem);
	height: 100%;
	padding: 1rem;
	z-index: 1000;
	background-color: transparent;
}

div.nav-menu__root.nav-menu__root--collapsed[b-1gosg2q1ch]  .nested-menu-wrapper,
[b-1gosg2q1ch] .b-bar-vertical-inline[data-collapse=small] .nested-menu-wrapper {
	left: 128px;
}

[b-1gosg2q1ch] .nested-nav-panel {
	position: relative;
	height: 100%;
	min-width: 220px;
	z-index: 1001;
}

[b-1gosg2q1ch] .nested-nav-panel .navbar {
	height: auto;
}

[b-1gosg2q1ch] .menu-bridge {
	width: 1.25rem;
	height: 100%;
	background-color: transparent;
	z-index: 1001;
	pointer-events: auto;
}
/* _content/streamnext/Components/Layout/Nav/NavMenuGroup.razor.rz.scp.css */
[b-xne4ttp71l] .nav-menu-group {
    position: relative;
}

[b-xne4ttp71l] .nav-menu-group__dropdown-toggle-icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-right: 1rem;
}
/* _content/streamnext/Components/Layout/Nav/NavToggleButton.razor.rz.scp.css */
[b-psg90r7d9l] .nav-toggle-button i {
    width: 1rem;
    height: 1rem;
}

.nav-toggle-button.nav-toggle-button--collapsed[b-psg90r7d9l]  i {
    transform: scaleX(-1);
}
/* _content/streamnext/Components/Pages/Actions.razor.rz.scp.css */
[b-1kxww6d8j9] {
	--color-date-due-red: #BA4040;
	--color-date-due-amber: #F0B724;
	--color-date-due-green: #007012;
	--color-date-due-closed: var(--st-interactive);
}

[b-1kxww6d8j9] .fui-Display-inline-flex {
	color: #555555;
	font-weight: 600;
	font-size: 14px;
}

[b-1kxww6d8j9] .fui-TableCell[data-caption="Name"] {
	max-width: 15vw;
}

[b-1kxww6d8j9] .breadcrumb-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	position: relative;
	margin-top: 1vw;
	width: 100%;
}

[b-1kxww6d8j9] .breadcrumb-container>div {
	display: flex;
	align-items: center;
	gap: 5px;
	position: relative;
}

[b-1kxww6d8j9] .breadcrumb-button {
	border: none;
	background: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: inherit;
	cursor: pointer;
	color: #14131D;
	line-height: 1;
}

[b-1kxww6d8j9] .breadcrumb-button.last-breadcrumb {
	color: #286055;
}

[b-1kxww6d8j9] .breadcrumb-arrow {
	display: flex;
	align-items: center;
	cursor: pointer;
}

[b-1kxww6d8j9] .acuity-arrow-icon {
	background-image: url('/images/Icons/AcuityArrow.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

[b-1kxww6d8j9] .treeview-container {
	position: absolute;
	top: 100%;
	left: 0;
	padding: 10px;
	width: fit-content;
	margin-top: 10px;
	z-index: 100;
	min-width: 17vw;
}

[b-1kxww6d8j9] .treeview-container .overflow-scroll-bars {
	max-height: 40vh;
	overflow-y: auto;
}

/*	::deep .custom-node-children {
		max-height: 25vw;
	}*/

[b-1kxww6d8j9] .b-layout {
	overflow: hidden;
	max-height: 100vh;
}

[b-1kxww6d8j9] .b-layout-header {
	order: 0;
}

[b-1kxww6d8j9] .b-layout-content {
	overflow: hidden;
	order: 1;
	max-height: calc(100vh - 60px);
}

[b-1kxww6d8j9] article.content {
	display: flex;
	flex-direction: column;
	max-height: 100%;
}

[b-1kxww6d8j9] .fui-Table-responsive {
	height: calc(100vh - 300px);
	max-height: calc(100vh - 300px);
	overflow: scroll;
}

.action-datagrid[b-1kxww6d8j9] {
	height: auto;
	max-height: calc(100vh - 100px);
	overflow-y:hidden;
}

.action-datagrid>div[b-1kxww6d8j9] {
	height: 100%;
	max-height: inherit;
	display: flex;
	flex-direction: column;
}

.action-datagrid>div>div[b-1kxww6d8j9] {
	height: 100%;
	max-height: inherit;
	display: flex;
	flex-direction: column;
}

.action-datagrid>div>div.fs-justify-content-end[b-1kxww6d8j9] {
	height: unset;
	display: unset;
	flex-direction: unset;
}

.action-datagrid>div>div>form[b-1kxww6d8j9] {
	order: 0;
	flex: 1;
	max-height: calc(100% - 50px);
}

[b-1kxww6d8j9] .grid-pagination-wrapper {
	order: 1;
	height: auto;
}

[b-1kxww6d8j9] .custom-pagination-container {
	width: 100%;
	position: unset;
}

[b-1kxww6d8j9] .data_grid {
	max-height: calc(100vh - 250px);
	overflow-y: auto;
}

[b-1kxww6d8j9] .fui-select {
	display: none;
}

[b-1kxww6d8j9] .date-due-red {
	color: var(--color-date-due-red);
}

[b-1kxww6d8j9] .date-due-yellow {
	color: var(--color-date-due-amber);
}

[b-1kxww6d8j9] .date-due-green {
	color: var(--color-date-due-green);
}

[b-1kxww6d8j9] .date-due-blue {
	color: var(--color-date-due-closed);
}

[b-1kxww6d8j9] tbody tr[style*="background:#142834"] .date-due-green,
[b-1kxww6d8j9] tbody tr[style*="background:#142834"] .date-due-yellow,
[b-1kxww6d8j9] tbody tr[style*="background:#142834"] .date-due-red,
[b-1kxww6d8j9] tbody tr[style*="background:#142834"] .date-due-blue,
[b-1kxww6d8j9] tbody tr[style*="background:#142834"] .fui-TableCell[data-caption="Date Due"] {
	color: white;
}

[b-1kxww6d8j9] .aggregated-data-container {
	display: flex;
	justify-content: flex-start;
	padding: 0.5rem 0;
	max-width: 100%;
}

[b-1kxww6d8j9] .aggregated-data-summary {
	display: flex;
	justify-content: flex-start;
	gap: 2rem;
	width: auto;
	margin-left: 2vw;
}

[b-1kxww6d8j9] .data-group {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.4rem;
}

[b-1kxww6d8j9] .header-item {
	font-size: 0.9rem;
	font-weight: 600;
	white-space: nowrap;
	text-align: center;
	color: #555555;
}

[b-1kxww6d8j9] .data-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 1rem;
}

[b-1kxww6d8j9] .data-item {
	font-size: 1rem;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
	margin-top: 0.3rem;
	border-radius: 10%;
	padding: 0.125rem 0.25rem;
	user-select: none;
	background-color: transparent;
	transition: background-color 0.2s ease, color 0.2s ease;
}

[b-1kxww6d8j9] .data-item.selected {
	border-radius: 10%;
	color: white;
}

[b-1kxww6d8j9] .data-item.selected.green {
	color: white;
	background-color: var(--color-date-due-green);
}

[b-1kxww6d8j9] .data-item.selected.red {
	color: white;
	background-color: var(--color-date-due-red);
}

[b-1kxww6d8j9] .data-item.selected.blue {
	color: white;
	background-color: var(--color-date-due-closed);
}

[b-1kxww6d8j9] .data-item.selected.amber {
	color: white;
	background-color: var(--color-date-due-amber);
}

[b-1kxww6d8j9] .data-item.green {
	color: var(--color-date-due-green);
}

[b-1kxww6d8j9] .data-item.amber {
	color: var(--color-date-due-amber);
}

[b-1kxww6d8j9] .data-item.red {
	color: var(--color-date-due-red);
}

[b-1kxww6d8j9] .data-item.blue {
	color: var(--color-date-due-closed);
}

[b-1kxww6d8j9] .text-wrap-ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}
/* _content/streamnext/Components/Pages/Action/ActionCreate.razor.rz.scp.css */
[b-tufm652gat] .back-button::before {
    cursor: pointer;
    border-radius: 50%;
}

[b-tufm652gat] .action-header-container h5 {
    margin-left: 15px;
}

[b-tufm652gat] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-tufm652gat] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}
/* _content/streamnext/Components/Pages/Action/ActionDetail.razor.rz.scp.css */
[b-1841dp3b1t] .date-due-red {
    color: #BA4040;
}

[b-1841dp3b1t] .date-due-yellow {
    color: #F0B724;
}

[b-1841dp3b1t] .date-due-green {
    color: #007012;
}

[b-1841dp3b1t] .date-due-blue {
    color: var(--st-interactive);
}

[b-1841dp3b1t] .assignment-text-color {
    color: var(--st-interactive);
}

[b-1841dp3b1t] .select-container-secondary {
    background: #FAFAFA;
    border-color: #EAEAEA;
}

[b-1841dp3b1t] .fui-Textarea .fui-Textarea__input {
    background-color: #FAFAFA;
}

[b-1841dp3b1t] .tree-container {
    background: #fafafa;
    border-radius: 14px;
    padding: 8px;
    background-color: #fafafa;
    border: 1px solid #EAEAEA;
}

[b-1841dp3b1t] .tree-content {
    height: 344px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

[b-1841dp3b1t] textarea {
    overflow-y: auto;
    resize: vertical;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    [b-1841dp3b1t] textarea::-webkit-scrollbar {
        width: 0px;
        display: none;
    }

[b-1841dp3b1t] .input-style {
    border-radius: 70px;
}

[b-1841dp3b1t] .textarea-name {
    min-height: 60px;
    background-color: #FAFAFA;
    border-color: #EAEAEA;
    border-radius: 14px;
}

[b-1841dp3b1t] .textarea-description {
    min-height: 100px;
    background-color: #FAFAFA;
    border-color: #EAEAEA;
    border-radius: 14px;
}
/* _content/streamnext/Components/Pages/Action/ActionEdit.razor.rz.scp.css */
[b-4cjs3qk2mm] .back-button {
    padding-right: 15px;
    cursor: pointer;
}

[b-4cjs3qk2mm] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-4cjs3qk2mm] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}

[b-4cjs3qk2mm] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-4cjs3qk2mm] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-4cjs3qk2mm] .menu-button-container {
    margin-left: auto;
    height: 2rem;
    width: 2rem;
    justify-content: center;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Action/ActionView.razor.rz.scp.css */
[b-cvcogwkltw] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-cvcogwkltw] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}

[b-cvcogwkltw] .panel-content-quarter-size {
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
    max-height: 15.5rem;
}

[b-cvcogwkltw] .header-wrapper {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: var(--background-color, white);
}

[b-cvcogwkltw] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-cvcogwkltw] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-cvcogwkltw] .menu-button-container {
    margin-left: auto;
    height: 2rem;
    width: 2rem;
    justify-content: center;
    align-items: center;
}

[b-cvcogwkltw] .fui-TabList::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 99%;
    height: 2px;
    background-color: #d3d3d3;
    z-index: 0;
}

[b-cvcogwkltw] .edit-icon-button#EditIconButton {
    width: 2rem;
    height: 2rem;
}

[b-cvcogwkltw] .padding-right-small {
    padding-right: 0.5rem;
}

.widget-container[b-cvcogwkltw] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;

    &.minimized {
        flex-direction: row;
    }

    &.expanded[b-cvcogwkltw] {
        flex-direction: column;
    }
}
/* _content/streamnext/Components/Pages/Assets.razor.rz.scp.css */
[b-ru39ctae7b] .fui-Display-inline-flex {
    color: #555555;
    font-weight: 600;
    font-size: 14px;
}

[b-ru39ctae7b] .fui-Table-responsive {
    height: calc(100vh - 255px);
    max-height: 70vh;
    overflow: scroll;
}

[b-ru39ctae7b] .fui-TableCell[data-caption="Name"] {
    max-width: 5vw;
}

[b-ru39ctae7b] .breadcrumb-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    position: relative;
    width: 100%;
}

    [b-ru39ctae7b] .breadcrumb-container > div {
        display: flex;
        align-items: center;
        gap: 5px;
        position: relative;
    }

[b-ru39ctae7b] .breadcrumb-button {
    border: none;
    background: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: inherit;
    cursor: pointer;
    color: #14131D;
    line-height: 1;
}

    [b-ru39ctae7b] .breadcrumb-button.last-breadcrumb {
        color: #286055;
    }

[b-ru39ctae7b] .breadcrumb-arrow {
    display: flex;
    align-items: center;
    cursor: pointer;
}

[b-ru39ctae7b] .acuity-arrow-icon {
    background-image: url('/images/Icons/AcuityArrow.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

/*::deep .custom-node-children {
    max-height: 25vw;
}*/

[b-ru39ctae7b] .text-wrap-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

[b-ru39ctae7b] .b-layout {
    overflow: hidden;
    max-height: 100vh; 
}

[b-ru39ctae7b] .b-layout-header {
    order: 0;
}

[b-ru39ctae7b] .b-layout-content {
    overflow: hidden;
    order: 1;
    max-height: calc(100vh - 60px); 
}

[b-ru39ctae7b] article.content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
}

.assets-datagrid[b-ru39ctae7b] {
    height: auto;
    max-height: calc(100vh - 132px);
    overflow-y: hidden;
}

    .assets-datagrid > div[b-ru39ctae7b] {
        height: 100%;
        max-height: inherit;
        display: flex;
        flex-direction: column;
    }

        .assets-datagrid > div > div[b-ru39ctae7b] {
            height: 100%;
            max-height: inherit;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

            .assets-datagrid > div > div.fs-justify-content-end[b-ru39ctae7b] {
                height: unset;
                overflow: unset;
                display: unset;
                flex-direction: unset;
            }

            .assets-datagrid > div > div > form[b-ru39ctae7b] {
                overflow: hidden;
                order: 0;
                flex: 1;
                max-height: calc(100% - 50px);
            }

[b-ru39ctae7b] .grid-pagination-wrapper {
    order: 1;
    height: auto;
}

[b-ru39ctae7b] .custom-pagination-container {
    width: 100%;
    position: unset;
    margin-top: 0;
}

[b-ru39ctae7b] .data_grid {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

[b-ru39ctae7b] .fui-select{
    display: none;
}
/* _content/streamnext/Components/Pages/Asset/AssetCreate.razor.rz.scp.css */
[b-hojk1jgqa3] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-hojk1jgqa3] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}
/* _content/streamnext/Components/Pages/Asset/AssetDetail.razor.rz.scp.css */
[b-bokczdtuvo] .select-container-secondary {
    background: #FAFAFA;
    border-color: #EAEAEA;
}

[b-bokczdtuvo] .fui-Textarea .fui-Textarea__input {
    background-color: #FAFAFA;
}

[b-bokczdtuvo] .tree-container {
    background: #fafafa;
    border-radius: 14px;
    padding: 8px;
    background-color: #fafafa;
    border: 1px solid #EAEAEA;
}

[b-bokczdtuvo] .tree-content {
    height: 574px;
    overflow: auto;
    overflow-x: hidden;
}

[b-bokczdtuvo] .assignment-text-color {
    color: var(--st-interactive);
}

[b-bokczdtuvo] .input-style {
    border-radius: 70px;
}

[b-bokczdtuvo] .textarea-description {
    min-height: 100px;
    background-color: #FAFAFA;
    border-color: #EAEAEA;
    border-radius: 14px;
}
/* _content/streamnext/Components/Pages/Asset/AssetEdit.razor.rz.scp.css */
[b-ax4v2oouvp] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-ax4v2oouvp] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}
/* _content/streamnext/Components/Pages/Asset/AssetView.razor.rz.scp.css */
[b-e2y9yvzqy2] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-e2y9yvzqy2] .panel-content-quarter-size {
    min-height: 6rem;
    max-height: 16rem;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}

[b-e2y9yvzqy2] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-e2y9yvzqy2] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-e2y9yvzqy2] .menu-button-container {
    margin-left: auto;
    height: 2rem;
    width: 2rem;
    justify-content: center;
    align-items: center;
}

[b-e2y9yvzqy2] .edit-icon-button#EditIconButton {
    width: 2rem;
    height: 2rem;
}

[b-e2y9yvzqy2] .edit-icon-container {
    padding-left: 0.75rem;
    bottom: 0.25rem;
    position: relative;
}

[b-e2y9yvzqy2] .header-wrapper {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: var(--background-color, white);
}

.widget-container[b-e2y9yvzqy2] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.widget-container.minimized[b-e2y9yvzqy2] {
    flex-direction: row;
}

.widget-container.expanded[b-e2y9yvzqy2] {
    flex-direction: column;
}

[b-e2y9yvzqy2] .data-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
}

[b-e2y9yvzqy2] .header-item {
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
    text-align: center;
    color: #555555;
}

[b-e2y9yvzqy2] .data-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1rem;
}

[b-e2y9yvzqy2] .data-item {
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    margin-top: 0.3rem;
    border-radius: 10%;
    padding: 0.125rem 0.25rem;
    user-select: none;
    background-color: transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
}

[b-e2y9yvzqy2] .data-item.green {
    color: #007012;
}

[b-e2y9yvzqy2] .data-item.amber {
    color: #F0B724;
}

[b-e2y9yvzqy2] .data-item.red {
    color: #BA4040;
}

[b-e2y9yvzqy2] .data-item.blue {
    color: var(--st-interactive);
}

[b-e2y9yvzqy2] .data-item.grey {
    color: #808080;
}

[b-e2y9yvzqy2] .data-item.black {
    color: #000000;
}
/* _content/streamnext/Components/Pages/Controls.razor.rz.scp.css */
[b-ccew1t4afs] .fui-Display-inline-flex {
    color: #555555;
    font-weight: 600;
    font-size: 14px;
}

[b-ccew1t4afs] .fui-TableCell[data-caption="Control"] {
    max-width: 22vw;
    color: var(--st-interactive);
}

[b-ccew1t4afs] tbody tr[style*="background:#142834"] .fui-TableCell[data-caption="Control"] {
    color: white;
}

[b-ccew1t4afs] .breadcrumb-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    position: relative;
    width: 100%;
}

    [b-ccew1t4afs] .breadcrumb-container > div {
        display: flex;
        align-items: center;
        gap: 5px;
        position: relative;
    }

[b-ccew1t4afs] .breadcrumb-button {
    border: none;
    background: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: inherit;
    cursor: pointer;
    color: #14131D;
    line-height: 1;
}

    [b-ccew1t4afs] .breadcrumb-button.last-breadcrumb {
        color: #286055;
    }

[b-ccew1t4afs] .breadcrumb-arrow {
    display: flex;
    align-items: center;
    cursor: pointer;
}

[b-ccew1t4afs] .acuity-arrow-icon {
    background-image: url('/images/Icons/AcuityArrow.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

[b-ccew1t4afs] .treeview-container {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 10px;
    width: fit-content;
    margin-top: 10px;
    z-index: 100;
    min-width: 15vw;
}

    [b-ccew1t4afs] .treeview-container .overflow-scroll-bars {
        max-height: 40vh;
        overflow-y: auto;
    }

    [b-ccew1t4afs] .treeview-container .custom-treeview-container-primary {
        overflow-y: visible;
    }

    [b-ccew1t4afs] .treeview-container .custom-treeview-container {
        max-height: none;
        overflow-y: visible;
    }

/*::deep .custom-node-children {
    max-height: 20vw;
}*/

[b-ccew1t4afs] .b-layout {
    overflow: hidden;
    max-height: 100vh;
}

[b-ccew1t4afs] .b-layout-header {
    order: 0;
}

[b-ccew1t4afs] .b-layout-content {
    overflow: hidden;
    order: 1;
    max-height: calc(100vh - 60px);
}

[b-ccew1t4afs] article.content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
}

[b-ccew1t4afs] .fui-Table-responsive {
    height: calc(100vh - 380px);
    max-height: calc(100vh - 380px);
    overflow: scroll;
}

.controls-datagrid[b-ccew1t4afs] {
    height: auto;
    max-height: calc(100vh - 160px);
    overflow-y: hidden;
}

    .controls-datagrid > div[b-ccew1t4afs] {
        height: 100%;
        max-height: inherit;
        display: flex;
        flex-direction: column;
    }

        .controls-datagrid > div > div[b-ccew1t4afs] {
            height: 100%;
            max-height: inherit;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

            .controls-datagrid > div > div.fs-justify-content-end[b-ccew1t4afs] {
                height: unset;
                overflow: unset;
                display: unset;
                flex-direction: unset;
            }

            .controls-datagrid > div > div > form[b-ccew1t4afs] {
                overflow: hidden;
                order: 0;
                flex: 1;
                max-height: calc(100% - 50px);
            }

[b-ccew1t4afs] .grid-pagination-wrapper {
    order: 1;
    height: auto;
}

[b-ccew1t4afs] .custom-pagination-container {
    width: 100%;
    position: unset;
}

[b-ccew1t4afs] .data_grid {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

[b-ccew1t4afs] .fui-select {
    display: none;
}

[b-ccew1t4afs] td.fui-TableCell[data-caption="Deployment Percentage"] {
    text-align: center;
    vertical-align: middle;
}

[b-ccew1t4afs] .deployment-percentage-green {
    color: #007012;
}

[b-ccew1t4afs] .deployment-percentage-yellow {
    color: #F0B724;
}

[b-ccew1t4afs] .deployment-percentage-red {
    color: #BA4040;
}

[b-ccew1t4afs] .deployment-percentage-grey {
    color: #6c757d;
}

[b-ccew1t4afs] td.fui-TableCell[data-caption="Date Due"] {
    color: #BA4040;
}

[b-ccew1t4afs] .aggregated-data-summary {
    display: flex;
    justify-content: flex-start;
    gap: 2rem;
    width: auto;
    margin-left: 2vw;
}

[b-ccew1t4afs] .data-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
}

[b-ccew1t4afs] .header-item {
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #555555;
    padding: 0 2px;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

[b-ccew1t4afs] .data-row {
    display: flex;
    gap: 1rem;
}

[b-ccew1t4afs] .data-item {
    font-size: 0.9rem;
    text-align: center;
    cursor: pointer;
    padding: 0;
    margin: 0 8px;
    min-width: 0;
    flex: 0 0 auto;
}

    [b-ccew1t4afs] .data-item.green {
        color: #007012;
    }

    [b-ccew1t4afs] .data-item.amber {
        color: #F0B724;
    }

    [b-ccew1t4afs] .data-item.red {
        color: #C15757;
    }

    [b-ccew1t4afs] .data-item.blue {
        color: var(--st-interactive);
    }

[b-ccew1t4afs] .data-grid-item.green {
    color: #007012;
}

[b-ccew1t4afs] .data-grid-item.amber {
    color: #F0B724;
}

[b-ccew1t4afs] .data-grid-item.red {
    color: #C15757;
}

[b-ccew1t4afs] .data-grid-item.blue {
    color: var(--st-interactive);
}

[b-ccew1t4afs] tbody tr[style*="background:#142834"] .deployment-percentage-green,
[b-ccew1t4afs] tbody tr[style*="background:#142834"] .deployment-percentage-red,
[b-ccew1t4afs] tbody tr[style*="background:#142834"] .deployment-percentage-yellow,
[b-ccew1t4afs] tbody tr[style*="background:#142834"] .deployment-percentage-blue {
    color: white;
}

[b-ccew1t4afs] tbody tr[style*="background:#142834"] .data-grid-item.red,
[b-ccew1t4afs] tbody tr[style*="background:#142834"] .data-grid-item.amber,
[b-ccew1t4afs] tbody tr[style*="background:#142834"] .data-grid-item.green,
[b-ccew1t4afs] tbody tr[style*="background:#142834"] .data-grid-item.blue {
    color: white;
}

[b-ccew1t4afs] .data-item.green.selected {
    border: 2px solid #007012;
    border-radius: 50%;
    background-color: #007012;
    color: white;
    padding: 0.2rem 0.5rem;
    margin-top: -0.05rem;
}

[b-ccew1t4afs] .data-item.amber.selected {
    border: 2px solid #F0B724;
    border-radius: 50%;
    background-color: #F0B724;
    color: white;
    padding: 0.2rem 0.5rem;
    margin-top: -0.05rem;
}

[b-ccew1t4afs] .data-item.red.selected {
    border: 2px solid #C15757;
    border-radius: 50%;
    background-color: #C15757;
    color: white;
    padding: 0.2rem 0.5rem;
    margin-top: -0.05rem;
}

[b-ccew1t4afs] .data-item.blue.selected {
    border: 2px solid var(--st-interactive);
    border-radius: 50%;
    background-color: var(--st-interactive);
    color: white;
    padding: 0.2rem 0.5rem;
    margin-top: -0.05rem;
}

[b-ccew1t4afs] .text-wrap-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

[b-ccew1t4afs] .metrics-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 10px;
}

[b-ccew1t4afs] .metrics-container {
    display: flex;
    background: #f7f7f7;
    padding: 8px;
    min-height: 60px;
    justify-content: space-between; 
}

[b-ccew1t4afs] .metrics-left-side {
    display: flex;
    flex: 0 0 auto; 
    gap: 0.2rem;
    margin-left: 10px; 
}

[b-ccew1t4afs] .metrics-right-side {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin-right: 20px; 
}

[b-ccew1t4afs] .metrics-group {
    flex: 1;
    min-width: 0;
    text-align: center;
}

[b-ccew1t4afs] .metrics-value {
    font-size: 0.8rem;
    font-weight: 600;
    color: #333;
    text-align: center;
    display: block;
    width: 100%;
}
/* _content/streamnext/Components/Pages/Control/ControlCreate.razor.rz.scp.css */
[b-422fwmdqam] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-422fwmdqam] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}
/* _content/streamnext/Components/Pages/Control/ControlDetail.razor.rz.scp.css */
[b-wo4gmi68nb] .date-text-color {
    color: #BA4040;
}

[b-wo4gmi68nb] .assignment-text-color {
    color: var(--st-interactive);
}

[b-wo4gmi68nb] .select-container-secondary {
    background: #FAFAFA;
    border-color: #EAEAEA;
}

[b-wo4gmi68nb] .fui-Textarea .fui-Textarea__input {
    background-color: #FAFAFA;
}

[b-wo4gmi68nb] .tree-container {
    background: #fafafa;
    border-radius: 14px;
    padding: 8px;
    background-color: #fafafa;
    border: 1px solid #EAEAEA;
}

[b-wo4gmi68nb] .tree-content {
    height: 344px;
    overflow: auto;
    overflow-x: hidden;
}

[b-wo4gmi68nb] textarea {
    overflow-y: auto;
    resize: vertical;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    [b-wo4gmi68nb] textarea::-webkit-scrollbar {
        width: 0px;
        display: none;
    }

[b-wo4gmi68nb] .input-style {
    border-radius: 70px;
}

    [b-wo4gmi68nb] .input-style.fui-Textarea__input {
        border-radius: 15px;
        height: 250px;
    }

[b-wo4gmi68nb] .memo-edit-description {
    background-color: #FAFAFA;
    border-color: #EAEAEA;
    border-radius: 14px;
    min-height: 100px;
}
/* _content/streamnext/Components/Pages/Control/ControlEdit.razor.rz.scp.css */
[b-5ppbbzfi8f] .back-button {
    padding-right: 15px;
    cursor: pointer;
}

[b-5ppbbzfi8f] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-5ppbbzfi8f] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}

[b-5ppbbzfi8f] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-5ppbbzfi8f] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-5ppbbzfi8f] .menu-button-container {
    margin-left: auto;
    height: 2rem;
    width: 2rem;
    justify-content: center;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Control/ControlSectionFilter.razor.rz.scp.css */
[b-q5z9dg2mb4] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-q5z9dg2mb4] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}
/* _content/streamnext/Components/Pages/Control/ControlView.razor.rz.scp.css */
[b-zmk3mebjxc] .panel-container {
    position: relative;
    padding: 1rem 1.5rem 1rem 1.5rem;
    border-radius: 1.615rem;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 1.5rem;
}

[b-zmk3mebjxc] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 0.5rem;
}

[b-zmk3mebjxc] .panel-content-quarter-size {
    overflow: auto;
    overflow-x: hidden;
    padding: 0.5rem;
    max-height: 15.5rem;
}

[b-zmk3mebjxc] .permission-indicator {
    position: absolute;
    top: -0.615rem;
    right: 3rem;
    height: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

[b-zmk3mebjxc] .header-wrapper {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: var(--background-color, white);
}

[b-zmk3mebjxc] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-zmk3mebjxc] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-zmk3mebjxc] .menu-button-container {
    margin-left: auto;
    height: 2rem;
    width: 2rem;
    justify-content: center;
    align-items: center;
}

[b-zmk3mebjxc] .fui-TabList::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 99%;
    height: 2px;
    background-color: #d3d3d3;
    z-index: 0;
}

[b-zmk3mebjxc] .edit-icon-button#EditIconButton {
    width: 2rem;
    height: 2rem;
}

[b-zmk3mebjxc] .padding-right-small {
    padding-right: 0.5rem;
}

[b-zmk3mebjxc] .widget-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    &.minimized{
        flex-direction: row;
    }

    &.expanded[b-zmk3mebjxc] {
        flex-direction: column;
    }
}
/* _content/streamnext/Components/Pages/Entities.razor.rz.scp.css */
[b-z8s23r90re] .fui-Display-inline-flex {
    color: #555555;
    font-weight: 600;
    font-size: 14px;
}

[b-z8s23r90re] .fui-TableCell[data-caption="Name"] {
    max-width: 15vw;
}

[b-z8s23r90re] .fui-TableCell[data-caption="Assignment"] {
    max-width: 7vw;
}

[b-z8s23r90re] .fui-TableCell[data-caption="Owner"] {
    max-width: 7vw;
}

[b-z8s23r90re] .fui-TableCell[data-caption="Category"] {
    max-width: 7vw;
}

[b-z8s23r90re] .breadcrumb-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    position: relative;
    margin-top: 1vw;
    width: 100%;
}

    [b-z8s23r90re] .breadcrumb-container > div {
        display: flex;
        align-items: center;
        gap: 5px;
        position: relative;
    }

[b-z8s23r90re] .breadcrumb-button {
    border: none;
    background: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: inherit;
    cursor: pointer;
    color: #14131D;
    line-height: 1;
}

    [b-z8s23r90re] .breadcrumb-button.last-breadcrumb {
        color: #286055;
    }

[b-z8s23r90re] .breadcrumb-arrow {
    display: flex;
    align-items: center;
    cursor: pointer;
}

[b-z8s23r90re] .acuity-arrow-icon {
    background-image: url('/images/Icons/AcuityArrow.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

[b-z8s23r90re] .treeview-container {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 10px;
    width: fit-content;
    margin-top: 10px;
    z-index: 100;
    min-width: 17vw;
}

    [b-z8s23r90re] .treeview-container .overflow-scroll-bars {
        max-height: 40vh;
        overflow-y: auto;
    }

/*::deep .custom-node-children {
    max-height: 20vw;
}*/

[b-z8s23r90re] .search-input {
    display: none;
}

[b-z8s23r90re] .fui-Menu {
    display: block;
}

[b-z8s23r90re] .text-wrap-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

[b-z8s23r90re] .b-layout {
    overflow: hidden;
    max-height: 100vh;
}

[b-z8s23r90re] .b-layout-header {
    order: 0;
}

[b-z8s23r90re] .b-layout-content {
    overflow: hidden;
    order: 1;
    max-height: calc(100vh - 60px);
}

[b-z8s23r90re] article.content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
}

[b-z8s23r90re] .fui-Table-responsive {
    height: calc(100vh - 300px);
    max-height: calc(100vh - 300px);
    overflow: scroll;
}

.entities-datagrid[b-z8s23r90re] {
    height: auto;
    max-height: calc(100vh - 160px);
    overflow-y: hidden;
}

    .entities-datagrid > div[b-z8s23r90re] {
        height: 100%;
        max-height: inherit;
        display: flex;
        flex-direction: column;
    }

        .entities-datagrid > div > div[b-z8s23r90re] {
            height: 100%;
            max-height: inherit;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

            .entities-datagrid > div > div.fs-justify-content-end[b-z8s23r90re] {
                height: unset;
                overflow: unset;
                display: unset;
                flex-direction: unset;
            }

            .entities-datagrid > div > div > form[b-z8s23r90re] {
                overflow: hidden;
                order: 0;
                flex: 1;
                max-height: calc(100% - 50px);
            }

[b-z8s23r90re] .grid-pagination-wrapper {
    order: 1;
    height: auto;
}

[b-z8s23r90re] .custom-pagination-container {
    width: 100%;
    position: unset;
}

[b-z8s23r90re] .data_grid {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
}

[b-z8s23r90re] .fui-select {
    display: none;
}
/* _content/streamnext/Components/Pages/Entity/EntityCreate.razor.rz.scp.css */
[b-580jj3vm8g] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-580jj3vm8g] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}
/* _content/streamnext/Components/Pages/Entity/EntityDetail.razor.rz.scp.css */
[b-zfuey5pwta] .date-text-color {
    color: #BA4040;
}

[b-zfuey5pwta] .assignment-text-color {
    color: var(--st-interactive);
}

[b-zfuey5pwta] .select-container-secondary {
    background: #FAFAFA;
    border-color: #EAEAEA;
}

[b-zfuey5pwta] .fui-Textarea .fui-Textarea__input {
    background-color: #FAFAFA;
}

[b-zfuey5pwta] .tree-container {
    background: #fafafa;
    border-radius: 14px;
    padding: 8px;
    background-color: #fafafa;
    border: 1px solid #EAEAEA;
}

[b-zfuey5pwta] .tree-content {
    height: 344px;
    overflow: auto;
    overflow-x: hidden;
}

[b-zfuey5pwta] textarea {
    overflow-y: auto;
    resize: vertical;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

[b-zfuey5pwta] textarea::-webkit-scrollbar {
    width: 0px;
    display: none;
}

[b-zfuey5pwta] .input-style {
    border-radius: 70px;
}

[b-zfuey5pwta] .input-style-secondary {
    border-radius: 70px;
    background-color: #FAFAFA;
    border-color: #EAEAEA;
}
/* _content/streamnext/Components/Pages/Entity/EntityEdit.razor.rz.scp.css */
[b-bed5kq5p34] .back-button {
    padding-right: 15px;
    cursor: pointer;
}

[b-bed5kq5p34] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-bed5kq5p34] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}

[b-bed5kq5p34] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-bed5kq5p34] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-bed5kq5p34] .menu-button-container {
    margin-left: auto;
    height: 2rem;
    width: 2rem;
    justify-content: center;
    align-items: center;
}

[b-bed5kq5p34] .tree-content .overflow-scroll-bars {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

[b-bed5kq5p34] .tree-content .overflow-scroll-bars::-webkit-scrollbar {
    display: none;
}
/* _content/streamnext/Components/Pages/Entity/EntityView.razor.rz.scp.css */
[b-09rijdmfv2] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-09rijdmfv2] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}

[b-09rijdmfv2] .panel-content-quarter-size {
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
    max-height: 15.5rem;
}

[b-09rijdmfv2] .header-wrapper {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: var(--background-color, white);
}

[b-09rijdmfv2] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-09rijdmfv2] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-09rijdmfv2] .menu-button-container {
    margin-left: auto;
    height: 2rem;
    width: 2rem;
    justify-content: center;
    align-items: center;
}

[b-09rijdmfv2] .fui-TabList::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 99%;
    height: 2px;
    background-color: #d3d3d3;
    z-index: 0;
}

[b-09rijdmfv2] .edit-icon-button#EditIconButton {
    width: 2rem;
    height: 2rem;
}

[b-09rijdmfv2] .padding-right-small {
    padding-right: 0.5rem;
}

.widget-container[b-09rijdmfv2] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;

    &.minimized {
        flex-direction: row;
    }

    &.expanded[b-09rijdmfv2] {
        flex-direction: column;
    }
}
/* _content/streamnext/Components/Pages/Framework/AssetClasses.razor.rz.scp.css */
[b-disyf044mf] .assets-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0px;
}

[b-disyf044mf] .container {
    margin-left: 0px;
    padding-right: 0px;
}

@media (min-width: 1920px) {
    [b-disyf044mf] .container {
        max-width: 100%;
    }
}

[b-disyf044mf] .left-section {
    justify-content: flex-start;
    width: 30%;
    padding: 10px;
}

[b-disyf044mf] .right-section {
    width: 100%;
    padding: 10px;
}

[b-disyf044mf] .grid-right-section {
    width: 100%;
    padding: 10px;
    height: 90%;
}

[b-disyf044mf] .bottom-left-section {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

[b-disyf044mf] .bottom-right-section {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

[b-disyf044mf] .horizontal-container {
    display: flex;
    align-items: center; /* Align items vertically centered */
    justify-content: space-between; /* Distribute items evenly with space between */
    gap: 10px; /* Optional: Add space between items */
}

[b-disyf044mf] .tree-view-container {
    width: 100%
}

[b-disyf044mf] .header-label {
    font-size: 1.188rem;
    font-weight: 600;
}

[b-disyf044mf] .heading-right-section {
    display: flex;
    margin-left: auto;
    margin-right: 0;
    justify-content: flex-end;
}

[b-disyf044mf] .main-content-height {
    justify-content: flex-start;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-disyf044mf] .highlight#AssetHighlight {
    width: auto;
}

[b-disyf044mf] .search-input#AssetSearch {
    width: auto;
}

[b-disyf044mf] .custom-node:not(.highlight, .custom-node--disabled) .custom-node-text.leaf-node {
    color: inherit; /* Black/default text color */
}

[b-disyf044mf] .custom-node:not(.highlight, .custom-node--disabled) .custom-node-text.primary-asset {
    color: var(--st-interactive); /* Blue for primary assets only */
}

[b-disyf044mf] .custom-node.highlight .custom-node-text.primary-asset {
    color: white !important; /* White for selected primary assets */
}
/* _content/streamnext/Components/Pages/Framework/ControlLibrary.razor.rz.scp.css */
:root[b-akt7xa92qj] {
    --spacing-sm: 10px;
    --border-radius-full: 50px;
}

[b-akt7xa92qj] .controls-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-sm);
}

[b-akt7xa92qj] .container {
    margin-left: 0;
    height: 100%;
    padding-right: 0;
}

@media (min-width: 1920px) {
    [b-akt7xa92qj] .container {
        max-width: 100%;
    }
}

[b-akt7xa92qj] .left-section {
    justify-content: flex-start;
    width: 30%;
    padding: var(--spacing-sm);
}

[b-akt7xa92qj] .right-section {
    width: 100%;
    padding: var(--spacing-sm);
}

[b-akt7xa92qj] .grid-right-section {
    width: 100%;
    padding: var(--spacing-sm);
    height: 90%;
}

[b-akt7xa92qj] .header-label {
    font-size: 1.188rem;
    font-weight: 600;
}

[b-akt7xa92qj] .heading-right-section {
    display: flex;
    margin-left: auto;
    margin-right: 0;
}

[b-akt7xa92qj] .button-container {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-sm);
    margin-top: var(--spacing-sm);
    align-content: flex-end;
}

[b-akt7xa92qj] .vertical-line {
    width: 1px;
    background-color: #ccc;
    margin: 0 var(--spacing-sm);
}

[b-akt7xa92qj] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-akt7xa92qj] .horizontal-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-sm);
}

[b-akt7xa92qj] .flex {
    display: flex;
    height: calc(100vh - 10rem);
    width: 100%;
}

[b-akt7xa92qj] .justify-end {
    justify-content: flex-end;
}

[b-akt7xa92qj] .menu-icon-center {
    display: flex;
    margin-right: 0.625vh;
}

[b-akt7xa92qj] .fixed-bottom-left-button {
    position: absolute;
    bottom: var(--spacing-sm);
}

[b-akt7xa92qj] .custom-column:first-child {
    border-top-left-radius: var(--border-radius-full);
    border-bottom-left-radius: var(--border-radius-full);
    padding-left: 0.5rem;
}

[b-akt7xa92qj] .custom-column:last-child {
    border-top-right-radius: var(--border-radius-full);
    border-bottom-right-radius: var(--border-radius-full);
    padding-right: 0.5rem;
}
/* _content/streamnext/Components/Pages/Framework/ControlMapping.razor.rz.scp.css */
[b-9hpbh7vgjf] .controls-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0px;
    max-height: calc(100vh - 4.6rem);
}

[b-9hpbh7vgjf] .container {
    margin-left: 0px;
    padding-right: 0px;
}

@media (min-width: 1920px) {
    [b-9hpbh7vgjf] .container {
        max-width: 100%;
    }
}

[b-9hpbh7vgjf] .left-section {
    justify-content: flex-start;
    width: 30%;
    padding: 10px;
    max-height: calc(100vh - 4.6rem);
}

[b-9hpbh7vgjf] .middle-section {
    width: 40%;
    padding: 10px;
    max-height: calc(100vh - 4.6rem);
}

[b-9hpbh7vgjf] .grid-right-section {
    width: 100%;
    height: 90%;
}

[b-9hpbh7vgjf] .heading-right-section {
    display: flex;
    margin-left: auto;
    margin-right: 0;
}

[b-9hpbh7vgjf] .button-container {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
    align-content: flex-end;
}

[b-9hpbh7vgjf] .vertical-line {
    width: 1px;
    background-color: #ccc;
    margin: 0 10px;
}

[b-9hpbh7vgjf] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-9hpbh7vgjf] .horizontal-container {
    display: flex;
    align-items: center; /* Align items vertically centered */
    justify-content: space-between; /* Distribute items evenly with space between */
    gap: 10px; /* Optional: Add space between items */
}

[b-9hpbh7vgjf] .flex {
    display: flex;
    height: calc(100vh - 10rem);
}

[b-9hpbh7vgjf] .justify-end {
    justify-content: flex-end;
}

[b-9hpbh7vgjf] .menu-icon-center {
    display: flex;
    margin-right: 0.625vh;
}

[b-9hpbh7vgjf] .fixed-bottom-left-button {
    position: absolute;
    bottom: 10px;
}

[b-9hpbh7vgjf] .header-label {
    font-size: 1.188rem;
    font-weight: 600;
}
/* _content/streamnext/Components/Pages/Framework/ControlToControlMapping.razor.rz.scp.css */
[b-fsjlz3br9m] .controls-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0px;
    max-height: calc(100vh - 4.6rem);
}

[b-fsjlz3br9m] .container {
    margin-left: 0px;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 1920px) {
    [b-fsjlz3br9m] .container {
        max-width: 100%;
    }
}

[b-fsjlz3br9m] .left-section {
    justify-content: flex-start;
    width: 30%;
    padding: 10px;
    height: 100%;
}

[b-fsjlz3br9m] .middle-section {
    width: 40%;
    padding: 10px;
}

[b-fsjlz3br9m] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-fsjlz3br9m] .grid-right-section {
    width: 100%;
    height: 100%;
}

[b-fsjlz3br9m] .heading-right-section {
    display: flex;
    margin-left: auto;
    margin-right: 0;
}

[b-fsjlz3br9m] .button-container {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
    align-content: flex-end;
}

[b-fsjlz3br9m] .vertical-line {
    width: 1px;
    background-color: #ccc;
    margin: 0 10px;
}

[b-fsjlz3br9m] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-fsjlz3br9m] .horizontal-container {
    display: flex;
    align-items: center; /* Align items vertically centered */
    justify-content: space-between; /* Distribute items evenly with space between */
    gap: 10px; /* Optional: Add space between items */
}

[b-fsjlz3br9m] .flex {
    display: flex;
    height: calc(100vh - 10rem);
}

[b-fsjlz3br9m] .justify-end {
    justify-content: flex-end;
}

[b-fsjlz3br9m] .menu-icon-center {
    display: flex;
    margin-right: 0.625vh;
}

[b-fsjlz3br9m] .fixed-bottom-left-button {
    position: absolute;
    bottom: 10px;
}

[b-fsjlz3br9m] .top-tree-container {
    height: 35%;
    padding-bottom: 2rem;
}

[b-fsjlz3br9m] .bottom-tree-container {
    height: 65%;
}

[b-fsjlz3br9m] .heading-text {
    font-weight: 600;
    font-size: large;
}

[b-fsjlz3br9m] .fs-overflow-scroll-bars {
    overflow-y: auto;
    overflow-x: auto;
    height: 85%;
}

[b-fsjlz3br9m] .header-loader-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid #E0E0E0;
    border-radius: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    min-width: 200px;
}

[b-fsjlz3br9m] .loader-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1999;
}
/* _content/streamnext/Components/Pages/Framework/ControlToThreatMapping.razor.rz.scp.css */
div[b-6xawzoiuqz] {
    height: 100%;
    max-height: var(--st-layout-content-height);
    position: relative;
}

[b-6xawzoiuqz] .splitter,
[b-6xawzoiuqz] .loader__container {
    height: calc(var(--st-layout-content-height) - 3rem);
}

[b-6xawzoiuqz] .column--side {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

[b-6xawzoiuqz] .overflow-scroll-bars {
    height: calc(100% - 2rem);
}

[b-6xawzoiuqz] .column--side > .treeview__container {
    width: 100%;
    height: 100%;
    max-height: 66%;
}
[b-6xawzoiuqz] .column--side > .treeview__container:first-child {
    max-height: 33%;
}
/* _content/streamnext/Components/Pages/Framework/FrameworkLibraryTemplate.razor.rz.scp.css */
div[b-lfxmupp2lm] {
    height: 100%;
    max-height: var(--st-layout-content-height);
    position: relative;
    --st-header-margin: 1.5rem;
    --st-content-height: calc(var(--st-layout-content-height) - 3rem - var(--st-header-margin));
}

[b-lfxmupp2lm] .splitter,
[b-lfxmupp2lm] .loader__container {
    height: var(--st-content-height);
}

[b-lfxmupp2lm] .framework-library--container {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    width: 100%;
}

[b-lfxmupp2lm] .framework-library--header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: var(--st-header-margin);
}

[b-lfxmupp2lm] .framework-library--header__heading {
    margin: 0;
    font-weight: 600;
}

[b-lfxmupp2lm] .framework-library--header__controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 0.5rem;
}

[b-lfxmupp2lm] .framework-library--content__tree-view .overflow-scroll-bars {
    height: calc(100% - 2rem);
}
/* _content/streamnext/Components/Pages/Framework/ThreatLibrary.razor.rz.scp.css */
[b-ticyhc3h8v] .controls-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0px;
    height: calc(100vh - 4.6rem);
}

[b-ticyhc3h8v] .container {
    margin-left: 0px;
    height: 100%;
    padding-right: 0px;
}

@media (min-width: 1920px) {
    [b-ticyhc3h8v] .container {
        max-width: 100%;
    }
}

[b-ticyhc3h8v] .left-section {
    justify-content: flex-start;
    width: 30%;
    padding: 10px;
}

[b-ticyhc3h8v] .right-section {
    width: 100%;
    padding: 10px;
}

[b-ticyhc3h8v] .grid-right-section {
    width: 100%;
    padding: 10px;
    height: 90%;
}

[b-ticyhc3h8v] .heading-right-section {
    display: flex;
    margin-left: auto;
    margin-right: 0;
}

[b-ticyhc3h8v] .button-container {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
    align-content: flex-end;
}

[b-ticyhc3h8v] .vertical-line {
    width: 1px;
    background-color: #ccc;
    margin: 0 10px;
}

[b-ticyhc3h8v] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-ticyhc3h8v] .horizontal-container {
    display: flex;
    align-items: center; /* Align items vertically centered */
    justify-content: space-between; /* Distribute items evenly with space between */
    gap: 10px; /* Optional: Add space between items */
}

[b-ticyhc3h8v] .flex {
    display: flex;
    height: calc(100vh - 8.5rem);
}

[b-ticyhc3h8v] .justify-end {
    justify-content: flex-end;
}

[b-ticyhc3h8v] .menu-icon-center {
    display: flex;
    margin-right: 0.625vh;
}

[b-ticyhc3h8v] .fixed-bottom-left-button {
    position: absolute;
    bottom: 0.625rem;
}

[b-ticyhc3h8v] .modal-button-secondary {
    width: 100%;
}

[b-ticyhc3h8v] .custom-node:not(.highlight, .custom-node--disabled) .custom-node-text.leaf-node {
    color: inherit;
}

[b-ticyhc3h8v] tbody tr[style*="background:#142834"] .fui-TableCell {
    color: white;
}

[b-ticyhc3h8v] tbody tr[style*="background:#142834"] .fui-TableCell[data-caption="Name"] {
    color: white;
}

[b-ticyhc3h8v] tbody tr[style*="background:#142834"] .fui-TableCell[data-caption="Reference"] {
    color: white;
}

[b-ticyhc3h8v] tbody tr[style*="background:#142834"] .fui-TableCell[data-caption="Description"] {
    color: white;
}
/* _content/streamnext/Components/Pages/Framework/ThreatMapping.razor.rz.scp.css */
[b-p5c1vq474v] .controls-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0px;
    max-height: calc(100vh - 4.6rem);
}

[b-p5c1vq474v] .container {
    margin-left: 0px;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 1920px) {
    [b-p5c1vq474v] .container {
        max-width: 100%;
    }
}

[b-p5c1vq474v] .left-section {
    justify-content: flex-start;
    width: 30%;
    padding: 10px;
}

[b-p5c1vq474v] .middle-section {
    width: 40%;
    padding: 10px;
}

[b-p5c1vq474v] .grid-right-section {
    width: 100%;
    height: 90%;
}

[b-p5c1vq474v] .heading-right-section {
    display: flex;
    margin-left: auto;
    margin-right: 0;
}

[b-p5c1vq474v] .button-container {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
    align-content: flex-end;
}

[b-p5c1vq474v] .vertical-line {
    width: 1px;
    background-color: #ccc;
    margin: 0 10px;
}

[b-p5c1vq474v] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-p5c1vq474v] .horizontal-container {
    display: flex;
    align-items: center; /* Align items vertically centered */
    justify-content: space-between; /* Distribute items evenly with space between */
    gap: 10px; /* Optional: Add space between items */
}

[b-p5c1vq474v] .flex {
    display: flex;
    height: calc(100vh - 10rem);
}

[b-p5c1vq474v] .justify-end {
    justify-content: flex-end;
}

[b-p5c1vq474v] .menu-icon-center {
    display: flex;
    margin-right: 0.625vh;
}

[b-p5c1vq474v] .fixed-bottom-left-button {
    position: absolute;
    bottom: 10px;
}

[b-p5c1vq474v] .heading-text {
    font-weight: 600;
    font-size: large;
}
/* _content/streamnext/Components/Pages/Framework/ThreatToControlMapping.razor.rz.scp.css */
[b-ely32f1vtc] .controls-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0px;
    max-height: calc(100vh - 4.6rem);
}

[b-ely32f1vtc] .container {
    margin-left: 0px;
    padding-right: 0px;
    height: 100%;
}

@media (min-width: 1920px) {
    [b-ely32f1vtc] .container {
        max-width: 100%;
    }
}

[b-ely32f1vtc] .left-section {
    justify-content: flex-start;
    width: 30%;
    padding: 10px;
    height: 100%;
}

[b-ely32f1vtc] .middle-section {
    width: 40%;
    padding: 10px;
}

[b-ely32f1vtc] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-ely32f1vtc] .grid-right-section {
    width: 100%;
    height: 100%;
}

[b-ely32f1vtc] .heading-right-section {
    display: flex;
    margin-left: auto;
    margin-right: 0;
}

[b-ely32f1vtc] .button-container {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
    align-content: flex-end;
}

[b-ely32f1vtc] .vertical-line {
    width: 1px;
    background-color: #ccc;
    margin: 0 10px;
}

[b-ely32f1vtc] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-ely32f1vtc] .horizontal-container {
    display: flex;
    align-items: center; /* Align items vertically centered */
    justify-content: space-between; /* Distribute items evenly with space between */
    gap: 10px; /* Optional: Add space between items */
}

[b-ely32f1vtc] .flex {
    display: flex;
    height: calc(100vh - 10rem);
}

[b-ely32f1vtc] .justify-end {
    justify-content: flex-end;
}

[b-ely32f1vtc] .menu-icon-center {
    display: flex;
    margin-right: 0.625vh;
}

[b-ely32f1vtc] .fixed-bottom-left-button {
    position: absolute;
    bottom: 10px;
}

[b-ely32f1vtc] .top-tree-container {
    height: 35%;
    padding-bottom: 2rem;
}

[b-ely32f1vtc] .bottom-tree-container {
    height: 65%;
}

[b-ely32f1vtc] .heading-text {
    font-weight: 600;
    font-size: large;
}
/* _content/streamnext/Components/Pages/GroupManagement.razor.rz.scp.css */
.page-header[b-3tazhkb9wp] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.page-title[b-3tazhkb9wp] {
    margin-bottom: 0;
    margin-right: 1rem;
}

.tab-buttons[b-3tazhkb9wp] {
    display: flex;
    gap: 0.5rem;
}

[b-3tazhkb9wp] .tab-buttons .btn {
    display: inline-block;
}

.user-management-datagrid[b-3tazhkb9wp] {
    max-width: 1200px;
    margin: 0;
    padding: 0 1rem;
}

[b-3tazhkb9wp] .user-management-datagrid .stream-super-grid,
[b-3tazhkb9wp] .user-management-datagrid .blazorise-datagrid {
    max-width: 100%;
    width: 100%;
}

[b-3tazhkb9wp] .user-management-datagrid .table-responsive {
    max-width: 100%;
    overflow-x: auto;
}

[b-3tazhkb9wp] .user-management-datagrid .table {
    width: 100%;
    table-layout: auto;
}
/* _content/streamnext/Components/Pages/HomeWIP.razor.rz.scp.css */
.home-container[b-6taxivsxhp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

[b-6taxivsxhp] .home-datagrid form {
    min-height: auto !important;
}

.dashboard-content[b-6taxivsxhp] {
    margin-top: 1rem;
}

[b-6taxivsxhp] .custom-filter-tree-container {
    min-width: 220px;
    max-width: 300px;
}
/* _content/streamnext/Components/Pages/Landing.razor.rz.scp.css */
[b-fqle0mrr9a] .landing-page {
    background: url('/images/Acuity_SignIn_Logo.png') no-repeat center center;
    background-size: contain;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

[b-fqle0mrr9a] .logo-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

[b-fqle0mrr9a] .logo-image {
    height: auto;
    max-width: 400px;
    object-fit: contain;
}

[b-fqle0mrr9a] .login-container {
    background-color: white;
    width: 400px;
    padding: 20px;
    border-radius: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
}

[b-fqle0mrr9a] .error-container {
    background-color: #FEEBA4;
    width: 400px;
    padding: 20px;
    border-radius: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
}

[b-fqle0mrr9a] .providers {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

[b-fqle0mrr9a] .provider-button {
    margin: 10px;
    padding: 10px 20px;
    font-size: 16px;
    background-color: #0078d4;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    [b-fqle0mrr9a] .provider-button:hover {
        background-color: #005a9e;
    }

[b-fqle0mrr9a] h1, [b-fqle0mrr9a] h2 {
    margin-bottom: 15px;
    color: #142834;
    text-align: center;
}

[b-fqle0mrr9a] h1 {
    font-size: 1.2rem;
    font-weight: 600;
}

[b-fqle0mrr9a] h2 {
    font-size: 1rem;
    font-weight: 400;
}

[b-fqle0mrr9a] button.fui-Button {
    background-color: #142834;
    width: 100%;
    max-width: 400px;
    height: 45px;
    font-size: 14px;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s;
}

[b-fqle0mrr9a] .stream-button-icon img {
    max-height: 20px;
    width: auto;
    vertical-align: middle;
}

[b-fqle0mrr9a] .signup-text {
    margin-top: 20px;
    font-size: 0.8rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-fqle0mrr9a] .signup-link {
    color: #286055;
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
}

    [b-fqle0mrr9a] .signup-link:hover {
        text-decoration: underline;
    }
/* _content/streamnext/Components/Pages/ObjectLinkSettings.razor.rz.scp.css */
[b-5i33yw4ig4] .invalid-link {
    opacity: 0.5;
    color: #6c757d;
}

[b-5i33yw4ig4] .invalid-link .custom-node__text {
    color: #6c757d;
}

[b-5i33yw4ig4] .invalid-link .custom-node__icon {
    opacity: 0.5;
}
/* _content/streamnext/Components/Pages/Records.razor.rz.scp.css */
.widget-container[b-z5rcek8ept] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

    .widget-container.minimized[b-z5rcek8ept] {
        flex-direction: row;
    }

    .widget-container.expanded[b-z5rcek8ept] {
        flex-direction: column;
    }

    .widget-container > div[b-z5rcek8ept] {
        flex: 1 1 100%;
        width: 100%;
    }
/* _content/streamnext/Components/Pages/Register/RegisterDetail.razor.rz.scp.css */
[b-bur927sc5a] .assignment-text-color {
    color: var(--st-interactive);
}

[b-bur927sc5a] .select-container-secondary {
    background: #FAFAFA;
    border-color: #EAEAEA;
}

[b-bur927sc5a] .fui-Textarea .fui-Textarea__input {
    background-color: #FAFAFA;
    height: initial;
}

[b-bur927sc5a] .tree-container {
    background: #fafafa;
    border-radius: 14px;
    padding: 8px;
    background-color: #fafafa;
    border: 1px solid #EAEAEA;
}

[b-bur927sc5a] .tree-content {
    height: 344px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

[b-bur927sc5a] textarea {
    overflow-y: auto;
    resize: vertical;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

[b-bur927sc5a] textarea::-webkit-scrollbar {
    width: 0px;
    display: none;
}

[b-bur927sc5a] .input-style {
    border-radius: 70px;
}

[b-bur927sc5a] .textarea-name {
    min-height: 60px;
    background-color: #FAFAFA;
    border-color: #EAEAEA;
    border-radius: 14px;
}

[b-bur927sc5a] .textarea-description {
    min-height: 100px;
    background-color: #FAFAFA;
    border-color: #EAEAEA;
    border-radius: 14px;
}
/* _content/streamnext/Components/Pages/Register/RegisterEdit.razor.rz.scp.css */
[b-6sud2zgvm7] .back-button {
    padding-right: 15px;
    cursor: pointer;
}

[b-6sud2zgvm7] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-6sud2zgvm7] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}

[b-6sud2zgvm7] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-6sud2zgvm7] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-6sud2zgvm7] .menu-button-container {
    margin-left: auto;
    height: 2rem;
    width: 2rem;
    justify-content: center;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Register/RegisterLinkedWidgets.razor.rz.scp.css */
.widget-container[b-v4imyts1y7] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    &.minimized

{
    flex-direction: row;
}

&.expanded[b-v4imyts1y7] {
    flex-direction: column;
}
}
/* _content/streamnext/Components/Pages/Register/RegisterView.razor.rz.scp.css */
[b-g2ivds5frt] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-g2ivds5frt] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}

[b-g2ivds5frt] .panel-content-quarter-size {
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
    max-height: 15.5rem;
}

[b-g2ivds5frt] .header-wrapper {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: var(--background-color, white);
}

[b-g2ivds5frt] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-g2ivds5frt] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-g2ivds5frt] .menu-button-container {
    margin-left: auto;
    height: 2rem;
    width: 2rem;
    justify-content: center;
    align-items: center;
}

[b-g2ivds5frt] .fui-TabList::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 99%;
    height: 2px;
    background-color: #d3d3d3;
    z-index: 0;
}

[b-g2ivds5frt] .edit-icon-button#EditIconButton {
    width: 2rem;
    height: 2rem;
}

[b-g2ivds5frt] .padding-right-small {
    padding-right: 0.5rem;
}

/* _content/streamnext/Components/Pages/Reports/ActionReport.razor.rz.scp.css */
[b-05r2f18bci] .drop-down-container {
    width: 28%;
}

[b-05r2f18bci] .left-tree-section {
    padding-bottom: 1rem;
}

[b-05r2f18bci] .left-bottom-button-container {
    display: flex;
    height: 8%;
    justify-content: center;
    align-items: center;
}

[b-05r2f18bci] .heading-text {
    font-weight: bold;
}
/* _content/streamnext/Components/Pages/Reports/ActionReportWidget.razor.rz.scp.css */
.chart-container[b-kzitp7n6z1] {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Reports/ControlHistoryReport.razor.rz.scp.css */
[b-nizx7jia4d] .title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #142834;
}

[b-nizx7jia4d] .date-text {
    width: 40px;
    text-align: left;
}

[b-nizx7jia4d] .right-section {
    padding-bottom: 1rem !important;
}

[b-nizx7jia4d] .left-section {
    padding-bottom: 1rem !important;
}
/* _content/streamnext/Components/Pages/Reports/ControlHistoryReportWidget.razor.rz.scp.css */
.chart-container[b-gi516ej22s] {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Reports/ControlImprovementPriorityReport.razor.rz.scp.css */
[b-i7d4ryk283] .value-green {
    color: #007012;
}

[b-i7d4ryk283] .value-amber {
    color: #F0B724;
}

[b-i7d4ryk283] .value-red {
    color: #C15757;
}

[b-i7d4ryk283] .heading-text {
    font-weight: bold;
}

[b-i7d4ryk283] .left-top-tree-section {
    height: 47%;
    padding-bottom: 2rem;
}

[b-i7d4ryk283] .left-bottom-tree-section {
    height: 47%;
}

[b-i7d4ryk283] .left-bottom-button-container {
    display: flex;
    height: 8%;
    justify-content: center;
    align-items: center;
}

[b-i7d4ryk283] .data-grid-container {
    padding: 1rem;
    max-height: 46rem;
    overflow: auto;
}

[b-i7d4ryk283] .no-item-text-container {
    display: flex;
    justify-content: center;
}

[b-i7d4ryk283] .no-item-text {
    font-size: x-large;
    font-weight: bold;
}

/* Report table container */
[b-i7d4ryk283] .report-table-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Scrollable content area */
[b-i7d4ryk283] .report-table-scrollable {
    flex: 1;
    overflow-y: auto;
    overflow-x: auto;
    position: relative;
}

/* Fixed footer for pagination */
[b-i7d4ryk283] .report-table-footer {
    flex-shrink: 0;
    background: white;
    border-top: 1px solid #dee2e6;
    padding: 0.5rem 0;
}

/* Ensure DataGrid header is completely fixed and doesn't move */
[b-i7d4ryk283] .fui-TableHeader,
[b-i7d4ryk283] thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    background: white !important;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1) !important;
}

/* Ensure pagination footer is fixed at bottom */
[b-i7d4ryk283] .stream-pagination-container {
    position: relative !important;
    background: white !important;
}
/* _content/streamnext/Components/Pages/Reports/ControlImprovementPriorityReportWidget.razor.rz.scp.css */
[b-k2x9fmztbt] .report-widget {
    height: 300px;
    /*overflow-y: auto;*/
}

.page-controls[b-k2x9fmztbt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
    gap: 10px;
}
/* _content/streamnext/Components/Pages/Reports/ControlStatusReport.razor.rz.scp.css */
[b-ri29be86xk] .value-green {
    color: #007012;
}

[b-ri29be86xk] .value-amber {
    color: #F0B724;
}

[b-ri29be86xk] .value-red {
    color: #C15757;
}

[b-ri29be86xk] .value-grey {
    color: #808080;
}

[b-ri29be86xk] .left-top-tree-section {
    height: 47%;
    padding-bottom: 2rem;
}

[b-ri29be86xk] .left-bottom-tree-section {
    height: 47%;
}

[b-ri29be86xk] .data-grid-container {
    padding: 1rem;
    max-height: 46rem;
    overflow: auto;
}

[b-ri29be86xk] .heading-text {
    font-weight: bold;
}

[b-ri29be86xk] .left-bottom-button-container {
    display: flex;
    height: 8%;
    justify-content: center;
    align-items: center;
}

[b-ri29be86xk] .no-item-text-container {
    display: flex;
    justify-content: center;
}

[b-ri29be86xk] .no-item-text {
    font-size: x-large;
    font-weight: bold;
}

/* Report table container */
[b-ri29be86xk] .report-table-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Scrollable content area */
[b-ri29be86xk] .report-table-scrollable {
    flex: 1;
    overflow-y: auto;
    overflow-x: auto;
    position: relative;
}

/* Fixed footer for pagination */
[b-ri29be86xk] .report-table-footer {
    flex-shrink: 0;
    background: white;
    border-top: 1px solid #dee2e6;
    padding: 0.5rem 0;
}

/* Ensure DataGrid header is completely fixed and doesn't move */
[b-ri29be86xk] .fui-TableHeader,
[b-ri29be86xk] thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    background: white !important;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1) !important;
}

/* Ensure pagination footer is fixed at bottom */
[b-ri29be86xk] .stream-pagination-container {
    position: relative !important;
    background: white !important;
}
/* _content/streamnext/Components/Pages/Reports/ControlStatusReportWidget.razor.rz.scp.css */
[b-jj263mnv6b] .report-widget {
    height: 300px;
    /*overflow-y: auto;*/
}

.page-controls[b-jj263mnv6b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
    gap: 10px;
}
/* _content/streamnext/Components/Pages/Reports/ControlSummaryReport.razor.rz.scp.css */
[b-e75v6fevcs] .top-container {
    justify-content: right;
}

[b-e75v6fevcs] .heading-text {
    font-weight: bold;
}

[b-e75v6fevcs] .left-top-tree-section {
    height: 47%;
    padding-bottom: 2rem;
}

[b-e75v6fevcs] .left-bottom-tree-section {
    height: 47%;
}

[b-e75v6fevcs] .left-bottom-button-container {
    display: flex;
    height: 8%;
    justify-content: center;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Reports/ControlSummaryReportWidget.razor.rz.scp.css */
.chart-container[b-wviexhw7s2] {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Reports/EntitiesReport.razor.rz.scp.css */
[b-m2fwisj4hh] .drop-down-button {
    width: 20rem;
    height: 3rem;
    border-radius: 1rem;
}

[b-m2fwisj4hh] .treeview-container {
    position: absolute;
    margin-top: 1rem;
    top: 100%;
    left: 0;
    z-index: 9999999999;
    width: 28%;
    background-color: white;
    border-radius: 25px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

[b-m2fwisj4hh] .button-wrapper {
    display: flex;
}

[b-m2fwisj4hh] .select-event-container {
    position: relative;
}

[b-m2fwisj4hh] .heading-text {
    font-weight: bold;
}
/* _content/streamnext/Components/Pages/Reports/EntitiesReportWidget.razor.rz.scp.css */
.chart-container[b-9fnfxalxjf] {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Reports/EntityHistoryReport.razor.rz.scp.css */
/* _content/streamnext/Components/Pages/Reports/EntityHistoryReportWidget.razor.rz.scp.css */
.chart-container[b-w03bi8lr2e] {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Reports/LossExceedanceReport.razor.rz.scp.css */
[b-jj87bml0ku] .data-grid-container {
    max-height: 50vh;
}
/* _content/streamnext/Components/Pages/Reports/LossExceedanceReportWidget.razor.rz.scp.css */
.chart-container[b-nveopg7me0] {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Reports/ReportDashboard.razor.rz.scp.css */
[b-sowlh8yklz] .page-container {
    background: #f7f7f7;
    min-height: 100vh;
    width: 100%;
}

[b-sowlh8yklz] .dashboard-container {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: #f7f7f7;
    min-height: 100vh;
}

[b-sowlh8yklz] .dashboard-content {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    column-gap: 2rem;
}

[b-sowlh8yklz] .widget-card {
    background: #f7f7f7;
    border-radius: 8px;
    height: auto;
    min-height: 400px;
    display: flex;
    flex-direction: column;
}

    [b-sowlh8yklz] .widget-card .fs-max-width {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    [b-sowlh8yklz] .widget-card .stream-widget {
        height: 100%;
        display: flex;
        flex-direction: column;
        background: transparent;
        flex: 1;
    }

    [b-sowlh8yklz] .widget-card .widget-header {
        margin-bottom: 20px;
        padding-bottom: 12px;
        border-bottom: 2px solid #f1f5f9;
    }

    [b-sowlh8yklz] .widget-card .widget-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    [b-sowlh8yklz] .widget-card .chart-controls {
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
    }

    [b-sowlh8yklz] .widget-card .chart-container {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 200px;
        position: relative;
    }

    [b-sowlh8yklz] .widget-card .apexcharts-canvas {
        margin: 0 auto;
        max-height: 240px;
        width: 100%;
    }

    [b-sowlh8yklz] .widget-card .chart-legend {
        margin-top: 16px;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        padding-top: 16px;
    }

    [b-sowlh8yklz] .widget-card .legend-item {
        display: flex;
        align-items: center;
        margin-right: 16px;
        margin-bottom: 4px;
        font-size: 13px;
        color: #4b5563;
        font-weight: 500;
    }

    [b-sowlh8yklz] .widget-card .legend-color {
        width: 14px;
        height: 14px;
        border-radius: 3px;
        margin-right: 8px;
        flex-shrink: 0;
    }

    [b-sowlh8yklz] .widget-card .number-label {
        text-align: center;
        font-size: 14px;
        color: #6b7280;
        margin-top: 8px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    /* Loading and error states */
    [b-sowlh8yklz] .widget-card .loading-spinner,
    [b-sowlh8yklz] .widget-card .no-data-message {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 200px;
        color: #6b7280;
        font-size: 14px;
        gap: 12px;
    }

        [b-sowlh8yklz] .widget-card .loading-spinner::before {
            content: '';
            width: 32px;
            height: 32px;
            border: 3px solid #e5e7eb;
            border-top: 3px solid #3b82f6;
            border-radius: 50%;
            animation: spin-b-sowlh8yklz 1s linear infinite;
        }

@keyframes spin-b-sowlh8yklz {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 1200px) {
    [b-sowlh8yklz] .dashboard-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    [b-sowlh8yklz] .dashboard-content {
        grid-template-columns: 1fr;
    }

    [b-sowlh8yklz] .widget-card {
        min-height: 350px;
    }
}
/* _content/streamnext/Components/Pages/Reports/ResidualRiskSummaryReport.razor.rz.scp.css */
[b-c1x02vbnko] .title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #142834;
}
/* _content/streamnext/Components/Pages/Reports/ResidualRiskSummaryReportWidget.razor.rz.scp.css */
.chart-container[b-cdhmsy5esv] {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Reports/RiskHeatMapReport.razor.rz.scp.css */
[b-9wj1w36n5l] .transition-lines-container {
    padding-left: 1rem;
}

[b-9wj1w36n5l] .drop-down-container {
    display: flex;
    width: 100%; /* Change from 20% to 100% for full container width */
    padding-bottom: 1rem;
    align-items: baseline;
}

[b-9wj1w36n5l] .drop-downs-vertical {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-9wj1w36n5l] .heatmap-drop-downs-vertical {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 28%;
}

[b-9wj1w36n5l] .drop-down-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

[b-9wj1w36n5l] .drop-down-text-container {
    flex: 0 0 120px; /* Fixed width for all text containers */
    padding-right: 0.5rem;
}

[b-9wj1w36n5l] .drop-down-select-container {
    width: inherit;
}
/* _content/streamnext/Components/Pages/Reports/RiskHeatMapReportWidget.razor.rz.scp.css */
[b-pb2g03a6o4] .transition-lines-container {
    padding-left: 1rem;
}

[b-pb2g03a6o4] .drop-down-container {
    display: flex;
    width: 100%; /* Change from 20% to 100% for full container width */
    padding-bottom: 1rem;
    align-items: baseline;
}

[b-pb2g03a6o4] .drop-downs-vertical {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-pb2g03a6o4] .heatmap-drop-downs-vertical {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 28%;
}

[b-pb2g03a6o4] .drop-down-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

[b-pb2g03a6o4] .drop-down-text-container {
    flex: 0 0 120px; /* Fixed width for all text containers */
    padding-right: 0.5rem;
}

[b-pb2g03a6o4] .drop-down-select-container {
    width: inherit;
}
/* _content/streamnext/Components/Pages/Reports/RiskHistoryReport.razor.rz.scp.css */
[b-trf1489t7m] .title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #142834;
}
/* _content/streamnext/Components/Pages/Reports/RiskHistoryReportWidget.razor.rz.scp.css */
.chart-container[b-eoi5pdkf3o] {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Reports/TopTenRisksReport.razor.rz.scp.css */
[b-16ybxfv3lp] .title {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #142834;
}
/* _content/streamnext/Components/Pages/Reports/TopTenRisksReportWidget.razor.rz.scp.css */
.chart-container[b-hh5hhucp1p] {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Risks.razor.rz.scp.css */
[b-6e6qo6rwyb] .accepted-class {
	color: #007012;
}

[b-6e6qo6rwyb] .not-accepted-class {
	color: #C15757;
}

[b-6e6qo6rwyb] .fui-Display-inline-flex {
	color: #555555;
	font-weight: 600;
	font-size: 14px;
}

[b-6e6qo6rwyb] .fui-TableCell[data-caption="Risk"] {
	color: var(--st-interactive);
	max-width: 500px;
}

[b-6e6qo6rwyb] tbody tr[style*="background:#142834"] .fui-TableCell[data-caption="Risk"] {
	color: white;
}

[b-6e6qo6rwyb] tbody tr[style*="background:#142834"] .accepted-class {
	color: white;
}

[b-6e6qo6rwyb] tbody tr[style*="background:#142834"] .not-accepted-class {
	color: white;
}

[b-6e6qo6rwyb] .breadcrumb-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	position: relative;
	width: 100%;
}

[b-6e6qo6rwyb] .breadcrumb-container>div {
	display: flex;
	align-items: center;
	gap: 5px;
	position: relative;
}

[b-6e6qo6rwyb] .breadcrumb-button {
	border: none;
	background: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: inherit;
	cursor: pointer;
	color: #14131D;
	line-height: 1;
}

[b-6e6qo6rwyb] .breadcrumb-button.last-breadcrumb {
	color: #286055;
}

[b-6e6qo6rwyb] .breadcrumb-arrow {
	display: flex;
	align-items: center;
	cursor: pointer;
}

[b-6e6qo6rwyb] .acuity-arrow-icon {
	background-image: url('/images/Icons/AcuityArrow.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

[b-6e6qo6rwyb] .treeview-container {
	position: absolute;
	top: 100%;
	left: 0;
	padding: 10px;
	width: fit-content;
	margin-top: 10px;
	z-index: 100;
	min-width: 15vw;
}

[b-6e6qo6rwyb] .treeview-container .overflow-scroll-bars {
	max-height: 40vh;
	overflow-y: auto;
}

[b-6e6qo6rwyb] .treeview-container .custom-treeview-container-primary {
	overflow-y: visible;
}

[b-6e6qo6rwyb] .treeview-container .custom-treeview-container {
	max-height: none;
	overflow-y: visible;
}

/*::deep .custom-node-children {
	max-height: 20vw;
}*/
[b-6e6qo6rwyb] .b-layout {
	overflow: hidden;
	max-height: 100vh;
}

[b-6e6qo6rwyb] .b-layout-header {
	order: 0;
}

[b-6e6qo6rwyb] .b-layout-content {
	overflow: hidden;
	order: 1;
	max-height: calc(100vh - 60px);
}

[b-6e6qo6rwyb] article.content {
	display: flex;
	flex-direction: column;
	max-height: 100%;
}

[b-6e6qo6rwyb] .fui-Table-responsive {
	height: calc(100vh - 380px);
	max-height: calc(100vh - 380px);
	overflow: scroll;
}

.risk-datagrid[b-6e6qo6rwyb] {
	height: auto;
	max-height: calc(100vh - 132px);
	overflow-y: hidden;
}

.risk-datagrid>div[b-6e6qo6rwyb] {
	height: 100%;
	max-height: inherit;
	display: flex;
	flex-direction: column;
}

.risk-datagrid>div>div[b-6e6qo6rwyb] {
	height: 100%;
	max-height: inherit;
	display: flex;
	flex-direction: column;
}

.risk-datagrid>div>div.fs-justify-content-end[b-6e6qo6rwyb] {
	height: unset;
	display: unset;
	flex-direction: unset;
}

.risk-datagrid>div>div>form[b-6e6qo6rwyb] {
	order: 0;
	flex: 1;
	max-height: calc(100% - 50px);
}

[b-6e6qo6rwyb] .grid-pagination-wrapper {
	order: 1;
	height: auto;
}

[b-6e6qo6rwyb] .custom-pagination-container {
	width: 100%;
	position: unset;
}

[b-6e6qo6rwyb] .data_grid {
	max-height: calc(100vh - 250px);
	overflow-y: auto;
}

[b-6e6qo6rwyb] .fui-select {
	display: none;
}

.metrics-wrapper[b-6e6qo6rwyb] {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 10px;
}

[b-6e6qo6rwyb] .metrics-container {
	display: flex;
	background: #f7f7f7;
	padding: 8px;
	min-height: 60px;
}

[b-6e6qo6rwyb] .metrics-left-side {
	display: flex;
	flex: 3;
	gap: 0.2rem;
}

[b-6e6qo6rwyb] .metrics-right-side {
	display: flex;
	flex: 2;
	align-items: center;
}

[b-6e6qo6rwyb] .data-group,
[b-6e6qo6rwyb] .metrics-group {
	flex: 1;
	min-width: 0;
	padding: 0 1px;
}

[b-6e6qo6rwyb] .header-item {
	font-size: 0.8rem;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #555555;
	padding: 0 2px;
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
}

[b-6e6qo6rwyb] .metrics-group {
	flex: 1;
	min-width: 0;
	padding: 0 1px;
	text-align: center;
}

[b-6e6qo6rwyb] .metrics-value {
	font-size: 0.8rem;
	font-weight: 600;
	color: #333;
	text-align: center;
	display: block;
	width: 100%;
}

[b-6e6qo6rwyb] .data-row {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0 2px;
}

[b-6e6qo6rwyb] .data-item {
	font-size: 0.9rem;
	text-align: center;
	cursor: pointer;
	padding: 0;
	margin: 0 8px;
	min-width: 0;
	flex: 0 0 auto;
}

[b-6e6qo6rwyb] .data-item.green {
	color: #007012;
}

[b-6e6qo6rwyb] .data-item.amber {
	color: #F0B724;
}

[b-6e6qo6rwyb] .data-item.red {
	color: #C15757;
}

[b-6e6qo6rwyb] .data-item.blue {
	color: var(--st-interactive);
}

[b-6e6qo6rwyb] .data-grid-item.green {
	color: #007012;
}

[b-6e6qo6rwyb] .data-item.custom {
	color: #6c757d;
}

[b-6e6qo6rwyb] .data-grid-item.amber {
	color: #F0B724;
}

[b-6e6qo6rwyb] .data-grid-item.red {
	color: #C15757;
}

[b-6e6qo6rwyb] .data-grid-item.blue {
	color: var(--st-interactive);
}

[b-6e6qo6rwyb] .data-grid-item.custom {
	color: #6c757d;
}

	[b-6e6qo6rwyb] tbody tr[style*="background:#142834"] .fui-TableCell[data-caption="Next Accept"],
	[b-6e6qo6rwyb] tbody tr[style*="background:#142834"] .fui-TableCell[data-caption="NextAssess"] {
		color: white;
	}

[b-6e6qo6rwyb] tbody tr[style*="background:#142834"] .data-grid-item.red,
[b-6e6qo6rwyb] tbody tr[style*="background:#142834"] .data-grid-item.amber,
[b-6e6qo6rwyb] tbody tr[style*="background:#142834"] .data-grid-item.green,
[b-6e6qo6rwyb] tbody tr[style*="background:#142834"] .data-grid-item.blue {
	color: white;
}

[b-6e6qo6rwyb] .data-item.green.selected {
	border: 2px solid #007012;
	border-radius: 50%;
	background-color: #007012;
	color: white;
	padding: 0.2rem 0.5rem;
	margin-top: -0.05rem;
}

[b-6e6qo6rwyb] .data-item.amber.selected {
	border: 2px solid #F0B724;
	border-radius: 50%;
	background-color: #F0B724;
	color: white;
	padding: 0.2rem 0.5rem;
	margin-top: -0.05rem;
}

[b-6e6qo6rwyb] .data-item.red.selected {
	border: 2px solid #C15757;
	border-radius: 50%;
	background-color: #C15757;
	color: white;
	padding: 0.2rem 0.5rem;
	margin-top: -0.05rem;
}

[b-6e6qo6rwyb] .data-item.blue.selected {
	border: 2px solid var(--st-interactive);
	border-radius: 50%;
	background-color: var(--st-interactive);
	color: white;
	padding: 0.2rem 0.5rem;
	margin-top: -0.05rem;
}

[b-6e6qo6rwyb] .data-item.custom.selected {
	border: 2px solid #6c757d;
	border-radius: 50%;
	background-color: #6c757d;
	color: white;
	padding: 0.2rem 0.5rem;
	margin-top: -0.05rem;
}

[b-6e6qo6rwyb] .text-wrap-ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
/* _content/streamnext/Components/Pages/Risk/RiskCreate.razor.rz.scp.css */
[b-0ttxie4gw3] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-0ttxie4gw3] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}
/* _content/streamnext/Components/Pages/Risk/RiskDetail.razor.rz.scp.css */
[b-b80al6586h] .date-text-color {
    color: #BA4040;
}

[b-b80al6586h] .assignment-text-color {
    color: var(--st-interactive);
}

[b-b80al6586h] .select-container-secondary {
    background: #FAFAFA;
    border-color: #EAEAEA;
}

[b-b80al6586h] .fui-Textarea .fui-Textarea__input {
    background-color: #FAFAFA;
}

[b-b80al6586h] .tree-container {
    background: #fafafa;
    border-radius: 14px;
    padding: 8px;
    background-color: #fafafa;
    border: 1px solid #EAEAEA;
}

[b-b80al6586h] .tree-content {
    height: 344px;
    overflow: auto;
    overflow-x: hidden;
}

[b-b80al6586h] textarea {
    overflow-y: auto;
    resize: vertical;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    [b-b80al6586h] textarea::-webkit-scrollbar {
        width: 0px;
        display: none;
    }

[b-b80al6586h] .input-style {
    border-radius: 70px;
}

[b-b80al6586h] .tree-content .overflow-scroll-bars {
    overflow: hidden;
}

[b-b80al6586h] .fui-Select__select {
    background-color: #FAFAFA;
    border-color: #EAEAEA;
    border-radius: 14px;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
}

    [b-b80al6586h] .fui-Select__select:focus {
        border-color: #EAEAEA;
        outline: none;
    }

[b-b80al6586h] .select-container {
    width: 100%;
}

[b-b80al6586h] .textarea-description {
    min-height: 100px;
    background-color: #FAFAFA;
    border-color: #EAEAEA;
    border-radius: 14px;
}
/* _content/streamnext/Components/Pages/Risk/RiskEdit.razor.rz.scp.css */
[b-lo32qzjroq] .back-button {
    padding-right: 15px;
    cursor: pointer;
}

[b-lo32qzjroq] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-lo32qzjroq] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}

[b-lo32qzjroq] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-lo32qzjroq] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-lo32qzjroq] .menu-button-container {
    margin-left: auto;
    height: 2rem;
    width: 2rem;
    justify-content: center;
    align-items: center;
}
/* _content/streamnext/Components/Pages/Risk/RiskView.razor.rz.scp.css */
[b-ai7d76gu2x] .panel-container {
    padding: 16px 24px 16px 24px;
    border-radius: 26px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #FF7600;
    background: white;
    margin-bottom: 24px;
}

[b-ai7d76gu2x] .panel-content {
    height: 70vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
}

[b-ai7d76gu2x] .panel-content-quarter-size {
    overflow: auto;
    overflow-x: hidden;
    padding: 8px;
    max-height: 16rem;
    min-height: 5rem;
}

[b-ai7d76gu2x] .right-section {
    width: 30%;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-ai7d76gu2x] .menu-item-button {
    width: fit-content;
    height: fit-content;
    justify-content: end;
    align-self: end;
}

[b-ai7d76gu2x] .menu-button-container {
    margin-left: auto;
    height: 2rem;
    width: 2rem;
    justify-content: center;
    align-items: center;
}

[b-ai7d76gu2x] .fui-TabList::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 99%;
    height: 2px;
    background-color: #d3d3d3;
    z-index: 0;
}

[b-ai7d76gu2x] .edit-icon-button#EditIconButton {
    width: 2rem;
    height: 2rem;
}

[b-ai7d76gu2x] .padding-right-small {
    padding-right: 0.5rem;
}

.widget-container[b-ai7d76gu2x] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

    .widget-container.minimized[b-ai7d76gu2x] {
        flex-direction: row;
    }

    .widget-container.expanded[b-ai7d76gu2x] {
        flex-direction: column;
    }

[b-ai7d76gu2x] .header-wrapper {
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: var(--background-color, white);
}
/* _content/streamnext/Components/Pages/Scope/EnterpriseTree.razor.rz.scp.css */
[b-70afm6196h] .enterprisetree-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0px;
}

[b-70afm6196h] .container {
    margin-left: 0px;
    padding-right: 0px;
}

@media (min-width: 1920px) {
    [b-70afm6196h] .container {
        max-width: 100%;
    }
}

[b-70afm6196h] .left-section {
    justify-content: flex-start;
    width: 30%;
    padding: 10px;
}

[b-70afm6196h] .right-section {
    width: 100%;
    padding: 10px;
}

[b-70afm6196h] .grid-right-section {
    width: 100%;
    padding: 10px;
    height: 90%;
}

[b-70afm6196h] .bottom-left-section {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

[b-70afm6196h] .bottom-right-section {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

[b-70afm6196h] .horizontal-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

[b-70afm6196h] .tree-view-container {
    width: 100%
}

[b-70afm6196h] .header-label {
    font-size: 1.188rem;
    font-weight: 600;
}

[b-70afm6196h] .heading-right-section {
    display: flex;
    margin-left: auto;
    margin-right: 0;
    justify-content: flex-end;
}

[b-70afm6196h] .main-content-height {
    justify-content: flex-start;
    padding: 10px;
    height: calc(100vh - 10rem);
}

[b-70afm6196h] .highlight#EnterpriseHighlight {
    width: auto;
}

[b-70afm6196h] .search-input#EnterpriseSearch {
    width: auto;
}

[b-70afm6196h] .register-node {
    color: var(--st-interactive);
}

[b-70afm6196h] .custom-node.highlight .custom-node-text {
    color: white;
}

[b-70afm6196h] .fs-framework-button.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

    [b-70afm6196h] .fs-framework-button.disabled .text {
        color: #999;
    }

[b-70afm6196h] #EnterpriseHighlight .group-node {
    color: #1a1a1a;
}

[b-70afm6196h] #EnterpriseHighlight.highlight .group-node {
    color: white;
}
/* _content/streamnext/Components/Pages/Settings.razor.rz.scp.css */
[b-yz0vk4byb3] .settings-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

[b-yz0vk4byb3] .stream-tab-scroller {
    overflow: hidden;
    width: 100%;
    position: relative;
}

[b-yz0vk4byb3] .tabs-wrapper {
    transition: transform 0.3s ease;
    width: max-content;
}

    [b-yz0vk4byb3] .tab-container .tabs-wrapper.mask-both {
        mask-image: linear-gradient(to right, transparent, black 30px, black calc(90% - 30px), transparent);
        -webkit-mask-image: linear-gradient(to right, transparent, black 30px, black calc(90% - 30px), transparent);
    }

    [b-yz0vk4byb3] .tab-container .tabs-wrapper.mask-left {
        mask-image: linear-gradient(to right, transparent, black 30px, black 100%);
        -webkit-mask-image: linear-gradient(to right, transparent, black 30px, black 100%);
    }

    [b-yz0vk4byb3] .tab-container .tabs-wrapper.mask-right {
        mask-image: linear-gradient(to right, black 0%, black calc(90% - 30px), transparent);
        -webkit-mask-image: linear-gradient(to right, black 0%, black calc(90% - 30px), transparent);
    }

    [b-yz0vk4byb3] .tab-container .tabs-wrapper.mask-none {
        mask-image: none;
        -webkit-mask-image: none;
    }

[b-yz0vk4byb3] .tabs .nav {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}
[b-yz0vk4byb3] .tabs .nav-tabs {
    border-bottom: 0;
}

[b-yz0vk4byb3] .tab-header-container {
    position: relative;
    display: flex;
    align-items: center;
}

[b-yz0vk4byb3] .tab-content-container {
    margin-left: 15px;
    margin-top: 30px;
}

[b-yz0vk4byb3] .tabs .nav .nav-item {
    flex-grow: 0;
    flex-shrink: 0;
}

[b-yz0vk4byb3] .tabs .nav .nav-link {
    white-space: nowrap;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
    border: none;
}

    [b-yz0vk4byb3] .tabs .nav .nav-link.active {
        color: #286055;
        font-weight: 500;
        background-color: transparent;
        border: none;
    }

[b-yz0vk4byb3] .tabs .nav::after,
[b-yz0vk4byb3] .fui-TabList::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #d3d3d3;
    z-index: 0;
}

[b-yz0vk4byb3] .tabs .nav .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #286055;
    z-index: 1;
}

[b-yz0vk4byb3] .tab-content-panel.active {
    margin-left: 15px;
    margin-top: 30px;
    mask-image: none;
    -webkit-mask-image: none;
}

[b-yz0vk4byb3] .auto-reference-settings {
    mask-image: none;
    -webkit-mask-image: none;
    overflow: visible;
}

[b-yz0vk4byb3] .scroll-button {
    background: white;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    color: #286055;
    cursor: pointer;
    height: 32px;
    width: 32px;
    min-width: 32px;
    padding: 0;
    z-index: 10;
    transition: opacity 0.3s;
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

    [b-yz0vk4byb3] .scroll-button.left {
        left: 0;
    }

    [b-yz0vk4byb3] .scroll-button.right {
        right: 0;
    }

    [b-yz0vk4byb3] .scroll-button.hidden {
        opacity: 0;
        pointer-events: none;
    }
/* _content/streamnext/Components/Pages/SystemBackupContent.razor.rz.scp.css */
[b-gokylb8zn4] .backup-buttons-container .backup-button-large {
    min-width: 210px;
    width: 245px;
    padding: 18px 35px;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
}

.backup-form-container[b-gokylb8zn4] {
    width: 100%;
}

.backup-field-container[b-gokylb8zn4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.backup-field-label[b-gokylb8zn4] {
    font-weight: 500;
    font-size: 14px;
    color: #323130;
    white-space: nowrap;
    flex-shrink: 0;
}

[b-gokylb8zn4] .backup-field-container .fui-TextEdit,
[b-gokylb8zn4] .backup-field-container input[type="text"],
[b-gokylb8zn4] .backup-field-container .form-control {
    flex: 1;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 8px 0;
    font-size: 14px;
    font-family: inherit;
    box-shadow: none;
}

[b-gokylb8zn4] .backup-field-container .input-container {
    flex: 1;
    width: 100%;
}

[b-gokylb8zn4] .backup-field-container .fui-TextEdit:focus,
[b-gokylb8zn4] .backup-field-container input[type="text"]:focus,
[b-gokylb8zn4] .backup-field-container .form-control:focus {
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
}

.full-screen-overlay[b-gokylb8zn4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-modal[b-gokylb8zn4] {
    background: white;
    border-radius: 12px;
    padding: 40px;
    text-align: center;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    max-width: 400px;
    width: 90%;
}

.loading-modal h3[b-gokylb8zn4] {
    margin: 20px 0 10px 0;
    color: #323130;
    font-size: 20px;
    font-weight: 600;
}

.loading-modal p[b-gokylb8zn4] {
    margin: 0;
    color: #605e5c;
    font-size: 14px;
    line-height: 1.4;
}
/* _content/streamnext/Components/Pages/SystemRestoreContent.razor.rz.scp.css */
[b-6ovycze0ou] .restore-buttons-container .restore-button-large {
    min-width: 210px;
    width: 245px;
    padding: 18px 35px;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
}

.restore-buttons-container[b-6ovycze0ou] {
    margin-top: 2rem;
    margin-bottom: 120px;
    clear: both;
}

[b-6ovycze0ou] .no-grid-header .d-flex.fs-justify-content-between.fs-align-items-center.fs-mb-10 {
    display: none;
}

[b-6ovycze0ou] .no-grid-header .table thead th .dropdown,
[b-6ovycze0ou] .no-grid-header .table thead th .dropdown-toggle,
[b-6ovycze0ou] .no-grid-header .table thead th button,
[b-6ovycze0ou] .no-grid-header thead th .dropdown,
[b-6ovycze0ou] .no-grid-header thead th .dropdown-toggle,
[b-6ovycze0ou] .no-grid-header thead th button {
    display: none;
}

[b-6ovycze0ou] .restore-delete-button.fui-Button.fui-Button-secondary {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    min-width: auto;
    width: auto;
    height: auto;
}

[b-6ovycze0ou] .restore-delete-button.fui-Button.fui-Button-secondary:hover {
    background: transparent;
    box-shadow: none;
}

[b-6ovycze0ou] .restore-delete-button.fui-Button .ti,
[b-6ovycze0ou] .restore-delete-button.fui-Button .ti-x {
    color: #2c2c2c;
    font-size: 18px;
    font-weight: bold;
}

[b-6ovycze0ou] .restore-delete-button.fui-Button:hover .ti,
[b-6ovycze0ou] .restore-delete-button.fui-Button:hover .ti-x {
    color: #000000;
}

.full-screen-overlay[b-6ovycze0ou] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading-modal[b-6ovycze0ou] {
    background: white;
    border-radius: 12px;
    padding: 40px;
    text-align: center;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    max-width: 400px;
    width: 90%;
}

.loading-modal h3[b-6ovycze0ou] {
    margin: 20px 0 10px 0;
    color: #323130;
    font-size: 20px;
    font-weight: 600;
}

.loading-modal p[b-6ovycze0ou] {
    margin: 0;
    color: #605e5c;
    font-size: 14px;
    line-height: 1.4;
}
/* _content/streamnext/Components/Pages/UserManagement.razor.rz.scp.css */
.page-header[b-oi5uzdpc24] {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.page-title[b-oi5uzdpc24] {
    margin-bottom: 0;
    margin-right: 1rem;
}

.tab-buttons[b-oi5uzdpc24] {
    display: flex;
    gap: 0.5rem;
}

[b-oi5uzdpc24] .tab-buttons .btn {
    display: inline-block;
}

.user-management-datagrid[b-oi5uzdpc24] {
    max-width: calc(100% - 20rem);
    margin: 0;
    padding: 0 1rem;
}

[b-oi5uzdpc24] .user-management-datagrid .stream-super-grid,
[b-oi5uzdpc24] .user-management-datagrid .blazorise-datagrid {
    max-width: 100%;
    width: 100%;
}

[b-oi5uzdpc24] .user-management-datagrid .table-responsive {
    max-width: 100%;
    overflow-x: auto;
}

[b-oi5uzdpc24] .user-management-datagrid .table {
    width: 100%;
    table-layout: auto;
}

.user-enable-controls-container[b-oi5uzdpc24] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin: 0;
}

.user-enable-controls[b-oi5uzdpc24] {
    display: flex;
    align-items: center;
}

.user-enable-button-container[b-oi5uzdpc24] {
    position: relative;
    display: inline-block;
}

.user-enable-checkbox-overlay[b-oi5uzdpc24] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    pointer-events: auto;
}

[b-oi5uzdpc24] .user-enable-button-container .fui-Button {
    height: 34px;
    min-height: 34px;
    padding-top: 4px;
    padding-bottom: 4px;
}
