@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orelega+One&display=swap');
:root {
	--main-color:#1E2C1E;
    --pop-color:#283828;
    --apopbtn-color: #666E66;/*красный*/
    --text-color:#ffffff;
    --btn-color:#c32323;
    --podpbtn-color:#6DBA08;/*зеленый*/
    --accent-color:#FFB70C;
}
.talks-widget-window.no-menu .f-name, .talks-widget-window.no-menu .f-input, .talks-widget-window.no-menu .f-text, 
.talks-widget-window.no-menu .block-set, .talks-widget-window.no-menu .description, .talks-widget-window.no-menu .text, 
.talks-widget-window.no-menu a, .talks-widget-window.no-menu p {
    font-family:'Roboto', sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
    font-weight: 400;
}
/*Красится фон при октрытии с кнопкой Новый разговор*/
.talks-widget-window.no-menu .talks-widget-body {
  background:#1E2C1E !important;
  position:relative;
  z-index:10;
  font-family:'Roboto';

}
.talks-widget-window.no-menu {
      border-left: none;
}
.talks-widget-window.no-menu .fa-remove:before, .talks-widget-window.no-menu .fa-close:before, .talks-widget-window.no-menu .fa-times:before {
      content: url("https://fs.getcourse.ru/fileservice/file/download/a/155723/sc/59/h/3b5f448c7870014966e00e55a1d5d6f9.svg");
}
.talks-widget-window.no-menu .comments-tree {
      position:relative;
      background:#1E2C1E;
}
.talks-widget-window.no-menu .talks-widget-body:before, .talks-widget-window.no-menu .comments-tree:before {
      content: "";
      position: absolute;
      z-index:0;
      top:0; left:0; right:0; bottom:0;
      width: 100%; height: 100%;
      background-image: 
      url(https://fs.getcourse.ru/fileservice/file/download/a/93123/sc/61/h/f492dfc5075034ab993d39a84257166c.svg),
      url(https://fs.getcourse.ru/fileservice/file/download/a/93123/sc/53/h/14b0568682c4071bc99809f0f7dc0c07.svg);

      background-repeat:no-repeat, no-repeat;
      background-size: 600px, 600px;
      background-position:300px -30vh, -200px 50vh;
      opacity: 0.9;
   	  filter:blur(170px);
}
.talks-widget-window.no-menu .conversation-list, .talks-widget-window.no-menu .comments-container {   
    position:relative;
  	z-index:1;
}
/*Фон под кнопкой*/
.talks-widget-window.no-menu .conversation-list-footer {
  background:#1E2C1E !important;
  border:none !important;
  border-top: 1px solid #ffffff32 !important;
   
}
.talks-widget-window.no-menu .conversation-list-footer .fa,
.talks-widget-window.no-menu .comment-form-wrapper .btn-primary .fa{
    display:none;
}

/*Кнопка Новый разговор*/
.talks-widget-window.no-menu .conversation-list-footer .btn-primary {
  background: #FFB70C;
  box-shadow: 0px 4px 12px rgba(129, 94, 12, 0.5);
  border-radius: 8px;
  border:1px solid transparent;
  margin-top: 6px !important;
  width:100%;
  height:46px;
  color:#fff;
  font-size:16px;
}
/*Блок диалогов с разграничением*/
.talks-widget-window.no-menu .conversation-annotate .conversation-data-block {
    margin-left: 70px;
    border:none !important;
    padding-bottom: 20px;
    overflow: hidden;
    /* color: #fff !important; */
}
/*выравниваем дату посередине*/
.talks-widget-window.no-menu .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-title-block {
    position: relative;
    font-size: 14px;
    line-height: 1.2;
    padding-right: 60px;
}
.talks-widget-window.no-menu .conversations-list-block .conversation-annotate .conversation-data-block .conversation-title-block .conversation-time {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    margin-right: 10px;
}
.talks-widget-window.no-menu .conversation-annotate  {
  border-bottom: 1px solid #ffffff32 !important;
  transition:all 0.5s ease;
}
.talks-widget-window.no-menu .conversation-annotate:hover  {
  background:#ffffff16 !important;
}
.talks-widget-window.no-menu .conversation-title {
  color:#fff;
 } 
/*Имя клиента ссылка для сотрудников*/
.talks-widget-window.no-menu .talks-widget-header a {
    text-decoration: underline;
    color:#fff;
}
/*Имя сотрудника*/
.talks-widget-window.no-menu .conversation-text.emoji-text {
  color:#85898E;
  font-size:12px;
  margin-top: 8px;
  font-weight:normal !important;
  padding-right: 40px;
}
/*Ccылки в тексте и комментах*/
.talks-widget-window.no-menu .conversation-text.emoji-text a, .talks-widget-window.no-menu .conversation-widget .comment > .text .text-content a,
.talks-widget-window.no-menu .files a
{
  color:#FFB70C;
}
.talks-widget-window.no-menu .conversation-annotate .conversation-img-block img {/*Аватарка сотрудника*/
    width: 50px;
  border:1px solid #fff;
}
/**************************************************************************/
/*Время на панели диалогов*/
.talks-widget-window.no-menu .conversation-time {
  color:#85898E !important;
  font-weight:normal !important;
}

/************************************************************************/
.talks-widget-window.no-menu .talks-widget-header {
    background: #1E2C1E;
    height: 48px;
    text-align: center;
    border-bottom: 1px solid #ffffff32 !important;
    padding-top: 10px;
    font-size: 18px;
    /* font-family: "Helvetica Neue"; */
    color: #fff;
    position: relative;
}
/**************************************************************/
.talks-widget-window.no-menu .talks-widget-header .btn-back.fa:before {
  content: url("https://fs.getcourse.ru/fileservice/file/download/a/155723/sc/99/h/82b533912391ec458dfdf04a7b270f36.svg");
}
.comment-form-wrapper {
    overflow: hidden;
    margin-bottom: 10px;
    background: #F0F0F0;
    padding: 20px 10px 20px 10px;
}
.talks-widget-window.no-menu .comment-form-wrapper .btn-primary{
  background: #FFB70C;
box-shadow: 0px 4px 12px rgba(129, 94, 12, 0.5);
border-radius: 8px !important;
  width:100%;
  border:1px solid #FFB70C;
  height:46px;
  text-transform:capitalize !important;
  font-weight:normal !important;
  font-size:16px !important;
  margin-top: 6px !important;
}
/*Делаем видимой тень кнопки*/
.talks-widget-window.no-menu .comment-form-wrapper .new-comment .textarea-block {
    overflow: visible;
}
.talks-widget-window.no-menu .standard-form.container-center.new .form-control:focus, .talks-widget-window.no-menu .standard-form.container-center.new .form-control {
	box-shadow:none;
}
.talks-widget-window.no-menu .comment-form-wrapper textarea:hover{
     outline:none;
}
.talks-widget-window.no-menu .conversation-list-footer .btn:focus, .talks-widget-window.no-menu .conversation-list-footer .btn:active, .conversation-list-footer .btn:active:focus,
.talks-widget-window.no-menu .comment-form-wrapper .btn:focus, .talks-widget-window.no-menu .comment-form-wrapper .btn:active, .comment-form-wrapper .btn:active:focus {
		outline:none;
    background-color: #FFB70C80;
    border-color: #FFB70C80; 
    
}
.talks-widget-window.no-menu .comment-form-wrapper textarea:focus {
    outline:none;
}
/*размеры поля*/
.talks-widget-window.no-menu .comment-form-wrapper textarea {
	font-weight: normal;
  	font-size: 12px;
  	line-height: 1.2;
    border:0.8px solid #ffffff32 !important;
    color:#fff;
    font-family: Roboto;
  border-radius:8px !important;
  min-height:45px !important;
  background:transparent !important;
	padding-left:20px;
  padding-right:40px;
 
}
.talks-widget-window.no-menu .comment-form-wrapper textarea {
	max-width:100%;
  height:auto !important;

}
/*Подсказки в полях*/
.talks-widget-window.no-menu .comment-form-wrapper textarea::placeholder {
  color:#7C7C7C !important;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.2;
  font-family: Roboto;
  
}
.talks-widget-window.no-menu .comment-form-wrapper textarea:hover::placeholder {
  color:#fff;
  font-family: Roboto;
}
.talks-widget-window.no-menu .comment-form-wrapper textarea:hover {
    outline: none;
    color: #fff;
}
.talks-widget-window.no-menu .comment-form-wrapper textarea:focus, .comment-form-wrapper textarea:active {
    outline: none;
    color: #FFB70C !important;
	box-shadow:0  3px 10px rgba(250,5,5,.1);
	cursor:pointer;
}
.talks-widget-window.no-menu .comment-form-wrapper .new-comment-textarea:focus, .simple-answer .new-comment-textarea:focus {
    border: 0.8px solid #FFB70C !important;
}
.talks-widget-window.no-menu .comment-form-wrapper {
  border-top: 1px solid #ffffff32;
  background:#1E2C1E;
}
/* Скролл-бар блока */
.talks-widget-window.no-menu .comment-form-wrapper textarea::-webkit-scrollbar, .talks-widget-window.no-menu .comments-container::-webkit-scrollbar {
	width: 4px;
}
.talks-widget-window.no-menu .comment-form-wrapper textarea::-webkit-scrollbar-track, .talks-widget-window.no-menu .comments-container::-webkit-scrollbar-track {
  -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
  background-color: #ffffff32;
  border-radius: 10px;
	max-height:140px !important;
}
.talks-widget-window.no-menu .comment-form-wrapper textarea::-webkit-scrollbar-thumb, .talks-widget-window.no-menu .comments-container::-webkit-scrollbar-thumb {
	border-radius: 12px;
	background-color: #ffffff80;
}
/*Глификон прикрепляемого файла*/
.talks-widget-window.no-menu .comment-form-wrapper .uploadifive-button {

    color: #ffffff80 !important;
  width:19px !important;
  height:19px !important;
  font-size: 0.6em !important;

}
.talks-widget-window.no-menu .comment-form-wrapper .uploadifive-button .glyphicon {
  border: 0.5px
 solid #ffffff80;
    border-radius: 2px;
    padding: 3px;
}
/*Отступ от края бордера*/
.talks-widget-window.no-menu .comment-form-wrapper .attach-file-button-container {
    position: absolute !important;
    top: 1.5px;
}
/*Эмоджи смайла*/
.talks-widget-window.no-menu .comment-form-wrapper .textarea-block .emoji-button {
    right: 10px;
    top: 2px;
}
.talks-widget-window.no-menu .comment-form-wrapper .textarea-block .emoji-button span.fa {
    color: #ffffff80;
    font-size: 0.8em;
    border: 0.5px solid #ffffff80;
    padding: 3px;
    border-radius: 2px;
    width: 17px;
}
/*Отступ от края бордера*/
.talks-widget-window.no-menu .comment-form-wrapper .textarea-block .emoji-button {
    top: -0.5px;
}
@media (max-width:768px){
.talks-widget-window.no-menu .comment-form-wrapper .textarea-block .emoji-button {
    top: 0;
}
}
/*Комментарий клиента*/
.talks-widget-window.no-menu .conversation-widget .own-user-comment .comment > .text .text-content
 {
    background: #1E2C1E;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
   color:#fff;
   padding:12px;
}

/*Комментарий техподдержки*/
.talks-widget-window.no-menu .conversation-widget .comment > .text .text-content {
  overflow-x: hidden;
  text-overflow: ellipsis;
  background: #FFFFFF;
  border: 1px solid #1E2C1E;
  box-sizing: border-box;
  border-radius: 8px;
  padding:12px;
}
/*Время в диалогах*/
.talks-widget-window.no-menu .conversation-widget .comment-wrapper .comment .comment-time {
    color: #85898E;
  font-size:12px;
  font-weight:normal;
}
/*Транспорт для сотрудников*/
.talks-widget-window.no-menu .textarea-block div:last-child {
    color: #fff;
}
@media screen and (max-width: 767px){
.talks-widget-window.no-menu .conversation-widget .gc-comment-form {
    position: relative;
}
}
/********************************ГЛОБАЛЬНЫЙ ЧЕКБОКС****************************************************/
.global-confirm-checkbox-block label {
	font-weight:400;
}
.global-confirm-checkbox-block span {
		line-height:1.2;
	   color:#7C7C7C !important;
       font-size:12px !important;
       font-family: Roboto;
}
.global-confirm-checkbox-block span a{
	font-weight:400;
	color:var(--accent-color);
	border-bottom:1px solid var(--accent-color);
	transition:all 0.3s ease;
}
.global-confirm-checkbox-block span a:hover{
	font-weight:400;
	color:var(--accent-color);
	text-decoration:none;
	border-bottom:1px solid var(--accent-color);
}
/* для элемента input c type="checkbox" */
.global-confirm-checkbox-block label > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.global-confirm-checkbox-block label > span  {
	  position:relative;
	  display: inline-flex;
	  align-items: center;
	  user-select: none;
	}

/* создание в label псевдоэлемента before со следующими стилями */
.global-confirm-checkbox-block label > span::before {
  content: '';
  display: inline-table;
  float:left;
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #87A186;
  border-radius: 3px;
  margin-right: 0.8em;
/**/
	position: absolute;
    left: 0;
}

/* стили при наведении курсора на checkbox */
.global-confirm-checkbox-block label > input:not(:disabled):not(:checked)+span:hover::before {
  border-color: #87A186;
}


/* стили для чекбокса, находящегося в состоянии checked */
.global-confirm-checkbox-block label > input:checked+span::before {
  border-color: #87A186;
  background: #87A186;
   background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0707 0.7072C12.6802 0.316675 12.047 0.316676 11.6565 0.7072L7.09596 5.26775C6.70544 5.65827 6.07227 5.65827 5.68175 5.26775L2.12117 1.70717C1.73065 1.31665 1.09748 1.31665 0.706956 1.70717C0.316431 2.0977 0.316431 2.73086 0.706956 3.12138L5.6567 8.07113C6.04723 8.46166 6.68039 8.46166 7.07092 8.07113C7.14002 8.00203 7.21499 7.93822 7.29402 7.88074C7.33595 7.85025 7.37605 7.81609 7.41387 7.77827L13.0707 2.12141C13.4613 1.73089 13.4613 1.09772 13.0707 0.7072Z' fill='white'/%3E%3C/svg%3E");
  
}

/* стили для чекбокса для выравнивания */
.global-confirm-checkbox-block label > span {
    margin-left: 0px !important;
    display: block;
	padding-left:24px;
}
@media (max-width:640px){
	.global-confirm-checkbox-block span {
			font-size:12px !important;
			
	}
}
@media (max-width:413px){
	.global-confirm-checkbox-block span {
			font-size:10px !important;
		}
}
/*Виджет обращений*/
.talks-widget-button {
	background: linear-gradient(111.9deg, #779476 9.27%, #8BA789 100%) !important;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    width: 52px !!important;
    height: 52px !important;
}
.talks-widget-button .comments-icon {
    position: absolute;
    top: 53%;
    left: 50% !important;
    transform: translate(-50%,-50%);
}
.talks-widget-button .fa-comments:before {
    content: url("https://fs.getcourse.ru/fileservice/file/download/a/93123/sc/144/h/a91f20de33a1fc89206955b72d2bc773.svg");
}