[id*='chatCenterModal'] .modal-dialog {
    width: 90%;
}

#chatCenter-container  {
    font-family: sans-serif;
}

#chatCenterBadge .widget-closed {
    text-shadow: 2px 2px 2px rgb(0 0 0 / 32%);
    border-radius: 100px;
    border: 2px solid #e8eced;
    padding: 4px;
    color: #4d4d4d;
    bottom: 0;
    font-weight: 600;
    font-size: 2.6em;
    height: 61px;
    width: 61px;
    text-align: center;
    line-height: 1.3em;
    background-color: #26bc9a;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#chatCenterBadge .widget-closed:before {
    z-index: -1;
    position: absolute;
    width: 55px;
    height: 53px;
    left: 0;
    top: 0;
    content: '';
    /*opacity: 0.6;
    background-image: url(/client/custom/modules/bpm2bChatCenter/img/chat-conversation-svgrepo-com.svg);*/
    background-image: url(/client/custom/modules/bpm2bChatCenter/img/chat-chat-svgrepo-com.svg);
    background-size: 83%;
    background-repeat: no-repeat;
    background-position: center;
}

#chatCenterBadge .widget-closed .unread {
    background-color: #ff0000;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: bolder;
    height: 20px;
    line-height: 18.5px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    position: absolute;
}

#chatCenter-container .widget-hide {
    display: none;
}

#chatCenter-container .BoxPanel {
    background-color: var(--body-bg);
    border: 1px solid var(--btn-default-border);
    border-radius: var(--panel-border-radius);
    width: 800px;
    position: absolute;
    bottom: -100px;
}

#chatCenter-container .BoxPanel-header {
    height: 35px;
    line-height: 33px;
    text-indent: 20px;
    text-align: center;
}

#chatCenter-container .BoxPanelTitle {
    width: 10px;
    height: 10px;
    background: #26bc9a;
    float: left;
    position: relative;
    top: 11px;
    left: 10px;
    border: 1px solid #ededed;
}

#chatCenter-container .mountPointBox .html-container {
    max-height: 400px;
    overflow-y: scroll;
}

#chatCenter-container .list-container-box .list-container {
    max-height: 700px;
    height: auto;
    overflow-y: auto;
}



#chatCenter-container {
    /*background-color: #fff;*/
    border-radius: 2.5px;
    display: flex;
    height: 89vh;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
}

#chatCenter-container img.avatar {
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

#chatCenter-container .created-user-name {
    color: var(--state-primary-text);
}

#chatCenter-container .lt-bg-7 {
    background-color: #e6ee9c;
}

#chatCenter-container .lettertile {
    border-radius: 50%;
    padding-bottom: 100%;
    width: 100%;
}

#chatCenter-container .lettertile > div {
    align-items: center;
    border-radius: 50%;
    bottom: 0;
    color: #fafafacc;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    left: 0;
    line-height: 1;
    padding-top: 0.1em;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
}

#chatCenter-container .sidepanel {
    width: 13vw;
}

#chatCenter-container .topic-view {
    width: 44vw;
    margin-left: 10px;
    margin-right: 10px;
}

.chatInfo {
    width: 30vw;
    margin-bottom: 0;
}

#chatCenter-container .sidepanel,
#chatCenter-container .topic-view {
    flex-grow: 0;
    flex-shrink: 0.3;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    background-color: var(--panel-bg);

}

#chatCenter-container .sidepanel {
    padding: 4px;
}

#chatCenter-container .side-caption-panel {
    /*background-color: #2196f3;
    color: #bbdefb;*/
    color: var(--state-success-text-10);
    background-color: var(--body-bg);
}

#chatCenter-container .caption-panel {
    align-items: center;
    display: flex;
    flex: none;
    height: 40px;
    padding: 5px;
    white-space: nowrap;
    z-index: 1;
    justify-content: space-between;
}

#chatCenter-container .caption-panel ul.dropdown-menu {
    max-height: 310px;
    overflow-y: auto;
}

#chatCenter-container .topic-caption-panel {
    /*background-color: #b0bec5; */
    box-shadow: none;
}

#chatCenter-container .avatar-box {
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
}

#chatCenter-container .topic-caption-panel .avatar-box {
    font-size: 18px;
    height: 30px;
    margin-right: 3.5px;
    min-width: 30px;
    position: relative;
    width: 30px;
}

#chatCenter-container .self-avatar {
    border-radius: 50%;
    flex: none;
    height: 30px;
    min-width: 30px;
    width: 30px;
}

#chatCenter-container .self-avatar.avatar-box {
    font-size: 18px;
}

#chatCenter-container .panel-title {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#chatCenter-container .sidepanel-title {
    margin-left: 5px;
    margin-right: auto;
}

#chatCenter-container .scrollable-panel {
    height: 100%;
    margin-bottom: auto;
    /* margin-top: 2.5px;*/
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}

#chatCenter-container .contact-box {
    list-style: none;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ИЗМЕНЕНО: убран display: flex и padding перенесен */
#chatCenter-container .contact-box > li {
    /*background: linear-gradient(90deg,#0000 35px,#eee 1px,#eee) 0 100% /100% 1px no-repeat,#fff;*/
    /* display: flex; - УБРАНО */
    flex-grow: 0;
    flex-shrink: 0;
    min-height: 37.5px;
    overflow-x: hidden;
    padding: 0; /* ИЗМЕНЕНО с 3.5px 2.5px 5px 3.5px */
    position: relative;
    background-color: var(--panel-bg);
    border-top: 1px solid var(--default-border-color);
}

/* НОВОЕ: стили для .chat-item */
#chatCenter-container .contact-box > li .chat-item {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 3.5px 2.5px 5px 3.5px;
    position: relative;
    width: 100%;
    align-items: center;
}

/* ИЗМЕНЕНО: селектор для selected */
#chatCenter-container .contact-box > li .chat-item.selected {
    /*background-color: #cfd8dc;*/
    background-color: var(--default-heading-bg-color);
}

#chatCenter-container .avatar-box {
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
}

#chatCenter-container .contact-box .avatar-box {
    font-size: 18px;
    height: 30px;
    margin-right: 3.5px;
    min-height: 30px;
    min-width: 30px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 30px;
}

#chatCenter-container .avatar-box .online,
#chatCenter-container .offline {
    border-radius: 50%;
    bottom: 1px;
    flex-shrink: 0;
    height: 7.5px;
    min-height: 7.5px;
    min-width: 7.5px;
    position: absolute;
    right: 0;
    width: 7.5px;
}

#chatCenter-container .avatar-box .offline {
    background-color: silver;
}

#chatCenter-container .avatar-box .online {
    background-color: #4caf50;
}

#chatCenter-container .contact-box .text-box {
    overflow-x: hidden;
}

#chatCenter-container .contact-box .text-box {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

#chatCenter-container .contact-box .text-box > div {
    align-items: center;
    display: flex;
    flex-direction: row;
}

#chatCenter-container .contact-box .contact-title {
    /*font-size: 10.5px;*/
}

#chatCenter-container .contact-box .contact-comment, .contact-box .contact-title {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#chatCenter-container .contact-box .contact-comment {
    font-weight: lighter;
}

#chatCenter-container .contact-box .contact-comment > span {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#chatCenter-container .contact-box .unread,
#chatCenter-container .sidepanel-title .chat-statuses-tabs .unread {
    background-color: #0097a7;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 7.5px;
    font-weight: bolder;
    height: 15px;
    line-height: 14.5px;
    margin-left: 5px;
    text-align: center;
    vertical-align: middle;
    width: 15px;
}

#chatCenter-container .messages-container {
    height: 100%;
    overflow-y: hidden;
    position: relative;
}

#chatCenter-container .messages-panel {
    /*background-color: #eceff1;*/
    /*background-image: url(../img/bg_messages.png);*/
    height: 100%;
    overflow-y: scroll;
    padding: 7.5px;
    position: relative;
}

#chatCenter-container .send-message-wrapper {
    /*background-color: #eceff1;*/
    box-shadow: 0 -2px 3px -1px #0000001a;
    z-index: 2;
    padding: 4px 4px 4px 6px;
    margin-bottom: 0;
}

#chatCenter-container .send-message-panel {
    align-items: center;
    /*background-color: #eceff1;*/
    display: flex;
    flex: none;
    min-height: 40px;

    z-index: 2;
}

#chatCenter-container .chat-box.group {
    margin-left: -4px;
}

#chatCenter-container .chat-box {
    list-style: none;
    margin: 0 5px;
    padding: 0 0 35px;
    scroll-behavior: smooth;
}

#chatCenter-container .chat-box li {
    align-items: flex-end;
    display: flex;
    margin: 0;
    padding: 0;
}

#chatCenter-container .chat-box li.first {
    margin-bottom: 1.5px;
    margin-top: 2.5px;
}

#chatCenter-container .chat-box li.last {
    margin-bottom: 7.5px;
    margin-top: 1.5px;
}

#chatCenter-container .chat-box li.single {
    margin-bottom: 7.5px;
    margin-top: 2.5px;
}

#chatCenter-container .chat-box .right {
    justify-content: flex-end;
}

#chatCenter-container .chat-box .avatar-box {
    font-size: 8px;
    height: 14px;
    margin-bottom: 8px;
    margin-right: 8px;
    min-height: 14px;
    min-width: 14px;
    position: relative;
    width: 14px;
}

#chatCenter-container li .menuTrigger {
    background-color: inherit;
    border-radius: 7px;
    height: 14px;
    line-height: 14px;
    opacity: 0;
    position: absolute;
    right: 2.5px;
    text-align: center;
    top: 2.5px;
    width: 14px;
}


#chatCenter-container .bubble {
    border-radius: 5px;
    box-shadow: 0 1px 0.5px #0000001f;
    display: flex;
    height: auto;
    margin: 0;
    max-width: 360px;
    min-width: 90px;
    padding: 7.5px 5px;
    position: relative;
    text-align: left;
    transition: background-color .5s ease-out;
    transition-delay: .3s;
}

#chatCenter-container .left .bubble {
    background-color: #c5e1a5;
    margin-right: 5px;
}

#chatCenter-container .right .bubble {
    background-color: #fafafa;
    margin-left: 17.5px;
}

#chatCenter-container .left .bubble .message-content {
    padding-right: 17.5px;
}

#chatCenter-container .right .bubble .message-content {
    padding-left: 20px;
}

#chatCenter-container .left .bubble .created-user-name {
    padding-right: 20px;
}

#chatCenter-container .right .bubble .created-user-name {
    padding-left: 0;
    left: 20px;
}

#chatCenter-container .left .bubble .direction {
    float: right;
    margin-right: -17.5px;
    margin-top: 2px;
}

#chatCenter-container .right .bubble .direction {
    float: left;
    margin-left: -20px;
    margin-top: 2px;
}

#chatCenter-container .left .bubble .case {
    float: right;
    margin-right: -17.5px;
    margin-top: 20px;
    font-size: 12.5em;
}

#chatCenter-container .right .bubble .case {
    float: left;
    margin-left: -17.5px;
    margin-top: 20px;
    font-size: 12.5em;
}

#chatCenter-container .right.bot .bubble,
#chatCenter-container .left.bot .bubble {
    background-color: #bdd7f7;
}

#chatCenter-container .right.error .bubble,
#chatCenter-container .left.error .bubble {
    background-color: #f7bdbd;
}

#chatCenter-container .left .bubble.tip {
    border-bottom-left-radius: 0;
}

#chatCenter-container .right .bubble.tip {
    border-bottom-right-radius: 0;
}

#chatCenter-container .left .bubble.tip:before {
    background-color: #c5e1a5;
    border-bottom-left-radius: 3px;
    bottom: 0;
    box-shadow: 0 1px 0.5px #0000001f;
    clip-path: polygon(100% 0, 0 110%, 100% 110%);
    -webkit-clip-path: polygon(100% 0, 0 110%, 100% 110%);
    content: "";
    height: 8.5px;
    left: -8px;
    position: absolute;
    -moz-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    transition-delay: .3s;
    width: 8.5px;
}
/*
#chatCenter-container .left .statusMark {
    display: none;
}
*/
#chatCenter-container .statusMark.read{
    filter: invert(50%) sepia(100%) saturate(400%) hue-rotate(90deg);
}

#chatCenter-container .statusMark.error{
    filter: invert(50%) sepia(100%) saturate(400%) hue-rotate(-50deg);
}

#chatCenter-container .right .bubble.tip:before {
    background-color: #fafafa;
    border-bottom-right-radius: 3px;
    bottom: 0;
    box-shadow: 0 1px 0.5px #0000001f;
    clip-path: polygon(0 0, 100% 110%, 0 110%);
    -webkit-clip-path: polygon(0 0, 100% 110%, 0 110%);
    content: "";
    height: 8.5px;
    left: 99.8%;
    position: absolute;
    -moz-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    transition-delay: .3s;
    width: 8.5px;
}

#chatCenter-container .right.bot .bubble.tip:before {
    background-color: #bdd7f7;
}

#chatCenter-container .right.error .bubble.tip:before {
    background-color: #f7bdbd;
}

#chatCenter-container .bubble div.content-meta {
    width: 100%;
}

#chatCenter-container .bubble div.message-content {
    color: #212121;
    margin: 0;
    max-width: 360px;
    overflow-wrap: break-word;
    padding: 0 7.5px;
    position: relative;
    width: 100%;
}

#chatCenter-container .bubble div.message-content:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#chatCenter-container .chat-box .author, .chat-box .timestamp {
    color: #777;
    font-size: 80%;
}

#chatCenter-container .chat-box .timestamp {
    float: right;
    position: relative;
    top: 3.5px;
    user-select: none;
    white-space: nowrap;
}

#chatCenter-container .material-icons.small {
    font-size: 10px;
}

#chatCenter-container .material-icons {
    font-size: 14px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

#chatCenter-container .small {
    font-size: 90%;
}

#chatCenter-container .blue {
    color: #2196f3 !important;
}

#chatCenter-container .sendMessage {
    overflow: hidden;
    overflow-wrap: break-word;
}

#chatCenter-container .send-message-panel input,
#chatCenter-container .send-message-panel textarea {
    background: #0000;
    color: #666;
    font-family: inherit;
    margin: 25px 0;
    outline: none;
    padding: 0 1.25px;
}

#chatCenter-container .send-message-panel textarea {
    box-shadow: 0 1px 0 #0000001a;
    height: 75px;
    transition: all .1s ease-in-out;
    width: 100%;
    padding-top: 4.5px;
}

#chatCenter-container .material-icons {
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

#chatCenter-container .send-message-panel .material-icons {
    min-width: 17.5px;
}

#chatCenter-container .material-icons {
    font-size: 14px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

#chatCenter-container span.fa-vk:before,
#chatCenter-container span.fa-whatsapp:before,
#chatCenter-container span.fa-telegram:before {
    content: "";
}

#chatCenter-container .icons8-vk-circled,
#chatCenter-container span.fa-vk {
    display: inline-block;
    width: 17.5px;
    height: 17px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjMTk3NmQyIiBkPSJNMjQgNEEyMCAyMCAwIDEgMCAyNCA0NEEyMCAyMCAwIDEgMCAyNCA0WiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zNS45MzcsMTguMDQxYzAuMDQ2LTAuMTUxLDAuMDY4LTAuMjkxLDAuMDYyLTAuNDE2QzM1Ljk4NCwxNy4yNjMsMzUuNzM1LDE3LDM1LjE0OSwxN2gtMi42MTggYy0wLjY2MSwwLTAuOTY2LDAuNC0xLjE0NCwwLjgwMWMwLDAtMS42MzIsMy4zNTktMy41MTMsNS41NzRjLTAuNjEsMC42NDEtMC45MiwwLjYyNS0xLjI1LDAuNjI1QzI2LjQ0NywyNCwyNiwyMy43ODYsMjYsMjMuMTk5IHYtNS4xODVDMjYsMTcuMzIsMjUuODI3LDE3LDI1LjI2OCwxN2gtNC42NDlDMjAuMjEyLDE3LDIwLDE3LjMyLDIwLDE3LjY0MWMwLDAuNjY3LDAuODk4LDAuODI3LDEsMi42OTZ2My42MjMgQzIxLDI0Ljg0LDIwLjg0NywyNSwyMC41MTcsMjVjLTAuODksMC0yLjY0Mi0zLTMuODE1LTYuOTMyQzE2LjQ0OCwxNy4yOTQsMTYuMTk0LDE3LDE1LjUzMywxN2gtMi42NDMgQzEyLjEyNywxNywxMiwxNy4zNzQsMTIsMTcuNzc0YzAsMC43MjEsMC42LDQuNjE5LDMuODc1LDkuMTAxQzE4LjI1LDMwLjEyNSwyMS4zNzksMzIsMjQuMTQ5LDMyYzEuNjc4LDAsMS44NS0wLjQyNywxLjg1LTEuMDk0IHYtMi45NzJDMjYsMjcuMTMzLDI2LjE4MywyNywyNi43MTcsMjdjMC4zODEsMCwxLjE1OCwwLjI1LDIuNjU4LDJjMS43MywyLjAxOCwyLjA0NCwzLDMuMDM2LDNoMi42MTggYzAuNjA4LDAsMC45NTctMC4yNTUsMC45NzEtMC43NWMwLjAwMy0wLjEyNi0wLjAxNS0wLjI2Ny0wLjA1Ni0wLjQyNGMtMC4xOTQtMC41NzYtMS4wODQtMS45ODQtMi4xOTQtMy4zMjYgYy0wLjYxNS0wLjc0My0xLjIyMi0xLjQ3OS0xLjUwMS0xLjg3OUMzMi4wNjIsMjUuMzYsMzEuOTkxLDI1LjE3NiwzMiwyNWMwLjAwOS0wLjE4NSwwLjEwNS0wLjM2MSwwLjI0OS0wLjYwNyBDMzIuMjIzLDI0LjM5MywzNS42MDcsMTkuNjQyLDM1LjkzNywxOC4wNDF6Ij48L3BhdGg+PC9zdmc+') 50% 50% no-repeat;
    background-size: 100%;
}

#chatCenter-container .icons8-whatsapp,
#chatCenter-container span.fa-whatsapp {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMTciIGhlaWdodD0iMTciCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNC44NjgsNDMuMzAzbDIuNjk0LTkuODM1QzUuOSwzMC41OSw1LjAyNiwyNy4zMjQsNS4wMjcsMjMuOTc5QzUuMDMyLDEzLjUxNCwxMy41NDgsNSwyNC4wMTQsNWM1LjA3OSwwLjAwMiw5Ljg0NSwxLjk3OSwxMy40Myw1LjU2NmMzLjU4NCwzLjU4OCw1LjU1OCw4LjM1Niw1LjU1NiwxMy40MjhjLTAuMDA0LDEwLjQ2NS04LjUyMiwxOC45OC0xOC45ODYsMTguOThjLTAuMDAxLDAsMCwwLDAsMGgtMC4wMDhjLTMuMTc3LTAuMDAxLTYuMy0wLjc5OC05LjA3My0yLjMxMUw0Ljg2OCw0My4zMDN6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQuODY4LDQzLjgwM2MtMC4xMzIsMC0wLjI2LTAuMDUyLTAuMzU1LTAuMTQ4Yy0wLjEyNS0wLjEyNy0wLjE3NC0wLjMxMi0wLjEyNy0wLjQ4M2wyLjYzOS05LjYzNmMtMS42MzYtMi45MDYtMi40OTktNi4yMDYtMi40OTctOS41NTZDNC41MzIsMTMuMjM4LDEzLjI3Myw0LjUsMjQuMDE0LDQuNWM1LjIxLDAuMDAyLDEwLjEwNSwyLjAzMSwxMy43ODQsNS43MTNjMy42NzksMy42ODMsNS43MDQsOC41NzcsNS43MDIsMTMuNzgxYy0wLjAwNCwxMC43NDEtOC43NDYsMTkuNDgtMTkuNDg2LDE5LjQ4Yy0zLjE4OS0wLjAwMS02LjM0NC0wLjc4OC05LjE0NC0yLjI3N2wtOS44NzUsMi41ODlDNC45NTMsNDMuNzk4LDQuOTExLDQzLjgwMyw0Ljg2OCw0My44MDN6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2NmZDhkYyIgZD0iTTI0LjAxNCw1YzUuMDc5LDAuMDAyLDkuODQ1LDEuOTc5LDEzLjQzLDUuNTY2YzMuNTg0LDMuNTg4LDUuNTU4LDguMzU2LDUuNTU2LDEzLjQyOGMtMC4wMDQsMTAuNDY1LTguNTIyLDE4Ljk4LTE4Ljk4NiwxOC45OGgtMC4wMDhjLTMuMTc3LTAuMDAxLTYuMy0wLjc5OC05LjA3My0yLjMxMUw0Ljg2OCw0My4zMDNsMi42OTQtOS44MzVDNS45LDMwLjU5LDUuMDI2LDI3LjMyNCw1LjAyNywyMy45NzlDNS4wMzIsMTMuNTE0LDEzLjU0OCw1LDI0LjAxNCw1IE0yNC4wMTQsNDIuOTc0QzI0LjAxNCw0Mi45NzQsMjQuMDE0LDQyLjk3NCwyNC4wMTQsNDIuOTc0QzI0LjAxNCw0Mi45NzQsMjQuMDE0LDQyLjk3NCwyNC4wMTQsNDIuOTc0IE0yNC4wMTQsNDIuOTc0QzI0LjAxNCw0Mi45NzQsMjQuMDE0LDQyLjk3NCwyNC4wMTQsNDIuOTc0QzI0LjAxNCw0Mi45NzQsMjQuMDE0LDQyLjk3NCwyNC4wMTQsNDIuOTc0IE0yNC4wMTQsNEMyNC4wMTQsNCwyNC4wMTQsNCwyNC4wMTQsNEMxMi45OTgsNCw0LjAzMiwxMi45NjIsNC4wMjcsMjMuOTc5Yy0wLjAwMSwzLjM2NywwLjg0OSw2LjY4NSwyLjQ2MSw5LjYyMmwtMi41ODUsOS40MzljLTAuMDk0LDAuMzQ1LDAuMDAyLDAuNzEzLDAuMjU0LDAuOTY3YzAuMTksMC4xOTIsMC40NDcsMC4yOTcsMC43MTEsMC4yOTdjMC4wODUsMCwwLjE3LTAuMDExLDAuMjU0LTAuMDMzbDkuNjg3LTIuNTRjMi44MjgsMS40NjgsNS45OTgsMi4yNDMsOS4xOTcsMi4yNDRjMTEuMDI0LDAsMTkuOTktOC45NjMsMTkuOTk1LTE5Ljk4YzAuMDAyLTUuMzM5LTIuMDc1LTEwLjM1OS01Ljg0OC0xNC4xMzVDMzQuMzc4LDYuMDgzLDI5LjM1Nyw0LjAwMiwyNC4wMTQsNEwyNC4wMTQsNHoiPjwvcGF0aD48cGF0aCBmaWxsPSIjNDBjMzUxIiBkPSJNMzUuMTc2LDEyLjgzMmMtMi45OC0yLjk4Mi02Ljk0MS00LjYyNS0xMS4xNTctNC42MjZjLTguNzA0LDAtMTUuNzgzLDcuMDc2LTE1Ljc4NywxNS43NzRjLTAuMDAxLDIuOTgxLDAuODMzLDUuODgzLDIuNDEzLDguMzk2bDAuMzc2LDAuNTk3bC0xLjU5NSw1LjgyMWw1Ljk3My0xLjU2NmwwLjU3NywwLjM0MmMyLjQyMiwxLjQzOCw1LjIsMi4xOTgsOC4wMzIsMi4xOTloMC4wMDZjOC42OTgsMCwxNS43NzctNy4wNzcsMTUuNzgtMTUuNzc2QzM5Ljc5NSwxOS43NzgsMzguMTU2LDE1LjgxNCwzNS4xNzYsMTIuODMyeiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjI2OCwxNi4wNDVjLTAuMzU1LTAuNzktMC43MjktMC44MDYtMS4wNjgtMC44MmMtMC4yNzctMC4wMTItMC41OTMtMC4wMTEtMC45MDktMC4wMTFjLTAuMzE2LDAtMC44MywwLjExOS0xLjI2NSwwLjU5NGMtMC40MzUsMC40NzUtMS42NjEsMS42MjItMS42NjEsMy45NTZjMCwyLjMzNCwxLjcsNC41OSwxLjkzNyw0LjkwNmMwLjIzNywwLjMxNiwzLjI4Miw1LjI1OSw4LjEwNCw3LjE2MWM0LjAwNywxLjU4LDQuODIzLDEuMjY2LDUuNjkzLDEuMTg3YzAuODctMC4wNzksMi44MDctMS4xNDcsMy4yMDItMi4yNTVjMC4zOTUtMS4xMDgsMC4zOTUtMi4wNTcsMC4yNzctMi4yNTVjLTAuMTE5LTAuMTk4LTAuNDM1LTAuMzE2LTAuOTA5LTAuNTU0cy0yLjgwNy0xLjM4NS0zLjI0Mi0xLjU0M2MtMC40MzUtMC4xNTgtMC43NTEtMC4yMzctMS4wNjgsMC4yMzhjLTAuMzE2LDAuNDc0LTEuMjI1LDEuNTQzLTEuNTAyLDEuODU5Yy0wLjI3NywwLjMxNy0wLjU1NCwwLjM1Ny0xLjAyOCwwLjExOWMtMC40NzQtMC4yMzgtMi4wMDItMC43MzgtMy44MTUtMi4zNTRjLTEuNDEtMS4yNTctMi4zNjItMi44MS0yLjYzOS0zLjI4NWMtMC4yNzctMC40NzQtMC4wMy0wLjczMSwwLjIwOC0wLjk2OGMwLjIxMy0wLjIxMywwLjQ3NC0wLjU1NCwwLjcxMi0wLjgzMWMwLjIzNy0wLjI3NywwLjMxNi0wLjQ3NSwwLjQ3NC0wLjc5MWMwLjE1OC0wLjMxNywwLjA3OS0wLjU5NC0wLjA0LTAuODMxQzIwLjYxMiwxOS4zMjksMTkuNjksMTYuOTgzLDE5LjI2OCwxNi4wNDV6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjwvcGF0aD48L3N2Zz4=') 50% 50% no-repeat;
    background-size: 100%;
}

#chatCenter-container .icons8-telegram-app,
#chatCenter-container span.fa-telegram {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMTciIGhlaWdodD0iMTciCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjMjliNmY2IiBkPSJNMjQgNEEyMCAyMCAwIDEgMCAyNCA0NEEyMCAyMCAwIDEgMCAyNCA0WiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zMy45NSwxNWwtMy43NDYsMTkuMTI2YzAsMC0wLjE2MSwwLjg3NC0xLjI0NSwwLjg3NGMtMC41NzYsMC0wLjg3My0wLjI3NC0wLjg3My0wLjI3NGwtOC4xMTQtNi43MzMgbC0zLjk3LTIuMDAxbC01LjA5NS0xLjM1NWMwLDAtMC45MDctMC4yNjItMC45MDctMS4wMTJjMC0wLjYyNSwwLjkzMy0wLjkyMywwLjkzMy0wLjkyM2wyMS4zMTYtOC40NjggYy0wLjAwMS0wLjAwMSwwLjY1MS0wLjIzNSwxLjEyNi0wLjIzNEMzMy42NjcsMTQsMzQsMTQuMTI1LDM0LDE0LjVDMzQsMTQuNzUsMzMuOTUsMTUsMzMuOTUsMTV6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2IwYmVjNSIgZD0iTTIzLDMwLjUwNWwtMy40MjYsMy4zNzRjMCwwLTAuMTQ5LDAuMTE1LTAuMzQ4LDAuMTJjLTAuMDY5LDAuMDAyLTAuMTQzLTAuMDA5LTAuMjE5LTAuMDQzIGwwLjk2NC01Ljk2NUwyMywzMC41MDV6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2NmZDhkYyIgZD0iTTI5Ljg5NywxOC4xOTZjLTAuMTY5LTAuMjItMC40ODEtMC4yNi0wLjcwMS0wLjA5M0wxNiwyNmMwLDAsMi4xMDYsNS44OTIsMi40MjcsNi45MTIgYzAuMzIyLDEuMDIxLDAuNTgsMS4wNDUsMC41OCwxLjA0NWwwLjk2NC01Ljk2NWw5LjgzMi05LjA5NkMzMC4wMjMsMTguNzI5LDMwLjA2NCwxOC40MTYsMjkuODk3LDE4LjE5NnoiPjwvcGF0aD48L3N2Zz4=') 50% 50% no-repeat;
    background-size: 100%;
}

#chatCenter-container .icons8-mobile,
#chatCenter-container span.fa-mobile {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADZElEQVRYhe2XbWhbVRjHf+feNEtttjQLa2vtuq22q5usGNEP4guu+EFEhbEhQxBl4gZ2KFJx7JNvVD+IINgOCoMVYZsyRBGcTAx7YajMOsbCuq4qm+2ss3QuWZs0bXLP44ea0ubedLk3/ab/T+ec5/6f8+M5L9wD/3Wp+Z3N2zt2aEWnglbAdJEnheJHrdRrpw52xz0BPPrs7hcR2e/G7KCkFtl06tN9I6UafHMtkc58s3lNAw11q0pKYGkhfuk3EjcnAEIG7ADedg8A6wHuXHMHve/twVCqiMWu4dG/eP71d2c7St1VsrEAwARYXVfjanKAxvpazJW1BFrvwd+04Yltu976GwgouCio06YpPZ89vGrIyWu4mslBOYH9v0wS3raLyrYHMIPVK4AwUClwL8grlsXFrcfHP9rZLxVLCjCjhffjSY6NZkAtmspQSl69MTl+tBCiLIBDl9Ocv5FdMNYU9LFzfZCXWoKsC/oWxAQeuz5x/YMlARhJWRy9OrVgrLHK5J1oiOblPppX+OiKhmwQSsnurSfHWsoGiF3LIAVj7XUBRtMWe35OsPdsgj/SFu23BwqtJtroyHd8hdFSFS8oPcBAMstAMjsL9i+dSCEmKEMeKhtgLGPZxs6MzwAQqjDovHs59beZdA9O2s1Ca9kA5iJXxZbGSmoCJnvPJhlO5Zw+mck3PO+ByLLi1pzA6bHpYpMDXMs3PFcgutLPcGrKMRb7M3MLt4rlW54rcF/EXzTWFa2mKxoqFhbRqjff8VyBm1n77s7rq5E0umhUdX/eHrlQNsCFhP0Y5vXliPPSKPiuSibemD/meQlGp+zHcBFpRHrwZ57u27xuwQbxXIGnGipJ5TRhv8HqKh99fYfwRWpZ1rQhaQSrTWb/tq6AiilD9R55JDLglMczQFu4grZw9Vy/d+gc00D6h2PfHj/c80ypeWxLkM5Mu4ZJZ2517IrLVoH++CCffPENjfV1JSXQWhP7vn/pALTWHDjyteeE5QBYFHkL1ETCbGxeC0A2Z3Hm/ADZrPM1K7N53AMIXFKw0emjJ9sf5LktjwOQy1l0vPkhQ5eHnTOKDLoBmPcwefkFRB1wY3ZQAsPYdOLgx1dLNcyV/Er8p3Nr2+7/HVQLEMHdJTUJnERb208c3verC9//4h/gwBsSeAKucAAAAABJRU5ErkJggg==') 50% 50% no-repeat;
    background-size: 100%;
}

#chatCenter-container .icons8-ready {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('data:image/png;base64,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') 50% 50% no-repeat;
    background-size: 100%;
}


#chatCenter-container .icons8-not-ready {
    display: inline-block;
    width: 34px;
    height: 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAEXUlEQVRoge2YX2gcRRzHP7N/bu+yuVxiSpuqpS3Ff9WHlP5LGwu2SRt86ZtVLCj0SW0QEfMg+CAIIhKoiI/SqlAf4kNFKFJBfKgWGqxBLbSlpakYz0pS2+Zyye3e7owPd7u9a66XvbRyDewHFmZ+89ud33d+szOzCzExMTExMUsYERSuvrXHNgpiWMBzQGcTY6rHNSUY8Sw11DX8XR7ACFrKwb/SvNgi0SkUrxoFFHAQQAtayiO/JBBC7AvKWoX9fp0281EsC4paPb+lQCyg2RgLu4DjS/JFH6VK9YQusE0dTYSrMAqYcT1cv+RkaJBOGFU+Aa5U5F0PWX6eEJAyNFKG/v8IyBd91n50DN1uA+Dm6A/cOPw+raYebiS+VGhP9fDI4HsgBJPHj+Ie/5ykXi1AAXkM1hwaQW/NACBdh/F3XsaavV5TcD0iTSGlCIMHyGzZibm5H8eXVYHpdltpOAHdTqOClFXgSUWyuzcMHkBLWLRu3klRzve/JwJqseLFQebsdvwaQdbD8Xwy23YD4M/lUUUXgExPPwXPbziORQvQUzbL97/BbDF6p1Ipiq0d2Os3AjB3+RyFicsAJFetg5VrGx6QhgX4MzeZvXQWgHT3dvTuHVVTqR5FqbC37EJopKr/9w6gJqtQmJiEJcsY2DzA5q2bce/OoQVYvXYlCMGu3dsYGOij2JJg2coOiQp0d3cxMLCBjo42dnd1BvOGdkp27thK2gTPqLdBkz3NJCN37AzXIIVrQGEb2Axjz+PuRtVUKJsAAAAAAElFTkSuQmCC') 50% 50% no-repeat;
    background-size: 100%;
}

#chatCenter-container .icons8-coffee-break {
    display: inline-block;
    width: 27px;
    height: 27px;
    background: url('data:image/png;base64,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') 50% 50% no-repeat;
    background-size: 100%;
}

#chatCenter-container .icons8-training {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABmJLR0QA/wD/AP+gvaeTAAADKklEQVRIibWVW0gUURjH/2fmTF52083dXM02SAnKpIgt6fLgQ1F0oV6KLtSDZFtCgUElyxYZUW2CBhlFFwqhGz5JRER0FTK69xAJWbiaGepSFuPs7syZOb202+ru6Ib2f5rz3X5zvjnnG4I4PbmxyWXJTFujqXrbog1XH2O89e7urm39H/w9RrCRK11n1baHe65yDjIetQUA4BzEbp9c7cgryCeCgAzrRKmoeM7G17e3bzZLrDjYML3iYMP0VCAEAO43LrXPW7jyU85kpy3e+bErTe/WZn/QGGPDEzWNZQOAJNGfIwF6e4NGrB2dz32vps2Y6Y6ulcEQepQSTMgpSeVlTfWp48tXGl386O/zUUrrc5z5s+RBFQNhJ/kuOtWB9s8JuwAAcIgAAAJ9JEh3T3/fkA9bdex8flFW12LXzJW7SopLllnSpaSJAiFwZKdDEEY/F9duPaimALC1rnWxw2Y7bsmwzA1S0Rb8Abx9KpsmEgJkSwqq1s0YFQIAdEPNI2uew3HOmZs7J6WMPwrLoZRjaYZFWuuwO5ICDPkril1ZCW0hIJg7f0rqEJFIU0VRSOqc6sjEqtICCGRsdzJ5dQAARxrFmAEjQjTGMMmaNmbAiBCmabBnTfi/EBgM2dZxghic9asRVUt0MFhNLuM/Qxr3L7kSCARORiJhNd5BKUDFcZn0oABwsar0UOWZN4WFRYVbog5JBGRF0RVZHjKbOLhIAD7UBkJAks4wXTcI/RsofIt39n5XWm8/bN/Z2dETmy9E4plcN2phiLtlZXA5AFgzLfdAjbMCpAMG0xNmUXqWEqTDjVGFNN5RWb7ifbzNW3vpKETjiL+6IuDxnuoDAL+3PHDg5KUaCJH1fu+OmmS1TE8X140hPyNffWMBB8n17/O8BIALJ/Y2XzixtxkAaqsrXoAQl6/usuufICrTfkWf3W6PxNTIYVHgx83ioYlHmcZ8brcn4UiatktX9YFYkK239VnL/byWO00es3i/tzxQtmrTamoLuQEsGBXCOaAzLdYuzvSmMFNMNxFVaFA+ncweuwjbalvKRFFcGF2rPHzz+r6lnaNWTkG/Abc1IXCcw6xiAAAAAElFTkSuQmCC') 50% 50% no-repeat;
    background-size: 100%;
}

#chatCenter-container .icons8-organizing {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABmJLR0QA/wD/AP+gvaeTAAADc0lEQVRIia2VXWhbZRjHfyc5Jx/daJps2dYkdYs2LF1LO3VSoQxsJ1KpY72RMkUUvREUneBAUNAbL72Q4c1wCOKQDr+KLW4wB0OobN0Ut8JwWbpptbO1zXdykpyP14vZzLBzYjL23J3zf57n977/857nhbsIcSISEF+E4s3mO1oGfB56EGEmMDgjJkMfNlMjNdV4MjwM4mUkJEx24SCFkI6BOIrEFIChUpKfX3qhacjD7/0+7jT4SvpXfyfyPk91fNtwIUYJ9l48znJ1MwBut3L+ypH4IIBsVeDUxYgiO6XhuExv2MnAShGjKBpCTA1eH9vEmuHn49NZilWzZ12zhAC4FJlXHvfS5pKQcocpp0cbQlA28mRoBwDXbmrM/KzWJFuIIjtwOm65KdqjGO3RxhBANzRkp4LTWf++5dNlF4ahc+bCN5aa7U7WI5vNkslkbfWtW7fwS3KWv9NLjOwZvzuIz+fD5/M1zBnsHaGo5mjzbLTU75ldG7ztVLVya5B8sdISRNOrnP1p2lKztcsUt/6LdCrN6tqabfNIJMyl5Cx/pRYZfXSiNch6+AN+/AF/w5zBvn1UtDJuxWOp37Nv4lY8lMqF5iBvnHg68EBwqi8anGJuYYZ0ceV/AYaho+kVZi+dstTr7Dr82fgTlCuTQfd3HYZmcGrOwdn5SfpD+4hvGrJsEImEmb9xjj9XFhgberYx5M1P90cxzK9zq4U2QzdrCaVcmXOlGWLbe4l37rFs8kjPY+yODaHIiqVes8shOV9VC+U6QHekn4nh18gu5/nxauNRbweog4AY0CsG3eF+ott6aN8Q4JnhQ5y/chpdEyylriNoPO7tomaXgBKSREVTeXH0bYrlHD9cniaxOA8SuGQP1xLJOxpEImHyhSLZTIauri48Hrc9RJI46fIq+xeXExydfpfd3Xv5fu5LNFXH1SYT6xwgFuu2XKnX62VLcPN/TLGBqKnqMW+H+yU1V37oxh9Jrv+WwBQCxS2zbXsnffdNsJy/fVsL06yzT5gCIQR51eTiQv1Iqrvj3zo+5jdN+YhWEQerasWhuGVUdpJYOYji6asrzBfSGIZeey4WKpSKtwekojiXfv1oV/gOyHoc+mS842bmwHOZ8g6RKd2fkSRFtHlddcenoFWTkqaVak4UtKBp6jXPqrJ08uoHO1cB/gHeDVKcdA8/jAAAAABJRU5ErkJggg==') 50% 50% no-repeat;
    background-size: 100%;
}

#chatCenter-container .icons8-problems {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAABmJLR0QA/wD/AP+gvaeTAAAD00lEQVRIib2VXWhbZRjH/+97Pt5z0rRNrE07l0CZbsPdTOlwRbDiWkobFDttBHEXOlAUnFfTC0EcE0QZwhyTCU68sBdWNChDMCJ+MZwKjrJqjbVra7t16dhOmnTJSc7X40XTrFmTdBbxuTo87/95fuf5eM8B/gdj9Q4XhrGPPPQLAcOnI8U5XAAghnnFwWfsYSxtGEIEPv8Bxi0L21tDgKpWjR1X8tjFHoO5HoRXc6Y+xHGzgO2BYE0AAOxwfOheD1AT4rroAwBNqx98KSUNT76DyIYgngc/APCqp8thixkVluXeyjge3BCknhEPotj8EpZycumNULuhJZOrOiX8bQFttn19JiS1whH3wtH7QUwHqO5iVtga5VTiaDdc5+OAzwgyJqlcbkIucxmiaQtcKw/yHAh/G7KTb8HKjsG3aXBGbBra2dK1L3vTlZDjDSiK2sa1bbBNA5kLYxANIUiyDknWkUmNYulqEoHIfoj8BGRtcwfn9hYAo7Uga2cieNyy7GtEBEULgoHDtfPlY9fKQZI0yCIIEdwNSQ+P2rmGyX/VLgCYO3Vis0nZZGso5Gf1PwrfNRvZfhZ9oVhPVHW7Ig89d9HzqAiPAACeU0Rm4RyWrvwBz3NWSyfWA9SEAICiqD+ahQIAIJeegq85AlVvgZmeKmuIKLEeAKixwgBQyIWHiGbHZEXe1th6Z9kvGkLLD4zeDHY9Fb8ZSN2G07eH5PP5hq8VWdwvSctFEwGQcDiy5/lXV3RXY/ftYJL6hO73ndRPnpq+MU/dG88eOOSY18yPMplFGIYBwzCQThswrqTPrNaZRfcbXfe9LJGUoAMD4sY8Ui1ALBZTw+HwGzMLiwc7t7bpK36PCO8lkreFO+64lEwmp1N7u4+qmujhTx6A/PvZFnKU3Gtnk6frVhKNRtt7e3tHDMMwOOcH59L2LYajQ2uJQGuJYDoNXDTye4joiyOPRu9xPPuZRr8fFGpfbifoFfPZwY7VOcuD7+vr2+267vFisbhT0zRFUZSyaDxl467oXhARfk0cXnEfe9zNHmtqCuiMVYzWJzvsCIBYRSU9PT39+Xz+jCzLuxobGysAAPDVD78gc3kWF/46h98mpgFg/nUsnpYY79TEmhGAQEPO04MDFRDG2H4ATK3zG4zH4xge+WQ5CdGLTZ71biDQXJ6pGHm/Qu95eHtlCXgpSCnBakK+/2kUf56fAxEVTshZv6IqbZJ0fW+cu7sqAxi2WqZ4BCjNhHMeF0IIAD8TUaEmqWSzavvntzupTiJvhnPmAYCa+LTi1hGxoqrYX66X6z+zfwBsHHOhZPMU4QAAAABJRU5ErkJggg==') 50% 50% no-repeat;
    background-size: 100%;
}

#chatCenter-container ul.tabbar {
    /*background: #eee;*/
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

#chatCenter-container ul.tabbar li.active {
    /*background: #fff; */
    border-bottom: 1px solid var(--gray-light);
}

#chatCenter-container ul.tabbar > li {
    /*box-shadow: inset 0 -2px 2.5px -1px #00000040; */
    height: 34px;
    line-height: 34px;
    position: relative;
}

#chatCenter-container ul.tabbar li.active > a {
    /*color: #2196f3;*/
}

#chatCenter-container ul.tabbar > li > a {
    /*color: #2196f399;*/
    color: var(--btn-text-color);
    font-size: 13px;
    font-variant: small-caps;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

#chatCenter-container .icon-danger {
    color: var(--brand-danger);
    font-weight: 600
}

/* ИЗМЕНЕНО: обновлены селекторы для edit */
#chatCenter-container .contact-box li .btn-edit {
    cursor: pointer;
    color: var(--link-color);
}

#chatCenter-container .contact-box li .btn-edit:hover {
    color: var(--link-hover-color);
}

/* ИЗМЕНЕНО: обновлен селектор для sync */
#chatCenter-container .list-header .sync {
    cursor: pointer;
    color: var(--link-color);
    position: absolute;
    right: 5px;
}

#chatCenter-container .list-header .sync:hover {
    color: var(--link-hover-color);
}

/* ИЗМЕНЕНО: обновлен селектор для answer_required */
#chatCenter-container .list-header .answer-required {
    cursor: pointer;
    color: var(--link-color);
    position: absolute;
    right: 25px;
    font-size: 1.5em;
}

#chatCenter-container .list-header .answer-required:hover {
    color: var(--link-hover-color);
}

#chatCenter-container .list-header {
    padding: 8px;
}


.chatCenterIcon:before {
    background-image: url(/client/custom/modules/bpm2bChatCenter/img/chat-chat-svgrepo-com.svg);
}

.customIcon.chatCenterIcon:before {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.subIconChatCenter:after {
    background-image: url(/client/custom/modules/bpm2bChatCenter/img/chat-chat-svgrepo-com.svg);
}

.sub-custom-icon-entity.subIconChatCenter:after {
    background-size: cover;
    width: 20px;
    height: 20px;

}

.auth-sms-custom {
    display: flex;
    justify-content: space-between;
}
.bot-link {
    display: none;
}

#chatCenter-container .search-chat {
    padding-bottom: 16px;
}