/*
 * ======================================================================================
 * This stylesheet should only contain styles specific to all Commercial Services apps
 * If you would like to create a style used across a specific all, please use the 
 * "site.css" file of Naus.Commercial{Product}.Client/wwwroot/css/site.css
 * ======================================================================================
 */



:root {
	/* Overwrite default Mud Blazor primary and secondary colours with Naus blue */
	--naus-blue: #039BE5;
	--naus-blue-lighten: #4B96BA;
	--success-green: #15CF74;
	--very-light-grey: #c3c3c59c;
	--mud-palette-primary: var(--naus-blue) !important;
	--mud-palette-primary-lighten: var(--naus-blue-lighten) !important;
	--mud-palette-primary-darken: var(--naus-blue) !important;
	--mud-palette-secondary: var(--naus-blue-lighten) !important;
	--mud-palette-secondary-darken: var(--naus-blue) !important;
	--small-font-size: 0.8em;
	--normal-font-size: 1em;
}

@media (prefers-color-scheme: light) {
	/* In light mode, make sure our tables/grids are shown with a white background, as the default grey doesn't work well */
	:root {
		--mud-palette-surface: #ffffff !important;
	}

}

/* Make table/Grid header rows stand out */
.mud-table-head {
	background-color: var(--mud-palette-info-hover) !important;
}

/* Utility Classes */

.right-align {
	margin-left: auto;
	margin-right: 0px;
}

.float-right {
	float: right;
}

.bold {
	font-weight: 800;
}

.reverse-dark-theme {
	background-color: var(--mud-palette-text-primary) !important;
	color: var(--mud-palette-surface) !important;
}

.row-container {
	flex-direction: row;
	box-sizing: border-box;
	display: flex;
	place-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

.bold-text {
	font-weight: bold;
}

.field-right-padding {
	padding-right: 20% !important;
}

.hidden-item {
	display: none;
}

.greyed-out {
	font-weight: lighter;
	color: gray;
}

.pad-underneath {
	padding-bottom: 20px;
}

.selected-row {
	background-color: rgba(0, 0, 0, 0.0392156862745098);
}