/***********************************************************************************************
Breezy Hill 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; } 
 #searchAgent{ 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; } 
#agentResults{width:100%;height:250px;font-size:14px;}
.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;}
#changeAgent{ border:4px double var(--lightColor); background:var(--darkColor);float:left;display:none;}
#changeAgent:hover{border:4px double var(--darkColor);background:var(--lightColor);}
#searchButton{border:4px double var(--lightColor); background:var(--darkColor);float:left;}
#searchButton:hover{border:4px double var(--darkColor);background:var(--lightColor);}

.breakhere {page-break-before: always;position:relative;}
#agentName{width:300px;height:2em;font-size:1.5em; font-family: 'Lato', sans-serif;border-bottom:4px double var(--darkColor);float:left;}
#searchCriteria{margin-top:10px;}

table{
border:0px !important;
}
.props tr:nth-child(even) {background: #CCC}
.props tr:nth-child(odd) {background: #FFF}
td{
padding:0px !important;
border:0px !important;
}
input{
line-height:20px;
margin-bottom:3px !important;
}
input[type=text] {
width: 218px !important;
line-height:10px;
height:20px;
font-size:16px;
}

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