.recommended { position:relative; background:#eee; padding:20px; margin:15px -20px -25px -20px; min-height:20px; }
.recommended.recommended-wait { background: url('data:image/gif;base64,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') 50% 50% no-repeat; }
.recommended .recommended-products { margin-top:10px; }
.recommended .recommended-products a { display:block; padding:5px 0px 5px 0px; }
.recommended .recommended-products a[data-role] { display:block; width:26px; height:26px;  }
.recommended .recommended-products a[data-role]:hover { text-decoration:none; cursor:pointer;  }
.recommended .recommended-products a[data-role], 
.recommended .recommended-products a[data-role]:visited { position: relative; text-decoration: none; }
.recommended .recommended-products a[data-role]:before { content: ""; position: absolute; border-top: 6px solid rgba(0,0,0,0.8); border-left: 8px solid transparent; border-right: 8px solid transparent; display: none; top: -5px; left:2px; }
.recommended .recommended-products a[data-role]:after { content: attr(data-tooltip); position: absolute; color: white; top: -35px; left: -10px; background: rgba(0,0,0,0.8); padding: 5px 10px 5px 10px; border-radius: 4px; white-space: nowrap; display: none; }
.recommended .recommended-products a[data-role]:hover:before, 
.recommended .recommended-products a[data-role]:hover:after { display: inline; }

.recommended table > tbody > tr > td { padding:0px; }

.recommended .recommended-products a[data-role] path { display:none; }
.recommended .recommended-products a[data-role] path.icon { display:block; }
.recommended .recommended-products a[data-role] path.wait { animation-name: ro; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; transform-origin: 50% 50%; }

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