:root, :root.light, :root .light {
	/* --------------------------- Gradient Background -------------------------- */
	/* replacing #4695ff with #0F9A49, #1970e2 with #83B985 */
	--falcon-bg-shape-bg: #0F9A49;
	--falcon-bg-shape-bg-ltd: linear-gradient(-45deg, #0F9A49, #83B985);
	--falcon-bg-shape-bg-dtl: linear-gradient(-45deg, #83B985, #0F9A49);
	--falcon-line-chart-gradient: linear-gradient(-45deg, #014ba7, #0183d0);
	--falcon-card-gradient: linear-gradient(-45deg, #83B985, #0F9A49);
	--falcon-progress-gradient: linear-gradient(-45deg, #83B985, #0F9A49);
	--falcon-bg-circle-shape: none;
	--falcon-bg-circle-shape-bg: #0F9A49;
	--falcon-modal-shape-header: linear-gradient(-45deg, #83B985, #0F9A49);
	--falcon-modal-shape-header-bg: #4494ff;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus,
.btn:focus {
	-webkit-box-shadow: 0 0 0 0.25rem rgb(52 229 44 / 25%) !important;
	box-shadow: 0 0 0 0.25rem rgb(52 229 44 / 25%) !important;
}

:focus {
	/*background-color: red;*/
}

/* Override Green Navbar background Image to be more opaque */
.navbar-vertical.navbar-vibrant .navbar-collapse {
	background-image: linear-gradient( -45deg, rgba(0,255,12,0.5), #00A008),url(../img/nav/rainbow-nav.jpg);
}