*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 30px;margin:20px}.logo>.link>h4{color:var(--theame-color);cursor:pointer;margin:0 auto}.right{display:flex;align-items:center}.right>.link>h6{cursor:pointer;padding:10px;margin:0;font-size:16px;font-weight:560;color:#555454}.right>.link>h6:hover{background-color:var(--theame-color);border-radius:50%!important;color:#f5f5f5;transition:background-color .4s ease-out}.right>.text>h6:hover{background-color:#fff!important;color:var(--theame-color)}.right>.link>img{margin-top:5px!important}.right>.logout>h6{color:red!important;font-weight:500}.right>.logout>h6:hover{color:#f5f5f5!important;transition:color .3s ease-out}.modal-content{color:#2c2b2c;font-weight:700}.modal-content>input{border-bottom:1px solid var(--theame-color)!important}.modal-footer>button{background-color:var(--theame-color);color:#f5f5f5;margin-right:18px!important}@media screen and (max-width:700px){.navbar{display:flex;flex-direction:column;justify-content:space-around}.logo>.link>h4{padding-top:15px;padding-bottom:5px}}.home{display:flex;color:#000;height:85vh;width:100%!important}.home-card{width:60%;margin:0 auto}.card_header>.link>h5{color:#555454}.home>.left{flex:0.6 1;overflow-y:scroll}.left::-webkit-scrollbar{display:none}.home>.right{flex:0.4 1;display:flex;flex-direction:column}.home>.right>.right__top{height:45%;width:80%!important;box-shadow:1px 1px 5px rgba(27,27,27,.1),-1px -1px 5px rgba(27,27,27,.1);margin:0 auto 30px}.home>.right>.right__bottom{height:45%}.right>.right__top{width:100%}.right__top>h5{color:#555454;margin-top:0;padding:15px 15px 15px 20px;font-weight:400;border-bottom:1px solid #d3d3d3}.right>.right__top>.right__top__persons{display:flex;flex-direction:column;overflow-y:scroll;height:70%}.right>.right__top>.right__top__persons::-webkit-scrollbar{display:none}.person{height:50px;width:90%;margin:0 auto 8px;justify-content:space-between;cursor:pointer}.person,.person>.link>div{display:flex;align-items:center}.person>.link>div>img{width:50px;height:50px;border-radius:30px}.person>.link>div>p{font-size:20px;color:grey;margin-left:10px}.person>button{outline:none;cursor:pointer;background-color:inherit;color:var(--theame-color);padding:8px;font-weight:700;border:2px solid var(--theame-color);border-radius:30px}.person>button:hover{background-color:var(--theame-color);color:#f5f5f5;transition:background-color .3s ease-out;transition:color .3s ease-in}.right>.right__bottom{height:45%;width:80%!important;box-shadow:1px 1px 5px rgba(27,27,27,.1),-1px -1px 5px rgba(27,27,27,.1);margin:0 auto}.right__bottom>h5{color:#555454;margin-top:0;padding:15px 15px 15px 20px;font-weight:400;border-bottom:1px solid #d3d3d3}.right>.right__bottom>.right__bottom__persons{display:flex;flex-direction:column;overflow-y:scroll;height:70%}.right>.right__bottom>.right__bottom__persons::-webkit-scrollbar{display:none}@media screen and (max-width:800px){.home>.right{display:none}.home>.left{flex:1 1}}.login_page{margin-top:2%}.login{border-radius:20px;background-color:#f5f5f5;box-shadow:1px 1px 5px hsla(0,0%,61.2%,.2),-1px -1px 5px hsla(0,0%,61.2%,.2);margin:auto;width:35%;text-align:left}.login_page>.info{width:35%;margin:0 auto!important;color:grey;text-align:center}.login>h4{color:#555454;padding:20px 0 0 28px}.login__form{display:flex;flex-direction:column;padding:10px 0 0 10px}.login__form>input{max-width:80%;margin-left:20px!important;font-weight:2px;outline:none;border:none;color:grey;background-color:#000}.login__form>button{width:85%;margin:20px 0 20px 20px;padding:10px;text-align:center;color:#f5f5f5;background-color:var(--theame-color);outline:none;border:none;border-radius:10px;cursor:pointer}.register__user{padding:0 20px 20px;margin-left:15px;font-size:14px;color:grey;display:flex;flex-direction:column}.register__user__signUp{padding:10px}.register__user__signUp,.register__user__signUp:hover{color:var(--theame-color)}@media screen and (max-width:800px){.login{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login__form{padding:10px 10px 0}}.profile__information__description{padding:5px 5px 5px 0}.file-path-wrapper>input{border-bottom:1px solid var(--theame-color)!important}@media screen and (max-width:700px){.profile{display:flex;flex-direction:column}.profile__image{padding:0!important}.profile__information__top{display:flex;flex-direction:column}.profile__information__top>h4{font-size:20px}.profile__information__description,.profile__information__mid{display:none}.file-field{display:flex;flex-direction:column}}.register_page{margin-top:2%}.register{border-radius:20px;background-color:#f5f5f5;box-shadow:1px 1px 5px hsla(0,0%,61.2%,.2),-1px -1px 5px hsla(0,0%,61.2%,.2);margin:auto;width:35%;text-align:left}.register>h4{color:#555454;padding:20px 0 0 28px}.register__form{display:flex;flex-direction:column;padding:10px 0 0 10px}.register__form>input{padding:10px;font-weight:2px;outline:none;border:none;background-color:#000}.register__form>.file-field,.register__form>input{max-width:85%;margin-left:20px!important;color:grey!important}.register__form>button{width:85%;margin:20px 0 20px 20px;padding:10px;text-align:center;color:#f5f5f5;background-color:var(--theame-color);outline:none;border:none;border-radius:10px;cursor:pointer}.login__user{padding:0 20px 20px;margin-left:15px;font-size:14px;color:grey}.login__user__login{padding:10px;text-decoration:none}.login__user__login,.login__user__login:hover{color:var(--theame-color)}@media screen and (max-width:800px){.register{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.register__form{padding:10px 10px 0}}.card>button{background-color:var(--theame-color)!important}.input-filled{width:60%;padding:20px;margin:40px auto 0}input:focus{border-bottom:1px solid var(--theame-color)!important}.file-field>.btn{background-color:var(--theame-color)!important}.profile{display:flex;justify-content:flex-start;align-items:center;margin:0 auto;color:#000;max-width:70%}.profile__image{padding-right:50px;margin-top:4%;flex:0.3 1}.profile__image>img{height:160px;width:160px;border-radius:80px}.profile__information{flex:0.7 1;align-items:flex-start}.profile__information__top{display:flex;justify-content:space-between;align-items:center}.profile__information__top>h4{font-size:30px;text-transform:uppercase;text-align:center;font-weight:400;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;color:#2c2b2c}.profile__information__top>button{outline:none;cursor:pointer;border:1px solid var(--theame-color);background-color:#fff;color:var(--theame-color);font-weight:500;height:50px;width:100px;border-radius:40px}.profile__information__top>button:hover{background-color:var(--theame-color);color:#f5f5f5;transition:background-color .3s ease-out}.profile__information__mid{display:flex;justify-content:space-between}.profile__information__description{padding:10px 10px 10px 0}.profile__page{width:90%;margin:0 auto}.profile__page>hr{margin:50px auto 20px;color:var(--theame-color)}.profile__page>.gallery{display:flex;flex-wrap:wrap;justify-content:space-around}.profile__page>.gallery>img{width:300px;height:300px;margin-bottom:20px}@media screen and (max-width:700px){.profile__information__top{display:flex;flex-direction:column}.profile__information__top>h4{font-size:20px}.profile__information__description,.profile__information__mid{display:none}}.home{width:50%;margin:20px auto 0}.home-card{color:#2c2b2c;border-radius:10px;margin-bottom:30px}.card_header{display:flex;justify-content:space-between;align-items:center}.card_header>.link>h5{padding:15px;font-weight:400}.card_header>.delete{padding:10px;cursor:pointer;margin-left:5px;margin-right:5px}.card_header>.delete:hover{border-radius:30px;color:red;background-color:#ececec;transition:background-color .4s ease-out;transition:color .4s ease-out}.card-content{color:grey}.card-content-inner{display:flex;align-items:center}.thumb{cursor:pointer;padding:10px;color:#2c2b2c;margin-left:10px}.thumb:hover{color:var(--theame-color);background-color:#ececec;transition:color .4s ease-out;transition:background-color .4s ease-out;border-radius:30px}.sidebarChat{display:flex;align-items:center;padding:20px;cursor:pointer;border-bottom:1px solid #f6f6f6}.sidebarChat:hover{background-color:#ededed}.sidebarChat>img{object-fit:contain;height:50px;width:50px}.sidebarChat_right{margin-left:15px;color:#000;text-decoration:none}.sidebarChat_right>h2{font-size:16px;font-weight:500;margin:0;padding:0}.sidebarChat_right>p{margin:0}.sidebar{display:flex;flex-direction:column;flex:0.35 1;border-right:1px solid #d3d3d3}.sidebar_header{padding:20px}.sidebar_header>button{padding:8px;outline:none;cursor:pointer;border:none;border:2px solid var(--theame-color);border-radius:10%;color:var(--theame-color);font-size:14px;text-transform:capitalize;background-color:#fff}.sidebar_header>button:hover{background-color:var(--theame-color);color:#f5f5f5;transition:background-color .3s ease-out}.sidebar_chats{background-color:#fff;overflow-y:scroll}.sidebar_chats::-webkit-scrollbar{display:none}.chat__inner{text-align:center;margin:auto}.chat__inner>img{height:100px;width:100px}.chat__inner>h1{font-weight:500;color:#1a1919}.chat__inner>p{font-weight:500;color:grey;margin-top:12px}.chat__inner>hr{margin:20px 0;color:grey}.chat{display:flex;flex-direction:column;flex:0.65 1}.chat_body::-webkit-scrollbar{display:none}.chat_body{flex:1 1;overflow-y:scroll;padding:30px;-ms-overflow-style:none;scrollbar-width:none;background-color:#f5f5f5}.chat_header{display:flex;align-items:center;border-bottom:1px solid #d3d3d3;height:80px!important}.chat_header>.link>button{cursor:pointer;outline:none;padding:10px;border:none;border:2px solid var(--theame-color);border-radius:10%;color:var(--theame-color);font-size:14px;text-transform:capitalize;background-color:#fff}.chat_header>.link>button:hover{background-color:var(--theame-color);color:#fff;transition:background-color .3s ease-out}.chat_headerInfo{flex:1 1;padding-left:20px}.chat_headerInfo>h5{color:#4e4d4d;margin-bottom:3px;font-weight:500;margin-top:0!important}.chat_headerInfo>p{color:grey}.chat_message{position:relative;font-size:16px;padding:18px 18px 18px 5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;background-color:#fff;color:grey;margin-bottom:30px}.chat_receiver{margin-left:auto;background-color:var(--theame-color);color:#f5f5f5}.chat_name{position:absolute;top:-18px;font-weight:800;font-size:small;text-transform:capitalize;margin:0;color:#424242;width:-webkit-max-content;width:max-content}.chat_timestamp{margin-left:10px;font-size:xx-small}.chat_footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:62px;border-top:1px solid #d3d3d3}.chat_footer>form{flex:1 1;display:flex;margin:0 10px}.chat_footer>form>input{flex:1 1;border-radius:30px;padding-left:8px!important;color:grey;border:none;outline:none}.chat_footer>form>input:focus{border-bottom:1px solid var(--theame-color)!important}.chat_footer>form>button{border:none;cursor:pointer;border-radius:50%;font-weight:700;color:grey;font-size:20px;margin:10px;padding:8px;background-color:#fff}.chat_footer>form>button:hover{color:#f5f5f5;background-color:var(--theame-color);transition:background-color .3s ease-out;transition:color .3s ease-out}.chat>h2{font-size:25px;font-weight:600;color:#2e2e2e;text-align:center;margin-top:30px;margin-bottom:25px}.chat>.chat__mid{display:flex;flex-direction:column!important;width:80%;margin:0 auto;overflow-y:scroll;height:80%;cursor:grab}.chat>.chat__mid::-webkit-scrollbar{display:none}.chat__mid>hr{color:#d3d3d3!important;width:80%;margin:0 auto}.chat__mid>.chat__mid__inner{justify-content:space-evenly;margin-top:20px;margin-bottom:20px}.chat__mid>.chat__mid__inner,.chat__mid>.chat__mid__inner>.addUsers__item__left{display:flex;align-items:center}.addUsers__item__left>img{object-fit:contain;height:50px;width:50px}.addUsers__item__left>.center{padding-left:10px}.center>h4{margin:0;color:grey;font-size:18px}.center>p{margin:0;color:grey;font-size:12px}.chat__mid__inner>button{outline:none;border:2px solid #85b5c3;border-radius:30%;background-color:initial;color:#85b5c3;padding:10px;cursor:pointer}.chat__mid__inner>button:hover{background-color:#85b5c3;color:#fff}body{--theame-color:#4d89f7;color:#f5f5f5}.margin{margin:0 auto}.app__body{display:flex;width:90vw;height:80vh;box-shadow:-1px 4px 20px -4px rgba(0,0,0,.5);background-color:#fff!important}.nav-wrapper{padding:0 20px}a,li{color:#000!important}
/*# sourceMappingURL=main.25f214ab.chunk.css.map */