: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: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;}
#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;         }
.criteriaList{background:#f8f8f8;width:300px;margin:.3em .6em;padding:.6em;color:var(--darkColor);float:left;min-height:70px;text-align:center}
#sort{width:40% !important;}
#organize{width:40% !important;}
.select-css {     position: relative;     border: 4px double #fff;     background-color: var(--mediumColor);     padding: 12px 35px 15px 15px;     color: var(--darkColor);     font-size: 1.5em;     font-family: 'Lato',sans-serif; }
.showPT{text-decoration:underline;cursor:pointer;}
.cb{clear:both;}
#exButton{display:none;}
#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;}


.printPDF{ border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none; font-weight:600;  font-size:1em;  font-family: 'Lato', sans-serif;  cursor:pointer;  color:var(--lightColor);  border-radius: 8px; margin-left:50px;height:50px;line-height:2em;text-align:center;}
.printPDF:hover{border:4px double var(--darkColor);background:var(--lightColor);}


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