.chat-box-example,.chat-off .chat-panel-info,.chat-off .chat-panel-user{display:none}.chat-box{height:270px;position:fixed;bottom:0;right:220px;width:210px;z-index:99}.chat-box-head,.chat-box-head a{background:#d2d6de;border-radius:3px 3px 0 0;color:#1A1A1A;font-size:1.15em;font-weight:700;height:24px;line-height:21px;text-indent:10px}.chat-box-head.active,.chat-box-head.active a{background:#4080ff;color:#fff}.unread.chat-box{-webkit-animation:blinkBox 1s infinite;-moz-animation:blinkBox 1s infinite;-o-animation:blinkBox 1s infinite;animation:blinkBox 1s infinite}.unread .chat-box-head{-webkit-animation:blinkHead 1s infinite;-moz-animation:blinkHead 1s infinite;-o-animation:blinkHead 1s infinite;animation:blinkHead 1s infinite}.unread .chat-box-input,.unread .chat-box-messages{-webkit-animation:blinkBoxBorder 1s infinite;-moz-animation:blinkBoxBorder 1s infinite;-o-animation:blinkBoxBorder 1s infinite;animation:blinkBoxBorder 1s infinite}@-webkit-keyframes blinkHead{0%,49%{opacity:.75}100%,50%{opacity:1}}@-webkit-keyframes blinkBoxBorder{0%,49%{border-color:#dde0e6}100%,50%{border-color:#d2d6de}}@-webkit-keyframes blinkBox{0%,49%{box-shadow:-1px -1px 10px -1px rgba(180,180,180,.33)}100%,50%{box-shadow:none}}.chat-box .online:before{content:"•";color:#45d728}.chat-box-messages{background:#fff;border:1px solid rgba(29,49,91,.2);border-top:0;overflow-x:hidden;overflow-y:auto;height:180px;max-height:180px;width:208px;font-size:1.05em}.chat-message{display:inline-block;width:100%;min-height:30px;padding:5px 0;clear:both}.chat-box-messages>.in .chat-text,.chat-box-messages>.out .chat-text{padding:4px 5px;max-width:calc(100% - 60px);line-height:15px;overflow-wrap:anywhere}.chat-box-messages>.in img{border-radius:100%;float:right;margin-right:5px;width:30px;height:30px}.chat-box-messages>.in .chat-text{background:#4080ff;border-radius:3px;color:#fff;margin-right:5px;text-align:right;float:right}.chat-box-messages>.in .chat-text a{color:#fff;text-decoration:underline;word-break:break-all}.chat-box-messages>.out img{border-radius:100%;float:left;margin-left:5px;width:30px;height:30px}.chat-box-messages>.out .chat-text{background:#f5f5f5;border-radius:3px;color:#393939;margin-left:5px;text-align:left;float:left}.chat-box-messages>.out .chat-text a{color:#393939;text-decoration:underline;word-break:break-all}.chat-box-messages .readed{color:#999;text-align:center;clear:both;font-size:.9em;padding-bottom:2px}.chat-box-messages .readed i{font-size:1.1em}.chat-box-messages .typing{color:#515151;text-align:left;clear:both;margin:5px 10px}.jumping-dots span{position:relative;bottom:0;left:2px;animation:jump 2s infinite}.jumping-dots .dot-1{animation-delay:.2s}.jumping-dots .dot-2{animation-delay:.4s}.jumping-dots .dot-3{animation-delay:.6s}@keyframes jump{0%,40%{bottom:0}20%{bottom:2px}}.chat-box-input{background:#d1d5de}.chat-box-input textarea,.emoji-list{width:170px;height:55px;resize:none;border-top:0;border-left:1px solid #d2d6de;border-right:1px solid #d2d6de;border-bottom:0;font-size:1.1em;padding:5px;float:left}.emoji-list{background:#eee;font-size:1.75em;line-height:1.6em}.emoji-item{cursor:pointer}.chat-box-input textarea.error{border:1px solid red;margin-left:-1px}.chat-box-tools{background:#f0f0f0;border-right:1px solid #d2d6de;width:27px;height:55px;padding:5px 0;float:right;text-align:center}.chat-box-tools button{font-size:1.1rem;padding:0}.chat-box-tools .emoji_list{border:1px solid red;width:200px;height:100px;position:relative}.chat-box-close{float:right;margin-right:10px;cursor:pointer}.chat-box-load{width:100%;cursor:pointer;text-align:center}.chat-box-load .jumping-dots{line-height:1px;font-size:2.5em}.chat-panel-head,.chat-panel-info,.chat-panel-user{font-size:1.25em}.chat-panel{border-left:1px solid rgba(29,49,91,.2);background:#fff;height:100%;position:fixed;right:0;bottom:0;width:200px;z-index:99;overflow-y:auto}.chat-panel-head{background:#eee;color:#000;padding:10px;font-weight:700;cursor:pointer;width:100%;position:fixed;top:0}.chat-panel-head span{color:#666}.chat-panel-info{line-height:1.25em;padding:5px;text-align:justify}.chat-off{background:#f5f5f5;color:#e9e9e9}.chat-off .chat-panel-list{overflow:hidden}.chat-off .chat-panel-list:before{content:"\f011";font-family:FontAwesome;font-size:21em;padding-left:11px}.chat-off .chat-panel-list:after{color:#ddd;content:"VYPNUTO";font-size:2.25em;font-weight:700;padding-left:1.75em;padding-top:0}.chat-panel-user{border-bottom:1px solid rgba(29,49,91,.1);color:#42b72a;height:48px;cursor:pointer;clear:both;overflow:hidden}.chat-panel-user .pull-left{width:calc(100% - 54px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel-user:nth-child(odd){background:#fcfcfc}.chat-panel-user:hover{background:#f5f5f5}.chat-panel-user img.avatar{width:48px;height:48px;margin-right:5px;border-radius:0 5% 5% 0}.pull-left{float:left}.chat-panel-user .username{color:#242424;font-weight:400;margin-top:6px;display:block;overflow:hidden;max-width:132px;white-space:nowrap;text-overflow:ellipsis}.chat-panel-min .chat-panel-search,.chat-panel-min .chat-panel-settings{display:none}.chat-panel-user .lastactivity{color:#A0A0A0;font-size:10px}.open-chat{cursor:pointer}.open-chat.online{background:0 0}.chat-nologged-list{padding:36px 5px 0;font-size:1rem}.chat-panel-list{overflow-x:hidden;overflow-y:auto;padding-top:36px;padding-bottom:32px}.chat-panel-list .online,.chat-panel-user.online .lastactivity{background:0 0;color:#42b72a}.chat-panel-list .online .pull-left:after{color:#42b72a;content:"•";float:right;font-size:1.8em;position:relative;top:-13px;right:2px}.chat-panel-list .offline{color:#727272}.chat-panel-user img.birthday{margin:0;width:16px;height:16px}.chat-panel-settings{width:30px;height:32px;border-top:1px solid #ddd;position:fixed;bottom:0;right:170px}.chat-panel-settings .button{padding:6px 4px 7px 5px;border-radius:0;margin-top:-1px;margin-left:-1px;border-color:#c9cdd6}.chat-panel-search{width:172px;overflow:hidden;position:fixed;bottom:0;right:0}.chat-panel-search input{width:145px;height:32px;border:0;border-top:1px solid #c9cdd6;padding-left:22px;color:#000;font-size:1.25em}.chat-panel-search .icon{position:absolute;top:30%;padding-left:5px;z-index:1;color:#BEC3C9;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-ms-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease}.chat-panel-min{border-top:1px solid rgba(29,49,91,.2);height:35px;overflow-y:hidden}.chat-panel-min .chat-panel-head{top:auto;bottom:0;border-top:1px solid #d2d6de}