.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

#page-container.page-header-fixed #main-container {
	/* padding-top:0; */
	flex: 1;
}

.fixed-width-label {
	width: 9em;
	text-align: right;
	vertical-align: top;
}

a.back-link {
	width: 30px;
	text-align: center;
	color: black;
	margin-right: 10px;
}

html.dark a.back-link {
	color: white !important;
}

html.dark a.active-link {
	background-color: rgba(0, 0, 0, .2);
}

	html.dark a.active-link span.nav-main-link-name, html.dark a.active-link i.nav-main-link-icon {
		color: #fff !important;
	}

html.dark input[type=date] {
	color-scheme: dark;
}

.floaty-tabs { border-radius: .5rem; padding: .3rem; }

	.floaty-tabs .nav-link {
		cursor: pointer;
		border-radius: .5rem;
		margin-right: .2rem;
	}

		.floaty-tabs .nav-link:active,
		.floaty-tabs .nav-link:hover
		{
			border-radius: .5rem;
		}

tr.inactiveRow td {
	color: #bccadd;
	font-style: italic;
}

html.dark tr.inactiveRow td {
	color: #3c4e67;
}