@charset "utf-8";#chatApp{display:none;}.allUsersList{width: 350px;margin: 20px;}.allUsersList .chatcard-header{background: #cf1646;color: #FFF;padding: 10px;}.allUsersList .image img{border-radius: 16px;}.usersChatList{position: absolute;width: 250px;bottom: 0;margin-bottom: 0;right: 360px;}.show{display: block;}.thumb-user-list{display: none;}.thumb-user-list .image img{border-radius: 30px;}.usersChatList .chatcard-header{background: #cf1646;font-size: 13px;}.chatBox{position: fixed;bottom: 0;right: 60px;width: 370px;margin: 40px;margin-bottom: 0;font-size: 13px;z-index:1600;}.chat-content{overflow: auto;height: 370px;padding:10px;background:#fff;}.chatcard-footer {background:#fff;}.chatBox .chatcard{border-radius: 4px;box-shadow: 0 10px 5px 0 #d1cece;}.chatBox .chatcard-header{background: #cf1646;padding:10px;}.header-title{height: 50px;}.chatcard-header-title i{font-size: 10px;color: #32e4cd;margin-right: 6px;}.chatcard-header .chatcard-header-title{color: #FFF;font-size: 1.5rem;}.chat-content small{margin: 0;}.chat-content p{background: #ecf1f8;padding: 10px;border-radius: 8px;margin-bottom: 0;}.my-content .media-content{width: 80%;}.my-content .message{float: right;background: #cf1646;color: #FFF;text-align: right;padding: 10px;margin-bottom: 4px;font-size: 13px;}.my-content .chat-content small{float: right;}.my-content small{display: block;float: right;width: 100%;text-align: right;}.chat-textarea{font-size: 14px;padding: 8px;height: 40px;width: 100%;border: none;overflow: auto;outline: none;background:#fafafa;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;resize: none;}.chat-message-group{}.chat-message-group .chat-thumb{float: left;width: 15%;}.chat-message-group .chat-messages{float: left;width: 85%;margin-bottom: 20px;}.chat-message-group .message{float: left;padding: 10px;background: #ecf1f8;font-size: 14px;border-radius: 5px;margin-bottom: 3px;}.chat-message-group .message-operator{float: left;padding: 10px;background: #40ae40;font-size: 14px;border-radius: 5px;margin-bottom: 3px;}.chat-message-group .message-operator:hover{background: #33cc33;}.chat-message-group .message-operator a{color:#fff;}.chat-messages .from{float: left;display: block;width: 100%;text-align: left;font-size: 11px;}.chat-thumb img{border-radius: 40px;}.writer-user .chat-messages{float: right;width: 100%;}.writer-user .chat-messages .message{float: right;background: #cf1646;color: #FFF;}.writer-user .chat-messages .from{float: left;display: block;width: 100%;text-align: right;}.chat-message-group .typing{float: left;}.chatBox .chatcard-header-icon i{color: #FFF;font-size: 13px;position:absolute;top:5px;right:5px;}.outside-box{height: 100px;background: #F8C;width: 200px;margin: 20px;overflow: auto;}.outside-box .content-insider{height: 300px;background: #C9C;}.chatLineButtonSend{background: #fafafa;}.chatLineTextarea{background: #fafafa;border-top: 1px solid #ebebeb;}.spinner {margin: 0 5px;width: 70px;text-align: left;}.spinner > div {width: 4px;height: 4px;background-color: #888;border-radius: 100%;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}.spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}.spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}@-webkit-keyframes sk-bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0) }40% {-webkit-transform: scale(1.0) }}@keyframes sk-bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0);}40% {-webkit-transform: scale(1.0);transform: scale(1.0);}}.emojiBox{width: 150px;margin: 30px;}.emojiBox .box{height: 100px;padding: 4px;}.chatcard-header-title img{border-radius: 40px;}