.bg__search-hit {
	border-bottom: 1px solid $clGreyTint;
	margin: 0 0 0 5px;
	padding: 0px;
	padding-right: 10px;
	position: relative;
	display:block;
	min-height: 50px;

	.bg__sh__quickview {
		position: absolute;
		bottom: 10px;
		right: 10px;
		button {
			transition: background-color;
			height: 35px;
			width: 35px;
			border: 1px solid $clGreyTint;
			background-color: $clGrey;
			background-color: darken($clGrey, 4%);
		}
	}

	.bg__sh__select {
		@include checkbox();
		margin-top: 25px;
		input[type="checkbox"] + label span {
			border-color: darken($clGreyTint, 8%);
		}
	}

	.bg__sh__bookmarked {
		background-color: $clSecondary;
		border: 0;
		color: white;
		text-align: center;
		width: 35px;
		height: 35px;
		position: absolute;
		right: 0;
		top: 0;
		i {
			line-height: 35px;
		}
	}

	&.fragment {
		border-right: 1px solid $highlight-color;
		margin: 5px;
		padding: $default-margin;
	}

	&.visitedItem {
		opacity: 0.9;
	}

	.bg__sh__visited-icon{
		background-image: $iconTimeUrl;
		position: absolute;
		right: 50px;
		bottom: 10px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 15px;
		width: 35px;
		height: 35px;
	}

	&.bookmarked {
		border-left: 3px solid $clSecondary;
		background-color: mix(white, $clSecondary, 90%);
		margin-left: 2px;
		.bg__sh__select input[type="checkbox"] + label span {
			border-color: mix(white, $clSecondary, 60%);
			background-color: mix(white, $clSecondary, 95%);
		}
		.bg__sh__quickview {
			button {
				background-color: $clGreyTint;
				&:hover {
					background-color: darken($clGreyTint, 4%);
				}
			}
		}
	}

	.__react_component_tooltip {
		text-align: left;
		ul {
			padding-left: 20px;
		}
	}
}