*{padding:0;box-sizing:border-box}*,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}.container-chatapp{display:flex;background:#fff;padding:0 40px}.chat-blank{width:100%;height:100vh;background-color:#edf0f6;display:flex;flex-direction:column;justify-content:center;align-items:center}.chat-blank .welcome-title{font-size:50px;font-weight:400;color:#52606a}.chat-blank .subtitle{font-weight:400;color:#52606a;font-size:16px}.container-threads{width:300px;height:100vh;margin-right:15px}.thread-list{overflow-y:auto}.container-threads .brand-name{margin-top:20px;margin-bottom:20px}.owner-profile{height:180px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:20px}.owner-profile h2{font-weight:600}.owner-profile img{width:100px;height:100px;border-radius:50%}.profile.thread{width:100%;display:flex;align-items:center;height:60px;padding:0 15px;cursor:pointer;background:#fff}.profile.thread .profile-pic-div{position:relative}.profile.thread .profile-pic-div img{width:40px;border-radius:50%;margin-left:20px}.thread-online-status{position:absolute;right:-2px;bottom:8px}.thread-online-status .outer-circle{width:15px;height:15px;background-color:#fff;border-radius:50%;position:relative}.thread-online-status .inner-circle{width:9px;height:9px;background-color:#2dc6ae;border-radius:50%;position:absolute;left:3.5px;top:4px}.profile.thread .profile-name h3{color:#000;font-weight:500}.thread-msg{color:#52606a}.unread-message{font-weight:700;color:#000}.profile.thread .thread-time{font-size:12px;margin-left:auto}.profile.thread.current-thread{border-radius:10px;background-color:#f5f5f5}.spinner-loader{border:5px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:20px;height:20px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.logout-btn{border:1px solid red;color:red;font-size:12px;padding:1px 10px;border-radius:5px;text-align:center;cursor:pointer}.logout-btn:hover{font-weight:700}.no-user-div{height:100vh;width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.no-user-div .no-user-line{margin-bottom:20px}.message-box{display:flex}.message-box .flex1{flex:1 1}.message-main{max-width:80%;margin:5px 0}.message-content{cursor:pointer;border-radius:12px;word-break:break-all;padding:10px 15px;margin:1px 0}.message-main .message-time,.message-status{font-size:12px;color:#757372}.message-box.left-side .message-content{background:#e4e6eb}.message-box.left-side .message-status{float:left}.message-box.right-side .message-content{background:#0084ff;color:#fff}.message-box.right-side .message-status{float:right}.profile{width:100%;background:#fff;display:flex;align-items:center;height:60px;box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}.profile .profile-pic{width:50px;border-radius:50%;margin-left:10px}.profile .back-arrow{color:#000;font-size:30px;margin-left:10px;cursor:pointer;text-align:center}.profile .profile-name{color:#000;padding:0 10px;font-size:.8rem}.profile .profile-name h2{font-weight:500}.container-chat{width:100%;max-width:600px;border-right:2px solid #e4e6eb;border-left:2px solid #e4e6eb}.chat{display:flex;flex-direction:column;height:100vh}.chat .error,.text-error{font-size:14px;color:red;margin-left:20px}.chat-box{padding:10px;overflow-y:auto;flex:1 1;margin:10px;display:flex;flex-direction:column-reverse}.chat-box .load-btn{border:1px solid #8a8c98;border-radius:5px;margin:15px auto;padding:3px 8px;display:block;cursor:pointer}.chat-box .oneday-msgs{font-size:12px;display:block;margin:15px 0;text-align:center}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#aaa}::-webkit-scrollbar-thumb:hover{background:#555}.chat-footer{display:flex;justify-content:center;align-items:center;position:relative;bottom:8px;cursor:pointer}textarea{outline:none;resize:none;display:block;width:100%;border:0;border-radius:30px;margin:5px;padding:13px 60px 0 20px;font-size:16px;min-height:40px;max-height:100px;line-height:20px;background-color:#f3f3f5}textarea::-webkit-input-placeholder{color:grey}textarea:-ms-input-placeholder{color:grey}textarea::placeholder{color:grey}textarea::-webkit-scrollbar{width:2px}.chat-footer .message-send-btn{color:#00a48a;font-size:35px;margin-right:20px;cursor:pointer}.login-page-div{width:300px;max-width:360px;display:block}.login-page-div .login-name{text-align:center;font-size:30px;font-weight:600}#password,.login-btn,.login-page-div #username{width:99%;height:35px;border-radius:7px}.login-page-div .login-error{color:red;font-size:13px}#password,.login-page-div #username{display:block;border:1.4px solid #d6d5da;margin:8px 0;padding:3px 10px}.login-page-div #username{margin-bottom:18px}.login-page-div label{font-weight:600;font-size:16px;color:#333c45}.login-page-div .login-btn{margin-top:20px;color:#fff;background-color:#09843c;outline:none;border:none;font-size:18px}.login-page-div input:focus{outline-color:#4769b3}.login-page-div input::-webkit-input-placeholder{font-weight:500;color:#929ca6}.login-page-div input:-ms-input-placeholder{font-weight:500;color:#929ca6}.login-page-div input::placeholder{font-weight:500;color:#929ca6}.login-page-div .disabled-btn{background-color:#11b555}.landing-page-div{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:auto}.landing-page-div .toggle-line{margin-top:10px;font-size:14px}.landing-page-div .toggle-btn{color:#1b65b5;cursor:pointer}.wrapper-div{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:auto}.signup-page-div{width:300px;max-width:360px;display:block}.signup-page-div .signup-name{text-align:center;font-size:30px;font-weight:600}#password,.signup-btn,.signup-page-div #username{width:99%;height:35px;border-radius:7px}.signup-page-div .signup-error{color:red;font-size:13px}#password,.signup-page-div #username{display:block;border:1.4px solid #d6d5da;margin:8px 0;padding:3px 10px}.signup-page-div #username{margin-bottom:18px}.signup-page-div label{font-weight:600;font-size:16px;color:#333c45}.signup-page-div .signup-btn{margin-top:20px;color:#fff;background-color:#09843c;outline:none;border:none;font-size:18px}.signup-page-div input:focus{outline-color:#4769b3}.signup-page-div input::-webkit-input-placeholder{font-weight:500;color:#929ca6}.signup-page-div input:-ms-input-placeholder{font-weight:500;color:#929ca6}.signup-page-div input::placeholder{font-weight:500;color:#929ca6}.signup-page-div .disabled-btn{background-color:#11b555}.wrapper-div .toggle-line{margin-top:10px;font-size:14px}.wrapper-div .toggle-btn{color:#1b65b5;cursor:pointer}.gender-select-div{margin-top:20px}.gender-select-div #female{margin-left:20px}
/*# sourceMappingURL=main.129be711.chunk.css.map */