/* Цвета текста */
.text-orange {
    color: #F67D28 !important;
}
.text-green {
    color: #3df628 !important;
}
.text-blue {
    color: #42A5F5 !important;
}
.bg-purple {
    background-color: #7728f4 !important;
}
.text-pink {
    color: #f628c6 !important;
}
.text-red {
    color: #f62877 !important;
}
.text-gray {
    color: #9a9999 !important;
}

.text-orange-light {
    color: #f8c398 !important;
}
.text-green-light {
    color: #a9f8a3 !important;
}
.text-blue-light {
    color: #96caf6 !important;
}
.text-purple-light {
    color: #b996f6 !important;
}
.text-pink-light {
    color: #eb94f3 !important;
}
.text-red-light {
    color: #f69dbc !important;
}
.text-gray-light {
    color: #d8d8d8 !important;
}



/* Цвета фона */
.bg-orange {
    background-color: #F67D28 !important;
}
.bg-green {
    background-color: #3df628 !important;
}
.bg-blue {
    background-color: #42A5F5 !important;
}
.bg-purple {
    background-color: #7728f4 !important;
}
.bg-pink {
    background-color: #f628c6 !important;
}
.bg-red {
    background-color: #f62877 !important;
}
.bg-gray {
    background-color: #9a9999 !important;
}

.bg-orange-light {
    background-color: #f3e4dd !important;
}
.bg-green-light {
    background-color: #def1dc !important;
}
.bg-blue-light {
    background-color: #dbe6ef !important;
}
.bg-purple-light {
    background-color: #dfdfec !important;
}
.bg-pink-light {
    background-color: #f3e3f6 !important;
}
.bg-red-light {
    background-color: #f4e4e8 !important;
}
.bg-gray-light {
    background-color: #d8d8d8 !important;
}



/* Расцветка бейджа */

.bd-orange {
    background-color: #F67D28 !important;
    color: #e1fae1 !important;
}
.bd-orange:hover {
    background-color: #f8c398 !important;
    color: #5a815a !important;
}
.bd-green {
    background-color: #3df628 !important;
    color: #3a0987 !important;
}
.bd-green:hover {
    background-color: #a9f8a3 !important;
    color: #9b54e3 !important;
}
.bd-blue {
    background-color: #42A5F5 !important;
    color: #faf6e1 !important;
}
.bd-blue:hover {
    background-color: #96caf6 !important;
    color: #5a815a !important;
}
.bd-purple {
    background-color: #7728f4 !important;
    color: #faf6e1 !important;
}
.bd-purple:hover {
    background-color: #b996f6 !important;
    color: #5a815a !important;
}
.bd-pink {
    background-color: #f628c6 !important;
    color: #faf6e1 !important;
}
.bd-pink:hover {
    background-color: #eb94f3 !important;
    color: #5a815a !important;
}
.bd-red {
    background-color: #f62877 !important;
    color: #faf6e1 !important;
}
.bd-red:hover {
    background-color: #f69dbc !important;
    color: #5a815a !important;
}
.bd-gray {
    background-color: #9a9999  !important;
    color: #e6e5e5 !important;
}
.bd-gray:hover {
    background-color: #d8d8d8 !important;
    color: #3c3c3c !important;
}


.bd-orange-light {
    background-color: #f8c398 !important;
    color: #5a815a !important;
}
.bd-orange-light:hover {
    background-color: #F67D28 !important;
    color: #e1fae1 !important;
}
.bd-green-light {
    background-color: #a9f8a3 !important;
    color: #5a815a !important;
}
.bd-green-light:hover {
    background-color: #3df628 !important;
    color: #3a0987 !important;
}
.bd-blue-light {
    background-color: #96caf6 !important;
    color: #5a815a !important;
}
.bd-blue-light:hover {
    background-color: #42A5F5 !important;
    color: #faf6e1 !important;
}
.bd-purple-light {
    background-color: #b996f6 !important;
    color: #5a815a !important;
}
.bd-purple-light:hover {
    background-color: #7728f4 !important;
    color: #faf6e1 !important;
}
.bd-pink-light {
    background-color: #eb94f3 !important;
    color: #5a815a !important;
}
.bd-pink-light:hover {
    background-color: #f628c6 !important;
    color: #faf6e1 !important;
}
.bd-red-light {
    background-color: #f69dbc !important;
    color: #5a815a !important;
}
.bd-red-light:hover {
    background-color: #f62877 !important;
    color: #faf6e1 !important;
}
.bd-gray-light {
    background-color: #d8d8d8 !important;
    color: #3c3c3c !important;
}
.bd-gray-light:hover {
    background-color: #9a9999  !important;
    color: #e6e5e5 !important;
}