/********* color button ******/

.btn-color-red:hover{background-color:#b71c1c;color:#fff}
.btn-color-pink:hover{background-color:#880e4f;color:#fff}
.btn-color-purple:hover{background-color:#4a148c;color:#fff}
.btn-color-deep-purple:hover{background-color:#311b92;color:#fff}
.btn-color-indigo:hover{background-color:#1a237e;color:#fff}
.btn-color-blue:hover{background-color:#0d47a1;color:#fff}
.btn-color-light-blue:hover{background-color:#01579b;color:#fff}
.btn-color-cyan:hover{background-color:#006064;color:#fff}
.btn-color-teal:hover{background-color:#004d40;color:#fff}
.btn-color-green:hover{background-color:#1b5e20;color:#fff}
.btn-color-light-green:hover{background-color:#33691e;color:#fff}
.btn-color-lime:hover{background-color:#827717;color:#fff}
.btn-color-yellow:hover{background-color:#f57f17;color:#fff}
.btn-color-amber:hover{background-color:#ff6f00;color:#fff}
.btn-color-orange:hover{background-color:#e65100;color:#fff}
.btn-color-deep-orange:hover{background-color:#bf360c;color:#fff}
.btn-color-brown:hover{background-color:#3e2723;color:#fff}
.btn-color-grey:hover{background-color:#212121;color:#fff}

.btn-color-red{background-color:#ef5350;color:#fff}
.btn-color-pink{background-color:#ec407a;color:#fff}
.btn-color-purple{background-color:#ab47bc;color:#fff}
.btn-color-deep-purple{background-color:#7e57c2;color:#fff}
.btn-color-indigo{background-color:#5c6bc0;color:#fff}
.btn-color-blue{background-color:#42a5f5;color:#fff}
.btn-color-light-blue{background-color:#29b6f6;color:#fff}
.btn-color-cyan{background-color:#26c6da;color:#fff}
.btn-color-teal{background-color:#26a69a;color:#fff}
.btn-color-green{background-color:#66bb6a;color:#fff}
.btn-color-light-green{background-color:#9ccc65;color:#fff}
.btn-color-lime{background-color:#d4e157;color:#000}
.btn-color-yellow{background-color:#ffee58;color:#000}
.btn-color-amber{background-color:#ffca28;color:#fff}
.btn-color-orange{background-color:#ffa726;color:#fff}
.btn-color-deep-orange{background-color:#ff7043;color:#fff}
.btn-color-brown{background-color:#8d6e63;color:#fff}
.btn-color-grey{background-color:#bdbdbd;color:#000}


.btn-outline-color-red:hover{background-color:#b71c1c;color:#fff}
.btn-outline-color-pink:hover{background-color:#880e4f;color:#fff}
.btn-outline-color-purple:hover{background-color:#4a148c;color:#fff}
.btn-outline-color-deep-purple:hover{background-color:#311b92;color:#fff}
.btn-outline-color-indigo:hover{background-color:#1a237e;color:#fff}
.btn-outline-color-blue:hover{background-color:#0d47a1;color:#fff}
.btn-outline-color-light-blue:hover{background-color:#01579b;color:#fff}
.btn-outline-color-cyan:hover{background-color:#006064;color:#fff}
.btn-outline-color-teal:hover{background-color:#004d40;color:#fff}
.btn-outline-color-green:hover{background-color:#1b5e20;color:#fff}
.btn-outline-color-light-green:hover{background-color:#33691e;color:#fff}
.btn-outline-color-lime:hover{background-color:#827717;color:#fff}
.btn-outline-color-yellow:hover{background-color:#f57f17;color:#fff}
.btn-outline-color-amber:hover{background-color:#ff6f00;color:#fff}
.btn-outline-color-orange:hover{background-color:#e65100;color:#fff}
.btn-outline-color-deep-orange:hover{background-color:#bf360c;color:#fff}
.btn-outline-color-brown:hover{background-color:#3e2723;color:#fff}
.btn-outline-color-grey:hover{background-color:#212121;color:#fff}

.btn-outline-color-red{border: 2px solid #b71c1c;color:#b71c1c;background-color:#fff}
.btn-outline-color-pink{border: 2px solid #880e4f;color:#880e4f;background-color:#fff}
.btn-outline-color-purple{border: 2px solid #4a148c;color:#4a148c;background-color:#fff}
.btn-outline-color-deep-purple{border: 2px solid #311b92;color:#311b92;background-color:#fff}
.btn-outline-color-indigo{border: 2px solid #1a237e;color:#1a237e;background-color:#fff}
.btn-outline-color-blue{border: 2px solid #0d47a1;color:#0d47a1;background-color:#fff}
.btn-outline-color-light-blue{border: 2px solid #01579b;color:#01579b;background-color:#fff}
.btn-outline-color-cyan{border: 2px solid #006064;color:#006064;background-color:#fff}
.btn-outline-color-teal{border: 2px solid #004d40;color:#004d40;background-color:#fff}
.btn-outline-color-green{border: 2px solid #1b5e20;color:#1b5e20;background-color:#fff}
.btn-outline-color-light-green{border: 2px solid #33691e;color:#33691e;background-color:#fff}
.btn-outline-color-lime{border: 2px solid #827717;color:#827717;background-color:#fff}
.btn-outline-color-yellow{border: 2px solid #f57f17;color:#f57f17;background-color:#fff}
.btn-outline-color-amber{border: 2px solid #ff6f00;color:#ff6f00;background-color:#fff}
.btn-outline-color-orange{border: 2px solid #e65100;color:#e65100;background-color:#fff}
.btn-outline-color-deep-orange{border: 2px solid #bf360c;color:#bf360c;background-color:#fff}
.btn-outline-color-brown{border: 2px solid #3e2723;color:#3e2723;background-color:#fff}
.btn-outline-color-grey{border: 2px solid #212121;color:#212121;background-color:#fff}