.header{background-color:grey}.avatar{border-radius:50%}.avatar,.inbox-icon{width:40px}.dropdown-toggle:after{content:none}.default-avatar{border-radius:50%;width:40px;height:40px;display:table-cell;text-align:center;vertical-align:middle;background-color:#fff}.nav-item-wrapper{position:relative}.number-of-noti{position:absolute;right:0;top:3px;background:#c00;border-radius:50%;color:#fff;min-width:25px}.loading{opacity:.5}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#app .loading{width:80px;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0}.v-spinner .v-beat{-webkit-animation:v-beatStretchDelay .7s linear infinite;animation:v-beatStretchDelay .7s linear infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}.v-spinner .v-beat-odd{-webkit-animation-delay:0s;animation-delay:0s}.v-spinner .v-beat-even{-webkit-animation-delay:.35s;animation-delay:.35s}@-webkit-keyframes v-beatStretchDelay{50%{-webkit-transform:scale(.75);transform:scale(.75);-webkit-opacity:.2;opacity:.2}to{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}}@keyframes v-beatStretchDelay{50%{-webkit-transform:scale(.75);transform:scale(.75);-webkit-opacity:.2;opacity:.2}to{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}}h3[data-v-8dd42dfe]{margin:40px 0 0}ul[data-v-8dd42dfe]{list-style-type:none;padding:0}li[data-v-8dd42dfe]{display:inline-block;margin:0 10px}a[data-v-8dd42dfe]{color:#42b983}.card-contact{text-align:left;height:60px;padding:15px;border:1px solid #d3d3d3}.card-contact.selected{background-color:#d3d3d3}.chat-content{height:600px;border-left:double;overflow-y:scroll}.send-message-box{position:absolute;bottom:0;width:700px}.send-message-box .send_message_input{width:700px;border:1px solid #ccc;border-radius:4px}.message-content{padding:10px;border:1px solid #d3d3d3;border-radius:2px}.message-content .align-left{text-align:left}.message-content .align-right{text-align:right}.chat-box{border-style:ridge}.icon-seen{font-size:4px;width:15px;height:15px;position:absolute;right:-15px;bottom:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;border-radius:50%}.typing{width:40px;padding:5px}.main_content[data-v-ca5efa3c]{height:100%;margin:0;background:#7f7fd5;background:-webkit-gradient(linear,left top,right top,from(#91eae4),color-stop(#86a8e7),to(#7f7fd5));background:linear-gradient(90deg,#91eae4,#86a8e7,#7f7fd5)}.typing-message[data-v-ca5efa3c]{text-align:left;margin-left:33px;bottom:0;color:#f5f5f5}.chat{margin-top:auto;margin-bottom:auto}.chat .back_botton{margin-top:3px;font-size:25px}.card{height:500px;border-radius:15px!important;background-color:rgba(0,0,0,.4)!important}.contacts_body{padding:.75rem 0!important;white-space:nowrap}.contacts_body,.msg_card_body{overflow-y:auto}.card-header{border-radius:15px 15px 0 0!important;border-bottom:0!important}.card-footer{border-radius:0 0 15px 15px!important;border-top:0!important}.container{-ms-flex-line-pack:center;align-content:center}.search{border-radius:15px 0 0 15px!important;background-color:rgba(0,0,0,.3)!important;border:0!important;color:#fff!important}.search:focus{-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important}.type_msg{background-color:rgba(0,0,0,.3)!important;border:0!important;color:#fff!important;height:60px!important;overflow-y:auto}.type_msg:focus{-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important}.attach_btn{border-radius:15px 0 0 15px!important;background-color:rgba(0,0,0,.3)!important;border:0!important;color:#fff!important;cursor:pointer}.search_btn,.send_btn{border-radius:0 15px 15px 0!important;background-color:rgba(0,0,0,.3)!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:rgba(0,0,0,.3)}.user_img{height:70px;width:70px;border:1.5px solid #f5f6fa}.user_img_default{height:70px;width:70px;display:table-cell;text-align:center;vertical-align:middle;border-radius:50%;background-color:#fff}.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;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;border-radius:50%}.online_icon{position:absolute;height:15px;width:15px;background-color:#4cd137;border-radius:50%;bottom:.2em;right:.4em;border:1.5px solid #fff}.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:hsla(0,0%,100%,.6)}.video_cam{margin-left:50px;margin-top:5px}.video_cam span{color:#fff;font-size:20px;cursor:pointer;margin-right:20px}.msg_container{margin-left:10px;background-color:#82ccdd}.msg_container,.msg_container_send{margin-top:auto;margin-bottom:auto;border-radius:25px;padding:10px;position:relative;min-width:50px}.msg_container_send{margin-right:10px;background-color:#78e08f}.msg_time{left:0}.msg_time,.msg_time_send{position:absolute;bottom:-15px;color:hsla(0,0%,100%,.5);font-size:10px}.msg_time_send{right:0}.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:rgba(0,0,0,.5);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:rgba(0,0,0,.2)}@media (max-width:576px){.contacts_card{margin-bottom:15px!important}.card{height:500px}}.contact{cursor:pointer}