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}.chat-container{display:flex}.chat{flex-basis:65%;height:100vh;padding:0 15px;box-sizing:border-box;overflow:auto}.chat-top-bar{padding:10px 0;display:flex;align-items:center;justify-content:space-between;height:10%}.chat-middle-part,.chat-top-bar{border-bottom:1px solid #d3d3d3;box-sizing:border-box}.chat-middle-part{height:75%;overflow:auto;padding-top:10px}.chat-bottom-part{height:15%;overflow:auto;display:flex;align-items:center;box-sizing:border-box;justify-content:center}.chat-bottom-part form{flex-basis:95%;text-align:center}.chat-bottom-part form input{width:90%;height:30px;padding:3px 0;outline-width:0;border-radius:5px;border:none;background-color:#e7e7e7}.chat-middle-part .message img{width:35px;border-radius:50%}.chat-middle-part .message,.sender-message{display:flex;align-items:center;margin-bottom:10px}.sender-message{color:#fff;flex-direction:row-reverse}.sender-message img{margin-left:10px;width:35px;border-radius:50%}.sender-message .message-info{background-color:#639;padding:10px;border-radius:10px}.chat-middle-part .message img{margin-right:10px}.message-info{background-color:#e7e7e7;padding:10px;border-radius:10px}.side-bar{border:1px solid #d3d3d3;flex-basis:35%;height:100vh;padding:10px 15px;box-sizing:border-box;overflow:auto}.side-bar .top-bar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3d3d3}.side-bar .top-bar input{outline-width:0;border:none;background-color:#e7e7e7;padding:3px 0;border-radius:3px}.side-bar .top-bar span{cursor:pointer}.side-bar .top-bar img{width:35px;border-radius:50%;cursor:pointer}.single-chat{display:flex;border-bottom:1px solid #d3d3d3;box-sizing:border-box;padding:10px;transition:.1s;cursor:pointer}.single-chat:hover{background-color:#25eca9;color:#fff}.single-chat img{width:35px;border-radius:50%}.single-chat a{margin-right:10px}.single-chat-info h5{margin:0}.single-chat-info p{margin:2px}.add-chat{background-color:#8a2be2;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.add-chat .input-box{width:50%;background-color:#42b790;box-sizing:border-box;padding:50px 10px;border-radius:15px;text-align:center;position:relative}.add-chat .input-box input{height:30px;background:none;outline-width:0;box-sizing:border-box;padding:0 5px;color:#fff;border:none;border-bottom:2px solid #fff}.add-chat .input-box .validation-error{color:#b63030;margin-top:10px}::-webkit-input-placeholder{color:#fff;opacity:.5}:-ms-input-placeholder{color:#fff;opacity:.5}::-ms-input-placeholder{color:#fff;opacity:.5}::placeholder{color:#fff;opacity:.5}.add-chat .close{position:absolute;right:5%;top:8%;cursor:pointer;color:#fff}.remove{display:none}.login{text-align:center}.login button{margin-top:250px;border:none;background-color:#25eca9;padding:10px 30px;border-radius:7px;cursor:pointer;outline-width:0}
/*# sourceMappingURL=main.04e2551d.chunk.css.map */