*,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}.app{display:grid;place-items:center;background-color:#daddb3;height:100vh}.app__body{display:flex;margin-top:-50px;width:90vw;height:90vh;background-color:#ededed;box-shadow:-1px 4px 20px -6px rgba(0,0,0,.75)}.chat{flex:0.65 1;display:flex;flex-direction:column}.chat__header{display:flex;padding:20px;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}.chat__headerInfo>p{color:grey}.chat__headerRight{display:flex;justify-content:space-between;min-width:100px}.chat__body{background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);flex:1 1;background-repeat:repeat;background-position:50%;padding:30px;overflow-y:scroll}.chat__body>img{height:100px;object-fit:contain}.chat__profile{position:absolute!important;left:-45px}.chat__message{position:relative;font-size:16px;padding:10px;background-color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;margin-bottom:50px;margin-left:20px}.chat__reciver{margin-left:auto;background-color:#dcf8c6}.chat__name{position:absolute;top:-15px;font-weight:800;font-size:x-small}.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:none;border-radius:30px;padding:10px;outline-width:0}.chat__footer>form>button{display:none}.chat__footer>.MuiSvgIcon-root{padding:10px;color:grey}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:200px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;left:-150px}.dropdown-content p{color:#000;padding:12px 16px;text-decoration:none;display:block;cursor:pointer}.mobile__content{display:none!important}.dropdown-content p:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}@media only screen and (max-width:600px){.chat{flex:1 1}.chat__reciver .chat__profile{left:245px;top:-15px}.mobile__content{display:block!important}}.sidebarChat{display:flex;padding:20px;cursor:pointer;border-bottom:1px solid #f6f6f6}.sidebarChat:hover{background-color:#ebebeb}.sidebarChat__info>h2{font-size:16px;margin-bottom:8px}.sidebarChat__info{margin-left:15px}a{text-decoration:none;color:#000}.sidebar{display:flex;flex-direction:column;flex:0.35 1}.sidebar__header{padding:20px;border-right:1px solid #d3d3d3}.sidebar__header,.sidebar__headerRight{display:flex;justify-content:space-between}.sidebar__headerRight{align-items:center;min-width:10vw}.sidebar__headerRight>.MuiSvgIcon-root{margin:2vw;font-size:24px!important}.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}.sidebar__searchContainer input{border:none;outline-width:0;margin-left:10px}.sidebar__chats{flex:1 1;background-color:#fff;overflow-y:scroll}@media only screen and (max-width:600px){.sidebar{display:none}}.login{background-color:#f8f8f8;height:100vh;width:100vh;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)}.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}@media only screen and (max-width:600px){.login{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login__container{width:200px}}
/*# sourceMappingURL=main.ef785649.chunk.css.map */