/* Start:/local/templates/main/components/bitrix/form.result.new/otziv_soglasiya/style.css?17663226938580*/
/* Старые стили формы */
table.form-table {
    width: 100%;
    background-color: white;
    border-collapse: collapse;
    font-size: 100%;
    font-weight: normal;
    line-height: 160%;
    border: 1px solid #e0e0e0; /* Добавлен общий бордюр для согласованности */
}

table.form-table th,
table.form-table td {
    border: 1px solid #ADC3D5; /* Оригинальный цвет границы */
    padding: 5px 5px; /* Оригинальные отступы */
    vertical-align: top;
}

table.form-table th {
    background-image: url(/local/templates/main/components/bitrix/form.result.new/otziv_soglasiya/images/table_head.gif); /* Оригинальный фон заголовка */
    background-repeat: repeat-x;
    text-align: left;
    color: #25639A; /* Оригинальный цвет текста заголовка */
    padding: 10px 15px; /* Увеличенные отступы для заголовков */
}

table.form-table td {
    padding: 15px 5px; /* Оригинальные отступы */
    vertical-align: middle; /* Выравнивание по центру по вертикали */
}

.form-required {
    color: red;
}

.error-fld {
    display: block; /* Изменен на block для лучшего размещения */
    float: left; /* Оставлено для оригинального поведения */
    height: 13px;
    width: 15px;
    background-repeat: no-repeat;
    background-image: url(/local/templates/main/components/bitrix/form.result.new/otziv_soglasiya/images/icon_warn.gif); /* Проверьте путь к иконке */
    margin-right: 5px; /* Отступ справа от иконки */
}


/* Новые стили, соответствующие дизайну danaya.shop и требованиям */
/* Обертка формы */
.webform-wrap {
    max-width: 800px; /* Ограничиваем ширину формы */
    margin: 20px auto; /* Центрируем */
    padding: 20px; /* Внутренние отступы */
    background-color: #ffffff; /* Белый фон формы */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Легкая тень */
    border-radius: 8px; /* Скругление углов */
    font-family: Arial, sans-serif; /* Шрифт сайта */
    color: #333; /* Цвет текста */
}

/* Стили для заголовка формы */
.webform-header h3 {
    font-size: 24px; /* Размер шрифта заголовка */
    color: #2c3e50; /* Цвет заголовка */
    margin-bottom: 15px; /* Отступ снизу */
    text-align: center; /* Центрирование */
}

/* Стили для описания формы */
.webform-description {
    font-size: 14px;
    color: #666; /* Цвет описания */
    margin-bottom: 20px; /* Отступ снизу */
    text-align: center; /* Центрирование */
}

/* Стили для полей ввода */
.webform-input {
    width: 100%; /* Поле занимает всю ширину ячейки */
    padding: 10px; /* Внутренние отступы */
    border: 1px solid #ccc; /* Рамка поля */
    border-radius: 4px; /* Скругление углов */
    box-sizing: border-box; /* Учитываем padding и border в ширине */
    font-size: 14px; /* Размер шрифта */
}

/* Фокус на поле ввода */
.webform-input:focus {
    outline: none; /* Убираем стандартный фокус */
    border-color: #3498db; /* Цвет рамки при фокусе */
    box-shadow: 0 0 5px rgba(52, 152, 219, 0.3); /* Тень при фокусе */
}

/* Стили для чекбоксов и радио-кнопок */
.webform-checkbox,
.webform-radio {
    margin-right: 8px; /* Отступ справа от чекбокса/радио */
}

/* Стили для textarea */
.webform-textarea {
    width: 100%; /* Поле занимает всю ширину ячейки */
    padding: 10px; /* Внутренние отступы */
    border: 1px solid #ccc; /* Рамка поля */
    border-radius: 4px; /* Скругление углов */
    box-sizing: border-box; /* Учитываем padding и border в ширине */
    font-size: 14px; /* Размер шрифта */
    resize: vertical; /* Разрешаем изменение высоты */
}

/* Стили для кнопок (общие стили для всех кнопок формы) */
.webform-button {
    padding: 12px 20px; /* Внутренние отступы */
    border: none; /* Без рамки */
    border-radius: 4px; /* Скругление углов */
    cursor: pointer; /* Курсор указатель */
    font-size: 16px; /* Размер шрифта */
    transition: background-color 0.3s ease; /* Плавный переход цвета */
    margin: 5px; /* Отступ между кнопками */
}

/* Стили для основной кнопки отправки */
.webform-button[type="submit"] { /* Уточняем тип для главной кнопки */
    background-color: #3498db; /* Цвет фона основной кнопки */
    color: white; /* Цвет текста основной кнопки */
}

/* Стили при наведении на основную кнопку */
.webform-button[type="submit"]:hover {
    background-color: #2980b9; /* Темнее цвет фона при наведении */
}

/* Стили для кнопки сброса */
.webform-button-reset {
    background-color: #95a5a6; /* Цвет фона кнопки сброса */
    color: white; /* Цвет текста кнопки сброса */
}

/* Стили при наведении на кнопку сброса */
.webform-button-reset:hover {
    background-color: #7f8c8d; /* Темнее цвет фона при наведении */
}

/* Новый стиль для черной кнопки отправки */
.webform-button-submit-black {
    background-color: #000000; /* Черный цвет фона */
    color: #ffffff;            /* Белый цвет текста */
    padding: 12px 20px;        /* Сохраняем прежние отступы */
    border: none;              /* Сохраняем прежнюю рамку (отсутствие) */
    border-radius: 4px;        /* Сохраняем прежнее скругление */
    cursor: pointer;           /* Сохраняем курсор */
    font-size: 16px;           /* Сохраняем прежний размер шрифта */
    transition: background-color 0.3s ease; /* Сохраняем переход */
    margin: 5px;               /* Сохраняем прежние отступы */
}

/* Стили при наведении на черную кнопку */
.webform-button-submit-black:hover {
    background-color: #333333; /* Более светлый черный (серый) при наведении */
}

/* Стили для обязательных полей (звездочка) */
.webform-required {
    color: red; /* Красный цвет звездочки */
    margin-left: 2px; /* Маленький отступ слева от звездочки */
}

/* Стили для сообщений об ошибках */
.webform-error-message {
    color: #e74c3c; /* Цвет текста ошибки */
    font-size: 12px; /* Размер шрифта ошибки */
    margin-top: 5px; /* Отступ сверху */
    display: block; /* Отображаем как блочный элемент */
}

/* Стили для строки с ошибкой */
.webform-row.has-error td {
    background-color: #fdf2f2; /* Светло-красный фон строки */
    border-color: #e74c3c; /* Красная рамка строки */
}

/* Стили для строки с ошибкой - метка */
.webform-row.has-error td:first-child {
    color: #e74c3c; /* Красный цвет метки */
    font-weight: bold;
}

/* Стили для CAPTCHA */
.webform-captcha-image {
    margin-bottom: 10px; /* Отступ снизу от изображения */
}

.webform-captcha-input {
    width: 150px; /* Ширина поля ввода CAPTCHA */
    padding: 10px; /* Внутренние отступы */
    border: 1px solid #ccc; /* Рамка поля */
    border-radius: 4px; /* Скругление углов */
    box-sizing: border-box; /* Учитываем padding и border в ширине */
    font-size: 14px; /* Размер шрифта */
}
/* End */
/* /local/templates/main/components/bitrix/form.result.new/otziv_soglasiya/style.css?17663226938580 */