@import url("https://d0c8daea-a5e0-4205-9e49-7f6b2f7d455f.selcdn.net/askona/fonts/fonts.css");

@font-face {
  font-family: 'GilroyBold';
  src: url('https://d0c8daea-a5e0-4205-9e49-7f6b2f7d455f.selcdn.net/askona/fonts/Gilroy-Bold.eot');
  src: local('Gilroy Bold'), local('Gilroy-Bold'),
    url('https://d0c8daea-a5e0-4205-9e49-7f6b2f7d455f.selcdn.net/askona/fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://d0c8daea-a5e0-4205-9e49-7f6b2f7d455f.selcdn.net/askona/fonts/Gilroy-Bold.woff2') format('woff2'),
    url('https://d0c8daea-a5e0-4205-9e49-7f6b2f7d455f.selcdn.net/askona/fonts/Gilroy-Bold.woff') format('woff'),
    url('https://d0c8daea-a5e0-4205-9e49-7f6b2f7d455f.selcdn.net/askona/fonts/Gilroy-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

#sherlockChat.sherlock-chat-welcome-form {
  height: 200px !important;
  max-height: 200px !important;
}

#sherlockChat.sherlock-chat-default-form {
  height: 80% !important;
  max-height: 80% !important;
}

/**/
#sherlockMain.sherlock-main-collapsed {
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transition: height 0.3s ease, opacity 0.3s ease !important;
}

/* Исходный стиль чата */
#sherlockMain.sherlock-main {
  height: auto !important;
  opacity: 1 !important;
  transition: height 0.3s ease, opacity 0.3s ease !important;
}

/* Стиль для скрытого чата */
#sherlockMain.sherlock-main-collapsed {
  display: none !important;
}

/* Стиль для открытого чата */
#sherlockMain:not(.sherlock-main-collapsed) {
  display: block !important;
}

/**/

.sherlock-chat .messageScrollBar__thumb-vertical {
  width: 6px !important;
  right: 4px;
  height: 57px;
  background-color: #108a8e;
  bottom: 2px;
  border-radius: 3px;
}

.sherlock-chat .sherlock-welcome-form .sherlock-welcome-form-textarea-box .welcome-form-send-btn {
  background-image: url('https://askona.sherlockcrm.ru/Chats/n-send-button.svg');
  background-repeat: no-repeat;
}

.sherlock-chat .sherlock-welcome-form .sherlock-welcome-form-textarea-box .welcome-form-send-btn .send-icon {

  visibility: hidden;
}

.sherlock-chat .externalChatIcon {

  background-image: url('https://askona.sherlockcrm.ru/chats/Localiser.png');
}

.sherlock-chat .externalChatIcon {
  display: block;
  border-radius: 50%;
  /* border: 1px solid transparent;*/
  background: #108a8e center center no-repeat;
  background-image: none;
  background-size: auto;
  background-image: url('https://askona.sherlockcrm.ru/chats/Localiser.png');
  background-size: 100%;
  width: 48px;
  height: 48px;
  cursor: pointer;
}

.sherlock-chat .animationContent {
  border: 1px #11868b solid;
}

.sherlock-chat .message-out>.message-border {
  background-color: #CFDFFF;
}

.sherlock-chat .message-in>.message-border {
  background-color: #F7FCFF;
  color: #212121;
}

.sherlock-welcome-form-text {
  padding-left: 20px;
}

/*-----------*/
.sherlock-chat#sherlockChat {
  min-height: 200px;
  margin-top: auto;
  padding: 15px;
  position: fixed;
  bottom: 20px;
  right: 32px;
}

.sherlock-chat .sherlock-welcome-form {
  border-top: 1px solid #EAEAEA;
  padding: 20px 10px;
  height: 100px;
}

.sherlock-chat .chat {
  font-family: 'Gilroy';
  background-color: #e5eff6 !important;
  display: flex;
  flex-direction: column;
  height: 100%;
  z-index: 1231457896123;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 200px;
  border-radius: 0;
}

.sherlock-chat .operator {
  height: 88px;
  background-color: #fff;

  font-family: 'GilroyBold';
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #212121;
  display: flex;
  align-items: flex-start;
}

#sherlockMain.sherlock-main .sherlock-chat .sherlock-app#sherlockApp .operator .operatorInfo {
  padding-left: 1rem;
}

.sherlock-chat .operatorPhoto {
  width: auto;
}

.sherlock-chat .operatorPhoto__normalPhoto {
  border: none;
  width: 56px;
  height: 56px;
  border-radius: 0;
}

.sherlock-chat .editor-external {
  background-color: #fff;
  min-height: 64px;
  display: flex;
}

.sherlock-chat .editor-2 {
  padding: 4px 14px;
  box-sizing: border-box;
  display: flex;
  width: 100%;
}

.sherlock-chat .editor-buttons-2__sent {
  margin: 0 0 8px 0;
}

.sherlock-chat .editor .editor-panel {
  align-items: center;
}

.chat-close img {
  height: 20px;
  /*! right: 20px; */
  /*! top: 300px; */


  /*! position: sticky; */
}

.sherlock-chat .chat-close {
  bottom: 15px;
  height: 24px;
  width: 24px;
  right: 30px;
  top: 30px;
}

.message-date__time {
  display: none;
}

.sherlock-chat .sherlock-welcome-form .sherlock-welcome-form-textarea-box {
  margin: 20px 20px 0 20px;
}

.sherlock-chat .editor-content-2 {
  border: none;
}

.sherlock-chat .editor-buttons-2__smile {
  width: 24px;
  height: 24px;
}

.sherlock-chat .editor-microphone {
  display: none;
}

.sherlock-chat .message-out {
  padding-right: 14px;
  padding-bottom: 18px;
}

.sherlock-chat .message-in {
  padding-left: 14px;
  padding-bottom: 18px;
}

.sherlock-chat .message-out>.message-triangle,
.sherlock-chat .message-in>.message-triangle {
  display: none;
  margin: 0;
}

.sherlock-chat .message-date {
  font-size: 14px;
  color: #999999;
}

.sherlock-chat .message-out>.message-date {
  text-align: left;
}

.sherlock-chat .message-in>.message-date {
  text-align: right !important;
  display: block;
}

.sherlock-chat .messageScrollBar {
  margin-top: 10px;
}

.sherlock-chat .sherlock-welcome-form .sherlock-welcome-form-textarea-box .welcome-text-input {
  background-color: #fff;
}

.sherlock-chat .sherlock-widget {
  align-items: center;
  background: #C8CDFF;
  border-radius: 8px 0px 0px 8px;
  color: #212121;
  cursor: pointer;
  display: none;
  bottom: 24px;
  width: auto;
  flex-shrink: 0;
  height: 32px;
  font-family: Gilroy, sans-serif;
  gap: 4px;
  line-height: 1.4285714286;
  padding: .25rem .25rem .25rem .5rem;
  position: fixed;
  right: 0;
  z-index: 999;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
  display: none;
  /*display: flex;*/
}

.sherlock-chat .sherlock-widget::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.6782%207.94681L12.624%207.92995C12.6421%207.93403%2012.6622%207.94035%2012.6782%207.94681Z%22%20fill%3D%22%23212121%22%3E%3C/path%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.00802%208.67606C3.98804%208.67071%203.94814%208.65957%203.94814%208.65957L4.00802%208.67606Z%22%20fill%3D%22%23212121%22%3E%3C/path%3E%3Cpath%20d%3D%22M12.624%207.92995L12.6782%207.94681C12.84%208.01429%2012.8913%208.198%2012.8323%208.33918C12.8103%208.39197%2012.7728%208.43885%2012.7199%208.47155C12.6922%208.48869%2012.6602%208.50194%2012.624%208.5101L12.1151%208.62473C10.2481%209.04529%208.79012%2010.5033%208.36956%2012.3703L8.25492%2012.8791C8.18524%2013.1885%207.74446%2013.1885%207.67478%2012.8791L7.64315%2012.7415L7.56014%2012.3703C7.35484%2011.4592%206.90305%2010.6448%206.27647%2010.0024C5.8392%209.55325%205.31709%209.18719%204.735%208.92907C4.50205%208.82577%204.25858%208.74319%204.00802%208.67606L3.94814%208.65957C3.94814%208.65957%203.85961%208.63487%203.81462%208.62473L3.30573%208.5101C2.9964%208.44042%202.9964%207.99963%203.30573%207.92995L3.81463%207.81532C3.86409%207.80418%203.91291%207.79086%203.96161%207.77758L4.00802%207.765C5.73575%207.3022%207.0832%205.94428%207.52681%204.20848C7.53856%204.16252%207.54967%204.11629%207.56014%204.0698L7.64315%203.69959L7.67478%203.56091C7.74446%203.25157%208.18524%203.25157%208.25492%203.56091L8.28554%203.69959L8.36956%204.0698C8.46207%204.48047%208.60477%204.87135%208.79098%205.23576C9.09224%205.82532%209.50739%206.34557%2010.0081%206.76819C10.6049%207.2719%2011.3232%207.63693%2012.1151%207.81532L12.624%207.92995Z%22%20fill%3D%22%23212121%22%3E%3C/path%3E%3Cpath%20d%3D%22M14.7886%203.54599L14.8303%203.56378C14.9146%203.61846%2014.9009%203.76131%2014.7886%203.78661L14.5775%203.83416C14.0473%203.95358%2013.5967%204.27471%2013.3092%204.71389C13.1768%204.91616%2013.079%205.14348%2013.024%205.38767L12.9765%205.59874C12.9476%205.72704%2012.7647%205.72704%2012.7358%205.59874L12.6883%205.38766C12.6239%205.10176%2012.5008%204.83899%2012.3322%204.61246C12.0442%204.22543%2011.6232%203.94419%2011.1348%203.83416L10.9237%203.78661C10.7954%203.75771%2010.7954%203.57489%2010.9237%203.54599L11.1348%203.49844C11.1563%203.49359%2011.1775%203.48786%2011.1987%203.48214L11.2143%203.47792C11.8758%203.30099%2012.403%202.80772%2012.6251%202.16668C12.6501%202.09454%2012.6713%202.02054%2012.6883%201.94493L12.7223%201.79116L12.7358%201.73386L12.7536%201.69217C12.8083%201.60782%2012.9512%201.62153%2012.9765%201.73386L12.989%201.79116L13.024%201.94493C13.1984%202.71929%2013.8032%203.324%2014.5775%203.49844L14.7886%203.54599Z%22%20fill%3D%22%23212121%22%3E%3C/path%3E%3Cpath%20d%3D%22M14.5747%206.95516C14.5574%206.97714%2014.5397%206.99867%2014.5217%207.01975L14.5329%207.02499C14.5706%207.0427%2014.6081%207.06081%2014.6454%207.0793C16.0187%207.76095%2017.0825%208.97384%2017.654%2010.536L17.8014%2010.9848C17.938%2011.4465%2018.036%2011.9387%2018.0668%2012.4005C18.1073%2013.0074%2017.9844%2013.7318%2017.8301%2014.3456C17.7552%2014.6437%2017.6776%2014.8989%2017.6188%2015.0785C17.5895%2015.168%2017.565%2015.2383%2017.5485%2015.2846C17.5428%2015.3006%2017.5378%2015.3138%2017.534%2015.3239L17.5296%2015.3354C17.5277%2015.3407%2017.5271%2015.3448%2017.5263%2015.3468C17.4715%2015.4908%2017.4529%2015.6465%2017.4724%2015.7978L17.5036%2015.9476L18.4251%2019.003L15.9356%2018.3915C15.7207%2018.3388%2015.4934%2018.3653%2015.2956%2018.4646C14.3762%2018.926%2013.5308%2019.1218%2012.3568%2019.2669C8.88006%2019.4904%205.85959%2016.8291%205.62376%2013.2949L5.62013%2013.2253C5.61884%2013.2022%205.61767%2013.1792%205.61662%2013.1563L5.54227%2012.8253C5.34706%2011.9587%204.76781%2011.243%203.9903%2010.8639C3.98768%2010.8739%203.98513%2010.8838%203.9827%2010.8938C3.9736%2010.9313%203.96545%2010.969%203.9573%2011.0068L3.94609%2011.0582C3.89057%2011.3089%203.84598%2011.5632%203.81374%2011.8212C3.81172%2011.8373%203.80948%2011.8535%203.80723%2011.8696C3.80404%2011.8926%203.80084%2011.9156%203.79829%2011.9387C3.79609%2011.9585%203.79438%2011.9784%203.79267%2011.9984C3.79146%2012.0124%203.79026%2012.0265%203.78888%2012.0405L3.78754%2012.0542C3.77945%2012.1366%203.77134%2012.2192%203.76584%2012.3022C3.76507%2012.3138%203.76472%2012.3255%203.76437%2012.3372C3.76406%2012.3475%203.76375%2012.3579%203.76315%2012.3682C3.75739%2012.4669%203.75285%2012.566%203.75059%2012.6656C3.75023%2012.6814%203.75014%2012.6973%203.75004%2012.7131L3.74978%2012.7446L3.74909%2012.7925C3.74808%2012.8594%203.74707%2012.9265%203.74817%2012.9938L3.74797%2013.0059L3.75005%2013.0372C3.75278%2013.1637%203.75687%2013.2912%203.76538%2013.4188C4.06881%2017.9669%207.96981%2021.426%2012.4958%2021.1242L12.5099%2021.1233L12.7405%2021.1039L12.7387%2021.0929C13.8418%2020.9492%2014.7972%2020.7402%2015.8114%2020.2786L19.1714%2021.1023L19.1961%2021.1087C20.0948%2021.3031%2020.8137%2020.4467%2020.5513%2019.6164L19.3754%2015.6924L19.3826%2015.6721L19.3874%2015.658C19.4568%2015.4461%2019.5482%2015.1481%2019.6359%2014.7992C19.8069%2014.1186%2019.9849%2013.1723%2019.9252%2012.2765C19.8701%2011.4511%2019.6619%2010.6064%2019.4021%209.89612C19.3646%209.79363%2019.3245%209.69249%2019.2836%209.59223C19.2784%209.57951%2019.2731%209.56688%2019.2677%209.55424L19.2572%209.52921C18.5467%207.82474%2017.3481%206.45411%2015.8198%205.59545C15.6473%205.68601%2015.4552%205.75734%2015.2434%205.80506L15.0404%205.85051L14.9949%206.05353C14.9147%206.40971%2014.7676%206.71026%2014.5747%206.95516Z%22%20fill%3D%22%23212121%22%3E%3C/path%3E%3C/svg%3E') no-repeat center/contain;
}

.sherlock-chat .externalChatIcon,
.sherlock-chat .animationContent {
  display: none;
}

#sherlockChat+#sherlockWidget {
  display: none;
}

#sherlockMain.sherlock-main .sherlock-chat .sherlock-app#sherlockApp .operator .operatorInfo .operatorInfo__name {
  position: absolute;
  top: 46px;
  font-size: 12px;
}

#sherlockMain.sherlock-main .sherlock-chat .sherlock-app#sherlockApp .operator .operatorInfo .operatorInfo__name::before {
  content: 'Ассистент Аскона';
  position: absolute;
  top: -16px;
  font-size: 14px;
  font-weight: normal;
  left: 0;
  width: 200px;
}

@media only screen and (min-width: 1200px) {
  .sherlock-chat#sherlockChat {
    width: 360px;
    height: 622px !important;
  }

  .sherlock-chat .sherlock-app {
    width: 100%;
  }

  .sherlock-chat .sherlock-widget {
    width: 24px;
    height: 120px;
    bottom: 24px;
  }

  .sherlock-chat .sherlock-widget::before {
    content: "Ассистент";
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-family: 'GilroyBold';
    font-weight: 400;
    position: absolute;
    right: 3px;
    bottom: 12px;
    transform: rotate(-90deg) translate(100%);
    transform-origin: bottom right;
  }

  .sherlock-chat .sherlock-widget::after {
    position: absolute;
    top: 8px;
  }

}


.sherlock-chat .editor-buttons-2__attach {
  width: 24px;
  height: 24px;
  margin-top: 0;
}