*,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;height:100vh;background-color:#e6e6fa}.whatsapp_body{background-color:#d3d3d3;margin-top:50px;margin-bottom:50px;height:80vh;width:80vw;box-shadow:-1px 4px 20px -6px #a9a9a9}.sidebar,.whatsapp_body{display:-webkit-flex;display:flex}.sidebar{-webkit-flex-direction:column;flex-direction:column;-webkit-flex:0.35 1;flex:0.35 1}.sidebar_header{height:10vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;border-right:1px solid #d3d3d3;background-image:url(https://i.pinimg.com/originals/8c/6b/e2/8c6be22eead703b09eb6145008b7d504.jpg);background-color:#22cece}.sidebar_header>.MuiAvatar-root{margin-left:20px;cursor:pointer}.sidebar_headerRight{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;min-width:10vw}.sidebar_headerRight>.MuiSvgIcon-root{margin-right:2vw;font-size:24px!important;cursor:pointer}.sidebar_search{padding:10px;height:39px;background-color:#28aaa4}.sidebar_search,.sidebar_searchContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sidebar_searchContainer{background-color:#fff;width:100%;height:35px;border-radius:20px}.sidebar_searchContainer>.MuiSvgIcon-root{color:#756c6c;padding:10px}.sidebar_searchContainer>input{border:none;margin-left:10px;outline-width:0}.contactsList{-webkit-flex:1 1;flex:1 1;height:63vh;background-color:#fff;background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT5ZfavDGRDmWtnTok6Pdg4hs1JDTV_gMk6Iw&usqp=CAU);overflow:auto}.contactsList::-webkit-scrollbar{width:3px}.contactsList::-webkit-scrollbar-track{background:#f1f1f1}.contactsList::-webkit-scrollbar-thumb{background:#888}.contactsList::-webkit-scrollbar-thumb:hover{background:#555}.IndivudialContacts{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer;border-bottom:1px solid grey;padding:20px}.IndivudialContacts:hover{background-color:#5bd5e6}.IndivudialContacts>h4{font-size:16px;margin-bottom:8px}.IndivudialContacts_info{margin-left:15px}a{text-decoration:none!important;color:#000}.addNew{text-align:center;border-radius:7px;background-color:#04aa6b;border:none;color:#fff;font-size:15px;font-weight:900;padding:15px;width:100%;transition:all .5s;cursor:pointer}.addNew:hover{background-color:#97d35d}.addNew span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.addNew span:after{content:"\00bb";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.addNew:hover span{padding-right:25px}.addNew:hover span:after{opacity:1;right:0}.login{margin-left:auto;margin-right:auto;background-color:#d3e7cd;width:100vw;display:grid;place-items:center}.loginContainer{padding:100px;text-align:center;background-color:#fff;border-radius:10px;box-shadow:green,0,1px;border:2px solid green}.loginContainer>img{object-fit:contain;height:100px;margin-bottom:40px}.loginContainer>button{margin-top:50px;background-color:#4caf50;border:none;border-radius:8px;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer}.loginContainer>button:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.chats{-webkit-flex-direction:column;flex-direction:column;-webkit-flex:0.65 1;flex:0.65 1}.chats,.chats_header{display:-webkit-flex;display:flex}.chats_header{height:10vh;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;background-image:url(https://www.setaswall.com/wp-content/uploads/2019/08/Whatsapp-Wallpaper-102.jpg);background-color:#be0c92}.chats_header>.MuiAvatar-root{margin-left:20px;margin-right:10px;cursor:pointer}.chatHeader_info{-webkit-justify-content:center;justify-content:center;cursor:pointer;-webkit-align-items:center;align-items:center}.chatHeader_info>h3{font-weight:500}.chatHeader_info>p{color:#000}.chats_headerRight{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;min-width:10vw;margin-right:10px}.mainChat{-webkit-flex:1 1;flex:1 1;height:60vh;background-image:url(https://www.haylsworld.com/s/Hayls-World-Whatsapp-Background-05.jpg);background-repeat:repeat;overflow:auto;padding-left:40px}.mainChat::-webkit-scrollbar{width:3px}.mainChat::-webkit-scrollbar-track{background:#fff}.mainChat::-webkit-scrollbar-thumb{background:#00008b}.mainChat::-webkit-scrollbar-thumb:hover{background:#555}.mainChat_sentmessage{position:relative;font-size:16px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;background-color:#fff;margin-bottom:30px;margin-top:20px;margin-right:30px}.mainChat_receivedmessage{margin-left:auto;background-color:#5d49df}.chat_name{position:absolute;margin-top:5px;top:-25px;font-weight:600}.chat_timestamp{margin-left:10px;font-size:xx-small;color:grey}.chatSend{height:10vh;background-color:rgba(113,84,243,.644)}.chatSend,.chatSend_messageContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.chatSend_messageContainer{background-color:#fff;width:100%;height:35px;border-radius:20px}.chatSend_messageContainer>input{border:none;margin-left:10px;outline-width:0}.chatSend_messageContainer>button{display:none}.chatSend_messageContainer>.MuiSvgIcon-root{padding:10px;margin-left:2px}
/*# sourceMappingURL=main.ecf622d3.chunk.css.map */