.ninja-chat-design1{display:inline-block;position:fixed;letter-spacing:.1px;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;z-index:9999}@media (max-width:576px){.ninja-chat-design1 .ninja-chat-box{width:290px}}.ninja-chat-design2{display:block;position:fixed;top:21%;right:0;bottom:0;width:280px;height:355px;letter-spacing:.1px;border-radius:7px 0 0 5px;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;z-index:99}.ninja-chat-design2 .ninja-floating-button{position:absolute;margin-top:-13.5px;top:50%;bottom:-24px;right:280px;width:50px;height:50px;line-height:50px;font-size:32px;text-align:center;border-radius:6px 0 0 6px;box-shadow:-2px 0 3px rgba(68,68,68,.59);cursor:pointer}.ninja-chat-design2 .ninja-floating-button i{padding:0 10px 10px 12px;font-size:30px;cursor:pointer}.ninja-chat-design2 .ninja-chat-box{display:block;position:static}.ninja-member-area .d-flex{display:flex;padding:5px;border-radius:5px;border-left:2px solid #fff}.ninja-member-area .ninja-member-avatar{height:50px;width:50px;border-radius:50%;vertical-align:middle}.ninja-member-area .ninja-chat-status-icon{position:absolute;height:10px;width:10px;bottom:0;right:0;border-radius:50%}.ninja-member-area .ninja-member-details{margin-top:0;margin-bottom:auto;margin-left:15px}.ninja-member-area .ninja-chat-chat-icon{position:absolute;margin-top:15px;right:13px}.ninja-member-area .ninja-chat-chat-icon i{display:none;font-size:25px}.ninja-chat-design3{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif}@-webkit-keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.ninja-member-status-online{background:#0dc01c}.ninja-floating-button{background:#fff;display:flex;align-items:center;justify-content:center;position:fixed;width:64px;height:64px;bottom:50px;right:20px;border-radius:50px;text-align:center;box-shadow:0 0 10px rgba(12,12,12,.3);cursor:pointer}.ninja-floating-button:hover{box-shadow:0 0 10px rgba(12,12,12,.5)}.ninja-floating-button i{margin-top:13px;font-size:25px}.ninja-chat-box{display:none;position:fixed;width:300px;bottom:120px;right:30px;border-radius:10px;box-shadow:0 3px 7px rgba(12,12,12,.18);z-index:9}.ninja-chat-header{padding:12px 15px 15px;text-align:center;border-radius:5px 5px 0 0}.ninja-chat-header strong{font-size:15px;line-height:20px}.ninja-chat-header p{margin-bottom:0;font-size:12px;line-height:20px}.ninja-chat-box .ninja-chat-body{padding:20px 20px 15px;min-width:250px;white-space:nowrap;list-style:none;overflow-y:auto;background:#fff}.ninja-chat-body .ninja-member-area:hover{text-decoration:none;cursor:pointer}.ninja-chat-body .ninja-member-area{display:flex;text-decoration:none!important}.ninja-chat-design3 .ninja-chat-body{display:flex;flex-wrap:wrap;padding-bottom:10px;justify-content:center}.ninja-chat-design3 .ninja-chat-body .ninja-member-area{display:flex;flex-direction:column;padding:15px 0 0;width:50%;align-items:center;text-align:center;cursor:pointer}.ninja-member-area .ninja-avatar-container{position:relative;padding:5px;height:50px;width:50px;margin-bottom:4px;border-radius:50%;overflow:hidden;transition:transform .2s ease-in-out}.ninja-member-area:hover .ninja-avatar-container{transform:scale(1.05)}.ninja-avatar-container .ninja-member-avatar{display:block;margin:0 auto;max-width:100%;height:100%}.ninja-member-details span{font-size:14px;font-weight:700;line-height:35px}.ninja-member-details p{margin-top:-5px;margin-bottom:0;font-size:11px;line-height:10px}