:root {
	--error: #7f0404ff;
	--success: #4CAF50;
}

/********************************** Custom Classes ***********************************************/

.AimcoWasteOtherCarrier {
	background-color: cornflowerblue !important;
}

.AimcoWasteAimcoCarrier {
	background-color: lightgreen !important;
}

.OtherWasteOtherCarrier {
	background-color: lightpink !important;
}

.RegularSched {
	background-color: rgba(0, 0, 0, .09) !important;
}

/*Makes SubHeaders Invisible*/
.hideSubGridHeaders thead {
	visibility: collapse;
}


.readOnlyGrid tbody tr {
	transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
	background-color: rgba(0, 0, 0, .09);
}

.readOnlyGrid tbody tr.mud-table-row td.mud-table-cell {
	border-width: 0px 1px 1px 1px;
	border-color: rgba(128, 128, 128, 0.8);
	border-style: solid;
}

/* Remove the bottom border under the grid container/paper */
.readOnlyGrid .mud-table-container,
.readOnlyGrid .mud-data-grid,
.readOnlyGrid .mud-paper {
	border: none !important;
	box-shadow: none !important;
}

/* Core cell padding reduction */
.readOnlyGrid .mud-table-cell,
.readOnlyGrid .mud-data-grid-cell {
	padding: 4px 8px !important;
}

/* Header cells */
.readOnlyGrid .mud-table-head .mud-table-cell,
.readOnlyGrid .mud-data-grid-header-cell {
	padding: 6px 8px !important;
}

table tfoot.mud-table-foot:not(.keep-footer) {
	display: none;
}

/* Smaller font = more columns */
.readOnlyGrid {
	font-size: 0.75rem;
}

	/* Force short rows */
	.readOnlyGrid .mud-table-row,
	.readOnlyGrid .mud-data-grid-row {
		height: 26px;
	}

	/* Tight line-height */
	.readOnlyGrid .mud-typography {
		line-height: 1.1;
	}

	/* Optional: spreadsheet-level tightness */
	.readOnlyGrid .mud-table-cell > * {
		margin: 0 !important;
		padding: 0 !important;
	}

.mud-tabs-tabbar-wrapper .tabBorder {
	border: 1px solid #d3d3d3;
	border-radius: 8px 8px 0px 0px;
	margin-top: 8px;
	text-transform: none;
	font-size: 1.5em
}

.mud-tab-active.tabBorder {
	background: var(--mud-palette-drawer-background);
	color: var(--mud-palette-primary);
	font-size: 1.7em
}

.mud-tabs-tabbar-wrapper {
	gap: 4px;
}
/*.tabBorder {
	text-transform: none;*/ /*Prevents uppercase */
/*font-size: 1.5em;
}*/
.ellipsisGenName {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 225px;
	font-weight: 700;
}

.ellipsisName {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 200px;
}

.dlgTitle {
	padding: 15px !important;
	color: white !important;
	background-color: var(--mud-palette-primary) !important;
	font-size: 1.25em;
}

.selectAll > .mud-list-item:first-child {
	background-color: lightgray;
	margin-bottom: 0px !important;
}

/********************************** MudForm ***********************************************/

.mud-input-control.mud-field.checkBox .mud-input-slot.mud-input-slot-nopadding.mud-input-root-filled {
	padding-top: 6px;
}

/********************************** MudDataGrid ***********************************************/

/*Overwriting the MudBlazor .mud-header class*/
.mud-header {
	color: #FFFFFF !important;
	border: thin solid black !important;
	border-radius: 0 !important;
	background-color: var(--mud-palette-primary) !important;
}

/* Styles the MudDataGrid hierarchy header toggle like other grid headers */
th.mud-header-togglehierarchy {
	color: #FFFFFF !important;
	border: thin solid black !important;
	border-radius: 0 !important;
	background-color: var(--mud-palette-primary) !important;
}

/*Makes the MudDataGrid Sort and Filter Buttons White*/
.column-options button svg {
	fill: #FFFFFF;
	color: #FFFFFF;
}

/*Makes the MudDataGrid Carrot Large and White*/
thead .mud-hierarchy-toggle-button svg {
	fill: white !important;
	color: white !important;
	width: 28px !important;
	height: 28px !important;
}

/*Makes SubHeaders Invisible*/
.hideSubGridHeaders thead {
	visibility: collapse;
}

/*Removes any padding from SubRecords*/
.mud-table-child-content {
	padding: 0px;
}
