/* Скрываем стандартную галочку */
#rec635467666 input[type="checkbox"] {
    display: none;
}

/* Создаем свой фон для галочки */
#rec635467666 input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    background-color: #eee; /* Цвет неактивной галочки */
    border-radius: 3px;
    margin-right: 8px;
    vertical-align: middle;
    cursor: pointer;
}

/* Стиль для галочки, когда она отмечена */
#rec635467666 input[type="checkbox"]:checked + label::before {
    background-color: #4CAF50; /* Цвет галочки при наведении/активности */
    border-color: #4CAF50;
}

/* Рисуем саму галочку */
#rec635467666 input[type="checkbox"]:checked + label::after {
    content: '\2713'; /* Код символа галочки */
    display: inline-block;
    position: relative;
    left: -26px; /* Подстраиваем позицию */
    top: -1px;
    color: white; /* Цвет самой галочки */
    font-size: 14px;
    font-weight: bold;
}