

/*Иконка техподдержки-начало*/
.talks-widget-button {
 box-shadow: 0 4px 32px 0 rgba(52, 56, 85, 0.1);
background: linear-gradient(327deg, #204f8d 0%, #216faa 49%, #5ca7d0 100%);
  width: 100px;
  height: 100px;
   }

.talks-widget-button .comments-icon {
    top: 20px;
    left:20px!important;
}
.fa-comments::before {
 display:none;
}
.fa-comments::after {
  display: block;
    content:url("https://fs18.getcourse.ru/fileservice/file/download/a/830108/sc/440/h/9d84cdfd3a509b44bd6c91be8d6f0bdd.png");  
  
  width:20px;
}

@media (max-width:600px){
.talks-widget-button {
    width: 50px;
    height: 50px;
}
.talks-widget-button .comments-icon {
    top: -2px;
    left: 0px !important;
}  
}
/*Иконка техподдержки-конец*/

/* блок техподдержки справа-начало*/
.talks-widget-window {
 box-shadow: 0 4px 32px 0 rgba(52, 56, 85, 0.1);
background: #fafafa;
}

.conversations-list {
    background: #fafafa;
}

.talks-widget-window .talks-widget-header {
  box-shadow: 0px 4px 32px 0px rgba(52, 56, 85, 0.10);
  color: var(--text1);
  font-family: var(--family);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; 
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer {
    border-top: 0px solid #dadee2;
    box-shadow: 0 4px 32px 0 rgba(52, 56, 85, 0.1);
background: #fff;
    }

.talks-widget-window .talks-widget-header .btn-close.fa.fa-times{
  color: #343855;
  opacity: 0.5;
} 

.talks-widget-window .talks-widget-header .caption{
  color: var(--text1);
  font-family: var(--family);
  font-weight: 600;
  } 

.talks-widget-window .talks-widget-body .respondent-list .respondent-annotate {
    border: 1px solid #343855;
    }

.talks-widget-window .talks-widget-body .respondent-list .respondent-annotate:hover {
    background: #343855;
    }

.talks-widget-window .talks-widget-body .respondent-list .respondent-annotate:hover span.respondent-title {
    color: #fff!important;

}

.talks-widget-window .talks-widget-body .respondent-list .respondent-annotate .respondent-data-block .respondent-text-block {
    color: #343855;
    font-family: var(--family);
    font-weight: 400;
    }

.talks-widget-window .talks-widget-body .respondent-list .respondent-annotate .respondent-data-block .respondent-text-block:hover {
    color: #fff;
    }

.talks-widget-window .talks-widget-body .respondent-list .respondent-annotate .respondent-data-block .respondent-title-block .respondent-title {
    color: #343855;
  font-family: var(--family);
    font-weight: bold;
}

.conversation-widget .own-user-comment .comment > .text .text-content, 
.conversation-widget .my-comment .comment > .text .text-content {
    font-family: var(--family);
    background-color: #686FC350;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-title-block {
    font-size: 16px;
   font-family: var(--family);
    line-height: 22px;
    color: #343855;
    }
.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-title-block .conversation-title {
    font-weight: 700;
    font-size: 18px;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block {
    border-bottom: 1px solid #808080;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-img-block {
    padding-bottom: 15px;
    border-bottom: 1px solid #808080;
   }

.comment-form-wrapper {
    background: #ffffff;
    box-shadow: 0px 4px 32px 0px rgba(52, 56, 85, 0.10);
}
.conversation-widget .comments-container {
    background: #fafafa;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn {
    padding: 14px 30px!important;
}

.talks-widget-window .btn-primary {
  font-family: var(--family);
  color: #fff;
  border-radius: 50px;
  box-shadow: 0 4px 32px 0 rgba(52, 56, 85, 0.05);
  background: #da3238;
  border-color: #da3238;
}
.talks-widget-window .btn-primary:hover {
    color: var(--hover);
    background-color: #fff;
    border: 1px solid var(--hover);
}
.talks-widget-window .btn-primary:focus {
    color: #ffffff;
    background-color: var(--hover);
    border: 1px solid var(--hover);
    outline: none;
}

.talks-widget-window .comment-form-wrapper .new-comment .btn-send {
    border-radius: 50px;
}
.talks-widget-window .comment-form-wrapper .new-comment.active-always .btn-send {
    display: block;
    margin-top: 10px;
    padding: 5px 60px;
   font-family: 'Averta CY',sans-serif;
}

.talks-widget-window .fa.fa-send:before,
.talks-widget-window .fa-pencil::before {
     display:none;
}
/* блок техподдержки справа-начало*/










