.breadcrumb-item+.breadcrumb-item::before {
	content: var(--bs-breadcrumb-divider, " | ")
}

.img.blurred {
	filter: blur(10px);
	-webkit-filter: blur(10px);
}

span.text-cyan {
	color: #00ffff;
}

#toast-container .toast {
	min-width: 250px;
}

.qrcode {
	background-color: white;
	padding: 10px;
}

#circleG {
	width: 45px;
	margin: auto;
}

.circleG {
	background-color: rgb(255, 255, 255);
	float: left;
	height: 10px;
	margin-left: 5px;
	width: 10px;
	animation-name: bounce_circleG;
	-o-animation-name: bounce_circleG;
	-ms-animation-name: bounce_circleG;
	-webkit-animation-name: bounce_circleG;
	-moz-animation-name: bounce_circleG;
	animation-duration: 0.5875s;
	-o-animation-duration: 0.5875s;
	-ms-animation-duration: 0.5875s;
	-webkit-animation-duration: 0.5875s;
	-moz-animation-duration: 0.5875s;
	animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-direction: normal;
	-o-animation-direction: normal;
	-ms-animation-direction: normal;
	-webkit-animation-direction: normal;
	-moz-animation-direction: normal;
	border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#circleG_1 {
	animation-delay: 0.1195s;
	-o-animation-delay: 0.1195s;
	-ms-animation-delay: 0.1195s;
	-webkit-animation-delay: 0.1195s;
	-moz-animation-delay: 0.1195s;
}

#circleG_2 {
	animation-delay: 0.2755s;
	-o-animation-delay: 0.2755s;
	-ms-animation-delay: 0.2755s;
	-webkit-animation-delay: 0.2755s;
	-moz-animation-delay: 0.2755s;
}

#circleG_3 {
	animation-delay: 0.3485s;
	-o-animation-delay: 0.3485s;
	-ms-animation-delay: 0.3485s;
	-webkit-animation-delay: 0.3485s;
	-moz-animation-delay: 0.3485s;
}



@keyframes bounce_circleG {
	0% {}

	50% {
		background-color: rgb(11, 179, 165);
	}

	100% {}
}

@-o-keyframes bounce_circleG {
	0% {}

	50% {
		background-color: rgb(11, 179, 165);
	}

	100% {}
}

@-ms-keyframes bounce_circleG {
	0% {}

	50% {
		background-color: rgb(11, 179, 165);
	}

	100% {}
}

@-webkit-keyframes bounce_circleG {
	0% {}

	50% {
		background-color: rgb(11, 179, 165);
	}

	100% {}
}

@-moz-keyframes bounce_circleG {
	0% {}

	50% {
		background-color: rgb(11, 179, 165);
	}

	100% {}
}

/* Apply styles specific for printing */
@media print {

	/* Hide everything in the body when printing... */
	body * {
		visibility: hidden;
		color: black;
	}

	p {
		color: black;
	}

	table {
		color: black;

	}

	table th {
		color: black;
	}

	table td {
		color: black;
	}

	table tr {
		color: black;
	}

	tr {
		page-break-inside: avoid;
	}

	.card {
		/* Add your card styles here */
		page-break-inside: avoid;
		/* Avoid page breaks inside the card */
		margin-bottom: 10%;
		/* Allow some space for the 10% overflow */
	}

	/* ...except our container, which contains the printable content */
	.print-container,
	.print-container * {

		visibility: visible;
		color: black;
	}

	/* Remove the default printing margin */
	.print-container {
		position: absolute;
		left: 0;
		top: 0;
		color: black;

		width: 100%;
	}

	/* Add a grey background color */
	.print-container {
		background: #eee;
		color: black;
	}

	/* Use a smaller font size after printing */
	.print-container {
		font-size: 10pt;
		color: black;
	}

	/* Use a smaller line height after printing */
	.print-container {
		line-height: 1.2;
		color: black;
	}

	/* Use a smaller width for images after printing */
	.print-container img {
		max-width: 100%;
	}

	/* Use a smaller width for tables after printing */
	.print-container table {
		width: 100%;
		color: black;
	}

	.print-container table th {
		color: black;
	}

	/* Use a smaller width for videos after printing */
	.print-container video {
		max-width: 100%;
	}

	/* Use a smaller width for iframes after printing */
	.print-container iframe {
		max-width: 100%;
	}

	/* Use a smaller width for objects after printing */
	.print-container object {
		max-width: 100%;
	}

	/* Use a smaller width for SVGs after printing */
	.print-container svg {
		max-width: 100%;
	}

	/* Use a smaller width for canvas elements after printing */
	.print-container canvas {
		max-width: 100%;
	}

	/* Use a smaller width for maps after printing */
	.print-container map {
		max-width: 100%;
	}

	/* Use a smaller width for pre elements after printing */
	.print-container pre {
		max-width: 100%;
	}

	/* Use a smaller width for code elements after printing */
	.print-container code {
		max-width: 100%;
	}

	/* Use a smaller width for kbd elements after printing */
	.print-container kbd {
		max-width: 100%;
	}

	/* Use a smaller width for samp elements after printing */
	.print-container samp {
		max-width: 100%;
	}
}

.glow-image {
	border-radius: 50%;
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
	animation: glow 1.5s infinite alternate;
}

@keyframes glow {
	0% {
		box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
	}

	100% {
		box-shadow: 0 0 30px rgba(255, 255, 255, 1);
	}
}

/* Case Timeline Styles */
.timeline {
	position: relative;
	padding-left: 30px;
}

.timeline::before {
	content: '';
	position: absolute;
	left: 12px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: rgba(var(--bs-theme-rgb), 0.2);
}

.timeline-item {
	position: relative;
	padding-bottom: 20px;
	display: flex;
	align-items: flex-start;
}

.timeline-item:last-child {
	padding-bottom: 0;
}

.timeline-icon {
	position: absolute;
	left: -30px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 12px;
	z-index: 1;
}

.timeline-content {
	flex: 1;
	background: rgba(var(--bs-inverse-rgb), 0.05);
	border-radius: 8px;
	padding: 12px 15px;
	margin-left: 10px;
}

.timeline-content h6 {
	font-size: 14px;
}

.timeline-content p {
	font-size: 13px;
	line-height: 1.4;
}

/* Autocomplete dropdown styles */
.autocomplete-wrapper {
	position: relative;
}

.autocomplete-input-group {
	position: relative;
	display: flex;
	align-items: center;
}

.autocomplete-input-group .form-control {
	padding-right: 32px;
}

.autocomplete-clear {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	font-size: 18px;
	color: rgba(var(--bs-inverse-rgb), 0.4);
	cursor: pointer;
	padding: 0 4px;
	line-height: 1;
	z-index: 2;
}

.autocomplete-clear:hover {
	color: rgba(var(--bs-inverse-rgb), 0.8);
}

.autocomplete-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 1050;
	background: var(--bs-body-bg, #1a1d21);
	border: 1px solid rgba(var(--bs-inverse-rgb), 0.15);
	border-top: none;
	border-radius: 0 0 6px 6px;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
	max-height: 240px;
	overflow-y: auto;
}

.autocomplete-item {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	cursor: pointer;
	font-size: 13px;
	transition: background 0.15s;
}

.autocomplete-item:hover {
	background: rgba(var(--bs-theme-rgb), 0.15);
}

.autocomplete-item.autocomplete-empty {
	cursor: default;
	color: rgba(var(--bs-inverse-rgb), 0.5);
	font-style: italic;
}

.autocomplete-item.autocomplete-empty:hover {
	background: none;
}

.autocomplete-avatar {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 10px;
	flex-shrink: 0;
}

.autocomplete-label {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.autocomplete-loading {
	padding: 10px 12px;
	font-size: 13px;
	color: rgba(var(--bs-inverse-rgb), 0.5);
}

.autocomplete-selected {
	border-color: rgba(var(--bs-theme-rgb), 0.5) !important;
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.spin {
	display: inline-block;
	animation: spin 0.8s linear infinite;
}