.online-chat {
    display: flex;
    width: 100%;
    margin: 20px 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}
.online-chat .chat-contacts {
    width: 24%;
    background: #f6f9fb;
}
.online-chat .chat-message {
    width: 76%;
    padding: 20px;
}
.online-chat .person {
    padding: 10px;
    display: flex;
    align-items: flex-start;
    position: relative;
    cursor: pointer;
}
.online-chat .person.active {
    background: #e3f6fd;
}
.online-chat .person:last-child {
    border: none;
}
.online-chat .person-name {
    font-size: 14px;
    line-height: 1.2;
    color: #3c4f86;
    margin: 4px 0 0 0;
}
.online-chat .person-name span {
    font-size: 13px;
    color: #333;
}
.online-chat .last-time-message {
    font-size: 11px;
    line-height: 1.2;
    color: #606060;
    font-weight: 400;
    position: absolute;
    top: 32px;
    bottom: 0;
    right: 15px;
    height: 12px;
    display: inline-block;
    margin: 0;
    left: 54px;
    width: 130px;
    text-align: left;
}
.online-chat .new-messages {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #ff0000;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    color: #fff;
    line-height: 15px;
    vertical-align: top;
    margin: 0;
    position: absolute;
    bottom: 10px;
    left: 30px;
}
.online-chat .avatar {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    font-weight: 700;
    margin: 0 10px 0 0;
    background-color: #fff;
    color: transparent;
    background-size: contain;
    border: 1px solid #fff;
}
.online-chat .avatar-writer {
    border-color: #b3ceff;
    background-image: url("images/writer.png");
}
.online-chat .avatar-support {
    background-image: url("images/support.png");
}
.online-chat .avatar-files {
    background-image: url("images/files.svg");
    border-color: #bcc4d1;
    background-position: 50% 50%;
    background-size: 27px 27px;
    background-repeat: no-repeat;
}
.online-chat .avatar-invoices {
    background-image: url("images/invoceis.svg");
    border-color: #bcc4d1;
    background-position: 50% 50%;
    background-size: 27px 27px;
    background-repeat: no-repeat;
}
.online-chat .avatar-details {
    background-image: url("images/details.svg");
    background-position: 50% 50%;
    background-size: 27px 27px;
    background-repeat: no-repeat;
}
.online-chat .chat-tab {
    display: none;
}
.online-chat .chat-tab.active {
    display: block;
}
.online-chat .new-message .flex {
    display: flex;
    gap: 10px;
    align-items: center;
}
.online-chat #new-message, .online-chat ._t_form ._t_input {
    transition: box-shadow 0.5s ease;
    overflow: hidden;
    border: solid #e7e7e7 1px;
    border-radius: 2px;
    padding: 7px;
    color: #717171;
    width: 100%;
    background-color: #FAFAFA;
    font-family: Arial;
    font-size: 13px;
    box-sizing: border-box;
    box-shadow: none;
}
.online-chat .new-message .submit, .online-chat ._t_btn {
    -webkit-appearance: none;
    outline: none;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    background-color: #004F9C;
    border: 1px solid #004F9C;
    border-radius: 2px;
    padding: 15px 31px;
    transition: all .3s linear;
    text-align: center;
    font-weight: 400;
}
.online-chat .new-message .submit:hover, .online-chat ._t_btn:hover {
    transition: all .3s linear;
    box-shadow: 0 6px 20px 0 transparent;
    color: #004F9C;
    background-color: #fff;
}
.online-chat .new-message .custom-file-upload {
    margin: 0;
    cursor: pointer;
}
.online-chat .custom-file-upload .file {
    display: none;
}
.online-chat .file-btn-1 {
    padding: 0;
    height: 30px;
    font-size: 12px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMxMzQ1NjM7fQo8L3N0eWxlPjxnPjxnIGlkPSJJY29uLVBhcGVyY2xpcCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI3LjAwMDAwMCwgMzgwLjAwMDAwMCkiPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTEwLjMtMzI2Yy0yLjQsMC00LjYtMC45LTYuMy0yLjZjLTEuNy0xLjctMi42LTMuOS0yLjYtNi4zYzAtMi40LDAuOS00LjYsMi42LTYuM2wyNS40LTI1LjQgICAgIGM0LjYtNC42LDEyLjItNC42LDE2LjgsMGMyLjIsMi4yLDMuNSw1LjIsMy41LDguNGMwLDMuMi0xLjIsNi4xLTMuNSw4LjRsLTE5LDE5bC0yLTJsMTktMTljMy41LTMuNSwzLjUtOS4zLDAtMTIuOCAgICAgYy0zLjUtMy41LTkuMy0zLjUtMTIuOCwwbC0yNS40LDI1LjRjLTEuMiwxLjEtMS44LDIuNy0xLjgsNC4zYzAsMS42LDAuNiwzLjIsMS44LDQuM2MyLjQsMi40LDYuMiwyLjQsOC42LDBsMTktMTkgICAgIGMxLjItMS4yLDEuMi0zLjIsMC00LjRjLTEuMi0xLjItMy4yLTEuMi00LjQsMGwtMTIuNywxMi43bC0yLTJsMTIuNy0xMi43YzIuMy0yLjMsNi0yLjMsOC4zLDBjMi4zLDIuMywyLjMsNiwwLDguM2wtMTksMTkgICAgIEMtMTA1LjctMzI2LjktMTA3LjktMzI2LTExMC4zLTMyNiIgaWQ9IkZpbGwtNjAiLz48L2c+PC9nPjwvc3ZnPg==);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    display: block;
    cursor: pointer;
    color: transparent;
}
.online-chat .icon-attachment {
    display: inline-block;
    min-width: 15px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 0 7px 0 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0ibm9uZSIgaGVpZ2h0PSIxOTAiIHZpZXdCb3g9IjAgMCAxNDIgMTkwIiB3aWR0aD0iMTQyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPjxwYXRoIGQ9Ik0yNS40NTYxIDE3LjMwOTFDMjUuODAyIDE2LjE3NDMgMjYuMDE3OCAxNS40MzI5IDI2LjI1MzUgMTQuNjk2NUMyNy44OTU1IDkuNjggMzEuNDAzOSA1LjQ4NzExIDM2LjA1MjMgMi45ODYyOUM0MC43MDA3IDAuNDg1NDg3IDQ2LjEzMjkgLTAuMTMxNDcyIDUxLjIyMzggMS4yNjI3N0M1NC40ODc3IDIuMTgxNjQgNTcuMTI1NiAzLjk5ODM3IDU4LjY0MDUgNy4xNDI4NkM2MC4wOTEgMTAuMTYyIDYxLjQ4MDQgMTMuMjAzIDYyLjkzNzUgMTYuMzIzOUM2My4zNTI2IDE2LjQwODkgNjMuNzcyNiAxNi40NjggNjQuMTk1IDE2LjUwMDJDNzQuNDA5NiAxNi43MTkgODQuNjI0OSAxNi45Mjk0IDk0Ljg0MDEgMTcuMTMxNUM5NS41MTM1IDE3LjE0NTMgOTYuMTg5NiAxNy4xNzU1IDk2Ljg2MDMgMTcuMTMxNUMxMDAuOTYzIDE2Ljg3NTYgMTAzLjk3OSAxOC42ODEyIDEwNi45NiAyMS40NTE2QzExMy45NDMgMjcuOTQxNCAxMjEuMjkyIDM0LjAzNTkgMTI4LjQ1MyA0MC4zMzU0QzEzMS4xNDcgNDIuNzA1NCAxMzMuNjM4IDQ1LjMxNTggMTM2LjM5NSA0Ny42MDMxQzEzOS4xNjggNDkuOTAwMyAxNDAuMDUxIDUyLjg0MjQgMTQwLjExOCA1Ni4yMzExQzE0MC4zMSA2NS45ODUxIDE0MC40ODggNzUuNzQwMyAxNDAuNzI5IDg1LjQ5MzVDMTQxLjA5OCAxMDAuNDA2IDE0MS42NjMgMTE1LjMxNSAxNDEuODYgMTMwLjIyOUMxNDIuMDA2IDE0MS4zMjUgMTQxLjcwMyAxNTIuNDI3IDE0MS41OTEgMTYzLjUyN0MxNDEuNTUyIDE2Ny40NTIgMTQxLjQ1MSAxNzEuMzc3IDE0MS40NDMgMTc1LjMwMkMxNDEuNDI0IDE4My43MyAxMzQuNjc4IDE4OC42NTcgMTI3LjIxNSAxODguNzk4QzExMi4wNjggMTg5LjA4MyA5Ni45MTY4IDE4OS40NyA4MS43Njk4IDE4OS4zODlDNjMuMTM3IDE4OS4yODcgNDQuNTA1NiAxODguODE1IDI1Ljg3OCAxODguMzQ4QzIxLjczMTYgMTg4LjE0MiAxNy42MDA3IDE4Ny42OTMgMTMuNTA2NyAxODcuMDA0QzguMzc4MSAxODYuMjY4IDMuMzM4MDUgMTgwLjM3OCAzLjE1MzYyIDE3NC43OTVDMi42ODc2MiAxNjAuNjc4IDIuMTUyNzIgMTQ2LjU1OSAxLjk5NzgyIDEzMi40MzdDMS42NTU4NyAxMDEuMzY3IDEuNTg3NjYgNzAuMjk0NiAxLjI1NzUyIDM5LjIyNTJDMS4yMDY5OCAzNC40NTQzIDEuMzIzMSAyOS44MzQ2IDMuMjc2MzYgMjUuNDA3NkM0Ljc5NTc4IDIxLjk2NjQgNy4wNDk2OSAxOS4yODQzIDEwLjgxOSAxOC4yODAxQzEyLjEzMDIgMTcuOTg0OSAxMy40Njc4IDE3LjgyMzEgMTQuODExNSAxNy43OTc1QzE4LjI3NDQgMTcuNjAyNSAyMS43NDI1IDE3LjQ3NDUgMjUuNDU2MSAxNy4zMDkxWk0yNC43NTQ0IDI0LjIzNDZDMjIuMjU2NCAyNC4yMzQ2IDIwLjA0MDYgMjQuMTQ2OSAxNy44MzQ2IDI0LjI1MTlDMTIuOTMzNyAyNC40ODYyIDExLjUxNTQgMjUuNzY1OSAxMC42NzQgMzAuNTQ4N0M5LjkxMDQ1IDM0LjYzNDEgOS43MzM3IDM4LjgwNzQgMTAuMTQ4OSA0Mi45NDI4QzEwLjQxNTIgNDUuMzk2NCAxMC41NTAxIDQ3Ljg2MjQgMTAuNTUzMiA1MC4zMzA0QzEwLjYyMTUgODkuOTQxNSAxMC42NzMzIDEyOS41NTMgMTAuNzA4NyAxNjkuMTY1QzEwLjY4NzQgMTY5Ljk1IDEwLjcxNzkgMTcwLjczNiAxMC44IDE3MS41MThDMTEuNDgxMyAxNzYuNjIzIDE0LjE3NjIgMTgwLjAyMSAxOS45ODQ4IDE4MC4yNDhDNDEuNjU3MSAxODEuMTA1IDYzLjMyODcgMTgxLjEwOCA4NS4wMDc1IDE4MC43MzlDOTUuOTAyNyAxODAuNTUzIDEwNi43OTggMTgwLjQ2NCAxMTcuNjg5IDE4MC4zNDFDMTIwLjM4IDE4MC4zMSAxMjMuMDc5IDE4MC40MTMgMTI1Ljc2NSAxODAuMjgyQzEzMC40MzMgMTgwLjA1NSAxMzIuNzYgMTc3LjY5NyAxMzIuNzEgMTczLjA3NEMxMzIuNjU1IDE2Ny45MTkgMTMyLjI5NyAxNjIuNzY5IDEzMi4yMDcgMTU3LjYxM0MxMzIuMTExIDE1Mi4xMTYgMTMyLjMwMSAxNDYuNjE0IDEzMi4xNDEgMTQxLjExOUMxMzEuNzMzIDEyNi44NzcgMTMxLjA0IDExMi42NDMgMTMwLjc3IDk4LjM5OUMxMzAuNTQ4IDg2LjczMzMgMTMwLjc3MyA3NS4wNTgzIDEzMC43ODYgNjMuMzg4QzEzMC43ODYgNjIuNTM0OCAxMzAuNjY2IDYxLjY4MiAxMzAuNjAyIDYwLjgyMjhDMTMwLjIgNjAuNzYyOCAxMjkuNzk1IDYwLjcyMjcgMTI5LjM5IDYwLjcwMzZDMTIyLjQyOSA2MC44NDAyIDExNS40NjcgNjEuMTE1OCAxMDguNTA3IDYxLjA2QzEwNS45NDIgNjAuOTM0MyAxMDMuNDAyIDYwLjQ5MDUgMTAwLjk0NyA1OS43Mzg0Qzk4LjQzMDkgNTkuMDcwMiA5Ny4wNjcxIDU3LjE5OTkgOTYuNzgzNSA1NC41ODgzQzk2LjY5ODkgNTMuODA3OSA5Ni41NzU1IDUzLjAzMDUgOTYuNTA5MiA1Mi4yNDg4Qzk1LjkzMjMgNDUuNDMyOCA5NS4zODYyIDM4LjYxMzkgOTQuNzc5MSAzMS44MDA0Qzk0LjU5MzMgMjkuNzEyIDk0LjI0ODggMjcuNjM4MiA5My45Mjk4IDI1LjE5NzlMNjQuMDUzMiAyNC41MTc5QzY0LjA1MzIgMjUuNzgxMyA2NC4wNjMxIDI2LjY1NDMgNjQuMDUzMiAyNy41MjcyQzYzLjk5NDggMzIuMTIxNiA2NC4xMTg5IDM2LjczMjIgNjMuODE5NiA0MS4zMTM1QzYzLjUwMjUgNDYuMzY0NCA2Mi4xNjUzIDUxLjI5OSA1OS44ODg4IDU1LjgxODlDNTguMjkyNiA1OC45ODg0IDU1Ljg3NCA2MS4yMDA1IDUyLjE4NTQgNjEuNjU5OUM0Ny4zMDQ4IDYyLjI3MjkgNDIuOTEgNjAuMTk1MSA0MC42MTI4IDU1LjgyOThDMzkuNTQ3OSA1My43NDEzIDM4Ljc3MjMgNTEuNTE3NCAzOC4zMDcxIDQ5LjIxOTZDMzcuMDk0OSA0My41MTc0IDM3Ljk3ODkgMzcuODMwMyAzOC45MTAzIDMyLjE3OEMzOS4wNzkyIDMxLjE4NTkgMzkuNDI1NCAzMC4yMzIzIDM5LjkzMjIgMjkuMzYyOUM0MC4zMzc5IDI4LjYxMjcgNDAuOTc2MiAyOC4wMTQ5IDQxLjc1MTEgMjcuNjU4NkM0Mi41MjYxIDI3LjMwMjMgNDMuMzk1NiAyNy4yMDcgNDQuMjI5MiAyNy4zODc1QzQ1LjAyMSAyNy40Nzc4IDQ1Ljc2MjUgMjcuODIxMyA0Ni4zNDM1IDI4LjM2NjlDNDYuOTI0NCAyOC45MTIzIDQ3LjMxMzkgMjkuNjMwOCA0Ny40NTM4IDMwLjQxNTNDNDcuNjMwNSAzMS42MjQyIDQ3LjY1ODIgMzIuODQ5OSA0Ny41MzY1IDM0LjA2NTZDNDcuMzgyMyAzOC40MjU2IDQ3LjEwODYgNDIuNzgzNSA0Ny4wNjUzIDQ3LjE0NDJDNDcuMTM1MyA0OC40ODM0IDQ3LjQ1MDkgNDkuNzk4MyA0Ny45OTY2IDUxLjAyMzNDNDguNTA0NiA1Mi4zNDQ1IDQ5LjUzMzggNTIuODk1MiA1MS4xNjk0IDUyLjA4ODZDNTQuODI2NSA0My4zMTk5IDUzLjg5MTkgMzQuMDAyOSA1My45MDk2IDI0LjgwODNDNTAuMjM0MSAyNC4wNDgyIDM2LjMwMzMgMjQuMzQ0NiAzMy42MzkyIDI1LjIwMThDMzIuOTYzOSAzMy4wOTc1IDMyLjM0NjMgNDEuMDMyMyAzMS41Nzg0IDQ4Ljk1MjRDMzEuMjU2OCA1Mi4yOTk4IDMwLjc1MjkgNTUuNjI2OCAzMC4wNjg4IDU4LjkxOTNDMjkuNTc1MiA2MS4yODIxIDI3Ljc3NDkgNjIuNTc3IDI2LjA5NzMgNjIuMjgzNkMyNC40NCA2MS45OTM1IDIzLjQ1NjIgNjAuNTc3NCAyMy4zOTMxIDU4LjE2OTNDMjMuMzUyNSA1Ni42MDIgMjMuNDYzNCA1NS4wMjk1IDIzLjUyODMgNTMuNDYwMkMyMy45MyA0My44MzMxIDI0LjMzNjMgMzQuMTk5MSAyNC43NTQ0IDI0LjIzNDZaTTEyNS41MTcgNTEuODA4NUwxMjUuNjYgNTEuMDk0NUwxMDMuNDM2IDMwLjk0OTJMMTAyLjkyMyAzMS4yODQ1QzEwNC4wMTQgMzguNDQzMiAxMDUuMTA1IDQ1LjYwMTggMTA2LjIyOCA1Mi45NzMxTDEyNS41MTcgNTEuODA4NVpNNTIuNDg5OSAxNi40MDUzQzUxLjc0NjkgMTQuNTA3OCA1MS4yMzI0IDEyLjkxNjcgNTAuNDk4NiAxMS40MzQxQzUwLjEyNyAxMC42MzY0IDQ5LjUxNzMgOS45NzMwNiA0OC43NTM0IDkuNTM2MkM0My4zMjYxIDYuOTM4NDEgMzUuOTc0NiAxMC43NTQgMzQuNTc2NiAxNy4wMTg3TDUyLjQ4OTkgMTYuNDA1M1oiIGZpbGw9ImJsYWNrIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IGZpbGw9IndoaXRlIiBoZWlnaHQ9IjE4OS42ODIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuODU1NDY5IDAuMjU4NTQ1KSIgd2lkdGg9IjE0MS4xMTMiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
.online-chat .messages {
    margin: 0 0 20px 0;
    max-height: 500px;
    min-height: 420px;
    overflow: auto;
    padding: 0 10px 0 0;
}
.online-chat.order-completed .messages {
    min-height: 50px;
}
.online-chat .message-wrapper {
    display: flex;
    margin: 0 0 15px 0;
    width: 100%;
}
.online-chat .message-wrapper.hidden-time {
    margin-top: -15px;
}
.online-chat .message:last-child:last-child {
    margin: 0;
}
.online-chat .message-wrapper.from-me {
    justify-content:flex-end;
}
.online-chat .message-wrapper.from-me .message {
    text-align: right;
}
.online-chat .message {
    padding: 4px 10px;
    max-width: 80%;
}
.online-chat .message, .online-chat .message p, .online-chat .message a, .online-chat .message span, .online-chat .message li {
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    margin: 10px 0
}
.online-chat .message ul, .online-chat .message ol {
    margin: 0 0 0 20px;
    padding: 0;
}
.online-chat .message ul, .online-chat .message ul li {
    list-style-type: circle;
}
.online-chat .message ol, .online-chat .message ol li {
    list-style-type: decimal;
}
.online-chat .message ul li:before, .online-chat .message ol li:before {
    display: none;
}
.online-chat .message ul li, .online-chat .message ol li {
    padding: 0;
    margin: 2px 0;
}
.online-chat .message .text {
    word-break: break-word;
}
.online-chat .message img,.online-chat .message table {
    max-width: 100%;
}
.online-chat .message .time {
    font-size: 10px;
    color: #606060;
    margin: 0;
    position: relative;
    padding: 0 18px 0 0;
}
.online-chat .from-me .message .time {
    margin: 0;
    text-align: right;
    display: block;
}
.online-chat .hidden-time .message .time {
    display: none;
}
.online-chat .message .attachment {
    margin: 2px 0 0 0;
    display: inline-block;
}
.online-chat .message .attachment span {
    padding: 0;
    margin: 0 0 0 4px;
    color: #0071c7;
    word-break: break-word;
}
.online-chat .message .attachment a {
    display: flex;
    align-items: center;
    margin: 0;
    text-decoration: none;
}
.online-chat .message .attachment .size {
    display: inline-block;
    margin: 0 0 0 4px;
    color: #444;
    font-size: 11px;
    min-width: 70px;
    text-align: right;
}
.online-chat .to-me .message .text {
    background-color: #e0fbe7;
    border-radius: 10px;
    padding: 1px 10px;
    float: left;
}
.online-chat .from-me .message .text {
    background-color: #f1f1f1;
    border: solid #e7e7e7 1px;
    border-radius: 10px;
    padding: 1px 10px;
    float: right;
}
.online-chat .from-me .message .text p {
    white-space: pre-line;
}
.online-chat .loading:after {
    display: none
}
.online-chat .attachment-remove {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: 0 7px 0 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxnPjxwYXRoIGQ9Ik04NC44MTUsNDMuMzk5Yy0wLjc4MS0wLjc4Mi0yLjA0Ny0wLjc4Mi0yLjgyOCwwTDY0LjAzMiw2MS4zNTZMNDYuMDc3LDQzLjM5OWMtMC43ODEtMC43ODItMi4wNDctMC43ODItMi44MjgsMCAgICBjLTAuNzgxLDAuNzgxLTAuNzgxLDIuMDQ3LDAsMi44MjhsMTcuOTU1LDE3Ljk1N0w0My4yNDksODIuMTQxYy0wLjc4MSwwLjc4LTAuNzgxLDIuMDQ3LDAsMi44MjggICAgYzAuMzkxLDAuMzksMC45MDIsMC41ODUsMS40MTQsMC41ODVzMS4wMjMtMC4xOTUsMS40MTQtMC41ODVsMTcuOTU1LTE3Ljk1NmwxNy45NTUsMTcuOTU2YzAuMzkxLDAuMzksMC45MDIsMC41ODUsMS40MTQsMC41ODUgICAgczEuMDIzLTAuMTk1LDEuNDE0LTAuNTg1YzAuNzgxLTAuNzgxLDAuNzgxLTIuMDQ4LDAtMi44MjhMNjYuODYsNjQuMTg0bDE3Ljk1NS0xNy45NTdDODUuNTk3LDQ1LjQ0Nyw4NS41OTcsNDQuMTgsODQuODE1LDQzLjM5OXogICAgIE02NC4wMzIsMTQuMDU0Yy0yNy42NDIsMC01MC4xMjksMjIuNDg3LTUwLjEyOSw1MC4xMjdjMC4wMDIsMjcuNjQzLDIyLjQ5MSw1MC4xMzEsNTAuMTMzLDUwLjEzMSAgICBjMjcuNjM5LDAsNTAuMTI1LTIyLjQ4OSw1MC4xMjUtNTAuMTMxQzExNC4xNjEsMzYuNTQxLDkxLjY3NCwxNC4wNTQsNjQuMDMyLDE0LjA1NHogTTY0LjAzNiwxMTAuMzEzaC0wLjAwMiAgICBjLTI1LjQzNSwwLTQ2LjEyOS0yMC42OTUtNDYuMTMxLTQ2LjEzMWMwLTI1LjQzNSwyMC42OTMtNDYuMTI3LDQ2LjEyOS00Ni4xMjdzNDYuMTI5LDIwLjY5Myw0Ni4xMjksNDYuMTI3ICAgIEMxMTAuMTYxLDg5LjYxNyw4OS40NywxMTAuMzEzLDY0LjAzNiwxMTAuMzEzeiIvPjwvZz48L2c+PC9zdmc+);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.online-chat .attachment {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 10px;
    border-radius: 7px;
    background: #e3f6fd;
}
.online-chat .attachment.plagiarism {
    background: #fffef4;
    border: 1px solid #ffe492;
    display: block;
}
.online-chat .attachment.draft, .online-chat .attachment.part {
    background: #FFDAB9;
}
.online-chat .attachment-name {
    font-size: 13px;
    color: #000;
}
.online-chat .group-by-day {
    text-align: center;
    font-size: 12px;
    line-height: 1;
    color: #333;
    position: relative;
    margin: 0 0 5px 0;
}
.online-chat .group-by-day span {
    position: relative;
    padding: 0 15px;
    background-color: #fff;
    z-index: 9;
}
.online-chat .group-by-day:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 50%;
    height: 1px;
    background-color: #e5e5e5;
}
.online-chat .group-by-day:after {
    content: '';
    position: absolute;
    top: 6px;
    right: 0;
    width: 50%;
    height: 1px;
    background-color: #e5e5e5;
}
.online-chat .icon-read {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(images/read.svg);
    background-size: contain;
    margin: -0!important;
    vertical-align: top;
    position: absolute;
    top: -5px;
    right: -2px;
}
.online-chat .icon-read.icon-not-read {
    width: 12px;
    height: 10px;
    background-image: url(images/not-read.svg);
    top: 0;
    right: 0;
}
.cb {
    clear: both;
}
.text-center {
    text-align: center;
}
.online-chat .competed-action .default_button {
    min-width: 280px;
    padding: 10px 28px;
}
.online-chat .competed-action p {
    margin: 0 0 10px 0;
}
.online-chat .competed-action p:last-child {
    margin: 0;
}
.online-chat .competed-action {
    margin: 15px 0px 20px 10px;
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
.online-chat .last-time-message .short-format {
    display: none;
}

.online-chat #notice {
    display: none;
    padding: 8px 12px;
    margin: 4px 0 0 0;
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    font-family: Arial;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 400;
}
.online-chat #notice.success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.online-chat #notice.warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.online-chat #notice.active {
    display: block;
}
.online-chat #attachments {
    margin: 0 0 10px 0;
}
.online-chat #attachments .attachment {
    margin: 0 0 5px 0;
}
.online-chat #attachments .attachment:last-child {
    margin: 0;
}
.online-chat .order-feedback {
    display: none;
}
.online-chat .order-feedback {
    text-align: left;
}
.online-chat .order-feedback .attachment {
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
}
.online-chat .order-feedback .attachment img {
    width: 17px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.online-chat ._t_form {
    padding: 15px;
    margin: 15px 0px 20px 10px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
.online-chat ._t_form ._t_row_rating ._flex {
    background: #fffef4;
    border: 1px solid #ffe492;
    padding: 4px 10px;
    border-radius: 4px;
    max-width: 170px;
    margin: 0 0 10px 0;
    font-size: 14px;
}
.online-chat ._t_form ._t_input {
    max-height: 48px;
}
.online-chat ._t_form #testimonials-message-input {
    max-height: 400px;
}
.online-chat ._t_form #testimonials-message-input:focus, .online-chat ._t_form #testimonials-message-input.white-bg {
    background-color: #fff;
}
.online-chat ._t_form ._t_error, .online-chat ._t_form .error, .online-chat .error {
    background-color: #ffe7e7!important;
}
.online-chat ._t_form ._t_row_textarea {
    gap: 10px;
}
.online-chat ._t_form ._t_row._text_center {
    position: absolute;
    right: 0;
    bottom: 0;
}
.online-chat ._t_form form {
    position: relative;
}
.online-chat ._t_success {
    background-color: #e3f6fd;
    border: 1px solid #b5e1f1;
    border-radius: 4px;
    padding: 15px;
}
.online-chat ._t_success p {
    margin: 0 0 5px 0;
}
.online-chat ._t_success p.saved {
    color: #000;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
}
.online-chat #mark-is-saved, .online-chat #thanks-for-feedback {
    padding: 7px;
    max-width: 246px;
    margin: 10px 0;
    font-size: 13px;
    line-height: 1;
}
.online-chat .tip-the-writer .h4 {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
}
.online-chat .tip-the-writer .text_center {
    text-align: center!important;
}
.online-chat .tip-the-writer .window-item.text_center:last-child {
    margin: 0;
}
.online-chat .tip-the-writer textarea {
    min-height: 10px;
    font-size: 13px;
}
.online-chat .tips-amount-btn .tips-amount {
    width: 55px;
    height: 55px;
    line-height: 55px;
}
.online-chat .form-styled input[type="number"] {
    padding: 8px 15px;
    height: 40px;
    width: 80px;
}
.online-chat .or {
    position: relative;
    max-width: 220px;
    margin: 4px auto!important;
}
.online-chat .or:before, .online-chat .or:after {
    content: '';
    width: 75px;
    height: 1px;
    background-color: #d3d3d3;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}
.online-chat .or:before {
    left: 0;
}
.online-chat .or:after {
    right: 0;
}
.online-chat .window-item-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.online-chat .window-item-flex .window-item {
    margin: 12px 0 0 0;
}
.online-chat .new-message-form {
    margin: 0 0 35px 0;
}
.online-chat #invoices .completed-order-group {
    display: none;
}
.online-chat .button-disabled {
    background-color: #e1e1e1;
    padding: 7px 12px;
    border-radius: 3px;
    max-width: 120px;
    text-align: center;
    color: #000;
}
.online-chat .empty-svg {
    text-align: center;
    margin: 50px 0 0 0;
}
.online-chat .empty-svg img {
    max-width: 300px;
    opacity: 0.5;
}

@media(max-width: 991px) {
    .online-chat {
        flex-direction: column;
    }
    .online-chat .chat-contacts, .online-chat .chat-message {
        width: 100%;
        box-sizing: border-box;
    }
    .online-chat .chat-contacts {
        display: flex;
    }
    .online-chat .person {
        width: 50%;
    }
    .online-chat .messages {
        min-height: 280px;
    }
    .online-chat .new-message .flex {
        display: block;
        position: relative;
        text-align: center;
    }
    .online-chat #new-message {
        padding-right: 42px;
    }
    .online-chat .new-message .custom-file-upload {
        position: absolute;
        top: 8px;
        right: 0;
    }
}
@media(max-width: 580px) {
    .content .online-chat ._t_btn {
        padding: 8px 12px;
    }
    .online-chat .chat-contacts {
        flex-wrap: wrap;
        margin: 0 0 20px 0;
    }
    .online-chat .person-name {
        margin: 8px 0 0 0;
    }
    .online-chat .avatar {
        margin: 0 7px 0 0;
    }
    .online-chat .tip-the-writer .h4 {
        font-size: 14px;
    }
    .online-chat .window-item-flex {
        display: block;
    }
    .online-chat .window-item-flex .window-item {
        margin: 15px 0 0 0;
    }
    .online-chat .window-item-flex .window-item .label {
        text-align: center;
    }
    .online-chat .tip-the-writer textarea {
        font-size: 12px;
    }
}
@media(max-width: 460px) {
    .online-chat .person-name {
        font-size: 13px;
        margin: 2px 0 0 0
    }
    .online-chat .new-message .submit, .online-chat ._t_btn {
        padding: 8px 30px;
    }
    .online-chat .chat-message {
        padding: 7px;
    }
    .online-chat .person {
        padding: 7px 1%;
        width: 48%;
    }
    .online-chat .avatar {
        width: 25px;
        height: 25px;
    }
    .online-chat .last-time-message {
        left: 38px;
        top: 22px;
        font-size: 10px;
    }
    .online-chat .last-time-message .short-format {
        display: inline-block;
    }
    .online-chat .last-time-message .full-format {
        display: none;
    }
    .online-chat .competed-action .default_button {
        min-width: 200px;
        padding: 10px 8px;
    }
    .online-chat .avatar-files, .online-chat .avatar-invoices {
        background-size: 20px 20px;
    }
    .online-chat .about-order .row .label {
        min-width: 120px;
    }
    .online-chat .about-order .row .col-3 {
        padding: 8px 5px;
    }
    .online-chat .competed-action, .online-chat ._t_form {
        margin: 20px 0 0 0;
        padding: 0;
        box-shadow: none;
    }
    .online-chat ._t_form ._t_row_textarea {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .online-chat .tip-the-writer .h4 {
        margin: 12px 0;
        font-size: 13px;
    }
    .online-chat .attachment .icon-attachment {
        display: none;
    }
    .online-chat .message .attachment span, .online-chat .message .attachment .size {
        margin: 0;
        width: 100%;
    }
    .online-chat .message .attachment .size {
        text-align: left;
    }
    .online-chat .message .attachment a {
        flex-wrap: wrap;
    }
    .online-chat .flex.delivery-div {
        flex-wrap: wrap;
    }
    .online-chat .flex.delivery-div p {
        width: 100%;
    }
    .about-order .btn-place-order {
        margin: 4px 0 0 0;
        padding: 4px 7px;
        min-width: 10px;
        width: 132px;
        text-align: center;
    }
}
@media(max-width: 362px) {
    .order-details {
        padding: 0;
    }
    .online-chat .avatar {
        margin: 0 4px 0 0;
    }
    .online-chat .person-name {
        font-size: 12px;
    }
    .online-chat {
        box-shadow: none;
    }
}