#chat-wrapper *{box-sizing:border-box}.chat-wrapper-outer{position:fixed;bottom:20px;left:50px;z-index:99;border-radius:8px}.chat-wrapper-outer.chat-is-active{box-shadow:0 0 15px 0 rgba(0,0,0,.29);visibility:visible}.chat-wrapper-outer .chat-close,.chat-wrapper-outer .chat-open{background:none;border:none;box-shadow:none;outline:none;transition:all .3s ease;position:absolute;bottom:20px;width:61px;cursor:pointer;z-index:5;padding:0}.chat-wrapper-outer .chat-open{opacity:.6;bottom:calc(10vh - 22px)}.chat-wrapper-outer .chat-close{opacity:0;visibility:hidden;width:30px;height:30px;border-radius:50%;background-color:#7d0000;color:#fff;top:0;right:5px;padding:5px;transform:translate(50%,-50%);z-index:15;line-height:1px;display:none}.chat-wrapper-outer .chat-agent+.chat-close{opacity:1;visibility:visible;top:4px}.chat-agent.name-setted.chat-is-open+.chat-close{transform:none;right:15px}.chat-wrapper-outer .chat-close>img{width:13px}#chat-wrapper{width:400px;z-index:99;background-color:rgba(255,255,255,.90);border-radius:8px;overflow:hidden;box-shadow:0 0 15px -6px rgba(0,0,0,.23);transition:width .3s ease .4s , opacity .4s ease 0s;display:flex;flex-wrap:wrap;opacity:0;visibility:hidden;position:absolute}.chat-agent#chat-wrapper{flex-wrap:nowrap}#chat-wrapper>#chat-message-send-wrapper{flex:1 1 100%}.chat-wrapper-outer.chat-is-active #chat-wrapper{visibility:visible;opacity:1;position:static}.chat-wrapper-outer.chat-is-active:hover .chat-close{opacity:1;visibility:visible}.chat-wrapper-outer.chat-is-active .chat-open{visibility:hidden;opacity:0}.chat-wrapper-outer #chat-wrapper.chat-agent{width:600px;display:flex}#chat-messages-wrapper{opacity:0;transition:opacity .1s ease 0s}.chat-wrapper-outer.chat-is-active #chat-messages-wrapper{transition-delay:.3s;opacity:1}#chat-wrapper.name-setted #chat-messages-wrapper{max-height:500px;height:auto;display:flex;flex-direction:column;flex-basis:70%;flex-shrink:0}.chat-agent#chat-wrapper #chat-messages-wrapper{position:relative}#chat-wrapper.name-setted #chat-messages-wrapper:empty{}#chat-wrapper.chat-agent #chat-messages-wrapper .chat-session.chat-session-active{background:#000}#chat-sessions{flex-grow:3;max-height:500px;min-width:30%;overflow-y:auto;overflow-x:hidden;border-right:1px solid #ccc}#chat-messages{display:flex;-ms-align-items:flex-start;align-items:flex-start;flex-direction:column;background-color:rgba(255,255,255,0);overflow-y:auto;overflow-x:hidden;position:relative;transition:all .3s ease;height:0}#chat-wrapper.name-setted #chat-messages{padding:15px 10px 25px 15px;flex-grow:1}#chat-wrapper.name-setted #chat-messages .chat-messages-bottom{width:100%;order:999999999999999;min-height:20px;flex-basis:20px}#chat-message{height:4.5em;resize:none;padding:12px;width:100%;overflow-y:auto;border:none;border-top:1px solid #ccc;border-radius:0;font-family:inherit;outline:none;padding-right:40px;background-color:rgba(255,255,255,0)}.chat-message{padding:10px;border-radius:10px;color:#fff;margin:2px;max-width:80%;position:relative}.chat-message p{margin:0}.chat-message .chat-message-date{position:absolute;top:50%;transform:translate(110%,-50%);right:0;z-index:5;font-size:.6em;display:inline-block;white-space:nowrap;transition:all .4s ease;visibility:hidden;color:#000;opacity:0}.chat-message:hover .chat-message-date{visibility:visible;opacity:1}.chat-message.chat-message-left{background-color:#7d0000}.chat-message.chat-message-right{align-self:flex-end;color:#555;background-color:#ccc}.chat-message.chat-message-right .chat-message-date{left:0;transform:translate(-110%,-50%);color:#000;right:auto}.chat-session{border-bottom:1px solid #ccc;padding:5px 15px;cursor:pointer;transition:all .3s ease;position:relative}.chat-session:hover{background-color:rgba(125,0,0,.29)}.chat-session-new-message{background-color:#ffe082}.chat-session-active{background-color:#7d0000!important;color:#fff}.chat-session-active.chat-session-not-accepted{color:#000}.chat-session span{font-size:14px}#chat-message-send-wrapper,#chat-message-input{position:relative}#chat-message-input{flex-shrink:1}#chat-message-send-wrapper{transition:all .3s ease;opacity:0;visibility:hidden;height:0;overflow:hidden}#chat-wrapper.name-setted #chat-message-send-wrapper{opacity:1;visibility:visible;height:auto;width:100%}#chat-send-message{position:absolute;right:5px;top:50%;transform:translateY(-50%)}#chat-wrapper button{padding:1em;line-height:1;background:none;color:#7d0000;border:none;box-shadow:none;cursor:pointer}#chat-wrapper.name-setted #chat-messages{visibility:visible;opacity:1;height:500px;flex-grow:1;display:flex;flex-direction:column}#chat-wrapper.name-setted.chat-agent #chat-messages{height:auto;padding-top:50px}.set-user-name{display:flex;flex-grow:1}.set-user-name #chat-user-name{flex-grow:1;border:none;padding:5px 20px;background-color:rgba(255,255,255,0)}#chat-wrapper.name-setted .set-user-name{display:none}#chat-sessions .chat-session.chat-session-unread{font-weight:800;position:relative}#chat-sessions .chat-session.chat-session-not-accepted{background-color:#ffe082;position:relative}#chat-sessions .chat-session div{text-transform:capitalize}#chat-sessions .chat-session.chat-session-not-accepted>*{opacity:.3;font-weight:bold}#chat-sessions .chat-session.chat-session-not-accepted:after{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#cc0707;position:absolute;top:50%;right:10px;transform:translateY(-50%)}#chat-sessions .chat-session.chat-session-unread:after{font-family:icomoon;content:"\e90a";display:inline-block;color:#7d0000;position:absolute;top:50%;right:10px;transform:translateY(-50%)}#chat-sessions .chat-session .chat-session-last-msg>br{display:none}#chat-sessions .chat-session>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}#chat-wrapper #chat-accept-chat{border-top:1px solid #ccc;padding:1.5em;cursor:pointer;transition:background-color .3s ease}#chat-wrapper #chat-accept-chat:hover{background-color:#7d0000;color:#fff}#chat-wrapper.chat-is-open #chat-sessions{height:500px}.chat-session .session-menu{position:absolute;top:10px;right:10px;padding:10px;z-index:5;display:none!important}.chat-session .session-menu-icon{font-weight:800}#chat-wrapper .chat-message-header{position:absolute;top:0;background-color:#7d0000;height:40px;z-index:1;width:100%;color:#fff;box-shadow:0 2px 25px -8px #000}#chat-wrapper .remove-session{position:absolute;left:15px;top:3px;padding:6px;font-size:1.5em;color:inherit;outline:none}.chat-icon-message{background-color:rgba(255,255,255,.85);padding:10px 15px;border-radius:4px;display:inline-block;transform:translateY(10px);transition:all .2s ease;opacity:0;visibility:hidden;box-shadow:0 0 15px 0 rgba(0,0,0,.37);position:absolute!important;bottom:100%}.chat-icon-message:after{content:"";width:8px;height:8px;border-radius:2px;background-color:rgba(255,255,255,.85);position:absolute;bottom:0;left:50%;transform:translate(-50%,4px) rotateZ(45deg)}.chat-open:before{content:"";display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background-color:rgba(255,255,255,.3);animation:icon_pulse 6s ease infinite;width:100%;height:100%;border-radius:50%}.chat-open>*{position:relative;z-index:2}@keyframes icon_pulse{
    0%{transform: translate(-50%, -50%) scale(0); opacity: 0}
    17%{transform: translate(-50%, -50%) scale(2); opacity: 1}
    73%{transform: translate(-50%, -50%) scale(2); opacity: 1}
    100%{transform: translate(-50%, -50%) scale(2.9); opacity: 0}
}.chat-is-active .chat-icon-message{display:none!important}.chat-open:hover .chat-icon-message{opacity:1;visibility:visible;transform:translateY(-10px)}#chat-wrapper ::-webkit-scrollbar{width:10px}#chat-wrapper ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:0}#chat-wrapper ::-webkit-scrollbar-thumb{background:#7d0000;border-radius:0}#chat-wrapper ::-webkit-scrollbar-thumb:hover{background:#146eba}#chat-wrapper .msg-list-toggle{display:none}.chat-agent.name-setted.chat-is-open .chat-msg-wrap-header{height:40px;background-color:#7d0000;position:absolute;right:0;top:0;z-index:10;width: calc(70% + 1px);box-shadow:0 3px 14px -6px #000}#chat-messages-wrapper .remove-session{z-index:20}.chat-tooltip{display:inline-block;padding:7px 11px;position:absolute;width:90px;top:0;left:50%;transform:translate(-50%,-80%);border-radius:5px;background-color:rgba(125,0,0,.83);color:#fff;transition:all .3s;box-shadow:0 -3px 15px -3px rgba(0,0,0,.59);opacity:0;visibility:hidden;font-size:12px}.chat-tooltip:after{content:"";display:inline-block;width:0;height:0;border:8px solid rgba(0,0,0,0);border-bottom-width:0;border-top-color:rgba(125,0,0,.83);transform:translate(-50%,90%);position:absolute;bottom:0;left:50%}.chat-open:hover .chat-tooltip{opacity:1;visibility:visible;transform:translate(-50%,calc(-100% - 10px))}.chat-messages-last-read{font-size:.8em;transform:translateY(4px);display:none;width:100%;font-style:italic}.chat-message-right .chat-messages-last-read{text-align:right}.chat-message:last-child .chat-messages-last-read{display:inline-block}@media screen and (max-width:768px){.chat-wrapper-outer{left:20px}}@media screen and (max-width:640px){body.chat-window-open{overflow:hidden}.chat-wrapper-outer{bottom:40px}.chat-wrapper-outer.chat-is-active{left:0;width:75vw;z-index:9999999;border-radius:0}.chat-wrapper-outer.chat-is-active.name-setted-outer{bottom:0}.chat-wrapper-outer.chat-is-active.chat-agent-outer{width:100vw}.chat-agent-outer #chat-wrapper #chat-sessions{position:absolute;left:0;width:200px;transform:translateX(-105%);background-color:#fff;height:calc(100% - 40px);top:40px;z-index:5}#chat-wrapper.chat-is-open #chat-sessions.show-list{transition:all .3s ease;transform:translateX(0)}#chat-wrapper{width:75vw;border-radius:0}.chat-wrapper-outer #chat-wrapper.chat-agent{width:100vw;border-radius:0}.chat-wrapper-outer .chat-close,.chat-wrapper-outer .chat-open{transition:none;opacity:1;visibility:visible}#chat-wrapper.name-setted #chat-messages-wrapper{flex-basis:100%}#chat-sessions,#chat-wrapper.name-setted #chat-messages-wrapper{max-height:calc(100vh - 70px);height:calc(100vh - 70px)}#chat-wrapper.name-setted #chat-messages{height:70vh;position:static;padding-top:20px}#chat-wrapper.name-setted.chat-agent #chat-messages{padding-top:50px}.chat-msg-wrap-header{position:absolute;width:100%;background-color:rgba(0,0,0,.96);color:#fff;padding:10px 19px;z-index:10;display:none}#chat-wrapper.chat-is-open .chat-msg-wrap-header{display:flex}#chat-wrapper .msg-list-toggle{position:absolute;display:inline-block;font-size:1.3em;left:15px;top:8px;transition:all .3s ease}#chat-wrapper .msg-list-toggle.list-visible{transform:rotateY(180deg)}#chat-wrapper .remove-session{left:49%}#chat-wrapper .chat-messages-top{box-shadow:0 2px 25px -5px;height:43px;background-color:#7d0000;position:absolute;top:0;left:0;right:0;z-index:10}.chat-wrapper-outer .chat-open{bottom:0}.chat-wrapper-outer .chat-open,.chat-open>img{width:56px;height:56px}.chat-icon-message{display:none}.chat-agent.name-setted.chat-is-open .chat-msg-wrap-header{width:100%}.chat-tooltip{display:none}}@media screen and (max-height:600px){#chat-wrapper.chat-is-open #chat-sessions,#chat-sessions,#chat-wrapper.name-setted #chat-messages-wrapper{height:calc(100vh - 100px)}}