/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Цвет переключателя пройден урок'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'sms'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: ""; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Насройка цветов переключателя пройден урок или нет на странице урока.'; */

/* Не пройден */
.ui-icon-wrap .icon-toggle-off {
    color: #721010;
}

/* Пройден */
.ui-icon-wrap .icon-toggle-on {
    color: #647557;
}


/* 1. Применяем градиент ко всем прогресс-барам */
.folders-row .course-progress-wrap .progress .progress-bar.progress-bar-unlock-alt,
.folders-row .course-progress-wrap .progress .progress-bar.progress-bar-unlock,
.folders-row .course-progress-wrap .progress .progress-bar.progress-bar-lock {
    background-image: linear-gradient(to right, #B7CCE3 0%, #8DA1B9 100%) !important;
    background-color: transparent !important; /* убираем возможный фон по умолчанию */
}

/* 2. Для полностью пройденных (width:100%) убираем градиент и ставим сплошной цвет */
.folders-row .course-progress-wrap .progress .progress-bar[style*="width: 100%"] {
    background-image: none !important;
    background-color: #647557 !important;
}