: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;}
  .changeForm{ border:4px double var(--lightColor); background:var(--darkColor);text-decoration:none;float:right;}
 .changeForm: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:#152d4d;float:left;min-height:70px;text-align:center}
 #sort{width:40% !important;}
 #organize{width:40% !important;}
 .select-css {     position: relative;     border: 4px double var(--lightColor);     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:var(--lightColor);opacity:1;color:#000;padding:5px;border:5px double #000;display:none;font-size:14px;}
 .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);}
 }
