*{margin:0;padding:0;box-sizing:border-box}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}.err_txt{color:red;margin-left:5px;margin-top:5px;font-size:13px;text-align:left}.err_box{width:400px;justify-content:space-between;border:1px solid red;padding:1%;border-radius:10px;background-color:#f59d9d;color:#fff;margin-bottom:20px;display:none}.err_box>.cross{transition:.3s;color:#f59d9d}.err_box>.cross:hover{cursor:pointer;color:#fff}.move_appear{-webkit-animation:down .7s ease-in-out;animation:down .7s ease-in-out;transition:.5s}@-webkit-keyframes down{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes down{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.move_disappear{transition:.5s;-webkit-animation:up 1s ease-in-out;animation:up 1s ease-in-out}@-webkit-keyframes up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}@keyframes up{to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}}a{text-decoration:none;color:#00f}.contanier{transition:3s}.qute{margin-top:10px}.login_form>.con{display:flex;align-items:center;padding:1%;border-bottom:1px solid var(--underline_clr)}.login_form .con>.ico{padding:1%;height:100%;margin-right:10px}.login_form>input{border:1.3px solid #bdbdbd;outline:none;padding:4% 4% 4% 7%;border-radius:3px;color:#353535;margin-top:10px;width:100%;transition:.3s}.login_form>input:focus{border:1.3px solid #313131}.login_form>.login_btn{border:none;outline:none;width:95%;background-color:#2c2e43;color:#fff;padding:4% 0;margin-top:30px;transition:.3s}.login_form>.login_btn:hover{width:100%;background-color:#747fff;cursor:pointer}@media only screen and (max-width:600px){.contanier{padding:3%;font-size:15px;width:90%}}.app{width:100%;height:100vh;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.contanier{box-shadow:0 5px 10px 1px rgba(0,0,0,.438);padding:5%;border-radius:7px}.title{text-align:center}.qute{margin-bottom:20px}.sign_form .con>.ico{padding:1%;height:100%;margin-right:10px}.sign_form .input input{border:1.3px solid #bdbdbd;outline:none;padding:4% 4% 4% 7%;border-radius:3px;color:#353535;margin-top:10px;width:100%;transition:.3s}.sign_form .input input:focus{border:1.3px solid #313131}.sign_form>.sign_btn{border:none;outline:none;width:95%;background-color:#2c2e43;color:#fff;padding:4% 0;margin-top:30px;transition:.3s}.sign_form>.sign_btn:hover{width:100%;background-color:#747fff;cursor:pointer}.keep{display:flex;justify-content:flex-start;align-items:center;margin-top:10px}.keep>input{margin-left:5px;margin-right:5px}.forget{margin-top:3vh;color:grey;font-size:14px;cursor:pointer;transition:.3s}.forget:hover{color:#2c2e43}.redirect_btn{margin-top:20px}body{overflow-y:hidden}.body{text-align:center}.chat{display:grid;grid-template-columns:25% 75%;height:100vh}.chats{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90vh}@media only screen and (max-width:800px){.chat{grid-template-columns:100%}.chats{display:none}}header{text-align:left;padding:1%;box-shadow:0 1px 1px rgba(92,92,92,.308)}.left_head,header{display:flex;align-items:center}.left_head{flex:1 1}.left_head>h2{margin-left:10px}.right_head{display:flex;align-items:center;flex:1 1;justify-content:flex-end}.right_head .notify{margin-right:20px}.right_head>img{width:50px;height:50px;border-radius:50%;margin-right:10px}.SideBar{border-right:1px solid hsla(0,0%,50.2%,.349)}.active{background-color:#ff8f8f}.people{margin-top:5vh;display:flex;flex-direction:column;overflow-y:auto}.person{transition:.3s;margin-top:10px;margin-left:10px;margin-right:10px;border-radius:10px;padding:2%;display:flex;align-items:center}.person:hover{background-color:#ff8f8f;cursor:pointer}.person .name{margin-left:15px}.search_con{display:flex;justify-content:center}.search{width:80%;margin-top:10px;display:flex;align-items:center;background-color:#f1f1f4;border-radius:5px;padding:1.5%}.search>input{border:none;outline:none;background-color:transparent;color:grey;margin-left:15px;width:100%}.search>input::-webkit-input-placeholder{color:grey}.search>input:-ms-input-placeholder{color:grey}.search>input::placeholder{color:grey}.hidden_SideBar{border-right:1px solid hsla(0,0%,50.2%,.349);height:100vh}.contn{display:grid;grid-template-columns:25% 75%}.messages{overflow-y:auto;height:75vh;display:flex;flex-direction:column;padding-bottom:10px}.msg{color:#000;padding:1%;border-radius:5px}.msg .txt{display:inline-block;color:#fff;padding:1%;border-radius:15px}.left{display:flex;justify-content:flex-end;align-items:flex-end}.right{display:flex;justify-content:flex-start;align-items:flex-start}.left .txt{background-color:#4169e1;margin-right:20px}.right .txt{background-color:#f1f1f4;color:#000;margin-left:20px}.no_msg{font-size:20px;text-align:center}.chat_form{display:flex;align-items:center;justify-content:center;padding:.5%;position:fixed;bottom:0;width:75%;height:10vh;background-color:#fff}.chat_form>.msg_input{border:1.3px solid #bdbdbd;border-radius:3px;color:#353535;width:50%;transition:.3s;outline:none;margin-right:10px;padding:1%}.chat_form>.msg_input:focus{border:1.3px solid #313131}.chat_form>.send_btn{border:none;outline:none;background-color:#2c2e43;color:#fff;padding:1%;width:10%;transition:.3s;border-radius:5px}.chat_form>.send_btn:hover{cursor:pointer;background-color:#464646}@media only screen and (max-width:800px){.contn .hidden_SideBar{display:none}.contn{grid-template-columns:100%}.chat_form{width:100%}.chat_form>.msg_input,.chat_form>.send_btn,.msg .txt{padding:1.5%}}@media only screen and (max-width:600px){.msg .txt{padding:3%}.chat_form>.msg_input,.chat_form>.send_btn{width:80%;margin-left:10px;padding-top:2%;padding-bottom:2%}.chat_form>.send_btn{width:20%;margin-right:10px}}.left_head_chat{display:flex;align-items:center}.left_head_chat>img{width:50px;height:50px;border-radius:50%;margin-left:20px}.back_arrow:hover{cursor:pointer;color:#747fff}.loader>p{transition:.5s;-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.aa668152.chunk.css.map */