@media (max-width: 1024px) { /* Target devices smaller than large iPads */
	.hide-on-mobile {
		display: none;
	}
}

.hidden {
	display: none;
}

.mud-DlgTitle {
	padding: 10px;
	color: white !important;
	background-color: var(--mud-palette-primary) !important;
	font-size: 1.5em;
}

.column-options button svg {
	fill: #FFFFFF;
	color: #FFFFFF;
}

.mud-header {
	color: #FFFFFF !important;
	border: thin solid black;
	border-radius: 0 !important; /* Remove border rounding */
	background-color: var(--mud-palette-primary) !important;
}

.ellipsisGrid {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100px; /*Because the Grid will have Sort, Filter, Menu Icons it will usually be Wider than I want*/
}

.action-header {
	width: 50px;
	color: #FFFFFF !important;
	border: thin solid black;
	border-radius: 0 !important; /* Remove border rounding */
	background-color: var(--mud-palette-primary) !important;
}