#search::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

/* [data-scroll-class] {
	opacity: 0;
} */

.hajpic-lb {
	cursor: pointer;
}

.tooltip-primary {
	--bs-tooltip-bg: var(--bs-primary);
}

.form-control:focus {
	box-shadow: none !important;
}

.btn-filter {
	border-color: transparent !important;
	outline: none !important;
	box-shadow: none !important;
}

.btn-filter+.dropdown-menu {
	--bs-dropdown-min-width: 18rem;
	max-width: 22rem;
}

.btn-outline-primary {
	--bs-btn-color: #0250C0;
	--bs-btn-border-color: #0250C0;
	--bs-btn-hover-bg: #0250C0;
	--bs-btn-hover-border-color: #0250C0;
	--bs-btn-active-bg: #0250C0;
	--bs-btn-active-border-color: #0250C0;
	--bs-btn-disabled-color: #0250C0;
	--bs-btn-disabled-border-color: #0250C0;
}

/* .dropdown-menu {
	--bs-dropdown-font-size: 0.875rem;
} */

#numcnt div[data-numberanimate-pos]>div {
	white-space: initial;
}

#termModal #hajmeta:not(:empty) {
	margin-right: 0.25rem;
}

#termModal #hajmeta:not(:empty)+#hajhooman:not(:empty) {
	position: relative;
}

#termModal #hajmeta:not(:empty)+#hajhooman:not(:empty)::before {
	content: '•';
	margin-right: 0.25rem;
}

#termModal .modal-content.text-bg-primary .btn-close {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23eee'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

#termModal .modal-footer {
	--bs-modal-footer-border-color: rgba(255, 255, 255, 0.2);
}

#termModal .modal-footer .btn-link {
	color: var(--bs-white);
}

#termModal .modal-footer .btn-profile {
	display: none;
}

.animated {
	animation-duration: 750ms;
	animation-fill-mode: both;
}

@media print, (prefers-reduced-motion: reduce) {
	.animated {
		animation-duration: 1ms !important;
		transition-duration: 1ms !important;
		animation-iteration-count: 1 !important;
	}

	.animated[class*='Out'] {
		opacity: 0;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUp {
	animation-name: fadeInUp;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	animation-name: fadeIn;
}

.btn-snuggle {
	/* padding-top: 2em; */
	background-image: url('./web_heart_animation.png');
	background-repeat: no-repeat;
	background-size: 2900%;
	background-position: left;
	height: 30px;
	width: 50px;
	margin-left: -15px;
}

.heart-animate {
	animation: heart-burst .8s steps(28) forwards;
}

@keyframes heart-burst {
	0% {
		background-position: left;
	}
	100% {
		background-position: right;
	}
}

.select2-container {
	width: 100% !important;
	font-size: 0.875rem;
}

.select2-container .select2-selection--single {
	min-height: 28px;
	height: auto;
	padding: 2px 3px;
	border-color: #ced4da;
	border-radius: 0.375rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	position: absolute;
	height: 14px;
	left: 50%;
	margin-left: -18px;
	margin-top: -6px;
	top: 50%;
	width: 14px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23343A3F" class="bi bi-chevron-down" viewBox="0 0 16 16">  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: none;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	margin-right: 34px;
}