:root {
	--main-color: #283593;
	--main-color-quarter-alpha: #28359344;

	--main-color-light-tinted:  #dbdded;
	--main-color-dark-tinted:  #b7bbdb;
}

.side-nav > li > a:hover, .side-nav > li > ul li:hover {
	background-color: #6f78b733;
}

.side-nav > li.active > a, .side-nav > li.active > ul {
	background-color: #6f78b755;
}
.switch label input[type=checkbox]:checked + .lever {
	background-color: #a9aed3;
}

.switch label .lever:before {
	background-color: rgba(40,53,147, 0.15);
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
	background-color: rgba(40,53,147, 0.15);
}

.progress {
	background-color: #b7bbdb;
}

.btn:hover:not(.MuiButton-root), .btn:focus:not(.MuiButton-root), .btn-floating:hover:not(.MuiButton-root), .btn-large:hover:not(.MuiButton-root), .btn-large:focus:not(.MuiButton-root) {
	background-color: #323f98;
}
