html {
	font-size: 14px;
}

:root {
	--app-bg: #10151f;
	--app-surface: #171f2d;
	--app-surface-raised: #202a3a;
	--app-surface-muted: #131a25;
	--app-border: #334155;
	--app-border-soft: #263345;
	--app-text: #e5edf7;
	--app-text-muted: #9fb0c3;
	--app-link: #67d4ff;
	--app-link-hover: #9be4ff;
	--app-primary: #2563eb;
	--app-primary-hover: #1d4ed8;
	--app-primary-border: #3b82f6;
	--app-danger: #fb7185;
	--app-success: #4ade80;
	--app-warning: #fbbf24;
	--app-focus: rgba(103, 212, 255, 0.35);
	--app-table-stripe: rgba(148, 163, 184, 0.07);
	--app-table-hover: rgba(103, 212, 255, 0.10);
	color-scheme: dark;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px;
	background: var(--app-bg);
	color: var(--app-text);
}

a {
	color: var(--app-link);
}

a:hover {
	color: var(--app-link-hover);
}

.app-navbar {
	background-color: var(--app-surface-muted);
	border-color: var(--app-border-soft) !important;
}

.navbar-brand {
	color: var(--app-text) !important;
}

.wowfoot-navbar-brand {
	align-items: center;
	display: inline-flex;
	gap: 0.5rem;
}

.wowfoot-navbar-icon {
	border-radius: 6px;
	flex: 0 0 auto;
	height: 28px;
	width: 28px;
}

.navbar-dark .navbar-nav .nav-link {
	color: var(--app-text-muted);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
	color: var(--app-text);
}

.container main,
main {
	color: var(--app-text);
}


fieldset {
	border-width: thin;
	border-radius: 1em;
	border-color: var(--app-border);
	border-style: solid;
	padding: 0em 1em 0.5em 1em;
	margin: 0em -1em 0em -1em;
	background-color: rgba(23, 31, 45, 0.72);
}

	fieldset legend {
		font-size: 16px;
		padding: 0 0.5em 0 0.5em;
		width: unset;
		float: unset;
		font-weight:500;
		color: var(--app-text);
		background-color: var(--app-bg);
	}

span.DeleteImage {
	color: var(--app-danger);
}

.form-control,
.form-select,
.input-group-text {
	background-color: var(--app-surface-muted);
	border-color: var(--app-border);
	color: var(--app-text);
}

.form-control:focus,
.form-select:focus {
	background-color: var(--app-surface);
	border-color: var(--app-link);
	color: var(--app-text);
	box-shadow: 0 0 0 0.25rem var(--app-focus);
}

.form-control::placeholder {
	color: var(--app-text-muted);
	opacity: 1;
}

.form-control:disabled,
.form-select:disabled {
	background-color: #1f2937;
	color: var(--app-text-muted);
}

.form-check-input {
	background-color: var(--app-surface-muted);
	border-color: var(--app-border);
}

.form-check-input:checked {
	background-color: var(--app-primary);
	border-color: var(--app-primary-border);
}

.table {
	--bs-table-bg: transparent;
	--bs-table-color: var(--app-text);
	--bs-table-border-color: var(--app-border-soft);
	--bs-table-striped-bg: var(--app-table-stripe);
	--bs-table-striped-color: var(--app-text);
	--bs-table-hover-bg: var(--app-table-hover);
	--bs-table-hover-color: var(--app-text);
	color: var(--app-text);
	border-color: var(--app-border-soft);
}

.table th {
	color: var(--app-text-muted);
	font-weight: 600;
}

.table tr[data-id],
.table tr[data-index] {
	cursor: pointer;
}

.table tr[data-id]:hover,
.table tr[data-index]:hover {
	background-color: var(--app-table-hover);
}

.table tr:has(+ tr.subRow) td {
	border-bottom-width: 0px;
}

.modal-content {
	background-color: var(--app-surface);
	border-color: var(--app-border);
	color: var(--app-text);
}

.modal-header,
.modal-footer {
	border-color: var(--app-border-soft);
}

.btn-close {
	filter: invert(1) grayscale(100%) brightness(200%);
}

.btn-primary {
	background-color: var(--app-primary);
	border-color: var(--app-primary-border);
	color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: var(--app-primary-hover);
	border-color: var(--app-primary-border);
	color: #fff;
}

.btn-secondary {
	background-color: var(--app-surface-raised);
	border-color: var(--app-border);
	color: var(--app-text);
}

.btn-secondary:hover,
.btn-secondary:focus {
	background-color: #2b374a;
	border-color: var(--app-border);
	color: var(--app-text);
}

.btn-danger {
	background-color: #be123c;
	border-color: #e11d48;
}

.dropdown-menu,
.multiselect-container {
	background-color: var(--app-surface);
	border-color: var(--app-border);
	color: var(--app-text);
}

.dropdown-item,
.multiselect-container > li > a,
.multiselect-container label {
	color: var(--app-text);
}

.dropdown-item:hover,
.dropdown-item:focus,
.multiselect-container > li > a:hover,
.multiselect-container > li > a:focus {
	background-color: var(--app-table-hover);
	color: var(--app-text);
}

.alert-danger {
	background-color: rgba(190, 18, 60, 0.25);
	border-color: rgba(251, 113, 133, 0.55);
	color: #fecdd3;
}

.text-danger {
	color: var(--app-danger) !important;
}

.wt-icon {
	margin-right: 2px;
}

.wt-unspecified {
}

.wt-woodworking {
	color: #d6a35d;
}

.wt-3dprinting {
	color: var(--app-success);
}

.wt-computer {
	color: #7dd3fc;
}

.wt-electrical {
	color: var(--app-danger);
}

tr.completed * {
	color: var(--app-text-muted) !important;
}