@import"https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css";@import"https://use.fontawesome.com/releases/v5.5.0/css/all.css";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1580px;margin:0 auto;padding:2rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body,html{height:100%;margin:0;background:#7F7FD5;background:-webkit-linear-gradient(to right,#91EAE4,#86A8E7,#7F7FD5);background:linear-gradient(to right,#91EAE4,#86A8E7,#7F7FD5)}.chat{margin-top:auto;margin-bottom:auto}.card{height:90vh;border-radius:15px!important;background-color:#0006!important}.contacts_body{padding:0!important;overflow-y:auto;white-space:nowrap}.msg_card_body{overflow-y:auto}.card-header{border-radius:15px 15px 0 0!important;border-bottom:0!important}.ca rd-footer{border-radius:0 0 15px 15px!important;border-top:0!important}.container{align-content:center}.search{border-radius:15px 0 0 15px!important;background-color:#0000004d!important;border:0!important;color:#fff!important}.search:focus{box-shadow:none!important;outline:0px!important}.type_msg{background-color:#0000004d!important;border:0!important;color:#fff!important;height:60px!important;overflow-y:auto}.type_msg:focus{box-shadow:none!important;outline:0px!important}.attach_btn{border-radius:15px 0 0 15px!important;background-color:#0000004d!important;border:0!important;color:#fff!important;cursor:pointer}.send_btn,.search_btn{border-radius:0 15px 15px 0!important;background-color:#0000004d!important;border:0!important;color:#fff!important;cursor:pointer}.contacts{list-style:none;padding:0}.contacts li{width:100%!important;padding:5px 10px;margin-bottom:15px!important}.active{background-color:#0000004d}.user_img{height:70px;width:70px;border:1.5px solid #f5f6fa}.user_img_msg{height:40px;width:40px;border:1.5px solid #f5f6fa}.img_cont{position:relative;height:70px;width:70px}.img_cont_msg{height:40px;width:40px}.online_icon{position:absolute;height:15px;width:15px;background-color:#4cd137;border-radius:50%;bottom:.2em;right:.4em;border:1.5px solid white}.offline{background-color:#c23616!important}.user_info{margin-top:auto;margin-bottom:auto;margin-left:15px}.user_info span{font-size:20px;color:#fff}.user_info p{font-size:10px;color:#fff9}.video_cam{margin-left:50px;margin-top:5px}.video_cam span{color:#fff;font-size:20px;cursor:pointer;margin-right:20px}.msg_cotainer{margin-top:auto;margin-bottom:auto;margin-left:10px;border-radius:25px;background-color:#82ccdd;padding:10px;position:relative}.msg_cotainer_send{margin-top:auto;margin-bottom:auto;margin-right:10px;border-radius:25px;background-color:#78e08f;padding:10px;position:relative}.msg_time{position:absolute;left:0;bottom:-15px;color:#ffffff80;font-size:10px}.msg_time_send{position:absolute;right:0;bottom:-15px;color:#ffffff80;font-size:10px}.msg_head{position:relative}#action_menu_btn{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;font-size:20px}.action_menu{z-index:1;position:absolute;padding:15px 0;background-color:#00000080;color:#fff;border-radius:15px;top:30px;right:15px;display:none}.action_menu ul{list-style:none;padding:0;margin:0}.action_menu ul li{width:100%;padding:10px 15px;margin-bottom:5px}.action_menu ul li i{padding-right:10px}.action_menu ul li:hover{cursor:pointer;background-color:#0003}@media (max-width: 576px){.contacts_card{margin-bottom:15px!important}}.msg_cotainer_send{border-bottom-right-radius:0;margin-right:0}.msg_cotainer{border-top-left-radius:0}.bio-img{display:flex;flex-direction:column;justify-content:flex-end;font-size:20px;width:100%;border-top-left-radius:15px;border-top-right-radius:15px;background-position:center;aspect-ratio:1}.bio-img>.name{padding:.25rem;background-color:#00000080}.contacts_head{font-size:20px}textarea{border-top-left-radius:15px!important;border-bottom-left-radius:15px!important}.card{padding:0rem}#app{width:100%!important}.msg_container{text-align:justify!important}p:last-child{margin-bottom:0!important}