/* 	CSS STYLES OF COLOR CODES
 * 	colors.css - rev. 2 / 2018-08-28
 *	Basic color codes: violet, blue, green, yellow, orange, red
 * 	Extended color codes: white, grey, black
 */

/* 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; }