body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%}#root{background-color:#f0f0f0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%}#root,.__main{display:-ms-flexbox;display:flex}.__main{max-width:90%;margin:auto;min-height:80vh;width:100%;border-radius:10px;padding-left:0}.__main,.btn{background-color:#fff}.btn{border:none;outline:none;cursor:pointer;width:230px;height:47px;line-height:47px;border-radius:5px;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.02);box-shadow:2px 2px 10px rgba(0,0,0,.02);display:-ms-flexbox;display:flex;padding:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn:hover{background-color:#4664ff;color:#fff;-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}.btn i{-ms-flex:0.2 1;flex:0.2 1;-ms-flex-pack:center;-ms-flex-align:center;height:100%;font-size:18px;border-right:1px solid #ebe7fb}.btn i,.btn span{display:-ms-flexbox;display:flex;justify-content:center;align-items:center}.btn span{-ms-flex:0.8 1;flex:0.8 1;-ms-flex-pack:center;-ms-flex-align:center}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#6c84ff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3b5bfe}.main__chatbody{-ms-flex-positive:1;flex-grow:1;background-color:#f4f3f8;border-radius:10px;display:-ms-flexbox;display:flex}.main__chatlist{border-right:1px solid #ebe7fb;width:26%}.chatlist__heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.main-avatar{margin:20px;width:40px;height:40px;border-radius:50%;margin-right:20px;position:relative}.btn-nobg{background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;font-size:18px;cursor:pointer;padding:10px;color:#dad9dd;outline:none}.search_wrap{background-color:#fff;border-radius:20px;margin:0 10px}.search_wrap input{padding:20px;width:80%;padding-right:0}.search-btn,.search_wrap input{background-color:transparent;border:none;outline:none}.search-btn{height:30px;color:#918da1;width:20%;cursor:pointer;font-size:20px}.chatsText{color:#4462ff;font-weight:lighter;padding-left:20px}.chatlist__items{margin-top:30px;overflow:auto;background-color:#fff;max-height:50vh}.chatlist__item{display:-ms-flexbox;display:flex;border-bottom:1px solid #ebe7fb;cursor:pointer;padding:10px 10px 10px 20px;-webkit-transition:all .3s cubic-bezier(.88,.19,.37,1.11);-o-transition:all .3s cubic-bezier(.88,.19,.37,1.11);transition:all .3s cubic-bezier(.88,.19,.37,1.11);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation-name:showIn;animation-name:showIn;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-timing-function:cubic-bezier(.88,.19,.37,1.11);animation-timing-function:cubic-bezier(.88,.19,.37,1.11);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.1s;animation-delay:.1s}@-webkit-keyframes showIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.chatlist__item:first-child{margin-top:0}.avatar{width:40px;height:40px;border-radius:50%;margin-right:20px;position:relative}.avatar img{max-width:100%;-o-object-fit:cover;object-fit:cover}.chatlist__item .userMeta p{margin:0;padding:0;color:#000;font-weight:600;font-size:14px}.chatlist__item .userMeta span{margin:0;padding:0;color:#ceccd3;font-weight:400;font-size:12px;display:block}.chatlist__item.active,.chatlist__item:hover{background:#f4f3f8}.isOnline{width:10px;height:10px;position:absolute;bottom:0;right:0;color:green;background-color:#ddd;border-radius:50%;border:2px solid #fff}.isOnline.active{background-color:tomato}.avatar-img{overflow:hidden;border-radius:50%;width:100%;height:100%}.main__chatcontent{-ms-flex-positive:1;flex-grow:1;padding:20px 40px;max-width:63%;border-right:1px solid #ebe7fb}.content__header{padding-bottom:15px;border-bottom:1px solid #ebe7fb}.current-chatting-user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.current-chatting-user p{margin:0;font-weight:600}.content__header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.settings .btn-nobg{color:#000}.content__body{max-height:50vh;overflow:auto}.chat__item{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;margin-bottom:15px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;-webkit-animation-name:showIn;animation-name:showIn;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-timing-function:cubic-bezier(.88,.19,.37,1.11);animation-timing-function:cubic-bezier(.88,.19,.37,1.11);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes showIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.chat__item .avatar{margin-right:0;margin-left:20px;padding:1px}.chat__item__content{background-color:#4b495254;padding:15px;border-radius:20px;max-width:50%;min-width:215px}.chat__item__content .chat__meta{-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex;margin-top:10px}.chat__item__content .chat__meta span{font-size:14px;color:#8693d3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chat__meta span{font-size:12px}.chat__msg{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chat__item.other{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.chat__item.other .chat__item__content{background-color:#60626f;color:#fff;border-radius:20px;max-width:50%}.chat__item.other .avatar{margin-right:20px;margin-left:0}.chat__item.other .chat__item__content .chat__meta span{color:#d1d1d1}.content__footer{padding-top:30px}.sendNewMessage{background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:10px;border-radius:8px}.sendNewMessage button{width:36px;height:36px;color:#918da1;border:none;-webkit-box-shadow:none;box-shadow:none;outline:none;cursor:pointer;font-size:16px;padding:0;border-radius:5px;line-height:36px;-webkit-transition:all .3s cubic-bezier(.88,.19,.37,1.11);-o-transition:all .3s cubic-bezier(.88,.19,.37,1.11);transition:all .3s cubic-bezier(.88,.19,.37,1.11)}.sendNewMessage button:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.sendNewMessage button i{display:block}.sendNewMessage input{-ms-flex-positive:1;flex-grow:1;padding:0 15px;background-color:transparent;border:none;outline:none}#sendMsgBtn{background-color:#fff;color:#918da1}
/*# sourceMappingURL=main.fee58a8e.css.map*/