/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/***********************************************************************************************
property Ad History pages
************************************************************************************************/
 :root{
 /*	--darkColor:#152d4d;*/
 	--darkColor:#24386a;  
 	 /*--mediumColor:#A2AAAD;*/
 --mediumColor:#c4c4c4; 
 	--lightColor:#fff;
 	--goColor:green;
 	--stopColor:red;
 	--warningColor:orange;
 	--blackColor:#000;
 }

.interactiveStats li{
	font-weight:600;
	font-size:1.5em;
	font-family: 'Lato', sans-serif;
	cursor:pointer;
	color:var(--lightColor);
	border:4px double var(--lightColor); 
	background:var(--darkColor) !important;
	border-radius: 8px;
	width:200px;
	line-height:2em;
	text-align:center;
	margin-left:10px;
	float:left;
	
}
.interactiveStats li:hover{
	border:4px double var(--darkColor); 
	background:var(--lightColor) !important;
	color:var(--darkColor);
	animation:psShake 1s;
}
.interactiveStats li a{
text-decoration:none;
text-align:center;
padding-left:10px;
}
.cl{clear:both;}


.cb{clear:both;}

@keyframes psShake {
  0% {transform: scale3d(1,1,1);}
  20%{transform: scale3d(1.02,1.02,1);}
  40%{transform: scale3d(.98,.99,1);}
  60% {transform: scale3d(1.01,1.01,1);}
  80% {transform: scale3d(.99,.99,1);}
  100% {transform: scale3d(1,1,1);}
}