#toast-container {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 9999;
}

.toast {
	opacity: 1 !important;
	display: block !important;
}

#loading-bar .bar {
	background-color: #3173D6 !important; /* blue */
	height: 4px !important;
	z-index: 1001 !important;
	position: fixed !important;
	top: 0 !important;
}

#loading-bar-spinner {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 1001 !important;
	color: white !important;
	background-color: rgba(0, 0, 0, 0.6) !important;
	padding: 20px;
	border-radius: 8px;
}

#loading-bar-spinner .spinner-icon {
	border: 4px solid #f3f3f3 !important;
	border-top: 4px solid #3173D6 !important;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 0.8s linear infinite;
}

/* Spinner animation */
@keyframes spin { 
0% {
	transform: rotate(0deg);
}
100%{
transform:rotate(360deg);
}
}
[ng-cloak] {
	display: none !important;
}

body.loading-active {
	pointer-events: none;
	user-select: none;
	overflow: hidden; /* Prevents scrolling */
	position: fixed; /* Freezes scroll position */
	width: 100%;
}