/* Global Styles */
body {
	background-color: #f2f2f2;
	color: #333333;
}

/* Header */
header {
	background-color: #ffffff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-standard {
	background-color: rgb(98, 57, 212) !important;
	color: white !important;
}

.btn-standard:hover:enabled {
	background-color: rgb(43, 7, 139) !important;
}

.btn-standard:disabled,
.btn-standard[disabled]{
	background: #636161 !important;
}

.btn-add {
	background-color: rgb(14, 172, 27) !important;
}

.btn-add:hover {
	background-color: rgb(16, 211, 32) !important;
}

.btn-danger {
	background-color: rgb(201, 7, 7) !important;
	color: white !important;
}

.btn-danger:hover {
	background-color: rgb(241, 11, 11) !important;
}

/* Navigation */
nav ul {
	list-style: none;
}

nav ul li {
	display: inline-block;
}

nav ul li a {
	color: #333333;
}

nav ul li a:hover {
	background-color: #eeeeee;
}

/* Main Content */
main {
	padding: 20px;
	background-color: #ffffff;
}

/* Footer */
footer {
	background-color: #f2f2f2;
	color: #999999;
}

a {
	color: white;
}

/* Custom styles */
.transactions-group-colors {
	border-color: rgb(161, 8, 8);
	background: rgb(238, 238, 238);
}

.finance-source-colors {
	background-color: white;
}

.planned-expense-colors {
	background-color: white;
}

.divider-colors {
	background-color: black;
}

.modal-colors {
	background-color: white;
}

.home-tile-colors {
	color: black;
}

.home-tile-colors:hover {
	border-color: black;
}

.streak-colors {
	background-color: white;
	border-color: rgb(221, 220, 220);
}

.settings-sidenav-colors {
	border-color: black;
}

dialog {
	color: black;
	background-color: white;
}