.text-color-magenta {
    color: #c41d7f !important;
}

.text-color-pink {
    color: #c41d7f !important;
}

.text-color-red {
    color: #cf1322 !important;
}

.text-color-volcano {
    color: #d4380d !important;
}

.text-color-orange {
    color: #d46b08 !important;
}

.text-color-green {
    color: #389e0d !important;
}

.text-color-cyan {
    color: #08979c !important;
}

.text-color-blue {
    color: #096dd9 !important;
}

.text-color-lime {
    color: #7cb305 !important;
}

.text-color-geekblue {
    color: #1d39c4 !important;
}

.text-color-purple {
    color: #531dab !important;
}

.text-color-yellow {
    color: #d4b106 !important;
}

.text-color-gold {
    color: #d48806 !important;
}

.bg-color-magenta {
    background: #fff0f6 !important;
}

.bg-color-pink {
    background: #fff0f6 !important;
}

.bg-color-red {
    background: #fff1f0 !important;
}

.bg-color-volcano {
    background: #fff2e8 !important;
}

.bg-color-orange {
    background: #fff7e6 !important;
}

.bg-color-green {
    background: #f6ffed !important;
}

.bg-color-cyan {
    background: #e6fffb !important;
}

.bg-color-blue {
    background: #e6f7ff !important;
}

.bg-color-lime {
    background: #fcffe6 !important;
}

.bg-color-geekblue {
    background: #f0f5ff !important;
}

.bg-color-purple {
    background: #f9f0ff !important;
}

.bg-color-yellow {
    background: #feffe6 !important;
}

.bg-color-gold {
    background: #fffbe6 !important;
}

.bg-color-white {
    background: #FFF !important;
}

.border-color-magenta {
    border-color: #ffadd2 !important;
}

.border-color-pink {
    border-color: #ffadd2 !important;
}

.border-color-red {
    border-color: #ffa39e !important;
}

.border-color-volcano {
    border-color: #ffbb96 !important;
}

.border-color-orange {
    border-color: #ffd591 !important;
}

.border-color-green {
    border-color: #b7eb8f !important;
}

.border-color-cyan {
    border-color: #87e8de !important;
}

.border-color-blue {
    border-color: #91d5ff !important;
}

.border-color-lime {
    border-color: #eaff8f !important;
}

.border-color-geekblue {
    border-color: #adc6ff !important;
}

.border-color-purple {
    border-color: #d3adf7 !important;
}

.border-color-yellow {
    border-color: #fffb8f !important;
}

.border-color-gold {
    border-color: #ffe58f !important;
}

/*magenta,pink,red,volcano,orange,green,cyan,blue,lime,geekblue,purple,yellow,gold*/

/*.test-magenta {
    color: #c41d7f;
    background: #fff0f6;
    border-color: #ffadd2;
}

.test-pink {
    color: #c41d7f;
    background: #fff0f6;
    border-color: #ffadd2;
}

.test-red {
    color: #cf1322;
    background: #fff1f0;
    border-color: #ffa39e;
}

.test-volcano {
    color: #d4380d;
    background: #fff2e8;
    border-color: #ffbb96;
}

.test-orange {
    color: #d46b08;
    background: #fff7e6;
    border-color: #ffd591;
}

.test-green {
    color: #389e0d;
    background: #f6ffed;
    border-color: #b7eb8f;
}

.test-cyan {
    color: #08979c;
    background: #e6fffb;
    border-color: #87e8de;
}

.test-blue {
    color: #096dd9;
    background: #e6f7ff;
    border-color: #91d5ff;
}

.test-lime {
    color: #7cb305;
    background: #fcffe6;
    border-color: #eaff8f;
}

.test-geekblue {
    color: #1d39c4;
    background: #f0f5ff;
    border-color: #adc6ff;
}

.test-purple {
    color: #531dab;
    background: #f9f0ff;
    border-color: #d3adf7;
}

.test-yellow {
    color: #d4b106;
    background: #feffe6;
    border-color: #fffb8f;
}

.test-gold {
    color: #d48806;
    background: #fffbe6;
    border-color: #ffe58f;
}*/