.tabs{margin-top:24px;background-color:#fff;border-radius:6px;padding:24px}.tabs .tabs-title{padding-right:26px;float:left}.tabs .tabs-title span{font-size:18px;font-weight:700}.tabs .tabs-list{float:left}.tabs .tabs-list .tabs-item{margin-left:12px}.tabs .tabs-list .tabs-item:first-child{margin-left:0}.tabs .tabs-list .tabs-item.checked{background-color:#24263f;color:#fff}.body-block{background-color:#fff;border-radius:6px;margin-top:25px;min-height:500px}.body-block .filter{padding:24px}.body-block .filter .btn-dark .counter{color:#fff;opacity:.5}.body-block .filter .btn-grey .counter{color:#040527;opacity:.5}.chat-app .btn-rounded{border-radius:20px}#content{padding:0}#content section{padding-bottom:0}.chat-page .chat-tabs{border-bottom:2px solid rgba(36,38,63,.1);margin:20px 0;line-height:45px;min-height:45px}.chat-page .chat-tabs .tab{font-size:16px;float:left;cursor:pointer;padding:0 15px}.chat-page .chat-tabs .tab:hover .text{opacity:1}.chat-page .chat-tabs .tab .text{opacity:.5}.chat-page .chat-tabs .tab .badge{font-size:10px;padding:3px 6px;vertical-align:middle;margin-left:10px}.chat-page .chat-tabs .tab.active{line-height:43px;opacity:1;font-weight:700;border-bottom:2px solid #3c8be6}.chat-page .chat-tabs .tab.active .text{opacity:1}@media (min-width:1800px){.chat-page .last-dialogs-col{width:16.666666666666664%}}.chat-page .last-dialogs{margin-bottom:15px;overflow:hidden;white-space:nowrap}.chat-page .last-dialogs .dialog-arrow{float:left}.chat-page .last-dialogs .dialog-arrow div{padding-top:6px;padding-left:8px}.chat-page .last-dialogs .dialog-link{background-color:#fff;border-radius:50px;height:36px;min-width:36px;margin-left:10px;cursor:pointer;position:relative;display:inline-block}.chat-page .last-dialogs .dialog-link:hover{background-color:rgba(60,139,230,.3)}.chat-page .last-dialogs .dialog-link .status-online{background-color:#2fb331;width:10px;height:10px;border:2px solid #fff;border-radius:50px;top:0;left:22px;position:absolute}.chat-page .last-dialogs .dialog-link span{font-size:14px;margin-left:6px}.chat-page .last-dialogs .dialog-link span .badge{font-size:10px;padding:3px 6px;vertical-align:middle}.chat-page .last-dialogs .dialog-link img{margin:2px;width:32px;height:32px;border-radius:50px}.chat-page .last-dialogs .dialog-link .close-dialog{position:relative;padding:3px 6px 6px;font-size:8px;margin-right:6px;opacity:.5;top:-2px}.chat-page .last-dialogs .dialog-link .close-dialog:hover{opacity:1}@media (max-width:1800px){.chat-page .last-dialogs .dialog-arrow div span{display:none}}@media (min-width:1800px){.chat-page .last-dialogs .dialog-link{display:block;margin-bottom:10px}.chat-page .last-dialogs .dialog-arrow{float:none}.chat-page .last-dialogs .dialog-arrow div{padding-top:9px;line-height:1.3}.chat-page .last-dialogs .dialog-arrow div span{vertical-align:text-top}}.chat-page .last-dialogs .active{background-color:#3c8be6;color:#fff}.chat-page .last-dialogs .active:hover{background-color:#3c8be6}.chat-page .last-dialogs .active .close-dialog:hover{opacity:1}.chat-page .card{padding:0;-webkit-box-shadow:none;box-shadow:none;border-radius:6px}.chat-page .card .card-body{padding:0}@media (min-width:1800px){.chat-page .chat-dialog-col{width:83.33333333333334%}}.chat-page .dialog-card{margin-bottom:0;position:relative}.chat-page .dialog-card .dialog-body{padding:10px 5px 20px 24px}.chat-page .dialog-card .dialog-body .nano-content{padding-right:24px}.chat-page .dialog-card .dialog-body .nano-content .date-block{margin:5px 0;text-align:center;font-size:12px}.chat-page .dialog-card .dialog-body .nano-content .date-block span{border-radius:12px;background-color:rgba(217,228,245,.35);color:rgba(44,39,68,.75);padding:4px 8px}.chat-page .dialog-card .dialog-body .nano-content .message-block{padding:10px 0}.chat-page .dialog-card .dialog-body .nano-content .message-block .name-block{position:relative;margin-bottom:10px}.chat-page .dialog-card .dialog-body .nano-content .message-block .name-block .name{margin-left:34px;font-weight:700}.chat-page .dialog-card .dialog-body .nano-content .message-block .name-block img{width:24px;height:24px;border-radius:50px;position:absolute;top:0;left:0}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message{position:relative;margin:2px 0;padding:2px 0}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-source{max-width:80%;border-radius:4px;background-color:#dae4f5;padding:6px 12px;display:inline-block;position:relative;white-space:pre-line;word-wrap:break-word}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-source .emoji-img{width:20px;vertical-align:sub}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-source.message-audio audio:focus{outline:none}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-image{height:132px}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-image .image-link img{height:100%;border-radius:4px}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-image .image-link .image-hover{display:none;position:absolute;top:0;left:0;border-radius:4px;width:100%;height:100%}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-image .image-link .image-hover .links{text-align:center;margin-top:44px}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-image .image-link .image-hover .links a{background-color:rgba(36,38,63,.3);font-size:26px;border-radius:50px;line-height:2.2;height:48px;width:48px;display:inline-block}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-image .image-link .image-hover .links a:first-child{margin-right:10px}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-image .image-link .image-hover .links a .envy-icon{height:100%}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-image .image-link:hover .image-hover{display:block}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-file{height:76px}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-file .file-link{display:block;height:100%}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-file .file-link img.file-icon{position:absolute;left:12px}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-file .file-link .file-data{margin-left:58px}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-file .file-link .file-data .file-name,.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-file .file-link .file-data .file-text{max-width:340px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message .message-file .file-link .file-data .file-size{color:#888}.chat-page .dialog-card .dialog-body .nano-content .message-block .messages .message:first-child:before{position:absolute;content:" ";width:9px;height:9px;left:7px;top:-2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#dae4f5}.chat-page .dialog-card .dialog-body .nano-content .message-block .message-date{line-height:1}.chat-page .dialog-card .dialog-body .nano-content .message-block .message-date span{font-size:11px;color:rgba(44,39,68,.4)}.chat-page .dialog-card .dialog-body .nano-content .message-block .message-date span.status{margin-left:5px;font-size:13px;vertical-align:middle}.chat-page .dialog-card .dialog-body .nano-content .message-block .message-date span.read-el{color:#2fb331}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-operator{text-align:right}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-operator .name-block .name{margin-left:0;margin-right:34px}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-operator .name-block img{right:0;left:auto}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-operator .messages .message .message-source{background-color:#2f87ee;color:#fff;font-weight:300}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-operator .messages .message .message-source.message-file .file-size{color:#e5e6e6}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-operator .messages .message:first-child:before{background-color:#2f87ee;left:auto;right:7px}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-robot .messages .message .message-source{color:rgba(44,39,68,.75);font-size:12px;background-color:#f6f9fe}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-robot .messages .message .message-source .line{position:relative}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-robot .messages .message .message-source .line .value{font-weight:700}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-robot .messages .message .message-source .line .ico{position:absolute}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-robot .messages .message .message-source .line .link{margin-left:5px;color:#2c2744;font-weight:700}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-robot .messages .message .message-source .line .social-ico{border-radius:5px;width:16px;height:16px}.chat-page .dialog-card .dialog-body .nano-content .message-block.message-block-robot .messages .message:first-child:before{background-color:#f6f9fe}.chat-page .dialog-card .dialog-body .connect-block{text-align:center;margin:10px 0}.chat-page .dialog-card .dialog-body .connect-block img{width:44px;height:44px;border-radius:50px}.chat-page .dialog-card .dialog-body .connect-block .name{font-weight:700}.chat-page .dialog-card .dialog-body .connect-block .position{font-size:12px}.chat-page .dialog-card .dialog-body .connect-block .date{font-size:12px;color:rgba(44,39,68,.4)}.chat-page .dialog-card .dialog-body .printing-block{opacity:.5;min-height:34px}.chat-page .dialog-card .dialog-body .printing-block .print-source{position:relative;font-size:12px;font-style:italic;display:inline-block;border-radius:4px;background-color:rgba(217,228,245,.35);padding:4px 15px}.chat-page .dialog-card .dialog-body .printing-block .print-source .anim-printing{left:14px;top:3px}.chat-page .dialog-card .dialog-body .printing-block .print-source .text{margin-left:25px;line-height:2.2}.chat-page .dialog-card .dialog-body .printing-block .print-source .text .emoji-img{width:20px;vertical-align:sub}.chat-page .dialog-card .dialog-footer{min-height:50px;border-top:2px solid #e5eaf4;position:relative;bottom:0;width:100%;height:auto}.chat-page .dialog-card .dialog-footer .nano-pane{right:117px}.chat-page .dialog-card .dialog-footer .dialog-connect{text-align:center;margin-top:8px}.chat-page .dialog-card .dialog-footer .dialog-form{min-height:48px;overflow:hidden;border:none;cursor:text;font-size:14px;max-height:113px;outline:0;padding:11px 142px 11px 45px;position:relative;resize:none;width:auto;word-wrap:break-word}.chat-page .dialog-card .dialog-footer .dialog-form .emoji-img{width:20px;vertical-align:sub}.chat-page .dialog-card .dialog-footer .dialog-form-btn{position:absolute;right:14px;top:9px}.chat-page .dialog-card .dialog-footer .dialog-form-btn .btn{float:right}.chat-page .dialog-card .dialog-footer .dialog-form-btn .btn-send{background-color:#0575f7;color:#fff}.chat-page .dialog-card .dialog-footer .dialog-form-btn .btn-light{opacity:.5}.chat-page .dialog-card .dialog-footer .dialog-form-left-btns{position:absolute;left:6px;top:7px}.chat-page .dialog-card .dialog-footer .dialog-form-left-btns .btn{font-size:18px}.chat-page .dialog-card .dialog-footer .dialog-form-left-btns .btn svg{opacity:.5;vertical-align:text-top}.chat-page .dialog-card .dialog-footer .dialog-form-left-btns .btn.btn-pay{display:none;padding:0 7px}.chat-page .dialog-card .dialog-footer .dialog-form-left-btns .btn.btn-pay svg{opacity:1}.chat-page .dialog-card .dialog-footer .dialog-form-left-btns .btn.btn-active{background-color:#24263f;opacity:1;color:#fff}.chat-page .dialog-card .dialog-footer .show-btn-pay .btn.btn-pay{display:inline-block}.chat-page .dialog-card .dialog-footer .show-btn-pay .dialog-form{padding-left:90px}.chat-page .dialog-card .dialog-footer .dialog-form-smile-container{height:183px;width:179px;position:absolute;right:0;top:-178px;border-radius:4px;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px 0 rgba(0,0,0,.3);background-color:#fff}.chat-page .dialog-card .dialog-footer .dialog-form-smile-container .smile-el{display:inline-block;padding:0 3px;text-decoration:none;border-radius:4px;font-size:13px;width:25px}.chat-page .dialog-card .dialog-footer .dialog-form-smile-container .smile-el .emoji-img{width:20px}.chat-page .dialog-card .dialog-footer .dialog-form-smile-container .smile-el:hover{text-decoration:none;background-color:#c0c4cb}.chat-page .dialog-card .dialog-footer .dialog-send-to-email-text{width:100%;position:absolute;top:-4px;opacity:.7;font-style:italic;font-size:12px}.chat-page .dialog-card .dialog-form-file-container{position:absolute;top:0;left:0;width:100%}.chat-page .dialog-card .dialog-form-file-container .input-files{width:auto;position:absolute;left:0;top:-70px}.chat-page .dialog-card .dialog-form-file-container .input-files .file-el{position:relative;margin-left:15px;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.3);box-shadow:0 2px 6px 0 rgba(0,0,0,.3);border-radius:5px;float:left}.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .loader{z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.5;border-radius:5px;display:none}.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .loader .prog-circle{position:relative;font-size:50px;width:1em;height:1em;border-radius:50%;margin:8px auto;-webkit-animation:loader-rotate 3s infinite linear;animation:loader-rotate 3s infinite linear}.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .loader .prog-circle .slice{position:absolute;width:1em;height:1em;clip:rect(0,1em,1em,.5em)}.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .loader .prog-circle .slice div{-webkit-box-sizing:content-box;box-sizing:content-box}.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .loader .prog-circle .clipauto{clip:rect(auto,auto,auto,auto)}.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .loader .prog-circle .bar,.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .loader .prog-circle .fill{position:absolute;border:.08em solid #fff;width:.84em;height:.84em;clip:rect(0,.5em,1em,0);border-radius:50%;-webkit-transform:rotate(20deg);transform:rotate(20deg);opacity:1}.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .loader .prog-circle .after{position:absolute;top:.08em;left:.08em;display:block;content:" ";border-radius:50%;background-color:#fff;width:.84em;height:.84em}.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .loader .end .bar,.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .loader .end .fill{border-color:#000;-webkit-transition:border-color 5s linear;transition:border-color 5s linear}.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .loader .complate .bar,.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .loader .complate .fill{border-color:#ccc;-webkit-transition:border-color 1.5s linear;transition:border-color 1.5s linear}.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .file-el-remove{z-index:2;position:absolute;color:#fff;border-radius:30px;width:15px;background:#000;height:15px;right:-5px;top:-4px;cursor:pointer;font-size:11px;padding:0;line-height:1.4;opacity:.7;padding-left:5px}.chat-page .dialog-card .dialog-form-file-container .input-files .file-el .file-link{display:block}.chat-page .dialog-card .dialog-fast-reply{position:absolute;background-color:#24263f;min-height:30px;bottom:48px;width:100%;padding:0 8px 8px}.chat-page .dialog-card .dialog-fast-reply:after{position:absolute;content:" ";width:9px;height:9px;left:19px;bottom:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#24263f}.chat-page .dialog-card .dialog-fast-reply .header{min-height:32px;font-weight:300}.chat-page .dialog-card .dialog-fast-reply .header .left-btn{margin-top:2px}.chat-page .dialog-card .dialog-fast-reply .header .group{font-weight:100;color:#fff;font-size:12px;opacity:.4;margin-right:14px}.chat-page .dialog-card .dialog-fast-reply .header .group .icon{font-size:8px;padding:3px 4px;border-radius:2px;background-color:hsla(0,0%,100%,.2)}.chat-page .dialog-card .dialog-fast-reply .header .group .icon-esc svg{height:6px;font-size:15px}.chat-page .dialog-card .dialog-fast-reply .header .group .icon-shift svg{height:8px;font-size:45px}.chat-page .dialog-card .dialog-fast-reply .header .btn-add{color:#fff;font-size:12px;text-transform:none;font-weight:300}.chat-page .dialog-card .dialog-fast-reply .header .btn-add svg{font-size:15px;vertical-align:sub}.chat-page .dialog-card .dialog-fast-reply .body .not-fast-reply{background-color:#fff;border-radius:4px;text-align:center;padding:10px}.chat-page .dialog-card .dialog-fast-reply .body .list{border-radius:4px;background-color:#fff;min-height:30px;font-size:12px;padding:4px 0;max-height:350px;overflow:hidden}.chat-page .dialog-card .dialog-fast-reply .body .list .list-el{position:relative;cursor:pointer;height:32px;padding:0 85px 0 16px;padding-top:4px;overflow:hidden}.chat-page .dialog-card .dialog-fast-reply .body .list .list-el.selected{background-color:rgba(60,139,230,.3)}.chat-page .dialog-card .dialog-fast-reply .body .list .list-el.selected .btns{display:block}.chat-page .dialog-card .dialog-fast-reply .body .list .list-el:hover{background-color:rgba(60,139,230,.3)}.chat-page .dialog-card .dialog-fast-reply .body .list .list-el:hover .btns{display:block}.chat-page .dialog-card .dialog-fast-reply .body .list .list-el .btns{position:absolute;display:none;right:15px;top:0}.chat-page .dialog-card .dialog-fast-reply .body .list .list-el .btns .btn{float:right}.chat-page .dialog-card .dialog-fast-reply .body .list .list-el .btns .btn-delete{color:#f63f2c}.chat-page .dialog-card .dialog-fast-reply .body .fast-reply-form{width:100%;min-height:64px;bottom:0;border-radius:4px;resize:none;padding:5px 10px}.chat-page .dialog-card .dialog-fast-reply .footer div{float:right}.chat-page .dialog-card .dialog-fast-reply .footer div a{font-size:12px}.chat-page .dialog-card .dialog-fast-reply .footer div a.btn{color:#fff}.chat-page .dialog-card .dialog-fast-reply .footer div a.btn-ico{height:26px;text-transform:none;font-weight:300}.chat-page .dialog-card .dialog-fast-reply .footer div a.btn-ico svg{font-size:15px;vertical-align:sub}.chat-page .dialog-card .dialog-fast-reply .footer div a.btn-cancel{color:#f63f2c}.chat-page .dialog-card .dialog-fast-reply .footer div a.btn-save{color:#56bd5b}.chat-page .dialog-card .dialog-fast-reply .footer div a.save-to{margin-right:5px;margin-top:6px;font-weight:100;line-height:1.2}.chat-page .visitor-info-card{padding:16px 20px;margin-bottom:0}.chat-page .visitor-info-card .header{position:relative;height:32px}.chat-page .visitor-info-card .header .dialog-info{font-size:14px;line-height:1.4;color:rgba(36,38,63,.75)}.chat-page .visitor-info-card .header .dialog-info .dialog-name{font-weight:700}.chat-page .visitor-info-card .header .dialog-info .message-count{font-size:12px;color:rgba(44,39,68,.75)}.chat-page .visitor-info-card .header .dialog-btn{right:0;top:0;position:absolute}.chat-page .visitor-info-card .header .dialog-btn .btn{float:right;color:#fff}.chat-page .visitor-info-card .header .dialog-btn .btn-close{background-color:#ff3b30;margin-right:8px}.chat-page .visitor-info-card .header .dialog-btn .btn-done{background-color:#2fb331}.chat-page .visitor-info-card .header .dialog-btn .btn-exit{background-color:#24263f;margin-right:8px}.chat-page .visitor-info-card .integration-name{font-size:12px;color:#888;font-weight:300;white-space:break-spaces;word-break:break-all}.chat-page .visitor-info-card .visitor-line{margin:12px 0 24px;position:relative}.chat-page .visitor-info-card .visitor-line .visitor{position:relative;padding-right:5px;margin-right:86px;display:-webkit-box;display:-ms-flexbox;display:flex}.chat-page .visitor-info-card .visitor-line .visitor .avatar{position:relative}.chat-page .visitor-info-card .visitor-line .visitor .status-online{top:0;left:35px;display:block}.chat-page .visitor-info-card .visitor-line .visitor img{width:48px;height:48px;border-radius:50px;position:static}.chat-page .visitor-info-card .visitor-line .visitor .data-block{margin-left:20px;overflow:hidden;white-space:nowrap;position:relative;padding-top:5px}.chat-page .visitor-info-card .visitor-line .visitor .data-block .name{font-size:14px;font-weight:700;line-height:13px;white-space:pre-line}.chat-page .visitor-info-card .visitor-line .visitor .data-block .visit-count{font-size:12px;color:#888;font-weight:300}.chat-page .visitor-info-card .visitor-line .visitor-line-btn{position:absolute;right:0;top:6px}.chat-page .visitor-info-card .visitor-line .visitor-line-btn .btn{float:right}.chat-page .visitor-info-card .visitor-line .visitor-line-btn .btn-crm{margin-right:8px}.chat-page .visitor-info-card .visitor-info{font-size:12px;height:200px}.chat-page .visitor-info-card .visitor-info .info-line{position:relative;margin-bottom:15px}.chat-page .visitor-info-card .visitor-info .info-line .info-ico{position:absolute;left:0;color:#9492a0;font-size:13px}.chat-page .visitor-info-card .visitor-info .info-line p{padding-left:24px;margin-bottom:0}.chat-page .visitor-info-card .visitor-info .info-line p span{color:#888;font-weight:300}.chat-page .visitor-info-card .visitor-info .info-line p .p-bold{color:#24263f;font-weight:700}.chat-page .visitor-info-card .visitor-info .info-line p .p-ico{position:absolute}.chat-page .visitor-info-card .visitor-info .info-line p .link .p-bold{margin-left:26px}.chat-page .visitor-info-card .visitor-info .info-line p .external-link{word-break:break-all}.chat-page .visitor-info-card .operator-list{border-top:2px solid #e5eaf4;padding-top:10px}.chat-page .visitor-info-card .operator-list .header{margin-bottom:0;color:#888;font-weight:300}.chat-page .visitor-info-card .operator-list .list{min-height:32px}.chat-page .visitor-info-card .operator-list .list .operator{display:inline-block;margin-right:5px;position:relative}.chat-page .visitor-info-card .operator-list .list .operator img{border-radius:50px;width:32px;height:32px}.chat-page .visitor-info-card .operator-list .list .status-online{display:block;background-color:#2fb331;width:10px;height:10px;border:2px solid #fff;border-radius:50px;top:0;left:22px;position:absolute}.chat-page .visitor-info-card .operator-list .list .operator-btn{display:inline-block;vertical-align:middle}.chat-page .nano-pane{width:6px;opacity:.4}.chat-page .btn{border-radius:4px;height:32px;text-transform:none;padding:3px 7px}.chat-page .btn-rounded{border-radius:20px}.chat-page .btn-chat{font-size:14px;padding:0 7px;background-color:#e5eaf4;color:#24263f;display:inline-block}.chat-page .btn-chat:hover{opacity:.8}.chat-page .btn-ico{font-size:16px}.chat-page .btn-primary{background-color:#0575f7;color:#fff}.chat-page .btn-light{background-color:transparent}.chat-page .btn-mini{height:20px;width:20px;font-size:12px;padding:0}.chat-page .ico-vk{background-color:#457cbc;color:#fff}.chat-page .ico-vk i{color:#fff;line-height:1.5;vertical-align:super}.chat-page .anim-printing{text-align:center;position:absolute;top:-2px;left:6px}.chat-page .anim-printing div{width:4px;height:4px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.chat-page .anim-printing .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.chat-page .anim-printing .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}.user-el .user-data .name{color:#fff}.user-el .avatar-social-icon{top:30px;left:30px;position:absolute}.user-el .avatar-social-icon .social-icon{display:block}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.dialog-list{display:table;width:100%;border-collapse:collapse}.dialog-list .row{display:table-row}.dialog-list .row .col{display:table-cell;padding:10px 20px 16px}.dialog-list .dialog-list-header{text-align:left;height:40px;opacity:.5}.dialog-list .dialog-list-header .col{padding:10px 20px 7px;font-size:12px}.dialog-list .dialog-list-body{display:table-row-group}.dialog-list .dialog-list-body .row{border-top:1px solid #b7c8da;min-height:72px;cursor:pointer}.dialog-list .dialog-list-body .row:hover{background-color:rgba(217,228,245,.35)}.dialog-list .dialog-list-body .row:hover .data-block:after{background-image:-webkit-gradient(linear,right top,left top,from(#f2f6fc),to(hsla(0,0%,100%,0)));background-image:linear-gradient(270deg,#f2f6fc,hsla(0,0%,100%,0))}.dialog-list .dialog-list-body .not-read-operator,.dialog-list .dialog-list-body .not-read-operator:hover{background-color:#dae4f5}.dialog-list .dialog-list-body .not-read-operator .visitor .data-block:after{background-image:-webkit-gradient(linear,right top,left top,from(#dae4f5),to(hsla(0,0%,100%,0)));background-image:linear-gradient(270deg,#dae4f5,hsla(0,0%,100%,0))}.dialog-list .dialog-list-body .not-read-operator .message .last-message-block .block{padding-right:20px}.dialog-list .dialog-list-body .visitor{width:242px;position:relative;padding-right:5px}.dialog-list .dialog-list-body .visitor .status-online{display:block;background-color:#2fb331;width:12px;height:12px;border:2px solid #fff;border-radius:50px;top:13px;left:54px;position:absolute}.dialog-list .dialog-list-body .visitor img{position:absolute;width:48px;height:48px;border-radius:50px;top:14px}.dialog-list .dialog-list-body .visitor .data-block{margin-left:60px;overflow:hidden;white-space:nowrap;width:156px;position:relative}.dialog-list .dialog-list-body .visitor .data-block:after{background-image:-webkit-gradient(linear,right top,left top,from(#fff),to(hsla(0,0%,100%,0)));background-image:linear-gradient(270deg,#fff,hsla(0,0%,100%,0));content:" ";display:table;height:16px;position:absolute;right:0;top:0;width:55px}.dialog-list .dialog-list-body .visitor .data-block .name{font-size:14px;font-weight:700;line-height:13px}.dialog-list .dialog-list-body .visitor .data-block .date{font-size:12px;color:#888;font-weight:300}.dialog-list .dialog-list-body .operators{position:relative;width:94px;vertical-align:middle}.dialog-list .dialog-list-body .operators .operator{background:#fff;overflow:hidden;margin-left:0;z-index:1;border-radius:50px;position:absolute;top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dialog-list .dialog-list-body .operators .operator:nth-child(2){margin-left:18px;z-index:2}.dialog-list .dialog-list-body .operators .operator:nth-child(3){margin-left:36px;z-index:3}.dialog-list .dialog-list-body .operators .operator img{width:36px;height:36px;border:2px solid #fff;border-radius:50px}.dialog-list .dialog-list-body .operators .operator-offline img{opacity:.4;filter:alpha(opacity=40);-webkit-transition:1s;transition:1s}.dialog-list .dialog-list-body .message{position:relative}.dialog-list .dialog-list-body .message .last-message-block .block{margin-right:60px;font-size:12px;position:relative}.dialog-list .dialog-list-body .message .last-message-block .block .status{position:absolute;right:12px;top:8px}.dialog-list .dialog-list-body .message .last-message-block .block .printing{font-style:italic;color:#24263f;opacity:.5;padding-left:34px;position:relative}.dialog-list .dialog-list-body .message .last-message-block .block .text img.emoji-img{width:20px;height:20px;position:inherit;border:none;vertical-align:sub}.dialog-list .dialog-list-body .message .last-message-block .counter{position:absolute;right:0;top:0;width:150px;text-align:right;margin-top:18px;padding-right:15px;font-size:12px}.dialog-list .dialog-list-body .message .last-message-block .counter .badge{font-weight:300}.dialog-list .dialog-list-body .message .last-message-block .counter .badge-count{background-color:rgba(114,147,182,.25);color:#535467}.dialog-list .dialog-list-body .message .last-message-block .counter .time{color:#535467;font-style:italic}.dialog-list .dialog-list-body .message .operator-logo{padding:8px 12px}.dialog-list .dialog-list-body .message .operator-logo img{position:absolute;width:26px;height:26px;border:2px solid #fff;border-radius:50px;top:8px}.dialog-list .dialog-list-body .message .operator-logo .text{margin-left:30px}.dialog-list .dialog-list-body .message .not-read-visitor{background-color:#dae4f5;min-height:42px;border-radius:4px;padding:8px 12px}.history-list{padding-top:24px}.history-list .widget-block{background-color:#fff;border-radius:6px;padding:24px}.history-list .widget-block .block-name{padding-right:26px;float:left}.history-list .widget-block .block-name span{font-size:18px;font-weight:700}.history-list .widget-block .block-widgets{float:left}.history-list .widget-block .block-widgets .widget{margin-left:12px;margin-top:10px}.history-list .widget-block .block-widgets .widget:first-child{margin-left:0}.history-list .widget-block .block-widgets .widget.checked{background-color:#24263f;color:#fff}.history-list .body-block{background-color:#fff;border-radius:6px;margin-top:25px;min-height:500px}.history-list .body-block .filter-block{padding:24px}.history-list .body-block .filter-block .filter-line{margin-bottom:20px}.history-list .body-block .filter-block .date-line{margin-bottom:15px}.history-list .body-block .filter-block .stat-line{font-weight:700}.history-list .body-block .filter-block .stat-line .all{font-size:14px;margin-right:12px}.history-list .body-block .filter-block .stat-line .label-stat{margin-right:8px;font-size:12px;padding:5px 7px}.history-list .body-block .dialog-list-body .message .block{padding-right:100px}.history-list .body-block .chats-block{padding:0 16px 16px;border-top:1px solid #b7c8da}.history-list .body-block .chats-block .chats-list{display:table;width:100%;border-collapse:collapse}.history-list .body-block .chats-block .chats-list .chat-el{display:table-row;border-top:1px solid #b7c8da;min-height:72px;cursor:pointer}.history-list .body-block .chats-block .chats-list .chat-el:first-child{border-top:none}.offline-list{padding-top:24px}.offline-list .body-block{background-color:#fff;border-radius:6px;min-height:500px}.offline-list .body-block .filter-block{padding:24px;padding-bottom:0;position:relative}.offline-list .body-block .filter-block .btn-download{color:#0575f7;text-decoration:underline;position:absolute;display:inline-block;right:26px;bottom:0;z-index:2}.offline-list .body-block .filter-block .btn-download svg{margin-right:10px;vertical-align:text-top}@media (max-width:1415px){.offline-list .body-block .filter-block .btn-download{bottom:auto;top:115px}}.offline-list .body-block .filter-block .search-line{margin-bottom:16px;position:relative}.offline-list .body-block .filter-block .search-line .search-input{width:100%;border-radius:50px;height:36px;border:2px solid rgba(36,38,63,.5);outline:none;padding:0 125px 0 15px}.offline-list .body-block .filter-block .search-line .search-btn{position:absolute;right:0;top:0;padding-right:36px;padding-left:36px;border-top-left-radius:0;border-bottom-left-radius:0}.offline-list .body-block .leads-block .leads-list{display:table;width:100%;border-collapse:collapse;font-size:12px}.offline-list .body-block .leads-block .leads-list .row{display:table-row}.offline-list .body-block .leads-block .leads-list .row .col{display:table-cell;padding:15px 10px}.offline-list .body-block .leads-block .leads-list .row .visit-info{word-break:break-word}.offline-list .body-block .leads-block .leads-list .leads-list-header{height:30px;opacity:.5;font-weight:700;border-bottom:1px solid rgba(36,38,63,.3)}.offline-list .body-block .leads-block .leads-list .leads-list-el{padding:14px;border-top:1px solid #b7c8da}.offline-list .body-block .leads-block .leads-list .leads-list-el:first-child{border-top:none}.offline-list .body-block .leads-block .leads-list .leads-list-el .col .emoji-img{width:20px}.offline-list .body-block .leads-block .leads-list .leads-list-el .col .name{font-size:14px}.offline-list .body-block .leads-block .leads-list .leads-list-el .col .info-line{position:relative;margin-bottom:7px}.offline-list .body-block .leads-block .leads-list .leads-list-el .col .info-line .info-ico{position:absolute;left:0;color:#9492a0;font-size:13px}.offline-list .body-block .leads-block .leads-list .leads-list-el .col .info-line p{padding-left:20px;margin-bottom:0;font-weight:300;color:#24263f}.offline-list .body-block .leads-block .leads-list .leads-list-el .col .info-line p .p-ico{position:absolute}.btn-dates .btn{margin-right:10px}.btn-dates .btn-group .btn{margin-right:0}.visitors-page .filter button{margin-left:12px}.visitors-page .filter button:first-child{margin-left:0}.visitors-page table.visitors-list{width:100%;font-size:12px;font-weight:300}.visitors-page table.visitors-list thead{border-bottom:1px solid #b7c8da;color:#040527;opacity:.5}.visitors-page table.visitors-list td{width:25%;padding:12px;vertical-align:top;word-break:break-word}.visitors-page table.visitors-list ul{list-style:none;padding:0}.visitors-page table.visitors-list ul li{margin:2px 0}.visitors-page table.visitors-list svg{font-size:15px}.visitors-page table.visitors-list .btn-rounded{border-radius:4px}.visitors-page table.visitors-list .user{margin-bottom:8px}.visitors-page table.visitors-list .user img{width:24px;height:24px;border-radius:50%}.visitors-page table.visitors-list .user span{font-size:14px;font-weight:700}.visitors-page table.visitors-list .last-message{background-color:#eceff4;border-radius:4px;padding:4px 8px;position:relative}.visitors-page table.visitors-list .last-message svg{position:absolute;right:8px;bottom:4px}.modal-st .modal-dialog .modal-content{border-radius:6px}.modal-st .modal-dialog .modal-content .modal-header{padding:26px 32px;border-bottom:none}.modal-st .modal-dialog .modal-content .modal-header h4{font-size:18px}.modal-st .modal-dialog .modal-content .modal-header .close{position:absolute;right:15px;top:11px}.modal-st .modal-dialog .modal-content .modal-body{padding:0 32px}.modal-st .modal-dialog .modal-content .modal-body .form-horizontal .form-group{margin-bottom:20px}.modal-st .modal-dialog .modal-content .modal-body .form-horizontal .form-group .control-label{text-align:left;font-size:14px;color:#2c2744;opacity:1}.modal-st .modal-dialog .modal-content .modal-body .form-horizontal .form-group textarea{resize:none}.modal-st .modal-dialog .modal-content .modal-body .form-horizontal .form-group input,.modal-st .modal-dialog .modal-content .modal-body .form-horizontal .form-group textarea{background-color:#eceff4}.modal-st .modal-dialog .modal-content .modal-body .form-horizontal .form-group:not(.has-error) input,.modal-st .modal-dialog .modal-content .modal-body .form-horizontal .form-group:not(.has-error) textarea{background-color:#eceff4;border:1px solid #eceff4}.modal-st .modal-dialog .modal-content .modal-body .form-horizontal .form-group .amount-input{width:100px;display:inline-block}.modal-st .modal-dialog .modal-content .modal-body .form-horizontal .form-group .addon{display:inline-block}.modal-st .modal-dialog .modal-content .modal-footer{padding:10px 32px 32px;border-top:none}.modal-st .modal-dialog .modal-content .modal-footer .btn{padding:4.5px 14px;height:auto}