.status-bar{height:32px;justify-content:space-between;background-color:#b7ceeb;cursor:move}.status-bar,.status-bar .status-bar--item{display:flex;align-items:center}.status-bar .status-bar--item .status-bar--icon{width:24px;height:24px;background-repeat:no-repeat;background-size:cover;margin:4px}.status-bar .status-bar--item .status-bar--title{color:#fff}.status-bar .button{cursor:pointer}@-webkit-keyframes v-pulseStretchDelay{0%,80%{transform:scale(1);-webkit-opacity:1;opacity:1}45%{transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{transform:scale(1);-webkit-opacity:1;opacity:1}45%{transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.chat-input--wrapper{width:90%;position:relative;margin-left:auto;margin-right:auto;margin-bottom:10px}.chat-input--wrapper .chat-input--input{min-height:42px;max-height:150px;width:100%;margin:0;border:1px solid #d3d3d3;border-radius:20px;flex:1 0 auto;padding:10px 42px 6px 15px;box-sizing:border-box}.chat-input--wrapper .chat-input--send{flex:0 0 auto;position:absolute;width:40px;height:40px;cursor:pointer;border-radius:20px;display:flex;align-items:center;justify-content:center;right:5px;top:2px}.chat-input--wrapper .chat-input--send img{width:60%;height:60%;-o-object-fit:cover;object-fit:cover;margin-left:4px}.chat-input--wrapper .chat_incomming_message{position:absolute;bottom:100%;left:10px;display:flex;align-items:center;font-size:13px}.chat-input--send:hover{color:#fff}.chat-textinput--wrapper{position:relative;border:none;background-color:transparent;box-sizing:border-box}.chat-textinput--wrapper .chat-textinput--icon{position:absolute;width:20px;height:20px;color:#fff;background-size:cover;top:2px;bottom:0;margin:auto;fill:#5f9ea0;margin-left:5px}.chat-textinput--wrapper .chat-textinput--input{width:100%;height:100%;padding-left:24px;border:1px solid #d3d3d3;border-radius:4px;box-sizing:border-box}.spinner{transition:opacity .15s ease;-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.spinner.show{-webkit-animation-play-state:running;animation-play-state:running}.spinner.v-enter,.spinner.v-leave-active{opacity:.5}.spinner.v-enter-active,.spinner.v-leave{opacity:1}.spinner .path{stroke-dasharray:126;stroke-dashoffset:0;transform-origin:center;-webkit-animation:dash 1.4s linear 0s infinite;animation:dash 1.4s linear 0s infinite}@-webkit-keyframes rotator{0%{transform:scale(.5) rotate(0deg)}50%{transform:scale(.5) rotate(180deg)}to{transform:scale(.5) rotate(1turn)}}@keyframes rotator{0%{transform:scale(.5) rotate(0deg)}50%{transform:scale(.5) rotate(180deg)}to{transform:scale(.5) rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dashoffset:12.6;transform:rotate(0deg)}50%{stroke-dashoffset:25.2;transform:rotate(135deg)}to{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:12.6;transform:rotate(0deg)}50%{stroke-dashoffset:25.2;transform:rotate(135deg)}to{transform:rotate(270deg)}}.chat-avartar{width:40px;height:40px;line-height:40px;border-radius:24px;background-color:#fff;font-weight:700;color:#5f9ea0;text-align:center}.chat_dot_status{width:8px;height:8px;border-radius:4px}.chat-item--wrapper{display:flex;align-items:center;cursor:pointer;padding-top:8px;padding-bottom:8px}.chat-item--wrapper .chat-item--avartar{margin-left:5px;position:relative;flex-shrink:0}.chat-item--wrapper .chat-item--avartar .chat-item--status{width:8px;height:8px;border-radius:4px;background-color:green;position:absolute;bottom:0;right:4px}.chat-item--wrapper .chat-item-content{margin-left:4px;display:flex;flex-direction:column;align-items:flex-start;font-size:14px;flex-grow:1}.chat-item--wrapper .chat-item-content .chat-item--title{display:flex;justify-content:space-between;width:100%}.chat-item--wrapper .chat-item-content .chat-item--title .chat-item--name{font-weight:700}.chat-item--wrapper .chat-item-content .chat-item--title .chat-item--time{font-size:12px;margin-right:12px}.chat-item--wrapper .chat-item-content .chat-item--subtitle{display:flex;justify-content:space-between;width:100%}.chat-item--wrapper .chat-item-content .chat-item--subtitle .chat-item--unread{margin-right:12px;width:16px;height:16px;border-radius:8px;background-color:#db4437;font-size:12px}.chat-item--wrapper:hover{background-color:#add8e6}.chat_thread_section{margin-top:8px;height:calc(100% - 16px);overflow-x:hidden;overflow-y:auto;position:relative}.chat_thread_section .chat_loading_room{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.chat_thread_list-move{transition:transform .3s ease}.chat-message--wrapper{display:flex;flex-wrap:wrap;flex-direction:column;margin-top:3px;position:relative}.chat-message--wrapper .chat-message--content{min-height:32px;padding:2px 12px;text-align:left;margin:auto;display:flex;align-items:center;justify-content:center;width:100%;word-break:break-word;white-space:pre-line;border-radius:4px}.chat-message--wrapper .chat-message--content .chat-message__loader{position:absolute;left:-24px}.chat-message--wrapper .chat_read_message{font-size:13px;text-align:right;margin-right:8px}.chat-groupmessage--wrapper{display:flex;max-width:75%;margin-top:4px;margin-left:20px;margin-right:20px;flex:0 0 auto}.chat-groupmessage--wrapper .chat-groupmessage--avatar{flex:0 0 auto}.chat-groupmessage--wrapper .chat-groupmessage--content{display:flex;flex-direction:column;margin-left:4px;width:100%}.chat_message_section{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:4px;display:flex;flex-direction:column;position:relative;flex:1 1 auto;margin-bottom:16px}.chat_message_section .chat_loading_message{align-self:center}.chat_message_section .chat_loading_more_message{position:absolute;top:0;left:0;right:0;margin:auto}.chat_reconnect-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chat_reconnect-wrapper .chat_reconnect_background{background-color:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;left:0}.chat_reconnect-wrapper .chat_reconnect--content{display:flex;align-items:center;justify-content:center;margin:auto;font-weight:700}.chat_retry--wrapper{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:40px;text-align:center}.chat_retry--wrapper .chat_retry--button{width:60px;height:40px;cursor:pointer;background-color:#d3d3d3;padding:4px 8px;border-radius:4px}.chat_retry--wrapper .chat_retry--text{font-size:13px;padding-top:4px}.chat__wrapper{border:1px solid #2c3e50;resize:both;overflow:hidden;width:768px;height:480px;min-height:480px;min-width:400px;box-sizing:border-box;display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:5px;z-index:12}.chat__wrapper .chat_body{display:flex;flex:1 0 auto;height:calc(100% - 32px);position:relative}.chat__wrapper .chat_body .chat_body_left{flex:1 0 30%;background-color:#eceff1;height:100%;display:flex;flex-direction:column;border-right:1px solid grey;max-width:300px}.chat__wrapper .chat_body .chat_body_left .chat_body_left_header{flex:0 0 80px;display:flex;flex-direction:column}.chat__wrapper .chat_body .chat_body_left .chat_body_left_header .header_avatar__wrapper{display:flex;align-items:center;padding:0 8px;flex:1 0 auto;position:relative}.chat__wrapper .chat_body .chat_body_left .chat_body_left_header .header_avatar__wrapper .header_avatar_name{margin-left:4px;font-weight:700}.chat__wrapper .chat_body .chat_body_left .chat_body_left_header .header_avatar__wrapper .header_avatar{position:relative}.chat__wrapper .chat_body .chat_body_left .chat_body_left_header .header_avatar__wrapper .header_avatar .header_avatar--status{width:8px;height:8px;border-radius:4px;background-color:green;position:absolute;bottom:0;right:4px}.chat__wrapper .chat_body .chat_body_left .chat_body_left_header .left_header_search_chat{align-self:flex-start;height:32px;flex:0 0 auto;width:100%;padding:0 8px;margin-bottom:2px}.chat__wrapper .chat_body .chat_body_left .chat_body_left_body{height:calc(100% - 80px)}.chat__wrapper .chat_body .chat_body_right{flex:1 0 60%;background-color:#eceff1;height:100%;display:flex;flex-direction:column;position:relative}.chat__wrapper .chat_body .chat_body_right .chat_body_right--content{width:100%;height:100%}.chat__wrapper .chat_body .chat_body_right .chat_body_right_header{display:flex;align-items:center;height:80px;flex:0 0 auto;border-bottom:1px solid #d3d3d3}.chat__wrapper .chat_body .chat_body_right .chat_body_right_header .header_content{display:flex;align-items:flex-start;flex-direction:column}.chat__wrapper .chat_body .chat_body_right .chat_body_right_header .header_content .header_title{font-weight:700;margin-left:16px}.chat__wrapper .chat_body .chat_body_right .chat_body_right_header .header_content .header_subtitle{font-size:12px;margin-left:16px;display:flex;align-items:center}.chat__wrapper .chat_body .chat_body_right .chat_body_right_body{position:relative;flex:1 0 auto;height:calc(100% - 80px);display:flex;flex-direction:column}@media only screen and (max-width:991px){.chat__wrapper{width:100vw!important;height:100vh!important;min-width:unset!important;min-height:unset!important;max-width:100vw!important;max-height:100vh!important}.chat__wrapper .chat_body .chat_body_right{display:none}.chat__wrapper .chat_body .chat_body_right .header_block{display:flex}.chat__wrapper .chat_body .chat_body_right .header_block .back{width:30px;height:25px;background-repeat:no-repeat;background-position:100%}.chat__wrapper .chat_body .chat_body_right .header_block .header_title{line-height:26px;font-size:18px;margin-left:4px!important}.chat__wrapper .chat_body .chat_body_left{max-width:unset!important}.chat__wrapper .chat_body.box-chat-right-full .chat_body_left{display:none}.chat__wrapper .chat_body.box-chat-right-full .chat_body_right{display:block}}.chat-icon{position:fixed;bottom:5px;right:10px;width:56px;height:56px;cursor:pointer}.chat-icon img{width:100%;height:100%}.chat-icon .chat-icon--badge{background-color:#db4437;color:#fff;border-radius:5px;padding:1px 2px;min-width:15px;text-align:center;position:absolute;top:-10px;right:-5px;font-size:13px}#chat-app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;position:relative}#chat-app input:focus{outline:none}#chat-app textarea{font-family:inherit;font-size:14px;resize:none;margin:0}#chat-app textarea:focus{outline:none}#chat-app *{box-sizing:border-box}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}