:root{   --darkColor:#24386a;   --mediumColor:#c4c4c4;   --lightColor:#fff;   --goColor:green;   --stopColor:red;   --warningColor:orange;   --blackColor:#000;  }

@font-face {
  font-family: 'AvenirLTStd-Book';
  src: url('../font/AvenirLTStd-Book.ttf');
}
@font-face {
  font-family: 'Dense';
  src: url('../font/Dense.ttf');
}
@font-face {
  font-family: 'WorkSans';
  src: url('../font/WorkSans.ttf');
}
#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:1em;  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;}
#saveButton{ border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none;}
#saveButton:hover{border:4px double var(--darkColor);background:var(--lightColor);}

#saveEdits{ border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none;}
#saveEdits:hover{border:4px double var(--darkColor);background:var(--lightColor);}
#saveAds{ border:4px double var(--lightColor); background:var(--goColor);text-decoration:none;}
#saveAds:hover{border:4px double var(--goColor);background:var(--lightColor);}
#cancelEdits{ border:4px double var(--lightColor); background:var(--stopColor);text-decoration:none;}
#cancelEdits:hover{border:4px double var(--stopColor);background:var(--lightColor);}
.generatePDF{ border:4px double var(--lightColor); background:var(--stopColor);text-decoration:none;}
.generatePDF:hover{border:4px double var(--stopColor);background:var(--lightColor);}


#uploadHouse{ border:4px double var(--lightColor); background:var(--goColor);text-decoration:none;}
#uploadHouse:hover{border:4px double var(--goColor);background:var(--lightColor); color:var(--goColor);}

#progress{display:none;}

#uploadFile{ border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none;}
#uploadFile:hover{border:4px double var(--darkColor);background:var(--lightColor);}
#cancelFile{ border:4px double var(--lightColor); background:var(--stopColor);text-decoration:none;}
#cancelFile:hover{border:4px double var(--stopColor);background:var(--lightColor);}

.house{  outline: 3px solid white;
  outline-offset: -20px;
  width:95%;
  }
  .agtImage{float:right;}
  #imgInfo{clear:both;font-size:12px;width:100%;}
#uploadForm{
	background-color:var(--lightColor);
	color:var(--darkColor);
	font-size:30px;
	border:3px solid var(--darkColor);
	min-width:300px;
	height:300px;
	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: -150px;
	margin-left: -150px;
	z-index:110;
}
.titleList{
float:left;
line-height:35px;
width:50%;
}
ul.pl li{
  list-style-type: none; /* Remove bullets */
  border-bottom:1px solid var(--darkColor);
  padding-top:20px;
  padding-bottom:20px;
}

.lpPage{
border:1px solid var(--darkColor);
width:200px;
float:left;
}
.editLPPage{
float:left;
line-height:35px;
border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none;
}
.Link{
float:left;
line-height:35px;
border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none;
}
.delLPPage {
	margin:5px;                 
	float:left;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	background-color: red;
	border:1px solid var(--darkColor);
	cursor:pointer;
}
.delLPPage::before {
	content: "X";
	height:35px;
	width:35px;
	font-size:30px;
	line-height:35px;
	display:flex;
	margin-left:-1px;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	font-family:courier;
	color:var(--lightColor)
}

.presentationList{
float:left;
line-height:35px;
border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none;
}
.staticpresentationList{
	float:left;
	line-height:35px;
	border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none;
	}
.editLP{
float:left;
line-height:35px;
border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none;
}

.delLP {
	margin:5px;                 
	float:left;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	background-color: red;
	border:1px solid var(--darkColor);
	cursor:pointer;
}
.delLP::before {
	content: "X";
	height:35px;
	width:35px;
	font-size:30px;
	line-height:35px;
	display:flex;
	margin-left:-1px;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	font-family:courier;
	color:var(--lightColor)
}

#getMissing{ border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none;}
#getMissing:hover{border:4px double var(--darkColor);background:var(--lightColor);}
table, td, th {border:0px !important;text-align:center !important;padding:0px !important;font-size: 1.5em;font-family: 'Lato',sans-serif;}
th{background-color:var(--darkColor);color:var(--lightColor) !important;border:0px;}
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;    font-size: 1.5em;         }
.cb{clear:both;}
#myfadeOut{position:fixed; top:0px;left:0px;background-color:#000;opacity:.5;}
#myfadeOut2{position:fixed; top:0px;left:0px;background-color:#000;opacity:.5;width:100%;height:100%;display:none;}
#editLPPages{position:fixed;top:0px;left:0px;background-color:var(--lightColor);opacity:1;color:#000;padding:10px;border:5px double #000;border-radius:15px;display:none;font-size:14px;}
#actionBox{position:fixed;top:0px;left:0px;background-color:var(--lightColor);opacity:1;color:#000;padding:10px;border:5px double #000;border-radius:15px;display:none;font-size:14px;}
#searchBox{widht:80%;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;    font-size: 1.5em;        }
.textField{width:80% !important;height:50px;float:left;}
.agt{
border-top:1px solid var(--darkColor);
border-bottom:1px solid var(--darkColor);
padding:10px;
font-size:1.5em;
}
.agt:hover{
background:var(--darkColor);
color:var(--lightColor);
font-weight:900;
}
.glProp{
border:1px solid var(--darkColor);
border-radius:15px;
padding:10px;
font-size:1.5em;
float:left;
width:320px;
}
.glProp:hover{
background:var(--darkColor);
color:var(--lightColor);
}
.sButton{
background-color:var(--darkColor);
width:50px;
height:50px;
float:left;
margin-left:-5px;
border-radius:0px 5px 5px 0px;
background-image: url('../images/target.png');
background-size: 40px;
background-repeat: no-repeat;
background-position:center;
}
.marketing{
padding-bottom:5px;
}
/**********************************************************************Edit Page**********************************************/
.editPageButtons{
width:300px;
position:absolute;
top:50px;
right:0px;
}
#pageHolder{
	width:1056px;
	height:816px;
	border:1px solid var(--darkColor);
	position:relative;
	overflow:hidden;
}
#pTitle{
	width:72%;height:12%;
	border-bottom:1px solid var(--darkColor);
	margin-left:1%;
	position:absolute;
	top:0px;
	left:27%;
	max-width:761px;
}
#pTitleText{
	width:100%;
	height:50px;
	font-family: 'WorkSans';
	font-size:30px;
	font-weight:300;
	position:absolute;
	bottom:0px;
	border:0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 7px;
	background: rgba(255,255,255,0.5);
	margin: 0 0 5px 0;
}

#pImage{
	width:27%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}
#sideBarImage{width:100%;height:100%;}
#sideBarImageContainer{
	position:absolute;
	top:0px;
	left:0px;
width:100%;height:100%;
background: rgba(255,255,255,0.8);
}
#pText{
	width:72%;
	height:88%;
	margin-left:1%;
	position:absolute;
	top:12%;
	left:27%;
}
#pTextText{
	width:100%;
	height:100%;
	display:none;
	background: rgba(255,255,255,0.5);
	border:0px;
}
#pTextDiv{
	width:100%;
	height:100%;
	background: rgba(255,255,255,0.5);
	border:0px;
}

#psLogo{position:absolute;left:21%;top:10%;z-index:4;}
#pText h2{
font-size:24px;
font-family:'Dense';
text-align:left;
margin-bottom:0px;
margin-right:50px;
font-weight:400;
}
#pText h3{
font-size:24px;
font-family:'Dense';
text-align:right;
margin-bottom:0px;
margin-right:50px;
font-weight:400;
}
#pText h4{
font-size:24px;
font-family:'Dense';
text-align:right;
margin-bottom:0px;
margin-right:50px;
line-height:24px;
font-weight:400;
}

#resultsBox{
overflow-x:hidden;
overflow-y:scroll;
width:100%;
height:100%;
}
.getSidebar{
float:left;
width:10%;
margin:5px;
border:1px solid var(--darkColor);
border-radius:5px;
}
.add-LpAd{background-color:var(--darkColor);font-weight:600;  font-size:1em;  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;border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none; }
.costToAgent::after {
font-weight:900;
	content: " [Additional Costs]";
}
.costToAgent::before {
	content: "";
}
.costToAgent{
background-color:var(--warningColor);
}
#warningColor{
	width:10px;
	height:10px;
	background-color:var(--warningColor);
	float:left;
	margin:5px;
}
#stopColor{
	width:10px;
	height:10px;
	background-color:var(--stopColor);
	float:left;
	margin:5px;
}
.del-LpAd{background-color:var(--stopColor);
font-weight:600;  font-size:1em;  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;  border:4px double var(--lightColor); text-decoration:none;


}

#warning{font-weight:900;padding-top:20px;}
/***************************************************************************************************************************/

.currentForm{font-size:1.5em;text-align:center;}
 @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);}
 }