@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);jj-chatapp{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;font-family:Poppins,sans-serif}jj-chatapp .clearfix{float:none;clear:both}jj-chatapp .update-animation{position:absolute;padding-top:10px}jj-chatapp .update-animation .lds-ellipsis{display:inline-block;position:relative;width:40px;height:40px;-webkit-transform:scale(.6);transform:scale(.6)}jj-chatapp .update-animation .lds-ellipsis div{position:absolute;top:0;width:15px;height:15px;border-radius:50%;background:#a9a9a9;-webkit-animation-timing-function:cubic-bezier(0,.4,.4,0);animation-timing-function:cubic-bezier(0,.4,.4,0)}jj-chatapp .update-animation .lds-ellipsis div:first-child,jj-chatapp .update-animation .lds-ellipsis div:nth-child(2){left:6px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}jj-chatapp .update-animation .lds-ellipsis div:nth-child(2),jj-chatapp .update-animation .lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}jj-chatapp .update-animation .lds-ellipsis div:nth-child(3){left:32px}jj-chatapp .update-animation .lds-ellipsis div:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}jj-chatapp .pause_area{width:100%}jj-chatapp .chatPause{position:relative;margin-top:-618px;height:450px;background-color:rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}jj-chatapp .chatPause div{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}jj-chatapp .chatPause div span{color:#fff;font-weight:700;background-color:#000;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin-bottom:5px}jj-chatapp .pop-enter-active,jj-chatapp .pop-leave-active{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform-origin:center top;transform-origin:center top}jj-chatapp .pop-enter,jj-chatapp .pop-leave-active,jj-chatapp .pop-leave-to{-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transform-origin:center top;transform-origin:center top}jj-chatapp .insert_area .msg-title{font-weight:700;font-size:10pt;text-align:left}jj-chatapp .writing_area{text-align:right}jj-chatapp .writing_area .isWritingNow{font-size:10pt;font-style:italic}jj-chatapp .insert_area{text-align:left}jj-chatapp .insert_area,jj-chatapp .translation_area,jj-chatapp .writing_area{border:1px solid #000;padding:10px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}jj-chatapp .insert_area .msg,jj-chatapp .translation_area .msg,jj-chatapp .writing_area .msg{width:100%;padding:7px;background-color:#ccc;margin:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;height:70px;overflow-x:auto;color:#000;font-size:12pt;border:1px solid #000;border-color:transparent}jj-chatapp .insert_area:focus,jj-chatapp .insert_area :focus,jj-chatapp .translation_area:focus,jj-chatapp .translation_area :focus,jj-chatapp .writing_area:focus,jj-chatapp .writing_area :focus{outline:none;border:1px solid #000}jj-chatapp .insert_area .button,jj-chatapp .insert_area .thumbButton,jj-chatapp .translation_area .button,jj-chatapp .translation_area .thumbButton,jj-chatapp .writing_area .button,jj-chatapp .writing_area .thumbButton{border:1px solid #000;padding:7px;display:inline-block;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000;margin-top:8px}jj-chatapp .insert_area .thumbButton,jj-chatapp .translation_area .thumbButton,jj-chatapp .writing_area .thumbButton{padding:5px;border:0;display:block;width:35px;height:35px;float:right;overflow:hidden;border:1px solid #000}jj-chatapp .insert_area .thumbButton .button-text,jj-chatapp .translation_area .thumbButton .button-text,jj-chatapp .writing_area .thumbButton .button-text{padding-top:0;display:block;float:right;margin-left:5px;font-size:14pt}jj-chatapp .tinyImg{display:inline-block;font-size:8pt;margin-left:7px;text-align:center}jj-chatapp .tinyImg .img{width:20px;height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;text-decoration:none;display:inline-block;margin-left:5px;font-size:11.76471px;padding:3px;text-align:center;position:relative}jj-chatapp .tinyImg .img img{width:20px;height:20px;position:absolute;top:0;left:0;border-radius:50%}jj-chatapp .translation_area,jj-chatapp .writing_area{border-bottom:0}jj-chatapp .translation_area{font-size:8pt}jj-chatapp .translation_area span{margin-right:6px}jj-chatapp .translation_area span a{color:#000}jj-chatapp .chatMembers{font-size:10pt;margin-bottom:10px;font-weight:700}jj-chatapp .msg_area{border:1px solid #000;width:100%;height:450px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:auto}jj-chatapp .msg_area .container{border-bottom:0}jj-chatapp .msg_area .noMessages{color:#888}jj-chatapp .msg_area .showMessages{margin:0;padding:0}jj-chatapp .msg_area .showMessages ul{margin:0;padding:0;list-style:none}jj-chatapp .msg_area .showMessages .messagesAnimation-enter-active,jj-chatapp .msg_area .showMessages .messagesAnimation-leave-active{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}jj-chatapp .msg_area .showMessages .messagesAnimation-enter,jj-chatapp .msg_area .showMessages .messagesAnimation-leave-active,jj-chatapp .msg_area .showMessages .messagesAnimation-leave-to{-webkit-transform:scale(0);transform:scale(0);opacity:0}jj-chatapp .msg_area .showMessages .msg-container{text-align:left;margin:0;margin-bottom:20px;list-style:none;padding:0}jj-chatapp .msg_area .showMessages .msg-container .thumbsUp{text-align:left;display:block}jj-chatapp .msg_area .showMessages .msg-container .thumbsUp svg{width:60px;display:inline-block}jj-chatapp .msg_area .showMessages .msg-container.me{text-align:right}jj-chatapp .msg_area .showMessages .msg-container.me .date{text-align:left}jj-chatapp .msg_area .showMessages .msg-container.me .thumbsUp{text-align:right}jj-chatapp .msg_area .showMessages .msg-container.me .viewImgContainer .viewImg{text-align:right;float:right}jj-chatapp .msg_area .showMessages .msg-container .msg{display:block;padding:10px;position:relative;color:#fff;font-size:15px;background-color:#00695c;border-radius:3px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.3)}jj-chatapp .msg_area .showMessages .msg-container .img{width:50px;height:50px;background-color:#d3d3d3;font-size:29.41176px;text-align:center;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;display:inline-block;margin-bottom:5px;text-decoration:none;position:relative}jj-chatapp .msg_area .showMessages .msg-container .img img{width:50px;height:50px;position:absolute;top:0;left:0;border-radius:50%}jj-chatapp .msg_area .showMessages .msg-container .viewImgContainer{display:block;width:100%;text-align:right}jj-chatapp .msg_area .showMessages .msg-container .viewImgContainer .viewImg{display:inline-block;float:left}jj-chatapp .msg_area .showMessages .msg-container .viewImgContainer .viewImg .hasRead{font-size:7pt;margin-right:3px}jj-chatapp .msg_area .showMessages .msg-container .viewImgContainer .viewImg .img,jj-chatapp .msg_area .showMessages .msg-container .viewImgContainer .viewImg img{width:15px;height:15px;font-size:6pt;padding:0;padding-top:3px;margin-right:2px}jj-chatapp .msg_area .showMessages .msg-container .viewImgContainer .viewImg .img img,jj-chatapp .msg_area .showMessages .msg-container .viewImgContainer .viewImg img img{padding:0}jj-chatapp .msg_area .showMessages .msg-container .date{font-size:8pt;margin-top:10px;text-align:right}jj-chatapp .msg_area .showMessages .msg-container .fullname{font-size:10pt;margin-bottom:10px}jj-chatapp .translation_area a,jj-chatapp .translation_area a:hover,jj-chatapp .translation_area a:visited{color:#000;padding:2px;text-decoration:none;border:1px dotted #000;border-radius:50%}jj-chatapp .translation_area a.current,jj-chatapp .translation_area a.current:hover,jj-chatapp .translation_area a.current:visited{background-color:#000;color:#fff}