.new-grid {
	font-size: 14px;
	color: var(--grey-85) !important;
	display: flex;
	flex-direction: column;
	height: 100%;
}

	.new-grid .dxbl-grid-header-content {
		font-size: 12px;
	}

	.new-grid td {
		border-left: 0 solid !important;
		border-right: 0 solid !important;
	}

	.new-grid .obsolete {
		color: var(--grey-25);
	}

		.new-grid .obsolete button.dxbl-grid-expand-button {
			display: none;
		}

		.new-grid .obsolete span.material-icons, .new-grid .obsolete span.material-icons-outlined {
			color: var(--grey-25);
		}

	.new-grid .hide-detail-row button.dxbl-grid-expand-button {
		display: none;
	}

/*grid no highlight style*/
.new-grid:not(.no-highlight) .grid-data-row:hover {
	background-color: var(--grey-15) !important;
	cursor: pointer;
}

.new-grid:not(.no-highlight) .grid-data-row:hover td:first-child {
	border-left: 4px solid var(--primary-green) !important;
}

.new-grid:not(.no-highlight) .grid-data-row {
	transition: border-color 50ms ease-in-out, background-color 50ms ease-in-out;
}

.new-grid:not(.no-highlight) .temporary-inactive.grid-data-row:hover {
	color: white;
}

.new-grid:not(.no-highlight) .grid-data-row td:first-child {
	border-left: 4px solid transparent !important;
}

.new-grid:not(.no-highlight) .grid-data-row:hover .uncompleted-column {
	color: white;
}

.new-grid .odd-grid-row {
	background-color: var(--grey-5) !important;
	border-left-color: var(--grey-5) !important;
}

.new-grid .red-grid-row {
	background-color: var(--support-lighter-red) !important;
	border-left-color: var(--support-lighter-red) !important;
}

.new-grid .current-version {
	background-color: #f2f8e8 !important;
}

.new-grid .dxbl-grid-sort-asc, .new-grid .dxbl-grid-sort-desc {
	color: var(--primary-green) !important;
}

.new-grid-filters {
	margin-top: 15px;
	margin-bottom: 15px;
}

.new-grid.deliverable-teaching-units-grid {
	height: calc(100vh - 392px);
}

	.new-grid.deliverable-teaching-units-grid.dxbl-grid .card {
		height: 100%;
	}

		.new-grid.deliverable-teaching-units-grid.dxbl-grid .card table.dxbl-grid-table {
			height: inherit !important;
		}

.new-grid.dxbl-grid .dxbl-grid-empty-data > span {
	display: none;
}


.non-selectable-row .dxbl-grid-selection-cell .form-check-input:checked {
	pointer-events: none;
	background-color: white !important;
	border: 1px solid rgb(0 0 0 / 8%) !important;
}

.non-selectable-row .dxbl-grid-selection-cell .form-check-input {
	border: 1px solid rgb(0 0 0 / 8%);
}

.new-grid .non-selectable-row {
	color: var(--grey-25);
	pointer-events: none;
}

.non-selectable-row .dxbl-grid-selection-cell {
	pointer-events: none
}

.new-grid.dxbl-grid .card table.dxbl-grid-table {
	height: inherit !important;
}

.new-grid.dxbl-grid .card {
	height: 100%;
}

.new-grid.class-students-grid {
	height: calc(100vh - 297px);
}

.new-grid.student-learning-objectives-grid {
	flex: 1;
	min-height: 50px !important;
}

.new-grid.class-students-grid.dxbl-grid .card {
	height: 100%;
}

	.new-grid.class-students-grid.dxbl-grid .card table.dxbl-grid-table {
		height: inherit !important;
	}

.new-grid.class-students-grid.dxbl-grid .dxbl-grid-selected-row.odd-grid-row.non-selectable-row > td {
	background-color: var(--grey-5) !important;
	border-left-color: var(--grey-5) !important;
}

.new-grid.class-students-grid.dxbl-grid .dxbl-grid-selected-row.even-grid-row.non-selectable-row > td:not(.dxbl-grid-empty-cell) {
	background-color: white;
}

.dxbl-grid-group-row {
	font-weight: bold !important;
}

.new-grid .grid-icon-container {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.new-grid .grid-icon {
	color: var(--grey-70);
	fill: var(--grey-70);
	font-size: 18px !important;
	cursor: pointer;
	align-items: center;
	display: flex !important;
	justify-content: center;
	height: 23px;
	width: 23px;
}

	.new-grid .grid-icon:hover {
		border-radius: 50%;
		background-color: var(--lighter-green) !important;
		color: var(--primary-green) !important;
		fill: var(--primary-green) !important;
	}

.new-grid .grid-icon-disabled {
	font-size: 18px !important;
	color: var(--grey-15);
	fill: var(--grey-15);
}

.new-grid:not(.no-highlight) .grid-data-row:hover .grid-icon-disabled {
	color: white;
	fill: white;
}

.new-grid-spinner {
	position: absolute !important;
	margin-top: 20px !important;
	z-index: 1999 !important;
}

.new-grid.student-studies-grid {
	height: calc(100% - 60px) !important;
}

.new-grid.event-workshops-grid {
	height: calc(100% - 60px) !important;
}

.new-grid.student-accrual-grid {
	height: calc(100% - 135px) !important;
}

.new-grid.student-events-grid {
	height: calc(100% - 60px) !important;
}

.new-grid.examinations {
	height: calc(100% - 185px) !important;
}

	.new-grid.examinations.state-empty .dxbl-scroll-viewer-content {
		height: 370px;
	}

.new-grid.versions {
	height: calc(100% - 185px) !important;
}

.new-grid.template-groups {
	height: calc(100% - 60px) !important;
}

.new-grid.student-study-sync {
	height: calc(100% - 130px) !important;
}

.new-grid .dxbl-grid-footer-row {
	background-color: var(--support-blue);
	color: var(--support-darkblue);
}

	.new-grid .dxbl-grid-footer-row.hide-summary {
		display: none;
	}

.new-grid .grid-data-row .red-text-row {
	color: var(--support-darkred);
}

.dxbl-grid .dxbl-grid-columns-separator.active {
	background-color: transparent;
}

.new-grid.events-grid:not(:empty) {
	min-height: 150px;
}

.new-grid.document-templates-grid:not(:empty) {
	height: calc(100vh- 446px);
	min-height: 210px;
}

.new-grid.event-students-grid:not(:empty) {
	height: calc(100% - 180px);
}

.new-grid.events-documents-grid:not(:empty) {
	height: 100vh;
	min-height: 210px;
}

.new-grid.empty-grid {
	height: unset !important;
}

.new-grid.events-grid .in-planning {
	background-color: #fdeaea !important;
	color: var(--support-darkred);
}

.new-grid.events-grid .released-in-planning {
	background-color: #fff8cf !important;
}

.new-grid.events-grid .dropped-off {
	background-color: var(--support-lighter-red) !important;
	text-decoration: line-through;
	color: var(--grey-15);
}

.new-grid.events-grid.empty-grid .dxbl-scroll-viewer-content {
	height: 50px;
}

.status-warning {
	background-color: #fdeaea !important;
	color: var(--support-darkred);
}

/* TODO: this can be done better*/
.new-grid .strikethrough-item td {
	text-decoration: line-through;
}

	.new-grid .strikethrough-item td.dxbl-grid-command-cell {
		text-decoration: none !important;
	}

.new-grid.results-tracker:not(:empty) {
	height: calc(100vh- 200px);
	min-height: 210px;
}

.new-grid.delivery:not(:empty) {
	height: calc(100vh- 200px);
	min-height: 210px;
}

.new-grid .dxbl-grid-header-row .dxbl-grid-empty-cell {
	background-color: var(--grey-5);
	border-bottom: 1px solid var(--grey-15) !important;
}

.new-grid .grid-data-row:not(:first-child) .dxbl-grid-empty-cell {
	border-top: 1px solid var(--grey-15) !important;
}

.new-grid .grid-data-row:nth-last-child(2) .dxbl-grid-empty-cell {
	border-bottom: 1px solid var(--grey-15) !important;
}