﻿
.blazor-data-grid {
	--dxbl-grid-text-cell-padding-x: 0px;
	--dxbl-grid-text-cell-padding-y: 0px;
	border-width: 0px;
}

.dxbl-grid-header-content {
	width: 100%;
	margin: auto;
}

.blazor-data-grid-row {
	font-size: 0.8rem;
	height: 22px !important;
	--dxbl-grid-line-height: 1;
	--dxbl-grid-edit-row-bg: transparent;
}

	.blazor-data-grid-row > td {
		min-height: 22px !important;
		margin: 1px !important;
		padding: 0px !important;
	}

.bdg-cell-wrapper {
	min-height: 22px !important;
	max-width: 750px;
	line-height: 1.5;
	width: 100%;
	/*inline-size: fit-content;*/
}

.blazor-data-grid-even-row {
	background-color: whitesmoke !important;
}

.blazor-data-grid-even-cell {
	background-color: whitesmoke !important;
}

.blazor-data-grid-odd-cell {
	background-color: #C4D4E0 !important;
}

.blazor-data-grid-row-selection {
	background-color: var(--blazor-default-background-color) !important;
	color: var(--blazor-default-foreground-color) !important;
}

.blazor-data-grid-cell-selection {
	background-color: var(--blazor-default-background-color) !important;
	color: var(--blazor-default-foreground-color) !important;
}

.blazor-data-grid-row-header {
	background-color: var(--blazor-default-background-color) !important;
	color: var(--blazor-default-foreground-color) !important;
	height: 22px;
}

.blazor-data-grid-header-cell {
	background-color: var(--blazor-default-background-color) !important;
	color: var(--blazor-default-foreground-color) !important;
	height: 22px;
	--dxbl-grid-text-cell-padding-x: 0.15rem;
	--dxbl-grid-text-cell-padding-y: 0.15rem;
}

.blazor-data-grid-row-filter {
	background-color: #E0EDFD !important;
	height: 22px !important;
}

.blazor-data-grid-selection-cell-in-filter-row {
	background-color: #E0EDFD !important;
}

.blazor-data-grid-row-edit {
	/*background-color: var(--blazor-default-background-color) !important;
	color: var(--blazor-default-foreground-color) !important;*/
}

.blazor-data-grid-column-header {
	font-size: 0.85rem !important;
	text-align: center;
	width: 100% !important;
	font-weight: normal;
	display: inline-block;
	white-space: nowrap;
}

.dxbs-grid-command-cell {
	font-size: 0.75rem;
}

.dxbl-grid-table {
	/*width: unset !important;*/
}

.dxbl-grid-table-no-scroll > thead {
	/*height: unset !important;*/
}

.blazor-data-control-cell-filter {
	background-color: #E0EDFD !important;
	color: black !important;
	opacity: 1;
	border: none !important;
	border-radius: 0 !important;
}

.dxbl-grid-header-content > span {
	width: 100%;
}

.dxbl-grid-filter-menu-funnel-btn,
.dxbl-grid-sort-asc,
.dxbl-grid-sort-desc {
	width: auto !important;
}

.disabled-column-style-even {
	/*background-color: #dddddd !important;
	color: black !important;*/
	opacity: 0.5;
}

.disabled-column-style-odd {
	/*background-color: #80a0b4 !important;
	color: black !important;*/
	opacity: 0.5;
}

.dxbl-grid .dxbl-grid-table > tbody > tr[dxbl-bottom-virtual-spacer-element],
.dxbl-grid .dxbl-grid-table > tbody > tr[dxbl-top-virtual-spacer-element],
.dxbl-grid .dxbl-grid-table > tfoot > tr[dxbl-bottom-virtual-spacer-element],
.dxbl-grid .dxbl-grid-table > tfoot > tr[dxbl-top-virtual-spacer-element],
.dxbl-grid .dxbl-grid-table > thead > tr[dxbl-bottom-virtual-spacer-element],
.dxbl-grid .dxbl-grid-table > thead > tr[dxbl-top-virtual-spacer-element] {
	height: 0px !important;
}

.dx-grid-popup-editor {
	--dxbl-popup-width: 75%;
	--dxbl-popup-max-width: 100%;
}
