.none{ border: none; background-color: transparent; color: none; } .grey{ border: 1px solid #888888 !important; background-color: #888888 !important; color: #fff !important; } .green{ border: 1px solid #778F43 !important; background-color: #89A54E !important; color: #fff !important; } .blue{ border: 1px solid #4C92D7 !important; background-color: #54A1E6 !important; color: #fff !important; } .orange{ border: 1px solid #A36818 !important; background-color: #CC821E !important; color: #fff !important; } .yellow{ border: 1px solid #A79518 !important; background-color: #D6BF1F !important; color: #fff !important; } .purple{ border: 1px solid #36175E !important; background-color: #553285 !important; color: #fff !important; } .black{ border: 1px solid black !important; background-color: black !important; color: #fff !important; } .white{ border: 1px solid black !important; background-color: #fff !important; color: #000 !important; } .red{ border: 1px solid #8F3B39 !important; background-color: #AA4644 !important; color: #fff !important; } .pink{ border: 1px solid #D88CD8 !important; background-color: #FFA4FF !important; color: #fff !important; } .light-green{ border: 1px solid #C6E0B4 !important; background-color: #C6E0B4 !important; color: #000 !important; } .light-orange{ border: 1px solid #FCE4D6 !important; background-color: #FCE4D6 !important; color: #000 !important; } .light-blue{ border: 1px solid #BDD7EE !important; background-color: #BDD7EE !important; color: #000 !important; } .light-purple{ border: 1px solid #CC99FF !important; background-color: #CC99FF !important; color: #000 !important; } .aqua-blue{ border: 1px solid #66CCFF !important; background-color: #66CCFF !important; color: #000 !important; } .orange-medium{ border: 1px solid #FF9966 !important; background-color: #FF9966 !important; color: #000 !important; }