@keyframes hintshadow
{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.highlight {
	position:relative;
	overflow: visible;
}

/* Pre-render the bigger shadow, but hide it */
.highlight::after {
	opacity:0.5;
	box-shadow: 0px 0px 12px 2px #3093C1;
	animation-duration: .75s;
	animation-name: hintshadow;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	content: "";
	position:absolute;
	left:0;
	top:0;
	right:0px;
	bottom:0;
}

@keyframes hintbgcolor
{
	0% {background-color: transparent;}
	50% {background-color : #7FD8FF;}
	100% {background-color: transparent;}
}

.highlightbgcolor {
	animation-duration: 1.5s;
	animation-name: hintbgcolor;
	animation-iteration-count: infinite;
}

.highlightbgcolor2 {
	animation-duration: 1.5s;
	animation-delay: -0.75s;
	animation-name: hintbgcolor;
	animation-iteration-count: infinite;
}