/* Tag Styles */
body {margin: 0px; padding: 0px; font-family: 'Consolas', monospace; color: #000000; font-size: 18pt;}

/* ID Styles */
#currColor, #credDisplay {margin: 8px;}

#colorGrid {margin: 16px; padding: 0px; width: auto; height: auto;}
#colorGrid div {margin: 0px; padding: 0px; width: 24px; height: 24px; border: 0px solid #FFFFFF; background-color: #AAAAAA; display: block;}

#buttonsDiv {margin: 8px;}
#colorRed {border-color: #AA0000; background-color: #FF4444;}
#colorOrange {border-color: #CC4400; background-color: #FFCC44;}
#colorYellow {border-color: #888800; background-color: #FFFF44;}
#colorLime {border-color: #448800; background-color: #CCFF44;}
#colorGreen {border-color: #008800; background-color: #44FF44;}
#colorTeal {border-color: #008866; background-color: #44FFCC;}
#colorCyan {border-color: #008888; background-color: #44FFFF;}
#colorAqua {border-color: #0044CC; background-color: #44CCFF;}
#colorBlue {border-color: #0000CC; background-color: #6666FF;}
#colorIndigo {border-color: #220088; background-color: #CC44FF;}
#colorViolet {border-color: #880088; background-color: #FF44FF;}
#colorMagenta {border-color: #AA0066; background-color: #FF66CC;}
#colorWhite {border-color: #CCCCCC; background-color: #EEEEEE;}
#colorLightGray {border-color: #AAAAAA; background-color: #CCCCCC;}
#colorGray {border-color: #666666; background-color: #888888;}
#colorDarkGray {border-color: #222222; background-color: #444444; color: #FFFFFF;}
#colorBlack {border-color: #000000; background-color: #111111; color: #FFFFFF;}

/* Class Styles */
.colorButton {border: 2px solid inherit; border-style: solid;}
.colorRow {display: flex !important; flex-direction: row; align-items: flex-start;  justify-content: center; width: 192px !important; line-height: 0px;}