.dark{background-color:#2d3941!important;color:#f4f5f8!important}.light_dark{background-color:#5b6871!important;color:#f4f5f8!important}.title{color:#f4f5f8!important}*{margin:0;padding:0}.app_container{background-color:#dddedc;min-height:100vh;display:flex;justify-content:center;align-items:center;box-shadow:#63636333 0 2px 8px}.main_container{background-color:#f4f5f8;width:90%;height:90vh;display:flex;border-radius:20px;box-shadow:#959da533 0 8px 24px}.side-bar-container{flex:.3;display:flex;flex-direction:column}.header_sidebar{display:flex;justify-content:space-between;padding:5px;margin:10px;background-color:#fff;border-radius:20px;box-shadow:#00000026 1.95px 1.95px 2.6px}.search_sidebar{display:flex;align-items:center;padding:5px;margin:10px;background-color:#fff;border-radius:20px;box-shadow:#00000026 1.95px 1.95px 2.6px}.srh-box{border:none;outline-width:0px;outline-style:none;font-size:1.9 rem;margin:9px;text-align:justify}.chats_sidebar{padding:5px;margin:10px;background-color:#fff;border-radius:20px;flex:1;overflow:scroll;box-shadow:#00000026 1.95px 1.95px 2.6px}.chats_sidebar::-webkit-scrollbar{display:none}.conversation-cont{display:grid;grid-template-columns:32px auto auto;grid-template-rows:auto auto;column-gap:9px;padding:5px;margin:5px;border-radius:20px;transition:.5s}.conversation-cont:hover{background-color:#dddedc}.conversation-cont:active{background-color:#fff}.con-icon{grid-area:1/1/3/2;display:flex;justify-content:center;align-items:center;background-color:#d9d9d9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2rem;font-weight:bolder;color:#fff;width:32px;height:32px;padding:2px;border-radius:50%;justify-self:center;align-self:center}.con-title{grid-area:1/2/2/4;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;color:#0000008a}.con-lstmssg{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem}.con-lstseen{justify-self:flex-end;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem;color:#0000008a}.chat-area-container{flex:.7;display:flex;flex-direction:column}.chat-area-header{display:grid;grid-template-columns:32px auto auto;grid-template-rows:auto auto;column-gap:9px;padding:5px;margin:10px;border-radius:20px;background-color:#fff;box-shadow:#00000026 1.95px 1.95px 2.6px}.chat-icon{grid-area:1/1/3/2;display:flex;justify-content:center;align-items:center;background-color:#d9d9d9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2rem;font-weight:bolder;color:#fff;width:32px;height:32px;padding:2px;margin:0 3px 0 15px;border-radius:50%;justify-self:center;align-self:center}.chat-title{grid-area:1/2/2/4;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;align-self:center;justify-self:center;color:#0000008a}.chat-status{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem}.chat-title-status{margin-left:5px}.chat-del-btn{justify-self:flex-end;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem;color:#0000008a}.chat-area-convo{flex:1;background-color:#fff;border-radius:20px;padding:5px;margin:10px;overflow:scroll;box-shadow:#00000026 1.95px 1.95px 2.6px}.chat-area-convo::-webkit-scrollbar{display:none}.other-message-cont{display:grid;grid-template-columns:32px auto auto;grid-template-rows:auto auto;column-gap:9px;padding:5px;margin:5px;border-radius:20px}.other-lstmssg{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;padding-left:10px}.other-lstseen{justify-self:flex-end;align-self:flex-end;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem;color:#0000008a}.other-message-box{background-color:#d9d9d9;padding:10px;margin:0 0 0 20px;border-radius:20px;width:max-content;display:flex;flex-direction:column}.other-title{grid-area:1/2/2/4;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;font-size:.75rem;color:#0000008a;padding-left:10px}.other-icon{grid-area:1/1/3/2;display:flex;justify-content:center;align-items:center;background-color:#d9d9d9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2rem;font-weight:bolder;color:#fff;width:48px;height:48px;padding:2px;border-radius:50%;justify-self:center;align-self:center;margin-right:8px}.self-message-cont{display:flex;justify-content:flex-end}.message-box{display:flex;flex-direction:column;background-color:#63d7b0;width:max-content;padding:10px;margin:5px;border-radius:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.self-timeStamp{justify-self:flex-end;align-self:flex-end;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem;padding-left:90px;color:#0000008a}.chat-area-send{background-color:#fff;border-radius:20px;min-width:32px;display:flex;justify-content:space-between;padding:5px;margin:10px;box-shadow:#00000026 1.95px 1.95px 2.6px}.message-bar{border:none;outline-width:0px;outline-style:none;font-size:1.5 rem;margin:9px;flex:.8;text-align:justify}.welcome-logo{height:20vw}.welcome-cont{display:flex;flex:.7;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0000008a;border-bottom:5px solid #63d7b0;border-top:5px solid #63d7b0;border-radius:20px;box-shadow:#959da533 0 8px 24px}.createGroups-cont{flex:.7;padding:20px 10px;margin:10px;align-self:center;background-color:#fff;border-radius:20px;display:flex;justify-content:space-between;box-shadow:#959da533 0 8px 24px}.login-cont{height:90vh;width:90vw;background-color:#f4f5f8;border-radius:20px;display:flex;box-shadow:#959da533 0 8px 24px}.img-cont{flex:.3;display:flex;justify-content:center;align-items:center}.login-box{flex:.7;background-color:#fff;border-bottom:5px solid #63d7b0;border-top:5px solid #63d7b0;border-radius:20px;margin:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#63d7b0;font-weight:bolder;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.list-cont{flex:.7;display:flex;flex-direction:column}.list-cont-header{display:flex;justify-content:flex-start;padding:5px;margin:10px;border-radius:20px;box-shadow:#00000026 1.95px 1.95px 2.6px;background-color:#fff}.list-icon{width:2rem;height:2rem;margin-left:10px;margin-right:5px}.list-title{font-size:.9rem;justify-self:center;align-self:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:bolder;color:#0000008a;margin:5px}.user-icon{grid-area:1/1/3/2;display:flex;justify-content:center;align-items:center;background-color:#d9d9d9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2rem;font-weight:bolder;color:#fff;width:32px;height:32px;padding:2px;margin:0 3px 0 15px;border-radius:50%;justify-self:center;align-self:center}.user-list-area{display:grid;grid-template-columns:32px auto auto;grid-template-rows:auto auto;column-gap:9px;padding:5px;margin:10px;border-radius:20px;background-color:#fff;box-shadow:#00000026 1.95px 1.95px 2.6px;transition-duration:.5s}.user-list-title{font-size:1.1rem;justify-self:center;align-self:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:bolder;color:#0000008a;margin:5px}.user-list-area:hover{background-color:#dddedc}.user-list-area:active{background-color:#fff}.users_list{padding:10px;margin:10px;overflow:scroll;flex-direction:column}.users_list::-webkit-scrollbar{display:none}