/*
input[type=number] {
  text-align:right;
}
*/

/*
 * Need to pick up the right colors based on theme
 */
@-webkit-keyframes yellow-fade {   
   0% {background: yellow;}
   100% {background: none;}
}

@keyframes yellow-fade {
   0% {background: yellow;}
   100% {background: none;}
}

@-webkit-keyframes red-fade {   
   0% {background: rgba(255, 255, 0, 0.99);}
   100% {background: none;}
}

@keyframes red-fade {
   0% {background: rgba(255, 255, 0, 0.99);}
   100% {background: none;}
}

@-webkit-keyframes green-fade {   
   0% {background: rgba(64, 224, 208, 0.99);}
   100% {background: none;}
}

@keyframes green-fade {
   0% {background: rgba(64, 224, 208, 0.99);}
   100% {background: none;}
}

.highlight {
   -webkit-animation: yellow-fade 2s ease-in 1;
   animation: yellow-fade 2s ease-in 1;
}

.highlightUp {
   -webkit-animation: red-fade 2s ease-in 1;
   animation: red-fade 2s ease-in 1;
   color: black;
}

.highlightDown {
   -webkit-animation: green-fade 2s ease-in 1;
   animation: green-fade 2s ease-in 1;
   color: black;
}