:root {
	--chaoscolor-gold: gold;
	--chaoscolor-dark: #1b1e20;
	--chaoscolor-light: #e4e1df;
}

#header-wrapper {
	padding: 0;
	margin: 0;
}

#menu-wrapper {
	border-top: 1px solid var(--chaoscolor-gold);
	border-bottom: 1px solid var(--chaoscolor-gold);
}

#footer-wrapper {
	border-top: 1px solid var(--chaoscolor-gold);
	font-size: 12px;
}

#page-wrapper {
	background-color: #1b1e20;

	/* not perfect yet, but this color for a light theme */
/*	background-color: #e4e1df;*/
	/* not perfect yet, but this color for a light theme */
}

#env-wrapper {
	border-top: 1px solid var(--chaoscolor-gold);
	background-color: var(--bs-warning-bg-subtle);
	color: var(--bs-body-color);
	font-weight: bold;
	padding: 2px;
}

.golden {
	color: var(--chaoscolor-gold);
	text-decoration: none;
}

tr > td > a {
	color: var(--chaoscolor-gold);
	text-decoration: none;
}

.chaosgold, .navbar-brand, hr, h1, h2 ,h3 ,h4 ,h5 ,h6 {
	color: var(--chaoscolor-gold);
}

.btn-outline-chaosgold {
	--bs-btn-color: var(--chaoscolor-gold);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--chaoscolor-gold);
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: var(--chaoscolor-gold);
	--bs-btn-hover-border-color: var(--chaoscolor-gold);
	--bs-btn-focus-shadow-rgb: 248,249,250;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: var(--chaoscolor-gold);
	--bs-btn-active-border-color: var(--chaoscolor-gold);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--chaoscolor-gold);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--chaoscolor-gold);
	--bs-gradient: none;
}

.btn-centered-bi {
	padding-top: 15.5px
}

.mono {
	font-family: monospace !important;
}

.form-check{
	text-align: left !important;
}

/* golden checkbox switches */
.form-switch .form-check-input:checked {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.50%29'/%3e%3c/svg%3e");
	background-color: var(--chaoscolor-gold);
	border-color: var(--chaoscolor-gold);
}