/*-- объединение классов --*/
.test-primary {
    @extend .bg-primary;
    @extend .tx-info;
    @extend .br-danger;
}


/*--bg-color--*/
.bg-primary {    background-color: #2e61f2 !important;} /* Синий */
.bg-primary-l {    background-color: #a8c2f8 !important;} /* Светло-синий */
.bg-primary-d {     background-color: #1a4fc7 !important;} /* Насыщенный синий */

.bg-secondary {    background-color: #a0a9b3 !important;} /* Серый */
.bg-secondary-l {    background-color: #d5d9dd !important;} /* Светло-серый */
.bg-secondary-d {    background-color: #7a828c !important;} /* Насыщенный серый */

.bg-success {    background-color: #4cb04e !important;} /* Зеленый */
.bg-success-l {    background-color: #a8d7a9 !important;} /* Светло-зеленый */
.bg-success-d {    background-color: #388e3a !important;} /* Насыщенный зеленый */

.bg-danger {    background-color: #ff5450 !important;} /* Красный */
.bg-danger-l {    background-color: #ffa8a6 !important;} /* Светло-красный */
.bg-danger-d {    background-color: #cc433f !important;} /* Насыщенный красный */

.bg-warning {    background-color: #fdc107 !important;} /* Желтый */
.bg-warning-l {    background-color: #fee8a1 !important;} /* Светло-желтый */
.bg-warning-d {    background-color: #c99a00 !important;} /* Насыщенный желтый */

.bg-info {    background-color: #00bcd2 !important;} /* Голубой */
.bg-info-l {    background-color: #80deea !important;} /* Светло-голубой */
.bg-info-d {    background-color: #008fa1 !important;} /* Насыщенный голубой */

.bg-dark {    background-color: #333 !important;} /* Темный */
.bg-dark-l {    background-color: #666 !important;} /* Светло-темный */
.bg-dark-d {    background-color: #000 !important;} /* Насыщенный темный */

.bg-light {     background-color: #E9E9EB !important;} /* Светлый */
.bg-light-l {    background-color: #f5f5f5 !important;} /* Светло-светлый */
.bg-light-d {    background-color: #d0d0d0 !important;} /* Насыщенный светлый */

/* Дополнительные bg-цвета */
.bg-red {	background-color: #f56954 !important;} /* Красный */
.bg-red-l {	background-color: #fab4a8 !important;} /* Светло-красный */
.bg-red-d {	background-color: #c75443 !important;} /* Насыщенный красный */

.bg-yellow {	background-color: #FBCC33 !important;} /* Желтый */
.bg-yellow-l {	background-color: #fde699 !important;} /* Светло-желтый */
.bg-yellow-d {	background-color: #c9a329 !important;} /* Насыщенный желтый */

.bg-aqua {	background-color: #00c0ef !important;} /* Аква */
.bg-aqua-l {	background-color: #80e0f7 !important;} /* Светло-аква */
.bg-aqua-d {	background-color: #0099bf !important;} /* Насыщенный аква */

.bg-blue {	background-color: #0073b7 !important;} /* Синий */
.bg-blue-l {	background-color: #80b9db !important;} /* Светло-синий */
.bg-blue-d {	background-color: #005c92 !important;} /* Насыщенный синий */

.bg-white-blue {	background-color: #9CCAE5 !important;} /* Бело-голубой */
.bg-white-blue-l {	background-color: #cde5f2 !important;} /* Светло-бело-голубой */
.bg-white-blue-d {	background-color: #6a9cb7 !important;} /* Насыщенный бело-голубой */

.bg-green {	background-color: #00a65a !important;} /* Зеленый */
.bg-green-l {	background-color: #80d3ac !important;} /* Светло-зеленый */
.bg-green-d {	background-color: #008548 !important;} /* Насыщенный зеленый */

.bg-navy {	background-color: #001f3f !important;} /* Темно-синий */
.bg-navy-l {	background-color: #809fbf !important;} /* Светло-темно-синий */
.bg-navy-d {	background-color: #001326 !important;} /* Насыщенный темно-синий */

.bg-teal {	background-color: #39cccc !important;} /* Бирюзовый */
.bg-teal-l {	background-color: #9ce6e6 !important;} /* Светло-бирюзовый */
.bg-teal-d {	background-color: #2da3a3 !important;} /* Насыщенный бирюзовый */

.bg-olive {	background-color: #3d9970 !important;} /* Оливковый */
.bg-olive-l {	background-color: #9eccb8 !important;} /* Светло-оливковый */
.bg-olive-d {	background-color: #317a5a !important;} /* Насыщенный оливковый */

.bg-lime {	background-color: #01ff70 !important;} /* Лаймовый */
.bg-lime-l {	background-color: #80ffb8 !important;} /* Светло-лаймовый */
.bg-lime-d {	background-color: #01cc5a !important;} /* Насыщенный лаймовый */

.bg-orange {	background-color: #ff851b !important;} /* Оранжевый */
.bg-orange-l {	background-color: #ffc28d !important;} /* Светло-оранжевый */
.bg-orange-d {	background-color: #cc6a15 !important;} /* Насыщенный оранжевый */

.bg-fuchsia {	background-color: #f012be !important;} /* Фуксия */
.bg-fuchsia-l {	background-color: #f889df !important;} /* Светло-фуксия */
.bg-fuchsia-d {	background-color: #c00e98 !important;} /* Насыщенный фуксия */

.bg-purple {	background-color: #932ab6 !important;} /* Фиолетовый */
.bg-purple-l {	background-color: #c995db !important;} /* Светло-фиолетовый */
.bg-purple-d {	background-color: #752291 !important;} /* Насыщенный фиолетовый */

.bg-maroon {	background-color: #85144b !important;} /* Бордовый */
.bg-maroon-l {	background-color: #c28a9d !important;} /* Светло-бордовый */
.bg-maroon-d {	background-color: #6a103c !important;} /* Насыщенный бордовый */

.bg-gray {	background-color: #eaeaec !important;} /* Серый */
.bg-gray-l {	background-color: #f5f5f5 !important;} /* Светло-серый */
.bg-gray-d {	background-color: #bfbfbf !important;} /* Насыщенный серый */

.bg-black {	background-color: #222222 !important;} /* Черный */
.bg-black-l {	background-color: #555555 !important;} /* Светло-черный */
.bg-black-d {	background-color: #000000 !important;} /* Насыщенный черный */

.bg-facebook {    background-color: #3B579D !important;} /* Facebook */
.bg-facebook-l {    background-color: #9db3d6 !important;} /* Светло-Facebook */
.bg-facebook-d {    background-color: #2f437d !important;} /* Насыщенный Facebook */

.bg-twitter {    background-color: #2CAAE1 !important;} /* Twitter */
.bg-twitter-l {    background-color: #96d5f0 !important;} /* Светло-Twitter */
.bg-twitter-d {    background-color: #2388b4 !important;} /* Насыщенный Twitter */

.bg-dribbble {    background-color: #ea4c89 !important;} /* Dribbble */
.bg-dribbble-l {    background-color: #f5a6c4 !important;} /* Светло-Dribbble */
.bg-dribbble-d {    background-color: #bb3d6e !important;} /* Насыщенный Dribbble */

.bg-google {    background-color: #dc4a38 !important;} /* Google */
.bg-google-l {    background-color: #eea59c !important;} /* Светло-Google */
.bg-google-d {    background-color: #b03b2d !important;} /* Насыщенный Google */

.bg-range {    background-color: #1a94a09e !important;} /* Range */
.bg-range-l {    background-color: #8dcaa7cf !important;} /* Светло-Range */
.bg-range-d {    background-color: #13757e7e !important;} /* Насыщенный Range */

.bg-blue {    background-color: #2b3d54 !important;} /* Синий */
.bg-blue-l {    background-color: #95a6b9 !important;} /* Светло-синий */
.bg-blue-d {    background-color: #1f2d3f !important;} /* Насыщенный синий */


/*--border-color--*/

.br-red { border-color: #f56954 !important; } /* Красный */
.br-red-l { border-color: #fab4a8 !important; } /* Светло-красный */
.br-red-d { border-color: #c75443 !important; } /* Насыщенный красный */

.br-yellow { border-color: #f39c12 !important; } /* Желтый */
.br-yellow-l { border-color: #f9ce80 !important; } /* Светло-желтый */
.br-yellow-d { border-color: #c27d0e !important; } /* Насыщенный желтый */

.br-aqua { border-color: #00c0ef !important; } /* Аква */
.br-aqua-l { border-color: #80e0f7 !important; } /* Светло-аква */
.br-aqua-d { border-color: #0099bf !important; } /* Насыщенный аква */

.br-blue { border-color: #0073b7 !important; } /* Синий */
.br-blue-l { border-color: #80b9db !important; } /* Светло-синий */
.br-blue-d { border-color: #005c92 !important; } /* Насыщенный синий */

.br-green { border-color: #00a65a !important; } /* Зеленый */
.br-green-l { border-color: #80d3ac !important; } /* Светло-зеленый */
.br-green-d { border-color: #008548 !important; } /* Насыщенный зеленый */

.br-navy { border-color: #001f3f !important; } /* Темно-синий */
.br-navy-l { border-color: #809fbf !important; } /* Светло-темно-синий */
.br-navy-d { border-color: #001326 !important; } /* Насыщенный темно-синий */

.br-teal { border-color: #39cccc !important; } /* Бирюзовый */
.br-teal-l { border-color: #9ce6e6 !important; } /* Светло-бирюзовый */
.br-teal-d { border-color: #2da3a3 !important; } /* Насыщенный бирюзовый */

.br-olive { border-color: #3d9970 !important; } /* Оливковый */
.br-olive-l { border-color: #9eccb8 !important; } /* Светло-оливковый */
.br-olive-d { border-color: #317a5a !important; } /* Насыщенный оливковый */

.br-lime { border-color: #01ff70 !important; } /* Лаймовый */
.br-lime-l { border-color: #80ffb8 !important; } /* Светло-лаймовый */
.br-lime-d { border-color: #01cc5a !important; } /* Насыщенный лаймовый */

.br-orange { border-color: #ff851b !important; } /* Оранжевый */
.br-orange-l { border-color: #ffc28d !important; } /* Светло-оранжевый */
.br-orange-d { border-color: #cc6a15 !important; } /* Насыщенный оранжевый */

.br-fuchsia { border-color: #f012be !important; } /* Фуксия */
.br-fuchsia-l { border-color: #f889df !important; } /* Светло-фуксия */
.br-fuchsia-d { border-color: #c00e98 !important; } /* Насыщенный фуксия */

.br-purple { border-color: #932ab6 !important; } /* Фиолетовый */
.br-purple-l { border-color: #c995db !important; } /* Светло-фиолетовый */
.br-purple-d { border-color: #752291 !important; } /* Насыщенный фиолетовый */

.br-maroon { border-color: #85144b !important; } /* Бордовый */
.br-maroon-l { border-color: #c28a9d !important; } /* Светло-бордовый */
.br-maroon-d { border-color: #6a103c !important; } /* Насыщенный бордовый */

.br-gray { border-color: #666666 !important; } /* Серый */
.br-gray-l { border-color: #BFBFBF !important; } /* Светло-серый */
.br-gray-d { border-color: #4d4d4d !important; } /* Насыщенный серый */

.br-black { border-color: #222222 !important; } /* Черный */
.br-black-l { border-color: #555555 !important; } /* Светло-черный */
.br-black-d { border-color: #000000 !important; } /* Насыщенный черный */

/* Дополнительные варианты для часто используемых цветов */

.br-primary { border-color: #2e61f2 !important; } /* Синий */
.br-primary-l { border-color: #a8c2f8 !important; } /* Светло-синий */
.br-primary-d { border-color: #1a4fc7 !important; } /* Насыщенный синий */

.br-secondary { border-color: #a0a9b3 !important; } /* Серый */
.br-secondary-l { border-color: #d5d9dd !important; } /* Светло-серый */
.br-secondary-d { border-color: #7a828c !important; } /* Насыщенный серый */

.br-success { border-color: #4cb04e !important; } /* Зеленый */
.br-success-l { border-color: #a8d7a9 !important; } /* Светло-зеленый */
.br-success-d { border-color: #388e3a !important; } /* Насыщенный зеленый */

.br-danger { border-color: #ff5450 !important; } /* Красный */
.br-danger-l { border-color: #ffa8a6 !important; } /* Светло-красный */
.br-danger-d { border-color: #cc433f !important; } /* Насыщенный красный */

.br-warning { border-color: #fdc107 !important; } /* Желтый */
.br-warning-l { border-color: #fee8a1 !important; } /* Светло-желтый */
.br-warning-d { border-color: #c99a00 !important; } /* Насыщенный желтый */

.br-info { border-color: #00bcd2 !important; } /* Голубой */
.br-info-l { border-color: #80deea !important; } /* Светло-голубой */
.br-info-d { border-color: #008fa1 !important; } /* Насыщенный голубой */

.br-dark { border-color: #333 !important; } /* Темный */
.br-dark-l { border-color: #666 !important; } /* Светло-темный */
.br-dark-d { border-color: #000 !important; } /* Насыщенный темный */

.br-light { border-color: #E9E9EB !important; } /* Светлый */
.br-light-l { border-color: #f5f5f5 !important; } /* Светло-светлый */
.br-light-d { border-color: #d0d0d0 !important; } /* Насыщенный светлый */

/*--text-color--*/

.text-red, .tx-red { color: #f56954 !important; } /* Красный */
.text-red-l, .tx-red-l { color: #fab4a8 !important; } /* Светло-красный */
.text-red-d, .tx-red-d { color: #c75443 !important; } /* Насыщенный красный */

.text-yellow, .tx-yellow { color: #f39c12 !important; } /* Желтый */
.text-yellow-l, .tx-yellow-l { color: #f9ce80 !important; } /* Светло-желтый */
.text-yellow-d, .tx-yellow-d { color: #c27d0e !important; } /* Насыщенный желтый */

.text-aqua, .tx-aqua { color: #00c0ef !important; } /* Аква */
.text-aqua-l, .tx-aqua-l { color: #80e0f7 !important; } /* Светло-аква */
.text-aqua-d, .tx-aqua-d { color: #0099bf !important; } /* Насыщенный аква */

.text-blue, .tx-blue { color: #0073b7 !important; } /* Синий */
.text-blue-l, .tx-blue-l { color: #80b9db !important; } /* Светло-синий */
.text-blue-d, .tx-blue-d { color: #005c92 !important; } /* Насыщенный синий */

.text-green, .tx-green { color: #00a65a !important; } /* Зеленый */
.text-green-l, .tx-green-l { color: #80d3ac !important; } /* Светло-зеленый */
.text-green-d, .tx-green-d { color: #008548 !important; } /* Насыщенный зеленый */

.text-navy, .tx-navy { color: #001f3f !important; } /* Темно-синий */
.text-navy-l, .tx-navy-l { color: #809fbf !important; } /* Светло-темно-синий */
.text-navy-d, .tx-navy-d { color: #001326 !important; } /* Насыщенный темно-синий */

.text-teal, .tx-teal { color: #39cccc !important; } /* Бирюзовый */
.text-teal-l, .tx-teal-l { color: #9ce6e6 !important; } /* Светло-бирюзовый */
.text-teal-d, .tx-teal-d { color: #2da3a3 !important; } /* Насыщенный бирюзовый */

.text-olive, .tx-olive { color: #3d9970 !important; } /* Оливковый */
.text-olive-l, .tx-olive-l { color: #9eccb8 !important; } /* Светло-оливковый */
.text-olive-d, .tx-olive-d { color: #317a5a !important; } /* Насыщенный оливковый */

.text-lime, .tx-lime { color: #01ff70 !important; } /* Лаймовый */
.text-lime-l, .tx-lime-l { color: #80ffb8 !important; } /* Светло-лаймовый */
.text-lime-d, .tx-lime-d { color: #01cc5a !important; } /* Насыщенный лаймовый */

.text-orange, .tx-orange { color: #ff851b !important; } /* Оранжевый */
.text-orange-l, .tx-orange-l { color: #ffc28d !important; } /* Светло-оранжевый */
.text-orange-d, .tx-orange-d { color: #cc6a15 !important; } /* Насыщенный оранжевый */

.text-fuchsia, .tx-fuchsia { color: #f012be !important; } /* Фуксия */
.text-fuchsia-l, .tx-fuchsia-l { color: #f889df !important; } /* Светло-фуксия */
.text-fuchsia-d, .tx-fuchsia-d { color: #c00e98 !important; } /* Насыщенный фуксия */

.text-purple, .tx-purple { color: #932ab6 !important; } /* Фиолетовый */
.text-purple-l, .tx-purple-l { color: #c995db !important; } /* Светло-фиолетовый */
.text-purple-d, .tx-purple-d { color: #752291 !important; } /* Насыщенный фиолетовый */

.text-maroon, .tx-maroon { color: #85144b !important; } /* Бордовый */
.text-maroon-l, .tx-maroon-l { color: #c28a9d !important; } /* Светло-бордовый */
.text-maroon-d, .tx-maroon-d { color: #6a103c !important; } /* Насыщенный бордовый */

.text-gray, .tx-gray { color: #666666 !important; } /* Серый */
.text-gray-l, .tx-gray-l { color: #BFBFBF !important; } /* Светло-серый */
.text-gray-d, .tx-gray-d { color: #4d4d4d !important; } /* Насыщенный серый */

.text-black, .tx-black { color: #222222 !important; } /* Черный */
.text-black-l, .tx-black-l { color: #555555 !important; } /* Светло-черный */
.text-black-d, .tx-black-d { color: #000000 !important; } /* Насыщенный черный */

/*--color--*/
.primary, .text-primary, .tx-primary { color: #2e61f2; } /* Синий */
.primary-l, .text-primary-l, .tx-primary-l { color: #a8c2f8; } /* Светло-синий */
.primary-d, .text-primary-d, .tx-primary-d { color: #1a4fc7; } /* Насыщенный синий */

.secondary, .text-secondary, .tx-secondary { color: #a0a9b3; } /* Серый */
.secondary-l, .text-secondary-l, .tx-secondary-l { color: #d5d9dd; } /* Светло-серый */
.secondary-d, .text-secondary-d, .tx-secondary-d { color: #7a828c; } /* Насыщенный серый */

.success, .text-success, .tx-success { color: #4cb04e; } /* Зеленый */
.success-l, .text-success-l, .tx-success-l { color: #a8d7a9; } /* Светло-зеленый */
.success-d, .text-success-d, .tx-success-d { color: #388e3a; } /* Насыщенный зеленый */

.danger, .text-danger, .tx-danger { color: #ff5450; } /* Красный */
.danger-l, .text-danger-l, .tx-danger-l { color: #ffa8a6; } /* Светло-красный */
.danger-d, .text-danger-d, .tx-danger-d { color: #cc433f; } /* Насыщенный красный */

.warning, .text-warning, .tx-warning { color: #fdc107; } /* Желтый */
.warning-l, .text-warning-l, .tx-warning-l { color: #fee8a1; } /* Светло-желтый */
.warning-d, .text-warning-d, .tx-warning-d { color: #c99a00; } /* Насыщенный желтый */

.info, .text-info, .tx-info { color: #00bcd2; } /* Голубой */
.info-l, .text-info-l, .tx-info-l { color: #80deea; } /* Светло-голубой */
.info-d, .text-info-d, .tx-info-d { color: #008fa1; } /* Насыщенный голубой */

.dark, .text-dark, .tx-dark { color: #333; } /* Темный */
.dark-l, .text-dark-l, .tx-dark-l { color: #666; } /* Светло-темный */
.dark-d, .text-dark-d, .tx-dark-d { color: #000; } /* Насыщенный темный */


.text-muted {    color: #707070 !important;} /* Приглушенный */
.text-muted-l {    color: #a0a0a0 !important;} /* Светло-приглушенный */
.text-muted-d {    color: #505050 !important;} /* Насыщенный приглушенный */