*,body{margin:0}body{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}.sidebar{display:flex;flex-direction:column;flex:0.35 1}.sidebar-search{display:flex;align-items:center;background-color:#f6f6f6;height:39px;padding:10px}.sidebar-searchContainer{display:flex;align-items:center;background-color:#fff;width:100%;height:35px;border-radius:20px}.sidebar-searchContainer>.MuiSvgIcon-root{color:grey;padding:10px}.sidebar-searchContainer>input{border:none;margin-left:10px}.sidebar-header{padding:20px;border-right:1px solid #d3d3d3}.sidebar-header,.sidebar-header-right{display:flex;justify-content:space-between}.sidebar-header-right{align-items:center;width:10vw}.sidebar-header-right>.MuiSvgIcon-root{margin-right:2vw;font-size:24px!important}.sidebar-chats{flex:1 1;background-color:#fff;overflow:scroll}.sidebar-chats::-webkit-scrollbar{width:10px}.sidebar-chats::-webkit-scrollbar-thumb{background-color:#201c29;border-radius:10px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}.sidebarusername{display:flex;margin-top:8px;margin-right:10px;text-transform:capitalize}.sidebarChat,.sidebarChat1{display:flex;padding:20px;cursor:pointer;border-bottom:1px solid #f6f6f6}.sidebarChat1{background-color:#333;color:#fff}a{text-decoration:none;color:#000}.sidebarChat:hover{background-color:#ebebeb}.sidebarChat-info>h2{font-size:16px;margin-bottom:8px;text-transform:capitalize}.sidebarChat-info{margin-left:15px}.btn{background-color:#2d88ff;border:none;padding:10px;align-items:space-between;cursor:pointer!important;width:auto;border-radius:10px;height:auto;color:#fff;text-decoration:none;display:inline-block;text-align:center;font-size:14px}.footer-bottom{bottom:0}.footer-bottom,.header-top{position:fixed;left:0;width:100%;background-color:#000;color:#fff;text-align:center}.header-top{top:0}.chat{flex:0.65 1;display:flex;flex-direction:column}.chat-header{padding:20px;display:flex;align-items:center;border-bottom:1px solid #d3d3d3}.chat-headerInfo{flex:1 1;padding-left:20px}.chat-headerInfo>h3{margin-bottom:3px;font-weight:500;text-transform:capitalize}.chat-headerInfo>p{color:grey}.chat-headerRight{display:flex;justify-content:space-between;min-width:100px}.chat-body{flex:1 1;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat;background-position:50%;padding:30px;overflow:scroll}.chat-body::-webkit-scrollbar{width:10px}.chat-body::-webkit-scrollbar-thumb{background-color:#3a3b3c;border-radius:10px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)}.chat-body::-webkit-scrollbar-track{background-color:#ededed}.chat-message{position:relative;font-size:16px;padding:10px;background-color:#fff;border-radius:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:30px}.chat-name{position:absolute;top:-15px;font-weight:800;font-size:xx-small}.chat-reciever{margin-left:auto;background-color:#dcf8c6}.chat-timestamp{margin-left:10px;font-size:xx-small}.chat-footer{display:flex;justify-content:space-between;align-items:center;height:62px;border-top:1px solid #d3d3d3}.chat-footer>form{flex:1 1;display:flex}.chat-footer>form>input{flex:1 1;border-radius:30px;padding:10px;border:none}.chat-footer>form>button{display:none}.chat-footer>.MuiSvgIcon-root{padding:10px;color:grey}.modal:target:before{display:none}.modal:before{content:"";display:block;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.modal .modal-dialog{background:#fefefe;border:1px solid #333;border-radius:5px;margin-left:-200px;position:fixed;left:50%;z-index:11;width:360px;transform:translate(0);transition:transform .3s ease-out;top:20%}.modal:target .modal-dialog{top:-100%;transform:translateY(-500%)}.modal-body{padding:20px}.modal-header{padding:10px 20px;border-bottom:1px solid #eee}.modal-header h2{font-size:20px;display:block}.btn-close{color:#aaa;font-size:30px;text-decoration:none;position:absolute;right:5px;top:0}.messageTick{width:14px;max-width:100%}.login{background-color:#87cefa;height:100vh;width:100vw;display:grid;place-items:center}.login-container{padding:100px;text-align:center;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px}.login-container>img{object-fit:contain;height:100px;margin-bottom:40px}.login-container>button{margin-top:50px;text-transform:inherit!important;background-color:#0a8d48!important;color:#fff}.app{display:grid;place-items:center;background-color:#dadbd3;height:100vh}.app-body{background-color:#ededed;height:88vh;margin-bottom:18px;width:90vw;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.7)}.app-body,.footer-area,.header-area{display:flex}
/*# sourceMappingURL=main.d7c1b38c.chunk.css.map */