@keyframes rotate {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		}

.input-container {
			position: relative;
		}

.listing-scroll {
  min-height: calc(100vh - 76.22px);
  max-height: calc(100vh - 76.22px);
}

#list_body .price-area {
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}

#list_body .price-area .rate-info {
  flex: 1 1 auto;
  min-width: 0;
}

#list_body .price-area .crypto-icons {
  margin-left: auto;
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 100%;
}

#list_body .user-profile-initials {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.15), rgba(20, 184, 166, 0.18));
  color: var(--color-primary);
  font-weight: 700;
  font-size: 0.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

#list_body {
  width: 100%;
  padding: 0 15px;
}

@media (max-width: 576px) {
  #list_body {
    padding: 0 10px;
  }
}

.items-pad-left {
  padding: 0;
}

		.autocomplete-items {
			position: absolute;
			border: 1px solid rgba(0, 0, 0, 0.1);
			box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
			border-top: none;
			background-color: #fff;

			z-index: 99;
			top: calc(100% + 2px);
			left: 0;
			right: 0;
		}

		.autocomplete-items div {
			padding: 10px;
			cursor: pointer;
		}

		.autocomplete-items div:hover {
			/*when hovering an item:*/
			background-color: rgba(0, 0, 0, 0.1);
		}

		.autocomplete-items .autocomplete-active {
			/*when navigating through the items using the arrow keys:*/
			background-color: rgba(0, 0, 0, 0.1);
		}

		.clear-button {
			color: rgba(0, 0, 0, 0.4);
			cursor: pointer;
			
			position: absolute;
			right: 10px;
			top: 0;

			height: 100%;
			display: none;
			align-items: center;
		}

		.clear-button.visible {
			display: flex;
		}

		.clear-button:hover {
			color: rgba(0, 0, 0, 0.6);
		}

		.modal {
			--bs-modal-width: 600px !important;
		}

		.item:hover {
			box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
		}

		.up-rating {
		display: inline-block;
		white-space: nowrap;
		line-height: 0;
		}

		.up-rating .up-rating-foreground {
			gap: 0px;
			position: absolute;
			overflow: hidden;
		}

		.vertical-align-text-bottom {
		vertical-align: text-bottom;
		}    

		.up-popper-trigger {
		cursor: pointer;
		}		
		.onClick_button {
			background-color: #6c757d;
			color: #fff;
			outline: none;
		}