/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/***********************************************************************************************
property Ad History pages
************************************************************************************************/
 :root{
--darkColor:#24386a;   --mediumColor:#c4c4c4; 
 	--lightColor:#fff;
 	--goColor:green;
 	--stopColor:red;
 	--warningColor:orange;
 	--blackColor:#000;
 }
  #saveResults{
	background-color:var(--darkColor);
	color:var(--lightColor);
	font-size:30px;
	border:3px solid var(--lightColor);
	min-width:300px;
	height:100px;
	z-index:50;
	display:none;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	border-radius:8px;
	text-align:center;
	line-height:100px;
	padding:5px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -150px;
} 

 .actionButton{
	font-weight:600;
	font-size:1.5em;
	font-family: 'Lato', sans-serif;
	cursor:pointer;
	color:var(--lightColor);
	border-radius: 8px;
	width:200px;
	line-height:2em;
	text-align:center;
	margin-left:10px;
	float:left;

}
.actionButton:hover{
	border:4px double var(--darkColor); 
	background:var(--lightColor);
	color:var(--darkColor);
	animation:psShake 1s;
}
 .actionButton:focus {outline:none;}
 #getReport{ border:4px double var(--lightColor); background:var(--darkColor);}
 #getReport:hover{border:4px double var(--darkColor);background:var(--lightColor);}
 #printView{display:none; border:4px double var(--lightColor); background:var(--darkColor);}
 #printView:hover{border:4px double var(--darkColor);background:var(--lightColor);}


.reportItem{float:left;text-align:center;width:160px;font-size:16px;}
.reportOption{}
.oddRow{background-color:var(--mediumColor);font-size:12px;font-family:arial;}
.evenRow{background-color:var(--lightColor);font-size:12px;font-family:arial;}
.yearTable{border:0px solid #000 !important;width:100%;}
.yearTable td{border:0px solid #000 !important;line-height:12px;}
.reportTable{border:0px;width:100%;}
.graphs{width:100%; min-height:600px; margin:5px; border:1px solid #000;}

 #gReport{ border:4px double var(--lightColor); background:var(--darkColor);}
 #gReport:hover{border:4px double var(--darkColor);background:var(--lightColor);}
 .subTitle{font-size:22px;font-weight:600;padding-top:14px;font-family: 'Lato', sans-serif;}
 .hRow{background:var(--darkColor);color:var(--lightColor);font-weight:600;font-size:14px;font-family: 'Lato', sans-serif;text-align:center;}
 .tRow{background:var(--mediumColor);color:var(--darkColor);font-weight:600;font-size:14px;font-family: 'Lato', sans-serif;border-top:4px double var(--darkColor);}
 .oddRow{background:var(--greyColor);font-size:14px;font-family: 'Lato', sans-serif;}
 .evenRow{background:var(--lightColor);font-size:14px;font-family: 'Lato', sans-serif;}
 table{ border: 1px solid black; border-collapse: collapse;}
 .sold{border-left:1px solid black;text-align:center;width:10%;}
 .vol{width:15%;text-align:right;}
 .reportTitle{font-size:26px;font-weight:600;font-family: 'Lato', sans-serif;text-align:center;}
.cb{clear:both;}
@media print {
.graphs{width:900px; min-height:600px; margin:5px; border:1px solid #000;}
	.divTownSelect{	display:none;}
	.graphs{border:0px;}
	.graphBox{width:100%;}
	.pb{position:relative;width:100%;height:100%;page-break-after: always;}
	.divHeader{
	position: fixed;
	top: 0px;
	right:0px;
	background-image:url('../images/ps-logo.jpg');
	background-repeat:no-repeat;
	background-position:right top;
	z-index:9999;
	width:131px;
	height:100px;
	background-size: 131px 100px;
	}
	.divFooter {
	font-size:9px;
	position: fixed;
	bottom: 50px;
	left:20px;
	z-index:9999;
	width:95%;
	height:50px;
	}
	.reportTitle{
		margin-bottom:50px;
	}
}
@media screen {
	.divHeader {
		position: fixed;
		top: 0px;
		right:0px;
		background-image:url('../images/ps-logo.jpg');
		background-repeat:no-repeat;
		background-position:right top;
		z-index:0;
		width:0px;
		height:0px;

	}
	.divTownSelect{
		z-index:9999;
		width:100%;
		border:1px dashed #000;
		text-align:center;
	}
        .divFooter {
		display:none;
		font-size:.6em;
		position: fixed;
		top: 620px;
		left:20px;
		z-index:9999;
		width:900px;
		height:620px;
        }
}
@keyframes psShake {
@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);}
}