*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100%;background-color:#f1f1f1;font-family:Helvetica,sans-serif}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}.text-center{text-align:center}body,html{margin:0;font-size:.875rem;font-size:100%;font-family:Nunito,sans-serif;background:#ccc}#app{display:flex;flex-direction:row;max-width:850px;width:100%;height:70vh;background:#fff;border-radius:15px;position:fixed;right:55px;bottom:30px;overflow:hidden}#app .sidebar{width:35%;border-right:1px solid #f4f4f4;align-items:stretch}#app .sidebar h2{font-weight:700;font-size:1.125rem;margin:1.5625rem;margin-left:1.25rem;margin-bottom:0}#app .sidebar .container{padding:.625rem;padding-top:0;padding-bottom:0;max-height:100%}#app .sidebar .topHeight{padding-top:1.5625rem}#app .sidebar .topHeight h5{font-size:.8125rem;line-height:1.5rem;color:#707070;font-weight:300;margin-top:.9375rem;margin-bottom:.9375rem}#app .sidebar .topHeight .header{padding-left:1.25rem;display:flex}#app .sidebar .topHeight .header .back button{background:transparent;border:none;color:#707070}#app .sidebar .topHeight .header .avatar{display:none}#app .sidebar .topHeight .header .text{color:#707070;font-size:13px;padding:0 10px}#app .sidebar .new-issue-container{display:flex;background:#296ab0;color:#fff;cursor:pointer;padding-top:.5625rem;padding-bottom:.5625rem;padding-left:.8125rem;padding-right:.8125rem}#app .sidebar .new-issue-container .circle{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;width:3.875rem;height:3.875rem;border-radius:3.875rem;margin-right:.8125rem}#app .sidebar .new-issue-container .circle svg{color:#999;font-size:2.25rem}#app .sidebar .new-issue-container .text{flex:2;flex-shrink:2;align-self:center}#app .sidebar .new-issue-container .text strong{display:block;font-size:.9375rem;line-height:1.125rem}#app .sidebar .new-issue-container .text span{display:block;font-weight:100;font-size:.8125rem;line-height:.9375rem}#app .sidebar .new-issue-container .arrow{align-self:center;flex-shrink:0}#app .sidebar .heads .glide__slides{height:101px}#app .sidebar .heads .glide__slides .circle{width:100%}#app .sidebar .heads .glide__slides .circle .image img{margin:auto;border-radius:100%;width:3.875rem;height:3.875rem}#app .sidebar .heads .glide__slides .circle .name{text-align:center;font-size:.8125rem}#app .sidebar .tabs{display:flex;overflow:hidden;margin:10px}#app .sidebar .tabs a{width:50%;background:#f4f4f4;text-decoration:none;text-align:center;color:#707070;font-size:.8125rem;font-weight:500;padding:5px;border:1px solid #ccc;border-radius:6px}#app .sidebar .tabs a:first-child{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}#app .sidebar .tabs a:last-child{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}#app .sidebar .tabs a.active{border-color:#296ab0;color:#fff;font-weight:700;background:#296ab0}#app .sidebar .category-list .top-info,#app .sidebar .conversation-list .top-info,#app .sidebar .location-list .top-info{display:flex;margin:.625rem}#app .sidebar .category-list .top-info .left .back button,#app .sidebar .conversation-list .top-info .left .back button,#app .sidebar .location-list .top-info .left .back button{background:transparent;border:none;margin-right:.3125rem}#app .sidebar .category-list .top-info .left .back button svg,#app .sidebar .conversation-list .top-info .left .back button svg,#app .sidebar .location-list .top-info .left .back button svg{font-size:1rem;color:#707070}#app .sidebar .category-list .top-info .left .icon,#app .sidebar .conversation-list .top-info .left .icon,#app .sidebar .location-list .top-info .left .icon{display:none}#app .sidebar .category-list .top-info .content h5,#app .sidebar .conversation-list .top-info .content h5,#app .sidebar .location-list .top-info .content h5{font-size:.8125rem;line-height:1.5rem;color:#707070;font-weight:300}#app .sidebar .category-list .top-info .content h6,#app .sidebar .conversation-list .top-info .content h6,#app .sidebar .location-list .top-info .content h6{display:none}#app .sidebar .category-list .category-list-item .name,#app .sidebar .conversation-list .category-list-item .name,#app .sidebar .location-list .category-list-item .name{color:#707070;font-weight:700;font-size:.9375rem;cursor:pointer;margin:.5rem 0}#app .sidebar .category-list .category-list-item .name .icon,#app .sidebar .conversation-list .category-list-item .name .icon,#app .sidebar .location-list .category-list-item .name .icon{display:inline-block}#app .sidebar .category-list .category-list-item .name .icon svg,#app .sidebar .conversation-list .category-list-item .name .icon svg,#app .sidebar .location-list .category-list-item .name .icon svg{font-size:.75rem}#app .sidebar .category-list .category-list-item .item-group,#app .sidebar .conversation-list .category-list-item .item-group,#app .sidebar .location-list .category-list-item .item-group{display:none}#app .sidebar .category-list .category-list-item .item-group.opened,#app .sidebar .conversation-list .category-list-item .item-group.opened,#app .sidebar .location-list .category-list-item .item-group.opened{display:block}#app .sidebar .category-list .chat-list-item,#app .sidebar .conversation-list .chat-list-item,#app .sidebar .location-list .chat-list-item{display:flex;flex-direction:row;border-radius:.625rem;transition:all .25s;padding:5px 10px;cursor:pointer}#app .sidebar .category-list .chat-list-item.selected,#app .sidebar .category-list .chat-list-item:hover,#app .sidebar .conversation-list .chat-list-item.selected,#app .sidebar .conversation-list .chat-list-item:hover,#app .sidebar .location-list .chat-list-item.selected,#app .sidebar .location-list .chat-list-item:hover{background:#f4f4f4}#app .sidebar .category-list .chat-list-item .image,#app .sidebar .conversation-list .chat-list-item .image,#app .sidebar .location-list .chat-list-item .image{display:flex;align-items:center;margin-right:.625rem;position:relative}#app .sidebar .category-list .chat-list-item .image img,#app .sidebar .conversation-list .chat-list-item .image img,#app .sidebar .location-list .chat-list-item .image img{border-radius:100%;min-width:3.875rem;max-width:3.875rem;min-height:3.875rem;max-height:3.875rem}#app .sidebar .category-list .chat-list-item .image .status,#app .sidebar .conversation-list .chat-list-item .image .status,#app .sidebar .location-list .chat-list-item .image .status{position:absolute;bottom:0;right:7px;width:12px;height:12px;border:2px solid #fff;border-radius:10px}#app .sidebar .category-list .chat-list-item .image .status.online,#app .sidebar .conversation-list .chat-list-item .image .status.online,#app .sidebar .location-list .chat-list-item .image .status.online{background:#00a03e}#app .sidebar .category-list .chat-list-item .image .status.offline,#app .sidebar .conversation-list .chat-list-item .image .status.offline,#app .sidebar .location-list .chat-list-item .image .status.offline{background:#ccc}#app .sidebar .category-list .chat-list-item .content,#app .sidebar .conversation-list .chat-list-item .content,#app .sidebar .location-list .chat-list-item .content{display:flex;flex-direction:row;flex-grow:1}#app .sidebar .category-list .chat-list-item .content .left,#app .sidebar .conversation-list .chat-list-item .content .left,#app .sidebar .location-list .chat-list-item .content .left{flex:3;align-self:center}#app .sidebar .category-list .chat-list-item .content .left .title,#app .sidebar .conversation-list .chat-list-item .content .left .title,#app .sidebar .location-list .chat-list-item .content .left .title{color:#1d1d1d;font-size:.9375rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:calc(100vw - 5.125rem - 100px)}#app .sidebar .category-list .chat-list-item .content .left .subtitle,#app .sidebar .conversation-list .chat-list-item .content .left .subtitle,#app .sidebar .location-list .chat-list-item .content .left .subtitle{color:#707070;font-size:.8125rem;font-weight:500}#app .sidebar .category-list .chat-list-item .content .date,#app .sidebar .conversation-list .chat-list-item .content .date,#app .sidebar .location-list .chat-list-item .content .date{flex:1;text-align:right;align-self:center}#app .sidebar .category-list .chat-list-item .content .date span,#app .sidebar .conversation-list .chat-list-item .content .date span,#app .sidebar .location-list .chat-list-item .content .date span{color:#707070;font-size:.8125rem;font-weight:500}#app .sidebar .category-list .chat-list-item.no-agent,#app .sidebar .conversation-list .chat-list-item.no-agent,#app .sidebar .location-list .chat-list-item.no-agent{flex:1!important;flex-direction:row!important}#app .sidebar .category-list .chat-list-item.no-agent .image img,#app .sidebar .conversation-list .chat-list-item.no-agent .image img,#app .sidebar .location-list .chat-list-item.no-agent .image img{width:2.625rem;height:2.625rem}#app .sidebar .category-list .chat-list-item.no-agent .content .left .subtitle,#app .sidebar .conversation-list .chat-list-item.no-agent .content .left .subtitle,#app .sidebar .location-list .chat-list-item.no-agent .content .left .subtitle{color:#1d1d1d}#app .sidebar .category-list .empty-message,#app .sidebar .conversation-list .empty-message,#app .sidebar .location-list .empty-message{display:none;align-items:center;flex-direction:column}#app .sidebar .category-list .empty-message p,#app .sidebar .conversation-list .empty-message p,#app .sidebar .location-list .empty-message p{color:#ccc;font-size:1rem}#app .sidebar.conversations>div{display:flex;flex-direction:column;align-items:stretch;max-height:92%}#app .sidebar.conversations>div .container.contentHeight{min-height:0;height:100%;flex:1 1 auto;-webkit-flex:1 1 auto;overflow:auto}#app .conversation-window{display:flex;width:65%;flex-direction:column;align-items:stretch;padding-top:1.5625rem}#app .conversation-window .warning-msg{display:flex;align-items:center}#app .conversation-window .warning-msg div{flex-direction:column;align-items:center}#app .conversation-window .warning-msg div img,#app .conversation-window .warning-msg div svg{margin:auto}#app .conversation-window .warning-msg div p{font-size:1rem;text-align:center;color:#ccc}#app .conversation-window .chatbox{height:100%}#app .conversation-window .chatbox.empty{display:flex;align-self:center}#app .conversation-window .chatbox.empty>div{height:auto;flex-direction:row}#app .conversation-window .chatbox>div{display:flex;flex-direction:column;height:67.5vh}#app .conversation-window .chatbox .chat-header{border-bottom:1px solid #f4f4f4;padding:.6875rem!important;justify-content:space-between;align-items:center}#app .conversation-window .chatbox .chat-header .top{display:flex;flex-direction:row;flex-shrink:0}#app .conversation-window .chatbox .chat-header .back{display:none}#app .conversation-window .chatbox .chat-header .avatar{flex-grow:0;margin-right:.9375rem;position:relative}#app .conversation-window .chatbox .chat-header .avatar img{width:2.875rem;height:2.875rem;border-radius:2.875rem}#app .conversation-window .chatbox .chat-header .avatar .status{position:absolute;bottom:0;right:7px;width:12px;height:12px;border:2px solid #fff;border-radius:10px}#app .conversation-window .chatbox .chat-header .avatar .status.online{background:#00a03e}#app .conversation-window .chatbox .chat-header .avatar .status.offline{background:#ccc}#app .conversation-window .chatbox .chat-header .chat-info{position:relative;height:0;transition:all .25s;font-size:.75rem;border-radius:.625rem;background:hsla(0,0%,100%,.6);margin:0;color:#666;transition:all .5s;overflow:hidden}#app .conversation-window .chatbox .chat-header .chat-info.visible{padding:.625rem;margin:10px 0 0;height:auto;transition:all .25s}#app .conversation-window .chatbox .chat-header .text{flex-grow:2}#app .conversation-window .chatbox .chat-header .text .category{font-size:.9375rem;font-weight:700;color:#1d1d1d}#app .conversation-window .chatbox .chat-header .text .agentName{font-size:.75rem;font-weight:500;color:#707070}#app .conversation-window .chatbox .chat-header .buttons{display:flex;flex-grow:0}#app .conversation-window .chatbox .chat-header .buttons button{background:transparent;border:none;margin-left:.9375rem;margin-right:.9375rem}#app .conversation-window .chatbox .chat-header .buttons button:last-child{margin:0;position:absolute;top:20px;right:10px}#app .conversation-window .chatbox .chat-header .buttons button svg{font-size:1.375rem;color:#296ab0}#app .conversation-window .chatbox .chat-header .buttons button span{font-size:.75rem;color:#1d1d1d;display:block;text-align:center}#app .conversation-window .chatbox .chat-header .buttons button.close svg{color:#ccc}#app .conversation-window .chatbox .chat-header .buttons button.close span{display:inline-block;text-indent:-9999px}#app .conversation-window .chatbox .messages{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:2;padding:1rem;height:-webkit-fill-available;height:inherit}#app .conversation-window .chatbox .messages .info{display:flex}#app .conversation-window .chatbox .messages .info .case{text-align:center;color:#707070;font-size:.8125rem;font-weight:500;background:rgba(0,0,0,.03);border-radius:10px;display:inline-block;margin:10px auto;width:auto;padding:10px 20px}#app .conversation-window .chatbox .messages .message{display:flex;flex-direction:row;margin:.15rem auto .15rem 0;border-radius:1.125rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:66%;box-sizing:border-box}#app .conversation-window .chatbox .messages .message.own{margin:.15rem 0 .15rem auto}#app .conversation-window .chatbox .messages .message.own .msg{background:#296ab0;color:#fff}#app .conversation-window .chatbox .messages .message.own .msg.attachment{margin:0 0 0 auto}#app .conversation-window .chatbox .messages .message.own .msg a,#app .conversation-window .chatbox .messages .message.own .msg span.link{color:#fff}#app .conversation-window .chatbox .messages .message .image img{min-width:28px;max-width:28px;min-height:28px;max-height:28px;border-radius:28px}#app .conversation-window .chatbox .messages .message .msg{background:#f4f4f4;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem}#app .conversation-window .chatbox .messages .message .msg.attachment{max-width:150px;max-height:150px;padding:0}#app .conversation-window .chatbox .messages .message .msg.attachment img{height:100%;width:100%;border-radius:.5rem}#app .conversation-window .chatbox .messages .message .msg a,#app .conversation-window .chatbox .messages .message .msg span.link{color:#000}#app .conversation-window .chatbox .bottom-input{display:flex;flex-shrink:0;box-sizing:border-box;background:#f4f4f4;padding:1.5625rem}#app .conversation-window .chatbox .bottom-input.invisible{display:none}#app .conversation-window .chatbox .bottom-input .textbox{width:100px;position:relative;flex-grow:1;margin-right:20px}#app .conversation-window .chatbox .bottom-input .textbox .messagebox{display:block;width:100%;max-height:7rem;min-height:2.5rem;height:auto;font-size:.875rem;color:#707070;border-radius:1.3125rem;background:#fff;border:none;resize:none;overflow-y:scroll;padding:.625rem;padding-left:.9375rem;padding-right:2.5rem}#app .conversation-window .chatbox .bottom-input .textbox [contenteditable=false],#app .conversation-window .chatbox .bottom-input .textbox [contenteditable=true]:empty:not(:focus):before{content:attr(data-ph);color:#999}#app .conversation-window .chatbox .bottom-input .textbox .attachment{position:absolute;bottom:.3125rem;right:.3125rem}#app .conversation-window .chatbox .bottom-input .textbox .attachment a{display:flex;align-items:center;justify-content:center;cursor:pointer;background:#f4f4f4;border:none;border-radius:100%;width:2rem;height:2rem}#app .conversation-window .chatbox .bottom-input .textbox .attachment a svg{font-size:1.1875rem;color:#707070}#app .conversation-window .chatbox .bottom-input .textbox .attachment-spinner{position:absolute;bottom:.3125rem;right:.3125rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}#app .conversation-window .chatbox .bottom-input .btn button{background:#296ab0;width:42px;height:42px;border-radius:100%;flex-grow:0;border:none;color:#fff}.category-selector{display:flex;flex-direction:row;flex-wrap:wrap;padding:1rem}.category-selector p{display:block;width:100%;text-align:center;font-size:12px;color:#999;line-height:20px;margin-bottom:10px}.category-selector .category-selector-btn{color:#296ab0;border:2px solid #296ab0;font-weight:700;cursor:pointer;font-size:.8125rem;line-height:1rem;border-radius:2.1875rem;margin:.1875rem;padding:.625rem}.call-center .category-selector{display:inline-flex;place-content:center;text-align:center}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}.loading{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.5);padding-top:30px}.topHeight.container{position:relative}@media(max-width:480px){#app{flex-direction:row;max-width:100%;min-height:100%;background:#fff;border-radius:0;position:static}#app,#app .sidebar{display:flex;width:100%;padding:0}#app .sidebar{flex-direction:column;height:100vh;border-right:1px solid #f4f4f4}#app .sidebar h2{display:none}#app .sidebar .topHeight{padding:0}#app .sidebar .topHeight .header .avatar{display:block}#app .sidebar .topHeight .header .text .category{color:#1d1d1d;display:block;font-size:.9375rem;font-weight:700}#app .sidebar .topHeight .header .text .subtitle{display:block;font-size:.75rem;color:#707070;font-weight:500}#app .sidebar.conversations.invisible,#app .sidebar.invisible{display:none}#app .sidebar.conversations .conversation-list{height:100%;position:relative}#app .sidebar.conversations .conversation-list .empty-message{display:flex;margin:0;position:absolute;top:50%;transform:translateY(-50%);vertical-align:bottom;width:100%}#app .sidebar .top{padding:.75rem;padding-left:0;padding-right:0}#app .sidebar .top h3{display:none}#app .sidebar .top h5{margin-top:0}#app .sidebar .top .heads .glide__slides{height:109px}#app .sidebar .top .heads .glide__slides .circle{width:100%}#app .sidebar .top .heads .glide__slides .circle .image{margin-bottom:.5rem}#app .sidebar:not(.conversations) .top{display:none}#app .sidebar .location-list{flex-direction:row;max-height:auto;margin-top:.625rem}#app .sidebar .location-list .heads{width:100%;height:109px}#app .sidebar .location-list .chat-list-item{flex-direction:column;flex:0 0 25%}#app .sidebar .location-list .chat-list-item .content{flex-direction:row;margin-top:.25rem}#app .sidebar .location-list .chat-list-item .content .left .title{font-weight:500;font-size:.8125rem;text-align:center}#app .sidebar .location-list .chat-list-item .content .left .subtitle{display:none}#app .sidebar .category-list{max-height:100%}#app .sidebar .category-list .top-info{background:#f8f8f8;border-bottom:1px solid #ccc;padding:.6875rem;margin:0}#app .sidebar .category-list .top-info .left{display:flex;align-self:center;margin-right:5px}#app .sidebar .category-list .top-info .left .back{display:flex;align-self:center}#app .sidebar .category-list .top-info .left .back button{background:transparent;border:none;padding:10px 5px}#app .sidebar .category-list .top-info .left .back button svg{color:#707070}#app .sidebar .category-list .top-info .left .icon{display:inline-flex;margin-right:.625rem}#app .sidebar .category-list .top-info .left .icon,#app .sidebar .category-list .top-info .left .icon img{width:2.875rem;height:2.875rem;border-radius:2.875rem}#app .sidebar .category-list .top-info .content h5{color:#1d1d1d;display:block;font-size:.9375rem;font-weight:700}#app .sidebar .category-list .top-info .content h6{display:block;font-size:.75rem;color:#707070;font-weight:500}#app .sidebar .category-list .category-list-item>.name{color:#000}#app .sidebar .category-list .category-list-item>.name>.icon{display:none}#app .sidebar .category-list .category-list-item .item-group{display:flex!important;flex-wrap:wrap}#app .sidebar .category-list .category-list-item .item-group .name{font-size:.9375rem;color:#1d1d1d;font-weight:700}#app .sidebar .category-list .category-list-item .item-group .chat-list-item{flex:0 0 25%;flex-direction:column;flex-wrap:wrap}#app .sidebar .category-list .category-list-item .item-group .chat-list-item .image{margin:auto}#app .sidebar .category-list .category-list-item .item-group .chat-list-item .content{flex-direction:row;margin-top:.25rem;text-align:center}#app .sidebar .category-list .category-list-item .item-group .chat-list-item .content .left .title{display:none;text-align:center}#app .sidebar .category-list .category-list-item .item-group .chat-list-item.no-agent{flex-wrap:nowrap}#app .sidebar .category-list .category-list-item .item-group .chat-list-item.no-agent .image{margin:0 .625rem 0 0}#app .sidebar .category-list .category-list-item .item-group .chat-list-item.no-agent .subtitle{text-align:left}#app .sidebar.conversations>div{max-height:99%;height:100%}#app .conversation-window:not(.visible){display:none}#app .conversation-window.visible{width:100%;padding-top:0}#app .conversation-window .chatbox>div{height:100%}#app .conversation-window .chatbox .messages{padding:.625rem}#app .conversation-window .chatbox .messages .message{max-width:90%}#app .conversation-window .chatbox .messages .message .image{margin-right:5px}#app .conversation-window .chatbox .messages .message .image img{width:28px;height:28px}#app .conversation-window .chatbox .chat-header{background-color:#f4f4f4;border-bottom:1px solid #ccc;padding-top:.9375rem}#app .conversation-window .chatbox .chat-header .back{display:flex;align-self:center;margin-right:0;width:25px;min-width:25px}#app .conversation-window .chatbox .chat-header .back button{background:transparent;border:none;padding:10px 5px}#app .conversation-window .chatbox .chat-header .back button svg{color:#707070}#app .conversation-window .chatbox .chat-header .avatar{width:100%;min-width:2.875rem;max-width:2.875rem;margin-right:.5rem}#app .conversation-window .chatbox .chat-header .text{flex:2;max-width:53%}#app .conversation-window .chatbox .chat-header .text .agentName,#app .conversation-window .chatbox .chat-header .text .category{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#app .conversation-window .chatbox .chat-header .buttons{flex:1}#app .conversation-window .chatbox .chat-header .buttons button{margin-left:1rem;margin-right:0}#app .conversation-window .chatbox .chat-header .buttons button.close{display:none}#app .new-issue-container{margin-top:auto;order:10}.call-center .header{display:flex;flex-direction:row;flex-shrink:0;border-bottom:1px solid #f4f4f4;justify-content:space-between;background-color:#f4f4f4;border-bottom:1px solid #ccc;padding:.6875rem!important}.call-center .header .back{display:flex;align-self:center;margin-right:5px}.call-center .header .back button{background:transparent;border:none;padding:10px 5px}.call-center .header .back button svg{color:#707070}.call-center .header .avatar{flex-grow:0;margin-right:.625rem}.call-center .header .avatar img{width:2.875rem;height:2.875rem;border-radius:2.875rem}.call-center .header .text{flex-grow:2;align-self:center;align-items:center;font-weight:700;font-size:.9375rem;line-height:1.125rem}.call-center .header .text .subtitle{color:#707070;font-weight:500;font-size:.75rem}.call-center .category-selector{display:inline-flex;place-content:center}}@media(max-width:375px){#app .conversation-window .chatbox .chat-header .text{max-width:49%}}