/* widget-container */

#widget-app div.container {
 border-radius: 3px !important;
}

/* widget-button */
#widget-app  div.widget-button__icon {
 background: #408edd !important;
 border-color: #408edd !important;
 border-radius: 50% !important;
 box-shadow: 0 0 7px 0 rgba(39, 39, 54, 0.5) !important;
}

/* widget-close */
#widget-app div.widget-close {
 background: #408edd !important;
 color: #fff !important;
 border: 1px solid #fff !important;
 box-shadow: 0 0 7px 0 rgba(39, 39, 54, 0.5) !important;
}
#widget-app div.widget-close:hover {
 opacity: 0.85;
}


/* Header */
#widget-app div.header {
 background: #408edd !important;
 color: #fff !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

#widget-app div.header div.avatar {
  border: 1px solid #fff;
 /* background: #408edd !important; */
  color: #fff !important;
  /*  position: relative; */
}

/*
#widget-app div.header div.avatar::before {
  content: 'TS';
  z-index: 999999999;
  color: #fff;
  position: absolute;
  font-size: 14px;
  font-weight: 400;
  top: 5px;
  left: 4px;
}
*/

/* Форма */
#widget-app div.widget-form {
  background: #fff  !important;
}


/* Поля формы */
#widget-app div.widget-form__field {
 max-height: 52px !important;
}

#widget-app div.widget-form__field_textarea {
 padding-bottom: 20 !important;
 max-height: unset !important; 
}

#widget-app div.widget-form input,
#widget-app div.widget-form textarea {
  background: #fff !important;
  border: 1px solid #8c90a5;
  color: #8c90a5;
  border-radius: 3px !important;
}

/* Поля формы в фокусе */
#widget-app div.widget-form input:focus,
#widget-app div.widget-form textarea:focus {
  border: 1px solid #408edd;
}

/* Переписка */
#widget-app div.messages {
  background: #fff !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important; 
}

#widget-app div.messages div.message__start-date {
  color: #272736 !important;
}

#widget-app div.messages .messages__container {
  background: #fff !important;
}

/* Поле ввода сообщения */
#widget-app div.message-input {
 border-top: 1px solid #8c90a5 !important;
}

#widget-app div.message-input div.message-input__upload button {
 color: #408edd !important;
}

#widget-app div.message-input div.message-input__send button {
 color: #408edd !important;
}

#widget-app div.message-input div.message-input__textarea textarea {
  background: none;
  color: #8c90a5 !important;
}

/* Сообщения оператора */
#widget-app div.message.message .message__container {
  background: #408edd !important;
  color: #fff !important;
}

/* Сообщения посетителя */
#widget-app div.message.message_visitor .message__container {
  background: #d8e5f2 !important;
  color: #272736 !important;
}


/* Кнопка Отправить */
#widget-app div.widget-form__field.widget-form__field_button {
 max-height: 32px !important;
}

#widget-app div.widget-form__field.widget-form__field_button button {
  background: #408edd !important;
  border-radius: 3px !important;
}

#widget-app div.widget-form__field.widget-form__field_button button:hover {
 opacity: 0.85
}

/* Ошибка инпут */
#widget-app div.el-form-item__error {
 color: #ff6c6c !important;
 padding: 4px 0 !important;  
}

/* Кнопки в чате */
#widget-app div.messages div.chat-buttons button {
  background: linear-gradient(45deg, #3d8bf0, 60%, #f054ba) !important;
  border: 0;
}

#widget-app div.messages div.chat-buttons button:hover {
  background: linear-gradient(45deg, #f054ba, 60%, #3d8bf0) !important;
  border: 0;
}

#widget-app div.csi__heading.csi__toggle {
	color: #8c90a5 !important;
}