/* 
 * 	Color Code(s)
 */


/* RED code */
.red {
    background-color: #cc0000;
    color: white;
}
.red .close-button:hover { background-color: grey; }

/* ORANGE code */
.orange {
    background-color: orange;
    color: black;
}
.orange .close-button:hover { background-color: grey; }

/* YELLOW code */
.yellow {
    background-color: yellow;
    color: black;
}
.yellow .close-button:hover { background-color: grey; }

/* GREEN code */
.green {
    background-color: green;
    color: white;
}
.green .close-button:hover { background-color: grey; }

/* BLUE code */
.blue {
    background-color: #2196F3;
    color: white;
}
.blue .close-button:hover { background-color: grey; }

/* VIOLET code */
.violet {
	background-color: violet;
    color: black; /* indigo */
}
.violet .close-button:hover { background-color: grey; }

/* WHITE code */
.white {
	background-color: white;
	color: #34495e;
}
.white .close-button:hover { background-color: grey; }

/* GREY code */
.grey {
	background-color: #cccccc;
    border-color: #2c3e50;
    color: #2c3e50;
}
.grey .close-button:hover { background-color: grey; }


/* BLACK code */
.black {
	background-color: black;
    color: red;
}
.black .close-button:hover { background-color: grey; }