@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0}html,body{height:100%;margin:0;overflow:hidden}.container{display:flex;flex-direction:column;height:100vh}.msg-header{width:100%;border-bottom:none;display:inline-block;margin:0;padding:15px 0}.msg-header-text{padding:0 20px;color:#fff}.active{width:150px;float:left;color:#000;font-weight:700;margin:0 0 0 5px;height:10%}.msg-inbox{flex-grow:1;overflow-y:auto;padding:20px 15px 0 25px}.msg-bottom{margin-top:auto;position:relative;display:flex;justify-content:center;align-items:center}.input-group{outline:none!important;border-radius:20px;width:61%!important;background-color:#fff;position:relative;display:flex;padding:8px 0;margin:10px 0;flex-wrap:wrap;align-items:stretch}.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.form-control{border:none!important;border-radius:20px!important;display:block;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input-group-text{background:transparent!important;border:none!important;display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1.5rem;font-weight:b;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem;font-weight:700!important;cursor:pointer}input:focus{outline:none;border:none!important;box-shadow:none!important}.send-icon{font-weight:700!important}.received-msg{display:inline-block;vertical-align:top;width:96%;margin:7px 0}.received-msg-inbox{width:57%}.received-msg-inbox p{background:#efefef none repeat scroll 0 0;border-radius:10px;color:#646464;font-size:14px;padding:1rem;width:100%;box-shadow:#00000040 0 5px 5px 2px}p{overflow-wrap:break-word}.time{color:#efefefda;display:block;font-size:12px;margin:8px 0 0}.outgoing-chats{overflow:hidden;margin:6px 20px}.outgoing-chats-msg p{background-color:#3a12ff;background-image:linear-gradient(45deg,#ee087f,#dd2a7b,#9858ac,#8134af,#515bd4);border-radius:10px;font-size:14px;color:#fff;padding:5px 10px 5px 12px;width:100%;padding:1rem;box-shadow:#00000040 0 2px 5px 2px}.outgoing-chats-msg{float:right}.new-line{white-space:pre-line}@media only screen and (max-device-width: 850px){*,.time{font-size:13px}.msg-page{max-height:none}.received-msg-inbox{width:87%}.received-msg-inbox p,.outgoing-chats-msg p{font-size:16px}.input-group{margin:10px 0;width:95%!important}.msg-bottom{margin-bottom:55px}}@media only screen and (max-device-width: 450px){*,.time{font-size:12px}.msg-page{max-height:none}.received-msg-inbox p,.outgoing-chats-msg p{font-size:15px}}