/* Start:/bitrix/components/bmhouse/comments/templates/.default/style.css?176901206610702*/
#bmhouse-comments
{
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    font-family: Verdana;
    color: #111;
}

#bmhouse-comments .bmhouse-comments-title
{
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 24px;
    color: #00A94E; /* Заголовок зеленым */
}

#bmhouse-comments .bmhouse-comments-rating,
#bmhouse-comments .bmhouse-comments-count
{
    display: inline-block;
}

#bmhouse-comments .bmhouse-comments-count
{
    position: relative;
    top: -5px;
}

/* ЗВЕЗДЫ: Оставляем как есть, так как картинку заменили на сервере */
#bmhouse-comments .bmhouse-comments-rating-background,
#bmhouse-comments .bmhouse-comments-rating-foreground
{
    height: 22px;
    width: 110px;
    background: url( '/bitrix/components/bmhouse/comments/templates/.default/img/stars.png') repeat-x;
}

#bmhouse-comments .bmhouse-comments-rating-foreground
{
    background-position: 0 -22px;
}

#bmhouse-comments .bmhouse-comments-stats
{
    margin-top: 20px;
    display: inline-block;
}

#bmhouse-comments .bmhouse-comments-stat
{
    margin-bottom: 10px;
    padding: 1px 5px;
    cursor: pointer;
    position: relative;
}

/* Всплывающая подсказка с рейтингом */
#bmhouse-comments .bmhouse-comments-stat-only-rating
{
    position: absolute;
    left: 200px;
    top: -22px;
    background-color: #00A94E; /* Было голубое, стало зеленым */
    border: 1px solid #00A94E;
    color: #fff;
    width: 255px;
    padding: 2px 6px;
    display: none;
    transition: display 0.3s;
    z-index: 1;
}

#bmhouse-comments .bmhouse-comments-stat:hover
{
    padding: 0 4px;
    border: 1px solid #ddd;
}

#bmhouse-comments .bmhouse-comments-stat.active
{
    padding: 0 4px;
    border: 1px solid #ccc;
}

#bmhouse-comments .bmhouse-comments-stat:hover .bmhouse-comments-stat-only-rating
{
    display: block;
}

#bmhouse-comments .bmhouse-comments-stat-title,
#bmhouse-comments .bmhouse-comments-stat-line,
#bmhouse-comments .bmhouse-comments-stat-count
{
    display: inline-block;
}

#bmhouse-comments .bmhouse-comments-stat-title
{
    width: 100px;
}

/* Линия статистики (пустая часть) */
#bmhouse-comments .bmhouse-comments-stat-line
{
    width: 200px;
    height: 7px;
    border: 1px solid #00A94E; /* Рамка зеленая */
    background-color: #f7f7f7;
    border-radius: 3px;
    margin-right: 20px;
}

/* Линия статистики (заполненная часть) */
#bmhouse-comments .bmhouse-comments-stat-line-fill
{
    background-color: #00A94E; /* Заливка зеленая */
    height: 7px;
    border-radius: 3px;
}

#bmhouse-comments .bmhouse-comments-button
{
    display: inline-block;
    margin-left: 50px;
}

/* Кнопка "Написать отзыв" */
#bmhouse-comments .bmhouse-comments-button a
{
    background-color: #00A94E; /* Зеленый фон */
    color: #fff;
    text-decoration: none;
    padding: 20px 40px;
    border-radius: 6px; 
    position: relative;
    bottom: 52px;
    font-weight: bold;
}

#bmhouse-comments .bmhouse-comments-button a:hover
{
    background-color: #00853e; /* Чуть темнее при наведении */
}

#bmhouse-comments .bmhouse-comments-block
{
    margin-top: 30px;
}

/* Разделительная линия между отзывами */
#bmhouse-comments .bmhouse-comment
{
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #00A94E; /* Зеленая линия */
    padding-bottom: 20px;
}

#bmhouse-comments .bmhouse-comment.hidden
{
    display: none;
}

#bmhouse-comments .bmhouse-comment-left
{
    display: inline-block;
    width: 50px;
    vertical-align: top;
}

/* Кружок с первой буквой имени */
#bmhouse-comments .bmhouse-comment-left > div
{
    width: 50px;
    height: 50px;
    background-color: #f7f7f7;
    border: 2px solid #00A94E; /* Рамка зеленая */
    color: #00A94E; /* Буква зеленая */
    text-align: center;
    border-radius: 30px;
    font-weight: bold;
    overflow: hidden;
}

#bmhouse-comments .bmhouse-comment-left .bmhouse-comment-userletter span
{
    position: relative;
    top: 14px;
}

#bmhouse-comments .bmhouse-comment-right
{
    display: inline-block;
    width: 100%;
}

#bmhouse-comments .bmhouse-comment-left + .bmhouse-comment-right
{
    margin-left: 20px;
    width: calc( 100% - 80px );
}

#bmhouse-comments .bmhouse-comment-header
{
    margin-bottom: 14px;
}

/* Имя автора */
#bmhouse-comments .bmhouse-comment-name
{
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    color: #00A94E; /* Зеленый */
}

#bmhouse-comments .bmhouse-comment-date
{
    font-weight: bold;
    display: inline-block;
    color: #aaa;
    font-size: 10px;
    margin-left: 20px;
}

#bmhouse-comments .bmhouse-comment-image
{
    margin-top: 15px;
}

#bmhouse-comments .bmhouse-comment-image img
{
    max-width: 100px;
    max-height: 100px;
    cursor: pointer;
    transition: max-width 0.5s, max-height 0.5s, width 0.5s, height 0.5s;
}

#bmhouse-comments .bmhouse-comment-image img.active
{
    max-width: 700px;
    max-height: 700px;
}

#bmhouse-comments .bmhouse-comment-rating
{
    margin-bottom: 15px;
}

#bmhouse-comments .bmhouse-comment-rating-background,
#bmhouse-comments .bmhouse-comment-rating-foreground
{
    height: 22px;
    width: 110px;
    background: url( '/bitrix/components/bmhouse/comments/templates/.default/img/stars.png') repeat-x;
}

#bmhouse-comments .bmhouse-comment-rating-foreground
{
    background-position: 0 -22px;
}

#bmhouse-comments .bmhouse-comments-form
{
    margin-top: 20px;
}

#bmhouse-comments .bmhouse-comments-form-title
{
    margin-bottom: 30px;
    font-size: 20px;
}

#bmhouse-comments .bmhouse-comments-form-item
{
    margin-bottom: 20px;
}

#bmhouse-comments .bmhouse-comments-form-item > label
{
    width: 100px;
    display: inline-block;
    vertical-align: top;
}

/* Поля ввода (Инпуты) */
#bmhouse-comments .bmhouse-comments-form-item > input,
#bmhouse-comments .bmhouse-comments-form-item > textarea
{
    width: 275px;
    padding: 5px 10px;
    border-radius: 8px;
    resize: none;
    border: 1px solid #00A94E; /* Рамка зеленая */
    font-size: 14px;
    font-family: Verdana;
}

#bmhouse-comments .bmhouse-comments-form-item > textarea
{
    height: 100px;
}

#bmhouse-comments .bmhouse-comments-form-rating
{
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 2px;
}

#bmhouse-comments .bmhouse-comments-form-rating-star
{
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url( '/bitrix/components/bmhouse/comments/templates/.default/img/stars.png') repeat-x;
    cursor: pointer;
}

#bmhouse-comments .bmhouse-comments-form-item .bmhouse-comments-button
{
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 5px;
}

#bmhouse-comments .bmhouse-comments-form-item .bmhouse-comments-button a
{
    bottom: 0;
    display: block;
}

#hidden-frame
{
    width: 0;
    height: 0;
    display: none;
}

/* Кнопка "Показать еще" */
#bmhouse-comments-show-more-comments
{
    background-color: #00A94E; /* Зеленая */
    color: #fff;
    text-decoration: none;
    padding: 10px 10px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 30px;
    display: inline-block;
}

#bmhouse-comments-show-more-comments:hover
{
    background-color: #00853e; /* Темнее при наведении */
}

.bmhouse-comment-voting
{
    margin-top: 20px;
}

.bmhouse-comment-voting a
{
    text-decoration: none;
    color: #333;
    display: inline-block;
    padding: 0 5px;
    line-height: 30px;
    box-sizing: border-box;
}

.bmhouse-comment-voting a:first-child
{
    margin-right: 10px;
}

.bmhouse-comment-voting a span
{
    display: inline-block;
    margin-right: 4px;
}

.bmhouse-comment-vote-up
{
    border: 1px solid #afd6af;
}

.bmhouse-comment-vote-up:hover
{
    background-color: #cff6cf;
}

.bmhouse-comment-vote-down
{
    border: 1px solid #d8b9b9;
}

.bmhouse-comment-vote-down:hover
{
    background-color: #f8d9d9;
}

.bmhouse-comment-vote-up.disabled,
.bmhouse-comment-vote-down.disabled
{
    border: 1px solid #ccc;
    background-color: #ddd;
}

.bmhouse-comment-answer
{
    background-color: #e3e7f5;
    margin-top: 20px;
    padding: 10px 20px;
}

.bmhouse-comment-moderation
{
    margin-top: 20px;
    color: red;
}

.bmhouse-comment-moderation a
{
    background-color: #00A94E; /* Кнопки модерации тоже зеленые */
    color: #fff;
    text-decoration: none;
    padding: 5px 15px 7px;
    border-radius: 6px;
    margin-left: 20px;
}

.bmhouse-comment-moderation a[data-action="DELETE"]
{
    background-color: #ff0000;
}

.bmhouse-comment-moderation a:hover
{
    background-color: #00853e;
}

.bmhouse-comment-moderation a[data-action="DELETE"]:hover
{
    background-color: #ee0000;
}

#bmhouse-comments .bmhouse-comment-answer-add
{
    margin-top: 30px;
}

#bmhouse-comments .bmhouse-comment-answer-add textarea
{
    height: 100px;
    min-height: 100px;
    background-color: #f8f8f8;
    font-size: 14px;
    font-family: Verdana;
}

#bmhouse-comments .bmhouse-comment-answer-add a
{
    background-color: #00A94E;
    color: #fff;
    text-decoration: none;
    padding: 5px 15px 7px;
    border-radius: 6px;
    display: inline-block;
    margin-top: 5px;
}

#bmhouse-comments .bmhouse-comment-answer-add a:hover
{
    background-color: #00853e;
}

#bmhouse-comments .bmhouse-comment-text p
{
    margin-top: 10px;
    margin-bottom: 0;
    font-style: italic;
}

#bmhouse-comments .bmhouse-comment-text p:first-child
{
    margin-top: 20px;
}

@media screen and (max-width: 700px)
{
    #bmhouse-comments .bmhouse-comments-stats
    {
        display: block;
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 427px)
{
    #bmhouse-comments .bmhouse-comments-button,
    #bmhouse-comments .bmhouse-comments-form-item .bmhouse-comments-button
    {
        margin-left: 0;
    }
}
/* End */
/* /bitrix/components/bmhouse/comments/templates/.default/style.css?176901206610702 */