/**
 * 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;
 }
  #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;}
 #upload{ border:4px double var(--lightColor); background:var(--darkColor);}
 #upload:hover{border:4px double var(--darkColor);background:var(--lightColor);}
 #instructions{ border:4px double var(--lightColor); background:var(--stopColor);text-decoration:none;}
 #instructions: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);}
 #clearCMAData{ border:4px double var(--lightColor); background:var(--stopColor);text-decoration:none;}
 #clearCMAData:hover{border:4px double var(--darkColor);background:var(--lightColor);}
 #moreData{ border:4px double var(--lightColor); background:var(--darkColor);}
#moreData:hover{border:4px double var(--darkColor);background:var(--lightColor);}
#changeAssessments{ border:4px double var(--lightColor); background:var(--darkColor);}
#changeAssessments:hover{border:4px double var(--darkColor);background:var(--lightColor);}
#activeSearch{ border:4px double var(--lightColor); background:var(--darkColor);}
#activeSearch:hover{border:4px double var(--darkColor);background:var(--lightColor);}
#reportPages{ border:4px double var(--lightColor); background:var(--darkColor);}
#reportPages:hover{border:4px double var(--darkColor);background:var(--lightColor);}




table{border:1px solid #000;border-collapse: collapse;width:100%; margin-bottom:0px !important;}
td, th {font-size:10px !important;border:1px solid #000;text-align:center !important;padding:0px !important;}
th{background-color:var(--darkColor);color:var(--lightColor) !important;border:0px;}
.hightlight{padding:0px;margin:0px;}
.highlight td{color: #ff0000;font-weight:bold;}
.regular td{}
.hideCard{display:none;}
.eAssessed{width:75%;}
input {border: 5px solid white; -webkit-box-shadow: inset 0 0 4px  rgba(0,0,0,0.1),    0 0 8px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 4px  rgba(0,0,0,0.1),    0 0 8px rgba(0,0,0,0.1); box-shadow: inset 0 0 4px  rgba(0,0,0,0.1),    0 0 8px rgba(0,0,0,0.1); padding: 7px;background: rgba(255,255,255,0.5);margin: 0 0 5px 0;}
.criteriaList{background:#f8f8f8;width:300px;margin:.3em .6em;padding:.6em;color:#152d4d;float:left;min-height:70px;text-align:center}

#closedTowns, #closedType, #sMin, #sMax, #yMin, #yMax{display:inline;}
.header{text-align:center;font-size:16px;font-weight:800;}
#headerProperty{font-size:18px;color: #ff0000;}
.sInput{font-size:18px; color: #ff0000;}
ul.dropme{list-style-type: none;width:100%;padding:0 !important; margin:0 !important;}
#uploadLoader{text-align:center;font-size:18px;padding-bottom:50px;}
.sortOrd{display:none;}
h2{padding-bottom:0px;margin-bottom:0px;}
.assessedItem input{margin-bottom:5px !important;}
.assessedItem td{padding-top:8px !important;padding-bottom:8px !important;}
.oddRow{background-color:var(--mediumColor);font-size:12px;font-family:arial;}
.evenRow{background-color:var(--lightColor);font-size:12px;font-family:arial;}


.delProp {
	margin:5px;                 
	float:right;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background-color: red;
	border:1px solid #000;
}

.delProp::before {
	content: "X";
	height:25px;
	width:25px;
	font-size:20px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	font-family:courier;
	color:var(--darkColor);
}


.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);}
}