/* Розовые оттенки */
.pink-25 { background-color: rgba(255, 192, 203, 0.25); } /* Полупрозрачный розовый */
.pink-75 { background-color: rgba(255, 192, 203, 0.75); }
.pink-50 { background-color: rgba(255, 192, 203, 0.5); }

.light-pink-25 { background-color: rgba(255, 182, 193, 0.25); } /* Светло-розовый */
.light-pink-75 { background-color: rgba(255, 182, 193, 0.75); }
.light-pink-50 { background-color: rgba(255, 182, 193, 0.5); }

/* Синие оттенки */
.blue-25 { background-color: rgba(0, 0, 255, 0.25); } /* Полупрозрачный синий */
.blue-75 { background-color: rgba(0, 0, 255, 0.75); }
.blue-50 { background-color: rgba(0, 0, 255, 0.5); }

.light-blue-25 { background-color: rgba(173, 216, 230, 0.25); } /* Светло-голубой */
.light-blue-75 { background-color: rgba(173, 216, 230, 0.75); }
.light-blue-50 { background-color: rgba(173, 216, 230, 0.5); }

.dark-blue-25 { background-color: rgba(0, 0, 139, 0.25); } /* Тёмно-синий */
.dark-blue-75 { background-color: rgba(0, 0, 139, 0.75); }
.dark-blue-50 { background-color: rgba(0, 0, 139, 0.5); }

/* Голубые оттенки */
.cyan-25 { background-color: rgba(0, 255, 255, 0.25); } /* Голубой (циан) */
.cyan-75 { background-color: rgba(0, 255, 255, 0.75); }
.cyan-50 { background-color: rgba(0, 255, 255, 0.5); }

.light-cyan-25 { background-color: rgba(224, 255, 255, 0.25); } /* Светло-циан */
.light-cyan-75 { background-color: rgba(224, 255, 255, 0.75); }
.light-cyan-50 { background-color: rgba(224, 255, 255, 0.5); }

/* Фиолетовые оттенки */
.purple-25 { background-color: rgba(128, 0, 128, 0.25); } /* Фиолетовый */
.purple-75 { background-color: rgba(128, 0, 128, 0.75); }
.purple-50 { background-color: rgba(128, 0, 128, 0.5); }

.lavender-25 { background-color: rgba(230, 230, 250, 0.25); } /* Лаванда */
.lavender-75 { background-color: rgba(230, 230, 250, 0.75); }
.lavender-50 { background-color: rgba(230, 230, 250, 0.5); }

/* Красные оттенки */
.red-25 { background-color: rgba(255, 0, 0, 0.25); } /* Красный */
.red-75 { background-color: rgba(255, 0, 0, 0.75); }
.red-50 { background-color: rgba(255, 0, 0, 0.5); }

.dark-red-25 { background-color: rgba(139, 0, 0, 0.25); } /* Тёмно-красный */
.dark-red-75 { background-color: rgba(139, 0, 0, 0.75); }
.dark-red-50 { background-color: rgba(139, 0, 0, 0.5); }

/* Оранжевые оттенки */
.orange-25 { background-color: rgba(255, 165, 0, 0.25); } /* Оранжевый */
.orange-75 { background-color: rgba(255, 165, 0, 0.75); }
.orange-50 { background-color: rgba(255, 165, 0, 0.5); }

.dark-orange-25 { background-color: rgba(255, 140, 0, 0.25); } /* Тёмно-оранжевый */
.dark-orange-75 { background-color: rgba(255, 140, 0, 0.75); }
.dark-orange-50 { background-color: rgba(255, 140, 0, 0.5); }


/* Основные цвета с полупрозрачностью */
.yellow-25 { background-color: rgba(255, 255, 0, 0.25); } /* Полупрозрачный жёлтый */
.yellow-75 { background-color: rgba(255, 255, 0, 0.75); }
.yellow-50 { background-color: rgba(255, 255, 0, 0.5); }

.light-yellow-25 { background-color: rgba(253, 253, 150, 0.25); } /* Полупрозрачный светло-жёлтый 1 */
.light-yellow-75 { background-color: rgba(253, 253, 150, 0.75); }
.light-yellow-50 { background-color: rgba(253, 253, 150, 0.5); }

.light-yellow1-25 { background-color: rgba(255, 250, 205, 0.25); } /* Полупрозрачный светло-жёлтый 2 (лимонный) */
.light-yellow1-75 { background-color: rgba(255, 250, 205, 0.75); }
.light-yellow1-50 { background-color: rgba(255, 250, 205, 0.5); }

.light-yellow2-25 { background-color: rgba(255, 239, 213, 0.25); } /* Полупрозрачный светло-жёлтый 3 (песочный) */
.light-yellow2-75 { background-color: rgba(255, 239, 213, 0.75); }
.light-yellow2-50 { background-color: rgba(255, 239, 213, 0.5); }

.light-yellow3-25 { background-color: rgba(250, 250, 210, 0.25); } /* Полупрозрачный светло-жёлтый 4 (бледно-золотистый) */
.light-yellow3-75 { background-color: rgba(250, 250, 210, 0.75); }
.light-yellow3-50 { background-color: rgba(250, 250, 210, 0.5); }

/* Зелёные оттенки */
.green-25 { background-color: rgba(0, 128, 0, 0.25); } /* Полупрозрачный зелёный */
.green-75 { background-color: rgba(0, 128, 0, 0.75); }
.green-50 { background-color: rgba(0, 128, 0, 0.5); }

.light-green-25 { background-color: rgba(152, 251, 152, 0.25); } /* Полупрозрачный светло-зелёный 1 (мятный) */
.light-green-75 { background-color: rgba(152, 251, 152, 0.75); }
.light-green-50 { background-color: rgba(152, 251, 152, 0.5); }

.light-green1-25 { background-color: rgba(144, 238, 144, 0.25); } /* Полупрозрачный светло-зелёный 2 (лаймовый) */
.light-green1-75 { background-color: rgba(144, 238, 144, 0.75); }
.light-green1-50 { background-color: rgba(144, 238, 144, 0.5); }

.light-green2-25 { background-color: rgba(127, 255, 0, 0.25); } /* Полупрозрачный светло-зелёный 3 (чартрез) */
.light-green2-75 { background-color: rgba(127, 255, 0, 0.75); }
.light-green2-50 { background-color: rgba(127, 255, 0, 0.5); }

.light-green3-25 { background-color: rgba(173, 255, 47, 0.25); } /* Полупрозрачный светло-зелёный 4 (зелёно-жёлтый) */
.light-green3-75 { background-color: rgba(173, 255, 47, 0.75); }
.light-green3-50 { background-color: rgba(173, 255, 47, 0.5); }

/* Серые оттенки */
.gray-25 { background-color: rgba(128, 128, 128, 0.25); } /* Полупрозрачный серый */
.gray-75 { background-color: rgba(128, 128, 128, 0.75); }
.gray-50 { background-color: rgba(128, 128, 128, 0.5); }

.light-gray-25 { background-color: rgba(211, 211, 211, 0.25); } /* Полупрозрачный светло-серый 1 */
.light-gray-75 { background-color: rgba(211, 211, 211, 0.75); }
.light-gray-50 { background-color: rgba(211, 211, 211, 0.5); }

.light-gray1-25 { background-color: rgba(192, 192, 192, 0.25); } /* Полупрозрачный светло-серый 2 (серебристый) */
.light-gray1-75 { background-color: rgba(192, 192, 192, 0.75); }
.light-gray1-50 { background-color: rgba(192, 192, 192, 0.5); }

.light-gray2-25 { background-color: rgba(190, 190, 190, 0.25); } /* Полупрозрачный светло-серый 3 */
.light-gray2-75 { background-color: rgba(190, 190, 190, 0.75); }
.light-gray2-50 { background-color: rgba(190, 190, 190, 0.5); }

.light-gray3-25 { background-color: rgba(169, 169, 169, 0.25); } /* Полупрозрачный тёмно-серый */
.light-gray3-75 { background-color: rgba(169, 169, 169, 0.75); }
.light-gray3-50 { background-color: rgba(169, 169, 169, 0.5); }


.coloredIfaceElement {
    display: flex; /* Используем Flexbox для центрирования */
	flex-direction: row; /* Размещаем элементы в одну строку */

    justify-content: left; /* Центрирование по горизонтали */
    align-items: left; /* Центрирование по вертикали */
    text-align: left; /* Горизонтальное выравнивание текста */
	cursor: pointer;
    border: 0.5px solid #ccc;
	border-radius: 10px; /* Скругление углов, можно настроить значение */
}

.coloredIfaceElementX {
    border: 2px solid #ccc;
	border-radius: 10px; /* Скругление углов, можно настроить значение */
}

.coloredIfaceElementXX {
    display: flex; /* Используем Flexbox для центрирования */
    justify-content: center; /* Центрирование по горизонтали */
	flex-direction: row; /* Размещаем элементы в одну строку */
    align-items: center; /* Центрирование по вертикали */
    text-align: center; /* Горизонтальное выравнивание текста */
    height: 40px; /* Определяем высоту для вертикального выравнивания */
	width: 85px; 
	cursor: pointer;
    border: 1px solid #ccc;
	border-radius: 10px; /* Скругление углов, можно настроить значение */
}


/* Состояние кнопки при наведении */
button:hover:not(.disabled) {
    background-color: #ffd000;
}

/* Неактивное состояние кнопки */
button.disabled {
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
    pointer-events: none;
}

.blktext, .blktext * {
    color: black !important;
}