html,body{position:relative;margin:0}a,button,input,textarea{outline:none!important}textarea{resize:none}body{background-color:transparent}a:focus,button:focus,input:focus,textarea:focus{outline:none!important}:focus{outline:0!important;outline-offset:0!important}select:focus{outline:none!important}select{outline:none!important}textarea{resize:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chat-wrapper-holder{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.chat-wrapper-holder .custom-dropdown.dropdown-menu>li>a{padding:10px 15px}.chat-wrapper-holder .custom-dropdown.dropdown-menu{min-width:210px;padding:20px 0;border:0;box-shadow:0 2px 7px rgba(74,79,97,0.15);-moz-box-shadow:0 2px 7px rgba(74,79,97,0.15);-webkit-box-shadow:0 2px 7px rgba(74,79,97,0.15);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:14px;margin-top:8px;width:100%}.chat-wrapper-holder .custom-dropdown.dropdown-menu .form-group{margin-bottom:15px}.chat-wrapper-holder .custom-dropdown.dropdown-menu .button-holder{margin-top:15px}.chat-wrapper-holder .custom-dropdown.dropdown-menu .default-btn{width:100%}.chat-wrapper-holder .custom-dropdown.dropdown-menu .divider{display:none}.chat-wrapper-holder .custom-dropdown.dropdown-menu li{padding:0 20px;line-height:30px;border:0}.chat-wrapper-holder .custom-dropdown.dropdown-menu li.dropdown-header{border:0;text-transform:uppercase;opacity:.6;color:#212121;font-size:9px;padding:20px 30px 10px}.chat-wrapper-holder .custom-dropdown.dropdown-menu li:last-child{border:0}.chat-wrapper-holder .custom-dropdown .dropdown-item.active,.chat-wrapper-holder .custom-dropdown .dropdown-item:active{color:#fff;text-decoration:none;background-color:#212121}.chat-wrapper-holder .icon{font-size:22px}.chat-wrapper-holder .custom-dropdown.dropdown-menu{padding:0}.chat-wrapper-holder .custom-dropdown.dropdown-menu .icon{margin-right:10px;display:inline-block;vertical-align:middle}.chat-wrapper-holder .custom-dropdown.dropdown-menu li{padding:0}.chat-list-tabs{padding:0 15px}.chat-list-tabs .list-tab-item{opacity:.6;display:inline-block;line-height:28px;position:relative;padding:0 15px;margin-right:10px;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;background-color:transparent;color:#212121;font-size:13px}.chat-list-tabs .list-tab-item.active{opacity:1;color:#fff;background-color:#002c9b}.chat-list{position:relative;padding:15px 0;list-style:none}.chat-list .avatar{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-size:cover;background-position:center center;background-repeat:no-repeat;width:44px;min-width:44px;height:44px;margin-right:15px;display:block;position:relative}.chat-list .avatar .notification{z-index:3;position:absolute;right:0;top:0;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:13px;height:13px;border:1px solid #fff;box-shadow:-1px -1px 2px rgba(255,255,255,0.72),1px 1px 2px rgba(85,101,124,0.35)}.chat-list .avatar .notification.offline{background-color:#f63f3f}.chat-list .avatar .notification.online{background-color:#00bfa5}.chat-list .chat-user-item{position:relative}.chat-list .chat-user-item:last-child a{border:0}.chat-list .chat-user-item .time,.chat-list .chat-user-item .counter{position:absolute;right:15px}.chat-list .chat-user-item .counter{color:#fff;background-color:#f3ba4a;text-align:center;width:28px;line-height:16px;font-size:12px;border-radius:14px;top:31px}.chat-list .chat-user-item .time{font-size:10px;top:12px;display:block}.chat-list .chat-user-item .text{width:75%}.chat-list .chat-user-item .user-name{font-family:'Conv_HelveticaMedium';font-size:13px;display:block}.chat-list .chat-user-item .message-prev{overflow:hidden;font-size:12px;display:block;width:70%;text-overflow:ellipsis;white-space:nowrap;font-family:'Conv_helveticaneuecyr-light'}.chat-list .chat-user-item a{position:relative;color:#212121;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:10px 15px;border-bottom:1px solid #edeef1;text-decoration:none;transition:all .2s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:all .2s cubic-bezier(0.165,0.84,0.44,1)}.chat-list .chat-user-item a:hover,.chat-list .chat-user-item a.active{background-color:#f9f9f9}.panel.chat-panel{margin:0;background-color:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border:1px solid #edeef1;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}.chat-list-side{height:500px;width:26%}.chat-list-side .search-panel{padding:15px}.chat-list-side .search-panel .search-group{position:relative}.chat-list-side .search-panel .search-group .search-btn{background-color:transparent;border:0;position:absolute;right:0;top:0;height:100%}.chat-list-side .search-panel .form-control{width:100%}.chat-list-side .form-control.custom-input{background-color:#f9f9f9;border:1px solid #f9f9f9;box-shadow:none;-webkit-box-shadow:none;height:42px;font-size:14px;color:#212121;font-family:'Conv_helveticaneuecyr-light';border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}.chat-list-side .form-control.custom-input:focus{border-color:#00bfa5}.chat-list-side .form-control.custom-input:focus::-webkit-input-placeholder{color:transparent}.chat-list-side .form-control.custom-input:focus::-moz-placeholder{color:transparent}.chat-body-side{width:74%;padding-left:40px}.chat-body-side .panel{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-moz-flex-direction:column;-webkit-flex-direction:column;justify-content:space-between}.chat-body-side .panel{padding:0}.chat-body-side .chat-header{padding:15px 25px;border-bottom:1px solid #edeef1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.chat-body-side .chat-header .actions{position:relative}.chat-body-side .chat-header .actions .dropdown-toggle{position:relative;padding:5px;cursor:pointer}.chat-body-side .chat-header .visit-time{opacity:.6;font-size:12px;font-family:'Conv_helveticaneuecyr-light'}.chat-body-side .chat-header .user-name{font-family:'Conv_HelveticaMedium';font-size:13px;display:block}.chat-scroll::-webkit-scrollbar-track{background-color:transparent;border-radius:6px;-webkit-border-radius:6px}.chat-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:6px;-webkit-border-radius:6px}.chat-scroll::-webkit-scrollbar-thumb:window-inactive{background:transparent}.chat-scroll::-webkit-scrollbar{width:2px}.chat-holder{position:relative;height:65vh;font-family:'Conv_helveticaneuecyr-roman';color:#212121;font-size:13px}.chat-holder .to-top-btn{position:fixed;bottom:90px;right:25px;color:#fff;background-color:#212121;width:36px;height:36px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;z-index:5;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center;-moz-justify-content:center;-webkit-justify-content:center;transition:all .2s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:all .2s cubic-bezier(0.165,0.84,0.44,1);transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0}.chat-holder .to-top-btn.active{transform:none;-webkit-transform:none;opacity:1}.chat-holder .to-top-btn .icon{position:relative;top:2px}.chat-holder .to-top-btn:hover{text-decoration:none;background-color:#2e2e2e}.chat-holder .to-top-btn .notification{border:1px solid #fff;position:absolute;top:-8px;left:50%;transform:translate(-50%,0);color:#fff;background-color:#00bfa5;width:17px;height:17px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;font-size:10px;line-height:17px;display:block;text-align:center}.chat-holder.chat-widget-holder{background-color:#fff}.chat-holder.chat-widget-holder .chat-holder{height:403px}.chat-holder.chat-widget-holder .chat-holder .chat-scroll{height:340px}.chat-holder .chat-content{position:relative;padding-bottom:30px;padding-left:25px;padding-right:25px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-moz-flex-direction:column;-webkit-flex-direction:column;justify-content:flex-end;-webkit-justify-content:flex-end}.chat-holder .chat-content .message-wrap{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;-moz-flex-direction:column;-webkit-flex-direction:column}.chat-holder .chat-content .message-wrap.viewed .message:after{display:block;content:"\e91f";font-family:'icomoon';font-size:22px;position:absolute;right:9px;bottom:9px}.chat-holder .chat-content .message-wrap.viewed .message .time{right:35px}.chat-holder .chat-content .message-wrap.outgoing{align-items:flex-end;-webkit-align-items:flex-end}.chat-holder .chat-content .message-wrap.outgoing .avatar{order:2;-webkit-order:2;margin-right:0;margin-left:15px}.chat-holder .chat-content .message-wrap.outgoing .message{border-radius:10px 0 10px 10px;background-color:rgba(0,44,155,0.19999999999999996)}.chat-holder .chat-content .message-wrap.incoming{align-items:flex-start;-webkit-align-items:flex-start}.chat-holder .chat-content .message-wrap.incoming .message{background-color:#f1f1f1;border-radius:0 10px 10px 10px}.chat-holder .chat-content .message-wrap .message{position:relative;display:table;padding:15px 35px 30px 20px;margin-bottom:10px;line-height:18px;max-width:500px}.chat-holder .chat-content .message-wrap .message .time{font-size:10px;position:absolute;line-height:1;right:12px;bottom:12px;opacity:.6}.chat-holder .chat-content .message-wrap .message-holder{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row}.chat-holder .chat-content .message-wrap .user-name{font-family:'Conv_HelveticaMedium';font-size:13px;display:block;line-height:1;margin-bottom:15px}.chat-holder .chat-content .message-wrap .avatar{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-size:cover;background-position:center center;background-repeat:no-repeat;width:44px;min-width:44px;height:44px;margin-right:15px;display:block;position:relative}.chat-holder .chat-content .dialog-date{text-align:center;padding-top:20px;padding-bottom:20px;font-size:10px;opacity:.6}.chat-holder .chat-bottom{opacity:1;visibility:visible;position:absolute;bottom:0;width:100%;left:0;padding:10px 25px;border-top:1px solid #edeef1;background-color:#fff;border-radius:0 0 6px 6px;transition:all .2s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:all .2s cubic-bezier(0.165,0.84,0.44,1);z-index:5}.chat-holder .chat-bottom .chat-btn{top:3px;right:3px;z-index:3;position:absolute;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border:0;width:100%;white-space:nowrap;padding:0 20px;line-height:36px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:all .2s cubic-bezier(0.165,0.84,0.44,1);font-size:14px;letter-spacing:.03em;font-weight:normal;background:#002c9b;color:#fff;width:fit-content}.chat-holder .chat-bottom .chat-btn .text{margin-right:10px}.chat-holder .chat-bottom .chat-btn .icon{font-size:22px}.chat-holder .chat-bottom .chat-btn:hover{color:#fff;background-color:#00288c;box-shadow:0 5px 13px rgba(74,79,97,0.15);-webkit-box-shadow:0 5px 13px rgba(74,79,97,0.15);-moz-box-shadow:0 5px 13px rgba(74,79,97,0.15)}.chat-holder .chat-bottom .attach-btn{position:absolute;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:45px;height:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center;-moz-justify-content:center;-webkit-justify-content:center;top:0;left:0;z-index:3;text-decoration:none;color:#212121;opacity:.6;font-size:34px;transition:all .2s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:all .2s cubic-bezier(0.165,0.84,0.44,1)}.chat-holder .chat-bottom .attach-btn .icon{font-size:34PX}.chat-holder .chat-bottom .attach-btn:hover{opacity:1}.chat-holder .chat-bottom input{background-color:#f9f9f9;border:1px solid #e1e1e1;box-shadow:none;-webkit-box-shadow:none;height:42px;font-size:14px;color:#212121;font-family:'Conv_helveticaneuecyr-light';border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;transition:all .2s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:all .2s cubic-bezier(0.165,0.84,0.44,1);background-image:none;display:block;width:100%;position:relative;padding:6px 12px 6px 45px;line-height:1.428571429}.chat-holder .chat-bottom input:focus{border-color:#00bfa5}.chat-holder .chat-bottom input:focus::-webkit-input-placeholder{color:transparent}.chat-holder .chat-bottom input:focus::-moz-placeholder{color:transparent}.chat-holder .chat-bottom .form-group{margin-bottom:0;position:relative}.chat-holder .chat-scroll{height:60vh;overflow-y:auto;position:relative}@media(max-width:200px){.chat-holder{height:auto}.chat-holder .chat-scroll{height:fit-content}.chat-holder .chat-content{padding:15px}.chat-holder .chat-content .dialog-date{display:none}.chat-holder .chat-content .message-wrap{display:none}.chat-holder .chat-content .message-wrap .user-name{display:none}.chat-holder .chat-content .message-wrap .avatar{display:none}.chat-holder .chat-content .message-wrap:last-child{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.chat-holder .chat-bottom{opacity:0;visibility:hidden;display:none}}