.agent-avatar span.wa-icon{position:absolute;top:0;right:0;width:34px;padding:8px;background:#03cc0b;line-height:17px;border-radius:17px;border:solid 2px #fff;height:34px}.agent-avatar span.wa-icon img{display:block}.wa-progress-bar{background:#dfe5ea;position:relative}.wa-progress-bar:after{content:"";display:block;width:100%;height:5px}span.wapb-span{position:absolute;left:0;bottom:0;top:0;background:#03cc0b;box-shadow:0 0 8px rgba(3,204,11,.41)}.agent-forward.notfound{box-shadow:none}.agent-forward.notfound h3{font-weight:400;margin:10px 0 30px;color:#7e7e7e}.agent-forward.notfound h3:after{background:#e24848}a.twwr-wa-button{color:#bbb;display:flex;padding:15px;flex-wrap:wrap;position:relative;text-decoration:none;align-items:center}a.twwr-wa-button span.chat{position:absolute;top:50%;right:15px;transform:translateY(-50%);background-color:#03cc0b;font-size:12px;font-weight:700;color:#fff;text-decoration:none;padding:3px 17px;border-radius:20px}a.twwr-wa-button span.agent-avatar-fig{flex:0 0 40px;display:flex;width:40px;height:40px;border:solid 2px #ddd;border-radius:30px;overflow:hidden}a.twwr-wa-button.Online span.agent-avatar-fig{border-color:#3cd609}a.twwr-wa-button span.agent-avatar-fig img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}a.twwr-wa-button.Online span.agent-avatar-fig img{filter:grayscale(0)}span.agent-detail-fig{flex:0 0 calc(100% - 135px);text-align:left;padding:0 15px;font-size:12px}span.agent-message{display:none}span.agent-number{display:flex;font-size:11px;line-height:16px;letter-spacing:1px}span.agent-label{display:flex;margin:0 -7px;flex-wrap:wrap;line-height:16px;align-items:center}span.agent-label span{padding:0 7px}span.agent-label span.agent-name{flex:0 0 100%;order:3;font-size:16px;font-weight:700;line-height:24px}.Online span.agent-label span.agent-name{color:#333}span.agent-label span.status:before{content:"";display:inline-block;vertical-align:middle;width:10px;height:10px;background:#bbb;margin:-2px 5px 0 0;border-radius:5px}.Online span.agent-label span.status:before{background:#3cd609}span.agent-label span.status{border-left:solid 1px #eee}.Online span.agent-label span.status{color:#3cd609}.agent-list-item{display:block;background:#fff;max-width:350px;margin:0 auto;box-shadow:0 10px 20px #f1f1f1;transition:transform ease-in-out .2s;border-radius:7px;position:relative}.agent-list-item:hover{transform:translateY(3px) scale(1)}.agent-list-item+.agent-list-item{margin-top:20px}p.contact-message{font-size:12px;opacity:.6}@media screen and (max-width:320px){a.twwr-wa-button{align-items:start}a.twwr-wa-button span.agent-avatar-fig{width:40px;height:40px;flex:0 0 40px}span.agent-detail-fig{flex:0 0 calc(100% - 120px)}a.twwr-wa-button span.chat{padding:3px 13px;font-size:12px}.agent-forward h3{font-size:14px;line-height:18px}}