/*
  foe-colors.css
  Custom color classes cloned from W3.CSS with unique names to avoid conflicts
*/

.foe-red            { color: #fff !important; background-color: #f44336 !important; }
.foe-pink           { color: #fff !important; background-color: #e91e63 !important; }
.foe-purple         { color: #fff !important; background-color: #9c27b0 !important; }
.foe-deep-purple    { color: #fff !important; background-color: #673ab7 !important; }
.foe-indigo         { color: #fff !important; background-color: #3f51b5 !important; }
.foe-blue           { color: #fff !important; background-color: #2196f3 !important; }
.foe-light-blue     { color: #000 !important; background-color: #03a9f4 !important; }
.foe-cyan           { color: #000 !important; background-color: #00bcd4 !important; }
.foe-aqua           { color: #000 !important; background-color: #00ffff !important; }
.foe-teal           { color: #fff !important; background-color: #009688 !important; }
.foe-green          { color: #fff !important; background-color: #4caf50 !important; }
.foe-light-green    { color: #000 !important; background-color: #8bc34a !important; }
.foe-lime           { color: #000 !important; background-color: #cddc39 !important; }
.foe-sand           { color: #000 !important; background-color: #fdf5e6 !important; }
.foe-khaki          { color: #000 !important; background-color: #f0e68c !important; }
.foe-yellow         { color: #000 !important; background-color: #ffeb3b !important; }
.foe-amber          { color: #000 !important; background-color: #ffc107 !important; }
.foe-orange         { color: #000 !important; background-color: #ff9800 !important; }
.foe-deep-orange    { color: #fff !important; background-color: #ff5722 !important; }
.foe-blue-grey      { color: #fff !important; background-color: #607d8b !important; }
.foe-brown          { color: #fff !important; background-color: #795548 !important; }
.foe-light-grey     { color: #000 !important; background-color: #f1f1f1 !important; }
.foe-grey           { color: #000 !important; background-color: #9e9e9e !important; }
.foe-dark-grey      { color: #fff !important; background-color: #616161 !important; }
.foe-black          { color: #fff !important; background-color: #000000 !important; }
.foe-pale-red       { color: #000 !important; background-color: #ffdddd !important; }
.foe-pale-yellow    { color: #000 !important; background-color: #ffffcc !important; }
.foe-pale-green     { color: #000 !important; background-color: #ddffdd !important; }
.foe-pale-blue      { color: #000 !important; background-color: #ddffff !important; }

/* Optional hover states or border versions can be added later */

/* Screens  */

.foe-age-seperator { background-color: #b3f0ff !important;  /* same as foe-pale-blue */
  color: #000 !important;
}

input.foe-inputbox-background {    background-color: color:#2196F3 !important; }

.foe-inputbox-highlight {
    border: 2px solid gold !important;
    background-color: #ffffcc !important;
}