:root {
	--page-bg: #F9F9F9;
	--border: #E2E8F0;
	--card-bg: #FDFDFD;
	--hover: #197EE8;
	--header: #0054A6;
	--selected: #093763;
	--accent: #6B7280;
	--urgent: #FDA019;
	--text: #333;
	--text-secondary: #576F94;
	--alt-text: #A1ADBF;
	--client-font: #006ED9;
	--success: #0EAD0E;
	--error: #CD261F;
	--select-bg-new: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="none" stroke="%23212121" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 5 6 6 6-6"/></svg>');
	/*--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f00'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;*/
	--outline: #C8DBEF;

	--border-orig: #E2E8F0;
	/*--page-bg-orig: #060E2A;*/
	--page-bg-orig: var(--header);
	/*--main-bg-orig: #031633;*/
	--main-bg-orig: var(--page-bg);
	/*--sidebar-bg-orig: #060E2A;*/
	--sidebar-bg-orig: var(--selected);
	/*--sidebar-text-orig: #FFCC66;*/
	--sidebar-text-orig: var(--card-bg);
	/*--bg-sidebar-link-orig: #060E2A;*/
	--bg-sidebar-link-orig: var(--hover);
	/*--bg-sidebar-link-hover-orig: #060E2A;*/
	--bg-sidebar-link-hover-orig: var(--hover);
	/*--card-bg-orig: #212529;*/
	--card-bg-orig: var(--card-bg);
	--header-orig: #FFCC66;
	--selected-orig: #FFCC66;
	/*--text-orig: #0E0AFD;*/
	--text-orig: var(--text);
	/*--text-warning-emphasis: #FFDA6A;*/
	--text-warning-emphasis: var(--header);
	/*--button-warning: #FFCC66;*/
	--button-warning: var(--urgent);
	/*--text-light: #DEE2E6;*/
	--text-light: var(--text);
	/*--bg-primary-subtle-orig: #031633;  Also was --page-bg*/
	--bg-primary-subtle-orig: var(--header);
	/*--bg-hero-primary-subtle-orig: #031633;*/
	--bg-hero-primary-subtle-orig: var(--page-bg);
	--bg-primary-subtle-modal-orig: #031633;
	/*--bg-primary-subtle-modal-header-orig: #031633;*/
	--bg-primary-subtle-modal-header-orig: var(--hover);
	/*--modal-bg: #031633;*/
	--modal-bg: var(--card-bg);
	/*--modal-header-text-warning-emphasis: #FFDA6A;*/
	--modal-header-text-warning-emphasis: var(--page-bg);
	/*--btn-primary-orig: #0D6DFD;*/
	/*--btn-primary-orig: var(--header);*/
	--btn-primary-orig: var(--hover);

	/*--accordion-navlink-text: #0D6DFD;*/
	--accordion-navlink-text: var(--page-bg);
	/*--btn-primary-text: #DEE2E6;*/
	--btn-primary-text: var(--page-bg);
	/*--btn-secondary-orig: #6C757D;*/
	--btn-secondary-orig: var(--text);
	/*--btn-secondary-text: #DEE2E6;*/
	--btn-secondary-text: var(--text);
	/*--border-orig: #DEE2E6;*/
	--border-orig: var(--border);
	/*--input-bg: #212529;*/
	--input-bg: var(--page-bg);
	/*--select-bg-orig: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="none" stroke="%23DEE2E6" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 5 6 6 6-6"/></svg>');*/
	/*--select-bg-orig: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");*/
	--select-bg-orig: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
	/*--icon-orig: #DEE2E6;*/
	--icon-orig: var(--page-bg);
	--bs-border-radius: 0.125rem !important;
	/*--accordion-navlink: #031633;*/
	--accordion-navlink: var(--selected);
	/*--accordion-navlink-bg: #212529;*/
	--accordion-navlink-bg: var(--selected);
	/*--accordion-navlink-active: #212529;*/
	--accordion-navlink-active: var(--hover);
	--checkbox-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>");
	--page-bg: #F9F9F9;
}

.new-text-warning-emphasis {
	color: var(--selected-orig);
}

.input-group-text {
	color: var(--text);
	background-color: var(--outline);
}

body {
	font-family:Lato,sans-serif;
	font-size:1.2em;
	background-color: var(--hover) !important;
	color: var(--text-light) !important;
}

h1 {
	color:var(--text) !important;
}

h2 {
	color: var(--text-warning-emphasis) !important;
}

h3 {
	color:var(--text) !important;
}

h4 {
	color:#944;
}

h5 {
	color: var(--bs-warning-text-emphasis);
}

/*h6 {
	!*color:#500;*!
	color:#fcf;
}*/

small {
	font-size:0.75em
}

a {
	text-decoration:none;
	color:#90aad9;
}

a:hover {
	color:#96a1ab;
}

img {
	max-width:100%
}

/*label:nth-of-type(even) {
	background: #cccccc;
}*/

#hero {
	width: 100%;
	min-height: 80vh;
	/*background: #37517e;*/
	background-attachment: fixed;
	/*background-image: url("../images/intro.svg");*/
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: #122E8D;
}

#hero .container {
	padding-top: 72px;
}

#hero h1 {
	margin: 0 0 10px 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	color: #90aad9;
}

#hero h2 {
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 50px;
	font-size: 24px;
}

#hero .btn-get-started {
	font-family: "Jost", sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 10px 28px 11px 28px;
	border-radius: 5px;
	transition: 0.5s;
	margin: 10px 0 0 0;
	color: #f7e36b;
	background: var(--hover);
}

#hero .btn-get-started:hover {
	background: var(--hover);
}

#hero .btn-watch-video {
	font-size: 16px;
	display: flex;
	align-items: center;
	transition: 0.5s;
	margin: 10px 0 0 25px;
	color: #90aad9;
	line-height: 1;
}

/*#hero .btn-watch-video i {
	line-height: 0;
	color: #f7e36b;
	font-size: 32px;
	transition: 0.3s;
	margin-right: 8px;
}*/

#hero .btn-watch-video:hover i {
	color: #96a1ab;
}

#hero .animated {
	animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 991px) {
	#hero {
		height: 100vh;
		text-align: center;
	}

	#hero .animated {
		animation: none;
	}

	#hero .hero-img {
		text-align: center;
	}

	#hero .hero-img img {
		width: 50%;
	}
}

@media (max-width: 768px) {
	#hero h1 {
		font-size: 28px;
		line-height: 36px;
	}

	#hero h2 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 30px;
	}

	#hero .hero-img img {
		width: 70%;
	}
	#sidebarMenu {
		max-width:50vw;
	}
}

@media (max-width: 575px) {
	#hero .hero-img img {
		width: 80%;
	}

	#hero .btn-get-started {
		font-size: 16px;
		padding: 10px 24px 11px 24px;
	}
}

@keyframes up-down {
	0% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(-10px);
	}
}


table {
	font-size:.8em;
	color:#666 !important;
	background:#eee;
	width:100%;
	border-radius:.5em;
}

table code {
	background:transparent;
	padding:0
}

tr {
	border-bottom:1px solid #fff;
}

tr:last-child {
	border-bottom:none;
}

th,td {
	font-size:1em;
	line-height:1.25em;
	margin:0;
	padding:1em;
	white-space:nowrap;
}

th {
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
	background:#999;
}

th a {
	color:#fff;
}

th:first-child,
td:first-child {
	width:50%;
}

pre {
	background:#efefef;
	padding:0.75em;
	border-radius:0.75em;
}

ul {
	color:#666;
	line-height:1.5em;
}

p code,ul code {
	padding:.25em .75em;
	border-radius:.75em;
	white-space:nowrap
}

blockquote pre,blockquote code {
	color:#666;
	background:#fff;
}

code {
	background:#eee;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.content {
	padding:0 20px;
	max-width:768px;
	margin:0 auto;
}

/*.header {
	background:#eee;
}*/

.header img {
	width:90%;
	max-width:768px;
	padding:0 5%;
}

.footer {
	font-size:0.9em;
	background:#060E2A;
}

.footer p {
	color:#eee;
	padding:20px;
	max-width:768px;
	margin:0 auto;
}

.footer .stats {
	font-size:.9em;
}

@media screen and (max-width:48em) {

	body {
		font-size:1em;
	}

}


/* Added by Bootstrap dashboard */


.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
	.sidebar .offcanvas-lg {
		position: -webkit-sticky;
		position: sticky;
		top: 48px;
	}
	.navbar-search {
		display: block;
	}
}

.b-example-divider {
	width: 100%;
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
}

.bi {
	vertical-align: -.125em;
	fill: currentColor;
	display: inline-block;
	width: 1rem;
	height: 1rem;
}

.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}

.w-px-40 {
	width: 40px !important;
}

.nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
	--bd-violet-bg: #712cf9;
	--bd-violet-rgb: 112.520718, 44.062154, 249.437846;

	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--bd-violet-bg);
	--bs-btn-border-color: var(--bd-violet-bg);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #6528e0;
	--bs-btn-hover-border-color: #6528e0;
	--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: #5a23c8;
	--bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
	z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
	display: block !important;
}

.sidebar {
	background: var(--hover);
}

.sidebar .nav-link {
	font-size: .875rem;
	font-weight: 400;
}

.sidebar .nav-link .active {
	color: #2470dc;
}

.sidebar-heading {
	font-size: .75rem;
}

/*.login-button {
	 border: var(--hover);
	 background-color: var(--card-bg) !important;
	 color: var(--hover) !important;
 }*/

.login-button-hover :hover {
	border: var(--hover);
	background-color: var(--hover) !important;
	color: var(--card-bg) !important;
}

.navbar-brand {
	padding-top: .75rem;
	padding-bottom: .75rem;
	/*background-color: rgba(0, 0, 0, .1);
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);*/
}

.navbar .form-control {
	padding: .75rem 1rem;
}

#heroFront {
	background: radial-gradient(#a23982,#1f1013);
	-webkit-overflow-Y: hidden;
	-moz-overflow-Y: hidden;
	-o-overflow-Y: hidden;
	overflow-y: hidden;
	-webkit-animation: fadeIn 1 1s ease-out;
	-moz-animation: fadeIn 1 1s ease-out;
	-o-animation: fadeIn 1 1s ease-out;
	animation: fadeIn 1 1s ease-out;
}

.light {
	position: absolute;
	width: 0px;
	opacity: .75;
	background-color: white;
	box-shadow: #e9f1f1 0px 0px 20px 2px;
	opacity: 0;
	top: 100vh;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
}

.x1{
	-webkit-animation: floatUp 4s infinite linear;
	-moz-animation: floatUp 4s infinite linear;
	-o-animation: floatUp 4s infinite linear;
	animation: floatUp 4s infinite linear;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
}

.x2{
	-webkit-animation: floatUp 7s infinite linear;
	-moz-animation: floatUp 7s infinite linear;
	-o-animation: floatUp 7s infinite linear;
	animation: floatUp 7s infinite linear;
	-webkit-transform: scale(1.6);
	-moz-transform: scale(1.6);
	-o-transform: scale(1.6);
	transform: scale(1.6);
	left: 15%;
}

.x3{
	-webkit-animation: floatUp 2.5s infinite linear;
	-moz-animation: floatUp 2.5s infinite linear;
	-o-animation: floatUp 2.5s infinite linear;
	animation: floatUp 2.5s infinite linear;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5);
	left: -15%;
}

.x4{
	-webkit-animation: floatUp 4.5s infinite linear;
	-moz-animation: floatUp 4.5s infinite linear;
	-o-animation: floatUp 4.5s infinite linear;
	animation: floatUp 4.5s infinite linear;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	left: -34%;
}

.x5{
	-webkit-animation: floatUp 8s infinite linear;
	-moz-animation: floatUp 8s infinite linear;
	-o-animation: floatUp 8s infinite linear;
	animation: floatUp 8s infinite linear;
	-webkit-transform: scale(2.2);
	-moz-transform: scale(2.2);
	-o-transform: scale(2.2);
	transform: scale(2.2);
	left: -57%;
}

.x6{
	-webkit-animation: floatUp 3s infinite linear;
	-moz-animation: floatUp 3s infinite linear;
	-o-animation: floatUp 3s infinite linear;
	animation: floatUp 3s infinite linear;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	left: -11%;
}

.x7{
	-webkit-animation: floatUp 5.3s infinite linear;
	-moz-animation: floatUp 5.3s infinite linear;
	-o-animation: floatUp 5.3s infinite linear;
	animation: floatUp 5.3s infinite linear;
	-webkit-transform: scale(3.2);
	-moz-transform: scale(3.2);
	-o-transform: scale(3.2);
	transform: scale(3.2);
	left: 37%;
}

.x8{
	-webkit-animation: floatUp 4.7s infinite linear;
	-moz-animation: floatUp 4.7s infinite linear;
	-o-animation: floatUp 4.7s infinite linear;
	animation: floatUp 4.7s infinite linear;
	-webkit-transform: scale(1.7);
	-moz-transform: scale(1.7);
	-o-transform: scale(1.7);
	transform: scale(1.7);
	left: 62%;
}

.x9{
	-webkit-animation: floatUp 4.1s infinite linear;
	-moz-animation: floatUp 4.1s infinite linear;
	-o-animation: floatUp 4.1s infinite linear;
	animation: floatUp 4.1s infinite linear;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	left: 15%;
}

@-webkit-keyframes floatUp{
	0%{top: 1vh; opacity: 0;}
	25%{opacity: 1;}
	50%{top: 0vh; opacity: .8;}
	75%{opacity: 1;}
	100%{top: -1vh; opacity: 0;}
}
@-moz-keyframes floatUp{
	0%{top: 1vh; opacity: 0;}
	25%{opacity: 1;}
	50%{top: 0vh; opacity: .8;}
	75%{opacity: 1;}
	100%{top: -1vh; opacity: 0;}
}
@-o-keyframes floatUp{
	0%{top: 1vh; opacity: 0;}
	25%{opacity: 1;}
	50%{top: 0vh; opacity: .8;}
	75%{opacity: 1;}
	100%{top: -1vh; opacity: 0;}
}
@keyframes floatUp{
	0%{top: 1vh; opacity: 0;}
	25%{opacity: 1;}
	50%{top: 0vh; opacity: .8;}
	75%{opacity: 1;}
	100%{top: -1vh; opacity: 0;}
}
.header{
	position: relative;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	/*color: white;*/
	font-size: 2em;
}

.no-answer-flag {
	color: var(--header-orig);
}

.card {
	background-color: var(--card-bg-orig) !important;
}
.card-header {
	color: var(--page-bg) !important;
}

.form-label {
	color: var(--text-light) !important;
	padding-top: 0.5rem;
}

.input {
	background-color: var(--input-bg) !important;
	color: var(--text-light) !important;
}
.form-check-input:checked[type="checkbox"]:checked {
	background-image: var(--checkbox-bg-image) !important;
}
input[type=checkbox] {
	/*background-color: var(--text-light) !important;*/
}
input[type=checkbox] :checked {
	/*background-color: var(--hover) !important;
	color: var(--text) !important;*/
	background-image: var(--checkbox-bg-image) !important;
}
.form-select {
	background-image: var(--select-bg-orig) !important;
}
#searchResults a {
	color: var(--page-bg) !important;
}
.list-group-item {
	background-color: var(--page-bg) !important;
}
.list-group-item span {
	color: var(--text);
}
.alt-text {
	color: var(--alt-text) !important;
}
.dark-text {
	color: var(--text);
}
.text-warning-emphasis {
	color: var(--text-warning-emphasis) !important;
}
.offcanvas-header {
	background-color: var(--bg-sidebar-link-orig) !important;
}
.offcanvas-body {
	background-color: var(--bg-sidebar-link-orig) !important;
}
#sidebarMenu li {
	background-color: var(--bg-sidebar-link-hover-orig) !important;
}
#sidebarMenu li :hover {
	background-color: var(--bg-sidebar-link-hover-orig) !important;
}
#sidebarMenu a {
	color: var(--sidebar-text-orig) !important;
}
.nav-tabs .nav-item :hover {
	background-color: var(--bg-sidebar-link-hover-orig) !important;
}
.text-light-emphasis {
	color: rgb(248, 249, 250) !important;
}
.bg-primary-subtle {
	background-color: var(--bg-primary-subtle-orig) !important;
}
main {
	background-color: var(--main-bg-orig) !important;
}
#hero {
	background-color: var(--bg-hero-primary-subtle-orig) !important;
}
.modal-header {
	background-color: var(--bg-primary-subtle-modal-header-orig) !important;
}
.accordion-button {
	background-color: var(--bg-primary-subtle-modal-header-orig) !important;
	color: var(--btn-primary-text) !important;
}
.accordion-body {
	background-color: var(--modal-bg) !important;
}

.modal-header .text-warning-emphasis {
	color: var(--modal-header-text-warning-emphasis) !important;
}
.modal-header a {
	color: var(--modal-header-text-warning-emphasis) !important;
}
.modal-content {
	border-color: var(--border-orig) !important;
	background-color: var(--modal-bg) !important;
}
.form-group {
	color: var(--text-light);
}
.btn-primary {
	background-color: var(--btn-primary-orig) !important;
	color: var(--btn-primary-text) !important;
}
.btn-secondary {
	background-color: var(--page-bg) !important;
	color: var(--btn-secondary-text) !important;
}
nav {
	background-color: var(--page-bg) !important;
}
.navbar-nav .dropdown-menu {
	position: absolute;
}

.nav-tabs .nav-link.active {
	background-color: var(--accordion-navlink-active) !important;
	color: var(--btn-primary-text) !important;
}

.nav-tabs .nav-link {
	background-color: var(--accordion-navlink-bg) !important;
	color: var(--btn-primary-text) !important;
}

.btn-warning {
	background-color: var(--button-warning) !important;
}

i .text-warning {
	color: var(--text-warning-emphasis) !important;
}

.accordion-body .nav-link {
	background-color: var(--accordion-navlink) !important;
	color: var(--accordion-navlink-text) !important;
}

#ProfileMenu .text-primary {
	color: var(--text-warning-emphasis) !important;
}

#LoginForm .text-primary {
	color: var(--hover) !important;
}

#ProfileMenu i {
	color: var(--text-warning-emphasis) !important;
}

#ProfileMenu i :hover {
	background-color: var(--bg-sidebar-link-hover-orig) !important;
}

.text-primary {
	color: var(--text-orig) !important;
}

/*#ProfileButton {
	color: var(--icon-orig) !important;
	background-color: var(--header);
}*/

#UserNotificationsButton {
	color: var(--icon-orig) !important;
}

.btn-outline-secondary {
	color: var(--text-warning-emphasis) !important;
}

.btn-outline-secondary i {
	color: var(--text-warning-emphasis) !important;
}
.accordion-button:after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.zebra:nth-child(odd) {

}

.accordion-button:focus {
	outline: none;
	box-shadow: none;
}

/*Number control */
.number-control {
	display: flex;
	align-items: center;
}

.number-left::before,
.number-right::after {
	content: attr(data-content);
	background-color: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid black;
	width: 20px;
	color: white;
	transition: background-color 0.3s;
	cursor: pointer;
}

.number-left::before {
	content: "-";
}

.number-right::after {
	content: "+";
}

.number-quantity {
	/*padding: 0.25rem;*/
	border: 0;
	width: 50px;
	-moz-appearance: textfield;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.number-left:hover::before,
.number-right:hover::after {
	background-color: #666666;
}

.vscomp-toggle-button {
	border: 1px solid #000;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
	--bs-form-switch-bg: var(--text);
}