@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.container{height:fit-content;letter-spacing:.5px;margin:0 auto;max-width:768px;padding-left:16px;padding-right:16px;width:100%}img{border-radius:100%;border-style:none;vertical-align:middle;width:30px}.msg-header{background:#3cbb9e;background:linear-gradient(150deg,#3cbb9e,#376f62);border:1px solid #ccc;border-bottom:none;border-top-left-radius:16px;border-top-right-radius:16px;display:inline-block;justify-content:space-between;padding:14px 16px}.header-content,.msg-header{align-items:center;display:flex;width:100%}.header-content{flex-direction:row;gap:5px;height:auto}.headerbtn{align-items:center;column-gap:10px;display:flex;flex-direction:row}.headerbtn a{color:#ced4da;font-size:1.2rem}.online{align-items:center;background:#3cbb9e;background:linear-gradient(150deg,#3cbb9e,#3d9782 68%,#3d7769);color:#fff;display:flex;flex-direction:row;font-size:.675rem;gap:10px;padding:8px 10px;width:100%}.dotgreen{background-color:#17eba0;border-radius:50%;height:12px;width:12px}.online p{margin:0}.active{color:#fff;font-weight:700;height:10%;margin:0 0 0 5px;width:150px}.chat-page{background-color:#f2f2f2;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0 0 10px}.msg-inbox{overflow:hidden}.chats{padding:30px 15px 0 25px}.msg-page{max-height:60vh;overflow-y:auto}.msg-bottom{background-color:#f2f2f2;padding:0 16px}.input-group{align-items:stretch;background-color:#f2f2f2;border-radius:12px;display:flex;flex-direction:column;flex-wrap:wrap;margin:13px auto;max-width:600px;outline:none!important;padding:3px;position:relative;width:100%}.input-group>.form-control{height:100%;margin-bottom:0;position:relative}.input-group ul{list-style:none;padding:8px 12px}textarea{resize:none}.input-group ul li{display:inline-block;margin-right:10px}.input-group ul li a{color:#777;font-weight:600}.form-control{background-clip:padding-box;background-color:#fff;border:none!important;border-radius:10px;border-bottom-right-radius:0;border-top-right-radius:0;color:#495057;display:block;font-size:1rem;height:calc(2.25rem + 2px);line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}textarea:focus{border:none!important;box-shadow:none!important;outline:none}.send-icon{background-color:#3d7769;border-radius:12px;border-bottom-left-radius:0;border-top-left-radius:0;color:#fff;font-size:1.2rem;font-weight:700;height:40px;padding:10px;width:40px}.received-chats{align-items:flex-start;display:flex;flex-direction:row}.received-chats img{display:inline-block;width:24px}.received-msg{display:inline-block;vertical-align:top;width:92%}.received-msg-inbox{width:57%}.received-msg-inbox p{background:#efefef none repeat scroll 0 0;border-radius:10px;box-shadow:-3px 3px 6px 3px #39373740;color:#646464;font-size:14px;margin-left:1rem;padding:1rem;width:100%}p{overflow-wrap:break-word}.time{color:#777;display:block;font-size:12px;margin:8px 0 0}.outgoing-chats{align-items:flex-start;column-gap:10px;display:flex;flex-direction:row-reverse;margin:26px 20px;overflow:hidden}.outgoing-msg{width:57%}.outgoing-chats-msg p{background:#3cbb9e;background:linear-gradient(150deg,#3cbb9e,#376f62);border-radius:10px;box-shadow:0 2px 5px 2px #00000040;color:#fff;font-size:14px;padding:1rem;width:100%}.outgoing-chats-msg{float:right;width:92%}.outgoing-chats-img{display:inline-block;margin-right:1rem;width:50px}@media only screen and (max-device-width:850px){.time{font-size:16px}img{width:20px}.msg-page{height:100%;max-height:350px;overflow-y:auto}.outgoing-chats-msg p,.received-msg-inbox p{font-size:18px}}@media only screen and (max-device-width:500px){.time{font-size:18px}img{width:18px}.msg-page{height:100%;max-height:350px;overflow-y:auto}.received-msg-inbox p{font-size:14px}.outgoing-chats-msg{float:right;width:100%}.outgoing-chats-msg p{font-size:14px}.received-msg-inbox{max-width:300px;width:100%}}::-webkit-scrollbar{height:10px;width:5px}::-webkit-scrollbar-track{background-color:#dfe9eb;border-radius:5px}::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover{background-color:#dfe9eb}::-webkit-scrollbar-thumb{background-color:#3bae94;border-radius:5px}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background-color:#387f6e}.typing-indicator{align-items:center;color:gray;display:flex}.dot{animation:blink 1s infinite;font-size:50px;line-height:0;opacity:0}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.d3cf6d1a.css.map*/