p.comments {
    color: blue;
    padding-left: 40px;
}

a.comment {
    padding-left: 30px;
}

.formcomment {
    padding-left: 30px;
}

label input {
    margin-right: 10px; /* Отступ справа от чекбокса */
    transform: scale(1.5); /* Увеличиваем размер чекбокса */
}

/* Скрываем стандартный чекбокс */
.custom-checkbox input[type="checkbox"] {
    display: none;
}

/* Стиль квадратика чекбокса */
.custom-checkbox label {
    position: relative;
    cursor: pointer;
    padding-left: 30px; /* Отступ для чекбокса */
    display: inline-block;
}

/* Стиль квадрата для чекбокса */
.custom-checkbox label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* Центрирование квадратика */
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    background-color: white;
    border-radius: 3px;
}

/* Стиль при выбранном чекбоксе */
.custom-checkbox input[type="checkbox"]:checked + label:before {
    background-color: #28a745; /* Зеленый */
    border-color: #28a745;
}

/* Иконка для галочки */
.custom-checkbox input[type="checkbox"]:checked + label:after {
    content: '\2713'; /* Юникод для галочки */
    position: absolute;
    left: 5px; /* Откорректируем, чтобы галочка оставалась в квадрате */
    top: 50%;
    transform: translateY(-50%); /* Центрирование галочки */
    color: white;
    font-size: 16px; /* Подходящий размер для галочки */
}

/* Варианты для других цветов */
.custom-checkbox.blue input[type="checkbox"]:checked + label:before {
    background-color: #007bff;
    border-color: #007bff;
}

.custom-checkbox.red input[type="checkbox"]:checked + label:before {
    background-color: #9a0226;
    border-color: #9a0226;
}

.custom-checkbox.yellow input[type="checkbox"]:checked + label:before {
    background-color: #ffc107;
    border-color: #ffc107;
}