@import '_content/Majorsoft.Blazor.Components.Common.JsInterop/Majorsoft.Blazor.Components.Common.JsInterop.bundle.scp.css';
@import '_content/BlazorEditor/BlazorEditor.bundle.scp.css';
@import '_content/Chemistry/Chemistry.bundle.scp.css';
@import '_content/CommonControls/CommonControls.bundle.scp.css';
@import '_content/NodeEditor/NodeEditor.bundle.scp.css';
@import '_content/ProtocolEditor/ProtocolEditor.bundle.scp.css';
@import '_content/Utils.Client/Utils.Client.bundle.scp.css';

/* /Controls/ChangelogView.razor.rz.scp.css */
ul[b-xjyvjd0c6h] {
    list-style: none; /* Remove default bullets */
}

ul li[b-xjyvjd0c6h] {
    display: flex;
}

ul li[b-xjyvjd0c6h]::before {
    content: "\2022";
    font-size: var(--mud-typography-body1-size);
    color: var(--mud-palette-primary); 
    font-weight: 900; 
    width: 1em; 
    margin-left: 1em;
    flex-shrink: 0;
}

[b-xjyvjd0c6h] p.mud-typography {
    display: inline-block;
    flex-shrink: 1;
}
/* /Controls/ContentTabs/ContentTabs.razor.rz.scp.css */
.content-tabs[b-86lmjad2jq] {
	flex-grow: 1;
	align-self: end;
	width: 100%;
	flex-shrink: 1;
	min-width: 0;
}

.content-tab[b-86lmjad2jq] {
	padding: 0 4px;
	height: 48px;
	border-radius: 4px 4px 0 0;
	background-color: var(--mud-palette-surface);
	max-width: 240px;
}

[b-86lmjad2jq] .content-tab * .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
	margin-top: 0;
}


[b-86lmjad2jq] .tabs-dragitem {
	scroll-snap-align: start;
	flex-grow: 1;
}

[b-86lmjad2jq] .tabs-dropzone {
	display: flex;
	margin: 0 12px;
	overflow-x: scroll;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none;
	scroll-snap-type: x mandatory;
}

	[b-86lmjad2jq] .tabs-dropzone::-webkit-scrollbar {
		display: none;
	}


.mobile-select-item[b-86lmjad2jq] {
	display: flex;
	align-items: center;
	gap: 4px;
}
/* /Controls/ContentTabs/ContentTabView.razor.rz.scp.css */
.content-tab[b-gdj8qzf2be] {
	display: flex;
	align-items: center;
	padding: 4px 4px 4px 12px;
	height: 48px;
	border-radius: 4px 4px 0 0;
	background-color: transparent;
	flex-grow: 1;
	max-width: 240px;
	gap: 4px;
}

.content-tab.active[b-gdj8qzf2be] {
	background-color: var(--mud-palette-surface);
}

.content-tab-text[b-gdj8qzf2be] {
	flex-shrink: 1;
	overflow: hidden;
}

.close-button[b-gdj8qzf2be] {
	margin-left: auto;
}

.close-button.hover[b-gdj8qzf2be] {
	opacity: 0;
}

.content-tab:hover>.close-button[b-gdj8qzf2be] {
	opacity: 1;
}
/* /Controls/Mock/SuggestChangeComponent.razor.rz.scp.css */
.suggest-change[b-1oswo2ao9a] {
    position: relative;
}

.document[b-1oswo2ao9a] {

}

.comment[b-1oswo2ao9a] {
    position: absolute;
    
}
/* /Controls/NavMenu/ContentBrowser.razor.rz.scp.css */
.menu-list[b-6q0jylsq4h] {
	display: flex;
	flex-direction: column;

}

.menu-list-item[b-6q0jylsq4h] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4px 16px;
}
/* /Controls/NavMenu/CreateButton.razor.rz.scp.css */
.create-button[b-gywxbejtqf] {
	margin: 4px 12px;
}

.confirm-cancel-buttons[b-gywxbejtqf] {
	display: flex;
	align-items: end;
	gap: 4px;
}
/* /Controls/NavMenu/Menus/TreeViewMenuActivator.razor.rz.scp.css */
[b-xnyp8sm6tz] .mud-menu-activator {
	width: 100%;
}

[b-xnyp8sm6tz] .mud-menu {
	align-self: stretch;
	align-items: center;
}

.tree-view-item[b-xnyp8sm6tz] {
	display: flex;
	width: 100%;
}

.activator-content[b-xnyp8sm6tz] {
	display: flex;
	width: 100%;
	align-items: center;
}
/* /Controls/NavMenu/NavMenuContent.razor.rz.scp.css */
.nav-menu-conent[b-4hrwd33lhl] {
	display: flex;
	flex-direction: column;
	height: 100%
}

[b-4hrwd33lhl] .nav-tabs-panel {
	height: 100%;
}

.tab-panel-content[b-4hrwd33lhl] {
	padding-right: 8px;
}

[b-4hrwd33lhl] .nav-tabs {
	flex-grow: 1;
	flex-basis: 100%;
}
/* /Controls/RegisterUserView.razor.rz.scp.css */
.form[b-bv2ih388mk] {
	max-width: 100%;
}
/* /Controls/SampleCollections/SampleAttributeViews/EditMoleculeSampleAttributeView.razor.rz.scp.css */
.molecule-parent[b-52l6b7l28b] {
	max-height: 120px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.molecule[b-52l6b7l28b] {
	height: 100%;
	min-height: 0;
	flex-shrink: 1;
	display: flex;
	flex-direction: column;
}

[b-52l6b7l28b] .molecule > div {
	min-height: 0;
	display: flex;
	flex-direction: column;
}
/* /Controls/SampleCollections/SampleAttributeViews/MoleculeSampleAttributeView.razor.rz.scp.css */
.molecule-parent[b-3r4ykh9jfq] {
	max-height: 120px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.molecule[b-3r4ykh9jfq] {
	height: 100%;
	min-height: 0;
	flex-shrink: 1;
	display: flex;
	flex-direction: column;
}

[b-3r4ykh9jfq] .molecule > div {
	min-height: 0;
	display: flex;
	flex-direction: column;
}
/* /Controls/SampleCollections/SampleCollectionTable.razor.rz.scp.css */

.sample-table[b-ojxmywhkwy] {
	min-width: 0;
	flex-basis: 100%;
	flex-shrink: 1;
	position: relative;
	height: 100%;
}

[b-ojxmywhkwy] .sample-collection-table * .mud-table-root {
	table-layout: fixed;
}

[b-ojxmywhkwy] .sample-collection-table {
	background-color: var(--mud-palette-background-grey);
	height: 100%;
}


[b-ojxmywhkwy] .sample-collection-table * .mud-table-root .mud-table-head {
	position: relative;
	box-shadow: rgba(0,0,0,0.3) 0px 1px 4px;
}

[b-ojxmywhkwy] .sample-collection-table * .mud-table-root .mud-table-head * .mud-table-cell {
		background-color: var(--mud-palette-background-grey);
	height: 1px; /*Height is ignored, but allows content to fill height of cell*/
	}


[b-ojxmywhkwy] .sample-collection-table * .mud-table-row .mud-table-cell {
	padding-left: 4px;
	padding-right: 4px;
	overflow: hidden;
}

[b-ojxmywhkwy] .sample-collection-table * thead * .mud-table-cell {
	border-right: 1px solid var(--mud-palette-table-lines);
	padding: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
[b-ojxmywhkwy] .sample-collection-table * thead * .mud-table-cell:first-child {
	padding-left: 16px !important;
}

[b-ojxmywhkwy] .sample-collection-table * .mud-table-row:first-child .mud-table-cell {
	border-top: none;
}

[b-ojxmywhkwy] .sample-collection-table * .mud-table-row .mud-table-cell:first-child {
	padding-left: 16px;
}

[b-ojxmywhkwy] .sample-collection-table * .mud-table-row .mud-table-cell:last-child {
	padding-right: 16px;
}

[b-ojxmywhkwy] .sample-collection-table .selected {
	background-color: var(--mud-palette-surface);
}
/* /Controls/SampleCollections/SampleDetails.razor.rz.scp.css */
.sample-details[b-fvpboun9mv] {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: start;
	align-items: start;
	align-content: start;
	flex-direction: column;

	background-color: var(--mud-palette-surface);
	padding: 16px;
	height: 100%;
	width: 100%;
	overflow-y: scroll;
}

[b-fvpboun9mv] .sample-details-item {
	width: 100%;
	flex-grow: 0;
	flex-shrink: 1;
}
/* /Pages/Account.razor.rz.scp.css */
.page-container[b-0fxhfc5uu0] {

	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
	height: 100%;
	width: 100%;
}

.tabs[b-0fxhfc5uu0] {
	max-width: 320px;
	margin: 0 auto;
}

.tab[b-0fxhfc5uu0] {
	padding: 16px;
}

.page-container > .item[b-0fxhfc5uu0] {
	max-width: 100%;
	
}

.item.promo[b-0fxhfc5uu0] {
	flex-shrink: 1;
	flex-basis: 500px;
}

.item > img[b-0fxhfc5uu0] {
	max-width: 100%;
}
/* /Pages/Help/SpreadsheetfunctionPage.razor.rz.scp.css */
.table-parent[b-8rnefd0zux] {
	height: 100%;
}

[b-8rnefd0zux] .table {
	min-height: 100px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
/* /Pages/SampleCollectionPage.razor.rz.scp.css */
.sample-table-page[b-tzhvf0svwh] {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sample-table-container[b-tzhvf0svwh] {
	display: block;
	overflow: hidden;
	width: 100%;
	flex-basis: 100%;
	flex-shrink: 1;
	min-height: 0;
	position: relative;
}

.sample-table-container.horizontal[b-tzhvf0svwh] {
	flex-direction: column;
}


.sample-collection-table-footer[b-tzhvf0svwh] {
	padding: 9px 16px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 3;
	box-shadow: rgba(0,0,0,0.3) 0px -1px 4px;
}
.sample-collection-table-footer.dense[b-tzhvf0svwh] {
	padding: 4px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
[b-d47nu0bots] .content {
	height:100%;
}

.page[b-d47nu0bots] {
	background-color: var(--mud-palette-background-grey);
}
