/* Start:/local/templates/bigcenter_locator_2024/components/bitrix/news/messageschat2026/style.css?177488056920491*/
.m_online_wrap {
  --m_width: 678px;
  height: 100%;
  display: flex;
  flex-direction: row;
  opacity: 0;
}
.m_online_wrap.mobile {
  display: block;
  width: 100%;
}
.m_online_wrap.active {
  opacity: 1;
}
.m_online_sec {
  width: -moz-max-content;
  width: max-content;
  max-width: 500px;
  height: 100%;
  overflow-y: auto;
}
.m_online_sec_list {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #878787;
  height: 100%;
}
.m_online_sec_list li:not(:last-child) {
  border-bottom: 1px solid #EBEBEB;
}
.m_online_sec_item {
  display: flex;
  align-items: center;
  transition: 0.3s;
  cursor: pointer;
  gap: 20px;
  padding: 28px 25px;
}
.m_online_sec_item__img {
  flex-shrink: 0;
  line-height: 0;
  height: 100%;
  width: 67px;
  text-align: center;
}
.m_online_sec_item__img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.m_online_sec_item__title {
  font-weight: 600;
  font-size: 20px;
  white-space: nowrap;
}
.m_online_sec_item__time {
  text-align: right;
  font-weight: 500;
  color: #414141;
}
.m_online_sec_item__text {
  font-weight: 500;
  color: #414141;
}
.m_online_sec_item.active {
  background-color: #E7E7E7;
}
.m_online_sec_item_body {
  display: grid;
  flex-grow: 1;
  -moz-column-gap: 5px;
       column-gap: 5px;
  row-gap: 5px;
  grid-template-columns: 1fr 50px;
  grid-template-rows: auto auto;
  align-items: baseline;
}
.m_online_sec_item__unread > div {
  opacity: 0;
  min-width: 20px;
  min-height: 20px;
  color: #FFFFFF;
  background: var(--bs-main-color, #ED1C24);
  border-radius: 20px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  width: -moz-max-content;
  width: max-content;
  margin-right: 0;
  margin-left: auto;
  padding: 1px 0 0px;
}
.m_online_sec_item__unread > div.is_unread {
  opacity: 1;
}
.m_online_content {
  position: relative;
}
.m_online_content_body {
  height: 100%;
  overflow-y: auto;
  max-width: var(--m_width, 678px);
  margin: 0 auto;
}
.m_online_content_list {
  padding: 40px 20px 40px 20px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.m_online_content_item_date {
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  margin-bottom: 35px;
}
.m_online_content_item_body {
  background-color: #F6F6F6;
  padding: 30px 0;
}
.m_online_content_item_img {
  margin-bottom: 30px;
  padding: 0 30px;
}
.m_online_content_item_img img {
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.m_online_content_item_title {
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 25px;
  padding: 0 30px;
}
.m_online_content_item_description {
  font-weight: 500;
  margin-bottom: 25px;
  padding: 0 30px;
}
.m_online_content_item_time {
  text-align: right;
  opacity: 0.5;
  font-size: 12px;
  font-weight: 500;
  padding: 0 30px;
}
.m_online_content_btn {
  position: absolute;
  width: 50px;
  height: 50px;
  bottom: 50px;
  right: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy4yOTI3IDE3LjM0MjhDMTIuOTAyNSAxNi45NTIzIDEyLjkwMjMgMTYuMzE5MiAxMy4yOTI3IDE1LjkyODhDMTMuNjgzMiAxNS41Mzg0IDE0LjMxNjMgMTUuNTM4NiAxNC43MDY4IDE1LjkyODhMMjAuMjgyIDIxLjUwNEMyMC4zMDkxIDIxLjUwMTggMjAuMzM2NCAyMS41MDAxIDIwLjM2NCAyMS41MDAxQzIwLjM5MTcgMjEuNTAwMSAyMC40MTkgMjEuNTAxOCAyMC40NDYxIDIxLjUwNEwyNi4wMjEzIDE1LjkyODhDMjYuNDExOCAxNS41Mzg2IDI3LjA0NDkgMTUuNTM4NCAyNy40MzUzIDE1LjkyODhDMjcuODI1NyAxNi4zMTkyIDI3LjgyNTYgMTYuOTUyMyAyNy40MzUzIDE3LjM0MjhMMjEuMDcxMSAyMy43MDcxQzIwLjY4MDUgMjQuMDk3NiAyMC4wNDc1IDI0LjA5NzYgMTkuNjU3IDIzLjcwNzFMMTMuMjkyNyAxNy4zNDI4WiIgZmlsbD0iI0ZGMDAwMCIvPgo8L3N2Zz4K);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.m_online_content_btn_wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: var(--m_width, 678px);
  margin: 0 auto;
}
.m_online_content_btn.active {
  opacity: 1;
}

.m_online_content_body:has(.m_online_content_item.one) {
  margin: 0;
  max-width: none;
}
.m_online_content_body:has(.m_online_content_item.one) .m_online_content_list {
  padding: 40px 0;
}
.m_online_content_body:has(.m_online_content_item.one) .m_online_content_item_body {
  background-color: inherit;
  padding: 0;
}
.m_online_content_body:has(.m_online_content_item.one) .m_online_content_item_img {
  position: relative;
}
.m_online_content_body:has(.m_online_content_item.one) .m_online_content_item_img::after {
  position: absolute;
  z-index: -1;
  content: "";
  height: 70%;
  background-image: linear-gradient(90deg, transparent 0%, #E6E6E6 50%, transparent 100%);
  bottom: 0;
  left: 0;
  right: 0;
}
.m_online_content_body:has(.m_online_content_item.one) .m_online_content_item_img img {
  width: auto;
  max-width: 100%;
  max-height: 25dvh;
  display: block;
  margin: 0 auto;
}
.m_online_content_body:has(.m_online_content_item.one) .m_online_content_item_time {
  display: none;
}
.m_online_content_body:has(.m_online_content_item.one) .m_online_content_item_time,
.m_online_content_body:has(.m_online_content_item.one) .m_online_content_item_description,
.m_online_content_body:has(.m_online_content_item.one) .m_online_content_item_title {
  max-width: var(--m_width, 678px);
  margin: 0 auto;
}
.m_online_content_body:has(.m_online_content_item.one) .m_online_content_item_title {
  margin-bottom: 25px;
}

.m_online_content_item .m_chat_row {
  width: 100%;
  height: 53px;
  gap: 12px;
  font-size: 16px;
  font-weight: 600;
  background-color: #EDEDED;
  border-radius: 8px;
  margin-bottom: 14px;
  position: relative;
  cursor: pointer;
  display: block;
  overflow: hidden;
}
.m_online_content_item .m_chat_row .m_chat_row_top {
  height: 100%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_online_content_item .m_chat_row .m_chat_row_bottom {
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0);
  transition: 0.3s;
  z-index: 1;
  color: #FFFFFF;
}
@media (hover: hover) {
  .m_online_content_item .m_chat_row:hover .m_chat_row_bottom {
    transform: translateY(-100%);
  }
}
.m_online_content_item .m_chat_row.rutube .m_chat_row_bottom {
  background-color: #100943;
}
.m_online_content_item .m_chat_row.youtube .m_chat_row_bottom {
  background-color: #F70000;
}
.m_online_content_item .m_chat_row.dzen .m_chat_row_bottom {
  background-color: #202022;
}
.m_online_content_item .m_chat_row.vk .m_chat_row_bottom {
  background-color: #0A6CFF;
}
.m_online_content_item .m_chat_row.max .m_chat_row_bottom {
  background-color: #7935E3;
}

.m_online_content .bx-livechat-box {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-color: inherit;
}
.m_online_content .bx-livechat-body {
  background-color: inherit !important;
}
.m_online_content .bx-im-dialog-group-date {
  background: none !important;
  color: #000000 !important;
  border: none !important;
}
.m_online_content .bx-livechat-textarea {
  background-color: inherit !important;
}
.m_online_content .bx-im-textarea {
  background-color: #D4D4D4 !important;
}
.m_online_content .bx-im-message-type-opponent .bx-im-message-content {
  background-color: #DFDFDF !important;
  border-radius: 5px;
  box-shadow: none;
  border: 0;
}
.m_online_content .bx-im-message-type-self .bx-im-message-content {
  background-color: #F2DCDC !important;
  border-radius: 5px;
  box-shadow: none;
  border: 0;
}
.m_online_content .bx-im-textarea-input,
.m_online_content .bx-im-dialog-group,
.m_online_content .bx-im-message-content {
  font-family: var(--bs-font-1) !important;
  font-weight: 500 !important;
}
.m_online_content .bx-livechat-textarea .bx-im-textarea-send-button-bright-arrow {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM1LjUyMTQgMC4xMjEyNDVDMzYuMDYxMiAwLjAwNzg1MjczIDM2LjYxNzQgLTAuMDU3NzUzNiAzNy4xNDc0IDAuMDY5NDg3NkwzNy4zNzIgMC4xMzU4OTRMMzcuMzczOSAwLjEzNjg3QzM4LjE5IDAuNDI4MzQxIDM4Ljg0MjkgMS4wNDgzOSAzOS4xNzc2IDEuODQxOTVMMzkuMjQxMSAyLjAwMzA4VjIuMDA1MDNDMzkuNDUyNyAyLjYwMTI2IDM5LjM4NTQgMy4yNDAwNCAzOS4yNTU3IDMuODU2NkMzOS4xMjMyIDQuNDg2NjIgMzguODgwNCA1LjI3NjU2IDM4LjU4MDkgNi4yNDcyMkwyOS45ODcyIDM0LjE3NFYzNC4xNzY5QzI5LjYwNTEgMzUuNDA1OSAyOS4zMDA1IDM2LjM5NzggMjkuMDA0OCAzNy4xMjcxQzI4LjcyMyAzNy44MjE5IDI4LjM2MjIgMzguNTEzMiAyNy43MzUyIDM4LjkwNjRMMjcuNzM2MiAzOC45MDc0QzI2Ljg5ODggMzkuNDM0NyAyNS44NDUxIDM5LjUzMDUgMjQuOTExIDM5LjEzMlYzOS4xMzM5QzI0LjIzMjQgMzguODU0NSAyMy43NjQyIDM4LjIyOTMgMjMuMzczOSAzNy41OTU5QzIyLjk2MjUgMzYuOTI4MSAyMi40OTggMzYuMDAzNiAyMS45MTg4IDM0Ljg1NTZMMjEuOTE3OSAzNC44NTI3TDE2LjI2MDYgMjMuNTM4MkMxNi4yMjU1IDIzLjQ3IDE2LjIwMzcgMjMuNDM1MiAxNi4xODE1IDIzLjQwMzVDMTYuMTIwOSAyMy4zMzM3IDE2LjAzOTYgMjMuMjUxNiAxNS45NzE2IDIzLjE5MjVDMTUuOTAzMyAyMy4xNDU0IDE1LjgxNTkgMjMuMTA1NCAxNS40NTExIDIyLjkyM0w0LjUyNDMgMTcuNDYwMUw0LjUyMTM3IDE3LjQ1ODJDMy4zNzM0OCAxNi44NzkgMi40NDg4NyAxNi40MTUzIDEuNzgxMTQgMTYuMDA0MUMxLjE0NzggMTUuNjE0IDAuNTIyNTQyIDE1LjE0NTYgMC4yNDMwNTMgMTQuNDY2OUwwLjI0NTAwNiAxNC40NjZDLTAuMTUzMjk1IDEzLjUzMTYgLTAuMDU3MjM0NiAxMi40Nzc1IDAuNDY5NjE2IDExLjY0MDhDMC44NjI5MiAxMS4wMTQgMS41NTYwNyAxMC42NTQgMi4yNTA4NyAxMC4zNzIyQzIuOTgwMDMgMTAuMDc2NSAzLjk3MTM3IDkuNzcyODEgNS4yMDAwOCA5LjM5MDc4TDUuMjAzMDEgOS4zODk4TDMzLjEyODggMC43OTYwNUwzNC40NTMgMC4zOTU2NkMzNC44NTA5IDAuMjgxMDg0IDM1LjIwNjEgMC4xODc0NjQgMzUuNTIxNCAwLjEyMTI0NVpNMzYuNzAzIDIuMDIwNjZDMzYuNjQ3IDIuMDAwOTggMzYuNDY0NSAxLjk2NjUyIDM1LjkzMjUgMi4wNzgyOEMzNS42NzI1IDIuMTMyOSAzNS4zNjk4IDIuMjEyODEgMzUuMDA2NyAyLjMxNzUzTDMzLjcxNzcgMi43MDcxOEw1Ljc5Mjg2IDExLjNDNC41MjE2NyAxMS42OTUyIDMuNjMyODUgMTEuOTY5OCAzLjAwMTg0IDEyLjIyNTdDMi4zMzc1OSAxMi40OTUyIDIuMTkxMjUgMTIuNjYwNiAyLjE2Mzk1IDEyLjcwNDNMMi4xNjIgMTIuNzA3MkMyLjAwMDgyIDEyLjk2MzQgMS45NTYwNiAxMy4yNzU3IDIuMDQwOSAxMy41NjU2TDIuMDg1ODMgMTMuNjg4NkwyLjA5MjY2IDEzLjcwNTJDMi4xMDczNyAxMy43NDA5IDIuMjE4MjUgMTMuOTI0MSAyLjgyOTk3IDE0LjMwMDlDMy40MDY2NyAxNC42NTYxIDQuMjM1NTYgMTUuMDc0NiA1LjQxNzg2IDE1LjY3MTFINS40MTg4M0wxNi4zNDU2IDIxLjEzNDlDMTYuNDQ4MyAyMS4xODYzIDE2LjU1NjkgMjEuMjM5NCAxNi42NjY5IDIxLjI5NTFMMjYuNDk2IDExLjQ2NjlDMjYuODg2NSAxMS4wNzY0IDI3LjUyMDUgMTEuMDc2NCAyNy45MTEgMTEuNDY2OUMyOC4zMDEyIDExLjg1NzQgMjguMzAxMiAxMi40OTA2IDI3LjkxMSAxMi44ODFMMTguMDgxOSAyMi43MDgyQzE4LjE0MjggMjIuODI3OCAxOC4yMDI5IDIyLjk1MDIgMTguMjY0NSAyMy4wNzM0TDIzLjcwNSAzMy45NTUyTDI0LjQ4MTMgMzUuNDc4N0MyNC43MDUxIDM1LjkwNjQgMjQuODk5MiAzNi4yNTg0IDI1LjA3NyAzNi41NDdDMjUuMzU5NiAzNy4wMDU1IDI1LjUzMjggMzcuMTgzMSAyNS42MTcxIDM3LjI0OTJMMjUuNjcyNyAzNy4yODQzTDI1LjY4OTMgMzcuMjkxMkMyNi4wMTIgMzcuNDMxIDI2LjM3ODMgMzcuMzk5MSAyNi42NzA4IDM3LjIxNUwyNi42NzM3IDM3LjIxNEMyNi43MTc0IDM3LjE4NjcgMjYuODgxOCAzNy4wMzk2IDI3LjE1MTMgMzYuMzc1MkMyNy40MDcyIDM1Ljc0MzkgMjcuNjgxNyAzNC44NTQ3IDI4LjA3NyAzMy41ODMyTDM2LjY2OTggNS42NjAzMVY1LjY1OTMzQzM2Ljk3OTUgNC42NTU1NiAzNy4xODkzIDMuOTY0NTYgMzcuMjk4NyAzLjQ0NDQ5QzM3LjQxMSAyLjkxMDY3IDM3LjM3NTkgMi43MjkxNSAzNy4zNTYzIDIuNjczOThWMi42NzNDMzcuMjQ2NyAyLjM2ODg4IDM3LjAwNzQgMi4xMjk4MSAzNi43MDMgMi4wMjA2NloiIGZpbGw9IiM0NjQ2NDYiLz4KPC9zdmc+Cg==);
  opacity: 1 !important;
}
@media (hover: hover) {
  .m_online_content .bx-livechat-textarea .bx-im-textarea-send-button-bright-arrow:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM1LjUyMTQgMC4xMjEyNDVDMzYuMDYxMiAwLjAwNzg1MjczIDM2LjYxNzQgLTAuMDU3NzUzNiAzNy4xNDc0IDAuMDY5NDg3NkwzNy4zNzIgMC4xMzU4OTRMMzcuMzczOSAwLjEzNjg3QzM4LjE5IDAuNDI4MzQxIDM4Ljg0MjkgMS4wNDgzOSAzOS4xNzc2IDEuODQxOTVMMzkuMjQxMSAyLjAwMzA4VjIuMDA1MDNDMzkuNDUyNyAyLjYwMTI2IDM5LjM4NTQgMy4yNDAwNCAzOS4yNTU3IDMuODU2NkMzOS4xMjMyIDQuNDg2NjIgMzguODgwNCA1LjI3NjU2IDM4LjU4MDkgNi4yNDcyMkwyOS45ODcyIDM0LjE3NFYzNC4xNzY5QzI5LjYwNTEgMzUuNDA1OSAyOS4zMDA1IDM2LjM5NzggMjkuMDA0OCAzNy4xMjcxQzI4LjcyMyAzNy44MjE5IDI4LjM2MjIgMzguNTEzMiAyNy43MzUyIDM4LjkwNjRMMjcuNzM2MiAzOC45MDc0QzI2Ljg5ODggMzkuNDM0NyAyNS44NDUxIDM5LjUzMDUgMjQuOTExIDM5LjEzMlYzOS4xMzM5QzI0LjIzMjQgMzguODU0NSAyMy43NjQyIDM4LjIyOTMgMjMuMzczOSAzNy41OTU5QzIyLjk2MjUgMzYuOTI4MSAyMi40OTggMzYuMDAzNiAyMS45MTg4IDM0Ljg1NTZMMjEuOTE3OSAzNC44NTI3TDE2LjI2MDYgMjMuNTM4MkMxNi4yMjU1IDIzLjQ3IDE2LjIwMzcgMjMuNDM1MiAxNi4xODE1IDIzLjQwMzVDMTYuMTIwOSAyMy4zMzM3IDE2LjAzOTYgMjMuMjUxNiAxNS45NzE2IDIzLjE5MjVDMTUuOTAzMyAyMy4xNDU0IDE1LjgxNTkgMjMuMTA1NCAxNS40NTExIDIyLjkyM0w0LjUyNDMgMTcuNDYwMUw0LjUyMTM3IDE3LjQ1ODJDMy4zNzM0OCAxNi44NzkgMi40NDg4NyAxNi40MTUzIDEuNzgxMTQgMTYuMDA0MUMxLjE0NzggMTUuNjE0IDAuNTIyNTQyIDE1LjE0NTYgMC4yNDMwNTMgMTQuNDY2OUwwLjI0NTAwNiAxNC40NjZDLTAuMTUzMjk1IDEzLjUzMTYgLTAuMDU3MjM0NiAxMi40Nzc1IDAuNDY5NjE2IDExLjY0MDhDMC44NjI5MiAxMS4wMTQgMS41NTYwNyAxMC42NTQgMi4yNTA4NyAxMC4zNzIyQzIuOTgwMDMgMTAuMDc2NSAzLjk3MTM3IDkuNzcyODEgNS4yMDAwOCA5LjM5MDc4TDUuMjAzMDEgOS4zODk4TDMzLjEyODggMC43OTYwNUwzNC40NTMgMC4zOTU2NkMzNC44NTA5IDAuMjgxMDg0IDM1LjIwNjEgMC4xODc0NjQgMzUuNTIxNCAwLjEyMTI0NVpNMzYuNzAzIDIuMDIwNjZDMzYuNjQ3IDIuMDAwOTggMzYuNDY0NSAxLjk2NjUyIDM1LjkzMjUgMi4wNzgyOEMzNS42NzI1IDIuMTMyOSAzNS4zNjk4IDIuMjEyODEgMzUuMDA2NyAyLjMxNzUzTDMzLjcxNzcgMi43MDcxOEw1Ljc5Mjg2IDExLjNDNC41MjE2NyAxMS42OTUyIDMuNjMyODUgMTEuOTY5OCAzLjAwMTg0IDEyLjIyNTdDMi4zMzc1OSAxMi40OTUyIDIuMTkxMjUgMTIuNjYwNiAyLjE2Mzk1IDEyLjcwNDNMMi4xNjIgMTIuNzA3MkMyLjAwMDgyIDEyLjk2MzQgMS45NTYwNiAxMy4yNzU3IDIuMDQwOSAxMy41NjU2TDIuMDg1ODMgMTMuNjg4NkwyLjA5MjY2IDEzLjcwNTJDMi4xMDczNyAxMy43NDA5IDIuMjE4MjUgMTMuOTI0MSAyLjgyOTk3IDE0LjMwMDlDMy40MDY2NyAxNC42NTYxIDQuMjM1NTYgMTUuMDc0NiA1LjQxNzg2IDE1LjY3MTFINS40MTg4M0wxNi4zNDU2IDIxLjEzNDlDMTYuNDQ4MyAyMS4xODYzIDE2LjU1NjkgMjEuMjM5NCAxNi42NjY5IDIxLjI5NTFMMjYuNDk2IDExLjQ2NjlDMjYuODg2NSAxMS4wNzY0IDI3LjUyMDUgMTEuMDc2NCAyNy45MTEgMTEuNDY2OUMyOC4zMDEyIDExLjg1NzQgMjguMzAxMiAxMi40OTA2IDI3LjkxMSAxMi44ODFMMTguMDgxOSAyMi43MDgyQzE4LjE0MjggMjIuODI3OCAxOC4yMDI5IDIyLjk1MDIgMTguMjY0NSAyMy4wNzM0TDIzLjcwNSAzMy45NTUyTDI0LjQ4MTMgMzUuNDc4N0MyNC43MDUxIDM1LjkwNjQgMjQuODk5MiAzNi4yNTg0IDI1LjA3NyAzNi41NDdDMjUuMzU5NiAzNy4wMDU1IDI1LjUzMjggMzcuMTgzMSAyNS42MTcxIDM3LjI0OTJMMjUuNjcyNyAzNy4yODQzTDI1LjY4OTMgMzcuMjkxMkMyNi4wMTIgMzcuNDMxIDI2LjM3ODMgMzcuMzk5MSAyNi42NzA4IDM3LjIxNUwyNi42NzM3IDM3LjIxNEMyNi43MTc0IDM3LjE4NjcgMjYuODgxOCAzNy4wMzk2IDI3LjE1MTMgMzYuMzc1MkMyNy40MDcyIDM1Ljc0MzkgMjcuNjgxNyAzNC44NTQ3IDI4LjA3NyAzMy41ODMyTDM2LjY2OTggNS42NjAzMVY1LjY1OTMzQzM2Ljk3OTUgNC42NTU1NiAzNy4xODkzIDMuOTY0NTYgMzcuMjk4NyAzLjQ0NDQ5QzM3LjQxMSAyLjkxMDY3IDM3LjM3NTkgMi43MjkxNSAzNy4zNTYzIDIuNjczOThWMi42NzNDMzcuMjQ2NyAyLjM2ODg4IDM3LjAwNzQgMi4xMjk4MSAzNi43MDMgMi4wMjA2NloiIGZpbGw9IiNFRDFDMjQiLz4KPC9zdmc+Cg==);
  }
}

.m_online_wrap .register_form {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m_online_wrap .register_form_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: var(--m_width, 678px);
  text-align: center;
}
.m_online_wrap .register_form_content .title {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 10px;
}
.m_online_wrap .register_form_content .subtitle {
  font-weight: 500;
  opacity: 0.6;
  font-size: 20px;
}
.m_online_wrap .register_form_content .outreg_error {
  opacity: 0.5;
}

.m_online_wrap.window,
.m_online_wrap.mobile {
  --h_top: 50px;
  overflow-x: hidden;
  position: relative;
}
.m_online_wrap.window .m_online_sec,
.m_online_wrap.mobile .m_online_sec {
  width: 100%;
  background-color: #FFFFFF;
}
.m_online_wrap.window .m_online_sec_list,
.m_online_wrap.mobile .m_online_sec_list {
  border: none;
}
.m_online_wrap.window .m_online_sec_item,
.m_online_wrap.mobile .m_online_sec_item {
  padding: 15px;
  gap: 15px;
  opacity: 1;
}
.m_online_wrap.window .m_online_sec_item.active,
.m_online_wrap.mobile .m_online_sec_item.active {
  background-color: inherit;
}
.m_online_wrap.window .m_online_sec_item__title,
.m_online_wrap.mobile .m_online_sec_item__title {
  font-size: 18px;
}
.m_online_wrap.window .m_online_sec_item__time,
.m_online_wrap.mobile .m_online_sec_item__time {
  font-size: 14px;
}
.m_online_wrap.window .m_online_sec_item__text,
.m_online_wrap.mobile .m_online_sec_item__text {
  font-size: 14px;
}
.m_online_wrap.window .m_online_sec_item__img,
.m_online_wrap.mobile .m_online_sec_item__img {
  width: 60px;
}
.m_online_wrap.window .m_online_content,
.m_online_wrap.mobile .m_online_content {
  background-color: #FFFFFF;
  position: absolute;
  inset: 0;
  transform: translateX(100%);
  transition: transform 0.5s;
}
.m_online_wrap.window .m_online_content.active,
.m_online_wrap.mobile .m_online_content.active {
  transform: translateX(0);
}
.m_online_wrap.window .m_online_content_top,
.m_online_wrap.mobile .m_online_content_top {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--h_top, 50px);
}
.m_online_wrap.window .m_online_content_top__close,
.m_online_wrap.mobile .m_online_content_top__close {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjY1NzIgNC45Mjk0NkMxNS4wNDc3IDQuNTM5MjQgMTUuNjgwOCA0LjUzOTA0IDE2LjA3MTIgNC45Mjk0NkMxNi40NjE2IDUuMzE5ODkgMTYuNDYxNCA1Ljk1Mjk4IDE2LjA3MTIgNi4zNDM1M0wxMC40OTYgMTEuOTE4N0MxMC40OTgyIDExLjk0NTggMTAuNDk5OSAxMS45NzMxIDEwLjQ5OTkgMTIuMDAwOEMxMC40OTk5IDEyLjAyODQgMTAuNDk4MiAxMi4wNTU3IDEwLjQ5NiAxMi4wODI4TDE2LjA3MTIgMTcuNjU4QzE2LjQ2MTQgMTguMDQ4NSAxNi40NjE2IDE4LjY4MTYgMTYuMDcxMiAxOS4wNzJDMTUuNjgwOCAxOS40NjI1IDE1LjA0NzcgMTkuNDYyMyAxNC42NTcyIDE5LjA3Mkw4LjI5Mjg5IDEyLjcwNzhDNy45MDIzNyAxMi4zMTczIDcuOTAyMzcgMTEuNjg0MiA4LjI5Mjg5IDExLjI5MzdMMTQuNjU3MiA0LjkyOTQ2WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 10px;
}
.m_online_wrap.window .m_online_content_top__title,
.m_online_wrap.mobile .m_online_content_top__title {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  flex-grow: 1;
}
.m_online_wrap.window .m_online_content_body,
.m_online_wrap.mobile .m_online_content_body {
  height: calc(100% - var(--h_top, 50px));
}
.m_online_wrap.window .m_online_content_list,
.m_online_wrap.mobile .m_online_content_list {
  width: 100%;
}
.m_online_wrap.window .m_online_content_item_body,
.m_online_wrap.mobile .m_online_content_item_body {
  border-radius: 10px;
  padding: 14px;
}
.m_online_wrap.window .m_online_content_item_title,
.m_online_wrap.mobile .m_online_content_item_title {
  font-size: 22px;
}
.m_online_wrap.window .m_online_content_item_description,
.m_online_wrap.mobile .m_online_content_item_description {
  font-size: 14px;
}
.m_online_wrap.window .m_online_content_btn,
.m_online_wrap.mobile .m_online_content_btn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiIGZpbGw9IiNGMEYwRjAiLz4KPHBhdGggZD0iTTEzLjI5MjcgMTcuMzQyOEMxMi45MDI1IDE2Ljk1MjMgMTIuOTAyMyAxNi4zMTkyIDEzLjI5MjcgMTUuOTI4OEMxMy42ODMyIDE1LjUzODQgMTQuMzE2MyAxNS41Mzg2IDE0LjcwNjggMTUuOTI4OEwyMC4yODIgMjEuNTA0QzIwLjMwOTEgMjEuNTAxOCAyMC4zMzY0IDIxLjUwMDEgMjAuMzY0IDIxLjUwMDFDMjAuMzkxNyAyMS41MDAxIDIwLjQxOSAyMS41MDE4IDIwLjQ0NjEgMjEuNTA0TDI2LjAyMTMgMTUuOTI4OEMyNi40MTE4IDE1LjUzODYgMjcuMDQ0OSAxNS41Mzg0IDI3LjQzNTMgMTUuOTI4OEMyNy44MjU3IDE2LjMxOTIgMjcuODI1NiAxNi45NTIzIDI3LjQzNTMgMTcuMzQyOEwyMS4wNzExIDIzLjcwNzFDMjAuNjgwNSAyNC4wOTc2IDIwLjA0NzUgMjQuMDk3NiAxOS42NTcgMjMuNzA3MUwxMy4yOTI3IDE3LjM0MjhaIiBmaWxsPSIjRkYwMDAwIi8+Cjwvc3ZnPgo=);
}
.m_online_wrap.window .m_online_content .bx-livechat-box,
.m_online_wrap.mobile .m_online_content .bx-livechat-box {
  height: calc(100% - var(--h_top, 50px));
}
.m_online_wrap.window .register_form_content .title,
.m_online_wrap.mobile .register_form_content .title {
  font-size: 26px;
}
.m_online_wrap.window .register_form_content .subtitle,
.m_online_wrap.mobile .register_form_content .subtitle {
  font-size: 16px;
}
.m_online_wrap.window .register_form_content .outreg_error,
.m_online_wrap.mobile .register_form_content .outreg_error {
  font-size: 14px;
}

.m_online_wrap.window .m_online_sec_list {
  padding-top: 12px;
}

.m_online_wrap.test {
  position: fixed;
  width: 500px;
  height: 1000px;
  overflow: hidden;
  top: 100px;
  left: 200px;
}/*# sourceMappingURL=style.css.map */
/* End */
/* /local/templates/bigcenter_locator_2024/components/bitrix/news/messageschat2026/style.css?177488056920491 */