/* =========================================
 
   MudDataGrid Default Styles

   ========================================= */

/* Base DataGrid Styling */
.mud-datagrid {
	background-color: var(--mud-palette-white);
	border-radius: var(--datagrid-border-radius, .5rem);
	border: 1px solid var(--mud-palette-gray-lighter);
}

/* DataGrid Wrapper */
.datagrid-wrapper {
	border-radius: var(--datagrid-border-radius, .5rem);
	overflow: hidden;
	border: 1px solid var(--mud-palette-gray-lighter);
	margin-top: 1rem;
}

/* Grid Header */
.mud-datagrid .mud-table-head {
	height: 3rem;
	background-color: var(--mud-palette-gray-lighter);
	background: var(--mud-palette-gray-lighter);
}

.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell {
    background-color: var(--mud-palette-gray-lighter);
    color: var(--mud-palette-gray-dark);
    padding-top: .25rem;
    padding-bottom: .25rem;
    height: 2.75rem;
}

.mud-datagrid .mud-table-root .mud-table-head .mud-table-cell {
	padding: 0 1rem;
	color: var(--mud-palette-text-primary);
	font-size: 0.875rem;
	font-weight: 500;
}

.custom-header.mud-table-cell:last-of-type {
	padding-left: 1.5rem;
}

.column-options button.mud-button-root {
	color: var(--mud-palette-gray-default);
}

.mud-button-root.mud-icon-button.filter-button.filtered {
    color: var(--mud-palette-primary);
}

.mud-table-body .mud-table-row:first-of-type {
    border-top: 1px solid var(--mud-palette-white);
}

/* Custom Grid Styling */
.mud-datagrid .mud-table-cell {
	border: 1px solid var(--mud-palette-gray-lighter);
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

/* DataGrid Variations */
.mud-datagrid-hover .mud-table-body .mud-table-row:hover {
	background-color: var(--mud-palette-gray-light);
}

.mud-datagrid-striped .mud-table-body .mud-table-row:nth-child(even) {
	background-color: var(--mud-palette-gray-light);
}

.mud-datagrid-bordered {
	border: 1px solid var(--mud-palette-gray-default);
}

/* Removes border from last row */
.mud-table-body .mud-table-row:last-of-type .mud-table-cell {
	border-bottom: 0;
}


.mud-table-body .mud-table-row .mud-table-cell {
	height: 3rem;
	padding: .25rem 1rem;
}


.mud-table-body .mud-table-cell:has(svg) svg {
	width: 100%;
}


/*---	Clip Border Radius	---*/

/* Outer wrapper to apply rounded corners */
.datagrid-wrapper {
	border-radius: .5rem;
	overflow: hidden;
	border: 1px solid var(--mud-palette-gray-lighter);
	margin-top: 1rem;
}

/* Inner DataGrid styling to match the border-radius */
.custom-grid {
	border-radius: .5rem;
	background-color: var(--mud-palette-white);
}

/* Removes border from last row in grid */
.mud-table-body .mud-table-row:last-of-type .mud-table-cell {
	border-bottom: 0;
}


/* Custom CSS to change the color of selection checkboxes in MudDataGrid */

	.mud-checkbox .mud-icon-root.mud-svg-icon {
		fill: var(--mud-palette-primary);
	}

	.mud-checkbox-false .mud-icon-root.mud-svg-icon {
		fill: var(--mud-palette-gray-default);
	}