/* Text Colors CSS */
[data-color="white"] {
    color: #ffffff !important;
}

[data-color="red"] {
    color: #ff5252 !important;
}

[data-color="cyan"]  {
    color: #03a9f4 !important;
}

[data-color="green"] {
    color: #33d9b2 !important;
}

[data-color="blue"] {
    color: #1277c7 !important;
}

[data-color="orange"] {
    color: #ff9800 !important;
}

[data-color="purple"] {
    color: #8e44ad !important;
}

/* Text Bordered Colors CSS */
[bordered-color] {
    -webkit-text-stroke-width: 1px;
}

[bordered-color="red"] {
    color: #ff5252;
    -webkit-text-stroke-color: #ff5252 !important;
}

[bordered-color="cyan"]  {
    color: #03a9f4;
    -webkit-text-stroke-color: #03a9f4 !important;
}

[bordered-color="green"] {
    color: #33d9b2;
    -webkit-text-stroke-color: #33d9b2 !important;
}

[bordered-color="blue"] {
    color: #1277c7;
    -webkit-text-stroke-color: #1277c7 !important;
}

[bordered-color="orange"] {
    color: #ff9800;
    -webkit-text-stroke-color: #ff9800 !important;
}

[bordered-color="purple"] {
    color: #8e44ad;
    -webkit-text-stroke-color: #8e44ad !important;
}

/* Background Color */
[background-color="red"] {
    background-color: #ff5252 !important;
}

[background-color="cyan"]  {
    background-color: #03a9f4 !important;
}

[background-color="green"] {
    background-color: #33d9b2 !important;
}

[background-color="blue"] {
    background-color: #1277c7 !important;
}

[background-color="orange"] {
    background-color: #ff9800 !important;
}

[background-color="purple"] {
    background-color: #8e44ad !important;
}