*{box-sizing:border-box}body{background-color:#d2dbdc;margin:0;font-family:"Segoe UI",Helvetica Neue,Helvetica,Lucida Grande,Arial}.app-window{display:flex;height:100vh;background-color:#ededed}.sidebar{width:35%;max-width:415px;display:flex;flex-direction:column;border-right:1px solid #ddd}header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.header--avatar{width:40px;height:40px;border-radius:20px;cursor:pointer}.header--buttons{display:flex}.header--btn{width:40px;height:40px;border-radius:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.search{background-color:#f6f6f6;border-bottom:1px solid #eee;padding:5px 15px}.search--input{background-color:#fff;height:40px;border-radius:20px;display:flex;align-items:center;padding:0 10px}.search--input input{flex:1 1;border:0;outline:0;background-color:transparent;margin-left:10px}.chatlist{flex:1 1;background-color:#fff;overflow-y:auto}.chatlist::-webkit-scrollbar{width:6px;height:6px}.chatlist::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}.contentarea{flex:1 1}.chatListItem{display:flex;cursor:pointer;align-items:center;height:70px}.chatListItem:hover{background-color:#f5f5f5}.chatListItem.active{background-color:#ebebeb}.chatListItem--avatar{width:50px;height:50px;border-radius:25px;margin-left:15px}.chatListItem--lines{height:100%;flex:1 1;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #eee;padding-right:15px;margin-left:15px;flex-wrap:wrap;min-width:0}.chatListItem--line{display:flex;justify-content:space-between;align-items:center;width:100%}.chatListItem--name{font-size:17px;color:#000}.chatListItem--date{font-size:12px;color:#999}.chatListItem--lastMsg{font-size:14px;color:#999;display:flex;width:100%}.chatListItem--lastMsg p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0}.chatIntro{background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 180px;border-bottom:6px solid #4adf83}.chatIntro img{width:450px;height:auto}.chatIntro h1{font-size:32px;color:#525252;font-weight:400;margin-top:30px}.chatIntro h2{font-size:14px;color:#777;font-weight:400;margin-top:20px;line-height:20px;text-align:center}.chatWindow{display:flex;flex-direction:column;height:100%}.chatWindow--header{height:60px;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;align-items:center}.chatWindow--headerinfo{display:flex;align-items:center;cursor:pointer}.chatWindow--avatar{width:40px;height:40px;border-radius:50%;margin-left:15px;margin-right:15px}.chatWindow--name{font-size:17px;color:#000}.chatWindow--phone a{color:#000;text-decoration:none}.chatWindow--phone a:hover{text-decoration:underline}.chatWindow--headerbuttons{display:flex;align-items:center;margin-right:15px}.chatWindow--btn{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;transition:all .3s ease}.chatWindow--body{flex:1 1;overflow-y:auto;background-color:#e5ddd5;background-size:cover;background-position:top;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);padding:20px 30px}.chatWindow--body::-webkit-scrollbar{width:6px;height:6px}.chatWindow--body::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}.chatWindow--footer{height:62px;display:flex;align-items:center}.chatWindow--pre{display:flex;margin:0 15px}.chatWindow--inputarea{flex:1 1}.chatWindow--input{width:100%;height:40px;border:0;outline:0;background-color:#fff;border-radius:20px;font-size:15px;color:#4a4a4a;padding-left:15px}.chatWindow--pos{display:flex;margin:0 15px}.chatWindow--emojiarea{height:200px;overflow-y:hidden;transition:all .3s ease}aside.emoji-picker-react{width:auto!important;background:none}aside.emoji-picker-react .content-group:before{background:none}.options--body{background-color:#ededed;width:150px;position:absolute;top:55px;right:20px;display:block}.options--option{cursor:pointer;padding:10px}.options--option:hover{background-color:#f5f5f5}.messageLine{margin-bottom:10px;display:flex}.messageItem{background:#fff;border-radius:10px;box-shadow:0 1px 1px #ccc;display:flex;flex-direction:column;padding:3px;max-width:90%}.messageText{font-size:14px;margin:5px 40px 5px 5px}.messageDate{font-size:11px;color:#999;margin-right:5px;text-align:right;height:15px;margin-top:-5px}.newChat{width:35%;max-width:415px;position:fixed;left:0;top:0;bottom:0;background-color:#fff;display:flex;flex-direction:column;border-right:1px solid #ddd;transition:all .5s ease}.newChat--head{display:flex;background-color:#00bfa5;align-items:center;padding:60px 15px 15px}.newChat--backbutton{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer}.newChat--headtitle{font-size:19px;height:40px;line-height:40px;flex:1 1;font-weight:700;color:#fff;margin-left:20px}.newChat--list{flex:1 1;overflow-y:auto}.newChat--list::-webkit-scrollbar{width:6px;height:6px}.newChat--list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}.newChat--item{display:flex;align-items:center;padding:15px;cursor:pointer}.newChat--item:hover{background-color:#f5f5f5}.newChat--itemavatar{width:50px;height:50px;border-radius:50%;margin-right:15px}.newChat--itemname{font-size:17px;color:#000}.login{height:100vh;align-items:center;justify-content:center}.cardLogin,.login{display:flex;flex-direction:column}.cardLogin{background-color:#fff;width:320px;height:auto;border-radius:10px}.header{display:flex;justify-content:center;align-items:center;background-color:#f1f8fe;color:#444}.header img{width:50px;height:50px;margin-right:10px}.loginContent{display:flex;flex-direction:column;align-items:center;margin:0 20px 50px;color:#444}input{padding:0 10px;margin-bottom:10px;border-radius:10px;border:1px solid #ccc}button,input{height:45px;width:100%}button{background-color:#2196f3;color:#fff;font-weight:700;border:0;border-radius:10px;cursor:pointer}button:hover{background-color:#0d47a1}
/*# sourceMappingURL=main.eb370974.chunk.css.map */