.popover.bottom{position: inherit;max-width: 100%;margin-bottom: 10px;z-index:0;}
.popover-content img.img-responsive {margin: 15px 0px;}
img.arr_pointer	{display: none;position: absolute;bottom: -20px;left: 45%;width: 30px;z-index: 1000;}
.popover-content p.ps_description{font-size:85%;}
.popover-content .ps_offer_list{font-size:80%;padding: 10px;}
.ps_offer_list td, .deal_offer td { padding: 2px 8px; vertical-align:top; }
.ps_offer_list td.pcost,  .ps_offer_list td.ppts, .deal_offer td.deal-cost, .deal_offer td.ppts{ text-align:right; }
a.ps_desc_toggle, a.ps_desc_toggle:HOVER {text-decoration: none !important;}
.loading-img {width: 25px;display: block;margin: 10% auto;}
.popover-content .deal_offer{font-size:95%;padding: 10px;}
.deal_offer td.deal-cost strike {color:#999;font-size: 95%;}
a.deal-btn{margin: 25px 15px;}
.deal-merchant, .deal-location, .deal-time {font-size: 87%;padding-left: 16px;color: #555;}
.deal-location {margin-top: -10px;}
.deal-merchant i, .deal-location i, .deal-time  i {margin-right: 3px;}


/*
.product-tile.ng-isolate-scope:hover div.darken { background-color: #000; opacity: 0.5; }
*/

/*
	Modified from:
	https://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/
*/
div.spinner{
	display:none;
	position:absolute;
	top: 25%;
	left: 25%;
	width:100px;
	height:100px;
	border-radius:100px;

	-moz-transform:scale(0.5);
	-webkit-transform:scale(0.5);
	-o-transform:scale(0.5);
	transform:scale(0.5);

	-webkit-animation-name: spinThis;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name:spinThis;
	-moz-animation-duration: 4s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;

	-ms-animation-name:spinThis;
	-ms-animation-duration: 4s;
	-ms-animation-timing-function: linear;
	-ms-animation-iteration-count: infinite;

	-o-animation-name:spinThis;
	-o-animation-duration: 4s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;

	animation-name:spinThis;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.spinner div {
	width: 10px;
	height: 30px;
	background: #fff;
	position: absolute;
	top: 35px;
	left: 45px;
}

.spinner .bar1{
	opacity:0.12;
	-moz-transform:rotate(0deg) translate(0, -40px);
	-webkit-transform:rotate(0deg) translate(0, -40px);
	-o-transform: rotate(0deg) translate(0, -40px);
	transform: rotate(0deg) translate(0, -40px);
}
.spinner .bar2 {
	opacity:0.25;
	-moz-transform:rotate(45deg) translate(0, -40px);
	-webkit-transform:rotate(45deg) translate(0, -40px);
	-o-transform: rotate(45deg) translate(0, -40px);
	transform: rotate(45deg) translate(0, -40px);
}
.spinner .bar3 {
	opacity:0.37;
	-moz-transform:rotate(90deg) translate(0, -40px);
	-webkit-transform:rotate(90deg) translate(0, -40px);
	-o-transform: rotate(90deg) translate(0, -40px);
	transform: rotate(90deg) translate(0, -40px);
}
.spinner .bar4 {
	opacity:0.50;
	-moz-transform:rotate(135deg) translate(0, -40px);
	-webkit-transform:rotate(135deg) translate(0, -40px);
	-o-transform: rotate(135deg) translate(0, -40px);
	transform: rotate(135deg) translate(0, -40px);
}
.spinner .bar5 {
	opacity:0.62;
	-moz-transform:rotate(180deg) translate(0, -40px);
	-webkit-transform:rotate(180deg) translate(0, -40px);
	-o-transform: rotate(180deg) translate(0, -40px);
	transform: rotate(180deg) translate(0, -40px);
}
.spinner .bar6 {
	opacity:0.75;
	-moz-transform:rotate(225deg) translate(0, -40px);
	-webkit-transform:rotate(225deg) translate(0, -40px);
	-o-transform: rotate(225deg) translate(0, -40px);
	transform: rotate(225deg) translate(0, -40px);
}
.spinner .bar7 {
	opacity:0.87;
	-moz-transform:rotate(270deg) translate(0, -40px);
	-webkit-transform:rotate(270deg) translate(0, -40px);
	-o-transform: rotate(270deg) translate(0, -40px);
	transform: rotate(270deg) translate(0, -40px);
}
.spinner .bar8 {
	opacity:1;
	-moz-transform:rotate(315deg) translate(0, -40px);
	-webkit-transform:rotate(315deg) translate(0, -40px);
	-o-transform: rotate(315deg) translate(0, -40px);
	transform: rotate(315deg) translate(0, -40px);
}

@-webkit-keyframes spinThis {
  from {-webkit-transform:scale(0.5) rotate(0deg);}
  to {-webkit-transform:scale(0.5) rotate(360deg);}
}

@-moz-keyframes spinThis{
  from {-moz-transform:scale(0.5) rotate(0deg);}
  to {-moz-transform:scale(0.5) rotate(360deg);}
}

@-o-keyframes spinThis {
  from {-o-transform:scale(0.5) rotate(0deg);}
  to {-o-transform:scale(0.5) rotate(360deg);}
}
@keyframes spinThis {
  from {transform:scale(0.5) rotate(0deg);}
  to {transform:scale(0.5) rotate(360deg);}
}