/* ВИДЖЕТ ОБЩЕНИЯ - начало */

/* Виджет общения - кнопка виджета - оформление */
.talks-widget-button {
    color: #fff;
    box-shadow: 0 0 20px 0 rgba(250, 206, 18, 0.7);
}


/* Виджет общения - кнопка виджета - счетчик */
.talks-widget-button .conversations-counter {
      background: #444;
     color: #F6CD1E;
}


/* Форма виджета общения - Раскрывающееся окно */
.talks-widget-window {
    background: #fafafa;
    border-left: 1px solid #F6CD1E;
    box-shadow: 0 0 20px 0 #fafafa;
}


/* Форма виджета общения - Заголовок */
.talks-widget-window .talks-widget-header {
    color: #444;
    background: #F6CD1E; 
    /* нижнее подчеркивание под блоком заголовка */
    border-bottom: 1px solid #F6CD1E;
}




/* Форма виджета общения - Каждый из блоков обращения */
.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block {
    /* нижнее подчеркивание под обращением */
    border-bottom: 1px solid #F6CD1E;
}



/* Форма виджета общения - Конкретное обращение */
.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate {
    /* задержка для плавности анимации */
    transition: all 0.5s;
}


/* Форма виджета общения - Наведение на конкретное обращение */
.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate:hover {
    background: #44444410;
}


/* Форма виджета общения - Обводка аватарки в общении */
.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-img-block img {
    width: 40px;
    border-radius: 50%;
    border: 1px solid #F6CD1E;
}



/* Форма виджета общения - Счетчик сообщений в обращении */
.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-fresh-comment-count {
    background: #F6CD1E;
    color: var(--Lwhite);
    border-radius: 10px;
}




/* Форма виджета общения - Футер с кнопкой */
.talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer {
    background: #282828; 
    /* верхнее подчеркивание надо футером */
    border-top: 1px solid #F6CD1E;
}



/* Форма виджета общения - кнопка в диалоговом окне */
.talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn.btn-new.btn-primary {
    font-size: 14px;
    color: #282828;
    background-color: #F6CD1E;   
    border-color: #F6CD1E;
    border-radius: 10px;
}


/* Форма переписки - Окно общения */
.conversation-widget .comments-tree-wrapper .comments-tree {
   
    background: #fff;
    border-left: 1px solid #F6CD1E97;
    box-shadow: 0 0 20px 0 #F6CD1E30;
}



/* Форма переписки - Имя пользователя в шапке */
.talks-widget-header .caption a {
    
    color: #F6CD1E;
}



/* Форма переписки - Обводка аватарки в общении */
.conversation-widget .comment-wrapper .comment .user-profile-image {
    width: 40px;
    border-radius: 50%;
    border: 1px solid #F6CD1E;
}



/* Форма переписки - Текст отправленных сообщений */
.conversation-widget .comment > .text .text-content {
    font-size: 13px;
    background: transparent;
    border: 1px solid #F6CD1E;
}



/* Форма переписки - Текст моих отправленных сообщений */
.conversation-widget .my-comment .comment > .text .text-content,
/* Форма переписки - Текст отправленных сообщений пользователя-инициатора переписки */
.conversation-widget .own-user-comment .comment > .text .text-content {
    font-size: 13px;
    background: #F6CD1E30;
    border: 1px solid var(--Lcolor5);
}



/* Форма переписки - Имя и фамилия сотрудника */
.comments-tree .worker .text {
    
    color: #444!important;
}




/* Форма переписки - Дата и время, канал отправки сообщения */
.conversation-widget .comment-wrapper .comment .comment-time {
       color: #444;
}



/* Форма переписки - Форма отправки сообщения (подвал) */
.conversation-widget .gc-comment-form {
    background: var(--Lbackground); 
    /* верхнее подчеркивание надо футером */
    border-top: 1px solid #F6CD1E;
   font-family: "Montserrat", sans-serif;
    font-size: 13px;  
}



/* Форма переписки - Поле ввода сообщения */
.comment-form-wrapper .new-comment-textarea {
    border-top: 1px solid #F6CD1E;
    border-radius: 5px;
}



/* Форма переписки - Форма отправки сообщения - Кнопка Отправить */
.conversation-widget .gc-comment-form .btn.btn-primary.btn-send {
    font-size: 14px;
    color: #F6CD1E;
    background-color: #444; 
    border: 1px solid #444;
    border-radius: 10px;
}