@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap);*,body{margin:0;padding:0}body{background-color:#000;height:100vh;font-family:"Raleway","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#fff;text-decoration:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #2a2f32;border-radius:2px}::-webkit-scrollbar-thumb{background:rgb(92 88 88);border-radius:3px}.App{color:#fff;display:grid;place-items:center;height:100vh;width:100vw;position:relative}.App_Body{background-color:#212121;display:-webkit-flex;display:flex;height:92vh;width:95vw;overflow-x:auto;margin-top:-20px}@media (max-width:576px){.App_Body{height:100vh;width:100vw;margin:0}}.Sidebar{-webkit-flex:0.30 1;flex:0.30 1;-webkit-flex-direction:column;flex-direction:column;min-width:300px;border-right:1px solid hsla(0,0%,100%,.2);position:relative;z-index:10!important}.Sidebar,.Sidebar_Header{display:-webkit-flex;display:flex}.Sidebar_Header{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:10px 10px 10px 20px;background-color:#323536}.MuiSvgIcon-root{font-size:24px!important;color:#fff}.MuiAvatar-root:hover{cursor:pointer!important}.Sidebar_HeaderInfo{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.Sidebar_HeaderInfo h3{margin-left:10px}.MuiMenu-paper{-webkit-transform:translateX(-65%) translateY(25%)!important;transform:translateX(-65%) translateY(25%)!important;background-color:#2a2f32!important;color:#fff!important}.MuiListItem-root{font-size:14px!important}.Sidebar_SearchContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:rgb(37 36 36);height:39px;padding:0 5px}.Sidebar_SearchContainer .MuiSvgIcon-root{color:rgb(108 113 116)!important}.Sidebar_SearchContainer>input{background-color:inherit;color:#fff;border:none;font-size:14px}.Sidebar_SearchContainer>input:focus{outline:none}.Sidebar_Chat{overflow-y:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.Sidebar_Chat .MuiCircularProgress-root{margin:30px auto 0}@media (max-width:620px){.MuiMenu-paper{-webkit-transform:none!important;transform:none!important;padding:0!important}.MuiListItem-root{height:35px!important}}.Modal{position:absolute;background-color:#212727;box-shadow:0 -2px 10px #0a0a0a;color:#fff;z-index:100;top:100px;left:50%;width:400px;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.Modal_Show{-webkit-animation:modalShow .4s ease-out;animation:modalShow .4s ease-out}@-webkit-keyframes modalShow{0%{-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);opacity:0}to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1}}@keyframes modalShow{0%{-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);opacity:0}to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1}}.Modal_Close{-webkit-animation:modalClose .3s ease-in;animation:modalClose .3s ease-in}@-webkit-keyframes modalClose{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1}to{-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);opacity:0}}@keyframes modalClose{0%{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1}to{-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);opacity:0}}.Modal.active{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.Modal_Header{display:-webkit-flex;display:flex;border-bottom:1px solid grey;font-size:10px;-webkit-justify-content:flex-end;justify-content:flex-end;padding:10px}.Modal_Header>h1{font-size:24px;-webkit-flex:1 1;flex:1 1}.Modal_Header>.MuiButtonBase-root{height:25px;width:25px}.Modal_Header .MuiSvgIcon-root{height:18px!important;width:18px!important}.Modal_Body{margin:10px 0}.Modal_Body,.Modal_Footer{display:-webkit-flex;display:flex;padding:10px}.Modal_Footer{-webkit-justify-content:flex-end;justify-content:flex-end;border-top:1px solid grey}.Modal_Footer>.MuiButtonBase-root{margin:0 5px}.Modal_Footer>.MuiButtonBase-root:first-child{margin:0 5px;background-color:red!important;color:#fff!important}.Modal_Footer>.MuiButtonBase-root:last-child{margin:0 5px;background-color:#0275d8!important;color:#fff!important}.Modal input{margin:5px auto 0;width:95%;padding:8px 10px;border-radius:5px;font-size:15px;border:none!important;outline:none!important;background-color:#fff}.Modal input[type=file]{width:100%;background-color:transparent}@media (max-width:450px){.Modal{width:300px}}.Backdrop{position:fixed;height:100vh;width:100vw;left:0;top:0;background-color:rgba(0,0,0,.8);z-index:90}.Profile{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background-color:#1f2021;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;padding:30px 10px 10px}@-webkit-keyframes showProfile{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes showProfile{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.Profile_Show{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:showProfile .3s ease-out forwards;animation:showProfile .3s ease-out forwards}@-webkit-keyframes closeProfile{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes closeProfile{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.Profile_Close{-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:closeProfile .3s ease-out forwards;animation:closeProfile .3s ease-out forwards}.Profile_Header{display:-webkit-flex;display:flex;width:100%;margin-top:20px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid grey}.Profile_Header>.MuiButtonBase-root{height:30px;width:30px;margin-top:-2px;margin-right:8px}.Profile_Body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-top:30px;width:100%;font-family:"Roboto",sans-serif}.Profile_Body>.MuiAvatar-root{height:100px;width:100px;margin-bottom:10px}.Profile_Body>h1{display:inline-block;margin-bottom:30px;text-align:center}.Profile_Body h4{margin-top:15px;display:inline-block;margin-right:5px}.Profile_Details{box-sizing:border-box;padding:0 30px}.SidebarChat{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:15px 10px;border-bottom:1px solid hsla(0,0%,100%,.1)}.SidebarChat.active,.SidebarChat:hover{background-color:#1b1b1b;cursor:pointer}.SidebarChat>.MuiAvatar-root{height:45px;width:45px}.SidebarChat_Info{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:calc(100% - 55px);padding:10px 5px}.SidebarChat_Contact{margin-left:10px;margin-right:5px;-webkit-flex:1 1;flex:1 1;overflow:hidden}.SidebarChat_Contact>h3{font-size:18px;font-weight:600;margin-bottom:3px}.SidebarChat_Contact>h3,.SidebarChat_Contact>p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.SidebarChat_Contact>p{font-size:12px;margin-top:6px}.SidebarChat_Lastseen>p{font-size:10px;display:-webkit-flex;display:flex;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.SidebarChat_Lastseen{padding:2px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.Online{height:10px;width:10px;background-color:#00b712;background-image:linear-gradient(315deg,#00b712,#5aff15 74%);border-radius:50%;margin-top:2px;margin-bottom:-1px;margin-left:4px;display:inline-block}.Message{position:relative;font-size:14px;padding:10px;margin-bottom:30px;border-radius:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#2a2f32;font-family:"Roboto";max-width:60%}.Message_Author{position:absolute;top:-15px;font-weight:700;font-size:x-small}.Message_Time{margin-left:10px}.Message_Time,.Message_TimeVideo{font-size:xx-small;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:#fff}.Message_TimeVideo{margin-left:80%;margin-top:0;position:absolute;right:10px;bottom:2px}.Message_Received{margin-left:auto;background-color:#056162}.ImgMessage{padding:4px}.VideoMessage{padding:7px 5px 12px;position:relative;border-radius:5px}.Message video{border-radius:3px!important;margin:0!important}.Message img{width:350px;height:280px;display:block;border-radius:5px}.PlayerWrapper{width:380px;height:auto;margin:0}@media (max-width:836px){.Message{max-width:260px}}@media (max-width:1060px){.PlayerWrapper{width:250px}.Message img{width:250px;height:200px}}.Chat{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-width:360px!important;-webkit-flex:0.70 1;flex:0.70 1;position:relative}.Chat_Body{padding:30px;-webkit-flex:1 1;flex:1 1;overflow-y:auto;overflow-x:hidden}.Chat_Header{padding:10px 10px 10px 20px;background-color:#323536;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.Chat_Header,.Chat_HeaderInfo{display:-webkit-flex;display:flex}.Chat_Info{margin-left:15px;overflow:hidden}.Chat_Info>p{font-size:12px;margin-top:4px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.Chat_Footer{background-color:#323536;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:10px}.Chat_Footer>.MuiSvgIcon-root{font-size:28px!important;color:grey!important}.Chat_Footer>form{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1}.Chat_Footer>form>input{-webkit-flex:1 1;flex:1 1;margin:0 4px;padding:10px 15px;font-size:16px;border-radius:20px;background-color:#252424;color:#fff;border:none!important;outline:none!important}.Chat_Footer>form>button{display:none}.Chat .MuiMenu-paper{-webkit-transform:translateX(-65%) translateY(25%)!important;transform:translateX(-65%) translateY(25%)!important;background-color:#2a2f32!important;color:#fff!important}.Chat_Body .MuiCircularProgress-root{display:block;margin:150px auto 0}@media (max-width:576px){.Chat_Body{padding:30px 10px 10px}}.UserInfo{width:450px;height:100%;background-color:#0d181b;position:absolute;top:0;right:0;z-index:100;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:20px 0;box-sizing:border-box}@media (max-width:756px){.UserInfo{width:330px}}.UserInfo_Show{-webkit-animation:userInfoShow .3s ease-out forwards;animation:userInfoShow .3s ease-out forwards}@-webkit-keyframes userInfoShow{0%{-webkit-transform:translate(100%);transform:translate(100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes userInfoShow{0%{-webkit-transform:translate(100%);transform:translate(100%)}to{-webkit-transform:translate(0);transform:translate(0)}}.UserInfo_Close{-webkit-animation:userInfoClose .2s ease-out forwards;animation:userInfoClose .2s ease-out forwards}@-webkit-keyframes userInfoClose{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(100%);transform:translate(100%)}}@keyframes userInfoClose{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(100%);transform:translate(100%)}}.UserInfo_Header{width:100%;display:-webkit-flex;display:flex;border-bottom:1px solid grey}.UserInfo_Header>h3{font-size:24px;display:inline-block;margin-top:10px;margin-left:5px}.UserInfo_Body{width:100%;box-sizing:border-box;margin-top:20px;padding:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;overflow-y:auto;font-family:"Roboto",sans-serif}.UserInfo_Body .MuiAvatar-root{height:150px;width:150px!important}.UserInfo_Body>h1{margin-top:15px;margin-bottom:15px;text-align:center}.UserInfo_Body p span{font-weight:700;margin-right:5px}.UserInfo_Body p{margin-top:15px}.Members{width:90%}.Members h2{margin-top:15px}.Members_Info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:5px 10px;margin-top:10px;border-bottom:1px solid hsla(0,0%,100%,.1)}.Members_Info>.MuiAvatar-root{height:45px;width:45px!important}.Members_Detail{margin-left:10px;padding:10px 0}.Members_Detail>p{margin-top:4px;font-size:12px}.Login{padding:30px 10px;width:500px;max-width:90vw;margin-top:-100px;border:1px solid #000;box-shadow:0 2px 4px #000;border-radius:20px;background-color:#424242;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center}.Login>img{width:150px;height:150px;margin-bottom:20px}.Login:hover{-webkit-filter:brightness(108%);filter:brightness(108%)}.Login>.MuiButtonBase-root{margin-top:30px}.Login .MuiButtonBase-root{background-color:red!important;color:#fff!important;padding:10px 20px!important;text-transform:none!important}.Admin{-webkit-flex:0.70 1;flex:0.70 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%}.Admin_Body{padding:0 20px;margin-top:-200px;text-align:center}.Admin_Body>img{width:250px;height:250px;margin-bottom:20px}.Admin_Body>h1{font-size:36px}.Admin_Body>p{margin-top:20px;font-size:22px}.Admin_Body>p>span{font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif;color:#b6b5b5;font-weight:800;font-size:18px;margin:0 6px}
/*# sourceMappingURL=main.fbb7196a.chunk.css.map */