.dgrid {
	height: 100%;
	width: 100%;
	background-color: white;
}

.dgrid-no-data {
	font-style: italic;
}

.dgrid-header .dgrid-cell {
	font-weight: bold;
}

.dgrid-row-odd {
	background-color: #E4EEEF;
	background-color: #E9EEF2;
}

.dgrid-header {
	font-weight: normal;
	font-size: 12px;
}

.dgrid-cell {
	padding: 3px;
	text-align: left;
	overflow: hidden;
	vertical-align: middle;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom: 1px solid #ddd;
	border-top-style: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.dgrid .dateColumn {
	text-align: center;
	width: 90px
}

.dgrid .checkBoxColumn {
	text-align: center;
	width: 45px
}

.dgrid .field-selectInd {
	vertical-align: middle;
	width: 20px;
}

.dgrid .field-Select,
.dgrid .field-selected {
	text-align: left;
	width: 60px;
}

.dgrid .field-Edit {
	text-align: center;
	width: 55px;
}

.dgrid .field-Delete {
	text-align: center;
	width: 55px
}

.dgrid .field-Remove {
	text-align: center;
	width: 80px
}

.dgrid.autoHeightGrid {
	width: 100%;
	height: auto;
}

.dgrid.autoHeightGrid .dgrid-header {
	right: 0;
}

.dgrid.autoHeightGrid .dgrid-header-scroll {
	display: none;
}

.dgrid.autoHeightGrid .dgrid-scroller {
	position: relative;
	overflow: auto;
}

.dgrid.autoHeightGridMaxHeight {
	width: 100%;
	height: auto;
}

.dgrid.autoHeightGridMaxHeight .dgrid-scroller {
	position: relative;
	max-height: 200px;
	overflow-y: scroll;
}

.dgrid.autoHeightGridMinHeight {
	width: 100%;
	height: auto;
}

.dgrid.autoHeightGridMinHeight .dgrid-scroller {
	position: relative;
	min-height: 200px;
	overflow-y: scroll;
}

.dgridFilterCellSpan {
	z-index: 999;
	top: 1px;
	right: 0px;
	position: absolute;
}

.dgridFilterCellSpanLabel {
	display: inline-block;
	position: relative;
	float: left;
	padding-right: 20px;
}

.tundra .dgrid-header,
.tundra .dgrid-footer {
	background: none;
	filter: none;
	background-color: #edf1f6;
}

.dgrid-header {
	border-bottom: 1px solid rgb(187, 187, 170);
}

.tundra.reskin .dgrid-header th:hover {
	background-image: none;
	color: #3e6db4;
}

.tundra.reskin .dgrid-row-odd {
	background-color: #f5f9fd;
}

.tundra.reskin .dgrid-selected,
.tundra.reskin .dgrid-row-odd.dgrid-selected {
	background-color: #c2e1f8;
}

.tundra.reskin .dgrid-row:hover {
	background-color: #c2e1f8;
}

.tundra.reskin #departmentNotesGrid .dgrid-row:hover,
.tundra.reskin #departmentNotesGrid .dgrid-selected,
.tundra.reskin #departmentNotesGrid .dgrid-row-odd.dgrid-selected,
.tundra.reskin #departmentNotesGrid .dgrid-row-odd {
	background-color: transparent;
}


/* DGrid Sort Icon Styles*/

.dgridSortIcon {
	position: absolute;
	right: 0px;
	top: 0;
}

.dgridSortIconWithFilter {
	position: absolute;
	right: 12px;
}

.dgrid-cell .fas {
	line-height: inherit;
}

.reskin .dgridSortIcon,
.reskin .dgridSortIconWithFilter::before {
	color: grey;
}


/* Dgrid Filter Styles */

.dwOuter {
	background-color: grey;
}

.dwBox {
	border: 1px solid #8e9196;
	padding: 5px;
	padding-bottom: 10px;
	background-color: #EDF1F6;
	border-radius: 3px;
	color: #333333;
}

.dwBox .dijitButtonText {
	color: #3E6DB4;
}

.dwBox .dijitButtonNode {
	border-radius: 3px;
	width: 60px;
}

.reskin .ui-icon.dgrid-hider-toggle {
	background-image: none;
}

.ui-icon.dgrid-hider-toggle::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0c9";
	font-size: .8em;
}

.reskin .dgridFilterCell.filterActiveIcon,
.reskin .dgridFilterCell.filterInactiveIcon {
	background-image: none;
}

.reskin .dgridFilterCell.filterInactiveIcon::before {
	color: grey;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0b0";
}

.reskin .dgridFilterCell.filterActiveIcon::before {
	color: #0B588E;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0b0";
}