#menu-overlay, #navbar-extension-overlay {
	background-color: rgba(0,0,0,.25);
}

body {
	background-color: rgb(250,250,250);
}

.card > .titlebar,
.card .footer,
#popup-footer,
tr:nth-of-type(odd) {
    background-color: rgb(230 230 230);
}

.card,
#menu,
.navbar-extension > .sidenav,
button {
	background-color: rgb(240 240 240);
}

.navbar,
button:hover,
tr:nth-of-type(even),
.card > .titlebar > .right > .item:hover {
	background-color: rgb(245 245 245);
}

.menu-list > .icon {
	background-color: rgb(215 215 215);
}
.menu-list > .icon.hover[data-cr-menu-secondary-focus] {
	background-color: rgb(200 200 200);
}

#side-brand .title {
	color: black;
}

body,
button,
a {
	color: rgb(50 50 50);
}

a:-webkit-any-link:active {
    color: rgb(100, 100, 100);
}

small {
	color: rgb(100 100 100);
}

.navbar .item:hover i,
.card > .titlebar > .right > .item:hover i,
.menu-list > .icon.hover[data-cr-menu-secondary-focus] + * + *,
.menu-list > .icon.hover:not([data-cr-menu-secondary-focus]) {
	background-color: #014cb7;
	color: white;
}

#menu,
.menu-list hr,
.navbar,
.navbar-extension > .sidenav,
.card,
.card > .titlebar,
.card .footer,
#popup-footer,
button {
	border-color: rgb(0 0 0 / 15%);
}

button:focus {
	border-color: black;
}

button:hover {
	border-color: #014cb7;
}

#notification > div > div {
	border-color: white;
	font-weight: bold;
}

@keyframes backgroundPulse {
	0% { background-color: rgba(255, 255, 255, .8); }
	100% { background-color: rgba(220, 220, 220, .8); }
}

#menu,
.navbar,
.navbar-extension > .sidenav,
.card,
#notification > div > div {
	box-shadow: 0 .2rem .5rem 0 rgba(0,0,0,.16), 0 .2rem 1rem 0 rgba(0,0,0,.12);
}