.chat{align-items:flex-start;width:calc(100% - 30px);height:88vh;margin:0 auto;padding:10px 0;display:flex;overflow:hidden}@media (width<=767px){.chat{flex-direction:column;height:auto;padding:0 10px;margin-left:0!important}}.chat .chat-sidebar{background-color:#fff;border:1px solid #e4e4e4;border-radius:0;flex:0 0 25%;max-width:25%;height:100%}@media (width<=767px){.chat .chat-sidebar{flex:0 0 100%;width:100%;max-width:100%;height:auto}}.chat .chat-sidebar .menu-list{width:100%;height:calc(100vh - 265px);overflow-y:auto}@media (width<=767px){.chat .chat-sidebar .menu-list{height:auto}}.chat .chat-sidebar .menu-list span:last-child{border:none}span.unread-msg{color:#fff;background-color:#03a9af;border-radius:100px;padding:1px 6px;font-size:10px;line-height:normal;display:inline-block}.chat .chat-sidebar .menu-list .chat-group-list.active{background-color:#62d1d7;font-weight:600}.chat .content{background-color:#efeae2;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;flex-grow:1;height:100%}@media (width<=767px){.chat .content{border:1px solid #e4e4e4;width:100%;margin-top:-1px}}.chat .content .chat-box{flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative}.chat .content .chat-box .chat-header{background-color:#fff;border-bottom:1px solid #e4e4e4;height:60px;padding:6px 16px;position:sticky;top:0}@media (width<=767px){.chat .content .chat-box .chat-header{height:auto}}.chat .content .chat-box .chat-header span{text-transform:capitalize;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.chat .content .chat-box .chat-texts{background-color:#f6f8fc;flex-direction:column;flex-grow:1;justify-content:space-between;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.chat .content .chat-box .chat-texts form{background-color:#fff;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;gap:10px;padding:10px 16px;display:flex;position:sticky;bottom:0}@media (width<=767px){.chat .content .chat-box .chat-texts form{border-bottom:1px solid #0000;border-right:1px solid #0000}}.chat .content .chat-box .chat-texts form input{background-color:#f6f8fc;border:1px solid #e4edff;border-radius:8px;outline:none;width:100%;min-width:0;min-height:20px;padding:9px;font-size:15px;line-height:20px}.chat .content .chat-box .chat-texts form button{background-color:#0000}.chat .content .chat-box .chat-texts form button img{transform:rotate(45deg)}.chat .content .chat-box .chat-texts .chats-messages{flex-direction:column;flex:1;padding:10px 16px;display:flex;overflow-y:scroll}.chat .content .chat-box .chat-texts .chats-messages .left{background-color:#fff;border-radius:10px;flex-direction:column;gap:2px;width:100%;max-width:40%;padding:15px 15px 10px;display:flex;box-shadow:-3px 4px 6px #0000000b}.chat .content .chat-box .chat-texts .chats-messages .left-group{background-color:#fff;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:15px 15px 10px;display:flex;box-shadow:-3px 4px 6px #0000000b}@media (width<=1024px){.chat .content .chat-box .chat-texts .chats-messages .left{max-width:90%}}.chat .content .chat-box .chat-texts .chats-messages .left p,.chat .content .chat-box .chat-texts .chats-messages .right p{color:#424242;text-align:left;margin:0;font-size:14px;font-weight:500}.chat .content .chat-box .chat-texts .chats-messages .right span,.chat .content .chat-box .chat-texts .chats-messages .left span{text-align:right;color:#424242;margin-top:10px;font-size:12px;font-weight:500}.chat .content .chat-box .chat-texts .chats-messages .message-in{align-items:flex-start;margin-bottom:2px;padding-left:50px;padding-right:50px}@media (width<=1024px){.chat .content .chat-box .chat-texts .chats-messages .message-in{padding-left:0;padding-right:0}}.chat .content .chat-box .chat-texts .chats-messages .right{background-color:#fff;border-radius:10px;flex-direction:column;gap:2px;width:100%;max-width:40%;padding:15px 15px 10px;display:flex;box-shadow:-3px 4px 6px #0000000b}.chat .content .chat-box .chat-texts .chats-messages .right-group{background-color:#fff;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:15px 15px 10px;display:flex;box-shadow:-3px 4px 6px #0000000b}@media (width<=1024px){.chat .content .chat-box .chat-texts .chats-messages .right{max-width:90%}}.text-group-message{color:#1c5877;line-height:0;display:flex}.date-group-msg{justify-content:flex-end;font-size:12px;line-height:0;display:flex}.chat-messagesline-delete{font-size:20px}.chat .content .chat-box .chat-texts .chats-messages .message-in{flex-direction:column;gap:10px;margin-top:15px;margin-bottom:15px;display:flex}.chat .content .chat-box .chat-texts .chats-messages .message-in.message-right{align-items:flex-end}.chat .content .chat-box .chat-texts .chats-messages .message-in .original-text{flex-direction:column;display:flex}.chat .content .chat-box .chat-texts .chats-messages .message-in .original-text span{width:auto}.chat .content .chat-box .chat-texts .chats-messages .message-in .original-text p{flex:1}.chats-button{justify-content:flex-end;align-items:center;gap:10px;padding:10px;display:flex}.chats-button button{color:#fff;background-color:#1a9fb2;border-radius:5px;width:auto;padding:10px}.chat .content.empty{background-color:#fff;border:1px solid #e4e4e4;margin-left:-1px;position:relative}.chat .content.empty .absolute-p{color:#424242;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=767px){.chat .content.empty{border:1px solid #e4e4e4;margin-top:-1px;margin-left:0}.chat .content.empty .absolute-p{color:#424242;justify-content:center;align-items:center;min-height:100px;margin:0;font-weight:600;display:flex;position:relative;top:0;left:0;transform:none}}.chat .chat-sidebar.empty{text-align:center;background-color:#fff;width:100%;height:100%;position:relative}.chat .chat-sidebar.empty .absolute-p{color:#424242;text-align:center;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.create-new-chat-room{flex-wrap:wrap;gap:10px;max-width:1400px;margin:20px auto;display:flex}.create-new-chat-room .select-employee{cursor:pointer;border-bottom:1px solid #ddd;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0 0 10px;display:flex}.create-new-chat-room .select-employee .img{color:#fff;text-align:center;text-transform:uppercase;background-color:#1a9fb2;border-radius:100%;width:40px;height:40px;font-size:20px;font-weight:600;line-height:40px}.create-new-chat-room .select-employee .content p{margin:0}.create-new-chat-room .select-employee .content p.heading{color:#000;text-transform:capitalize;font-size:14px;font-weight:600}.create-new-chat-room .select-employee .content p.faded{color:#726f75;font-size:12px}.create-new-chat-room .select-employee .original-img{object-fit:cover;object-position:center;border:2px solid #eee;border-radius:100%;width:49px;height:49px;padding:2px;overflow:hidden}.go-to-chat{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.go-to-chat svg{color:#00a884;cursor:pointer;font-size:20px}.chat .chat-sidebar .menu-list .original-img{object-fit:cover;object-position:center;border:1px solid #d4d4d4;border-radius:100%;width:36px;height:36px;padding:2px;overflow:hidden}.chat .content .chat-box .chat-header .original-img{object-fit:cover;object-position:center;border:1px solid #d4d4d4;border-radius:100%;width:36px;height:36px;overflow:hidden}.chat-group{border-bottom:1px solid #e4e4e4;align-items:center;gap:6px;width:100%;padding:6px 8px;display:inline-flex;overflow-x:auto}.chat-group-badge{cursor:pointer;background-color:#f0f2f5;border-radius:100px;justify-content:center;align-items:center;padding:6px 10px;display:inline-flex}.chat-group-badge.active{background-color:#35aeb5}.chat-badge-text{color:#424242;margin-right:10px;font-size:12px;font-weight:600}.chat-group-badge.active .chat-badge-text{color:#fff}.chat-count{color:#fff;background-color:#ca295a;border-radius:100px;justify-content:center;align-items:center;padding:1px 6px;font-size:12px;display:inline-flex}.active-chat-person{justify-content:space-between;align-items:center;display:flex}.add-chat-group{flex-shrink:0;display:inline-flex}.active-chat-person{border-bottom:1px solid #e4e4e4;height:57px;padding:6px 10px}@media (width<=767px){.active-chat-person{height:auto}}.active-chat-avatar{object-position:center;justify-self:center;align-items:center;display:inline-flex;overflow:hidden}.avatar-img{object-fit:cover;border:1px solid #d4d4d4;border-radius:100%;width:40px;height:40px;padding:2px}.add-chat-group.btn,.add-chat-group{color:#1c5877;background-color:#fff;border:2px solid #1c5877;font-size:18px}.add-chat-group.btn:hover,.add-chat-group.btn:focus,.add-chat-group.btn:active,.add-chat-group:hover,.add-chat-group:focus,.add-chat-group:active,.add-chat-group.btn:active{color:#fff;background-color:#1c5877;border:2px solid #1c5877}.chat-group-list{flex-direction:column;display:flex}.chat-group-list.active{background-color:#f0f2f5}.chatperson{cursor:pointer;border-bottom:1px solid #ccc;align-items:center;width:100%;height:49px;padding:6px 10px;display:flex}.chat-messages-line{align-items:flex-start;display:inline-flex}.avatarname{flex-direction:row;justify-content:space-between;width:100%;margin-bottom:0;display:flex}.sendername{color:#424242;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}@media screen and (device-width>=768px) and (device-width<=1024px){.sendername{white-space:nowrap;text-overflow:ellipsis;width:150px;overflow:hidden}}.chattime,.chat-messagesline{color:#424242;font-size:12px;font-weight:400}.chat-messagesline p{white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;overflow:hidden}.chat-messagesline{align-items:center;display:flex}.readicon{flex-shrink:0;margin-right:5px;display:inline-flex}.avatar-icon{flex-shrink:0;display:flex}.avatar-info{width:100%;margin-left:10px;padding-bottom:0;overflow:hidden}.chattime-history{color:#424242;text-align:center;background-color:#fff;border-radius:100px;width:132px;margin:20px auto 5px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block;box-shadow:-3px 4px 6px #0000000b}@media (width<=1024px){.chattime-history{margin:10px auto 5px}}.add-groupmember{background-color:#b52d87;border-bottom:1px solid #e4e4e4;height:57px;padding:6px 10px}.back-group-member{align-items:center;gap:10px;display:flex}.back-group-member,.back-group-member:hover,.back-group-member:focus,.back-group-member:active,.back-group-member:first-child:active{color:#fff;background-color:#0000;border:1px solid #0000;width:100%;font-size:16px;font-weight:500}.search-groupmember input{color:#424242;background-color:#f0f2f5;border-radius:100px;height:36px;font-size:14px;font-weight:600}.search-groupmember input:focus{outline-offset:0;outline:none}.search-groupmember{border-bottom:1px solid #e4e4e4;padding:10px}.empty-message-box{background-color:#fff;border:1px solid #e4e4e4;justify-content:center;align-items:center;width:100%;height:100%;display:flex}