.dx-header-row {
	background-color: #1472ab !important;
	color: white;
	font-weight: 600;
}

.dx-datagrid-borders {
	padding: 15px;
}

.dx-header-filter {
	color: white !important;
}

.dx-datagrid {
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #333;
	-webkit-text-size-adjust: 100%;
}

.dx-button-content {
	background-color: #1472ab;
	border-color: #ddd;
	color: white;
}

.dx-datagrid .dx-datagrid-search-panel {
	margin-left: 0px;
}

.dx-treelist .dx-treelist-search-panel {
	margin-left: 0px;
}

.dx-treelist-container {
	font-size: 13px !important;
}


.dx-group-row {
	background-color: #e0eff9 !important;
}


.dx-row.dx-cell-focus-disabled {
	background-color: #f7f7f7 !important;
}


.dx-datagrid-headers .dx-row:not(.dx-datagrid-filter-row) > td {
	background-color: #1472ab !important;
	color: white !important;
}

.dx-datagrid-headers .dx-datagrid-sticky-column {
	background-color: #1472ab !important;
}

.dx-datagrid-headers .dx-datagrid-sticky-column-left,
.dx-datagrid-headers .dx-datagrid-sticky-column-right {
	background-color: #1472ab !important;
}



.dx-row.dx-group-row.dx-cell-focus-disabled {
	background-color: #e0eff9 !important;
}

.dx-clear-button-area {
	background-color: #3576af;
}

.dx-datagrid-group-row-container {
	background-color: transparent !important;
}

.dx-group-row {
	background-color: #e0eff9 !important;
	color: #333 !important;
	font-weight: 600;
}


.dx-group-cell {
	background-color: inherit !important;
}

.dx-popup-title.dx-toolbar {
	padding: 6px 20px;
	overflow: visible;
	background-color: #3576af;
}

	.dx-popup-title.dx-toolbar .dx-toolbar-before {
		padding-right: 15px;
		color: white;
	}

.dx-datagrid-total-footer .dx-datagrid-content .dx-datagrid-table .dx-row > td {
	background-color: #e3e3e3 !important;
}

.dx-datagrid-summary-item {
	color: #000000b8 !important;
}

.dx-treelist-text-content {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

/* ==========================================================================
   ADA Compliance - WCAG 2.5.8 (AA) - Minimum Target Size: 24x24px
   ========================================================================== */

/* --- ALL grid cells: baseline 24px min-height for every row type --- */
.dx-datagrid td,
.dx-treelist td {
	min-height: 24px;
	vertical-align: middle;
}

/* --- Header cells: sortable columns are interactive targets --- */
.dx-datagrid .dx-header-row > td,
.dx-treelist .dx-header-row > td {
	padding-top: 6px;
	padding-bottom: 6px;
}

/* Header text content (clickable sort area) */
.dx-datagrid .dx-header-row .dx-datagrid-text-content,
.dx-treelist .dx-header-row .dx-treelist-text-content {
	min-height: 24px;
	display: inline-flex;
	align-items: center;
}

/* Header filter icons (funnel) */
.dx-datagrid .dx-header-row .dx-header-filter,
.dx-treelist .dx-header-row .dx-header-filter {
	min-width: 24px;
	min-height: 24px;
}

.dx-datagrid .dx-header-filter-indicator,
.dx-treelist .dx-header-filter-indicator {
	min-width: 24px;
	min-height: 24px;
}

/* Sort indicators */
.dx-datagrid .dx-sort,
.dx-datagrid .dx-sort-indicator,
.dx-treelist .dx-sort,
.dx-treelist .dx-sort-indicator {
	min-width: 24px;
	min-height: 24px;
}

/* --- Data row cells: consistent sizing for <a> AND plain-text cells --- */
.dx-datagrid .dx-data-row > td,
.dx-treelist .dx-data-row > td {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.4;
}

/* Override the broad AdminLTE 'td a' rule inside DevExtreme grids
   so links don't add extra padding that misaligns with plain-text cells */
.dx-datagrid .dx-data-row > td a,
.dx-datagrid .dx-group-row > td a,
.dx-treelist .dx-data-row > td a,
.dx-treelist td a {
	padding-top: 0;
	padding-bottom: 0;
	min-height: 24px;
	display: inline-flex;
	align-items: center;
}

/* --- Group rows: expand/collapse and group cells --- */
.dx-datagrid .dx-group-row > td,
.dx-treelist .dx-group-row > td {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.4;
}

.dx-datagrid .dx-command-expand,
.dx-treelist .dx-command-expand {
	min-width: 24px;
	min-height: 24px;
}

.dx-datagrid .dx-datagrid-group-opened,
.dx-datagrid .dx-datagrid-group-closed,
.dx-treelist .dx-treelist-expanded,
.dx-treelist .dx-treelist-collapsed {
	min-width: 24px;
	min-height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Group panel items (draggable column chips) */
.dx-datagrid .dx-group-panel-item,
.dx-datagrid .dx-group-panel .dx-group-panel-item .dx-column-indicators {
	min-height: 24px;
	display: inline-flex;
	align-items: center;
}

.dx-datagrid .dx-group-panel-item .dx-header-filter {
	min-width: 24px;
	min-height: 24px;
}

/* --- Summary / footer row cells --- */
.dx-datagrid-total-footer td,
.dx-datagrid .dx-datagrid-summary-item {
	min-height: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* --- Filter row inputs --- */
.dx-datagrid .dx-datagrid-filter-row td,
.dx-datagrid .dx-datagrid-filter-row .dx-editor-cell .dx-texteditor-input {
	min-height: 24px;
}

.dx-datagrid .dx-datagrid-filter-row .dx-menu-item {
	min-width: 24px;
	min-height: 24px;
}

/* --- Pager controls --- */
.dx-datagrid .dx-pager .dx-page-sizes .dx-page-size,
.dx-datagrid .dx-pager .dx-pages .dx-page,
.dx-datagrid .dx-pager .dx-navigate-button {
	min-width: 24px;
	min-height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* --- Buttons, popups, editors --- */
.dx-button-content {
	min-height: 24px;
	min-width: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #1472ab;
	border-color: #ddd;
	color: white;
}

.dx-popup-bottom .dx-button,
.dx-popup-title .dx-closebutton {
	min-width: 24px;
	min-height: 24px;
}

.dx-dropdowneditor-button {
	min-width: 24px;
	min-height: 24px;
}

.dx-texteditor-input {
	min-height: 24px;
}

/* --- Toolbar buttons (refresh, export, etc.) --- */
.dx-datagrid .dx-toolbar .dx-button,
.dx-datagrid .dx-toolbar .dx-toolbar-item {
	min-height: 24px;
	min-width: 24px;
}