@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@500&display=swap');
@keyframes animated_text {
	0% { background-position: 0px 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0px 50%; }
}
/* ———————————————————————————— */




/* Хедер */
#widget-app div.header {
 background: #F4F8FC !important;
 color: #1E253C !important;
}
/* ———————————————————————————— */


/* Кнопка закрытия 
#hde-chat-button-close {
 background: #833AB4 !important;
}*/
/* ———————————————————————————— */


/* Дата */
.message__start-date {
  font-family: "Nunito Sans";
}
/* ———————————————————————————— */


/* Текст в полях сообщений*/
.message__text {
    color: #303030 !important;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
/* ———————————————————————————— */


/* Текст в хедере */
.we-are-online {
  font-family: "Nunito Sans";
  color: #303030 !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
/* ———————————————————————————— */


/* Текст в поле "Бот" */
.message__name {
  font-family: "Nunito Sans";
  font-size: 70px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
/* ———————————————————————————— */


/* Текст в поле "Саппорт" */
.staff-name {
  font-family: "Nunito Sans";
  color: #303030 !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
/* ———————————————————————————— */


/* Кнопка Вложения */
.fa.fa-paperclip{
  color: #833AB4 !important;
}
/* ———————————————————————————— */


/* Кнопка Отправить */
.fa.fa-paper-plane-o{
  color: #833AB4 !important;
}
/* ———————————————————————————— */


/* Поле сообщения посетителя */
#widget-app div.message.message_visitor .message__container {
	border-radius: 4px 4px 0px 4px !important;
	border: 2px solid #ebf1f5 !important;
	background: #FFF !important;
}
/* ———————————————————————————— */


/* Поле сообщения бота */
#widget-app div.message.message_bot .message__container {
	border-radius: 4px 4px 4px 0px !important;
	background: #F4F8FC !important;
}

/* ———————————————————————————— */

/* Кнопка стандартное состояние */
#widget-app div.messages div.chat-buttons button {
	border-radius: 4px !important;
	border: 2px solid #ebf1f5 !important;
	background: #FFF !important;

	color: #303030 !important;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
/* ———————————————————————————— */


/* Кнопка при наведении */
#widget-app div.messages div.chat-buttons button:hover {
	border-radius: 4px !important;
	border: 2px solid #833AB4 !important;
	background: #FFF !important;

	color: #303030 !important;
	font-family: "Nunito Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
/* ———————————————————————————— */


/* Поле ввода сообщения */
#widget-app div.message-input {
  font-family: "Nunito Sans" !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: normal !important;
}
/* ———————————————————————————————————————————————————————— */














/* Хедер */


/* ———————————————————————————— */


.ticket-sidebar__filter-count {
visibility:hidden;
}

.ticket-sidebar__filter-count::after {
content: attr(title);
visibility: visible;
}


/* Скрыть кастомное поле */
.ticket-fields__field label[for="18"],
.ticket-fields__field label[for="18"] ~ div.el-form-item__content {
 display: none !important;
}

.ticket-fields__field label[for="36"],
.ticket-fields__field label[for="36"] ~ div.el-form-item__content {
 display: none !important;
}

.ticket-fields__field label[for="49"],
.ticket-fields__field label[for="49"] ~ div.el-form-item__content {
 display: none !important;
}

.ticket-fields__field label[for="51"],
.ticket-fields__field label[for="51"] ~ div.el-form-item__content {
 display: none !important;
}

.el-button.el-button--primary.el-button--mini.el-dropdown__caret-button{
 display: none !important;
}

.sla-terms {
 display: none !important;
}

.ticket-fields__field-name {
 display: none !important;
} 


.el-table__row.ticket-list__column-sla-reached.expanded{
  background: Honeydew !important;
}

.el-table__row.ticket-list__column-sla-reached.el-table__row--level-1{
  background: #e3fae3 !important;

}

/* ———————————————————————————— */



/* Скрыть кнопки отправки почты*/
.ticket-editor__buttons.ticket-editor__buttons_ticket {
 display: none !important;
}

.ticket-editor__buttons.ticket-editor__buttons_post {
 display: none !important;
}
/* ———————————————————————————— */



/* Цвет выбранно вкладки тикета (сверху) */
.ticket-container .ticket-tabs__tab {
background-color: #e8e8e8!important;
}

.ticket-container .ticket-tabs__tab_active {
background-color: white !important;
  z-index: 2000;
  box-shadow: 1px -2px 3px 0.1px rgba(0,0,0,0.5)
}
/* ———————————————————————————— */



/* Цвет блока фильтров */
.ticket-sidebar__filters-block{
background-color: #eeeeee!important;
}



/* Размер названия  выделенного фильтра */
.ticket-sidebar__filter-button.ticket-sidebar__filter-toggle {
  font-size: 12px;
  font-weight: 500;
}
/* ———————————————————————————— */



/* Всплывающие окна */
.kb-templates__list {
  max-height: 400px;
}
.el-popover.el-popper{
  height: 500px;
  box-shadow: 3px 3px 10px 5px rgba(0,0,0,0.5);
}

.el-dialog{
    background: aliceblue;
    text-shadow: 0 0 0px black;
    box-shadow: 3px 3px 10px 5px rgba(0,0,0,0.5);
}
/* ———————————————————————————— */



/* Размер окна сообщения */
.ticket-conversation__message-html {
  max-height: 2000px !important;
  max-width: 800px !important;
}
/* ———————————————————————————— */



.ticket{
  margin-top:2px
}



.ticket .ticket-detail__title {
	border-bottom: none !important;
}

.ticket-detail__watching{
    background: Lavender !important;
    border-top: 1px solid #e4e7ed !important;
    border-bottom: 1px solid #e4e7ed !important;
}



.el-dropdown-menu.el-popper.el-dropdown-menu--mini{
  width: 400px !important;
}

.el-dropdown-menu__item {
  font-size: 18px !important;
  line-height: 30px;
}



.el-button.ticket-fields__field-button.el-button--default.el-button--mini{
  margin-top: 1px !important;
}

.macro-preview__launch-macro{
    position: absolute;
    right: 20px;
    top: 11px;
}
/*
.ticket-conversation__message-files{
  height: 420px !important;
  width: 400px !important;
}

.ticket-conversation__message-file{
  max-width: 380px !important;
  height: 400px !important;
  width: 380px !important;
}

.el-tooltip.ticket-conversation__message-file-actions{
  height: 400px !important;
  width: 390px !important;
}

.el-image{
  height: 380px !important;
  width: 380px !important;
}

  
/*
.el-button.el-button--primary.el-button--mini.el-dropdown__caret-button{
  display: none  !important;
}


/*

.container__sidebar-menu{
   z-index: 2024 !important;
       padding-top: 1px !important;
}

.container__content{
   z-index: 2024 !important;
         padding-top: 1px !important;
}


.container__warnings{
display: none  !important;
}

.system-warning{
display: none  !important;
}