.btn_chat{position:relative}.btn_chat.active:after{content:"!";width:15px;height:15px;display:flex;border-radius:50%;position:absolute;color:white;background-color:red;top:0;left:0;font-weight:bold;justify-content:center;align-items:center}#chat{position:fixed;z-index:100}.icon_chat{position:fixed;z-index:99}.icon_chat{display:block;border-radius:50%}.icon_chat i{display:flex;align-items:center;justify-content:center;vertical-align:middle;cursor:pointer}.avatar_message,.title_chat{justify-content:space-between}.alert_message,.hide_svg,.icon_chat .fa-times,.active_chat .alert_message.active,.openned .alert_message.active,.active_chat .fa-comments-o{display:none}.icon_chat.active_chat .fa-times{display:flex}#chat{max-width:300px;width:calc(100% - 40px)}.online_chat{padding:10px 10px 5px;box-shadow:0 5px 41px 0 rgb(0 0 0);border-radius:10px;background:#ffff}.directing_chat{width:0;display:block;z-index:99;border-top:20px solid rgba(255,255,255,.95);animation:unset;margin-top:-6.5px}.header_chat{background-color:#6b8c9a;margin:-10px -10px 0;padding:10px;border-radius:5px 5px 0 0}.title_chat{font-size:18px;font-weight:700;color:#fff;display:flex}.desc_chat,.user_text a:hover{color:#eee}.close_chat{cursor:pointer;margin-right:2px}.close_chat:hover,.icon_chat:hover{opacity:.9}.desc_chat{padding-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.user_text,.user_text a{color:#fff}.manager_text a{color:#337ab7}.manager_text a:hover{color:#23527c}#all_message{max-height:400px;overflow:auto;position:relative;padding:0 10px}.no_message{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);font-size:14px}.avtar_manager,.avtar_user{display:flex;align-items:flex-end}.block_message svg{width:25px;height:23px}.block_message{margin:15px 0}.avatar_message{display:flex}.manager_text,.user_text{overflow-wrap:break-word;width:calc(100% - 45px);border-radius:5px;padding:5px}.user_text{background-color:#519bf6}.directing_user{border-bottom:15px solid #519bf6;border-right:22px solid transparent;margin-left:-3px}.manager_text{background-color:#eee;color:#333}.directing_message{border-bottom:15px solid #eee;border-left:22px solid transparent;margin-right:-3px}.info_message{display:flex;justify-content:space-between;font-size:10px;color:#555}.btn_message{width:100%;height:35px;border-radius:0 0 5px 5px;border:1px solid grey;margin-bottom:5px;background-color:#00ac45;color:#fff;font-size:14px;box-shadow:rgba(0,0,0,.2) 0 1px 3px 1px,rgba(0,0,0,.1) 0 1px 3px 1px;background-image:linear-gradient(to top,#00ac45,#00c14d),linear-gradient(#00c14d,#00c14d);transition:box-shadow .2s}#input-message{display:block;height:auto;width:100%;padding:6px 12px;line-height:1.42857143;color:#555;background-image:none;border:1px solid #ccc;border-radius:4px;resize:none;font-size:13px;background-color:#fafcff;transition:150ms;-webkit-box-shadow:inset 0 0 7px 0 #3333333b;box-shadow:inset 0 0 7px 0 #3333333b}#input-message:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);}.btn_message:hover{background-color:#029f41;background-image:linear-gradient(to top,#029f41,#03b84b),linear-gradient(#03b84b,#03b84b)}#input-message.p_left{padding-left:7px}#input-message.p_right.p_right{padding-left:17px}.alert_message.active{display:block;position:absolute;right:0;width:20px;height:20px;background-color:red;color:#fff;font-weight:700;padding:5px;border-radius:50%;font-size:12px;line-height:12px;text-align:center}#all_message::-webkit-scrollbar-button{background-image:url('');background-repeat:no-repeat;width:5px;height:0}#all_message::-webkit-scrollbar-track{background-color:#ddd}#all_message::-webkit-scrollbar-thumb{-webkit-border-radius:0px;border-radius:0;background-color:#999}#all_message::-webkit-scrollbar-thumb:hover{background-color:#777}#all_message::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:4px;height:0}#all_message::-webkit-scrollbar{width:4px}.chat_pulsation{animation:calc(3000ms + 100ms) infinite pulsation;width:160%;height:160%;border-radius:50%;position:absolute;margin:-30% 0 0 -30%;z-index:-1;transform:scale(0)}.active_chat .chat_pulsation,.chat_pulsation.off_d,.icon_chat.off_d .fa-comments-o{animation:none}.status_message.active{color:#29942a}.icon_chat .fa-comments-o{animation:3s .7s infinite shake;-webkit-animation:3s .7s infinite shake}@keyframes pulsation{0%{transform:scale(0);opacity:1}50%{opacity:.5}to{transform:scale(1);opacity:0}}@keyframes shake{0%,100%{transform:rotateZ(0);-ms-transform:rotateZ(0);-webkit-transform:rotateZ(0)}10%{transform:rotateZ(-30deg);-ms-transform:rotateZ(-30deg);-webkit-transform:rotateZ(-30deg)}20%{transform:rotateZ(15deg);-ms-transform:rotateZ(15deg);-webkit-transform:rotateZ(15deg)}30%{transform:rotateZ(-10deg);-ms-transform:rotateZ(-10deg);-webkit-transform:rotateZ(-10deg)}40%{transform:rotateZ(7.5deg);-ms-transform:rotateZ(7.5deg);-webkit-transform:rotateZ(7.5deg)}50%{transform:rotateZ(-6deg);-ms-transform:rotateZ(-6deg);-webkit-transform:rotateZ(-6deg)}60%{transform:rotateZ(5deg);-ms-transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg)}70%{transform:rotateZ(-4.28571deg);-ms-transform:rotateZ(-4.28571deg);-webkit-transform:rotateZ(-4.28571deg)}80%{transform:rotateZ(3.75deg);-ms-transform:rotateZ(3.75deg);-webkit-transform:rotateZ(3.75deg)}90%{transform:rotateZ(-3.33333deg);-ms-transform:rotateZ(-3.33333deg);-webkit-transform:rotateZ(-3.33333deg)}}@-webkit-keyframes shake{0%,100%{transform:rotateZ(0);-ms-transform:rotateZ(0);-webkit-transform:rotateZ(0)}10%{transform:rotateZ(-30deg);-ms-transform:rotateZ(-30deg);-webkit-transform:rotateZ(-30deg)}20%{transform:rotateZ(15deg);-ms-transform:rotateZ(15deg);-webkit-transform:rotateZ(15deg)}30%{transform:rotateZ(-10deg);-ms-transform:rotateZ(-10deg);-webkit-transform:rotateZ(-10deg)}40%{transform:rotateZ(7.5deg);-ms-transform:rotateZ(7.5deg);-webkit-transform:rotateZ(7.5deg)}50%{transform:rotateZ(-6deg);-ms-transform:rotateZ(-6deg);-webkit-transform:rotateZ(-6deg)}60%{transform:rotateZ(5deg);-ms-transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg)}70%{transform:rotateZ(-4.28571deg);-ms-transform:rotateZ(-4.28571deg);-webkit-transform:rotateZ(-4.28571deg)}80%{transform:rotateZ(3.75deg);-ms-transform:rotateZ(3.75deg);-webkit-transform:rotateZ(3.75deg)}90%{transform:rotateZ(-3.33333deg);-ms-transform:rotateZ(-3.33333deg);-webkit-transform:rotateZ(-3.33333deg)}}