:root {
	--link-primary: #4621fb;
	--link-secondary: #ff0000;
	--text-red: #ff0000;
	--text-green: #00a000;
	--text-orange: #ff8d00;
	--gray-1: #f0f0f0;
	--gray-2: #e0e0e0;
	--gray-3: #d0d0d0;
	--divider-gray: rgba(0, 0, 0, .12);
	--border-gray: rgba(0, 0, 0, .12);
	--overlay: rgba(33, 33, 33, .5); /*consistent w/ MudTheme.Palette.OverlayDark*/
	--nav-hover: #ffffffdd;
}

body {
	overflow-y: scroll; /*apply to body (not html) because mudblazor will hide scrollbar and add padding whenever .scroll-lock rule is appled (overlay)*/
}

.region-1 {
	padding: 24px;
	background-color: #ffffff;
	border: 1px solid var(--border-gray);
	border-radius: 6px;
}

.region-1.elevated {
	box-shadow: var(--mud-elevation-1);
}

.invalid {
	outline: 1px solid red;
}

.validation-message {
	color: red;
}

.link {
	text-decoration: underline;
	cursor: pointer;
}

.link-hover {
	text-decoration: none;
	cursor: pointer;
}

.link-hover:hover {
	text-decoration: underline;
}

.link-primary {
	color: var(--link-primary);
	text-decoration: underline;
	cursor: pointer;
}

.link-blue {
	color: #0000ff;
	text-decoration: underline;
	cursor: pointer;
}

.scrollbar-thin::-webkit-scrollbar {
	width: 6px;
}

body[lock-scroll] {
	overflow: hidden;
	padding-right: 8px;
}

body[lock-scroll] .mud-layout .mud-appbar {
	padding-right: 8px;
}

body[lock-scroll] .mud-layout .mud-main-content .mud-scroll-to-top {
	padding-right: 8px;
}