: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;
}
table, td, th {font-size:10px !important;border:0px !important;text-align:center !important;padding:0px !important;font-size: 14px !important;font-family: 'Lato',sans-serif !important;}
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: 14px !important;
	font-family: 'Lato',sans-serif !important;
}
#sort{width:40% !important;}
#organize{width:40% !important;}
#myfadeOut{position:fixed;top:0px;left:0px;background-color:#000;opacity:.5;}
#actionBox{position:fixed;top:0px;left:0px;background-color:#fff;opacity:1;color:#000;padding:5px;border:5px double #000;display:none;font-size:14px;overflow: auto;}

.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;}
.changeForm{ border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none;float:right;}
.changeForm:hover{border:4px double var(--darkColor);background:var(--lightColor);}
.criteriaList{background:#f8f8f8;width:300px;margin:.3em .6em;padding:.6em;color:#152d4d;float:left;min-height:70px;text-align:center}
.select-css {
	position: relative;
	border: 4px double #fff;
	background-color: var(--mediumColor);
	padding: 12px 35px 15px 15px;
	color: var(--darkColor);
	font-size: 14px !important;
	font-family: 'Lato',sans-serif !important;
}
#townGLTable{border:1px solid var(--darkColor) !important;}
#townGLTable th{border-right:1px solid var(--lightColor) !important;}

#townGLTable td{border-right:1px solid var(--darkColor) !important;}

.showPT{text-decoration:underline;cursor:pointer;}
.cb{clear:both;}
.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);}
}