/* Notifications CSS */


.bg-gradient-secondary-soft {
	background: linear-gradient(180deg, rgba(var(--bs-secondary-soft-rgb),1) 0%, rgba(var(--bs-white-rgb),1) 100%);
}
.pagination{
	display:flex;justify-content:center;padding:2rem 0
}
.pagination em,
.pagination span,
.pagination a {
	display:flex;
	width:40px;
	height:40px;
	border-radius:100px;
	justify-content:center;
	align-items:center;
	margin:0 10px;
	text-decoration:none;
	transition:.3s;
	font-style:normal !important;
}
.pagination .disabled {
	cursor: normal;
	color: rgba(var(--bs-secondary-100-rgb));
}
.pagination .current {
	color: rgb(var(--bs-white-rgb));
	border-color: rgb(var(--bs-secondary-rgb));
	background: rgb(var(--bs-secondary-rgb));
}
.pagination a {
	color: rgb(var(--bs-gray-700-rgb));
	transition:.3s}
.pagination a:hover {
	color: rgb(var(--bs-secondary-500-rgb));
	transition:.3s
}
.next_page,
.previous_page {
	font-size:20px
}
.top-auto {top: auto !important;}
.start-auto {left:auto !important;}

.text-bg-food {
	color: var(--bs-black) !important;
	background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-shopping {
	color: var(--bs-white) !important;
	background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-travel {
	color: var(--bs-white) !important;
	background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-economy {
	color: var(--bs-white) !important;
	background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-finance {
	color: var(--bs-white) !important;
	background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-investing {
	color: RGBA(var(--bs-warning-700-rgb), var(--bs-bg-opacity, 1)) !important;
	background-color: RGBA(var(--bs-warning-100-rgb), var(--bs-bg-opacity, 1)) !important;
}